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)

942733a74b784bb1b9286f5d32d3474d

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

0 stars0🌍 Public
Nnsatyaprakash22
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from Hello HTML

This example shows the cost of Netflix in 15 different countries as a horizontal bar chart, ranked on the y-axis, with bar lengths encoding the movie_name value. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map data to SVG rectangles, with axes drawn manually via `.ticks()`. The data comes from a CSV file loaded using `d3.csv`, and the chart renders bars and tick labels entirely as SVG elements within a React component.

AI-generated description

A bare minimum HTML page.