SharanyaSriram-ICE6

100%

SharanyaSriram-ICE6

✓ Published1🌍 Public

Last edited Mar 10, 2023

Created on Mar 10, 2023

This scatter plot displays the relationship between flipper length and body mass for penguins, colored by species (Adelie, Gentoo, and Chinstrap). The visualization loads a CSV dataset from a GitHub gist and renders circles as SVG marks using D3 v5, with `scaleLinear` for x–y axes and `axisLeft`/`axisBottom` for tick marks. Each circle’s fill is determined by a switch function mapping species to colors, while the circle’s `rx` and `ry` attributes are set from culmen measurements, though the radius remains fixed. Axis labels and a title are added as static SVG text elements.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE6_SharanyaSriram Scatterplot

This scatterplot visualizes penguin data, showing flipper length on the x-axis and body mass on the y-axis, with each point colored by species (red, blue, or black). The code uses D3 v5 with SVG rendering in a React framework, loading CSV data via `d3.csv`, scaling axes with `scaleLinear` and `extent`, and drawing circles with `selectAll` and `join`. Axis labels and a title are added using SVG text elements, with tick styling via CSS.

SSharanyaSriram

92% match

Loading thumbnail…

ICE-6 Scatter Plot- Sharanya Javvaji

This scatter plot displays penguin flipper length against body mass, with each point colored by species using a custom color mapping function. The chart also encodes culmen dimensions in the circle’s rx and ry attributes, though these are not visually varied since the radius is fixed. Built with D3 v6, the visualization uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map scales and axes, while loading data from a CSV via `d3.csv`. Rendered as SVG in a React project, it includes axis labels and a title, with the body margin removed for a full-screen layout.

SSharanya1307

91% match

Loading thumbnail…

ICE_06

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using a thistle background with crimson, dark blue, and green circles. Built with React and D3 v5, the code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map data from a GitHub-hosted CSV file. Each circle’s x and y positions derive from flipper and body measurements, while the `join` operator appends SVG circles with radii and species-based colors.

DDivyasri0310

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

88% match

Loading thumbnail…

ICE6 : Scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with color encoding for species and point size reflecting bill dimensions. Built with React and D3 v5, the visualization uses `d3.csv` to load the Penguin dataset, `scaleLinear` for axis scaling, and SVG `circle` elements for marks. The code maps bill length and depth to the `rx` and `ry` attributes, creating elliptical points that vary per observation. Axis labels and custom fonts are rendered through SVG text elements, with the plot centered on screen.

MMounika0927

88% match

Loading thumbnail…

ICE_06_DV_11540905

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each point colored by species. Built with D3 v5 and React, it renders an SVG graphic with axes labeled and a title. The code uses `d3.csv` to load data, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for scaling and axes, and manually maps species to colors.

Nnagasai-gummadi

87% match

Loading thumbnail…

Lokesh_ICE_6_ScatterPlot_Penguin_Data

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using color to distinguish Adelie, Chinstrap, and Gentoo penguins. The visualization loads a CSV dataset and uses D3 v5 scaleLinear, extent, axisLeft, and axisBottom to map data to SVG circles within a React framework.

LLokeshBachu5

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

87% match