Skip to main content
100%

Fork of ICE-6: Rendering Marks and Channels with React & D3

✓ Published0🌍 Public
RRishiAdarsh
Last edited Mar 7, 2023
Created on Mar 7, 2023

This example shows the basic subscription cost of Netflix in fifteen countries using horizontal bars, with each bar’s length encoding the price. The chart is built with React and D3, where React manages the component state and D3’s `scaleBand` and `scaleLinear` position the bars and axes. The code loads CSV data via `d3.csv`, renders SVG elements directly in JSX, and manually draws grid lines and tick labels instead of using `d3.axisBottom` or `d3.axisLeft`.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes