Skip to main content
SimilarExport ZIP
100%

scatter Plot

✓ Published0🌍 Public
BBala Sai Krishna
Last edited Mar 8, 2023
Created on Mar 8, 2023

This scatter plot visualizes penguin data showing flipper length against body mass, with each point colored by species. It also encodes bill dimensions through circle position attributes, though these are not visually distinct. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to coordinates. Data is loaded via `csv` from a GitHub gist, and points are rendered as circles with species-based fill colors.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes penguin measurements, showing flipper length against body mass, with each point colored by species (Adelie, Gentoo, or Chinstrap). Circle radii are also mapped to bill measurements. The visualization uses D3 v6 to load CSV data from a remote GitHub gist, parse numeric fields, and render an SVG with `scaleLinear` scales, `axisLeft` and `axisBottom` for axes, and `.join('circle')` to create the data points.

Ssuryavamsi00024
94% match
Loading thumbnail…

Scatter Plot

A scatter plot maps penguin flipper length to body mass, with points colored by species (Adelie, Gentoo, and Chinstrap) using cyan, magenta, and green. The SVG visualization is built with D3 v5, using `scaleLinear` for axes, `extent` to compute domains, and `axisLeft`/`axisBottom` for ticks. Data is loaded as CSV from a GitHub gist, and each circle’s size is fixed at radius 5 while bill dimensions are stored as extra attributes. The chart includes a title and cursive font styling for axes.

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

Penguin Data scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass across three penguin species, with each species assigned a distinct color. The code uses D3.js to load CSV data from a GitHub gist, employs `scaleLinear` with `extent` for axis domains, and renders circles with SVG. Axes are generated using `axisLeft` and `axisBottom`, and the chart includes custom serif labels for both axes and a title.

JJasvitha Allamsetty
93% match
Loading thumbnail…

Scatterplot of Penguin Dataset

This scatterplot visualizes the Penguin Dataset, plotting flipper length on the x-axis and body mass on the y-axis, with each circle colored by penguin species. The code uses D3 v7’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes. SVG circles are positioned using the linear scales, with fill colors assigned per species via a custom marker function, and includes axis labels and a title.

HHemanthh81
93% match
Loading thumbnail…

Scatter Plot of Penguin Dataset

This scatter plot displays the penguin dataset, mapping flipper length and body mass with colored circles that represent species (yellow for Adelie, green for Gentoo, brown for Chinstrap). It also encodes bill length and bill depth as circle radii, adding a second dimension of comparison. Built with React and d3.v5, the example loads CSV data via `csv`, scales with `scaleLinear`, and renders SVG circles with axes from `axisLeft` and `axisBottom`. Axis labels and a title are added manually, with styling applied through CSS.

NNithish Kumar
93% match
Loading thumbnail…

scatter Plot

This scatter plot shows the relationship between flipper length and body mass for three penguin species, with each species color-coded as pink, silver, or gold. The visualization uses D3 v5’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to map data from a CSV file loaded via `d3.csv`. Each point is an SVG circle with fixed radius, while bill length and depth are also encoded as attributes (`rx`, `ry`) on the circles. The chart renders in an SVG element sized to the window, with axis labels and a title styled using CSS.

GGogineni44
93% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes penguin data, showing flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie in blue, Gentoo in pink, and Chinstrap in black). The code uses D3 v5 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub Gist, map the quantitative values to pixel coordinates, and render SVG circles with a fixed radius. Additional bill measurements are stored as attributes (`rx`, `ry`) on each circle but are not visually encoded. Axis labels and a title are added as SVG text elements.

KKiran Jyothi Bodduluri-11604571
92% match