rhyperior

@rhyperior·2 public vizzes

Surprised Emoji for submission

This visualization displays a surprised emoji constructed with SVG shapes in a React application, using D3’s `arc` generator to form raised eyebrows. The face is built from layered circles for the head, eyes, and pupils, with an ellipse for an open mouth, all positioned via D3’s `arc` path. React renders the SVG, while D3 v6 calculates the curved eyebrow paths. The code leverages React’s `ReactDOM.render` to mount the component and D3’s `arc` API for precise arc geometry.

Mar 12, 2021

Loading thumbnail…

Fork of HTML Starter

A yellow smiley face rendered with SVG, featuring green outlines and black eyes, demonstrates a simple React visualization. The code uses React to create SVG elements, including circles for the face and eyes and a d3.arc() path for the mouth, which spans from a start angle of π/2 to an end angle of 3π/2. The visualization is built entirely with hardcoded dimensions and coordinates relative to the center, using d3 for the arc path construction within the React component.

Mar 12, 2021