Pokemon_visualization

100%

Pokemon_visualization

✓ Published0🌍 Public

Last edited Oct 17, 2017

Created on Sep 22, 2017

This radar chart visualizes the base stats of the Pokémon Bulbasaur across six attributes—HP, Attack, Defense, Sp. Atk, Sp. Def, and Speed—with values scaled from 0 to 100. The chart renders a pentagonal grid with five levels, using an SVG polygon to represent the stat profile. Built with D3 v4, the visualization relies on the `RadarChart.draw` function to generate axes, circular segments, and the filled area, while mouseover transitions highlight the polygon. The dataset originates from a Kaggle Pokémon stats CSV file.

AI-generated description

Built with blockbuilder.org

This dataset is about Pokemon with stats and types, the raw csv file can be found here in Kaggle.

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

85% 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

82% match

Loading thumbnail…

Data Visualization Project Week 13

This scatterplot from Jacob Chlebowski’s dataset visualizes Pokémon attributes, plotting Speed on the x-axis against a balance metric (Attack minus Defense) on the y-axis. Circle size encodes HP, and hue encodes Pokémon type, with controls to filter by type and tooltips to display detailed Pokémon stats. Built with D3.js, the chart uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, custom `hue` logic for point styling, and event handlers for clicks and hovers. Data comes from a Pokémon Base Stats Dataset rendered in SVG.

JJacob Chlebowski

80% match

Loading thumbnail…

Data Visualization Project Week 9

This scatterplot visualizes Pokémon base stats, plotting Speed on the x-axis against an offensive/defensive balance (Attack minus Defense) on the y-axis. Circle size encodes HP, while color indicates Pokémon type, and overlapping circles are made more transparent. The visualization uses D3 scales, axes, and selections to render the chart, with data from a Pokémon Base Stats CSV. The code employs `d3.scaleLinear`, `axisBottom`, `axisLeft`, and `selection.join` to manage dynamic circle elements.

JJacob Chlebowski

80% 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…

Data Visualization Project Week 15

This interactive D3.js scatterplot visualizes Pokémon base stats, mapping speed on the x-axis against the balance between attack and defense on the y-axis. Circle size encodes HP, while color represents type, with filters allowing viewers to isolate specific Pokémon types. Hovering over the legend reveals type counts, and clicking a point displays detailed stats. The visualization uses d3.scaleLinear, axisBottom, axisLeft, and handles filtering via data binding with selection.join() on the Pokémon Base Stats Dataset from Kaggle.

JJacob Chlebowski

79% match

Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting speed on the x-axis and offensive balance (attack minus defense) on the y-axis. Circle size encodes HP, while color represents Pokémon type. Users can filter by type using buttons, hover over the legend to see type counts, and click individual points to view detailed Pokémon attributes. Built with D3.js, the visualization uses scaleLinear for axes, selection joins for circle rendering, and event listeners to update the display.

JJacob Chlebowski

79% match

Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats, plotting speed against the balance between attack and defense, while encoding HP through circle radius and Pokémon type through color. Users can click individual points to reveal detailed stat information and filter the dataset by type. The visualization uses D3.js v7 APIs including `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with custom overlap detection adjusting circle opacity to reveal densely clustered regions. The dataset is drawn from the Pokémon Base Stats Dataset sourced from Kaggle.

JJacob Chlebowski

79% match