Viewing a saved revision (read-only)
7310b779d9fe4b3dbaac479d676b7d80
Fork of React & D3 Vibecoding Starter
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 descriptionChinese Companies Market Cap Visualization
This visualization shows the top Chinese companies by market capitalization, categorized by sector. It includes data like IPO year, IPO value, and growth since IPO.
Features:
- Bar chart showing market cap in billions USD
- Color-coding by sector
- Interactive tooltips with company details
- Ability to click on bars to highlight specific companies
The visualization is built using React and D3.js.