Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed