Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
Mmustafaksyed1@gmail.com
Last edited Mar 9, 2026
Created on Mar 9, 2026
Forked from D3 Starter

This scatter plot visualizes the relationship between bill length and flipper length for three penguin species (Adelie, Chinstrap, and Gentoo) from the penguins dataset by Roualdes. Each circle represents an individual penguin, colored by species, positioned along linear scales on both axes, and includes grid lines and axis labels. The code uses D3 v7 with `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for encoding, and renders the chart as SVG. A legend identifies species, and hover effects increase transparency.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot for Penguin Dataset

This scatter plot visualizes the penguin dataset, showing the relationship between flipper length and bill length for three species (Adelie, Chinstrap, and Gentoo), which are color-coded with green, red, and blue circles. The visualization uses D3 v5 (d3.v5) with the SVG rendering framework, fetching data from a CSV file via a URL. It leverages d3.csv for data parsing, d3.scaleLinear for axis scaling, and d3.axisLeft and d3.axisBottom to create the chart axes.

KkarthikRachamalli1995
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes penguin measurements, plotting flipper length against body mass for three species—Adelie, Gentoo, and Chinstrap—with each point colored by species and sized with a fixed radius. The chart also encodes bill dimensions as elliptical axes (rx and ry) on each circle, a feature unique to this example. It loads CSV data from a GitHub gist and renders SVG using D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv`. The code calculates plot dimensions from the window size and uses an async main function to fetch and draw the data.

Aanith462@gmail.com
92% match
Loading thumbnail…

scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species from the `penguin_data.csv` file. Each circle is colored by species, distinguishing Adelie, Gentoo, and Chinstrap penguins. The chart uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for tick marks. The code also records bill dimensions as non-visual data attributes (`rx`, `ry`) on each circle, though these do not affect the plotted points. Axis labels and a title are included.

AArun Pratap
91% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the relationship between flipper length and body mass for three penguin species, with each point colored by species (green for Adelie, brown for Gentoo, purple for Chinstrap). The visualization uses D3 v5 with SVG rendering, loading data from a CSV file via `d3.csv`, and employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes. Circle radii are set uniformly, while the chart includes labeled axes for flipper length and bill length, though the latter is mislabeled relative to its data mapping.

Rrushithareddyy
91% match
Loading thumbnail…

Penguin Scatter Plot

This scatter plot uses the D3.js library to visualize the relationship between bill length and flipper length for penguins from the Palmer Archipelago dataset. The plot renders gray circles with reduced opacity, allowing overlapping points to remain visible. The axes are labeled “Bill Length (mm)” and “Flipper Length (mm),” and the plot includes a light gray background rectangle to delineate the inner plotting area. The code leverages D3’s `scaleLinear`, `extent`, `axisLeft`, and custom axis-label helpers to position the chart elements.

SSubhendu Karmakar
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Penguins Dataset, showing the relationship between bill length and flipper length for individual penguins. The chart uses D3’s `scaleLinear` to map data values to pixel coordinates, with axes rendered via `axisLeft` and custom axis-label helpers from `@curran/axis-labels`. Circles represent each penguin, with opacity and radius set to fixed values. The visualization is built using D3’s data join pattern, binding the dataset to SVG circles, and includes a light gray inner rectangle to frame the plotting area.

Hhaozhou334@gmail.com
91% match
Loading thumbnail…

activity6_task3(6)

This scatter plot displays the relationship between bill length and flipper length for three penguin species (Adelie, Chinstrap, and Gentoo) from the penguins.csv dataset. Circle color encodes species via a d3.scaleOrdinal, and circle radius encodes body mass. The visualization renders as an SVG using D3.js v7, with linear scales (d3.scaleLinear) mapping the measurements to axes and d3.axisBottom/axisLeft generating the tick marks and labels.

Ssanjanaadapa7@gmail.com
90% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length to the x-axis, body mass to the y-axis, and coloring each point by species (Adelie, Gentoo, and Chinstrap). The code loads data from a CSV URL using `d3.csv`, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to build the axes. SVG circles are appended to the DOM with radius and fill attributes derived from bill dimensions and species, respectively.

LLakshmanRangisetti
90% match