Workshop: DataViz

Code Art Together

with Shirley Wu



In this workshop, we will go through the entire process of creating a custom data visualization from scratch. We will learn how to create any shape we want with SVG paths, and translate our data into those shapes with D3.js. We will cover the core fundamentals of D3.js, including selection, data-binding, the enter-update-exit pattern, and scales. We will learn all this while turning movies data into fun, beautiful flowers, like in the project film flowers


Time Schedule

Saturday Jule 13th at 11:30 (PT) (14:30 EDT, 18:30 UTC, 20:30 CEST) Time.Is

2 hour duration



$20 suggested donation with a sliding scale. Get your ticket now.

We offer special deals for educators and team building. Introduce yourself so we can partner! 




This 2-hour session will include the following exercises:

  • 15min - Introduction, concepts, and context.
  • 30min - Guided hands on creation, application of concepts.
  • 30min - D3.js scales to translate movie data.
  • 30min - Render all film flowers to the screen!
  • 15min -  Next steps, final thoughts.
  • ??min - Excited people can hang out a bit longer!


Some Javascript, HTML, CSS knowledge is necessary.


What to bring

Computer and internet connection.


Software to be installed

Install Zoom



Join us

In these challenging times this is a an opportunity to be more connected beyond our usual San Francisco boundaries.

This is just the start of a CODAME workshop series to continue to connect, inspire and shape the future by building beautiful and playful ART+TECH experiences all together.

Join us. Sponsor, Volunteer or lead a workshop. What topics grab your curiosity to learn or teach? Let us know through our call for workshops.

All proceeds will be split with the participating artists. Donations are always welcome.

💟 👾 💜 👾 💟
Thank you for your support for ART ♥️ TECH

CODAME is a member of Intersection for the Arts a non profit 501(c)(3) organization.


Code of Conduct for all attendees.