Fork if penguine Dataset Scatter Plot

Fork of Penguin Data set scatter Plot

This example shows a scatter plot of penguin measurements, mapping flipper length to the x-axis and body mass to the y-axis. Each circle is colored by species (Chinstrap, Gentoo, or Adelie) and also encodes bill length and depth via non-standard `rx` and `ry` attributes. The visualization loads CSV data from a GitHub gist using `d3.csv`, and renders SVG circles with `d3.scaleLinear` scales and `d3.axisLeft`/`d3.axisBottom` axes. The code uses D3 v5 and positions elements based on the browser viewport dimensions.

SSANEEM MOHAMMAD

Fork of Penguin Dataset Scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for penguins, with each circle colored by species. It uses d3.csv to load a clean penguin dataset, d3.scaleLinear for axes, and d3.axisLeft/axisBottom to render ticks. SVG circles are positioned via scale mappings, with fill colors assigned by species. The plot includes axis labels and a title, rendered with the d3 v5 API in an SVG container sized to the window.

BBrian Gilmore

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, plotting flipper length against body mass and coloring each point by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load and map data from a remote CSV file, rendering circular marks with SVG. Each circle also encodes bill length and depth as its horizontal and vertical radii, creating an elliptical distortion that layers additional dimensions onto the standard scatter plot.

SSharanya1307

Fork of Penguins Dataset Scatter Plot

This fork of the Penguins Dataset Scatter Plot displays each penguin as an ellipse-shaped point, mapping flipper length and body mass to the x- and y-axes while encoding bill length and depth as the rx and ry radii. The visualization uses D3 v6 with scaleLinear, extent, axisBottom, and axisLeft to render an SVG scatter plot. Data is loaded from a CSV via d3.csv, with species colored distinctly—Adelie in orange, Gentoo in red, and others in blue—across a full-screen canvas.

Ssiddu7147

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, showing body mass against flipper length for three species, distinguished by color. Each circle encodes additional dimensions through its radius and the culmen length and depth values. The visualization uses D3 v5’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data from a GitHub-hosted CSV to SVG circles. Custom tick fonts, axis labels, and a title styling enhance readability, while the plot resizes to the full window.

NNikitha123171

Fork of Penguin Data set scatter Plot

This fork of the Penguin Dataset scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each circle colored yellow, green, or brown to indicate species. The visualization also encodes bill length and bill depth as non-visual attributes stored in the data. Using D3 v5, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders SVG circles positioned by `cx` and `cy` attributes. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with cursive labels for both dimensions.

BBabar Farooq

Fork of Penguin Data set scatter Plot

This example shows a scatter plot of penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with points colored by species (Adelie, Gentoo, or other). The visualization loads a CSV from a GitHub gist using `d3.csv`, parses numeric fields, and renders SVG circles positioned via `d3.scaleLinear` and `d3.extent`. It uses `d3.axisBottom` and `d3.axisLeft` for axes, with cursive font styling and custom labels. The code also applies `rx` and `ry` attributes from bill measurements, though these do not visibly alter the circle shape.

Ssivamani

Fork of Penguin Data set scatter Plot

This fork of the Penguin dataset scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with colors distinguishing species. The visualization is rendered as an SVG using D3 v5, employing `d3.csv` to load data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Circles are drawn via `selectAll` and `join`, with a fixed radius of 5 pixels. The code also parses additional measurements like culmen length and depth, though these are not used in the plot itself.

Aayodhyanandh