Skip to main content
SimilarExport ZIP
100%

Fork of Penguin Scatter Plot (Part 2)

✓ Published0🌍 Public
SSubhendu Karmakar
Last edited Feb 5, 2024
Created on Feb 2, 2024

This fork of a Penguin scatter plot compares bill length and bill depth for Palmer Archipelago penguins, with point radius encoding body mass and color encoding species. The visualization uses D3.js to build the scatterplot, drawing axes with `axisLeft`/`axisBottom` and a static gray plot area. Data comes from the `@subh3ndu/penguins` package, and circles are rendered with fixed radius instead of using the computed scale, showing a deliberate modification of the original example.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Penguin Scatter Plot (Part 2)

This fork of the Penguin Scatter Plot displays bill length against bill depth for individual penguins from the @subh3ndu/penguins dataset, with points rendered as semi-transparent circles on a gray plot background. Using D3.js v7, it builds linear scales with `scaleLinear` and `extent` to map data to pixel coordinates. The visualization imports `axisLeft` and `axisBottom` for axes, while the core scatterplot logic and separate axes-module handle mark placement and labeled gridlines, respectively. The example demonstrates a modular D3 structure where the chart, axes, and data are split into distinct files.

SSubhendu Karmakar
93% 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
89% match
Loading thumbnail…

Fork of Simple Scatter Plot

This example visualizes the Palmer Penguins dataset, plotting bill length on the x-axis against flipper length on the y-axis using a simple scatter plot. The internal chart area is rendered as a gray rectangle, with labeled axes and semi-transparent circles representing individual penguins. Built with D3, the code uses `scaleLinear`, `extent`, `axisLeft`, and custom axis-label helpers from the `@curran/axis-labels` library to construct the visualization. Data comes from the `@curran/penguins` import and is drawn into a dynamic SVG sized to the container.

Aanishbudhi@gmail.com
88% match
Loading thumbnail…

Fork of Simple Scatter Plot

This example visualizes the Palmer Penguins dataset, plotting bill length against flipper length for individual penguins. The scatter plot encodes each penguin as a semi-transparent circle, revealing the distribution and correlation between the two measured traits across species. The visualization is built using D3.js, leveraging `scaleLinear`, `axisLeft`, and `extent` to construct scales and axes, while custom axis-label functions from `@curran/axis-labels` add annotations. A light gray background rectangle highlights the plotting area. The code dynamically computes scales from the data extents and uses SVG joins to render circles, axes, and labels, with margins and dimensions set to fit the container.

Ssridhardubala106@gmail.com
87% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the palmerpenguins dataset, mapping flipper length on the x-axis against body mass on the y-axis. Each circle represents a penguin, with its color indicating species (yellow for Adelie, green for Gentoo, and brown for Chinstrap), and the circle's rx and ry attributes encode bill length and depth, though these do not affect the rendered radius since `r` is set to 5. The visualization uses D3 v5 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load the data and render SVG circles and axes, with labels styled in cursive and bold fonts.

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

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length against body mass for individual penguins. Each point is colored by species, with circle radii fixed while bill length and depth influence visual encoding through non-standard `rx` and `ry` attributes. The visualization is rendered as an SVG using D3 v5 within a React-free HTML page. It loads CSV data asynchronously, applies linear scales via `scaleLinear`, and generates axes using `axisLeft` and `axisBottom`, with custom cursive font styling.

Ggeethikal
87% 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
87% match