Skip to main content
SimilarExport ZIP
100%

Fork of Penguins Dataset Scatter Plot

✓ Published0🌍 Public
Ssiddu7147
Last edited Mar 8, 2023
Created on Feb 27, 2023

This fork of the Penguins Dataset Scatter Plot displays each penguin as an ellipse-shaped point, mapping flipper length and body mass to the x- and y-axes while encoding bill length and depth as the rx and ry radii. The visualization uses D3 v6 with scaleLinear, extent, axisBottom, and axisLeft to render an SVG scatter plot. Data is loaded from a CSV via d3.csv, with species colored distinctly—Adelie in orange, Gentoo in red, and others in blue—across a full-screen canvas.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Penguins Dataset Scatter Plot

This scatter plot visualizes the Penguin dataset, displaying flipper length on the x-axis and body mass on the y-axis, with each point colored by species (orange for Adelie, red for Gentoo, blue for the others). The code uses d3.csv to load data from a GitHub gist, d3.scaleLinear for both axes, and d3.axisBottom/axisLeft for tick labels. Circles are drawn with SVG, and each point's rx and ry attributes are mapped from bill length and bill depth, though the radius stays constant. The chart fills the browser window with margins.

Ppravalika.thogaru10@gmail.com
94% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This fork visualizes the Penguin Data set as a scatter plot, mapping flipper length to body mass while coloring each point by species (Adelie, Gentoo, or other) and encoding bill dimensions as `rx` and `ry` attributes on the circles. It uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles, with styling applied via inline attributes.

Ssiddu7147
93% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This fork of the Penguin Data set scatter plot displays the relationship between flipper length and body mass, with each point colored by species (Adelie, Gentoo, or other) and using bill length and bill depth as additional radius attributes. The visualization uses D3 v5 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to SVG circle positions, while the `csv` loader parses the penguin dataset from a GitHub gist. The chart renders circles with `fill` based on species and includes custom axis labels styled in cursive.

Rradhadevarapu
93% 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
93% 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
93% match
Loading thumbnail…

Fork if penguine Dataset Scatter Plot

This scatter plot visualizes penguin dataset measurements, showing flipper length against body mass for individual penguins. The SVG circles use elliptical shapes (rx/ry attributes) to encode bill length and bill depth, while species are represented through fill colors. The visualization loads CSV data using `d3.csv` from a GitHub gist, applies `d3.scaleLinear` to map measurements to screen coordinates, and renders axes with `d3.axisLeft` and `d3.axisBottom`. Data parsing converts string measurements to numbers for accurate scaling and positioning.

NNavaneeth-Ragi
93% 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
92% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot displays penguin measurements, with flipper length on the x-axis and body mass on the y-axis, colored by species (Adelie, Gentoo, and Chinstrap). The code uses D3 v5’s `csv` to load data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Circle marks are drawn via SVG, with each point’s fill color mapped from species. The plot uses a fixed radius of 5 pixels, and the visualization adapts to the full browser window size.

Ssiddu7147
92% match