Fork of ICE-6: Rendering Marks and Channels with React & D3
✓ Published1🌍 Public
99176371431
Last edited Mar 9, 2023
Created on Mar 9, 2023
This example shows the basic cost of Netflix subscriptions in 15 countries using horizontal bars scaled by d3.scaleLinear and d3.scaleBand. The React component loads CSV data from a gist via d3.csv, slices it to 15 rows, and renders SVG rectangles with manual axis tick generation for both scales. The code uses React hooks (useState, useEffect) and d3.v5 APIs including axisLeft, axisBottom, and max, with the chart drawn inside an SVG group transformed by margins.
AI-generated descriptionReact Starter code.
MIT Licensed