Generation-1 Legendary Pokemon HP Bar Chart

100%

Generation-1 Legendary Pokemon HP Bar Chart

✓ Published0🌍 Public

Last edited Feb 23, 2021

Created on Feb 23, 2021

This bar chart displays the hit point (HP) values of Generation-1 legendary Pokémon, with each bar’s length proportional to HP and Pokémon names listed along the y-axis. Using D3 v6, the code loads data from a CSV, filters for legendary Pokémon from generation 1, and converts HP strings to numbers. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` to render the axes as SVG elements. The chart visually compares the relative health stats of these creatures.

AI-generated description

A plot of the HP of different pokemon. Data Source

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Simple Bar Chart

This example displays the average total stats per generation for Pokémon, using data from a CSV file that includes attributes like HP, Attack, and Speed across all generations. The bar chart is built with D3 version 7, leveraging `scaleBand` and `scaleLinear` for positioning, and `axisLeft` for the y-axis. The visualization processes the raw dataset by grouping entries by generation and computing the mean Total value. It includes a gray inner rectangle to highlight the plot area, with axes and labels added via the `@curran/axis-labels` library.

Bbenclark.3rd@gmail.com

75% match

Loading thumbnail…

Assignment 6 Bar Chart With Sequential Color Scale

This bar chart displays the average Attack Power of Grass-type Pokémon across different Generations, with bars colored using a sequential blue-green color scale to represent value magnitude. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleSequential(d3.interpolateBuGn)` for color encoding. A color legend is added via the `d3.legendColor()` API. Data is loaded from a CSV file containing Generation and Grass attack averages.

Aahuynh8@dons.usfca.edu

74% match

Loading thumbnail…

Assignment 6 Diverging Bar Chart

The chart compares average Attack and Defense stats across Pokémon generations using horizontal diverging bars, with Attack extending rightward and Defense leftward from a central axis. It employs D3 v6 to create an SVG visualization, using scaleBand for the categorical y-axis and separate linear scales for each metric. Bars are colored with a blue-red interpolated scale, and a d3-legend legend distinguishes the two directions. Data comes from a CSV file containing per-generation averages, rendered as static rectangles without animation.

Aahuynh8@dons.usfca.edu

73% match

Loading thumbnail…

A5 Bubble Chart of Pokemon Stats from Gen 1 - Gen7

This bubble chart displays a scatterplot of Pokemon stats from Generation 1 through 7, plotting Attack on the x-axis, HP on the y-axis, Speed as bubble radius, and Defense as bubble color. The code loads a CSV dataset, maps stat columns into numeric arrays, and renders the visualization as an SVG using d3.scaleLinear for all four encodings. Axes are drawn with d3.axisBottom and d3.axisLeft, and a d3-legend library provides size-encoding reference. Hover interactions and styling rely on CSS and the Quicksand font.

AAllen Jake Polintan

73% match

Loading thumbnail…

Scatterplot Matrix of Pokemon Stats from Gen1 - Gen7

This scatterplot matrix visualizes the relationships between six Pokémon battle stats—HP, Attack, Defense, Speed, Special Attack, and Special Defense—across all generations 1 through 7. Each panel compares two stats, with axes scaled from zero to each stat’s maximum value, revealing correlations and outliers such as Legendary Pokémon. Built with D3 v7, the visualization uses SVG rendering and three separate linear-scale pairs to position circles within a grid, with each stat labeled along its corresponding axis. Data is loaded from a CSV file containing the full Pokémon dataset.

AAllen Jake Polintan

73% match

Loading thumbnail…

Assignment 6 Scatter Plot With Color Scale

This scatter plot visualizes Pokémon HP against Speed, with each point colored by the Pokémon’s generation using a qualitative color scale. The chart shows a positive trend, where higher Speed often correlates with higher HP, while the color legend distinguishes all seven generations. The visualization is rendered as an SVG using D3.js v6, with linear scales for the axes and an ordinal scale for the color mapping. Data is loaded from a CSV file via `d3.csv`, and the legend is generated using the `d3-legend` library.

Aahuynh8@dons.usfca.edu

72% match

Loading thumbnail…

A6 Qualitative Color Scale Scatterplot

This scatterplot shows the relationship between HP and Attack for Pokémon from Generations 1 through 5, using a qualitative color scale to distinguish the five generations. The visualization is rendered as an SVG using D3.js v7, with each generation assigned its own linear scale for both axes. The code groups the dataset by generation, then plots each group separately within the same chart, with axes and scales computed independently for each generation. The chart includes a legend and uses the Quicksand font for its title and labels.

AAllen Jake Polintan

72% match

Loading thumbnail…

Assignment 4 Bar Chart D3

This example presents a bar chart showing the average attack power of Fire-type Pokémon across different generations. The chart uses D3.js version 6 to load CSV data from a GitHub repository, scale the categorical and quantitative axes with `d3.scaleBand` and `d3.scaleLinear`, and render SVG rectangles. Axis ticks are generated via `d3.axisBottom` and `d3.axisLeft`, with labels applied directly to the SVG canvas.

Aahuynh8@dons.usfca.edu

71% match