Does anyone have any recommendations for nice boxes-and-lines JS library? Drag-drop, constraints, force-directed layout, that sort of thing?
Show HN: JavaScript Graphing Library Comparison
41–50 of 117 posts
Re: Show HN: JavaScript Graphing Library Comparison
#42I see none of them have the option "Large Data Set", I would think dc.js supports that with it's crossfilter support.
The typical solution is to map the data into a smaller data set in the backend, so you don't need to send 100k points to the browser.
This. I've seen developers try to do all these crazy client-side optimizations hoping it will make the graph drawing faster, when all they have to do is sample the data in the server. You don't need an array of 1 million data points to visualize the general sample.
Re: Show HN: JavaScript Graphing Library Comparison
#43I've been looking for a chart library to display timeseries graphs and integrate well with react. The best one I found so far is react-d3. Unfortunately, it's still somewhat awkward.
Shameless plug: you may want to have a look at my library https://github.com/andreaferretti/paths-js which is made for exactly this purpose. My frustration was that D3 wants to have control over the DOM, but most frameworks let you write components in a declarative style using templates or databinding. So I started paths-js , which takes the data as input and provides an abstract description of the graph as output, t…
no shame, it could really help, thanks :)
Re: Show HN: JavaScript Graphing Library Comparison
#44Does anyone have any recommendations for nice boxes-and-lines JS library? Drag-drop, constraints, force-directed layout, that sort of thing?
There are D3 examples for all of these.
Re: Show HN: JavaScript Graphing Library Comparison
#45It would be great if you split into free of cost and free software, at least out-of-control vs self-hosted.
Re: Show HN: JavaScript Graphing Library Comparison
#46Earlier quoted context omitted.
I've just looked at dimple. It looks quite a bit simpler than implementing d3, I will have to play around with it, but from your experience how would you rate it in terms of ease of use, learning curve, performance, etc.?
If you want to make graphs like those on their page, it's fun. But once you want more it can be super annoying and hard to understand.
Yeah, my experience exactly. It's a great start if you're prototyping and your initial use-cases map well to their demo pages. Once your designer gets excited, you'll have to write a lot of code on top of it and may well consider ditching it entirely.
Re: Show HN: JavaScript Graphing Library Comparison
#47http://dimplejs.org/ is another D3 based charting library.
I've just looked at dimple. It looks quite a bit simpler than implementing d3, I will have to play around with it, but from your experience how would you rate it in terms of ease of use, learning curve, performance, etc.?
- It is a lot simpler than D3
- It works best when your use case fits into the explicit examples given here : http://dimplejs.org/examples_index.html
- If you are wanting something from the advanced examples, you should be proficient in javascript and understand d3 already
- If you want something not in the examples at all, you should really understand d3.
It's pretty quick to get up and running with it, you can always get access to the underlying d3 selections to do more complicated operations, and the main developer is fairly accessible through stackoverflow questions or github questions. There are some gotchas I've run into but nothing that has made me consider switching. We evaluated a few different libraries before choosing it.
I can't speak for performance really because we don't have huge datasets. For ordinary business data (not looking at 1000s of points on a chart), it's fine.
Re: Show HN: JavaScript Graphing Library Comparison
#48I think http://nvd3.org/ should be added. It is the only free/OSS that was able to do the complex combined graphs I needed for a recent project.
I wish they would open source the rest of the charts. When I worked there we had some amazing visualizations that weren't included in the open source portion.
Re: Show HN: JavaScript Graphing Library Comparison
#49I always rely on Highcharts, probably the biggest library presented here. Fit all the case (except map maybe) and flexible enough to let you change everything if you or your designer want something very specific !
Same. Before I found Highcharts, I'd switch between a few different graphing libraries, based on the needs of the project. I'd always find that each graphing library had its own set of limitations - there'd always be something it couldn't do (besides D3, where you can do basically anything - it's just quite complicated).
Highcharts was the first library I found where, even when I assumed what I wanted to do would be impossible, it could do anything I threw at it. The number of settings and formatting options is incredible. Such a fantastic library.
(By the way, for maps, there's Highmaps. It's an additional license fee but it integrates nicely and provides a bunch of cool choropleth map features, etc).
Re: Show HN: JavaScript Graphing Library Comparison
#50I find it wildly perplexing that there are so many frameworks and libraries for javascript graphics and data visualization.
Wikipedia has a comparison matrix of 37 different libraries. http://en.wikipedia.org/wiki/Comparison_of_JavaScript_charti...
Here is a list describing briefly at least 50 libraries: http://techslides.com/50-javascript-charting-and-graphics-li...