Lessons: 14Length: 1.4 hours
- Overview
- Transcript
4.4 Labels
Now we can add some labels to our pie chart. In this lesson, I’ll show you how to add SVG text elements with D3 and how to position them—with a little help from our friend Pythagoras.
Related Links
1.Introduction
1.1Introduction01:22
1.1
Introduction
01:22
2.The Source Data
2.1Get the Banking Data06:34
2.1
Get the Banking Data
06:34
2.2Load the Data as CSV06:34
2.2
Load the Data as CSV
06:34
3.Build a Timeline Chart
3.1Placing SVG on the Page06:48
3.1
Placing SVG on the Page
06:48
3.2Conditioning Data07:34
3.2
Conditioning Data
07:34
3.3Scales and Axes10:16
3.3
Scales and Axes
10:16
3.4Visualizing Data06:35
3.4
Visualizing Data
06:35
3.5Timeline Finishing Touches03:21
3.5
Timeline Finishing Touches
03:21
4.Build a Pie Chart
4.1Adding Pie Element Data07:17
4.1
Adding Pie Element Data
07:17
4.2Adding the Pie Element to HTML05:40
4.2
Adding the Pie Element to HTML
05:40
4.3Arcs07:39
4.3
Arcs
07:39
4.4Labels10:06
4.4
Labels
10:06
4.5Pie Chart Finishing Touches06:10
4.5
Pie Chart Finishing Touches
06:10
5.Conclusion
5.1Conclusion00:47
5.1
Conclusion
00:47
