Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Demo-1

Public visualization

Viewing a saved revision (read-only)

3afceff9ceee43bb9a118e5a9b3fdd2f

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

Rainbow Circle Visualization

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

The circles feature rainbow colors and animations, including pulsing, rotating, and bouncing effects. The circles have different sizes and can be selected by clicking on them.

The title also features a rainbow animation with a drawing effect.