Skip to main content
SimilarExport ZIP
100%

Data Visualization Final Project-updated

✓ Published3🌍 Public
Dderrick373519@gmail.com
Last edited Jan 6, 2024
Created on Jan 1, 2024

This visualization analyzes Pokémon Go battle mechanics across multiple coordinated views. It shows type effectiveness through a color-coded matrix, Pokémon rankings in a horizontal bar chart, and move statistics (damage, energy, and usage frequency) in an interactive scatter plot. Built with D3 v5, the SVG-based interface uses dropdown menus, mouse interactions, and animations to let users explore data from CSV files, including Pokémon stats and fast/charge move attributes.

AI-generated description
MIT Licensed

Similar vizzes

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

Data Visualization Final Project

This visualization analyzes Pokémon type effectiveness through two linked views: a horizontal bar chart showing type counts and a matrix displaying damage multipliers between types. Hovering over a bar highlights the corresponding row in the effectiveness table, showing matchups against all other types. The bar chart uses `scaleLinear` and `scaleBand` for axes, while the matrix is rendered as an HTML table within a `foreignObject`. Data loading uses `csv()`, and interactivity relies on mouseover events that adjust rectangle opacity and table styling.

Dderrick373519@gmail.com
88% 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
88% 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
79% 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
78% match
Loading thumbnail…

Fork of Responsive Axes with Crosshair (SSP) and Tooltips and Comparison

This scatter plot visualization displays Pokémon attack and defense statistics, with each point colored by generation and interactive tooltips showing exact values. The chart uses D3.js with responsive axes that maintain consistent tick mark density through dynamic tick calculation based on plot dimensions, ensuring readability across different screen sizes. A crosshair follows the mouse position within the plotting area, and clicking points displays their attack values in a comparison panel, while a ResizeObserver tracks container size to trigger redraws. The SVG rendering includes a legend, axis labels, and handles the Pokémon dataset from CSV.

Bbenclark.3rd@gmail.com
78% 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
77% match