Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Starter

Public visualization

Viewing a saved revision (read-only)

4fbc6bfec12e430ba8bfc90aa4c3b054

React Starter

0 stars0🌍 Public
WWalden Li
Last edited Apr 25, 2020
Created on Apr 25, 2020
Forked from React Starter

This example uses D3.js (v5) and SVG to render three concentric rings of colored squares, each labeled with a number. The code constructs a custom `Square` class and uses `d3.select`, `selectAll`, and data joins to append rectangles and text elements within an SVG viewBox. Square positions are calculated using trigonometry with varying radii for each ring, though the sample data and color definitions are only partially implemented in the provided files.

AI-generated description

React Starter code.