ICE-6

100%

✓ Published0🌍 Public

Last edited Mar 7, 2023

Created on Mar 6, 2023

Forked from Penguin Data set scatter Plot

This example visualizes Palmer Penguins data as a scatter plot, mapping flipper length to the x-axis and body mass to the y-axis, with circles colored by species (Adelie, Gentoo, and Chinstrap). It shows how d3.csv loads and parses the data, d3.scaleLinear and d3.extent set the scales, and d3.axisLeft and d3.axisBottom add labeled axes. The SVG rendering positions circles via d3.selectAll and .join, while CSS styles the tick text.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE-6 Penguin Datset

This visualization presents the Palmer Penguins dataset as a scatter plot, mapping body mass against flipper length, with each point colored by species (Adelie, Gentoo, Chinstrap). It loads data from a CSV URL using `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while custom labels use SVG text elements with rotation.

Nnehabaddam

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

93% match

Loading thumbnail…

Fork of ICE-6 (penguin dataset)

This example visualizes the Palmer penguin dataset as a scatter plot, mapping flipper length to the x-axis and body mass to the y-axis, with circles colored by species (Adelie, Gentoo, and Chinstrap). Each circle’s rx and ry attributes encode bill length and depth, though these do not affect the SVG rendering. The code uses d3.csv for data loading, d3.scaleLinear for scales, d3.extent for domains, and d3.axisLeft and d3.axisBottom for axes. The SVG is rendered full-screen using d3.select and d3.join.

Nnagasai-gummadi

93% match

Loading thumbnail…

ICE-6 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. Each circle represents an individual penguin, colored by species (indigo for Adelie, red for Chinstrap, gray for Gentoo). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data and render SVG axes. Circle radius is fixed, while the `rx` and `ry` attributes are set to culmen measurements, though they do not affect the visible circle shape since `r` is also applied.

SSanjib Paudel

92% match

Loading thumbnail…

ICE-6: CSCE 5320 Q2 Penguins Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length to body mass and coloring each point by species—blue for Adelie, purple for Chinstrap, and red for Gentoo. It also encodes culmen length and depth as non-visual attributes within the data marks. Built with React and D3 v6, the example uses `d3.csv` to load data, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render an SVG with circles, explicit axes, and custom labels.

CChi Aghaizu

92% match

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

92% match

Loading thumbnail…

ICE6 - Q2: Scatter Plot for Penguin Dataset

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.

Ggeethikal

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

92% match