Envision
  • Overview
  • Video Tutorials Library
  • Content
    • Week 1: Design & Git
      • Lab 1 Odd Player Instructions
      • Lab 1 Even Player Instructions
      • GitHub 101
    • Week 2: HTML + CSS
      • Lab 2: CSS Selectors
    • Week 3: CSS
    • Week 4: JavaScript
    • Week 5: JS + D3
    • Week 6: SVG + D3 data joins
    • Week 7: Updates and Scales
    • Week 8: This, mapping
    • Week 9: Groups, axes, advanced interactivity
  • Projects
    • Project 1: Personal Website
      • Project 1 Gallery
Powered by GitBook
On this page
  • Hold on tight!
  • Quick links:

Was this helpful?

  1. Content

Week 9: Groups, axes, advanced interactivity

PreviousWeek 8: This, mappingNextProject 1: Personal Website

Last updated 4 years ago

Was this helpful?

Hold on tight!

Things are starting to get crazy! We'll explore D3's loved and hated margin convention, add axes to our plots, animate those axes with smooth, professional-looking transitions, and begin harnessing the full customizability of D3 to manage transitions separately for our enter, exit, and update selections.

Don't worry if this stuff starts to get confusing! It is, and we're getting into some pretty advanced topics here. You already know (from weeks 1-7) more than enough to make an awesome final project. Data joins are the real bones of D3 — these are just some ways we can take it further!!

Quick links:

File

Link

Workshop 9 Slides

​​

Week 9 Workshop Recording

Week 9 GitHub folder

​​

Weekly feedback form

​

​
​
​
​
Link
Link
Link
Link