Fork of Fork of Fork of Scatterplot for peng bird dataset

Eevonne0930.cs11@nycu.edu.tw

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.

Fork of Fork of Fork of Scatterplot for peng bird dataset

This scatterplot visualizes penguin data, mapping flipper length to body mass on the x and y axes while encoding species with color. Circle markers are sized with a fixed radius but also receive non-standard `rx` and `ry` attributes from culmen measurements, which do not affect SVG circle rendering. The visualization uses D3 v6 scales (`scaleLinear`), axes (`axisLeft`, `axisBottom`), and SVG selections, loading data asynchronously via `csv` from a GitHub URL. A tooltip div is created but only logs mouseover events to the console, without displaying information.

SStuart Sessions

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.

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.

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.

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.

Nnathan@shieldsonline.org

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.