Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cell Matrix

Public visualization

Cell Matrix

2 stars1🌍 Public
WWaseem Medhat
Last edited Dec 7, 2020
Created on Dec 6, 2020

A grid of 16 by 8 rounded rectangles displays a random pattern of purple and yellow cells, where each cell’s color is determined by a Boolean value from `Math.random()`. The React components `CellMatrix` and `Cell` position each rect using computed `x` and `y` offsets based on the inner dimensions, while the `VizContainer` renders the SVG output with configurable margins and a neutral gray background. This example uses plain React state-free rendering, with no D3 API calls beyond the library’s inclusion in the HTML page.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed