Week 5: Pseudo-Visualization Pokemon Scatterplot

Data Visualization Project Week 9

This scatterplot visualizes Pokémon base stats, plotting Speed on the x-axis against an offensive/defensive balance (Attack minus Defense) on the y-axis. Circle size encodes HP, while color indicates Pokémon type, and overlapping circles are made more transparent. The visualization uses D3 scales, axes, and selections to render the chart, with data from a Pokémon Base Stats CSV. The code employs `d3.scaleLinear`, `axisBottom`, `axisLeft`, and `selection.join` to manage dynamic circle elements.

90% match

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.

90% match

Week 4: Pokemon Simple Scatter Plot

This scatter plot maps Pokémon Attack and Speed stats from the Kaggle Base Stats Dataset as circles, with click interactions revealing each creature’s name via alert. Built with d3 scaleLinear, axisLeft, extent, xAxis, and yAxis, it renders axes, labels, and a gray inner rectangle. The viz.js component handles data binding and scales, while index.js configures dimensions and margins. Circle radius and opacity are derived from the plot width and a fixed ratio.

90% match

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats, plotting speed on the x-axis against the balance of attack versus defense on the y-axis. Circle size encodes HP, while color indicates Pokémon type from the Kaggle dataset. Users can click individual points to view detailed stats and filter by type using buttons. The visualization is built with D3.js, utilizing `scaleLinear` for scales, `axisBottom` and `axisLeft` for axes, and `join` for data binding.

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.

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.

Data Visualization Project Week 12

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats, plotting speed against the balance between attack and defense, while encoding HP through circle radius and Pokémon type through color. Users can click individual points to reveal detailed stat information and filter the dataset by type. The visualization uses D3.js v7 APIs including `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with custom overlap detection adjusting circle opacity to reveal densely clustered regions. The dataset is drawn from the Pokémon Base Stats Dataset sourced from Kaggle.