Chart JS Tutorial - ReactJS Charts Beginner Crash Course

  Рет қаралды 39,103

PedroTech

PedroTech

Күн бұрын

Пікірлер: 60
@thydevdom
@thydevdom 8 ай бұрын
Perfect timing! Was asked about this at work today.
@Mr24DJLakers
@Mr24DJLakers 8 ай бұрын
Just started using chart js yesterday. This video came at the perfect time. Thumbs up!
@slearmendoza3863
@slearmendoza3863 8 ай бұрын
I watched your video about this library last week. Thank you for updating this tutorial.
@adityamehto2705
@adityamehto2705 7 ай бұрын
hey man literally you are the best tutor ever 💯💯
@adaobichuma-okeke5348
@adaobichuma-okeke5348 Ай бұрын
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!
@jbbonutube
@jbbonutube 4 ай бұрын
Thanks Pedro, that 'register' step is crucial.
@osamayousuf4846
@osamayousuf4846 8 ай бұрын
hey pedro, thanks again you are a legend.
@AndreiBoghiu
@AndreiBoghiu 3 ай бұрын
Hey man, just wanted to say a big THANK YOUUU!!!!! You're the best
@lucaseabsouza
@lucaseabsouza 4 ай бұрын
An Brazilina doing the content in English is amazing!
@chasec4897
@chasec4897 2 ай бұрын
always manage to amaze me. Legend.
@elovett36
@elovett36 5 ай бұрын
This is great. Thank you. How do you browse what all of the options for customizations are?
@akariinak4154
@akariinak4154 7 ай бұрын
Thank you so much PedroTech ! i really appreciate it;
@benedekgall4895
@benedekgall4895 6 ай бұрын
Really helpful video, and I'm really thankful right now! :D this is exactly what I've been looking for!
@gracewema-i7r
@gracewema-i7r 9 күн бұрын
really nice'; i have followed and it does make sense keep up
@godofwar8262
@godofwar8262 8 ай бұрын
Hi great content always a video on next js + typescript updated or on astro
@PaulGonzales-d8s
@PaulGonzales-d8s 2 ай бұрын
Thank you so much for this man.
@dprsd042
@dprsd042 8 ай бұрын
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
@PrachiKumari-j3h
@PrachiKumari-j3h 5 ай бұрын
It was really helpful, Appreciate your efforts 👏
@darkknight2825
@darkknight2825 8 ай бұрын
Fantastic thank you
@kronkner_8192
@kronkner_8192 2 ай бұрын
gr8 vid mate 🔥🔥🔥🔥
@Michael-dp7by
@Michael-dp7by 7 ай бұрын
Great tutorial! many thanks! Just one question though, why did you use create react app to create the project and not something like Vite?
@coding-with-musa
@coding-with-musa Ай бұрын
Sir Pedro I would like you to create a tutorial on chart js with Next js.
@IrfanOPC
@IrfanOPC 9 күн бұрын
Hai pedro, without mentioning daily steps as title , how did it come there?
@Nathan-v1f
@Nathan-v1f 7 ай бұрын
React champion!
@kainatfarooq6245
@kainatfarooq6245 5 ай бұрын
Thank you for this tutorial.
@mohanraja1350
@mohanraja1350 3 ай бұрын
It is very useful💥💯, Thank you so much Brother.
@ankit21309
@ankit21309 5 ай бұрын
It is great concise tutorial.
@titonecarter2071
@titonecarter2071 7 ай бұрын
Great video, How i hide the gridlines on the chart
@patrickmotaung5866
@patrickmotaung5866 29 күн бұрын
I like the part where you create the chart in your thumbnail
@venkatchalam6385
@venkatchalam6385 7 ай бұрын
thank you, pls do same kind of better library like this in react
@yajirushik2871
@yajirushik2871 7 ай бұрын
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
@Ayydos
@Ayydos 6 ай бұрын
Thanks but wish you got into the advanced styling presented in the thumbnail
@CoversByDave
@CoversByDave 3 ай бұрын
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
@anirbanbhunia3363
@anirbanbhunia3363 4 ай бұрын
this is great🔥
@capK29
@capK29 8 ай бұрын
Thanks pedro ❤ btw is this possible to import csv data to create a chart ?
@PedroTechnologies
@PedroTechnologies 8 ай бұрын
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 8 ай бұрын
@@PedroTechnologies Thanks pedro again. I will try that
@murshid956
@murshid956 6 ай бұрын
Great tutorial
@jondiez2673
@jondiez2673 6 ай бұрын
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!
@ZabiSideqi-rw9xc
@ZabiSideqi-rw9xc 7 ай бұрын
Tanks for best video.
@jhon.bianchi
@jhon.bianchi 26 күн бұрын
i saw in your thumbnail a gradient chart line how to do that?
@xloxn
@xloxn 11 күн бұрын
thats what im tryna figure out
@crazyboyravi5617
@crazyboyravi5617 28 күн бұрын
Bro make a video on extension of vs code ❤
@VikrantSingh-z5r
@VikrantSingh-z5r 6 ай бұрын
Make a video on charts js geo
@jsaugat_
@jsaugat_ 8 ай бұрын
Thank you broo
@samratchandravanshi3869
@samratchandravanshi3869 7 ай бұрын
How can we drag a point in chart js
@MohammadAminKiaee-lb5me
@MohammadAminKiaee-lb5me 7 ай бұрын
great video
@anudey8496
@anudey8496 Ай бұрын
AWesome
@adanos2006
@adanos2006 6 ай бұрын
like for haircut
@IMdrummerTab
@IMdrummerTab 7 ай бұрын
Nice
@murshid956
@murshid956 6 ай бұрын
can you provide the code?
@tedorlupaka2280
@tedorlupaka2280 8 ай бұрын
Gave the first view😌
@godofwar8262
@godofwar8262 8 ай бұрын
You got a KZbin fan fest award for this 😂
@boi-kheko
@boi-kheko 8 ай бұрын
thk
@DonTestosterone
@DonTestosterone Ай бұрын
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.
@aguud
@aguud 5 ай бұрын
liked
@italofsan
@italofsan 8 ай бұрын
Dale haha
@ghostkee5031
@ghostkee5031 3 ай бұрын
these charts look ugly from 1997 and not modern at all
@OnyeStephen
@OnyeStephen 2 ай бұрын
I don't think it is enough to denigrate someone's hard work, can you point us to a a modern one?
React ChartJS Tutorial - Introduction To ChartJS
21:18
PedroTech
Рет қаралды 166 М.
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 91 МЛН
風船をキャッチしろ!🎈 Balloon catch Challenges
00:57
はじめしゃちょー(hajime)
Рет қаралды 95 МЛН
A Very Exciting New Chart Library
16:31
Theo - t3․gg
Рет қаралды 105 М.
React Hooks Course - All React Hooks Explained
1:26:21
PedroTech
Рет қаралды 1,1 МЛН
Learn React ChartJS in 8 Minutes | Complete Guide
8:40
Code Complete
Рет қаралды 41 М.
Build Charts in React With Recharts in 7 Minutes
7:58
CodeSnaps
Рет қаралды 29 М.
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 766 М.
React Like a Pro: React Best Practices
9:55
PedroTech
Рет қаралды 14 М.
1.3: Graphing with Chart.js - Working With Data & APIs in JavaScript
19:46
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 803 М.
This React UI Library is GAME CHANGER!
18:13
developedbyed
Рет қаралды 534 М.
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 91 МЛН