Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatterplot for peng bird dataset

✓ Published0🌍 Public
CChih-Hsin Chen
Last edited Apr 30, 2024
Created on Apr 30, 2024

This scatter plot visualizes the Palmer Penguins dataset, encoding flipper length on the x-axis against body mass on the y-axis, with each point’s color indicating one of three penguin species. The code loads CSV data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to set scales, and renders the points as SVG circles. It also draws axes with `d3.axisLeft` and `d3.axisBottom`, while a switch function assigns distinct colors per species, and axis labels are added via 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 Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass for three penguin species, each colored distinctly. The visualization is built with D3 v6 using the `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs, rendering as SVG circles mapped from CSV data. The code creates axis labels and a title while loading data asynchronously via `d3.csv`. Mouseover events log data to the console, though no visible tooltip is implemented despite a placeholder div.

HHOURPRIMERA@GMAIL.COM
97% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass for three penguin species, each colored distinctly. The visualization is built with D3 v6 using the `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs, rendering as SVG circles mapped from CSV data. The code creates axis labels and a title while loading data asynchronously via `d3.csv`. Mouseover events log data to the console, though no visible tooltip is implemented despite a placeholder div.

HHOURPRIMERA@GMAIL.COM
97% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass for three penguin species, each colored distinctly. The visualization is built with D3 v6 using the `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs, rendering as SVG circles mapped from CSV data. The code creates axis labels and a title while loading data asynchronously via `d3.csv`. Mouseover events log data to the console, though no visible tooltip is implemented despite a placeholder div.

HHOURPRIMERA@GMAIL.COM
97% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass for three penguin species, each colored distinctly. The visualization is built with D3 v6 using the `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs, rendering as SVG circles mapped from CSV data. The code creates axis labels and a title while loading data asynchronously via `d3.csv`. Mouseover events log data to the console, though no visible tooltip is implemented despite a placeholder div.

HHOURPRIMERA@GMAIL.COM
97% match
Loading thumbnail…

Fork of Fork of Scatterplot for peng bird dataset

This interactive scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis for three penguin species, each colored distinctly. It uses d3.csv for data loading, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render scales. Circles represent individual penguins, with the SVG rendered directly in the browser using d3.select and join operations. The visualization also includes custom axis labels and a title, with data sourced from a GitHub-hosted CSV file.

Eevonne0930.cs11@nycu.edu.tw
97% match
Loading thumbnail…

Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis against body mass on the y-axis, with each point colored by species (green for Adelie, blue for Chinstrap, gray for Gentoo). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to map scales and render axes within an SVG. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion. Point positions are computed using the `extent` function for domain scaling, and circles are joined to the SVG using `selectAll` and `join`.

Cchris.shimotake@gmail.com
95% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatter plot visualizes penguin data, showing the relationship between flipper length and body mass for three penguin species, each color-coded via a custom marker function. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.extent for scaling, and d3.axisLeft and d3.axisBottom for axes. Circles are rendered as SVG elements with attributes set via d3.selectAll and .join, and they include a mouseover handler that logs data to the console. The chart includes custom labels for title, x-axis, and y-axis.

Bblanchestora@gmail.com
94% 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
94% match