Loading CSV Files Into chart.js - Time Series/Designing With Data

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 19

  • @kaykorrodi2475
    @kaykorrodi2475 3 ปีที่แล้ว +4

    Hey Jeff
    I was looking for exactly that csv import. Needed me tho whole day to find your videos. Thanks a lot for your good work! Helps me a lot for my IOT dashboard.

    • @jeffkthompson
      @jeffkthompson  3 ปีที่แล้ว

      So glad it was helpful!

    • @kaykorrodi2475
      @kaykorrodi2475 3 ปีที่แล้ว +1

      @@jeffkthompson I have a question :D How can i add more then one sketch to the Index. it would be great to have more then one there. Like a dashboard.
      Kind regards
      Kay

    • @jeffkthompson
      @jeffkthompson  3 ปีที่แล้ว +1

      @@kaykorrodi2475 you could do that, but it's more of a p5.js question than chart.js. Basically you can create multiple canvas elements, then target them in your code

  • @TheEnzoachi
    @TheEnzoachi 2 ปีที่แล้ว

    Man this is really great! Wow… I wish you would continue doing things more! Your channel would explode. This so much easier than I thought.

  • @RiyazBaig-yq9fy
    @RiyazBaig-yq9fy 2 ปีที่แล้ว +1

    i need to code for creating barchart in react.js using csv data show in YAxix, XAxis

    • @jeffkthompson
      @jeffkthompson  2 ปีที่แล้ว

      I've never used React but I think chart.js should work with it!

  • @salmiolamilekan166
    @salmiolamilekan166 2 ปีที่แล้ว

    Thanks very much but how am I to input the d3 library because am getting error "DE is not defined" on the console

    • @jeffkthompson
      @jeffkthompson  2 ปีที่แล้ว

      You'll need to add the D3 Javascript file to your project, then be sure to add it to your index.html page

    • @salmiolamilekan166
      @salmiolamilekan166 2 ปีที่แล้ว +1

      @@jeffkthompson Alright thank your very much, although I have added both the d3 script link and the downloaded file in to the index.html file but it didn't work untill I set up a web server for google chrome 😀😀😀😀

  • @kierkegaardi
    @kierkegaardi 3 ปีที่แล้ว +1

    Thanks man

  • @nasibahalharbi5493
    @nasibahalharbi5493 3 ปีที่แล้ว +1

    How do we write the code if the csv file is written horizontally?

    • @jeffkthompson
      @jeffkthompson  3 ปีที่แล้ว +1

      If I understand your question right, I think it would be easiest to modify the data in Excel first

  • @surafelm.w4058
    @surafelm.w4058 2 ปีที่แล้ว +1

    Hi Jeff, thank you for the video it is very helpful. If I may, I need to plot multiple plots through looping the csv data. On the other hand, I have this data in html. How possible to display selected plots from this html to the main html code using js? Thank you in advance for your time and supports? Looking for from your side.

    • @jeffkthompson
      @jeffkthompson  2 ปีที่แล้ว

      Glad this video was helpful! When you say your data is in HTML, do you mean in like a table on a web page? I think you'll need to get it into the CSV format to work, since there's no (easy) way to read the table data. Hope that answers your question!

    • @surafelm.w4058
      @surafelm.w4058 2 ปีที่แล้ว

      @@jeffkthompson Thank you Jeff for your prompt response. Yes, you right I faced this challenge of reading the data from html to the main html. Rather work with csv seemly workable. FYI, my data table has 96 columns and 241 rows (headers are inclusive), and how to plot this table data (i.e., 95 different plots) through looping? Once again, thank you in advance for your time and support truly.

  • @arnabmukherjee711
    @arnabmukherjee711 3 ปีที่แล้ว +1

    Thanks

  • @achrafelayedi8454
    @achrafelayedi8454 3 ปีที่แล้ว

    what version of d3 you use? because I tried to do the same and I get this error : (d3__WEBPACK_IMPORTED_MODULE_2__.csv(...).then is not a function) after running :
    d3.csv(filename).then(function(loadedData) {
    console.log(loadedData);
    });