Command Palette

Search for a command to run...

Hectal
Phase 5: D3 Core: Selections and the Data Join
Data Visualization · Exercise 3 of 5 PreviousNext
Intermediate

Keep each station's bar

Press July and the stations come in a new order. Each bar should still be the same element for the same station (so animations and highlights could follow it).

The starter joins by position: Quay's bar becomes Lantern's. Add a key so every station keeps its element.

What Check tests

  1. June shows 3 bars in June's order
  2. After July the bars are in July's order
  3. Every station kept its own element

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.