Skip to main content
100%

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 description

React Starter code.

MIT Licensed

Similar vizzes