Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DataViz D3 - Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

b60d1c5c43f4467199854bb3d65034b4

DataViz D3 - Smiley Face Part I

0 stars2🌍 Public
Jjinjuta.s.au@gmail.com
Last edited Mar 10, 2024
Created on Mar 10, 2024
Forked from Hello HTML

This example builds a static smiley face using an SVG circle for the face outline and two additional circles for the eyes, rendered directly in an HTML page with inline CSS. The code uses no external libraries, instead relying on hard-coded SVG coordinates and attributes like `cx`, `cy`, and `r` to position the shapes. The face is centered within a 960 by 500 pixel viewport, with the eyes placed symmetrically around the horizontal center. The rendering approach is purely SVG markup, with the body’s margin removed and overflow hidden for a clean, full-window display.

AI-generated description

A bare minimum HTML page.