Live data from Hacker News

C3.js: D3-based reusable chart library

c3js.org

31–40 of 81 posts

Re: C3.js: D3-based reusable chart library

#31

I'm looking for a chart library that can plot real-time data, can anyone give any suggestions?

I have used HighCharts before for this. You'll want to look at their "Dynamic Charts" section: http://www.highcharts.com/demo/dynamic-update

That looks pretty nifty, thanks

Re: C3.js: D3-based reusable chart library

#32

Out of raw d3.js, nvd3.js, cubism, and rickshaw.js, I've by far had the best experience with nvd3. I was particularly pleased with the way nvd3 supports sliding data off line charts without any extra work. D3.js is an excellent, low level visualization library. But you will find yourself spending days to a couple weeks with custom styling, tooltips, legends, etc. Many high level charting libraries are nice because th…

Does nvd3 have any documentation besides some basic examples? while c3 doesn't have a completely documented API atm, it atleast has a very extensive set of examples.

Re: C3.js: D3-based reusable chart library

#33
post #25

Careful, this has pretty much zero documentation and inconsistent options available for each chart type. I started a project with it and after a great start realised I had to scrap it all and start from scratch with some more complete alternative (haven't started looking yet).

I think thats why it's still at version 0.3

But they do have a lot of examples, a lot more than eg. nvd3.

Re: C3.js: D3-based reusable chart library

#34
I like C3, but I discovered it has some major performance issues with thousands of data points a couple months back. It has something to do with the pie chart rendering code: https://github.com/masayuki0812/c3/issues/172#issuecomment-4...

I've been evaluating HighCharts, Vega, Rickshaw, NVD3, C3, but the one I've been impressed with in terms of performance thus far is Epoch: http://fastly.github.io/epoch/

Re: C3.js: D3-based reusable chart library

#35

Out of raw d3.js, nvd3.js, cubism, and rickshaw.js, I've by far had the best experience with nvd3. I was particularly pleased with the way nvd3 supports sliding data off line charts without any extra work. D3.js is an excellent, low level visualization library. But you will find yourself spending days to a couple weeks with custom styling, tooltips, legends, etc. Many high level charting libraries are nice because th…

have you tried dimple.js yet ? I used to use nvd3.js but switch to dimple because the charts seem to look more professional. it is definitely not as mature as nvd3.js though

Re: C3.js: D3-based reusable chart library

#36
annnd it suffers from the same problem as other javascript libraries: the documentation is awful.

If you want your reusable library to be adopted widely, you have to write good docs. I was hoping I could replace NVD3.js with C3.js but the docs are on par.

Re: C3.js: D3-based reusable chart library

#37
post #9

The type of chart I've found most useful is heat map charts, and none of the charting library I've looked at provide that: Here's an example from a Datadog dashboard: https://cloud.githubusercontent.com/assets/1189716/4064956/6... I wish such a chart style was more common, it's so much more useful than a typical line chart of the median/p9x. Unfortunately, I'm not familiar enough with D3 and such to write my own; it…

Epoch can do realtime heatmaps: http://fastly.github.io/epoch/real-time/#heatmap

Re: C3.js: D3-based reusable chart library

#39

Out of raw d3.js, nvd3.js, cubism, and rickshaw.js, I've by far had the best experience with nvd3. I was particularly pleased with the way nvd3 supports sliding data off line charts without any extra work. D3.js is an excellent, low level visualization library. But you will find yourself spending days to a couple weeks with custom styling, tooltips, legends, etc. Many high level charting libraries are nice because th…

nvd3.js is awesome. However It always crashes for very large dataset. I had to reduce my dataset size for nvd3.js to not crash, however programs like MATLAB has no problem visualising really large dataset where you can zoom to individual data point. Its in my TODO list to make nvd3.js handle large data set so that it can compete with MATLAB/Python.

Re: C3.js: D3-based reusable chart library

#40
post #12

dc.js has similar goals (though more focused on large, multi-dimensional data sets), with 1 extra year to mature http://dc-js.github.io/dc.js/

Note my comment elsewhere in this thread about switching from DC to C3 + Crossfilter.

Since we wanted the set of charts to be driven by dynamic data, we were looking at either implementing functions to take a configuration object and translate that into a series of DC API calls, or switching to a charting library that already took configuration objects and hooking the charts together with Crossfilter ourselves.

The latter approach won out, largely because the C3 default look and feel was closer to what we wanted as well, compared to the DC defaults.

Post reply on HN