Skip to main content
SimilarExport ZIP
100%

Pokemon Scatter Plot

✓ Published0🌍 Public
MMihir Sawant
Last edited Apr 8, 2019
Created on Sep 12, 2018
Forked from Cars 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.

AI-generated description

This scatter plot shows data about a couple of stats of Pokemon from the popular video games. The data was downloaded from the open sourced PokeAPI.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pokemon: Special Attack vs Special Defence, by Type

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.

MMihir Sawant
86% match
Loading thumbnail…

Pokemon dataset

This example visualizes the Pokemon dataset as a scatter plot, mapping attack values to the x-axis and defense values to the y-axis, with each point colored by species and sized by its height and weight attributes. The code uses D3 v5’s `csv` loader to fetch data from a GitHub gist, then renders SVG circles via `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Points are styled with fixed radius and fill colors from a custom marker function, while axis labels and a title are added using SVG text elements.

CCH SAMPATH
86% match
Loading thumbnail…

Assignment 4 ScatterPlot D3

This scatter plot visualizes the relationship between Attack and Defense stats for Pokémon, with each circle representing a single Pokémon. The visualization uses D3 v6 to load CSV data from a GitHub gist and render an SVG chart with linear scales mapping attack values to the x-axis and defense values to the y-axis. The code explicitly uses d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.selectAll to create the circles, axes, and labels, while styling circles with a mediumpurple fill and black stroke.

Aahuynh8@dons.usfca.edu
86% 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
85% 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
85% match
Loading thumbnail…

Pokemon Scatterplot ICE 6

This scatterplot maps Pokémon attack and defense stats as circle positions, with height and weight encoded via the circle’s `rx` and `ry` attributes. Pikachu and Squirtle are highlighted in distinct colors for comparison. It uses d3.csv to load data, d3.scaleLinear with extent for scales, and d3.axisLeft/axisBottom with SVG text labels. The rendering is SVG, styled with cursive font labels and axis ticks, all within a React-free HTML page using d3 v5.

CCH SAMPATH
84% match
Loading thumbnail…

Pokemon Scatter Plot

This interactive scatter plot visualizes Pokémon stats from the PokeAPI, letting users compare any two numeric attributes via dropdown menus for the x and y axes. The D3.js v5 code uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scatterplot` functions to render SVG circles with a smooth `transition().duration(1000)` animation as data points fly into place. Axes include gridlines and rotated labels, while the `dropdownMenu` module updates the selected columns on change.

MMihir Sawant
84% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes Pokémon data from a CSV file, plotting base experience on the x-axis against species ID on the y-axis. Each red semi-transparent circle represents a Pokémon, with the graph titled “Pokemon: Base Experience vs. Species_id.” The code uses d3.csv to load the data, then applies d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the SVG chart. Axis labels and a title are added using SVG text elements, with styling defined in the accompanying stylesheet.

Llizziechoi121
83% match