For my project, I made a minimal assignment that then transforms into a 90sish website after clicking the text at the top. After clicking on the paragraph tag the top switches to marquee, and it allows you to then click on each of the elements. The clicking code was adapted from the Class 1 example code. Clicking on the rectangle rotates it. This was adapted from "Wrapping my head around D3 rotation transitions". Clicking on the circle changes the background body color. Clicking on the line changes its color and thickness. Lastly clicking the pentagon turns it into a triangle. The CSS included ensures that the SVG element will always be as large as possible. To see code go here.
- SVG Box full size
- Transformations of HTML and SVG elements
- Captured garish 90s aesthetic