Fork of ICE-6: Rendering Marks and Channels with React & D3
✓ Published0🌍 Public
Ssugunagar
Last edited Mar 6, 2023
Created on Mar 6, 2023
This example shows the basic subscription cost of Netflix in 15 countries using a horizontal bar chart rendered as SVG. The visualization loads CSV data from a GitHub gist, processes it with d3.csv, and uses d3.scaleBand and d3.scaleLinear to map countries and costs to spatial positions. Rectangles encode the cost values, with d3.ticks generating gridlines and labels for the quantitative axis. React manages the component state and lifecycle via useState and useEffect, while d3-selection is used for axis formatting and data binding.
AI-generated descriptionA bare minimum HTML page.
MIT Licensed