This course will teach you Version 4. It's important to take notes at the version and sub-version of your D3 file when looking at examples of documentation. Version 3 code won't work in Version 4 and vice versa. So examples that you find written for a different sub-version even might not work for you. One of the big changes between versions is that D3 is modular in Version 4. In Version 3 there was a single file to pull into your webpage. In Version 4 you can still pull in a single file and this is what we're going to do in this course.
But in the future if you were creating a map for example you might want to reduce your file size and just pull in the geographic module. The list of modules is here. Most of the source code examples and documentation you see will be for Version 3 or Version 4. You can tell them apart by looking at the name of the file. See here how it says v3. So this is a Version 3 file. In most of the examples we see later it says d3.v4 You might notice here that the file name also contains the word min.
There are two versions of D3 files the standard version and a compressed or min-ifed version that have the word min in their title. The files do exactly the same thing. The compressed file has simply had all its white space removed and as a result it's harder to read, should you need to look in there for something. In this course we will be using the standard non-compressed version but for Version 4. If you look at the top of the file you can see it says Version 4.2.1 So 2.1 here is the sub-version I was referring to earlier.
- 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.