You're not limited to a pre-defined set. If you can conceive of a graphic, you can create it in D3. To make a visualization in D3, you have to code it, format it, and publish it within a webpage. So you need to know the basics of creating and publishing a webpage, in order to use D3. We're going to go over the very basics of HTML and CSS as a refresher, but we do not teach these languages in this course. You will learn D3 quicker if you work alongside me, pausing and testing each step as we go.
DOM is short for Document Object Model, and allows you to see all the elements of your webpage nested within each other. Sometimes you add 47 circles to the webpage, but you can't see them. In these cases, the DOM tree is usually the way to solve the mystery. If you choose to use a different text editor or browser, please ensure you can do these two things. They're crucial to developing in D3.
- Making a simple bar chart with D3
- Understanding SVG graphics
- Drawing basic shapes
- Adding text
- Using generators and the path element
- Creating a scale and axes
- Importing data into D3
- Creating trees and Voronoi tessellations
- Preparing your data for advanced graphics
- Adding interactivity and transitions
- Choosing the right graphic
- Finding D3.js plugins
Skill Level Intermediate
2. Making a Simple Bar Chart with D3
3. Basic Shapes, Courtesy of SVG
4. Advanced Shapes, with D3 and Path
5. Scales and Axes
6. Importing Data into D3
7. Additional Graphics with D3 Layout
8. Preparing Your Data for Advanced Graphics
10. Picking the Right Graphic
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.