Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 course

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed