Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
LLakshmanRangisetti
Last edited Jul 16, 2023
Created on Jul 16, 2023
Forked from Hello VizHub

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.

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, 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
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…

Penguin Data set scatter Plot

A scatter plot displays the relationship between penguin flipper length and body mass, with points colored by species: blue for Adelie, red for Chinstrap, and yellow for Gentoo. The D3 v5 code loads CSV data via `d3.csv`, scales positions with `scaleLinear`, and renders SVG circles. Axes are generated using `axisLeft` and `axisBottom`, with custom font styling and axis labels for clarity.

CChandrashekharRamamuthi
93% 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…

scatter Plot

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.

BBala Sai Krishna
93% match