Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Interactive Data Visualization: Getting Started with D3.js

Bill Shander

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (1h 45m)
    • Introduction: D3.js in a Nutshell

      6:32
    • Adding SVG Elements in D3

      10:22
    • Getting Started Working with Data in D3

      15:10
    • Making Data-Driven Graphics in D3

      10:21
    • Using D3 Scales

      19:24
    • Using D3 Axes

      17:12
    • Animation in D3

      7:47
    • Interactivity in D3

      10:14
    • D3 - One More Thing

      7:36

About This Class

D3.js has become the standard for creating custom interactive data visualizations for the web. This feature-rich open source javascript library allows you to create dynamic and extremely diverse experiences that can interact with users and any other element on a web page.

For programmers familiar with Javascript, it is not hard to pick up and run with D3 very quickly. For those with limited javascript experience, it can be intimidating. This course will help anyone who has some javascript familiarity get comfortable creating rich, animated, interactive experiences with D3. If you have worked with jQuery, for instance, you can easily work with D3. 

Your instructor, Bill Shander, is a self-taught programmer with over 20 years doing data visualization. He remembers how confusing and intimidating it can be to learn a new technical skill. This course uses simple language, not technical lingo, and walks through everything step by step, explaining every minute detail. Even if you don't know any javascript, you should be able to follow along with the lessons, even if it might be a little confusing at times. 

All of the code used in the videos are available for download under "Class Project" to help you follow along.

FYI, this course is using D3 version 4 - the current version of the library.

4 of 4 students recommendSee All

What a great class! I do recommend doing some beginner learning on html, css, and javascript before taking this course; you will get a lot more out of it if you do. Yet even if you don't, Bill does an amazing job of walking you through the basics. He doesn't distract you with things you don't need to understand, yet he explains things so you understand how and why things are working. He even gets in to discussing scope variables, but explains them in a very beginner-friendly way. The course revolves around 1 project (which I like) with each video building on the last. You first learn how to do something in the simplest way -- with static variables -- and then how to do it with functions that generate the attributes on-the-fly, making real use of d3. He also has a voice that's easy to listen to. I didn't even realize I had an interest in data visualization until I saw this. Thank you!

74

Students

--

Projects

Bill Shander is founder of Beehive Media, an information design and data visualization agency whose clients include knowledge-driven organizations such as the World Bank, United Nations, International Monetary Fund, PricewaterhouseCoopers and Facebook. Bill helps his clients convert abstract concepts into tangible and understandable experiences via smart information design and data visualization

Shander speaks at conferences and gives workshops for clients on data visualization, coveri...

See full profile