RomeeCode

@RomeeCode·2 public vizzes

Smiley face part I

This example renders a yellow smiley face using SVG primitives within a React application. The face is composed of circles for the head and eyes, with D3's `arc` function generating the path data for the mouth and nose. The visualization is built using React's declarative syntax, with D3 v5 providing the arc geometry calculations. The code also demonstrates styling individual elements with stroke widths and colors, including distinct stroke colors for each inner eye.

May 4, 2021

Loading thumbnail…

HTML Starter

This example shows a simple interactive SVG scene with three labeled fruit circles. Hovering over a circle displays its name as text near the cursor. The code uses D3.js v5 selections and event handlers (`on("mouseover")`, `on("mouseout")`) to append and remove text elements. It also includes a static blue circle defined directly in the HTML.

Mar 19, 2020