Bro

100%

✓ Published0🌍 Public

Last edited Apr 14, 2024

Created on Apr 14, 2024

This scatter plot visualizes a dataset of Pokémon, mapping each creature's HP on the x-axis and Attack on the y-axis. Dots are color-coded by type (Grass, Fire, Water, etc.), with a legend identifying each category. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` for colors, rendering as SVG circles within an HTML page.

AI-generated description

Stacke Bar chart showing different popularity of genres accross different media platforms.

MIT Licensed

Similar vizzes

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

83% match

Loading thumbnail…

Assignment 4 ScatterPlot D3

This scatter plot visualizes the relationship between Attack and Defense stats for Pokémon, with each circle representing a single Pokémon. The visualization uses D3 v6 to load CSV data from a GitHub gist and render an SVG chart with linear scales mapping attack values to the x-axis and defense values to the y-axis. The code explicitly uses d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.selectAll to create the circles, axes, and labels, while styling circles with a mediumpurple fill and black stroke.

Aahuynh8@dons.usfca.edu

81% match

Loading thumbnail…

Pokemons

This scatterplot-style chart visualizes Pokémon by height on the y-axis and weight on the x-axis (using a square-root scale), with dot size encoding experience and color encoding species. The visualization uses D3 v3 with SVG and animation, rendering an interactive overview of the Pokémon dataset. The data is sourced from the PokeAPI and the chart was built with blockbuilder.org. The plot provides a comparative view of Pokémon physical attributes, with each dot representing an individual Pokémon and its position revealing correlations between size and weight across different species.

PPhilippe Rivière

81% match

Loading thumbnail…

task3-q1

This scatter plot compares the Attack and Defense stats of Pokémon, with each point colored by the Pokémon's primary type. The visualization uses D3.js v7 to load a CSV dataset from GitHub, map the data to linear scales for both axes, and render SVG circles. Axis labels are added as text elements, and a categorical color scheme distinguishes the different Pokémon types.

Bbadiniswetha@gmail.com

81% 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

80% match

Loading thumbnail…

Fork of Pokemon ICE 6 Scatter plot

This interactive scatter plot visualizes Pokémon attributes, mapping attack and defense values along the x and y axes. Each circle’s radius is fixed, while the fill color categorizes species, and the radius properties are set from height and weight data. The visualization uses D3.js v5, loads CSV data from a GitHub gist, and renders SVG via the `select` and `join` APIs. Axis labels and a title are added using `axisLeft`, `axisBottom`, and text elements, with the plot drawn in the browser using React’s full-window dimensions.

BBhanuMotupalli

80% match

Loading thumbnail…

Pokemon

This scatter plot visualizes the relationship between the height and base experience of Pokémon species, using logarithmic scales on both axes to accommodate wide value ranges. The data comes from a Pokémon CSV dataset loaded via d3.csv, with each point representing an individual Pokémon as a semi-transparent magenta circle. The visualization employs d3.scaleLog for axis scaling, d3.axisBottom and d3.axisLeft for tick generation, and SVG circles for rendering the marks. Axis labels and a title are added as SVG text elements.

Llizziechoi121

80% 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

79% match