Skip to main content
SimilarExport ZIP
100%

Penguins Dataset scatter fork

✓ Published0🌍 Public
Pprachow
Last edited Mar 8, 2023
Created on Mar 8, 2023

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length against body mass for individual penguins. Each circle is colored by species (purple for Adelie, red for Gentoo, blue for Chinstrap) and uses non-standard `rx` and `ry` attributes to encode bill dimensions as elliptical shapes. The visualization uses d3.csv for data loading, d3.scaleLinear for axis scales, and d3.axisLeft/axisBottom for the axes. The SVG renders with explicit width and height from the browser window, and includes custom axis labels and an italic cursive font.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Penguins Dataset Scatter plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by species (Adelie, Gentoo, or Chinstrap). The D3.js v5 code loads CSV data via `d3.csv`, parses numeric fields, and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. Circles are positioned via `attr` and colored using a custom switch function. Axis labels and a title are added as SVG text elements.

Ddheeraj1509
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the palmerpenguins dataset, mapping flipper length on the x-axis against body mass on the y-axis. Each circle represents a penguin, with its color indicating species (yellow for Adelie, green for Gentoo, and brown for Chinstrap), and the circle's rx and ry attributes encode bill length and depth, though these do not affect the rendered radius since `r` is set to 5. The visualization uses D3 v5 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load the data and render SVG circles and axes, with labels styled in cursive and bold fonts.

Fferneyhoughedward@gmail.com
94% match
Loading thumbnail…

Penguins Dataset Scatter plot

A scatter plot visualizes the Palmer Penguins dataset, mapping flipper length to body mass for individual penguins. Each circle is colored by species (Adelie, Gentoo, or Chinstrap) and also encodes bill length and depth through its horizontal and vertical radii. Built with React and D3 v6, the example uses `d3.csv` to load data, `scaleLinear` and `extent` for axes, and `axisBottom` for the x-axis. A reusable `VizContainer` component applies the margin convention and renders the SVG.

Ddheeraj1509
94% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This visualization is a scatter plot of the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis. Each circle’s color encodes the penguin species (Adelie, Gentoo, or Chinstrap), while the circle’s fill attributes of `rx` and `ry` are set to the raw bill length and bill depth values, though the visual radius remains constant. The code uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render SVG axes. The background is the browser window, and the plot includes cursive font labels for both axes.

Vvamshisoletii
93% match
Loading thumbnail…

Penguins dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length and body mass on the x- and y-axes while encoding species with distinct colors. Each circle’s size also incorporates bill length and depth as visual variables. The code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles and axes as SVG using `d3.select` and `d3.axisBottom`/`d3.axisLeft`. Circle radius is fixed at 5 pixels, with species-specific fill colors assigned manually.

Ppethavenu
93% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This example visualizes the Palmer Penguins dataset as a scatter plot, mapping flipper length on the x-axis and body mass on the y-axis. Each circle is colored by penguin species (yellow for Adelie, green for Gentoo, brown for Chinstrap) and encoded with bill length and depth as elliptical radii. Built with React and D3 v5, it uses `csv()` to load remote data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. The SVG is rendered full-screen, with custom font styling and axis labels displayed prominently.

Ddanilo
93% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length against body mass for individual penguins. Each point is colored by species, with circle radii fixed while bill length and depth influence visual encoding through non-standard `rx` and `ry` attributes. The visualization is rendered as an SVG using D3 v5 within a React-free HTML page. It loads CSV data asynchronously, applies linear scales via `scaleLinear`, and generates axes using `axisLeft` and `axisBottom`, with custom cursive font styling.

Ggeethikal
93% match
Loading thumbnail…

Penguin Data set scatter Plot

This example visualizes the Palmer Penguins dataset as a scatter plot, mapping flipper length on the x-axis and body mass on the y-axis. Each point is colored by penguin species (Adelie, Gentoo, or Chinstrap) and its radius visually encodes bill dimensions. Built with D3 v5, it uses `d3.csv` to fetch the remote dataset, `d3.scaleLinear` and `d3.extent` for axes, and `d3.axisLeft` and `d3.axisBottom` for labeled scales. The plot is rendered as SVG circles positioned using `d3.select` and data-driven joins.

DDeeraj Thakkilapati
93% match