Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Penguin Data set scatter Plot

✓ Published0🌍 Public
Vvryvarma5577@gmail.com
Last edited Mar 22, 2023
Created on Mar 22, 2023

This scatter plot visualizes the relationship between texture_mean and body_mass_g from the ICE6breastcacer dataset, with data points colored by species (yellow for Adelie, green for Gentoo, brown for the default). The visualization uses d3.v5 APIs including `csv`, `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG. It encodes additional dimensions by mapping radius_mean and texture_mean to ellipse `rx` and `ry` attributes, producing an unusual hybrid of circles and ellipses for each record.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This example presents a scatter plot of the Penguin Data set, displaying the relationship between texture_mean and body_mass_g for each penguin, with colors distinguishing species (Adelie, Gentoo, and Chinstrap). The code loads a CSV file from a GitHub gist using d3.csv, parses the data, and uses d3.scaleLinear to map values to pixel coordinates. It renders circular marks with an SVG selection and the join pattern, adds axes with d3.axisLeft and d3.axisBottom, and labels the plot with SVG text elements, all within a React-less D3 v5 setup.

Vvryvarma5577@gmail.com
89% match
Loading thumbnail…

Fork of Fork of Penguin Data set scatter Plot

This interactive scatter plot visualizes penguin measurements, mapping flipper length to the x-axis, body mass to the y-axis, and using circle color to distinguish species (Adelie, Gentoo, and Chinstrap). The SVG-based visualization uses d3.csv to load data, d3.scaleLinear and d3.extent for scaling, and d3.axisLeft/axisBottom for axes. Each circle’s rx and ry attributes are set from bill dimensions, creating an elliptical distortion, while d3.selectAll().join() manages the marks. Axis labels and a title are added via SVG text elements.

Vvryvarma5577@gmail.com
85% 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
84% match
Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This visualization displays a scatter plot of the Palmer Penguins dataset, showing the relationship between flipper length and body mass for three penguin species, each represented by a distinct color. The plot includes labeled axes for flipper length (mm) and body mass (g), with a title. The code uses D3 v6 APIs such as `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render SVG circles. The data comes from a GitHub Gist URL, and the visualization fills the entire browser window, with circles sized at a fixed radius.

Vvryvarma5577@gmail.com
84% 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
84% match
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
84% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by species (Adelie, Gentoo, or other). The visualization uses D3 v5 and React, rendering with SVG. It loads CSV data via `d3.csv`, applies `scaleLinear` and `extent` for axes, and draws circles with `data.join`. Axis labels and a title are added using D3’s `axisLeft`, `axisBottom`, and text elements.

Ssnehareddygurram
84% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, plotting flipper length against body mass and coloring each point by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load and map data from a remote CSV file, rendering circular marks with SVG. Each circle also encodes bill length and depth as its horizontal and vertical radii, creating an elliptical distortion that layers additional dimensions onto the standard scatter plot.

SSharanya1307
84% match