Skip to main content
SimilarExport ZIP
100%

Pokemon Stats

✓ Published0🌍 Public
Wwillapolman@gmail.com
Last edited May 6, 2024
Created on May 3, 2024

A searchable Pokedex displays a radar chart of a Pokemon's base stats. Users type a Pokemon name into a form, and the app fetches the dataset from a remote JSON endpoint. It then renders six stats—HP, Attack, Defense, Speed, Special Defense, and Special Attack—as a Chart.js radar chart on an HTML canvas. The chart updates dynamically and uses Chart.js's RadarController, RadialLinearScale, PointElement, and LineElement.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pokemon Radar

This visualization displays the base stats of a Pokémon (bulbasaur) as a radar chart across six dimensions: HP, Attack, Defense, Special Attack, Special Defense, and Speed. The chart uses Chart.js to render the radar visualization on an HTML canvas element. The code fetches Pokémon data from the PokeAPI, including evolution chain information, and colors the radar chart based on the Pokémon’s type using a custom color palette. A separate HTML div displays the Pokémon’s evolutionary line.

RRyan Lee
83% match
Loading thumbnail…

Pokemon Radar with select

This example visualizes Pokémon base statistics—HP, Attack, Defense, Special Attack, Special Defense, and Speed—using a radar chart built with Chart.js. It fetches data from the PokéAPI for a single Pokémon, showing its stat profile. The page also includes a scatter plot of all first 251 Pokémon’s height and weight, rendered on a Canvas. The code uses the `fetch` API to retrieve JSON data and Chart.js’s `Chart` and `Chart.Scatter` constructors to draw both visualizations.

Wwzhang88
81% match
Loading thumbnail…

Pokemon Base Stats

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.

Ccoltonjcox92
80% match
Loading thumbnail…

Pokemon GO

This visualization explores a Pokémon GO dataset, showing how a selected Pokémon's stats like base attack, defense, and stamina vary, along with its available moves. It uses a radar chart to display these stats, and includes a dropdown menu for selecting different Pokémon to update the display. The code parses CSV data using standard JavaScript and renders the structured information, such as charged and fast moves, directly into the container.

Aabell@wpi.edu
75% match
Loading thumbnail…

A5 Bubble Chart of Pokemon Stats from Gen 1 - Gen7

This bubble chart displays a scatterplot of Pokemon stats from Generation 1 through 7, plotting Attack on the x-axis, HP on the y-axis, Speed as bubble radius, and Defense as bubble color. The code loads a CSV dataset, maps stat columns into numeric arrays, and renders the visualization as an SVG using d3.scaleLinear for all four encodings. Axes are drawn with d3.axisBottom and d3.axisLeft, and a d3-legend library provides size-encoding reference. Hover interactions and styling rely on CSS and the Quicksand font.

AAllen Jake Polintan
75% match
Loading thumbnail…

Pokemon GO Week 2

A radar chart displays the base stats of a selected Pokemon, with concentric circles and a polygon connecting values for max CP, attack, defense, and stamina. The visualization uses D3.js selections to append SVG circles, polygons, and text labels, scaling values via linear interpolation against the dataset’s minimum and maximum stats. The code processes a Pokemon GO dataset from Kaggle, loading CSV data into numeric fields and rendering a static view of Bulbasaur.

Aabell@wpi.edu
73% match
Loading thumbnail…

Pokemon GO Week 6

This interactive dashboard explores Pokémon Go’s base stats, CP scaling, and type matchups. A radar chart compares a Pokémon’s attack, defense, and stamina to the dataset maximums, while a line chart uses the CPLevelScaling.csv multiplier to show CP progression up to level 51. A table displays type effectiveness multipliers and learnable moves. The interface uses d3-selection and d3-scale to update charts when selecting a Pokémon from a dropdown or entering a name or ID.

Aabell@wpi.edu
73% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes the relationship between base experience and species ID for Pokemon, using red semi-transparent circles to reveal data density. The chart is rendered as an SVG using D3 version 5, with the d3.scaleLinear, d3.axisBottom, and d3.axisLeft APIs creating the axes. The code loads the Pokemon dataset as a CSV file from a remote URL and parses its numeric fields. The plot features grid lines, custom font sizing, and rotated axis labels to enhance readability without directly encoding any additional variables.

Jjeffcampbell1999
72% match