Skip to main content
SimilarExport ZIP
100%

Fork of activity 6_Q3

✓ Published0🌍 Public
PPothuguntla Pranitha
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from activity 6_Q3

A scatter plot shows Pokémon Attack versus Defense, with points colored by Generation and a legend indicating each generation. The data is loaded from a CSV file. The visualization uses D3's `select`, `scaleLinear`, `extent`, `axisBottom`, `axisLeft`, `scaleOrdinal`, and `schemeDark2` APIs. It arranges elements within an SVG canvas, using a grey background rectangle, axes with labels, and semi-transparent circles, with the legend positioned on the right side.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3_Q3

A scatterplot displays Pokémon Attack versus Defense stats, with each point colored by the Pokémon's generation and a legend identifying each generation. The chart uses D3's scaleLinear, axisBottom, and axisLeft to build axes, alongside scaleOrdinal and schemeDark2 for categorical coloring. The SVG render includes a gray inner plot area, semi-transparent circles, and labeled axes for Attack and Defense, powered by data from data.csv.

PPothuguntla Pranitha
92% match
Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot shows the relationship between Attack and Defense stats for Pokémon, with each point colored by generation and accompanied by a legend. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` with `schemeDark2` for color encoding, and `axisBottom`/`axisLeft` for tick marks. The SVG rendering includes a light gray inner rectangle, semi-transparent circles, and dynamically adjusted margins to fit the legend. Data comes from a CSV of Pokémon attributes.

Bbenclark.3rd@gmail.com
88% match
Loading thumbnail…

activity 6_Q3

This scatter plot visualizes the relationship between Attack and Defense statistics for a dataset of creatures, with each point colored by generation and a legend indicating the generation categories. The visualization uses D3.js (version 7.8.5) to render an SVG, employing `scaleLinear` for axes, `scaleOrdinal` with `schemeDark2` for color encoding, and `axisBottom`/`axisLeft` for tick marks. Data is loaded from a CSV file and parsed in JavaScript before being passed to the rendering function, which also includes a legend generated dynamically based on the generation values.

Llingaladineshteja23@gmail.com
85% match
Loading thumbnail…

Fork of Responsive Axes (SSP)

This visualization shows the relationship between Attack and Defense stats for Pokémon, with each point colored by generation and a legend indicating the generation. The scatter plot uses D3.js scales and axis functions, but its key feature is responsive axes that maintain consistent tick mark density as the viewport resizes. The code calculates the number of ticks based on the inner width and height divided by a fixed tick density constant, ensuring axes remain readable at any size. Data comes from a CSV file containing Pokémon attributes.

Bbenclark.3rd@gmail.com
84% match
Loading thumbnail…

Fork of SSP with Responsive Axes & Viz

A scatter plot maps Pokémon Attack and Defense stats, with each circle colored by generation and a legend identifying each generation. The visualization uses D3’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` to position points, render axes, and assign categorical colors. An inner rectangle highlights the plotting area, while the code reads data from a CSV file and converts numeric fields. The example is a fork of a scatter plot with responsive axes.

Bbenclark.3rd@gmail.com
84% 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
84% 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
83% 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
82% match