Skip to main content
SimilarExport ZIP
100%

Fork of Penguin Data set scatter Plot

✓ Published1🌍 Public
Kkarnisrikanth2212
Last edited Mar 12, 2023
Created on Mar 12, 2023

This scatter plot visualizes the relationship between flipper length, body mass, bill length, and bill depth for three penguin species (Adelie, Gentoo, and Chinstrap), with each species assigned a distinct color. The chart uses D3.js v5’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` loader to fetch the penguin dataset from a GitHub Gist. Circles are rendered via the `select` and `join` API, with each point’s horizontal and vertical positions mapped from the data values. Axis labels are styled with cursive fonts, and tick text is enlarged to 24 pixels.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass across three penguin species, using color to distinguish Adelie, Gentoo, and Chinstrap. The visualization reads a CSV dataset and renders SVG circles with d3.select, scaleLinear, extent, axisLeft, and axisBottom. Additional variables—bill length and depth—are set as circle corner radii, though they do not visibly affect the circular marks. The chart includes labeled axes and a title, with species-specific coloring applied via a custom marker function.

Ssnehareddygurram
97% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using color-coded circles (yellow for Adelie, green for Gentoo, brown for Chinstrap). The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV file and render an SVG with custom-styled axes and labels. A CSS rule increases tick label font size, and the plot includes axis titles and a title, though the y-axis label appears misaligned with the plotted variables.

Vvryvarma5577@gmail.com
96% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, using color-coded circles (yellow for Adelie, green for Gentoo, brown for Chinstrap). The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV file and render an SVG with custom-styled axes and labels. A CSS rule increases tick label font size, and the plot includes axis titles and a title, though the y-axis label appears misaligned with the plotted variables.

Vvryvarma5577@gmail.com
96% 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
96% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species—Adelie, Gentoo, and Chinstrap—using color-coded circles. It loads a CSV dataset via `d3.csv`, parses numeric fields, and maps axes with `d3.scaleLinear` and `d3.extent`. The SVG rendering uses `d3.select`, `svg.append`, and `data.join` to draw circles, with axes added via `d3.axisLeft` and `d3.axisBottom`, plus custom axis labels and a title.

VVineela Reddy
96% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length, body mass, bill length, and bill depth across three penguin species (Adelie, Gentoo, and Chinstrap) from the Palmer Penguins dataset. It encodes data points as circles with fill colors distinguishing species, while also mapping bill dimensions to circle radii. Built with D3 v5 and React, the SVG uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes, with data loaded via `d3.csv` from a GitHub gist source.

AAsherpranayp
96% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This fork of the Penguin Data set scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with color-coded circles distinguishing Adelie, Gentoo, and Chinstrap species. The code loads CSV data via `d3.csv`, parses numeric columns, and renders an SVG chart using `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. Circles are positioned with `d3.attr` for x and y coordinates, while fill colors are assigned via a custom marker function. The visualization includes labeled axes and a title, with axis text styled using cursive font.

Bbhanuteja1807@gmail.com
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This fork of the Penguin dataset visualizes flipper length against body mass as a scatter plot, with circles colored by species (Adelie, Gentoo, and Chinstrap). It uses D3 v5's `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circles to render the data. A secondary pair of attributes—bill length and bill depth—are stored on each mark but not directly displayed. The chart includes rotated axis labels and a title, rendered via SVG within a React-free HTML page.

Kkarumanchimanasa
95% match