Skip to main content
100%

Fork of ICE6.1

✓ Published0🌍 Public
Ppavan vasamsetti
Last edited Mar 21, 2024
Created on Mar 21, 2024
Forked from ICE6.1

This example visualizes the relationship between life expectancy and GDP per capita using a scatterplot of individual data points, with each point colored by species category. The visualization first presents the data as colored circles positioned along two quantitative axes, then explains the implementation: it loads CSV data from a GitHub gist, parses numeric fields, and uses D3 v6’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to map values to screen coordinates. SVG circles are rendered with a fixed radius, and axis labels are added via appended text elements. The code employs React as the framework, though the visualization itself relies purely on D3’s DOM manipulation and SVG rendering.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes