Skip to main content
SimilarExport ZIP
100%

ICE-6 Scatter Plot

✓ Published0🌍 Public
SSainathreddypotu@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

This scatter plot uses D3 v7 to visualize the relationship between bill length and bill depth for Palmer Penguins, with data loaded from the palmerpenguins GitHub repository via `d3.csv` and `d3.autoType`. Points are rendered as SVG circles, colored by species using `d3.scaleOrdinal` with the `d3.schemeSet2` palette, and include interactive tooltips that appear on hover. The chart includes gridlines from `d3.axisLeft`, labeled axes, a title, and a legend, all configured within an SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Penguin Dataset scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, plotting flipper length against bill length, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5 within a React framework, rendering as SVG. It employs `d3.csv` to load the data, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes. Labels are added for both axes and the title, while circle markers use radius 5 and fill colors mapped via a switch function.

Ssushmithameher-patnam
87% match
Loading thumbnail…

ICE-6(11630234)- Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Archipelago penguin dataset, plotting flipper length against body mass for three penguin species, with each species distinguished by a distinct color. The visualization is built using D3 v5 and renders to an SVG canvas, leveraging `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map the data. Additional attributes like bill length and bill depth are stored on each circle, though not displayed, and the plot includes axis labels and a title.

KKovvuri Supraj
87% 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
85% 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
85% match
Loading thumbnail…

Palmer Penguins - ICE-6 Scatter Plot

This interactive scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis. Each point's color encodes the penguin species (Adelie, Gentoo, or Chinstrap), while the circle's fill radius is overridden with bill length and bill depth values (though these are not visually effective since `r` is fixed). The visualization uses d3.csv for data loading, d3.scaleLinear for axes scaling, and d3.axisLeft/axisBottom for tick marks. Data is parsed in JavaScript, and the SVG rendering populates circles with a static 5-pixel radius.

Yyamunaunt
85% match
Loading thumbnail…

ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with each point colored by penguin species and sized by culmen dimensions. It uses D3 v6’s `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load CSV data from a GitHub gist and render SVG circles. The axes, labels, and legend are drawn directly within the SVG canvas, and the chart is responsive to the browser window.

Ggeethikal
85% match
Loading thumbnail…

ICE7 reusable scatter plot

This interactive scatter plot visualizes the Palmer Penguins dataset, displaying relationships between culmen length, body mass, and other measurements. The visualization cycles through different x-axis attributes every few seconds, using a setInterval callback to update the plotted dimensions. Built with D3.js version 6.7, the example demonstrates a reusable chart pattern through a custom scatterPlot function that manages scales, axes, and circle rendering. Data points are color-coded by penguin species (Adelie, Chinstrap, and Gentoo), with SVG circles positioned using linear scales. The code explicitly calls d3.csv for data loading, scaleLinear for coordinate mapping, and axisBottom/axisLeft for generating axes.

VVamsi Krishna
85% match
Loading thumbnail…

ICE - 7 Reusable Scatter Plot

This interactive scatter plot visualizes penguin measurements from a CSV dataset, allowing users to cycle through different x-axis variables such as body mass, bill depth, flipper length, and bill length via an automated interval. Built with D3 v6, it features species-specific color coding (paleturquoise, cornflowerblue, purple) with a static legend, while the y-axis remains fixed to bill length. The visualization uses SVG circle elements with animated transitions between attribute selections, includes axis labels, and applies the Share Tech font for styling.

MMahitha-Moparthi
85% match