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)

587aec8fec0f40ad86e388dd2473925c

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

0 stars0🌍 Public
AAbhinav-Mullapudi
Last edited Mar 6, 2023
Created on Mar 6, 2023

This visualization displays the basic cost of Netflix in 15 different countries using a horizontal bar chart rendered as SVG. The application uses React to manage state and render the chart, while D3 v5 handles data loading via `d3.csv`, scaling with `d3.scaleBand` and `d3.scaleLinear`, and margin calculations. The data is fetched from a GitHub-hosted CSV file, and the bars are drawn as `<rect>` elements positioned and sized using the D3 scales.

AI-generated description

A bare minimum HTML page.