Skip to main content
SimilarExport ZIP
100%

Fork of Data Visualization Final Project-updated

✓ Published0🌍 Public
NNita
Last edited Jan 6, 2024
Created on Jan 6, 2024

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.

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

Data Visualization Final Project-updated

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.

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

Data Visualization Project Week 15

This interactive D3.js scatterplot visualizes Pokémon base stats, mapping speed on the x-axis against the balance between attack and defense on the y-axis. Circle size encodes HP, while color represents type, with filters allowing viewers to isolate specific Pokémon types. Hovering over the legend reveals type counts, and clicking a point displays detailed stats. The visualization uses d3.scaleLinear, axisBottom, axisLeft, and handles filtering via data binding with selection.join() on the Pokémon Base Stats Dataset from Kaggle.

JJacob Chlebowski
83% match
Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting speed on the x-axis and offensive balance (attack minus defense) on the y-axis. Circle size encodes HP, while color represents Pokémon type. Users can filter by type using buttons, hover over the legend to see type counts, and click individual points to view detailed Pokémon attributes. Built with D3.js, the visualization uses scaleLinear for axes, selection joins for circle rendering, and event listeners to update the display.

JJacob Chlebowski
82% match
Loading thumbnail…

Data Visualization Project Week 11

An interactive scatterplot visualizes Pokémon base statistics, mapping speed on the x-axis and the offensive-defensive balance (attack minus defense) on the y-axis. The visualization uses D3.js to render circles sized by HP and colored by Pokémon type, with filter buttons to isolate specific types. Overlapping circles are made more transparent, and clicking a point displays that Pokémon's detailed stats. The plot includes a legend and uses `scaleLinear` for axes and `scaleOrdinal` for type colors.

JJacob Chlebowski
81% match
Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting speed against the balance between attack and defense. Circle size encodes HP, while color maps to Pokémon type. Users can filter by type using buttons and click individual points to view detailed stats. Built with D3.js, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft`, with custom overlap-based opacity adjustments to manage point density. A legend and a details panel complement the interactive filtering and selection features.

JJacob Chlebowski
81% match