Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatterplot for peng bird dataset

✓ Published0🌍 Public
Eevonne0930.cs11@nycu.edu.tw
Last edited Sep 12, 2024
Created on Sep 12, 2024

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.

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

CChih-Hsin Chen
97% 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
95% 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
94% 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
94% match