Skip to main content
SimilarExport ZIP
100%

Activity 6_Q 3

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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…

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

Activity6_q3

This scatter plot visualizes penguin species by body mass against flipper length, with each data point colored by species (Adelie, Gentoo, or Chinstrap). The D3 v5 code loads CSV data from a GitHub repository, scales the x- and y-axes using `scaleLinear`, and renders circles in an SVG. It demonstrates `import` from D3 and local ES6 modules, with axis labels and a title styled via CSS.

Ssrilekhasridasyam@my.unt.edu
93% match
Loading thumbnail…

Activity6_Task3(q1)

This scatter plot shows the relationship between flipper length and body mass for three penguin species, with each point colored by species and a legend identifying the categories. The visualization uses D3.js v7 to load CSV data from a GitHub repository, apply linear scales for both axes, and render circles via SVG. Axis labels and a custom legend are added using D3’s selection and scale APIs, such as `d3.scaleLinear` and `d3.scaleOrdinal`, while the axes are generated with `d3.axisBottom` and `d3.axisLeft`. The chart filters out rows with missing or zero values before plotting.

Aaravapalliharika2002@gmail.com
93% match
Loading thumbnail…

Activity6_Task3(q)

This interactive scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each dot colored by species. The visualization uses D3.js to load CSV data from a GitHub repository, filter out records with missing values, and render the plot as SVG circles. Axes are scaled linearly using `d3.scaleLinear()` with domain extents computed via `d3.extent()`, while species colors are assigned through a categorical `d3.scaleOrdinal()` range. The chart includes labeled axes and a title, with points positioned via the `svg.selectAll('.dot')` pattern.

Aaravapalliharika2002@gmail.com
92% 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…

Activity-6 Q3

This example presents a scatter plot of penguin measurements, using flipper length and body mass for the x- and y-axes, with each point’s color indicating species (Adelie, Gentoo, or Chinstrap). It applies D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to build the axes, and loads tabular data from a CSV hosted on GitHub. Circles are drawn via SVG using a `join` selection, with the `extent` function for domain calculations.

Ssannihitha.k23@gmail.com
92% match
Loading thumbnail…

Activity6_Question3

A scatter plot maps flipper length against body mass for three penguin species, with each species assigned a distinct color. The visualization loads a CSV file from a GitHub gist and uses D3 v5 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and scale the data. Circle shapes are rendered in an SVG canvas, and the code also includes custom axis label formatting and a title.

SSaiKiranReddyKancharla@my.unt.edu
92% 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
91% match