Skip to main content
100%

HTML Starter

✓ Published1🌍 Public
Llwinmgsoe
Last edited Apr 22, 2020
Created on Apr 22, 2020
Forked from HTML Starter

This example renders a simple yellow smiley face using D3.js v5’s `select` and `arc` APIs. The SVG canvas is centered with a `g` transform, then a yellow circle with a black stroke forms the face, followed by two black circles for eyes. A mouth is drawn as a filled arc path using D3’s `arc` generator with specified inner and outer radii and angular extents. The code manipulates SVG attributes directly, with dimensions read from the SVG element itself.

AI-generated description

My first d3.js SVG manipulation

MIT Licensed

Similar vizzes