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 stars1🌍 Public
JJasvitha Allamsetty
Last edited Mar 11, 2023
Created on Mar 11, 2023

This visualization shows the basic cost of Netflix subscriptions across fifteen countries, rendered as horizontal bars ranked by country name. It uses React hooks to load CSV data and D3 v5 scales (`scaleBand`, `scaleLinear`) to position rectangles in an SVG. The code manually constructs axes with `xScale.ticks()` and grid lines, while omitting D3’s axis generators, and colors bars in the default black.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed