Live data from Hacker News

Tinychart – simple, ready-to-go charts

tinychart.co

21–30 of 32 posts

Re: Tinychart – simple, ready-to-go charts

#21
post #20

Today: https://news.ycombinator.com/item?id=9043305 => http://tinychart.co/ Two days ago: https://news.ycombinator.com/item?id=9031894 => http://tinychart.co/ Three days ago: https://news.ycombinator.com/item?id=9027084 => http://tinychart.co/ Is the duplicate detector broken?

I guess the visibility of the other two was pretty low, is it really that annoying? I didn't see it before I'd have to be here all day to notice the two other posts.

Re: Tinychart – simple, ready-to-go charts

#23

This is my first project in React.js and it was really nice to work with. The only part I struggled with was while building the table editor. I'm using contentEditable there and apparently React doesn't play well with it. The virtual DOM gets out of sync after user input and you have to manage it manually. I really enjoyed making this and I'm happy to hear any feedback about ways to improve it! :)

I browse with cookies and localStorage disabled by default (I whitelist sites I need to log into). Your site just comes up blank for me... maybe it requires localStorage for some reason? Not sure why it would, but at least you might want to display a message indicating such.

Re: Tinychart – simple, ready-to-go charts

#24

This is my first project in React.js and it was really nice to work with. The only part I struggled with was while building the table editor. I'm using contentEditable there and apparently React doesn't play well with it. The virtual DOM gets out of sync after user input and you have to manage it manually. I really enjoyed making this and I'm happy to hear any feedback about ways to improve it! :)

I browse with cookies and localStorage disabled by default (I whitelist sites I need to log into). Your site just comes up blank for me... maybe it requires localStorage for some reason? Not sure why it would, but at least you might want to display a message indicating such.

oh, it uses localStorage to store your chart data so that you can refresh the page and you won't lose your changes.

But you are totally right that it should not be requirement. I will fix that today. Thanks for letting me know!

Re: Tinychart – simple, ready-to-go charts

#25
post #2

Nice idea. A few possible improvements: 1. Import data from csv, excel etc, from file or textarea. 2. The chart should be resizable. 3. Color schemes would be nice to have.

...and that's why something "simple" hardly ever works in real-life! :P

Re: Tinychart – simple, ready-to-go charts

#26
post #16
post #12

Does anyone know of a (free) JS graph library that allows for data at irregular intervals? I'm looking for something like this, but with a more permissive license: http://www.highcharts.com/demo/spline-irregular-time

Maybe http://metricsgraphicsjs.org/ could help you with this.

Hrm, one of the requirements that I forgot to mention (but might be implied by the example?) is that the are 4 different data sets on the graph, all with different different intervals.

Re: Tinychart – simple, ready-to-go charts

#27
post #21
post #20

Today: https://news.ycombinator.com/item?id=9043305 => http://tinychart.co/ Two days ago: https://news.ycombinator.com/item?id=9031894 => http://tinychart.co/ Three days ago: https://news.ycombinator.com/item?id=9027084 => http://tinychart.co/ Is the duplicate detector broken?

I guess the visibility of the other two was pretty low, is it really that annoying? I didn't see it before I'd have to be here all day to notice the two other posts.

Maybe if the implementation wasn't utter garbage on mobile, and if it didn't totally break upon entering new data (at least in Chrome), that wouldn't be the case.

I bit my tongue last time, but seriously, this is one of the most garbage demos I've ever seen. Granted, maybe this is my fault somehow, a plugin, or who knows; at first glance 1/10.

Re: Tinychart – simple, ready-to-go charts

#28

This is my first project in React.js and it was really nice to work with. The only part I struggled with was while building the table editor. I'm using contentEditable there and apparently React doesn't play well with it. The virtual DOM gets out of sync after user input and you have to manage it manually. I really enjoyed making this and I'm happy to hear any feedback about ways to improve it! :)

Just so you know, there are very few situations where one should produce a graph from a set of points by spline interpolation (at least in the natural sciences). It almost never is the right choice, if you don't have a model for how the graph you are sampling looks like you shouldn't draw lines between points at all.

Re: Tinychart – simple, ready-to-go charts

#29
In terms of design, it is a project that victordg can be proud of, but I notice a lack of domain knowledge [1] with respect to what charts portray and how they portray them; in very few situations could one infer bezier curves (or splines, or anything) from a set of data points. The result is more an "artist's conception of a chart" than a chart than an actual useful chart.

I do quite like the mouseover data points, I realize these are pretty standard on online charts, but I think he did a good job on them.

However, his chart's constraint on the time series -- really only a logistic progression is supported -- means that it essentially can only produce bar charts. I notice that it simply fails when data is missing from any table cell, which is probably an issue for any potential user; how does one then represent the absence of data?

[1] Disclosure/DK-filter: I do not work with charts or tables of figures, and I don't know a great deal about the topic: I mention it because my understanding is that that false implication of continuity is a serious flaw in chart design.

Post reply on HN