Fork of ICE-6: Rendering Marks and Channels with React & D3
✓ Published0🌍 Public
Ppethavenu
Last edited Mar 4, 2023
Created on Mar 4, 2023
This example shows the basic monthly cost of Netflix across fifteen countries using horizontal bars, ranked by price. The visualization loads data from a CSV file via `d3.csv`, slices it to the first fifteen rows, and renders static rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Axes are drawn manually with `d3.axisBottom` and `d3.axisLeft` components built from tick values. The entire chart is composed as a React component with `useState` and `useEffect`, producing SVG output through React elements rather than direct DOM manipulation.
AI-generated descriptionA bare minimum HTML page.
MIT Licensed