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
  • SVG - lots of fun shapes and colors
  • Quick links:

Was this helpful?

  1. Content

Week 6: SVG + D3 data joins

PreviousWeek 5: JS + D3NextWeek 7: Updates and Scales

Last updated 4 years ago

Was this helpful?

SVG - lots of fun shapes and colors

In last week's lab, we got our first look at D3's most important capability: binding data to HTML elements.

This week, we'll revisit this capability and use it to build (really, recreate) our first D3 data visualization. To do this, we'll need to learn about Scalable Vector Graphics (SVG) and how to use them, since these will be the main element types we'll bind and use to facilitate our visualization efforts throughout the rest of the semester.

Quick links:

File

Link

Workshop 6 Slides

​​

Week 6 GitHub folder

​​

Weekly feedback form

​

​
​
​
​
Link
Link
Link