Skip to main content
SimilarExport ZIP
100%

Fork of scatter Plot Arun

✓ Published0🌍 Public
AArun Pratap
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from scatter Plot

This fork of a scatter plot by codedraco visualizes penguin measurements, plotting bill depth against bill length while encoding species by color. The D3 v5 code loads CSV data via `d3.csv`, scales the x and y axes with `scaleLinear` and `extent`, and renders circles as SVG marks. Along with custom axes from `axisLeft` and `axisBottom`, the chart includes axis labels and a title, using the full browser window for its canvas.

AI-generated description

https://gist.githubusercontent.com/codedraco/be3eaea9234a1519029cdadb15eabc37/raw/b63ded4eebf92d4507414317b13546f2ee83b1e5/penguin_data.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes a fork of the Penguin dataset, mapping each observation’s Perigee_km on the x-axis and Apogee_km on the y-axis, while coloring circles by species (Adelie, Gentoo, or other) and encoding bill length and depth as rectangle radii (rx, ry). The code uses d3.csv to load the data, d3.scaleLinear and d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes, rendering SVG circles via a data join. Axis labels and a title are added with SVG text elements.

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

Fork of Simple Scatter Plot

This scatter plot visualizes the Penguins dataset from @curran/penguins, mapping bill length against flipper length. It uses D3 scales (scaleLinear), axis-labels from @curran/axis-labels, and SVGs rendered via d3.select. Points are drawn as circles with fixed radius and opacity, positioned using the xValue and yValue accessors. The inner rectangle fill and margins define the chart’s layout. The code is a fork meant for adaptation to other datasets.

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

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
86% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

A fork of the Penguin Data Set scatter plot visualizes species of penguins with circles colored by species (yellow for Adelie, green for Gentoo, brown for Chinstrap) based on flipper length and body mass. The code loads CSV data via `d3.csv`, scales axes with `d3.scaleLinear`, and renders SVG circles using D3’s data join. It also labels axes with bill length and depth, and displays titles using D3 selections, all within a React-free HTML page.

SSANEEM MOHAMMAD
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