Activity6_Q3

100%

✓ Published2🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This scatter plot visualizes a fish dataset by plotting each specimen’s weight on the x-axis and height on the y-axis, with colored circles distinguishing species (Bream, Roach, Whitefish, Parkki, Perch) via a custom color lookup. The visualization loads CSV data from a GitHub repository, parses numeric fields, and uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to create axes and map data coordinates. Markers are drawn as SVG circles using a dataset join, while axis labels are manually positioned and rotated. The chart fills the browser window by setting its dimensions to `window.innerWidth` and `window.innerHeight`.

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…

Activity-6 Question-3

A scatter plot visualizes an animal dataset, coloring points by species (Mammals, Birds, Fish, Invertebrates) with distinct hues. The chart maps leg length on the x-axis and leg width on the y-axis, while also encoding body dimensions through circle radii via rx/ry attributes. Using D3 v6, the code loads CSV data from a GitHub raw URL and employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes within an SVG rendered across the full viewport.

Aarthireddykota@my.unt.edu

82% match

Loading thumbnail…

activity6_question 3

This scatter plot visualizes the birds dataset, showing beak length on the x-axis and beak width on the y-axis, with each point colored by species (sparrow, finch, blue jay, or other). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data. The code loads CSV data from a GitHub raw URL, parses numeric fields, and draws circles with a fixed radius of 5 pixels, while also logging body length and wing span values to the mark objects.

1188r1a0559@gmail.com

82% match

Loading thumbnail…

Activity8_Question3

This scatter plot visualizes the relationship between height and weight, with points colored by category to reveal grouping patterns. The visualization renders as an SVG generated with D3.js v7, using `d3.csv` to load data from a remote GitHub repository and `d3.scaleLinear` for axis scaling. Points are drawn as SVG circles and colored via `d3.scaleOrdinal`, with interactive tooltips appearing on mouseover. The chart includes axes and a legend created through custom drawing functions, all styled through a separate CSS file.

Vvishnupriyapalagiri@gmail.com

81% match

Loading thumbnail…

Activity_6_Q3

This example shows a scatter plot of penguin bill length versus bill depth, with each point colored by species. It loads a CSV dataset from a GitHub raw URL and uses D3 v7 to render an SVG. The code employs `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and data joins via `selectAll().data().enter()` to create circles, axes, labels, and a legend.

Mmudunurirahulvarma98@gmail.com

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

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

80% match

Loading thumbnail…

Manoja SDV 3

This scatter plot displays the relationship between height and weight for fish species in a dataset loaded from a GitHub-hosted CSV file. The visualization uses colored circles to differentiate between species, with a legend showing each species’ color mapping. The code leverages D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and scales, while the D3 `select` and `join` functions handle SVG circle creation. The rendered SVG fills the browser window, with styled axis labels and a red title.

Mmanojapopuri@gmail.com

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

80% match