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

71–80 of 81 posts

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

#71

Post by thom_nic »

thorway-rick wrote: post #54
thom_nic wrote: post #49

Earlier quoted context omitted.

Does anyone know of a chart lib has the ability to make a "stacked" area chart where each series gets its own Y-axis, similar to cubism.js? I like how cubism visualizes streams of data where each needs its own Y-axis but they are related on the X axis (usually a time domain.) However cubism's mechanism of updating is sort of weird, and each value needs to be one pixel. I tried to use d3's "streams" example but quickl…

I think of those stacked charts as a stack of multiple charts that happen to share a timeline. With rickshaw I just stack a bunch of graphs on top of each other in the page, and give the bottom one an X axis.

Yup that's what I'm doing now as well.

The only downside to that strategy is you can't e.g. show a single y-axis with values for each chart when you hover over one the way cubism can. This is really handy for comparing values across series. Actually I just found a d3.horizon module which might do what I want, but I need to see if I could get multiple charts to share the same axis.

Maybe I should just go back to cubism but it doesn't really make sense when you don't have thousands of values that you want to be 1px wide.

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

#72

Post by auvrw »

I'm not familiar with all the available chart libraries built on top of d3.js，but having used vanilla d3 on several projects, my first response to this article was that c3 looks really useful/cool... That said, it's probably worth mentionting that there are some useful examples of "reusable charts" on mr. bostock's website, and constructing a customized version of this JSON chart format probably wouldn't be too difficult, although making it performant on large datasets might be.

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

#73

Post by bengali3 »

muyueh wrote: post #68

I build visualizations with d3.js for my clients ( http://muyueh.com/42/ ), and I have always wonders whether I will be one day replaced by library such as c3.js. I have been watching closely different library, and felt that most of the library are just providing default value to d3.js, plus adding some nice plug-in (such as tooltips). If we are looking for a bar chart, then it's very fast to use a bar chart library…

Nice work. I really like http://muyueh.com/30/hexagon/

First find attempt I got 85 seconds Second 23 seconds Third 185

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

#74

Post by muyueh »

bengali3 wrote: post #73
muyueh wrote: post #68

I build visualizations with d3.js for my clients ( http://muyueh.com/42/ ), and I have always wonders whether I will be one day replaced by library such as c3.js. I have been watching closely different library, and felt that most of the library are just providing default value to d3.js, plus adding some nice plug-in (such as tooltips). If we are looking for a bar chart, then it's very fast to use a bar chart library…

Nice work. I really like http://muyueh.com/30/hexagon/ First find attempt I got 85 seconds Second 23 seconds Third 185

Thanks, that one together with Chernoff's facial hairs (http://muyueh.com/30/chernoff/) are two visuals that I really enjoyed doing, but a bit too "geek" for the average user (Your compliments was actually the first one I get from that graph).

It was part of my initiative 30 days of d3.js, a pretty solid way to learn d3.js by the way.

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

#78

Post by mightybyte »

dsjoerg wrote: post #14

I'm a long-time highcharts user. What are the advantages of this over highcharts?

It appears to support more data formats than highcharts. It allows you to pass data in both column oriented or row oriented forms. Highcharts didn't have that ability last I checked.

Also, C3 is MIT licensed. I'm sure there are other differences as well.

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

#79

Post by omouse »

chrischen wrote: post #65
omouse wrote: post #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.

The documentation is nice... it's just incomplete.

Right and that incompleteness will leave you taking hours to do what should be done in minutes because you're digging through the source code.

/said as someone who's had to do that with multiple libraries :(

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

#80

Post by AYBABTME »

corford wrote: post #37
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…

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

Looks pretty much like what I'm looking for, thanks!
Post reply on HN