Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first try

Public visualization

first try

0 stars0🌍 Public
AAmandineM97
Last edited Apr 13, 2022
Created on Apr 13, 2022

This visualization is a simple smiley face drawn from SVG primitives: a yellow circle, two black eyes, and a curved mouth path. The face is centered in an SVG canvas, with all elements grouped and positioned using affine transforms. The code uses the D3 `select` API to query the SVG element and `append` to add shapes, while the mouth is generated with the `d3.arc` function, which produces an SVG path from polar coordinates. The example demonstrates basic D3 v7 SVG construction without data binding.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed