The Best JavaScript Charting / Data-viz Libraries

Рет қаралды 25,111

CODE IS EVERYTHING

Күн бұрын

Пікірлер: 27

@codyr2318 10 ай бұрын

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

@Mr_exe32 6 ай бұрын

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

@davide9648 4 ай бұрын

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?

@Mr_exe32 4 ай бұрын

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.

@suibora 4 ай бұрын

@@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.

@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!

@BusinessAutomatedTutorials 2 жыл бұрын

Cool overview thanks!

@BlayneOliver 10 ай бұрын

You made it easy to subscribe

@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.

@Dalhax 7 ай бұрын

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 7 ай бұрын

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.

@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!

@_alexlazar_ 2 жыл бұрын

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.

@Furki4_4 9 ай бұрын

great vid, thank you!

@omrimaher2754 2 жыл бұрын

Greate overview many thanks

@CODE_IS_EVERYTHING Жыл бұрын

Glad it was helpful!

@SogMosee 2 жыл бұрын

react charts from the tanstack?

@CODE_IS_EVERYTHING 2 жыл бұрын

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 2 жыл бұрын

@@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 2 жыл бұрын

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.