π Public
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.
MIT Licensed
Comments
Sign in to join the discussion.