Adding Gridlines, Custom Axis, CSV Data - Create Beautiful Charts With D3 - D3.js Beginner's Guide

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

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

  • @amandaedmonds962
    @amandaedmonds962 Месяц назад

    I am currently working on a homework assignment for grad school that's entirely dedicated to d3. I seriously thought I was facing a 0; I couldn't even get a simple header to display. No other resource has helped me get a basic line chart going except your videos. You are doing the Lord's work. Thank you so much!!!

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

    D3 seems to be more understandable, the way you explain it !
    Had to learn it for a project and this took the fear of implementation away.
    Thank you !

  • @ez_content
    @ez_content Год назад +3

    Dude, this is great, probably the best and simplest explanation to get rolling. Look forward to more videos!

    • @datavizdad
      @datavizdad  Год назад

      Thank you very much! I'm glad the videos are approachable! Thank you for commenting!

  • @aisyahaddis
    @aisyahaddis Год назад +2

    thank u so much! u r my savior

  • @niteshsawant9327
    @niteshsawant9327 Год назад +1

    Perfect Tutorial !! Glad that I got this on youtube to learn D3.js.

  • @ifinatychal
    @ifinatychal Год назад +1

    Thank you so much for this tutorial. It's absolutely great!! And you're voice is very calming Lol..

  • @pareshsolanki929
    @pareshsolanki929 Год назад +1

    ThankYou very very much, this has helped me achieve my goal, finally. ThankYou again.

    • @datavizdad
      @datavizdad  Год назад +1

      Great to hear this!

    • @pareshsolanki929
      @pareshsolanki929 Год назад +1

      @@datavizdad is there a way to fill color between 2 grid lines?

    • @datavizdad
      @datavizdad  Год назад

      @@pareshsolanki929 like an area band of color between two vertical lines? Yes! I've been organizing ideas for future tutorials and that sounds like a great one!

  • @666sinney
    @666sinney Год назад +1

    thanks so much for the video! I have a question, if I'm also in charge of the API serving the data for the charts, is it better to return data as JSON or as CSV for d3 to use?

    • @datavizdad
      @datavizdad  Год назад

      Great question. In the end, d3 can handle both formats wonderfully. Far as if one is better or not, it really comes down to the context of the data. CSV is a flat structure, and JSON more hierarchical. If you're working with hierarchical JSON data, d3 can parse this just as seamlessly as csv using d3.json() instead of d3.csv(). Hope that helps!

  • @MalachiNguyen-x6k
    @MalachiNguyen-x6k Год назад +1

    Hello, I am importing data from a different site than you. I am trying to turn something called "Maximum ozone hole area" into a number instead of population. However, it is not one word and I am having trouble converting it. (from the d.population = +d.population part). do you know the fix to this? Thank you

    • @datavizdad
      @datavizdad  Год назад

      Do you have a link to the dataset? I could take a look. I would verify that the field name is exactly the same as in your source file first. Does it have spaces in the field name?

    • @MalachiNguyen-x6k
      @MalachiNguyen-x6k Год назад +1

      @@datavizdad Hello, wow thank you for the quick reply! I was actually able to figure it out. All I had to do was go into the downloaded csv file and directly condense the name into a single word. However, I am now having trouble figuring out how to make my bottom chart display only the year instead of the date lol. Working on it!

    • @datavizdad
      @datavizdad  Год назад

      @user-kd4jm8nm4v fantastic! I bet you can figure it out! If you run into issues feel free to comment again if you'd like a hint!

    • @MalachiNguyen-x6k
      @MalachiNguyen-x6k Год назад

      @@datavizdad Already got it ;)