Skip to main content
SimilarExport ZIP
100%

pokemon map

✓ Published0🌍 Public
Pplchao
Last edited Jan 10, 2023
Created on Nov 12, 2022

This interactive map visualizes the locations of Pokémon species from the Paldea region, filtered by type and stat ranges. Users toggle type checkboxes and adjust HP sliders to display corresponding markers on a Leaflet map overlaid with a regional image. The visualization uses D3.js to load and filter CSV data, while Leaflet’s `L.marker` and `L.divIcon` create custom colored pins with popups showing species details. A second view links to alternative chart-based explorations.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pokemon map

This example overlays Pokémon sighting locations onto a Leaflet map of Taiwan using colored, diamond-shaped markers that encode each creature’s primary type. It loads a CSV of Pokédex entries via `d3.csv`, filters for a target species, and maps coordinates through Leaflet’s `L.marker` and `L.divIcon`. An OpenStreetMap tile layer and an image overlay provide geographic context, while a color dictionary maps type names to hex values for the custom HTML marker styles.

Pplchao
83% match
Loading thumbnail…

Pokemon_Map

A scatterplot map of Pokémon battle data visualizes each creature’s danceability against a user-selectable audio feature (e.g., liveness, energy) using a continuous color gradient from dark blue to teal. Built with React and D3, it renders an SVG canvas with scaled axes, and hovering over a point triggers a tooltip showing metadata. The code uses `Delaunay.voronoi` for hit-testing, `d3.axisLeft` and `scaleLinear` for scales, and reads from an `iris.csv` dataset (despite the Pokémon title). A slider control adjusts the number of bar-chart sections shown in separate containers.

Eexchoco
76% match
Loading thumbnail…

Fork of Data Visualization Final Project-updated

This interactive visualization for a Pokémon Go Great League booster ranks Pokémon and shows type effectiveness. It presents a horizontal bar chart of Pokémon type counts, a type effectiveness matrix, and animated scatter plots of moves. Built with D3 v5 (d3.scaleBand, d3.scaleLinear, d3.axisBottom, d3.axisLeft), it uses dropdown menus for filtering and selection, with circle size encoding move popularity. Users can hover for tooltips and click to filter, with a reset button. Data comes from local CSV files (pokemon_1500.csv, fast_moves.csv, charge_moves.csv).

NNita
71% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes Pokémon data, showing the relationship between species ID and base experience. Each red circle represents a Pokémon, with tooltips revealing the identifier on hover. The visualization uses D3 v5 to load CSV data from VizHub, applying linear scales for both axes and rendering SVG circles via data joins. Axis labels and grid lines are configured with D3’s `axisLeft` and `axisBottom`, while the layout follows a standard margin convention.

Ttmrose
71% match
Loading thumbnail…

Pokemons

This scatterplot-style chart visualizes Pokémon by height on the y-axis and weight on the x-axis (using a square-root scale), with dot size encoding experience and color encoding species. The visualization uses D3 v3 with SVG and animation, rendering an interactive overview of the Pokémon dataset. The data is sourced from the PokeAPI and the chart was built with blockbuilder.org. The plot provides a comparative view of Pokémon physical attributes, with each dot representing an individual Pokémon and its position revealing correlations between size and weight across different species.

PPhilippe Rivière
70% match
Loading thumbnail…

Fork of Data Visualization Final Project-updated

This visualization explores Pokémon Go Great League data, showing type effectiveness in a color-coded table and a horizontal bar chart of Pokémon type distribution, with an input to filter top-ranked Pokémon. Users can select types and view scatter plots of fast and charge moves, where circle radius represents move popularity across Pokémon. The code uses D3 v5 APIs including `scaleBand`, `scaleOrdinal`, `scaleLinear`, `axisBottom`, `axisLeft`, and SVG rendering, with animations and interactive tooltips. Data comes from CSV files containing Pokémon stats, moves, and type matchups.

NNita
70% 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
69% match
Loading thumbnail…

Pokemon

This scatter plot visualizes the relationship between the height and base experience of Pokémon species, using logarithmic scales on both axes to accommodate wide value ranges. The data comes from a Pokémon CSV dataset loaded via d3.csv, with each point representing an individual Pokémon as a semi-transparent magenta circle. The visualization employs d3.scaleLog for axis scaling, d3.axisBottom and d3.axisLeft for tick generation, and SVG circles for rendering the marks. Axis labels and a title are added as SVG text elements.

Llizziechoi121
69% match