Skip to main content
SimilarExport ZIP
100%

Pokemon: Special Attack vs Special Defence, by Type

✓ Published0🌍 Public
MMihir Sawant
Last edited Apr 8, 2019
Created on Oct 3, 2018

This interactive scatterplot visualizes the Special Attack versus Special Defence stats of Pokémon from the first three generations, with each point colored by its primary type. The visualization uses d3.scaleOrdinal with schemeCategory10 for color encoding, d3.scaleLinear for both axes, and d3.axisBottom/axisLeft with grid lines. Clicking a legend item highlights that type while dimming others. Data is loaded via d3.csv from an external dataset, and all rendering uses SVG circles within a D3 v5 framework.

AI-generated description

Interactive scatterplot for Special Attack vs. Special Defence of Pokemon from the first three generations, color coded by Pokemon type.

Some data preprocssing code borrowed from Nick Lima. Code for title group borrowed from Kathleen Cachel.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes the relationship between Special Attack and Special Defence stats for Pokémon from the PokeAPI dataset. Each circle represents a Pokémon, plotted along the x-axis for special attack and the y-axis for special defence, with a steelblue fill and 30% opacity. The visualization uses D3 v5 APIs including `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for the axes, and `scaleOrdinal` for color coding. The code loads the CSV data via `csv()` and converts the stat columns to numeric values. SVG rendering is used with a 960x500 canvas, and axis labels and a title are drawn using text elements styled with CSS.

MMihir Sawant
86% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes 1,062 Pokémon, mapping Attack on the x-axis and Defense on the y-axis, with each point colored by primary type. The chart uses D3 v4 with SVG rendering, featuring a linear scale for both axes and an ordinal color scale with a categorical scheme. A color legend generated via the d3-legend plugin identifies the type categories, and the visualization includes axis labels ("Attack" and "Defnse" [sic]), tick marks, and a legend for the "Type1" color encoding. The design employs translucent circles (opacity ~0.5) to reveal overlapping points, with axis lines hidden and clean tick styling. The dataset contains over 1000 Pokémon records loaded from a CSV file, and the chart is part of a video course.

FFanYang715
83% match
Loading thumbnail…

Mon Defense by Type

This scatterplot maps Pokémon types and their defensive stats, with each circle representing a creature positioned by primary type on the x-axis and HP on the y-axis, while circle size encodes total stat sum and color repeats the type category. Tooltips reveal individual names. The visualization uses vega-lite-api to construct the specification, d3.csv for data loading, and vega-tooltip for interaction, with data sourced from a remote GitHub gist.

Ccoltonjcox92
81% match
Loading thumbnail…

Fork of Mon Defense by Type

This scatter plot visualizes Pokémon stats by type, showing each creature as a circle positioned by HP on the y-axis and Type 1 on the x-axis, with circle size representing total stat sum and color encoding the same type field. Hovering reveals the Pokémon’s name via a tooltip. The chart is built with the Vega-Lite API, registering Vega and Vega-Lite for rendering, and loads data from a CSV file using d3’s csv method. Appearance is customized through a config file that adjusts axis labels and colors.

Qqwxyyigesm
79% match
Loading thumbnail…

Scatterplot Matrix of Pokemon Stats from Gen1 - Gen7

This scatterplot matrix visualizes the relationships between six Pokémon battle stats—HP, Attack, Defense, Speed, Special Attack, and Special Defense—across all generations 1 through 7. Each panel compares two stats, with axes scaled from zero to each stat’s maximum value, revealing correlations and outliers such as Legendary Pokémon. Built with D3 v7, the visualization uses SVG rendering and three separate linear-scale pairs to position circles within a grid, with each stat labeled along its corresponding axis. Data is loaded from a CSV file containing the full Pokémon dataset.

AAllen Jake Polintan
79% match
Loading thumbnail…

Responding to Resize

This visualization displays the attack and defense stats of 1,062 Pokémon as a scatter plot, with each point colored by primary type. It uses D3 v4 to draw an SVG chart that adapts to the browser window size. The redraw function sets up the scales, axes, and color legend, loading data from a CSV file of Pokémon attributes. On page load and whenever the window is resized, the visualization recalculates the layout to fit the current viewport, with axis labels, tick marks, and a categorical color legend reflecting the primary type. The chart updates dynamically to maintain readability and visual consistency across different screen sizes.

FFanYang715
78% match
Loading thumbnail…

Fork of Mon Defense by Type

A scatterplot of Pokémon, showing the relationship between primary type and the percentage of damage they resist. Each circle represents a single Pokémon, colored by type, with its size encoding a numeric isolate count and tooltips revealing names. The visualization is built with the vega-lite-api library, loading CSV data via d3.csv, and renders through vega and vega-lite with a custom config for axis and label styling.

TTanupat B.
78% match
Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot shows the relationship between Attack and Defense stats for Pokémon, with each point colored by generation and accompanied by a legend. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` with `schemeDark2` for color encoding, and `axisBottom`/`axisLeft` for tick marks. The SVG rendering includes a light gray inner rectangle, semi-transparent circles, and dynamically adjusted margins to fit the legend. Data comes from a CSV of Pokémon attributes.

Bbenclark.3rd@gmail.com
78% match