Developers January 13, 2021

Chart library in javascript?

Jorge Alvarez @HappyMoodScore

Hi everybody:

Which javascript library would you choose to draw some bar, line and pie charts?

Plain javascript, no react, vue, angular....

Thank you,

  1. 8

    Looked into this question recently and landed on chart.js https://www.chartjs.org/ as the best option for free, easy to use, and looking good

    1. 1

      +1 I was recently looking for a chart library to use with VueJS and I landed on ChartJS. I have been extremely happy. It is incredibly powerful.

    2. 1

      I've been using chartjs since 2013 for anything like this. Its really good.

      They still don't have trend lines though, which is a bummer.

    3. 1

      +1 on this. I’ve looked into so many options and chartjs was the best. One key metric some people might forget about is how active development is.

      I was using recharts (react only) for some time, works great and looks beautiful, but unfortunately it’s no longer maintained. So many bugs and workarounds to get things working

      1. 1

        Also +1 for chart.js. Probably the easiest to use, good documentation & community, best looking, customizable, etc etc

    1. 1

      We're using apex charts for https://thatswhy.app. I must say I really like it but it also has a lot of bugs that just shouldn't be there. But of course I can't complain, it's open source!

      Anyways:

      • Easy to use
      • Looks good
      • A lot of functionality out of the box
  2. 3

    I have used Plotly for python. The javascript library is just as great. You may want to check it: https://plotly.com/javascript/

    1. 1

      Second this Plotly and Dash by Plotly AMAZING!

  3. 3

    I started using Nivo and it is really good. The website has some of the best example and docs I've seen.

    1. 2

      I just saw this being used on the State of JS 2020. https://2020.stateofjs.com/en-US/technologies/javascript-flavors/
      Don't you have to use React with this?

      1. 1

        That is great. I don't recall where I saw it, but my the ability to test and showcase different charts before building is fantastic.

  4. 2

    I can highly recommend apache echarts

    echarts.apache.org

  5. 2

    ChartJS will be fine for 99% of use cases. If you need something complex which falls into the next 1% use D3.js

  6. 2

    I really like D3 and Vega https://vega.github.io/ but I think it would be overkill for basic charts.

  7. 1

    Hi @HappyMoodScore I've used chart.js both in vanilla.js and framework wise like angular / react.

  8. 1

    D3, charts.js -

  9. 1

    I just found one and felt in love with it. It plots “hand-drawn” styled charts <3

    https://timqian.com/chart.xkcd

  10. 1

    If you're looking for something fancy, SandDance could do the trick. https://github.com/microsoft/SandDance

  11. 1

    I used c3 when I worked at Union Pacific on their Enterprise Monitoring System. It was a pretty good solution. - https://c3js.org/

Recommended Posts