Chart JS Tutorial - ReactJS Charts Beginner Crash Course

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 67

  • @thydevdom
    @thydevdom 10 месяцев назад +14

    Perfect timing! Was asked about this at work today.

  • @Mr24DJLakers
    @Mr24DJLakers 10 месяцев назад +3

    Just started using chart js yesterday. This video came at the perfect time. Thumbs up!

  • @slearmendoza3863
    @slearmendoza3863 10 месяцев назад +3

    I watched your video about this library last week. Thank you for updating this tutorial.

  • @adityamehto2705
    @adityamehto2705 10 месяцев назад +3

    hey man literally you are the best tutor ever 💯💯

  • @adaobichuma-okeke5348
    @adaobichuma-okeke5348 3 месяца назад +1

    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 10 месяцев назад +2

    hey pedro, thanks again you are a legend.

  • @jbbonutube
    @jbbonutube 6 месяцев назад +1

    Thanks Pedro, that 'register' step is crucial.

  • @benedekgall4895
    @benedekgall4895 9 месяцев назад +1

    Really helpful video, and I'm really thankful right now! :D this is exactly what I've been looking for!

  • @lucaseabsouza
    @lucaseabsouza 6 месяцев назад +1

    An Brazilina doing the content in English is amazing!

  • @chasec4897
    @chasec4897 4 месяца назад +1

    always manage to amaze me. Legend.

  • @mohammadradwan752
    @mohammadradwan752 28 дней назад +1

    you are the react GOAT

  • @godofwar8262
    @godofwar8262 10 месяцев назад +2

    Hi great content always a video on next js + typescript updated or on astro

  • @AndreiBoghiu
    @AndreiBoghiu 6 месяцев назад

    Hey man, just wanted to say a big THANK YOUUU!!!!! You're the best

  • @dprsd042
    @dprsd042 10 месяцев назад +2

    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

  • @NoLifeGamingOfficial
    @NoLifeGamingOfficial Месяц назад +1

    I'm coding a admin dashboard for my e-commerce website so hopefuly I'd be able to use charts to visualise data

  • @akariinak4154
    @akariinak4154 10 месяцев назад

    Thank you so much PedroTech ! i really appreciate it;

  • @elovett36
    @elovett36 7 месяцев назад +2

    This is great. Thank you. How do you browse what all of the options for customizations are?

  • @PrachiKumari-j3h
    @PrachiKumari-j3h 7 месяцев назад

    It was really helpful, Appreciate your efforts
    👏

  • @PaulGonzales-d8s
    @PaulGonzales-d8s 5 месяцев назад

    Thank you so much for this man.

  • @Michael-dp7by
    @Michael-dp7by 9 месяцев назад +1

    Great tutorial! many thanks! Just one question though, why did you use create react app to create the project and not something like Vite?

  • @gracewema-i7r
    @gracewema-i7r 2 месяца назад

    really nice'; i have followed and it does make sense keep up

  • @raqeebulhassanraqeeb9957
    @raqeebulhassanraqeeb9957 2 месяца назад +1

    thanks man

  • @darkknight2825
    @darkknight2825 10 месяцев назад +1

    Fantastic thank you

  • @coding-with-musa
    @coding-with-musa 3 месяца назад

    Sir Pedro I would like you to create a tutorial on chart js with Next js.

  • @mohanraja1350
    @mohanraja1350 6 месяцев назад

    It is very useful💥💯, Thank you so much Brother.

  • @Nathan-v1f
    @Nathan-v1f 10 месяцев назад +2

    React champion!

  • @kainatfarooq6245
    @kainatfarooq6245 8 месяцев назад

    Thank you for this tutorial.

  • @Ayydos
    @Ayydos 8 месяцев назад

    Thanks but wish you got into the advanced styling presented in the thumbnail

  • @kronkner_8192
    @kronkner_8192 4 месяца назад

    gr8 vid mate 🔥🔥🔥🔥

  • @venkatchalam6385
    @venkatchalam6385 10 месяцев назад

    thank you, pls do same kind of better library like this in react

  • @ankit21309
    @ankit21309 7 месяцев назад

    It is great concise tutorial.

  • @CoversByDave
    @CoversByDave 6 месяцев назад +1

    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

  • @titonecarter2071
    @titonecarter2071 9 месяцев назад

    Great video,
    How i hide the gridlines on the chart

  • @crazyboyravi5617
    @crazyboyravi5617 3 месяца назад

    Bro make a video on extension of vs code ❤

  • @anirbanbhunia3363
    @anirbanbhunia3363 7 месяцев назад

    this is great🔥

  • @IrfanOPC
    @IrfanOPC 2 месяца назад

    Hai pedro, without mentioning daily steps as title , how did it come there?

  • @capK29
    @capK29 10 месяцев назад +1

    Thanks pedro ❤ btw is this possible to import csv data to create a chart ?

    • @PedroTechnologies
      @PedroTechnologies  10 месяцев назад +1

      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 10 месяцев назад

      @@PedroTechnologies Thanks pedro again. I will try that

  • @murshid956
    @murshid956 8 месяцев назад

    Great tutorial

  • @patrickmotaung5866
    @patrickmotaung5866 3 месяца назад

    I like the part where you create the chart in your thumbnail

  • @ZabiSideqi-rw9xc
    @ZabiSideqi-rw9xc 9 месяцев назад

    Tanks for best video.

  • @yajirushik2871
    @yajirushik2871 9 месяцев назад +2

    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

  • @jondiez2673
    @jondiez2673 9 месяцев назад

    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!

  • @VikrantSingh-z5r
    @VikrantSingh-z5r 9 месяцев назад

    Make a video on charts js geo

  • @jhon.bianchi
    @jhon.bianchi 3 месяца назад

    i saw in your thumbnail a gradient chart line how to do that?

    • @xloxn
      @xloxn 2 месяца назад

      thats what im tryna figure out

  • @MohammadAminKiaee-lb5me
    @MohammadAminKiaee-lb5me 10 месяцев назад

    great video

  • @samratchandravanshi3869
    @samratchandravanshi3869 9 месяцев назад

    How can we drag a point in chart js

  • @DonTestosterone
    @DonTestosterone 3 месяца назад

    At 11:49 ruclips.net/video/ZpfseYy5Hxg/видео.htmlsi=jEPzQ5NZfsZAeBUQ&t=709 I get the same error, but you zoom out, and continue.. What did you do to solve the issue.

  • @IMdrummerTab
    @IMdrummerTab 9 месяцев назад

    Nice

  • @cryptohamster_it
    @cryptohamster_it Месяц назад +2

    react-chartjs-2 i and chart js is currently unmaintained

  • @anudey8496
    @anudey8496 3 месяца назад

    AWesome

  • @murshid956
    @murshid956 8 месяцев назад

    can you provide the code?

  • @adanos2006
    @adanos2006 8 месяцев назад +1

    like for haircut

  • @boi-kheko
    @boi-kheko 10 месяцев назад

    thk

  • @tedorlupaka2280
    @tedorlupaka2280 10 месяцев назад

    Gave the first view😌

    • @godofwar8262
      @godofwar8262 10 месяцев назад

      You got a RUclips fan fest award for this 😂

  • @aguud
    @aguud 8 месяцев назад

    liked

  • @gulay4u
    @gulay4u 2 месяца назад

    looks like react-chartjs-2 is currently unmaintained

  • @italofsan
    @italofsan 10 месяцев назад

    Dale haha

  • @ghostkee5031
    @ghostkee5031 5 месяцев назад

    these charts look ugly from 1997 and not modern at all

    • @OnyeStephen
      @OnyeStephen 4 месяца назад

      I don't think it is enough to denigrate someone's hard work, can you point us to a a modern one?