Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Bbhanuteja1807@gmail.com
Last edited Mar 24, 2023
Created on Mar 24, 2023

This visualization displays the basic cost of Netflix subscriptions across fifteen countries using a horizontal bar chart rendered as SVG. The code combines React hooks (useState, useEffect) to manage data loading with D3’s csv parser, scaleBand for the categorical y-axis, and scaleLinear for the numeric x-axis. Country labels and gridlines are manually generated from D3 scale domains, while bars are drawn as rect elements with widths proportional to the cost values. The chart reads from a raw GitHub-hosted CSV dataset, demonstrating a React-D3 integration for declarative mark and channel rendering.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed