Skip to main content
100%

Pokemon Base Stats

✓ Published0🌍 Public
Ccoltonjcox92
Last edited Mar 18, 2023
Created on Mar 18, 2023
Forked from HTML Starter

A horizontal strip of circles displays Pokemon base stats, with the size of each circle proportional to the total stat sum. Hovering reveals a tooltip with individual HP, attack, defense, special attack, special defense, and speed values. The visualization sorts Pokemon by their total in descending order and encodes their primary type with a solid color, while dual-type Pokemon use a linearGradient that blends both types. The code loads a CSV, processes numeric fields, and renders the static SVG layout without a force simulation, using `d3.csv`, `d3.scaleLinear`, and mouse event handlers for the tooltip.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes