Skip to main content
SimilarExport ZIP
100%

Fork of Penguins Dataset Scatter Plot

✓ Published0🌍 Public
Ppravalika.thogaru10@gmail.com
Last edited Mar 5, 2023
Created on Mar 5, 2023
Forked from HTML Starter

This scatter plot visualizes the Penguin dataset, displaying flipper length on the x-axis and body mass on the y-axis, with each point colored by species (orange for Adelie, red for Gentoo, blue for the others). The code uses d3.csv to load data from a GitHub gist, d3.scaleLinear for both axes, and d3.axisBottom/axisLeft for tick labels. Circles are drawn with SVG, and each point's rx and ry attributes are mapped from bill length and bill depth, though the radius stays constant. The chart fills the browser window with margins.

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 penguin data, showing flipper length against body mass for individual penguins, with each point colored by species (yellow for Adelie, green for Gentoo, brown for Chinstrap). The visualization also encodes bill length and depth as the x and y radii of each circular mark, creating variable-sized points. Built with D3 v5 and React, the code uses `d3.csv` to load the dataset, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` to render axes with custom styling.

VVAbhiram99
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with points colored by species (blue for Chinstrap, gray for Adelie, black for others). The code uses D3 v5’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to fetch data from a GitHub gist, parse numeric fields, and render SVG circles with fixed radius. Axis labels are added as text elements, while circle attributes include unconventional `rx` and `ry` properties set to bill and flipper lengths, though these do not affect circle rendering.

Ssiddu7147
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot displays penguin measurements, with flipper length on the x-axis and body mass on the y-axis, colored by species (Adelie, Gentoo, and Chinstrap). The code uses D3 v5’s `csv` to load data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Circle marks are drawn via SVG, with each point’s fill color mapped from species. The plot uses a fixed radius of 5 pixels, and the visualization adapts to the full browser window size.

Ssiddu7147
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This visualization is a scatter plot of the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis. Each circle’s color encodes the penguin species (Adelie, Gentoo, or Chinstrap), while the circle’s fill attributes of `rx` and `ry` are set to the raw bill length and bill depth values, though the visual radius remains constant. The code uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render SVG axes. The background is the browser window, and the plot includes cursive font labels for both axes.

Vvamshisoletii
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length and body mass as the primary x and y axes while encoding bill length and bill depth into circle radii. Data is loaded from a CSV file and parsed using d3.csv, with scales created via d3.scaleLinear and axes rendered using d3.axisLeft and d3.axisBottom. Each point’s color indicates species (yellow for Adelie, green for Gentoo, brown for others), and the SVG circles are joined to data using d3’s selectAll and join pattern. The rendering uses d3.v5 within a React-free plain HTML document.

Rradhadevarapu
95% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin data, mapping flipper length on the x-axis and body mass on the y-axis. Each point’s color indicates the species (Adelie, Gentoo, or other), while the circle’s radius is fixed at 5 pixels. The chart uses D3 v5 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create scales and axes, and renders SVG circles via `selectAll` and `join`. Data is loaded asynchronously from a CSV using `d3.csv`, with numeric parsing for measurement columns.

HHarshavardhan
95% 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 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.

Kkarnisrikanth2212
95% 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
95% match