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

Viewing a saved revision (read-only)

6812213c293c4d94ae29a2332feff2a9

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

0 stars0🌍 Public
RRishiAdarsh
Last edited Mar 7, 2023
Created on Mar 6, 2023
Forked from HTML Starter

This horizontal bar chart displays the basic cost of Netflix subscriptions across 15 countries, using React state and D3 scales. The React component loads CSV data from a GitHub gist via `d3.csv`, then renders SVG bars with `scaleLinear` for the x-axis and `scaleBand` for the y-axis country categories. Axis ticks and gridlines are generated manually from `xScale.ticks()`, while labels appear without helper axes. The visualization updates asynchronously after data loading, with D3’s `max` and `format` functions supporting the quantitative encoding.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.