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)

4a91fcc9e0b84c798ac92cd76ae654f0

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
NNita
Last edited Jul 19, 2025
Created on Jul 19, 2025

A D3.js v7 bar chart in a React framework visualizes letter frequencies from a CSV file, presenting a simple dataset of seven letters (A-G) with corresponding counts. The interactive visualization allows users to click individual bars to highlight their selections, changing the fill color and opacity. The implementation uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, d3.csv for data loading, and React's ResizeObserver for responsive sizing, with axes rendered via d3.axisBottom and d3.axisLeft.

AI-generated description