Week 4: Pokemon Simple Scatter Plot

Week 5: Pseudo-Visualization Pokemon Scatterplot

This D3.js scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting each creature's speed on the X-axis against an offensive-defensive balance score on the Y-axis, with circle radius encoding HP and color encoding elemental type (water, fire, grass, or other). The visualization centers both axes at the canvas midpoint, using `scaleLinear` for coordinate mapping and a custom overlap-detection algorithm in `hue-and-size.js` that adjusts point opacity based on colliding circles. Axes are rendered via `axisBottom` and `axisLeft`, while an SVG background rect and bold directional labels ("Fast," "Slow," "Offensive," "Defensive") orient the viewer.

90% match

Data Visualization Project Week 10

This interactive scatterplot visualizes Pokémon base stats from the Kaggle dataset, using d3.scaleLinear for the x-axis (Speed) and y-axis (Attack minus Defense) to balance offensive and defensive attributes. Circle size encodes HP, while color encodes primary type. Users click the filter buttons to isolate specific types, triggering a custom `updateScatterPlot` function that removes and redraws axes and circles via `createAxes` and the `hue` function, which also includes a click handler displaying Pokémon details in an alert.

89% match

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 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 14

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting Speed against the Attack minus Defense balance for each creature. Circle size encodes HP, and color encodes primary type, with filter buttons and a legend enabling type-based exploration. The visualization uses D3 scales and axes to render the SVG chart, while click events display detailed Pokémon information in a side panel. Hovering over legend items reveals the count of each Pokémon type.

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.

87% match

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.