🌍 Public
Viewing a saved revision (read-only)
320f7969bc1d45de8d148610baacf8f8
Fork of ICE-6: Rendering Marks and Channels with React & D3
Ssnehareddygurram
Last edited Mar 10, 2023
Created on Mar 10, 2023
This visualization displays the basic cost of Netflix subscriptions across 15 countries using a horizontal bar chart rendered as SVG. It is built with React for component structure and D3 v5 for data loading and scales, specifically using `scaleBand` for the categorical country axis and `scaleLinear` for the numeric cost axis. Data is fetched from a CSV file, and the bars, axis ticks, and gridlines are drawn manually with SVG elements rather than D3’s convenience methods. The chart updates reactively when the data loads, showing the cost range across different markets.
AI-generated descriptionA bare minimum HTML page.