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)

101a71263ea64148a393716528f10bf8

Fork of React & D3 Vibecoding Starter

0 stars1🌍 Public
NNita
Last edited May 6, 2025
Created on May 6, 2025

This example visualizes the top Chinese companies by market capitalization, with a bar chart sorted by value and color-coded by sector. Selecting a bar highlights that company while dimming others, and hovering reveals tooltips with details like IPO year, IPO value, and growth since IPO. Built with React and D3 v7, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for layout, plus `ResizeObserver` for responsive sizing. The data comes from a CSV file and interacts through React state management and D3 selections.

AI-generated description