Skip to main content
SimilarExport ZIP
100%

Fork of Penguin Data by Pran

✓ Published1🌍 Public
PPran6728
Last edited Mar 7, 2023
Created on Mar 6, 2023

This scatter plot visualizes penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization also encodes bill length and bill depth as the horizontal and vertical radii of each circular mark, creating a bubble-like effect. Built with D3 v5 and React, the code uses `d3.csv` to load the dataset, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick labels. The SVG rendering is driven by a joiner pattern, applying coordinates, fill colors, and radii to circles.

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 Fork of Penguin Data by Pran

This scatter plot visualizes Palmer Penguins data, mapping flipper length on the x-axis and body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The SVG rendering uses D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position points and draw axes. Circle radius is fixed, while bill length and depth values are set as unused `rx` and `ry` attributes. The code loads CSV data via `d3.csv`, parses numeric fields, and appends axes and labels directly within a React-based HTML page.

117761A04F1
96% match
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

This visualization displays a scatter plot of penguin measurements, mapping flipper length on the x-axis against body mass on the y-axis. Each point is colored by species (Adelie, Gentoo, and Chinstrap) using a color switch function. The code loads data from a CSV file via `d3.csv`, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render the axes and circles. The SVG is appended to the body, with labels for the axes and title, using D3 v5 within a React framework.

NNikitha123171
94% 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
93% 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
93% 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
93% 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
93% 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 each circle colored by species (Adelie, Gentoo, or other). The visualization uses D3 v5 and React, rendering with SVG. It loads CSV data via `d3.csv`, applies `scaleLinear` and `extent` for axes, and draws circles with `data.join`. Axis labels and a title are added using D3’s `axisLeft`, `axisBottom`, and text elements.

Ssnehareddygurram
93% match