The Best JavaScript Charting / Data-viz Libraries

These charting libraries will make your life easier if you have any charting needs for your application. In this video, we explore the best libraries for a few different categories.
---
Here are links to the different libraries:
The "basic" options:
- Chart.js: www.chartjs.org/
- Nivo: nivo.rocks/
The more "advanced"/scientific options:
- Plotly: plotly.com/javascript/
The hardcore options:
- D3: d3js.org
- Vega: vega.github.io/vega/
#javascript #d3 #react

[@Mr_exe32]

Thank you. My patience with D3 is growing quite thin. You saved me a laptop.

[@codyr2318]

This is a great overview. Thanks for making this video!

[@Julian-dm6uv]

Very informitave and high qulity video. I like the point where you mentioned whether the libraries require to be run on a webserver!

[@gorandamchevski]

Hey thanks for the video, I'm a noob and need to build some charts, so It's good to know some of my options.

[@CODE_IS_EVERYTHING]

Hey I’m glad it was helpful!

[@BusinessAutomatedTutorials]

Cool overview thanks!

[@_alexlazar_]

You've got a great voice and great audio. What mic are you using?

[@CODE_IS_EVERYTHING]

Thanks! I don’t recall which I recorded this with, but it was either an sm7b or an electrovoice re320. Overkill for these videos, but I’ve got them for my day job.

[@BlayneOliver]

You made it easy to subscribe

[@Dalhax]

hi, I really like how customizable these are. my question: these are typically embedded code on a website, right? Is there an option to export any of these charts as a non-interactive png and use them for some simple graphical social media projects? I'm a marketing generalist and would rather learn this than pay $500 monthly for a subscription.

[@CODE_IS_EVERYTHING]

Yeah you can definitely export them as a png. Depending on which library you go with, there may be a built in function for exporting the image.
If you’re only ever going to generate images and don’t need the web page you can also checkout some python libraries like Seaborn that will directly generate the images.

[@omrimaher2754]

Greate overview many thanks

[@CODE_IS_EVERYTHING]

Glad it was helpful!

[@Furki4_4]

great vid, thank you!

[@bilelmarzou387]

im a noob in data visualisation what do you recommend to start with

[@CODE_IS_EVERYTHING]

If you’re just looking to get something created, chartjs is probably the safest place to get started. However, if you’re trying to really learn data visualization I think it is really worthwhile spending some time with d3js, even if you don’t end up using it on most projects. It is much more involved, but it makes you really understand all of the components of data viz.

[@marcosguillermoisunzaalvar3868]

greaaaaat

[@SogMosee]

react charts from the tanstack?

[@CODE_IS_EVERYTHING]

React charts is also a good option (as is everything created by Tanner). But personally if I’m using react I’m going with Nivo

[@SogMosee]

​@@CODE_IS_EVERYTHING ill have to give it a shot. You should do a video about file trees like what vscode has.
Toggle files, rename, delete, drag, etc
Things like monaco-tree and aspen tree.

[@CODE_IS_EVERYTHING]

Hey, I can definitely look into that. Out of curiosity, what type of use case are you thinking for those? Some sort of web IDE? I'm trying to think of what other common places use file tree style components.

[@poisonousme]

Best JS Charting libraries > Python lol