The Best JavaScript Charting / Data-viz Libraries
ฝัง
- เผยแพร่เมื่อ 5 ต.ค. 2024
- 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/jav...
The hardcore options:
D3: d3js.org
Vega: vega.github.io...
#javascript #d3 #react
Thank you. My patience with D3 is growing quite thin. You saved me a laptop.
Hi, What's wrong with D3? I am tring to chose which js library start learning and many sugests D3. I am looking something that fits well with Svelte. any suggestions?
It may be fine for your purposes. It’s just a lot of work to learn, and requires a level of mathematical expertise that I don’t have. Basically All I needed was a simple way to chart data points on an X/Y plane. Not all the other shit that D3 has to offer.
@@davide9648 I used d3 because because I wanted something bare-bones that could offer full customization for my use-case and to be able to control every little knob and switch. I wasn't using a standard chart for visualizing common data, so I felt if i chose a chart library I would really have to go into the weeds of it to be able to do what I wanted. I did start with chartJS but I could'nt get it after a day or two. With d3 has good documentation and you start with absolutely nothing. . Since it is bare-bones, it can take about 30-100 lines of code to get a simple bar chart up, depending on how nice you want it to be with transitions, animations and the lot. It's not too bad, took me about around a week to get 60% of it. Might seem small, but with that 60% you can do ALOT. The remaining amount for me is not that important since it can be some really crazy and unique charts, some I didn't even know existed! It was good for me to learn and I don't regret it. I am certain ill be using it more in the future
'zfc9d3f' on youtube has a great playlist about d3.
This is a great overview. Thanks for making this video!
Very informitave and high qulity video. I like the point where you mentioned whether the libraries require to be run on a webserver!
You've got a great voice and great audio. What mic are you using?
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.
Cool overview thanks!
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.
Hey I’m glad it was helpful!
You made it easy to subscribe
great vid, thank you!
Greate overview many thanks
Glad it was helpful!
im a noob in data visualisation what do you recommend to start with
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.
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.
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.
greaaaaat
react charts from the tanstack?
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
@@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.
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.
Best JS Charting libraries > Python lol