Chapter 07

The Top – Part 1

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to The Top

Lesson 02

Why this data and why visualize it in this way

Lesson 03

Setting up our HTML

Lesson 04

CSS page styles

Lesson 05

Styling our header

Lesson 06

Making a sticky header

Lesson 07

Creating our groups from the data set

Lesson 08

Fixing our text and header

Lesson 09

Adding circle tags to each group

Lesson 10

Sorting our data by a key

Lesson 11

Sorting data by the select tag + homework

Lesson 12

Homework solution

Lesson 13

Data visualization accessibility

SuperHi FM

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

Next: Chapter 08

The Top – Part 2

Back: Chapter 06

Discover the World

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!

Email Discord

SuperHi FM

The Top – Part 1

Links + downloads

Videos

Welcome to The Top

Why this data and why visualize it in this way

Setting up our HTML

CSS page styles

Styling our header

Making a sticky header

Creating our groups from the data set

Fixing our text and header

Adding circle tags to each group

Sorting our data by a key

Sorting data by the select tag + homework

Homework solution

Data visualization accessibility

SuperHi FM

Feeling stuck?

The Top – Part 1

Links + downloads

Videos

Welcome to The Top

Why this data and why visualize it in this way

Setting up our HTML

CSS page styles

Styling our header

Making a sticky header

Creating our groups from the data set

Fixing our text and header

Adding circle tags to each group

Sorting our data by a key

Sorting data by the select tag + homework

Homework solution

Data visualization accessibility

SuperHi FM

Feeling stuck?

Private notes