Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3-React-Viz-Learning-2

Public visualization

Viewing a saved revision (read-only)

dc04234fb656483d82218ef6c7d6b7e9

D3-React-Viz-Learning-2

0 stars0🌍 Public
SSowmya Naik
Last edited Jan 11, 2022
Created on Jan 11, 2022

This example shows a smiley face rendered as a full-screen SVG using React. It demonstrates how to compute geometric properties, such as the face radius and eye positions, based on the browser window dimensions. The app is built with React and ReactDOM, and uses pure SVG elements like `<circle>` and `<g>` for drawing, with all styling and transformations applied inline. No external data is loaded; the visualization is purely generated from hardcoded constants for eyes, mouth, and stroke width.

AI-generated description

Smiley face implementation with React.