Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Remaking Smiley Face Part V

Public visualization

Remaking Smiley Face Part V

0 stars0🌍 Public
AAl Class
Last edited Apr 14, 2020
Created on Apr 14, 2020
Forked from React Starter

This example shows a smiley face rendered as a collection of individual points, which are arranged using a physics-based simulation to form the familiar facial features. The visualization uses React for the component structure and relies on `d3.forceSimulation` to compute the positions of the points, with forces that pull them toward target coordinates for the eyes, mouth, and face outline. Each point is drawn as a small circle on an SVG canvas, and the simulation runs continuously to keep the points in place while allowing subtle motion. The code imports React and ReactDOM directly and uses D3 v5 for the force layout.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed