Samia

@samiaab1990·2 public vizzes

Fork of React Starter

This example demonstrates a simple smiling face rendered as an SVG using React and D3.js. The face is centered within a 960-by-480 viewport, with yellow circular head, two black eyes, and a curved smile generated by D3's `d3.arc()` path constructor. React's `createRoot` function mounts the component, while D3 v7 supplies the arc geometry; styling comes from CSS classes applied to SVG elements. The visualization uses no external data, instead hardcoding coordinates and dimensions.

Nov 15, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example displays a simple smiley face constructed with three SVG circles on a yellow background. The face uses a large yellow circle with a black stroke for the head, and two smaller black circles for eyes. The code directly creates these shapes using raw SVG elements within an HTML page, with no JavaScript libraries involved. It is a static, hand-coded SVG rendering that illustrates basic circular geometry and positioning.

Nov 14, 2023