Command Palette

Search for a command to run...

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

Make room for a hidden circle

This SVG has no size, so it is 300 × 150 by default, and the orange circle at x = 330 is cut off.

Give the SVG a width and height so that both circles are fully visible. Use width="400" and height="100". Don't move the circles.

What Check tests

  1. The SVG is 400 × 100
  2. The orange circle is still at x = 330
  3. The orange circle 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.