Data Visualization with D3 by Michael Menz




[ad_1]

D3 is a Javascript library for data-visualization used by popular websites like the New York Times and FiveThirtyEight. In this seminar, students will learn the basics of D3. We will then use NBA shot data to demonstrate some of the advanced components of the framework. See https://github.com/d3/d3/wiki/Gallery for a few examples of what’s possible with D3.

Source


[ad_2]

Comment List

  • CS50
    December 3, 2020

    Nothing prints out at 24:12

  • CS50
    December 3, 2020

    As an enterprise application architect I have to say of all the 'give it to me fast and smart' videos I've been looking at this is miles above the rest. Perfect pacing. Clear and concise narration. Audio levels not too hot or too low or too noisy. Much thanks to the authors.

  • CS50
    December 3, 2020

    language Michael! 41:07

  • CS50
    December 3, 2020

    Jeff dahlmer in another universe

  • CS50
    December 3, 2020

    By your hair …are you in anyway related to Donald Trump ?

  • CS50
    December 3, 2020

    41:10 They missed 100% of those, (according to a quote) so make Opacity 0

  • CS50
    December 3, 2020

    By the pooooooower of Greyskull!!!

  • CS50
    December 3, 2020

    I stopped watching at 14:57 when I realized I was not going to be able to find the data so I could try this on my own. Otherwise, this is a really good explanation.

  • CS50
    December 3, 2020

    Thank you, the best D3 tutorial I have found so far.

  • CS50
    December 3, 2020

    Great tutorial! Easy to follow and well done. I have been using d3.js but just came here to review.
    For csv data you guys have been asking for: https://www.kaggle.com/dansbecker/nba-shot-logs/version/1#shot_logs.csv
    It's not quite the same csv he uses, but this is still NBA shots with Shot_distance and Shot_result data. Cheers!

  • CS50
    December 3, 2020

    Shots fired on NY Nicks lol. Great introduction to d3.

  • CS50
    December 3, 2020

    well done 🙂

  • CS50
    December 3, 2020

    Amazing talk..Thank you for sharing your knowledge.

  • CS50
    December 3, 2020

    Great tutorial!

  • CS50
    December 3, 2020

    Excellent demo. Thanks Menz !!

  • CS50
    December 3, 2020

    I really enjoyed watching this video. Thanks for preparing it.

  • CS50
    December 3, 2020

    I couldnt understand file structure . Coud you please explain where is the root and how relative CSV ,js , HTML file should be placed ?

  • CS50
    December 3, 2020

    Thank you, for a wonderful and well paced explanation most new web developer can understand easily.

  • CS50
    December 3, 2020

    Helpful tutorial. I wonder why he chooses to set the circle position with a translation instead of specifying the cx/cy attributes of the circles with the shot data.

  • CS50
    December 3, 2020

    Great quick intro!

  • CS50
    December 3, 2020

    Cool!!! Thanks a million

  • CS50
    December 3, 2020
  • CS50
    December 3, 2020

    Edited: I was using d3.v3.min.js so I get this error. It is solved when I used d3.v4.min.js
    "
    Why I get this error? << d3.select(…).raise is not a function
    at SVGGElement.<anonymous> >> "

  • CS50
    December 3, 2020

    This was easy to follow and quite an interesting and useful JS library. Thanks!

Write a comment