Skip to main content
SimilarExport ZIP
100%

Acticity6_q3

✓ Published0🌍 Public
Cchinnivikramnunna@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

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.

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

Activity8Task3.1

This interactive scatter plot visualizes the relationship between age and height for a dataset with categorical color coding. Points are colored skyblue, lightgreen, or orange based on their category, with gray as the default fallback. The visualization loads CSV data from a GitHub gist using the `csv` function, then maps values to screen coordinates with `scaleLinear` and `extent`. It renders SVG circles using `selectAll` with the `join` operator, and displays labeled axes via `axisLeft` and `axisBottom`. The plot dynamically fills the browser window with margins defined for the chart area.

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

activity6_question6

This example shows a scatter plot of t-shirt dataset records, mapping age to the x-axis and height to the y-axis, with circles sized by weight and colored by shirt size category. It loads CSV data from a GitHub repository using d3.csv, then renders SVG circles with d3.scaleLinear for both axes and d3.axisLeft and d3.axisBottom for tick marks. The visualization uses a hardcoded color scale for size categories and positions axis labels via SVG text elements.

Ggketan456@gmail.com
78% match
Loading thumbnail…

Fork of HTML Starter

This scatter plot visualizes the relationship between height and weight for individuals in a demographic dataset, with points colored by gender (blue for male, pink for female). The visualization uses D3 v6 to load CSV data from a GitHub repository, then renders circles on an SVG canvas. D3's `scaleLinear` and `extent` functions map the raw measurements to pixel coordinates, while `axisLeft` and `axisBottom` create labeled axes for weight and height. The chart fills the browser window and includes custom axis label styling.

Ssahithya.voleti@gmail.com
78% 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
77% match
Loading thumbnail…

act_6_q_4

This bubble chart displays correlations among age, height, and weight for eighteen named individuals, with each circle’s position encoding age and height while its size and color represent weight. The D3 v7 code loads CSV data and renders an SVG with linear scales, a color ordinal scale, and hover tooltips. A legend and animated transitions highlight the mapping, using d3.axisBottom, d3.axisLeft, and d3.scaleLinear for visual encoding.

Ssairam.amaraneni22@gmail.com
77% match