Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Fork of Let's Make a Face Part I

0 stars0🌍 Public
KKhadidja Arezki
Last edited Oct 17, 2022
Created on Sep 29, 2022

This visualization assembles a stylized face from reusable SVG components built with React and D3.js (d3.v7). It shows a yellow circular head with eyes, an upper lip, a filled mouth area, teeth, and a gradient-shaded tongue with a drop shadow. The code defines each facial feature as a separate React component, using D3’s `arc` for the mouth arcs and a custom `roundedRect` path for the tongue. The face is centered via an SVG `<g>` transform, with fixed numeric coordinates and styling applied through inline attributes.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed