Fork of Empty D3 Starter-likitha

100%

Fork of Empty D3 Starter-likitha

✓ Published1🌍 Public

Last edited Mar 8, 2026

Created on Mar 4, 2026

This fork presents a static scatter plot of penguin measurements, showing bill length against flipper length. The visualization uses CSV data from the seaborn-data repository, loaded with `d3.csv`. Each penguin is rendered as a steelblue circle on an SVG canvas, with axes created using `scaleLinear`, `axisBottom`, and `axisLeft`. The chart includes axis labels but no interactive elements, relying on D3 v7 to bind data and position marks within fixed margins.

AI-generated description

MIT Licensed

Similar vizzes

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

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This fork visualizes the Penguin Data set as a scatter plot, mapping flipper length to body mass while coloring each point by species (Adelie, Gentoo, or other) and encoding bill dimensions as `rx` and `ry` attributes on the circles. It uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles, with styling applied via inline attributes.

Ssiddu7147

86% 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

86% match

Loading thumbnail…

Fork of Penguins Dataset Scatter Plot

This fork of the Penguins Dataset Scatter Plot visualizes the relationship between flipper length and body mass for three penguin species, with each species color-coded. Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load the data, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes. The code also parses additional measurements but does not use them for positioning. The plot is drawn with `circle` elements, and the chart fills the browser window.

Ssnehareddygurram

86% match

Loading thumbnail…

Fork of Penguin Dataset Scatter Plot

This fork of the Penguin Dataset scatter plot visualizes flipper length against body mass, with points colored by penguin species and scaled by culmen dimensions. The code loads data via `d3.csv`, parses numeric fields, and renders an SVG using `d3.select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Circles are positioned with `cx` and `cy`, colored by a species-based marker function, and styled with radius, `rx`, and `ry` attributes. The chart includes labeled axes and a title, sized to the window.

Bbhanuteja1807@gmail.com

86% match

Loading thumbnail…

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

86% match

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This example displays a scatter plot of penguin measurements, mapping flipper length to the x-axis and body mass to the y-axis, with point color indicating species. It also encodes bill length and depth as circle radius properties (`rx`, `ry`), creating elliptical markers. The visualization loads CSV data using `d3.csv`, scales axes with `scaleLinear`, and renders via SVG circles and axes. The code uses `axisLeft`, `axisBottom`, `extent`, and `select` to construct the chart, with data parsed from a GitHub-hosted penguin dataset. Axis labels and a title are added as SVG text elements.

Kkriswilson00000@gmail.com

86% match

Loading thumbnail…

Fork of Fork of Penguin Data set scatter Plot

This interactive scatter plot visualizes penguin measurements, mapping flipper length to the x-axis, body mass to the y-axis, and using circle color to distinguish species (Adelie, Gentoo, and Chinstrap). The SVG-based visualization uses d3.csv to load data, d3.scaleLinear and d3.extent for scaling, and d3.axisLeft/axisBottom for axes. Each circle’s rx and ry attributes are set from bill dimensions, creating an elliptical distortion, while d3.selectAll().join() manages the marks. Axis labels and a title are added via SVG text elements.

Vvryvarma5577@gmail.com

86% match