Practical React - 14 - Charts

[@nilmendes7710]

This series is very enlightening. Some do not have hooks, but Professor Vish demonstrated how to integrate them. Thank you, Professor Vishwas, for creating this channel. Good luck with your projects.

[@AnilKPanta]

This guy is taking teaching experience to a whole next level. I used to struggle learning from a video. But once I started watching his video I started to enjoy learning. Thankyou sir.

[@ganapathilana7069]

Awesome guide/tutorial series for directly implement for UI projects which has most of the requirements described here

[@christianlombardo14]

Excellent series! Thank you for making these videos. Keep up your great inspiring work.

[@kristijanlazarev]

Usage a little different right now, made much, much simpler! For anyone wondering this is a basic example of the updated version 2023 import "chart.js/auto" import { Chart } from "react-chartjs-2" const LineChart = () => { const data = { labels: ["Jan", "Feb", "Mar", "Apr", "May"], datasets: [ { label: "Sales for 2020 (M)", data: [3, 2, 2, 3, 5], }, ], } return ( ) } export default LineChart

[@tambolaking5383]

I just spent yesterday learning chart js and d3 in ReactJS

[@vinisawali]

Simplest explanation ever. Thanks.

[@yinonelbaz5309]

Great content, great teacher!

[@softwareabbayiAPJ]

Done with Practical React series. Learnt some cooool Components to use in projects. It was pretty easy all because of ' VishwaSimplication Effect' 😉😅😅😅😍😍🎈🎈 Thanks Vishwas Heading to React Query now 🏊🏊🏊🏊

[@abelmurua6980]

Amazing React series, thank you!

[@benyaminyakobi3652]

Perfect, Thank you Vishwas!!!

[@feliciaudosen546]

your teaching is amazing

[@bijaysahoo9619]

Thank you for such amazing content.

[@chagamajaykumarreddy1897]

Your all videos are very nice and concepts are explained very well

[@kartikthakre8273]

after installing the chart.js i am getting a error Cannot read properties of undefined (reading 'map') tried all the other way of installation, help me on this Vishvas... Thanks

[@kristijanlazarev]

Got the same

[@alexpro5670]

Диаграммы React, Charts, JavaScript. Спасибо дружище!

[@yoslandymesa9912]

Hola. Gracias por sus tutoriales. Han sido y siguen siendo de mucha ayuda para mi carrera y la de muchos. Dont worry, i can speak and understand English, i just want you to know that u have a Spanish speaking fan. Blessings

[@Ric24fps]

Saludos Este hombre es increíble y el hecho de que sea gratuito es mindblowing This man is amazing and the fact that all of this is free blows your mind

[@benyamin4634]

thanks for this wonderful toturials

[@mohammadhafiz4897]

I always pray for the people who dislike your tutorials.

[@AshishKumar-wh6dw]

Amazing tutorials, Kindly continue such a small topics videos.

[@berlino5563]

this react series is very cool :)

[@mohammadhafiz4897]

Too much cooool.

[@TechnoDB]

Nice.. Helpful video.

[@AnaGomes-in9mb]

Thank you !! Incredible your video, helped a lot with my project

[@mixins_pixie]

Am getting an error in the LineChart component Error: Element type is invalid: expected a string (for built-in components) or a class/function

[@aritrapaul2331]

It helps me to build my first project which is a paid one..So thanks man

[@jpchennai]

Are we allowed to directly use these components in a project., any licence issue will be there?

[@jonathanmalai7423]

Nice man, great tutorial and greate libary!f

[@davorjovanovic7174]

You don't have to duplicate the colors for each bar. Just remove array and have one color value, then all bars should have the same color for that dataset.

[@marcus_dempsey]

Thank u so much!!!

[@ahmad-ali14]

believe me .. you are the best

[@yudhistiratama9332]

broo u are awesome, thx a lot!

[@deepakm5947]

Actually this was a very good explanation & implementation of charts in ReactJS. thank you so much

[@rishireddy7854]

hi beepak how to fetch data dynamically from mongo database

[@sumitkumar-cr5iw]

Where to find different options available for react-chartjs-2??

[@AyanBhadury]

@Vishwas great video, but according to DV the first chart rendered is not actually a line plot , rather a spline / smooth - line.

[@alexdefaro]

Awesome videos mate. Have been learning a lot from it. Is there anyway to auto generate chart colors?

[@anastasia__kot]

thank you very good lesson

[@rupayanc]

thanks for the videos....they are truly very precious...btw is there any library i can use for creating awesome sidebars??

[@imanemoustati1455]

thank u! but the options prop is not working for me! any help?

[@prathap.karumanchi]

Hi Vishwas I am not sure how reliable is this react wrapper on top of chartJS. ChartJS library is really good but personally for react, I tried Apex charts and it's very good.

[@zude1100]

thanks for video, it is very helpful. how can you visualize data from API ?

[@marcalbrandaguirre484]

THANK YOU!!!

[@lushapane]

Great video! What are your thoughts about React vs Angular vs Vue?

[@alexhitchins4339]

thank you very much!

[@harishhc8551]

Sir,I liked this video and I need how dynamically data need to change through API if you ever done please share thank you

[@saidinusah]

hi, backgroundColor is not working. i have tried but still not working. I need help ASAP

[@moonfahim]

Thank you, nice tot

[@gradientO]

Mehul, can you do a data structures series? Will be super helpful. Thanks in advance

[@mcdaddy1334]

VERY NICE!

[@zihadprogrammer4246]

It would be very helpful to make more videos like this. I'm waiting for new videos. 🥰😍💟

[@shubhammhatre4743]

I am calling API for chart data using axios. Have used hooks in functional components. Getting response from API but pie chart render as blank. There is no error in console

[@divvagg5616]

same here ... did you solve this issue ?? Please share with me sir

[@sukanyasen9365]

Render the chart when you already have the data using conditional rendering, as the data you are trying to fetch will not come immediately

[@juhandvan]

thank bro !

[@chaitanyajadhav5719]

Thank you for such a informative video.. But would you please make a video showing how to add Data Labels on top of the bar in Bar Chart and display any value other than data label when we hover on the bar using chart.js in Reactjs ? I'm trying from last few days and now running out of time. So your guidance would be really helpful..

[@ranaimranahmed2532]

more practical react videos upload sir plz ur videos are very helpful

[@iUmerFarooq]

When the styled-components series is coming?

[@hamed4451]

It has a very very big bug , i've found that it doesnt work with arabic titles for axis 😑 How can resolve this problem?

[@rahulkumarojha]

sir how to create react -chart demo plz ,sir iam very confused plz reply sir

[@kalyanurimi1252]

I need option for Horizontal Bar chart so that the x-axis will be top of the graph

[@jgab52]

Thankyou for this react series , please make REACTjs with MATERIAL UI :)

[@gurubellimanoharsai7416]

pl generate graph by importing any CSV data

[@pawandeore8291]

how to update data in this please can you teach that...

[@munirajm6002]

U r doing good bro make some vedios on MERN stack

[@ylmazyorulmaz8910]

can you please also make a video series about antd

[@husler7424]

It was good video series. Now make video series on React Router using Hooks which is latest feature of React-router please....

[@34rfv12wsxcdezaqable]

Please make a tutorial on visualization - interactive world map

[@prabhan.v9681]

Thanks sir, could post more like that?

[@Eminence43rd]

@Codevolution Hi I need a chart with 2 y-axis. Please anyone help me.

[@tambolaking5383]

Beautiful m chart js 2 rocks. D3 is way too much granular.

[@BitsLearning12]

please add more video on this section

[@pulga961]

nice

[@andrewaghoghovwia1948]

You taught me redux...

[@manojsatwase]

make video on react animation library

[@rahulkumar-yn2kv]

Sir plz make one project on AngularJS with my SQL

[@ינוןאלבז-כ1ז]

thanks from israel