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)

dafc6a86272343e1b3c89b842c2f4bde

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
Ppanyamsantosh09@gmail.com
Last edited Oct 20, 2025
Created on Oct 20, 2025

This interactive bar chart displays letter counts loaded from a CSV file, with bars that respond to clicks by highlighting the selected letter and dimming others. Built with React and D3 v7, the visualization uses `scaleBand` and `scaleLinear` for positioning, while a `ResizeObserver` in `useDimensions` tracks container size changes. The chart renders as SVG with labeled axes, gridlines, and a title, all styled through CSS transitions that animate bar fill and opacity changes on selection.

AI-generated description