https://github.com/curran/d3-in-motion
Code examples and references for the course "D3.js in Motion"
https://github.com/curran/d3-in-motion
chart d3js data dataviz html5 programming teaching visualization web
Last synced: 6 months ago
JSON representation
Code examples and references for the course "D3.js in Motion"
- Host: GitHub
- URL: https://github.com/curran/d3-in-motion
- Owner: curran
- License: mit
- Created: 2016-09-24T09:09:00.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-02-16T07:53:52.000Z (almost 8 years ago)
- Last Synced: 2025-03-23T09:49:21.631Z (9 months ago)
- Topics: chart, d3js, data, dataviz, html5, programming, teaching, visualization, web
- Language: HTML
- Homepage: https://www.manning.com/livevideo/d3-js-in-motion
- Size: 1.26 MB
- Stars: 39
- Watchers: 7
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# D3.js in Motion
Code examples and references for the online video course ["D3.js in Motion"](https://www.manning.com/livevideo/d3-js-in-motion).
# Unit 1 - Scatter Plot Odyssey
Loading CSV Data
Basic Scatter Plot
Margin Convention with Scatter Plot
Basic Scatter Plot with Axes
Customized Axes
Scatter Plot Axis Labels
Scatter Plot with Color Legend
# Unit 2 - Visualization Idioms
Scatter Plot with Ordinal Axis
Lollipop Chart
Bar Chart of Internet Users Per Country
Tilted Labels
Horizontal Bar Chart
Scatter Plot with Time Axis
Line Chart with Circles
Line Chart of Temperature
Pie Chart
Donut Chart
# Unit 3 - The General Update Pattern
Basic Text in SVG
Data Driven SVG Text
Render Function Concept
General Update Pattern with Text
Bar Chart with Text First Attempt
Nested General Update Pattern
Using Classes with the General Update Pattern
Data Driven Changes
Object Constancy in Animated Transitions
Visual List Library
