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
KKovvuri Supraj
Last edited Mar 9, 2023
Created on Mar 9, 2023

This visualization displays the basic cost of Netflix subscriptions across 15 countries using a horizontal bar chart rendered with React and D3 v5. The code uses `scaleBand` and `scaleLinear` to map country names and costs to SVG coordinates, with blue axis ticks and labeled bars showing each nation’s pricing. Data loads from a CSV file via `d3.csv`, while React hooks (`useState`, `useEffect`) manage the asynchronous fetch and re-render the SVG marks.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed