Best open source javascript chart building library?
Hi all --
I'm about to start on a new project for work that involves creating a dashboard.
In the past, I've extended Google Charts to get them looking how I want, but it feels like some of the newer charting libraries are overall smoother.
Does anyone have suggestions for javascript chart libraries that are reliable and product tested?
I'd love to get my charts looking like Baremetrics, but it sounds like they built custom ones with D3 :)
Thanks!
Trending on Indie Hackers
I'm in the ChartJS boat. Rock solid and does heaps. Extensible, responsive and looks amazing.
Yeah seems like this is going to be the route I end up going. Do you have any examples of your favorite ChartJS charts? I'm looking for inspiration :)
Thanks!
I went down the rabbit hole building custom charts with D3 too, bit recently switched to ChartJS. Why? It‘s just soo much easier to get something done quickly that looks 99% okay. D3 is super customizable (cause it‘s you doing the chart ;)), but is it really worth the effort?
Definitely trying to avoid that rabbit hole! I know a chart that functions correctly is actually what the client wants to have delivered, but still, it feels like there's an opportunity here to up my chart game.
If I can't find something "out of the box" though I'll most likely end up with ChartJS instead of GC. Thanks!
If you're okay with using React, check out visx from Airbnb
https://airbnb.io/visx/
Very cool! I think this is probably too custom for what I'm going for. I'm primarily a react dev so if I were ever to roll my own charts I'd probably use this instead of D3.
I'm on board with dakl. ChartJS is a great choice. I have used/tested many including FusionCharts and AMCHARTS. I'm back to ChartJS.
Check out Vega and Vega-Lite. They are from the same university group that came up with D3, but are higher level languages (still very flexible tho).
https://vega.github.io/
I've seen Vega before. I think if I went this route I'd still use D3, just because it has such a ecosystem built up around it (especially as it relates to interacting with React, which is what I'd be using for the UI). Thanks for sharing this!
Makes sense :) They have a React component, in case it's interesting: https://github.com/vega/react-vega
(They have a visual development environment called Lyra http://idl.cs.washington.edu/projects/lyra/app/ ) from which you can export Vega specs, and then use that in the React component.
Upvote Chart.js
Check out Plotly.js : https://plotly.com/javascript/
I work with a lot of data that I am trying to compare data over time using multiple different fields over time and I really like working with Recharts. Everything is a React Component and it takes a list of objects by default and is easy to pass in keys if you want say mulitple lines in a line chart. You end up just telling each line component what key is being used. Very simple and easy to understand when you go back to your code.
It is for sure opinionated with the data and the environment, but I think it works great for how I typically get the data and what I typically work in. I have heard good things about Chartjs, but seemed a bit more complicated than what I was looking for at the time.
ECharts https://echarts.apache.org. Good functionality and independent from frameworks.
This comment was deleted 5 years ago.