🌍 Public
Viewing a saved revision (read-only)
db4a5c4d89c44f06b34eda8e06b66071
ICE-6: Rendering Marks and Channels with React and D3 Final
SSnapika
Last edited Mar 6, 2022
Created on Mar 6, 2022
This example shows the top 10 most valuable companies by market value, displayed as a horizontal bar chart with the company name on the y-axis and company value on the x-axis. The visualization is built using React for component structure and D3 v5 for scales and data loading via `d3.csv`. Bars are rendered as SVG `<rect>` elements, with `d3.scaleBand` and `d3.scaleLinear` positioning bars and axes, while custom `AxisBottom` and `AxisLeft` components generate tick marks and labels. Company values are formatted with `d3.format` to abbreviate billions.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.