Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

Viewing a saved revision (read-only)

5deeb0dd461349f6aa9ce7ce569d66aa

HTML Starter

0 stars0🌍 Public
HHackMEAny
Last edited Jul 25, 2020
Created on Jul 25, 2020
Forked from HTML Starter

This example shows a simple face rendered as a yellow circle with eyes, eyebrows, and a mouth using SVG shapes. It demonstrates how to structure a minimal D3.js visualization in a React framework, starting with an HTML page that loads D3 v5 and an SVG canvas. The code uses `d3.select`, `d3.append`, and `d3.attr` to construct the graphical elements, and `d3.transition` to animate the eyebrows upward over two seconds. The mouth is created with `d3.arc`, specifying inner and outer radii and angular ranges.

AI-generated description

A bare minimum HTML page.

See also React Starter.