Skip to main content
SimilarExport ZIP
100%

Activity6_Question3

✓ Published0🌍 Public
AAreeba Hassan
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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…

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
91% 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
87% 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
86% match
Loading thumbnail…

Question3

This scatter plot visualizes the relationship between height and weight, with data points colored by category (A, B, or other). The visualization uses a D3.js (v7) SVG rendering pipeline, reading a CSV dataset of weights and heights. The code leverages several D3 APIs, including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` to build the chart, with axis labels styled via CSS and rendered as SVG text elements.

Gganesh.hns48@gmail.com
86% match
Loading thumbnail…

Question 3

This scatter plot displays the relationship between height and weight for a dataset of individuals, with each point colored by its category (A, B, or default orange). The visualization loads CSV data asynchronously using `d3.csv`, then maps height and weight values through `d3.scaleLinear` domains to screen coordinates. Circles are rendered as SVG elements with `d3.selectAll` and `.join`, while the axes are created using `d3.axisLeft` and `d3.axisBottom`. The chart fills the browser window, with green axis labels and a red title.

Sshivasaikumart@gmail.com
86% match
Loading thumbnail…

Question3

This scatter plot visualizes a small dataset of six people, mapping their height on the x-axis and weight on the y-axis, with each point colored blue for males and pink for females. The chart uses D3 v6’s `scaleLinear` for continuous axes, `axisBottom` and `axisLeft` for tick labels, and SVG circles for marks. While the code also computes age and height for potential `rx` and `ry` attributes, the rendered circles retain a fixed radius of 7 pixels, so these extra variables do not affect the visual encoding.

Ssatvikreddy79@gmail.com
85% 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
85% match
Loading thumbnail…

Assignment2_Task3

This scatter plot visualizes the relationship between height and weight for men and women, using pink and blue markers to distinguish categories. Built with React and D3 v5, it loads CSV data from a GitHub gist and renders an SVG chart. The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values, while circles are appended via `selectAll` and `join`. Axis labels are added as SVG text elements.

Rrikhitakoganti12
84% match