Fork of ICE-6 (penguin dataset)

100%

Fork of ICE-6 (penguin dataset)

✓ Published0🌍 Public

Last edited Mar 7, 2023

Created on Mar 7, 2023

This fork of ICE-6 visualizes the penguin dataset as a scatter plot, mapping flipper length to the x-axis and body mass to the y-axis, with each circle colored by species (Adelie, Gentoo, or Chinstrap). The code uses D3 v5 functions `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create SVG circles, and render axes. It also encodes bill length and depth as unused attributes, while styling tick text and labels directly in the SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-6 (penguin dataset)

A scatter plot of the penguin dataset shows body mass versus flipper length, with each point colored by species (Adelie, Gentoo, or Chinstrap). The plot also encodes bill length and bill depth through each circle’s horizontal and vertical radii, blurring the boundary between scatter and bubble chart. The visualization is built with D3 v5, using `d3.csv`, `d3.scaleLinear`, and `d3.axisLeft`/`axisBottom` to render an SVG. Data is loaded from a GitHub-hosted CSV, with axes labeled and a title included.

Nnsatyaprakash22

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

94% match

Loading thumbnail…

Fork of ICE6 - Penguin Dataset

This example displays a scatter plot of penguin measurements, using flipper length and body mass for the x- and y-axes, while encoding species by color (orange, green, blue). It additionally maps bill length and bill depth as redundant visual channels via the circle’s `rx` and `ry` attributes, creating elliptical markers. The code loads CSV data from a GitHub gist using `d3.csv` with a custom row parser, then renders SVG circles with D3 v5’s selection joins and `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Titles and axis labels are added as SVG text elements.

Nnsatyaprakash22

93% match

Loading thumbnail…

Fork of ICE6 - Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie in green, Gentoo in violet, and Chinstrap in red). The visualization uses D3 v5 within a React framework, rendering circles via SVG. The code leverages `d3.csv` for data loading, `scaleLinear` for axes, and `extent` to compute domains, while also encoding bill length and depth as unused circle radius properties.

SSravaniPosina

92% match

Loading thumbnail…

Fork of ICE-6(11630234)- Penguin Data set scatter Plot

This visualization is a scatter plot of Palmer Penguin data, showing the relationship between flipper length (x-axis) and body mass (y-axis). Each circle represents a penguin, colored by species: Adelie (yellow), Gentoo (green), and Chinstrap (blue), while the circle’s rx and ry attributes are set to the bill length and depth values, though the visual effect is subtle. Built with D3 v5, the code loads a CSV via `d3.csv`, uses `scaleLinear` for axes, and draws SVG circles with `selectAll` and `join`. Axis labels and a title are added as SVG text elements.

MMounishSeeni

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

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

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

91% match