Skip to main content
SimilarExport ZIP
100%

pokemon map

✓ Published0🌍 Public
Pplchao
Last edited Jan 10, 2023
Created on Jan 10, 2023
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pokemon map

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.

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
73% match
Loading thumbnail…

leaflet - Markers on map

This example uses the Leaflet mapping library to place interactive markers on a tile-based map of Tokyo. A small CSV dataset provides the station names and geographic coordinates for each marker, which are loaded with d3.csv. The map background is rendered using Mapbox tile layers, and each station marker is bound to a popup that displays its name. The visualization combines Leaflet’s map interactions with D3’s data-loading capabilities to create a straightforward geographic point display.

HHirosaji
69% 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
68% 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
67% 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
67% 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
67% 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
66% match