Data Visualization · Exercise 5 of 5 Previous
Intermediate
Reuse the bike icon
A <symbol id="bike"> is already defined. Draw it twice with <use>: one 48 by 32 at x 10, y 10, and one 96 by 64 at x 80, y 10.
The symbol's shapes use currentColor, so colour the first bike #2a9d8f and the second #e76f51 with style="color: ..." on each use.
What Check tests
- There are two uses of #bike
- The sizes are 48 x 32 and 96 x 64
- The two bikes have different colours
- The first is placed at (10, 10)
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.