Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
Aanith462@gmail.com
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
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
96% 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
96% 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
95% 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
94% match
Loading thumbnail…

Penguin scatter Plot

This example shows a scatter plot of penguin measurements, with flipper length on the x-axis and body mass on the y-axis, colored by species (Adelie, Gentoo, and Chinstrap). It uses D3 v5 to fetch CSV data from a GitHub gist, parse it, and render SVG circles scaled by bill length and depth within each circle's radius. The plot includes axis labels and a title, with axes generated via `d3.axisLeft` and `d3.axisBottom`.

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

Penguin Data set scatter Plot

This scatter plot visualizes the penguin dataset, showing the relationship between flipper length and body mass, with each point colored by species (Adelie, Gentoo, and Chinstrap). The visualization is built using D3 v5 within a React framework, rendering to an SVG canvas that fills the browser window. The code uses `d3.csv` to load the data, `d3.scaleLinear` to map the data values to pixel coordinates, and `d3.axisLeft` and `d3.axisBottom` to draw the axes. The scatter plot also encodes bill dimensions through the circle's `rx` and `ry` attributes, and the chart is labeled with a title and axis labels.

Yyaswanthsen
93% 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
93% match