Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Demo-1

Public visualization

Viewing a saved revision (read-only)

bea59a3db1e84ab1a33b8fd62b17865d

Demo-1

0 stars0🌍 Public
NNita
Last edited Jun 16, 2025
Created on Jun 16, 2025

A playful D3.js and React visualization presents 10 interactive circles and 8 interactive squares in rainbow colors, with pulsing, bouncing, rotating, flip, and spin animations. Clicking a shape selects it, dimming unselected shapes. It loads letter and count data from a CSV file using d3.csv. The title text animates with a stroke-dash drawing effect and rainbow color cycle, while d3.scaleLinear, d3.scaleSequential, and d3.interpolateRainbow handle sizing and coloring.

AI-generated description

Circle Visualization

A simple visualization displaying 10 interactive circles created with D3.js and React.

The circles have different sizes and colors and can be selected by clicking on them.