Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smilie Face with React and D3

Public visualization

Smilie Face with React and D3

0 stars2🌍 Public
Vvishnubpg
Last edited Jun 9, 2021
Created on Jun 9, 2021

This example shows a classic smiley face rendered as an SVG graphic, with a yellow circular head, two black eyes, and a curved mouth. The face is built using React components that return SVG elements, while D3’s `arc` generator defines the mouth’s path. The code sets fixed dimensions and coordinates for the face’s features, then uses ReactDOM to mount the component. Both React and D3 are loaded via UMD scripts, and the rendering relies purely on static D3 shapes without any data or interaction.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed