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 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.

Comments

Sign in to join the discussion.

MIT Licensed