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
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

Comments

Sign in to join the discussion.

MIT Licensed