Skip to main content
SimilarExport ZIP
100%

ICE6 - Q2: Scatter Plot for Penguin Dataset

✓ Published0🌍 Public
SSharmaAshwini
Last edited Mar 9, 2023
Created on Mar 7, 2023

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using color-coded circles to distinguish Adelie, Chinstrap, and Gentoo penguins. The visualization loads a CSV dataset from a GitHub gist and renders an SVG using D3 v6. It employs `d3.csv`, `d3.scaleLinear`, and `d3.extent` to map the quantitative axes, then draws the circles with radii set via `attr('r', radius)` while also assigning elliptical `rx` and `ry` attributes from culmen measurements. Axis labels and a title are added as SVG text elements.

AI-generated description

CSCE 5320 ICE-6 Scatter Plot HTML page demonstrating use of CSS and JavaScript.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 Q2 Scatter Plot for Penguin Dataset

This scatter plot visualizes a penguin dataset from a CSV file, mapping flipper length to body mass for individual penguins. Each point is colored by species, using purple for Adelie, orange for Chinstrap, and crimson for Gentoo penguins, with the relationship displayed on a full-window SVG canvas. The example employs D3 v6 API functions including `d3.csv`, `d3.select`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data, scale axes, and render marks. It also includes axis labels and a title, with fixed point radius and species-based coloring via a switch function.

Kkartik900
95% match
Loading thumbnail…

ICE 6 Penguin Dataset

This scatter plot visualizes penguin data from a CSV file, mapping flipper length on the x-axis and body mass on the y-axis while coloring each point by species (Adelie, Gentoo, or Chinstrap). The code loads the dataset using `d3.csv`, parses numeric fields, and renders circles with `d3.selectAll` and `.join`, using `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for tick marks. The SVG output includes custom axis labels and a title.

SSai Kaushik
94% match
Loading thumbnail…

ICE-6 Scatter plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using color-coded circles. The D3 v5 code loads CSV data, scales the axes with `scaleLinear`, and renders SVG circles with a fixed radius. It adds axis labels and a title using SVG text elements. The visualization fills the browser window and uses `axisLeft`, `axisBottom`, and marker functions to differentiate species.

Aabdhaseeeb
94% match
Loading thumbnail…

ICE6.2: Scatter Plot for Penguin Dataset by Body Mass vs Flipper Length

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between body mass and flipper length with each point colored by species (Adelie, Chinstrap, or Gentoo). The D3.js v6 code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to map the quantitative variables to screen coordinates, and renders circles via SVG. Additional metadata encodes culmen length and depth as point radii, though the `rx` and `ry` attributes do not alter circle shapes as they are not used with the `rect` element.

SShashi42
94% match
Loading thumbnail…

ICE6 : Scatter Plot

This scatter plot visualizes penguin measurements from a CSV dataset, plotting flipper length against body mass for individual penguins. Each point is colored by species—orange for Adelie, red for Gentoo, and blue for the remaining species—using D3’s `scaleLinear` and `extent` functions to map data to screen coordinates. The SVG circles are positioned with `cx` and `cy` attributes, and the axes are rendered via `axisLeft` and `axisBottom` from D3 v5. The code uses D3’s `csv` loader to fetch the data and a `join` operation to bind it to circle elements.

99176371431
94% match
Loading thumbnail…

ICE6 : Scatter Plot

This example shows a scatter plot of penguin measurements, mapping flipper length on the x-axis and body mass on the y-axis. Each circle’s fill color encodes the penguin species (Adelie, Gentoo, or Chinstrap), while its horizontal and vertical radii encode bill length and bill depth, respectively. The visualization uses D3 v5 with SVG rendering, loading data from a CSV file via `d3.csv`. Axes are created using `d3.axisLeft` and `d3.axisBottom`, with scales from `d3.scaleLinear` and data extents from `d3.extent`; the code also labels both axes and the plot title.

Ssrividya-bachina
94% match
Loading thumbnail…

ICE-6:Fork of Penguin Data set scatter Plot

This scatter plot displays the relationship between flipper length and body mass for three penguin species, with each point colored by species (Adelie, Chinstrap, and Gentoo). The visualization uses D3 v5's `csv` loader to fetch data from a GitHub gist, then maps it through `scaleLinear` functions for both axes. Circles are rendered via SVG with a fixed radius, and the chart includes axis labels and a title. The code specifically calls `axisLeft` and `axisBottom` for the y and x axes, respectively.

TTharun Reddy
94% match
Loading thumbnail…

ICE6 - Scatter Plot - 11641166

A scatter plot visualizes penguin measurements, plotting flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie, Chinstrap, or Gentoo). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`, with data loaded via `d3.csv` from a remote GitHub gist. Circle positions derive from the mapped scales, while species-specific colors are assigned through a switch statement, and axis labels and a title are appended as SVG text elements.

SSuresh John Wesly
94% match