Show relation b/w nodes in D3 tree graph - javascript

I am using d3 js library and eveything is working fine . But I need some enhancement and I don't know If d3 library already support the same or not.
Actually I want to show inter-relation b/w two nodes using de , you will get better idea from the image I have added.
I am using this library right now to show graph .The enhancement which I am looking for is possible using same library or I have to use any other library.

I found one library which suits my needs , it is a multiple parent library.
http://bl.ocks.org/robschmuecker/6afc2ecb05b191359862
I hope it helps someone else too

Related

how to make same chart with lightweight chart with javascript

I am use https://github.com/tradingview/lightweight-charts javascript package.
As you can see in the picture, orders are shown in green boxes on the bitmex exchange. I want to learn how I can do this in my own table. I could not find a similar example in the document. Can you help me ?
I'm afraid it couldn't be done with lightweight-charts. If you'd like to add them and want to use TradingView's charts, I'd suggest you take charting library instead.

How to display svg generated by javascript file as a component in Angular 2?

So, I need to display a svg generated by this script. http://bl.ocks.org/andredumas/27c4a333b0e0813e093d .
However I want to use it as a component in Angular 2. I couldn't find any solutions or any examples. Is this possible?
Also I'll need to talk with server and other components.
Thanks for the help in advance.
The script your are referring to is using D3.
A good starting point for D3 and Angular 4 is:
https://github.com/swimlane/ngx-charts
Since every D3 chart is somewhat unique, it's hard to answer your question with an exact implementation, but the above framework should help you with the interaction between angular and D3.
I hope this points you in the right direction.

Creating charts in java or javascript without images

One of the project requirements for my new java web project is to have dynamic charts that will load really fast.
While in discussion , it was asked if we could implement charts without using images ie without loading jpg, png files etc. Also files like pdf cannot be used.
Basically my question is
Can charts be implemented in jsp/javascript without using images,pdf etc ?
ie even api's used should not provide end result as image,or pdf etc.
I did not say no right away , as I have implemented charts in console applications in C on screen. Can we do something like that on a webpage ? ie show a graph by drawing on screen dots,lines,circles etc.But it should be possible inside a div ?
PS : Comments and answer from Lucien Stals helped to understand that the technology i was looking for was svg.
I am looking for some nudging in the right direction from some of the experienced java , javascript programmers in SO.
Many JavaScript chart libraries exist that render in HTML5 on your page. You can probably find one that meets other requirements or wishes of your team, since each have feature areas in which they excel. http://www.zingchart.com has also been adding many ways to include them in your charts if you decide to go with something other than vanilla JavaScript (jQuery, Angular, etc). Full disclosure: I'm on the ZingChart team. I can help you weigh the pro's and con's if you find a few that catch your interest.
A simple bar chart would be easy enough to create with DIVs and CSS.
Anything more complicated and I think you are talking SVG, which could be drawn using http://raphaeljs.com/, or maybe http://d3js.org/ .
Also look at the HTML5 canvas element.
I would suggest to use Google Chart Framework. I did use it in past for my project and it is good.
You can check highcharts http://www.highcharts.com/ . This can be integrated easily with your javascript .
Most of this js chart plugins expects data in array or json format and can dynamically render the charts.Easy to integrate in the web pages
jgccharts.js Jquery charts
jquery charts plugin

How to create graph in an HTML file using the jOrgChart?

Is it possible to draw a graph in an HTML file using the jOrgChart jQuery plugin, as in the example below?
If that's not possible then what are other options are available for drawing such chart, without using Drupal?
Assuming that this question is about the jOrgChart jQuery plugin, and assuming that Drupal is an option to consider, then for sure it's worth considering the jOrgChart sandbox ... at least that's where I'll start from if some day I want to start using jOrgChart in Drupal.
For other Drupal based alternatives for charting, checkout the Comparison of charting modules I created (note to myself: add this jOrgChart plugin and sandbox project to that comparison).
Curious to hear to what extend this attempt is an answer to this charting question ...
PS: Checkout my profile for more details about my charting background, etc.
Very easy to use given a nested unordered list element.
Drag-and-drop functionality allows reordering of the tree and
underlying structure.
Showing/hiding a particular branch of the tree by clicking on the
respective node.
Nodes can contain any amount of HTML except and . Easy to
style.
You can specify that sub-trees should start collapsed, which is
useful for very large trees
for html
https://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html

Javascript libraries for drawing multilevel trees

I would like to know about the available js libraries for drawing multilevel trees. Some functionalities I'd like to add to the created tree would be to make the nodes click-able and to be able to select an area on the graph and do actions based on the selection.
Maybe you should try arbor.js?
I'd check out Protovis. I've had good success with it. However, it is a very general library, giving you lots of building blocks to make nice graphs, but it won't be a turnkey solution.

Categories

Resources