Chart JS Tutorial - ReactJS Charts Beginner Crash Course

  Рет қаралды 44,733

PedroTech

PedroTech

Күн бұрын

Пікірлер: 65
@thydevdom
@thydevdom 9 ай бұрын
Perfect timing! Was asked about this at work today.
@Mr24DJLakers
@Mr24DJLakers 9 ай бұрын
Just started using chart js yesterday. This video came at the perfect time. Thumbs up!
@slearmendoza3863
@slearmendoza3863 9 ай бұрын
I watched your video about this library last week. Thank you for updating this tutorial.
@adityamehto2705
@adityamehto2705 9 ай бұрын
hey man literally you are the best tutor ever 💯💯
@adaobichuma-okeke5348
@adaobichuma-okeke5348 2 ай бұрын
Loved it! It really helps with my current project. I would have loved to see how to give a border radius and not have a title or legend but there's documentation for that. Thank you so much!
@osamayousuf4846
@osamayousuf4846 9 ай бұрын
hey pedro, thanks again you are a legend.
@chasec4897
@chasec4897 3 ай бұрын
always manage to amaze me. Legend.
@elovett36
@elovett36 6 ай бұрын
This is great. Thank you. How do you browse what all of the options for customizations are?
@jbbonutube
@jbbonutube 5 ай бұрын
Thanks Pedro, that 'register' step is crucial.
@benedekgall4895
@benedekgall4895 8 ай бұрын
Really helpful video, and I'm really thankful right now! :D this is exactly what I've been looking for!
@AndreiBoghiu
@AndreiBoghiu 5 ай бұрын
Hey man, just wanted to say a big THANK YOUUU!!!!! You're the best
@akariinak4154
@akariinak4154 9 ай бұрын
Thank you so much PedroTech ! i really appreciate it;
@dprsd042
@dprsd042 9 ай бұрын
Can you make a video regarding calender heatmap chart like the one we see in github, leetcode, codeforces etc ...... I have been trying implement it for a project and its working fine but not as I expected it to
@yajirushik2871
@yajirushik2871 8 ай бұрын
Isn't there an issue with responsiveness of charts in React? I have tried to use Chart.js but it required to make breakpoints, and decided to use recharts instead
@PaulGonzales-d8s
@PaulGonzales-d8s 4 ай бұрын
Thank you so much for this man.
@Ayydos
@Ayydos 7 ай бұрын
Thanks but wish you got into the advanced styling presented in the thumbnail
@godofwar8262
@godofwar8262 9 ай бұрын
Hi great content always a video on next js + typescript updated or on astro
@lucaseabsouza
@lucaseabsouza 5 ай бұрын
An Brazilina doing the content in English is amazing!
@Michael-dp7by
@Michael-dp7by 8 ай бұрын
Great tutorial! many thanks! Just one question though, why did you use create react app to create the project and not something like Vite?
@kronkner_8192
@kronkner_8192 3 ай бұрын
gr8 vid mate 🔥🔥🔥🔥
@PrachiKumari-j3h
@PrachiKumari-j3h 6 ай бұрын
It was really helpful, Appreciate your efforts 👏
@gracewema-i7r
@gracewema-i7r Ай бұрын
really nice'; i have followed and it does make sense keep up
@titonecarter2071
@titonecarter2071 8 ай бұрын
Great video, How i hide the gridlines on the chart
@coding-with-musa
@coding-with-musa 2 ай бұрын
Sir Pedro I would like you to create a tutorial on chart js with Next js.
@NoLifeGamingOfficial
@NoLifeGamingOfficial 23 күн бұрын
I'm coding a admin dashboard for my e-commerce website so hopefuly I'd be able to use charts to visualise data
@capK29
@capK29 9 ай бұрын
Thanks pedro ❤ btw is this possible to import csv data to create a chart ?
@PedroTechnologies
@PedroTechnologies 9 ай бұрын
Yess, im not sure if chartjs has some sort of special support for it. But even if it doesn’t, you can just convert the csv file into json
@capK29
@capK29 9 ай бұрын
@@PedroTechnologies Thanks pedro again. I will try that
@IrfanOPC
@IrfanOPC Ай бұрын
Hai pedro, without mentioning daily steps as title , how did it come there?
@kainatfarooq6245
@kainatfarooq6245 7 ай бұрын
Thank you for this tutorial.
@darkknight2825
@darkknight2825 9 ай бұрын
Fantastic thank you
@CoversByDave
@CoversByDave 5 ай бұрын
Hi, Very nice tutorial. One question: if in the pie chart I want to put the legends on the right side? I have already done that with chartjs in javascript, but when I change position from top to left or right I get an error. Any solution? Thank you
@ankit21309
@ankit21309 6 ай бұрын
It is great concise tutorial.
@anirbanbhunia3363
@anirbanbhunia3363 6 ай бұрын
this is great🔥
@mohanraja1350
@mohanraja1350 5 ай бұрын
It is very useful💥💯, Thank you so much Brother.
@jondiez2673
@jondiez2673 8 ай бұрын
The video was perfect! But i tried to show 2 charts on the same page and i get an error about canvas... does anyone know how to fix it? thank you in advance!
@jhon.bianchi
@jhon.bianchi 2 ай бұрын
i saw in your thumbnail a gradient chart line how to do that?
@xloxn
@xloxn Ай бұрын
thats what im tryna figure out
@venkatchalam6385
@venkatchalam6385 9 ай бұрын
thank you, pls do same kind of better library like this in react
@patrickmotaung5866
@patrickmotaung5866 2 ай бұрын
I like the part where you create the chart in your thumbnail
@Nathan-v1f
@Nathan-v1f 9 ай бұрын
React champion!
@crazyboyravi5617
@crazyboyravi5617 2 ай бұрын
Bro make a video on extension of vs code ❤
@raqeebulhassanraqeeb9957
@raqeebulhassanraqeeb9957 Ай бұрын
thanks man
@murshid956
@murshid956 7 ай бұрын
Great tutorial
@ZabiSideqi-rw9xc
@ZabiSideqi-rw9xc 8 ай бұрын
Tanks for best video.
@DonTestosterone
@DonTestosterone 2 ай бұрын
At 11:49 kzbin.info/www/bejne/kKHJpJiPrpp7rsksi=jEPzQ5NZfsZAeBUQ&t=709 I get the same error, but you zoom out, and continue.. What did you do to solve the issue.
@samratchandravanshi3869
@samratchandravanshi3869 8 ай бұрын
How can we drag a point in chart js
@VikrantSingh-z5r
@VikrantSingh-z5r 8 ай бұрын
Make a video on charts js geo
@cryptohamster_it
@cryptohamster_it 27 күн бұрын
react-chartjs-2 i and chart js is currently unmaintained
@PedroTechnologies
@PedroTechnologies 26 күн бұрын
React chartjs 2 tutorial coming this month ;)
@MohammadAminKiaee-lb5me
@MohammadAminKiaee-lb5me 9 ай бұрын
great video
@murshid956
@murshid956 7 ай бұрын
can you provide the code?
@tedorlupaka2280
@tedorlupaka2280 9 ай бұрын
Gave the first view😌
@godofwar8262
@godofwar8262 9 ай бұрын
You got a KZbin fan fest award for this 😂
@adanos2006
@adanos2006 7 ай бұрын
like for haircut
@anudey8496
@anudey8496 2 ай бұрын
AWesome
@IMdrummerTab
@IMdrummerTab 8 ай бұрын
Nice
@gulay4u
@gulay4u 29 күн бұрын
looks like react-chartjs-2 is currently unmaintained
@cryptohamster_it
@cryptohamster_it 27 күн бұрын
are you solved this problem?
@boi-kheko
@boi-kheko 9 ай бұрын
thk
@aguud
@aguud 7 ай бұрын
liked
@italofsan
@italofsan 9 ай бұрын
Dale haha
@ghostkee5031
@ghostkee5031 4 ай бұрын
these charts look ugly from 1997 and not modern at all
@OnyeStephen
@OnyeStephen 3 ай бұрын
I don't think it is enough to denigrate someone's hard work, can you point us to a a modern one?
Learn React ChartJS in 8 Minutes | Complete Guide
8:40
Code Complete
Рет қаралды 44 М.
Support each other🤝
00:31
ISSEI / いっせい
Рет қаралды 81 МЛН
Three.js Shaders (GLSL) Crash Course For Absolute Beginners
2:57:29
Visionary 3D
Рет қаралды 106 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 885 М.
I Coded 10,000+ React Components, Here is What I Learned...
9:57
React Like a Pro: React Best Practices
9:55
PedroTech
Рет қаралды 15 М.
1.3: Graphing with Chart.js - Working With Data & APIs in JavaScript
19:46
Chart JS Crash Course for Beginners | ChartJS Tutorial
27:50
Vince Polston
Рет қаралды 13 М.
Every React 19 Feature Explained in 8 Minutes
7:35
Code Bootcamp
Рет қаралды 149 М.
The Biggest Mistake Intermediate React Developers Make
18:32
Cosden Solutions
Рет қаралды 19 М.
Build Charts in React With Recharts in 7 Minutes
7:58
CodeSnaps
Рет қаралды 32 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,6 МЛН