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 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.

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 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.

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

Fork of Penguin Data set scatter Plot

This fork of a Palmer Penguins scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each species represented by a distinct color. The code loads CSV data, parses numeric fields, and maps values through linear scales to position circles in an SVG. It uses D3 v5 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, with axis labels and a title rendered as text elements.

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

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap) using yellow, green, and brown. The code loads CSV data via `d3.csv`, parses numeric fields, and renders SVG circles using `d3.scaleLinear` for axes and `d3.axisLeft` and `d3.axisBottom` for ticks. React and D3 v5 drive the full-window responsive layout, with axis labels and a title appended as SVG text.

Bbhanuteja1807@gmail.com
90% match