Skip to main content
SimilarExport ZIP
100%

Fork of Scatterplot for world dataset

✓ Published0🌍 Public
QQuinn Sebso
Last edited Apr 30, 2024
Created on Apr 30, 2024

This fork of a scatterplot visualizes penguin body measurements from a world dataset. It plots flipper length on the x-axis and body mass on the y-axis, with each point colored by penguin species. The code uses D3 v6 functions including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering SVG circles with mouseover event logging. The chart displays axes, labels, and a title using SVG text elements.

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 Scatterplot for world dataset

This fork of the world dataset visualizes penguin measurements, plotting flipper length against body mass for three species, each colored distinctly by a custom mapping. It displays the data as an SVG scatterplot with axes and labels, using D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a React context, with data loaded from a GitHub-hosted CSV of penguin characteristics.

QQuinn Sebso
97% 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
91% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes penguin measurements from a GitHub-hosted CSV, mapping flipper length to body mass while coloring each point by species (Adelie, Chinstrap, Gentoo). The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering circles as SVG elements sized with a fixed radius. It also includes mouseover event logging and axis labels, with data parsed via a custom `parseRow` function.

Nnathan@shieldsonline.org
91% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the penguin dataset, showing the relationship between Flipper Length and Body Mass, with each data point colored by species. The plot uses D3 v6 to load CSV data, scale the axes with linear scales, and render the visualization as an SVG. The code employs a custom mapping to assign distinct colors for Adelie, Chinstrap, and Gentoo penguins. The axes are labeled via `axisLeft` and `axisBottom`, and sizing attributes reference the `innerWidth` and `innerHeight` properties for responsive rendering.

KKiernan Nesslar
91% 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
91% match
Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot displays penguin measurements, with flipper length on the x-axis and body mass on the y-axis, colored by species (Adelie, Gentoo, and Chinstrap). The code uses D3 v5’s `csv` to load data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Circle marks are drawn via SVG, with each point’s fill color mapped from species. The plot uses a fixed radius of 5 pixels, and the visualization adapts to the full browser window size.

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

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
91% match