Skip to main content
SimilarExport ZIP
100%

Activity6_Question3

✓ Published0🌍 Public
JJhansi Balla
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from HTML Starter

This interactive scatter plot visualizes the Palmer Penguins dataset, showing the relationship between bill length and bill depth for three penguin species. The plot uses color-coded circles (skyblue for Adelie, lightgreen for Chinstrap, orange for Gentoo) to distinguish species. Built with D3 v6 and React, the visualization renders as SVG elements, using `scaleLinear` for axes, `extent` for domain computation, and `axisLeft`/`axisBottom` for chart labeling. Data is loaded via `csv()` from a remote gist URL, with each point's position mapped from numeric values parsed from the dataset.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q3.6

This interactive scatter plot visualizes the Palmer Penguins dataset, showing the relationship between bill length and bill depth for three penguin species: Adelie, Chinstrap, and Gentoo. Each point represents a penguin, colored by species with a legend identifying the categories. The visualization uses D3 v6’s `csv` loader to fetch data from GitHub, `scaleLinear` for continuous axes, and `scaleOrdinal` for categorical colors. Grid lines are rendered using `axisBottom` and `axisLeft` with custom tick sizes, while SVG circles depict the data points with black strokes and 0.8 opacity.

MMeghana Sadhu
94% match
Loading thumbnail…

Activity6-Question3

This scatter plot visualizes the Palmer Penguins dataset, showing bill length on the x-axis and bill depth on the y-axis, with each point colored by penguin species (Adelie, Chinstrap, or Gentoo). The D3 v6 code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with a fixed radius. Axis labels are added using `axisLeft` and `axisBottom`, while text elements annotate the axes. The visualization fills the browser window and applies species-based color mapping through a custom marker function.

MMounishAllam@my.unt.edu
94% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the penguins dataset, showing the relationship between bill length and bill depth for three species (Adelie, Chinstrap, and Gentoo), with each species represented by a distinct color. The plot uses D3 v6, loading data from a CSV file via `d3.csv`, and renders circles as SVG elements with `d3.select` and `d3.scaleLinear` for mapping data to coordinates. Axis labels are added using `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window with a dynamic width and height.

PPadmajaKodati@my.unt.edu
92% match
Loading thumbnail…

Activity-6_Question - 3.6

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between bill length and bill depth across three species. Each circle represents a penguin, colored purple, teal, or crimson by species, with a legend identifying the categories. The visualization uses d3.csv to load the data, d3.scaleLinear for the x and y axes, and d3.scaleOrdinal for the custom color mapping. Axes are rendered with d3.axisBottom and d3.axisLeft, while axis labels and circles are appended as SVG elements via d3-selection.

Mmalisettisaisumanth@gmail.com
92% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between bill length and bill depth for three penguin species, using the Palmer Penguins dataset loaded via d3.csv. It renders an SVG chart with d3.scaleLinear axes, d3.axisBottom and d3.axisLeft, and colors each point by species using d3.scaleOrdinal with a custom purple, teal, and crimson palette. A legend is appended using SVG rectangles and text. The plot filters missing values and maps numeric fields before drawing circles with 0.7 opacity.

LLakshanya Sirigiri
91% match
Loading thumbnail…

Activity6-QUES3

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between bill length on the x-axis and bill depth on the y-axis. Points are colored by penguin species, with Adelie in skyblue, Chinstrap in lightgreen, and Gentoo in orange. The code loads CSV data using d3.csv, scales the quantitative variables with d3.scaleLinear, and renders circles via SVG joins. Axis labels are added with d3.axisLeft and d3.axisBottom, while additional data fields for flipper length and body mass are stored on each mark but not displayed.

Mmeenam1106@gmail.com
91% match
Loading thumbnail…

Q3

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between bill length and bill depth, with points colored by species (Adelie, Gentoo, or Chinstrap). Using D3 v6, the code loads data via `d3.csv`, creates linear scales with `scaleLinear`, and renders circles with SVG. Axis labels use `axisLeft` and `axisBottom`, while the plot’s margins and labels are set manually, with text styled via CSS. The visualization adapts to the browser window’s dimensions for full-screen display.

MMandadi Nishita
90% match
Loading thumbnail…

Activity3_Q3

This interactive SVG scatter plot visualizes the palmer penguins dataset, plotting bill length on the x-axis against bill depth on the y-axis. Each point represents an individual penguin, color-coded by species (Adelie, Chinstrap, and Gentoo). The visualization uses `d3.csv` to load the data from a Gist URL, `d3.scaleLinear` for the axes, and `d3.axisLeft` and `d3.axisBottom` for chart ticks. The code also calculates flipper length and body mass for potential use, though only the two bill measurements are displayed.

Aanish6005@gmail.com
90% match