OssianL

@OssianL·2 public vizzes

Fork of React + D3 Viz Starter

A circular color wheel displays all 148 CSS named colors as equal-width arcs emanating from the center. The visualization loads its data from a CSV file listing named colors and their RGB hex values, then renders each arc using the d3.arc() function within a React component. As the user moves the mouse, the entire group of arcs rotates by an offset calculated from the cursor's x-position, creating an interactive feel. The code uses React hooks like useEffect and useMemo to manage data loading and arc generation.

Mar 8, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This interactive visualization displays a smiley face that scales to fill the entire browser window. The face is composed of a yellow circle with black stroke, two eyes, and a rectangular mouth, all rendered as SVG elements. The React application uses the `Face`, `Eye`, and `Mouth` components to construct the graphic, with window dimensions determining the overall size. The rendering relies on React's declarative component model and SVG’s coordinate system, and the code supports live parameter adjustments for facial features.

Mar 6, 2021