Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Trying Squares

Public visualization

Trying Squares

0 stars0🌍 Public
Ddumbdataguy@gmail.com
Last edited Nov 21, 2023
Created on Nov 21, 2023
Forked from Third Face

A grid of fifteen colored rectangles renders a fixed dataset of five values repeated three times, with each rectangle’s width proportional to its value and its fill assigned a random RGB color via the custom `getRandomColor` function. The React component uses `d3.sum` to compute total width and `d3.selectAll` to append SVG `rect` elements, while the `FaceContainer` wrapper translates the group into the SVG canvas. D3 v7 and React 18 combine to generate the static layout without interaction.

AI-generated description

Half way to smile face

Comments

Sign in to join the discussion.

MIT Licensed