🌍 Public
Viewing a saved revision (read-only)
7cd2a686f8004a3fbad3d5c967253f3d
ICE-6: Rendering Marks and Channels with React & D3
This example visualizes video game review scores for a subset of games using a horizontal bar chart. The chart maps game names to the y-axis with a band scale and scores to the x-axis with a linear scale, rendering red gridlines and score labels. Built with React hooks and D3 v5, it loads CSV data from a GitHub gist, slices it to twenty entries, and renders SVG rectangles via React components. The code directly uses d3.csv, d3.scaleBand, d3.scaleLinear, and d3.max for data processing and scaling.
AI-generated descriptionA demonstration of how to start using D3 version 6.