Command Palette

Search for a command to run...

Hectal
Phase 1: SVG from Zero
Data Visualization · Exercise 1 of 5Next
Beginner

Make room for a circle

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

Give the SVG width="400" and height="100" so the whole circle shows. Don't move the circle.

What Check tests

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