gsbeegnnord

@goodshark·2 public vizzes

Fork of Rendering Data with React & D3

This example visualizes CSS named colors as a radial burst of pie slices, each slice filled with its corresponding color. It loads color data from a CSV file using `d3.csv`, then renders the chart as an SVG with React. The code uses `d3.pie` to compute arc angles and `d3.arc` to generate the path geometries, with React managing the component state and DOM updates. The dataset includes color names and hex values from the provided gist.

Feb 24, 2022

Loading thumbnail…

Fork of Smiley Face Part VI

Two nearly identical smiley faces render in red-bordered SVG canvases using React components and D3’s `arc` generator for the mouth. Each face combines `BackgroundCircle`, `Eyes`, and `Mouth` components inside a shared `FaceContainer`, with D3’s `range` imported but unused. The code demonstrates modular composition with ES6 modules, where face dimensions, eye offsets, and mouth radii are passed as props, and D3 v5 generates the path for the curved mouth.

Feb 21, 2022