Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

C3.js: D3-based reusable chart library

c3js.org

Post reply on HN
Print view View original

11–20 of 81 posts

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

#11

Post by dangets »

AYBABTME wrote: 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…

I don't think it should be too difficult (not saying that d3 doesn't have a learning curve). There are some examples on the d3 gallery that would probably be close.

http://bl.ocks.org/mbostock/4060606 http://www.trulia.com/trends/2011/09/house-hunter-by-day-not... http://prcweb.co.uk/circularheatchart/ http://bl.ocks.org/tjdecke/5558084

Heck if you point me to a stock dataset I could probably code up a simple example that you could tweak. (no promises though ;)

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

#13

Post by bradleyboy »

AYBABTME wrote: 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…

Highcharts (free for non-commercial) has heat maps:

http://www.highcharts.com/demo/heatmap

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

#16

Post by pwang »

AYBABTME wrote: 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…

Heatmaps are fairly easy to do with Bokeh, for instance: http://bokeh.pydata.org/docs/gallery/unemployment.html

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

#17

Post by capkutay »

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 they have this out of the box.

However, I want a library that lets me make visualizations that I can run on my monitor for 10 days straight without running into obscure bugs. Rickshaw failed me in this regard. I have a caching scheme in my client-side application. Rickshaw has its own local copy of data which requires the developer to write custom, messy javascript to evict. I found that rickshaw actually has some custom 'sliding window' logic. I was unhappy because I had to go to stackoverflow to discover that feature rather than using the documentation.

nvd3.js simply worked for me.

Post reply on HN