Command Palette

Search for a command to run...

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

A pill, a dot and a triangle

Add three shapes inside the SVG: a rect with id pill (x 10, y 10, 100 wide, 40 tall, fully rounded ends), a circle with id dot (centre 160, 30, radius 20) and a polygon with id tri (points 220,50 250,10 280,50).

Colour them all #2a9d8f.

What Check tests

  1. The pill is 100 x 40 with rx 20
  2. The dot is at (160, 30) with radius 20
  3. The triangle has three corners
  4. All three are #2a9d8f

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.