Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Max: React Round 2

Public visualization

Smiley Face Max: React Round 2

1 star0🌍 Public
MMichael Milano
Last edited Feb 15, 2020
Created on Feb 14, 2020

This visualization presents a large, stylized smiley face constructed from overlapping SVG circles and a custom arc for the mouth. Built with React and D3.js, it demonstrates component-based rendering where separate modules define the face's background, body, eyes, and mouth. The eyes feature layered circles of varying sizes and colors, creating a complex, cartoonish appearance. The static composition uses D3’s `arc` generator to shape the smile, while React manages the SVG elements and their positioning within a 960x500 canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.

This is an updated version based off the 2020 course work.

Comments

Sign in to join the discussion.

MIT Licensed