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)

a1b20500d45d4f22b05d0d151e3f4b67

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.