Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ju Lian Made with JS SVG and D3

Public visualization

Ju Lian Made with JS SVG and D3

0 stars0🌍 Public
SShengHao-Shi
Last edited Dec 7, 2021
Created on Aug 19, 2021

This example shows a stylized cartoon face built entirely with SVG shapes, including ears, eyes, a nose, and a mouth, arranged symmetrically around a central pink circle. The scene is rendered using React components that define each facial feature as SVG primitives like circles, ellipses, and a path. The mouth’s arc is generated with the `d3.arc()` API from D3 v7, while positioning and styling rely on React’s JSX properties such as `cx`, `cy`, `rx`, and `ry`. The D3 library is loaded separately, and all coordinate values are hardcoded constants in the script.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed