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

Chart.js - open source HTML5 charting library

chartjs.org

Post reply on HN
Print view View original

11–20 of 63 posts

Re: Chart.js - open source HTML5 charting library

#11

Post by ssrubin »

udfalkso wrote: post #4
nicklovescode wrote: post #3

I've been making a ton of d3/html5 charts lately, and I've been terribly dissappointed by the open source offerings of graphs that are both beautiful(tons on dribbble, few even in html) and functional. Was going to work on one, but this actually looks really good! edit: any reason you decided not to use D3 for this?

Found this in the docs: "Chart.js uses the canvas element, which is a single DOM node, similar in characteristics to a static image. This does mean that it has a wider scope for compatibility, and less memory implications than SVG based charting solutions. The canvas element also allows for saving the contents as a base 64 string, allowing saving the chart as an image. In SVG, all of the lines, data points and everyt…

But on the other hand, SVG is infinitely more useful if you want to extract chart data from the page.

Re: Chart.js - open source HTML5 charting library

#12

Post by ra »

ssrubin wrote: post #11
udfalkso wrote: post #4

Earlier quoted context omitted.

Found this in the docs: "Chart.js uses the canvas element, which is a single DOM node, similar in characteristics to a static image. This does mean that it has a wider scope for compatibility, and less memory implications than SVG based charting solutions. The canvas element also allows for saving the contents as a base 64 string, allowing saving the chart as an image. In SVG, all of the lines, data points and everyt…

But on the other hand, SVG is infinitely more useful if you want to extract chart data from the page.

or display the same chart somewhere other than a web page, eg: a PDF or IOS app.

Re: Chart.js - open source HTML5 charting library

#13

Post by olefoo »

ssrubin wrote: post #11
udfalkso wrote: post #4

Earlier quoted context omitted.

Found this in the docs: "Chart.js uses the canvas element, which is a single DOM node, similar in characteristics to a static image. This does mean that it has a wider scope for compatibility, and less memory implications than SVG based charting solutions. The canvas element also allows for saving the contents as a base 64 string, allowing saving the chart as an image. In SVG, all of the lines, data points and everyt…

But on the other hand, SVG is infinitely more useful if you want to extract chart data from the page.

How is that more useful than a link to the source data in a format appropriate to the data?

Re: Chart.js - open source HTML5 charting library

#17

Post by ssrubin »

olefoo wrote: post #13
ssrubin wrote: post #11

Earlier quoted context omitted.

But on the other hand, SVG is infinitely more useful if you want to extract chart data from the page.

How is that more useful than a link to the source data in a format appropriate to the data?

It's not, but how often do you see a news source link to the raw data?

Re: Chart.js - open source HTML5 charting library

#19

Post by sanderjd »

One thing I love about Highcharts is that the documentation is heavily linked to examples on jsfiddle. Your documentation looks really nice and you have lots of nice examples, but I can't play with them.

edit: I meant to say that I can't play with them as far as I can tell. Is there a way that I'm missing?

Re: Chart.js - open source HTML5 charting library

#20

Post by akoeberle »

udfalkso wrote: post #4
nicklovescode wrote: post #3

I've been making a ton of d3/html5 charts lately, and I've been terribly dissappointed by the open source offerings of graphs that are both beautiful(tons on dribbble, few even in html) and functional. Was going to work on one, but this actually looks really good! edit: any reason you decided not to use D3 for this?

Found this in the docs: "Chart.js uses the canvas element, which is a single DOM node, similar in characteristics to a static image. This does mean that it has a wider scope for compatibility, and less memory implications than SVG based charting solutions. The canvas element also allows for saving the contents as a base 64 string, allowing saving the chart as an image. In SVG, all of the lines, data points and everyt…

But this also a the advantage when it comes to tooltips or clickable elements. In a canvas based chart there is no easy way to have to do this.
Post reply on HN