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

Viewing a saved revision (read-only)

22807dc0c48e4cff950840a8bc0c4fe7

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

0 stars0🌍 Public
Cchandanagandla
Last edited Mar 15, 2023
Created on Mar 15, 2023

This example visualizes the basic subscription cost of Netflix across fifteen countries using a horizontal bar chart. Built with React and D3 v5, it renders SVG marks through React components while D3 handles the scales and data loading via d3.csv. The chart uses d3.scaleBand for the categorical country axis and d3.scaleLinear for the continuous cost axis, with axes drawn manually using tick values and grid lines. The data originates from a CSV file containing per-country pricing information.

AI-generated description

A bare minimum HTML page.