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)

c908d7501cc348fb9749eb93befab0a3

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
Eerickflorescallejas0@gmail.com
Last edited Sep 3, 2025
Created on Sep 3, 2025

This example displays a simple bar chart of letter counts from a CSV file, with clickable bars that highlight the selected letter and fade the others. Built with React and D3 v7, the React component manages state and dimensions via a `ResizeObserver`, while the D3 code uses `scaleBand` and `scaleLinear` to position bars, `axisBottom` and `axisLeft` for axes with gridlines, and `.join()` for data-driven SVG updates. The chart includes a title and axis labels rendered as SVG text.

AI-generated description