🌍 Public
Viewing a saved revision (read-only)
72e648a936e8492b9146beeaec8856c9
ICE-6: Rendering Marks and Channels with React & D3
Ssreesushmav
Last edited Mar 12, 2023
Created on Mar 12, 2023
This interactive bar chart visualizes Uber pickups across New York City, displaying the top 15 dispatching base numbers by trip count. The visualization uses React for component management and D3 v5 for data loading, scales, and axes. Data is fetched via `d3.csv` from a GitHub gist URL, with a horizontal bar layout using `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. Each bar is rendered as an SVG `<rect>` element, with gridlines and tick labels generated manually through SVG `<g>` and `<text>` elements. The chart features a green background and purple gridlines.
AI-generated descriptionA bare minimum HTML page.