Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

f6a635d9962d41799e5ba7323e51d39d

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

0 stars124🌍 Public
Ssaisreearibandi
Last edited Mar 8, 2023
Created on Mar 2, 2023
Forked from Hello HTML

The visualization displays the basic cost of Netflix subscriptions across 15 countries using a horizontal bar chart. It uses React hooks (useState, useEffect) to fetch data via d3.csv and renders SVG marks as colored rectangles scaled with d3.scaleLinear and d3.scaleBand. Axes are manually drawn with gridlines and labels using SVG elements, with data loaded from a gist URL.

AI-generated description

A bare minimum HTML page.