Tutorial 1.2: Basic HTML
Github link
The goal of this tutorial is to get familiar with the table
and
svg
elements.
The table below uses data from the Palmer penguins dataset.
Species | Island | Bill Length (mm) | Bill Depth (mm) |
---|---|---|---|
Chinstrap | Dream | 50.88 | 19.0 |
Gentoo | Biscoe | 49.5 | 16.2 |
Adelie | Torgersen | 45.8 | 18.9 |
Adelie | Dream | 38.9 | 18.8 |
Chinstrap | Dream | 51.4 | 19.0 |
My default table styles can be found
here, but I've overwritten some of those styles in the local
style.css
for this tutorial.
The svg below contains two rects, one lavender and one lightcoral.