Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed