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