SuperHi FM

Search:

Catalog Cart About Sign in

Data Visualization + D3.js

Step Count – Introducing D3

Chapter 03

Step Count – Introducing D3

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to Week 2!

Lesson 02

What is D3 and why do we use it?

Lesson 03

How to add D3 to a project

Lesson 04

Using select and selectAll with D3

Lesson 05

Adding data to D3 and using attr

Lesson 06

Automating attribute changes

Lesson 07

Adding in rect tags automatically with D3

Lesson 08

Adding in real data

Lesson 09

Introducing scales

Lesson 10

Adding text tags to our data visualizations

Lesson 11

Adding classes and circle tags

Lesson 12

Thinking about grids

Lesson 13

The modulo (%) and Math.floor to make a grid

Lesson 14

Scaling our circle's radius

Lesson 15

Homework

Lesson 16

Homework solution

SuperHi FM

Want some ambient music in the background? Play our radio station!

Step Count – Extending D3

Next: Chapter 04

Step Count – Extending D3

Step Count – automating with Javascript

Back: Chapter 02

Step Count – automating with Javascript

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Using the right tool for the right job! Using D3, a Javascript library made for simplifying data visualizations, we'll save time and energy making our designs.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes