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

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

0 stars0🌍 Public
Ssnehareddygurram
Last edited Mar 10, 2023
Created on Mar 10, 2023

This visualization shows the basic cost of Netflix in different countries using a bar chart. It renders with React and D3 as SVG marks, encoding the country on the y-axis and cost on the x-axis. The code uses `d3.csv` to load the dataset, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the numeric scale. It also employs `d3.axisLeft` and `d3.axisBottom` for tick formatting, with React `useState` and `useEffect` managing data loading and state.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed