Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

c64d9c00dd054c71886b1a43b53ea715

Shapes with SVG and CSS

0 stars1🌍 Public
Aandy-yc-lin
Last edited Jan 9, 2020
Created on Jan 9, 2020
Forked from HTML Starter

A stylized face built from geometric primitives is rendered using SVG elements styled and positioned through D3.js. The code demonstrates the use of D3's `select`, `append`, and `attr` to create and configure circles for the face and eyes, alongside a path that uses the `arc` generator to form a mouth shape. Data for element positions and sizes are derived from the SVG's `width` and `height` attributes, showcasing dynamic, attribute-driven layout. The example relies on React for the overall application structure, with rendering handled via raw SVG within the HTML document.

AI-generated description

A bare minimum HTML page.

See also React Starter.