Skip to main content
SimilarExport ZIP
100%

ICE6 - Q2: Scatter Plot for Penguin Dataset

✓ Published10🌍 Public
Ggeethikal
Last edited Mar 10, 2023
Created on Mar 10, 2023
Forked from HTML Starter

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with each point colored by penguin species and sized by culmen dimensions. It uses D3 v6’s `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load CSV data from a GitHub gist and render SVG circles. The axes, labels, and legend are drawn directly within the SVG canvas, and the chart is responsive to the browser window.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot for Penguin_Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis for all observed penguins. Each circle is color-coded by species, with colors distinguishing Adelie, Chinstrap, and Gentoo penguins. The visualization is rendered as an SVG using D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. The code loads CSV data via `d3.csv`, parses numeric fields, and uses `selectAll` with `join` to create circles sized with a fixed radius.

Mmanishcheruku
95% match
Loading thumbnail…

ICE-6: Scatterplot for Penguin dataset

This scatterplot visualizes the Palmer Penguins dataset, plotting flipper length against body mass with points colored by species. D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` map the data to SVG circles, while `csv` loads the remote dataset. Each point’s culmen dimensions are also stored but only the primary axes are labeled, with a title overlaid via SVG text.

VVenkat-Dhulipalla
95% match
Loading thumbnail…

ICE6-Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length against body mass for individual penguins, with each point colored by species (Adelie, Gentoo, and Chinstrap). The visualization uses D3 v5 to load the CSV data, apply linear scales via `scaleLinear` with `extent` for domains, and render SVG circles with species-based color markers. Axes are generated using `axisLeft` and `axisBottom`, with custom labels created via appended text elements. The layout is responsive to the browser window dimensions and renders entirely as SVG.

DDeepa-Murugesan
95% match
Loading thumbnail…

ICE-6

This scatter plot visualizes penguin measurements, plotting flipper length against body mass for individual penguins, with point color encoding species. Circles are positioned using linear scales derived from the data extents, and each point also encodes culmen length and depth through its rx and ry attributes. The visualization uses D3 v7’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendering as SVG on a React-rendered page. Data comes from a remote gist CSV containing Palmer Penguins measurements, with labeled axes and a title.

Kkarnisrikanth2212
94% match
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
94% match
Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis for three penguin species, each color-coded via a custom marker function. It uses D3 v6’s `csv`, `scaleLinear`, and `axisLeft`/`axisBottom` to load and scale the data, rendering circles in SVG with marginal labels. The chart also encodes culmen length and depth as circle attributes `rx` and `ry`, though these do not affect the visible circular marks, which all use a fixed radius. Data comes from an external CSV URL fetched asynchronously.

Mmanishcheruku
94% match
Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between flipper length and body mass for three penguin species, with each species color-coded (Adelie, Chinstrap, and Gentoo). The visualization loads CSV data via `d3.csv`, parses numeric fields, and renders circles using SVG appended to the body. Scales created with `d3.scaleLinear` map the data to screen coordinates, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes. The chart includes a title and axis labels, with circles positioned by `cx` and `cy` attributes and colored by species.

Ssnehareddygurram
94% match
Loading thumbnail…

Data Visualization ICE6-Q2: Penguins Dataset Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v6’s `scaleLinear` for axis scaling, `csv` for data loading, and SVG circles for marks, with axes generated via `axisLeft` and `axisBottom`. The chart also includes titles and axis labels to clarify the variables displayed.

Ppravalika.thogaru10@gmail.com
94% match