chieyong

@chieyong·2 public vizzes

Hello HTML

A yellow, smiling face rendered as SVG via React 17 and D3 v7. The code composes reusable React components—`BackgroundCircle`, `Eyes`, and `Mouth`—to build the face from primitive circular shapes and a D3 arc path generated with `arc()`. The `Mouth` component uses `innerRadius`, `outerRadius`, `startAngle`, and `endAngle` to define its curved shape. All elements are centered and drawn dynamically using provided prop values for dimensions and positioning.

Sep 21, 2021

Loading thumbnail…

HTML Starter

This example presents a static SVG smiley face rendered on a 960x500 canvas, with a yellow circle for the head and two smaller black circles for eyes. The page also includes a React-based “Hello CodeSandbox” heading, demonstrating a minimal HTML starter template. The visualization is hand-coded directly in the HTML markup using SVG elements like `circle` with attributes for radius, position, fill, and stroke, while React 16.13.1 and ReactDOM set up the surrounding app structure.

Sep 18, 2021