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)

4dbc0666b8cd463da3e526bb4660653f

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

0 stars1🌍 Public
TTejaswicmandava
Last edited Mar 12, 2023
Created on Mar 12, 2023

This visualization displays the number of movies available on Netflix across different countries, using a horizontal bar chart rendered as SVG. The React app loads CSV data from a GitHub gist and uses D3’s `csv` parser, `scaleBand` for the categorical country axis, and `scaleLinear` for the numeric movie count. Bars are drawn as `rect` elements, with D3-generated tick marks and labels for both axes. The chart is limited to the top 15 countries by movie count, providing a quick comparison of content library sizes.

AI-generated description

A demonstration of how to start using D3 version 6.