Fork of Mon Defense by Type

100%

Fork of Mon Defense by Type

✓ Published1🌍 Public

Last edited Apr 9, 2022

Created on Apr 9, 2022

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.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Mon Defense by Type

This scatterplot shows Pokémon types by their resistance percentage, with circle size encoding isolate number and color representing each type. Tooltips reveal individual Pokémon names. Built with the Vega-Lite API on top of vega and vega-lite, it loads CSV data via d3.csv and renders to SVG with vega-tooltip for interactive hover details. The visualization uses custom axis styling and an autosizing canvas.

SStíofán ♔ Ó Conchubhair

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

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

89% match

Loading thumbnail…

Mon Scatter Comp

A scatter plot of Pokémon compares Attack against Speed, with point size encoding total stats and color encoding primary type, plus tooltips revealing names. Built with vega-lite-api and d3, it loads CSV data from a GitHub gist, renders as a full-window SVG, and applies a custom dark-themed config for readability.

Ccoltonjcox92

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

79% match

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

78% match

Loading thumbnail…

Fork of Data Visualization Final Project-updated

This interactive visualization explores Pokémon type matchups using a dataset of 1,500 Pokémon. It combines a scatter plot, horizontal bar chart, and an effectiveness matrix table. The scatter plot uses D3's `scaleLinear`, `scaleOrdinal`, and `scaleBand` to map attributes, while the color legend uses `colorScale`. The bar chart shows type counts, and the matrix displays type effectiveness with tooltips. Animations use `.transition().duration(2000).delay()`. The interface responds to hover and click events to highlight selected types, dynamically updating the table's background colors.

NNita

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

76% match