Skip to main content
SimilarExport ZIP
100%

activity6_task3(6)

✓ Published0🌍 Public
Ssanjanaadapa7@gmail.com
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

This scatter plot displays the relationship between bill length and flipper length for three penguin species (Adelie, Chinstrap, and Gentoo) from the penguins.csv dataset. Circle color encodes species via a d3.scaleOrdinal, and circle radius encodes body mass. The visualization renders as an SVG using D3.js v7, with linear scales (d3.scaleLinear) mapping the measurements to axes and d3.axisBottom/axisLeft generating the tick marks and labels.

AI-generated description

Penguins Scatter Plot Visualization

This project visualizes the Penguins dataset using a scatter plot created with D3.js. The dataset includes measurements of different penguin species, showing the relationship between bill length and flipper length.

Dataset

The dataset contains the following attributes:

  • Species: The species of penguin (Adelie, Chinstrap, Gentoo).
  • Bill_Length: Length of the penguin's bill in mm.
  • Bill_Depth: Depth of the penguin's bill in mm.
  • Flipper_Length: Length of the penguin's flipper in mm.
  • Body_Mass: Body mass of the penguin in grams.

How to Use

  1. Clone or download the repository.
  2. Make sure you have the penguins.csv dataset in the same directory.
  3. Open the index.html file in a web browser to view the scatter plot.

Visualization Details

  • X-axis: Bill Length (mm)
  • Y-axis: Flipper Length (mm)
  • Color: Represents different species (Red: Adelie, Green: Chinstrap, Blue: Gentoo)
  • Circle Size: Represents body mass (scaled for visualization)

Technologies Used

  • HTML/CSS
  • JavaScript
  • D3.js

License

This project is open-source and available under the MIT License.

MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Activity7_Task3

This scatter plot visualizes the relationship between body mass and flipper length for three penguin species (Adelie, Gentoo, Chinstrap), with each point colored by species using a sequential ordinal color scale. The visualization is built with d3.v7, loading data from a remote CSV file and rendering points as SVG circles. The code uses `d3.scaleLinear` for both axes, `d3.extent` to compute domains, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes.

VVijay Sheru
92% match
Loading thumbnail…

Activity6_Task3_lets_go_again.2

This scatter plot shows the relationship between bill length and body mass for three species of penguins (Adelie, Gentoo, and Chinstrap), with each point colored by species. The visualization uses D3 v6's `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` APIs to map the data from a CSV file, rendering circles as SVG marks with fixed radius. The code also encodes bill depth and flipper length as `rx` and `ry` attributes on the circles, though the radius is overridden, making those dimensions non-visible. Axis labels appear in green, with the plot filling the entire window.

Jjarethodges@gmail.com
91% match
Loading thumbnail…

Activity6_Task4(9)

This bubble chart visualizes the Penguins dataset, showing the relationship between bill length and flipper length, with bubble size representing body mass. The species are distinguished by color: Adelie in red, Chinstrap in green, and Gentoo in blue. The code loads data from a CSV file and uses D3 v7 scales, including `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for species colors, and `d3.axisBottom` and `d3.axisLeft` for the axes. A legend identifies the three species.

Ssanjanaadapa7@gmail.com
90% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species (Adelie, Chinstrap, and Gentoo), using color-coded circles to distinguish species. The code loads a CSV from a GitHub repository via `d3.csv`, converts the numeric columns, and renders an SVG chart with `d3.scaleLinear` for both axes, `d3.axisBottom`, `d3.axisLeft`, and a `d3.scaleOrdinal` with `d3.schemeSet1` for colors. A manual legend built with SVG rectangles and text labels appears in the top-right corner.

Ssaishruthik2361@gmail.com
90% match
Loading thumbnail…

Activity-6_Question-3

This scatter plot visualizes penguin species data, displaying flipper length against body mass for individual penguins, with each species represented by a distinct color (red for Adelie, blue for Gentoo, black for other). It uses D3 v5 loaded via UNPKG, reading a CSV file and mapping data to SVG circles. The code creates custom axes with D3's scaleLinear, axisLeft, and axisBottom functions, and adds labels to clarify the chart’s dimensions.

HHarshathBudida@my.unt.edu
89% match
Loading thumbnail…

Activity 6_Q 3

A scatter plot visualizes the relationship between flipper length and body mass for three penguin species (Adelie, Chinstrap, Gentoo), using colors to distinguish species and a custom legend. The code loads CSV data via `d3.csv`, parses numeric values, and draws circles with `d3.selectAll` and `append`. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while scales use `d3.scaleLinear` and `d3.scaleOrdinal` for color mapping. The SVG canvas fills the viewport, with labels rotated and positioned through D3 attributes.

MMannava Priyanka Chowdary
89% 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
89% match