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)

3d128f8eca504bdb8eb858abbeb21b38

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
Nnaveenkumar.m@kpriet.ac.in
Last edited Jul 24, 2025
Created on Jul 24, 2025

A React 19 and D3 v7 bar chart displays letter frequencies from a CSV file, with bars that dim and darken upon selection. The visualization uses a ResizeObserver hook to track container dimensions, d3.scaleBand and d3.scaleLinear for scales, and d3.axisBottom/axisLeft for axes with gridlines. Clicking a bar toggles its highlighted state, which persists through React's useState.

AI-generated description