# Week 6: SVG + D3 data joins

### 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    | ​[![Link](https://files.node.ishaandey.com/tools/buttons/open-drive.svg)](https://docs.google.com/presentation/d/15V6Wjt71zuS1CN2dpO9TU_auMvVgh5GXD7fYR7NBDuA/edit?usp=sharing)[​](https://docs.google.com/presentation/d/1okKlwXC3g8vq6kpm3pROWh2KUAgnOzGEYfu_JVrw73A/edit?usp=sharing)​ |
| Week 6 GitHub folder | ​[​](https://github.com/benartuso/envision/tree/main/03)[![Link](https://files.node.ishaandey.com/tools/buttons/open-github.svg)](https://github.com/benartuso/envision/tree/main/06)[​](https://github.com/benartuso/envision/tree/main/03)​                                             |
| Weekly feedback form | ​[​![Link](https://files.node.ishaandey.com/tools/buttons/open-forms.svg)](https://forms.gle/AMh9uJoqJYAxt7SEA)                                                                                                                                                                           |