Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

840172ed5f8249b6af4756e4823744eb

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
NNita
Last edited May 6, 2025
Created on May 6, 2025

This interactive galaxy visualization displays 2,000 stars arranged in a spiral pattern with a glowing center, representing stellar temperatures through color (white/blue for hot, orange for cool). Stars twinkle automatically, and hovering brightens them while clicking triggers an explosion animation. The code uses React with D3 v7's `scaleLinear` and `randomNormal` functions to position stars, while SVG filters with `feGaussianBlur` create the glow effect on the galactic center and spiral arms.

AI-generated description

Interactive Flower Visualization

This visualization represents data as a flower, where:

  • Each petal represents a data point, with its size based on the count value
  • Click on a petal to select/deselect it
  • The flower has a stem and leaves for decoration
  • Hover effects make petals more prominent