Fork of Activity6_Task3_Q3(6)

100%

Fork of Activity6_Task3_Q3(6)

✓ Published0🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

This visualization displays a scatter plot of penguin measurements from the Palmer Archipelago dataset, plotting bill depth against bill length on linear scales. Different species are distinguished using distinct marker shapes—circles, squares, and diamonds—via D3’s `scaleOrdinal` and `symbol` APIs, with a custom legend built through `shapeLegend`. The implementation leverages D3 v7’s `scaleLinear`, `extent`, `csvParse`, and the `join` selection API to bind data and render marks, while axes are generated using `axisLeft` and `axisBottom`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3_Q3(6)

This visualization shows the relationship between bill depth and bill length in the Palmer Penguins dataset, with each point shaped according to penguin species. The scatter plot uses D3.js v7 with modular components for axes, legends, and symbol generation, assigning circles, squares, and diamonds to distinguish species. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, then mapped through `scaleLinear` and `scaleOrdinal` scales. A custom shape legend displays the species mapping alongside the plot.

Nnavyabade05@gmail.com

89% match

Loading thumbnail…

Fork of Activity6_Question3final

This scatter plot visualizes the Palmer Penguins dataset, mapping bill length on the x-axis against flipper length on the y-axis. Each point is colored by penguin species using a d3.scaleOrdinal with skyblue, lightgreen, and orange. The code loads data via d3.csv, parses numeric columns, and renders SVG circles with d3.scaleLinear extents, axisBottom, and axisLeft. Axis labels are added as SVG text with rotation, and the chart resizes to the window dimensions via margin calculations.

Ssaimanvith22@gmail.com

88% match

Loading thumbnail…

Acticicty6_Task3.2

This scatter plot visualizes Palmer Penguins data, showing the relationship between bill length and flipper length with each of three species represented by a distinct D3 symbol shape (circle, cross, triangle). The visualization uses d3.csv for data loading and filtering, d3.scaleLinear for position scales, and d3.scaleOrdinal with d3.symbol generators to map species to shapes. SVG is the rendering approach, with gridlines generated via d3.axisBottom and d3.axisLeft tick sizing. A legend created with d3.symbol identifies each species.

Pparmuriat@gmail.com

88% match

Loading thumbnail…

Actvity6_Task3_Question

This example displays a scatter plot of the Palmer Penguins dataset, mapping bill length on the x-axis and bill depth on the y-axis. Each point is colored by species using a categorical color scale, and a legend identifies the three penguin species. The visualization uses D3.js v7 to load the CSV data, scale axes with `d3.scaleLinear`, render the SVG circles, and construct the legend with `d3.select` and `d3.append`. Axes and labels are formatted with `d3.axisBottom` and `d3.axisLeft`, while `d3.schemeCategory10` assigns point colors.

VVarshith Peddineni

87% match

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

86% 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

86% match

Loading thumbnail…

Activity6_Task3.1

This scatter plot shows the relationship between bill length and flipper length across three penguin species, using color-coded circles to distinguish species and legends for identification from the Palmer Penguins dataset. The code filters out missing values, converts strings to numbers, and renders the visualization using d3.v7 with SVG. It employs scaleLinear for x and y axes, scaleOrdinal with schemeCategory10 for colors, and axisBottom/axisLeft to generate labeled axes with gridlines.

Pparmuriat@gmail.com

86% 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

86% match