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)

6f4d09c9b131429886e4e1df0a2e9a65

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025

This example visualizes the Five Aggregates of Buddhist philosophy as an interactive bar chart built with React and D3 v7. Each bar represents one aggregate—Form, Sensation, Perception, Mental Formations, and Consciousness—and clicking a bar selects it while hovering displays a tooltip with its description. The chart uses `ResizeObserver` for responsive dimensions, `scaleBand` and `scaleLinear` for scales, and custom axis rendering with text wrapping. Data is loaded from a CSV file using `d3.csv`, and the React app manages state for selection and dimensions.

AI-generated description