Skip to main content
SimilarExport ZIP
100%

ICE 6 Penguin Dataset

✓ Published0🌍 Public
SSai Kaushik
Last edited Mar 9, 2023
Created on Mar 9, 2023
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

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 Data set scatter Plot

This scatter plot visualizes the Penguin Data set, showing flipper length on the x-axis and body mass on the y-axis. Each SVG circle represents a penguin, colored by species (blue for Adelie, green for Gentoo, red for Chinstrap). The code uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll().join()` to render the marks. Data is loaded from a GitHub gist URL, with axes labeled using cursive fonts and the chart titled "Scatter Plot."

AAli Shah Solanki
94% match
Loading thumbnail…

ICE-6 (penguin dataset)

This visualization displays a scatter plot of penguin measurements, with flipper length on the x-axis and body mass on the y-axis. Each circle is colored by species—blue for Adelie, black for Gentoo, and red for Chinstrap—using a custom marker function. The code loads a CSV dataset and uses D3 v5 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the axes and SVG circles. The y-axis label is mislabeled as "bill_length_mm" despite showing body mass values.

Vvineeth-001
94% match
Loading thumbnail…

ICE6 - Q2: Scatter Plot for Penguin Dataset

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.

SSharmaAshwini
94% match
Loading thumbnail…

ICE6 - Penguin Dataset Scatter Plot

This scatter plot visualizes the penguin dataset, mapping flipper length on the x-axis and body mass on the y-axis, with each point colored by species (orange, brown, or green). The visualization uses D3.js v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to load data, scale axes, and render SVG circles. Data is fetched from a GitHub Gist, and the chart is sized to the full browser window, with custom styling for tick font sizes and axis labels.

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

ICE 6: Scatterplot

This scatterplot visualizes penguin measurements from a CSV dataset, plotting flipper length against body mass while coloring each point by species (yellow, green, or red). The code uses d3.csv to load and parse the data, then d3.scaleLinear and d3.extent to map values to screen coordinates, with d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered via SVG selections and data joins, with custom attributes for culmen dimensions. The chart also includes axis labels and a title, all styled with cursive fonts.

Ssreesushmav
94% match
Loading thumbnail…

ICE 6 : Penguin dataset scatterplot

A scatterplot of the Penguin dataset plots Flipper Length (mm) against Body Mass (g), with each circle colored by species: yellow for Adelie, green for Gentoo, and red for Chinstrap penguins. It uses d3.csv to load the data, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to render an SVG chart. The code appends circles via selection joins, sets bold axis labels, and includes a title, with margins and window-sized dimensions.

SShridhar Kshirsagar
94% match