Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 course

Public visualization

Viewing a saved revision (read-only)

d85863d24b9a45e8a7e8dc0e56f52be4

d3 course

0 stars0🌍 Public
AAlexander Garzo
Last edited Sep 3, 2022
Created on Sep 2, 2022
Forked from HTML Starter

This example demonstrates a single red rectangle that smoothly transitions to green and dramatically thickens its stroke when hovered, using CSS transitions on SVG `rect` elements. The code relies on plain HTML, CSS, and JavaScript, with no external libraries or data sources. It sets initial styles for the rectangle and defines a hover state, allowing the browser to interpolate the fill color and stroke width over three seconds. The empty script tag suggests the visualization is static, with all interaction handled purely through CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.