Command Palette

Search for a command to run...

Hectal
Phase 0: Start Here: A Chart Is Just Shapes
Data Visualization · Exercise 1 of 5Next
Beginner

Size a bar from a number

Thursday 5 June had 3,742 rides. In this drawing, 1 pixel stands for 10 rides.

Make the bar #thursday exactly the right width for 3,742 rides (3,742 ÷ 10 pixels), keep it starting at x = 0, and colour it #2a9d8f.

What Check tests

  1. The bar is 374.2 pixels wide
  2. The bar still starts at x = 0
  3. The bar is coloured #2a9d8f
  4. The bar fits inside the SVG

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.