Fork of ICE-6: Rendering Marks and Channels with React & D3
✓ Published0🌍 Public
JJyothicherukuri
Last edited Mar 6, 2022
Created on Mar 6, 2022
This example shows a horizontal bar chart comparing population figures for six countries, with the bars rendered as rectangles and axes labeled using text marks. The visualization loads CSV data from a remote URL, parsing the 2016 population column, and uses D3’s scaleBand and scaleLinear to map country names and population values to screen coordinates within an SVG container. React manages the component state and renders the marks, while D3 v5 provides the data loading and scaling functions, including explicit tick generation and manual axis line and label placement.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed