🌍 Public
Viewing a saved revision (read-only)
a0b2375413fa4e70a3a9287a8586c02e
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.