Skip to main content
SimilarExport ZIP
100%

Assignment 2 - Scatter Plot with color

✓ Published1🌍 Public
Ppasyasahas
Last edited Jul 16, 2023
Created on Jul 7, 2023
Forked from Hello VizHub

This scatter plot visualizes the Palmer Penguins dataset, mapping bill length to the x-axis and bill depth to the y-axis. Each dot is color-coded by penguin species (Adelie, Gentoo, Chinstrap) using a categorical palette, with a legend positioned on the right. The visualization loads data from a CSV URL and renders using SVG circles via D3 v6, employing `d3.csv`, `d3.scaleLinear`, `d3.extent`, and the `select` API to construct axes and marks.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2 - Scatter Plot

This example visualizes the Palmer Penguins dataset as a scatter plot, mapping bill length to the x-axis and bill depth to the y-axis while coloring each point by penguin species. It loads data from a CSV file and renders circles as SVG marks using D3 v6. The code defines scales with `scaleLinear`, generates axes with `axisLeft` and `axisBottom`, and includes a legend for species identification. The visualization is displayed across the full browser window with styled axis labels and customized fonts from Google Fonts.

Cchsaisriharsha@gmail.com
95% match
Loading thumbnail…

Assignment 2 Reusable Scatter Plot

This example visualizes the Palmer Penguins dataset with a reusable scatter plot built using D3 v6. The plot cycles through four different x-axis variables—body mass, bill depth, flipper length, and bill length—at two-second intervals while keeping bill length on the y-axis. Circles are colored by penguin species (Adelie, Gentoo, Chinstrap) with a legend and animated transitions. The code demonstrates D3’s scaleLinear, axisBottom, and axisLeft APIs, along with ES6 module imports and setInterval-driven updates.

Ppasyasahas
89% match
Loading thumbnail…

Assignemnt 2 Q3 Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with points colored by species (Adelie, Gentoo, or Chinstrap). The graphic is rendered as an SVG using D3 v5. The code employs `d3.csv`, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to parse the data and draw axes. It reads data from a GitHub Gist URL. Each data point is a circle, colored via a custom `marker` function, with additional bill measurements stored as attributes on the circles, though they are not visually encoded.

VVishnu Sudireddy
89% match
Loading thumbnail…

Penguin Data set scatter Plot

A scatter plot of the Palmer Penguins dataset displays body mass on the x-axis and bill depth on the y-axis, with each circle colored by species (Adelie, Chinstrap, or Gentoo). The visualization uses D3 v5 to load CSV data via `d3.csv`, scales with `scaleLinear` and `extent`, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while custom styling applies cursive fonts and a bold title.

Ssyedhaliz
88% match
Loading thumbnail…

Assignment_2 Reusable Scatter Plot

This interactive scatter plot visualizes Palmer penguin measurements, using flipper length, body mass, bill length, and bill depth as axes. The chart cycles through these four variables at timed intervals, updating the x-axis while preserving the y-axis. Colored circles represent penguin species, with a legend mapping each category to a distinct color. Built with D3.js (v6), the example demonstrates reusable chart components through local ES6 module imports, scaling axes with `scaleLinear` and rendering SVG elements with data joins. Data loads from a remote CSV file via D3's `csv` function.

Cchsaisriharsha@gmail.com
88% match
Loading thumbnail…

Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and bill length on the y-axis. Colored circles represent three penguin species (Adelie, Gentoo, and Chinstrap), with each point's radius and shape also encoding bill dimensions. The visualization uses D3 v5's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, map scales, and render SVG axes. Circles are appended via D3 selections, with species-based color mapping defined through a switch statement. The chart includes labeled axes and a title, rendered in a full-window SVG using React-free vanilla JavaScript.

Aakhilgupta11
88% match
Loading thumbnail…

scatter Plot

This interactive scatter plot visualizes the Palmer Penguins dataset, plotting flipper length against body mass, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses d3.csv to load the data and d3.scaleLinear to map values to pixel coordinates, rendering circles as SVG elements. Axes are generated with d3.axisLeft and d3.axisBottom, while axis labels and a title are added as text elements. The code also stores raw bill measurements on each mark, though these are not displayed visually.

AArun
87% match
Loading thumbnail…

Penguin Data set scatter Plot

This example visualizes the Palmer Penguins dataset as a scatter plot, mapping flipper length on the x-axis and body mass on the y-axis. Each point is colored by penguin species (Adelie, Gentoo, or Chinstrap) and its radius visually encodes bill dimensions. Built with D3 v5, it uses `d3.csv` to fetch the remote dataset, `d3.scaleLinear` and `d3.extent` for axes, and `d3.axisLeft` and `d3.axisBottom` for labeled scales. The plot is rendered as SVG circles positioned using `d3.select` and data-driven joins.

DDeeraj Thakkilapati
87% match