Skip to main content
100%

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

✓ Published1🌍 Public
Aadapavaishnavi12
Last edited Mar 16, 2023
Created on Mar 16, 2023

This example visualizes the basic cost of Netflix subscriptions across 15 countries using a horizontal bar chart, rendered as SVG through React components. The application loads data from a CSV file, parses the cost values, and displays them with D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Grid lines and axis ticks are manually generated using `.ticks()`, with React’s `useState` and `useEffect` managing the asynchronous data loading and component rendering. The bars are simple `<rect>` elements positioned using D3’s scale functions.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes