Skip to main content
SimilarExport ZIP
100%

Activity6_PersonType

✓ Published0🌍 Public
MMonish Galla
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

A scatter plot visualizes the relationship between arm and leg length, colored by person type (old, adult, kid) using orange, steelblue, and green circles. The visualization loads CSV data from GitHub and renders SVG circles via d3.csv, d3.scaleLinear, axisLeft, and axisBottom. The code imports D3 v6 from UNPKG, parses numeric fields, and uses nested selections to bind person-type data to circle elements. The chart adapts to the window size, with axis labels for Height and Weight placed via SVG transforms.

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 _Task 3.2

This example presents a scatter plot of height versus weight, with data points shaped according to a person type category. The dataset is loaded from a remote CSV file and parsed with `d3.csvParse`. The visualization uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.symbolsFill` to encode the categorical variable through different symbol shapes. The chart includes axis labels, a title, and a custom legend built with D3’s `symbol` generator, all rendered within an SVG using D3 v7.

MMonish Galla
81% match
Loading thumbnail…

Activity6_Question3

This interactive scatter plot visualizes the relationship between BMI and height, with each point colored by the individual's category (adult, teenager, child). The code uses D3 v6 to load the CSV dataset from a GitHub repository, scales the axes with `scaleLinear`, and renders the circles as SVG elements. The chart incorporates `axisLeft` and `axisBottom` for numeric axes, with custom labels in green, all sized to the browser window.

Aayeshamanzoor111798@gmail.com
79% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between height and weight for individuals, colored by gender. It displays data points as circles with a tooltip showing exact values on mouseover, along with labeled axes and a color-coded legend. The visualization loads data from a CSV file via `d3.csv` and renders with SVG. It uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to map data to coordinates, axes, and categorical colors for male and female observations.

AAreeba Hassan
79% match
Loading thumbnail…

activity6task3q1

This scatter plot visualizes the relationships between height and weight in a small dataset, with points colored blue for males and pink for females. The visualization uses D3 v6 and renders as an SVG, loading data from a CSV file. It uses `scaleLinear` for both axes, `extent` to calculate domains, and `axisLeft` and `axisBottom` to draw the axes. The plot is displayed full-screen, with circles positioned according to the scaled data values.

Ssudheervnarasimha1@gmail.com
78% match
Loading thumbnail…

Acticity6_q3

This scatter plot visualizes the relationship between height and foot size, with individual data points colored by gender (sky blue for male, light green for female). The visualization loads CSV data from a GitHub repository, scales the height and foot measurements using D3 linear scales, and renders circles as SVG markers. It constructs axes using D3’s `axisLeft` and `axisBottom` functions, with labels added manually. The code uses D3 v6 features like `csv`, `select`, `scaleLinear`, and `extent` to process the data and generate the interactive chart.

Cchinnivikramnunna@gmail.com
78% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between weight and length across different object types, using D3 v7’s scaleLinear and scaleOrdinal to map continuous values and categorical shapes. Each point is rendered as a symbol (circle, square, or triangle) via the symbol API, with a custom shape legend built using join methods. The data is loaded asynchronously from a CSV file, and axes are generated with axisLeft and axisBottom.

Ssiddhubhupathi@gmail.com
78% match
Loading thumbnail…

Fork of Activity6_Question 3

This scatter plot visualizes the relationship between weight and height, with points colored by category (blue for A, red for B, orange for other). It uses D3 v7's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load, scale, and render the data as SVG circles. The chart fills the entire browser window, and the data comes from an external CSV file hosted on GitHub. Axis labels are styled with monospace fonts, and the title appears in red.

Kkondaveeti.bhargavi7780@gmail.com
78% 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
77% match