Keynotes D3

• selections
• data joins and key functions
• update, enter, exit
• method chaining
• event handlers and listeners
• filter, each
• transitions

Slides and Code

• Slides
• Example 0 Javascript Basics
• Example 1 Fancy Rectangles
• Example 2 Update, Enter, Exit
• Example 3 Update, Enter, Exit + Key Function
• Example 4 Moving Circles (by Dirk Brockmann)
• Example 5 Simple VacMap

Tutorials

• Let's Make a Bar Chart
• How Selections Work
• Let's Make a Map
• How To Infer Topology
• Command-Line Cartography
• Bootstrap

Video tutorials

• Curran

Usefull links

• Homepage Dirk Brockmann has cool D3 examples
• D3 Homepage
• D3 API
• TopoJSON
• get Bootstrap
• MapShaper
• JSbin
• Sublime Text 3

Further reading

• D3 Paper @ vis.stanford.edu/papers/d3
• D3.express

Important Slides

By Alice Wittig June 2017