What does fusion chart buy you that D3 doesn't? - javascript

We are trying to build heavy graph based dashboards. One of the things we have to choose between is D3.js and Fusion charts. Fusion charts is paid. So my question is what does fusion chart have better that d3 doesn't?

D3 is a library to manipulate the DOM based on the data, not a charting library, you have to build the charts for yourself. It gives you absolute control, but you need to spend time creating the chart (scales, margins, etc...). There are some libraries like NVD3 that can ease the process but they could be tricky to modify.
Also:
Fusion charts has support for IE 6, 7 and 8, while D3 doesn't support them.
Fusion charts allows to export the charts to PDF, PNG... easily.
Fusion charts has no support for time series, while d3 support it.
Fusion charts has no brush component while d3 has: http://bl.ocks.org/mbostock/1667367

To know more about the capabilities of D3 and FusionCharts, read more at: http://www.quora.com/What-are-some-capabilities-of-D3-js-which-cannot-be-achieved-using-fusion-charts/answers/2928546

Related

Angular-7 - How to create hybrid network and bubble chart

I have requirement to design a chart with hybrid of network and bubble chart in Angular-7. The result looks something like in the image below It also should show the flow of data like there in the site Union Budget 2020. I am using chart.js and ng2-charts in angular-7. Is there a way around to design such graph in chart.js or need to use some other library? I have gone through these libraries as of now:
Vis Network
D3
GoJS
but did not found the perfect one.

Can every d3 chard drawn by rickshaw for cloud-computing software platform?

I have included tags openstack and amazon-web-services because they are cloud-computing platform.
I am going to start Rickshaw chart. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.
I am working on openstack. It is a free and open-source cloud-computing software platform. This is alternative to Amazon Web Services. Openstack is in initial phase of development. For demonstration purpose they are using very simple chart like bar-chart, pie-chart, line chart.
My Question that Is it possible to draw every d3 chart through rickshaw.
In Open-Stack project (like Amazon Web Services )
they are using d3 and rickshaw to draw very simple chart like pie chart, bar chart
Is it possible to draw every D3 chart through rickshaw?
No. Rickshaw is a graph library (focused on time series), whereas D3 is more of a framework, so it gives you much more functionality.

Which D3 Layout should I use to show relationships?

Hi I'm just getting into Data Visualization and D3 and I'm trying to make a diagram that conveys the relationships between a group of people and I was wondering if I should use a Chord Diagram layout or a Hierarchal Bundling layout?
I like the look of the edges in Hierarchal Bundling layout but I really don't have an Hierarchy. Also Im not sure how the bundling works.
Can I make a chord layout in D3 with just strokes and not fills?
Here's a list of resources that can help you choose the right visualization technique for your data:
How to design Charts and Graphs
Guide to Visual Communication
Visualization Cheatseet by Tom MacWright
A Tour through the Visualization Zoo by Jeffrey Heer, Michael Bostock, and Vadim Ogievetsky
if you have number of people plototed against their attributes, then parallel plotting is the best option. In parallel Plotting you can compare the feature of 1 perso with another on the same chart.
Here are the two links that will help you in creating parallel coordinates:
parallel chart 1 with all the capability making use of 1 library`
The famous chart directory blocks.org

interaction between d3.js graph and dc.js graph

I am working on d3.js and dc.js libraries from few weeks. I have created scatter plot in d3.js and bar graph in dc.js. I want to know that is there possibility to interact between these two different graphs created in two different javascripts. In short, is it possible to interact between two different graphs created in d3.js and dc.js?
thank you.
Not going to give you the codes, sorry.
You'll want to use crossfilter as the bridge between the graphs, though:
create a dimension which is for the scatterplot (different from the dimensions used in the dc.js charts, but same crossfilter instance)
react to the interaction in d3 and set the filter on that dimension
Often when creating a dimension for a scatterplot, you will use a key that is unique for each row, or barring that, the row index itself. If you search around for dc.js scatterplot or bubblechart, you ought to find examples.
Also dc.js has a scatterplot now. It needs some love and is not as feature-rich as the bubble plot, but it exists.

Javascript /jQuery Stock Chart API with multiple separate axis but combined interaction (pic included)?

I have looked through a number of open source and proprietary charting tools such as:
Stock Chart v3
HIGHSTOCK
dygraphs
Virtualization
These are all good charting options, some have an added dataset in a separate panel used with interaction(Only Volume). I would like to have this with multiple charts, like this:
In the above image, there are separate charts for different indicators but when interacting with the chart you can see the values on the right side of all 5 indicators.
Would it be possible to append another chart and have combined interaction in the same way with any existing charting options?
When using amCharts you are not limited to 2 panels. You can have any number of them. It's just this example that has two. I guess most of other tools does the same.

Categories