Skip to main content
SimilarExport ZIP
100%

activity6_question6

✓ Published1🌍 Public
Ggketan456@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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…

activity7.1 question1

This scatter plot visualizes a custom shirt dataset, mapping age to the x-axis, height to the y-axis, and weight to the radius of each circle. The circles are colored by shirt size using a hardcoded color scale (e.g., XS is light blue, XXXL is red). The visualization loads a CSV file from a GitHub URL, parses numeric fields, and renders an SVG using D3.js. It uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, and the `axisLeft` and `axisBottom` functions to display the axes with labeled tick marks.

Ggketan456@gmail.com
92% match
Loading thumbnail…

activity 7.1 question 2

This example shows an area chart of average clothing weight by size. The visualization loads CSV data from a GitHub gist, groups the records by clothing size, and computes the mean weight for each category before drawing the chart using D3 v7. The SVG rendering uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area` generator to create the filled path. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and the chart is styled with steelblue fill.

Ggketan456@gmail.com
82% 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
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…

acticity 6_q3

This example displays a scatter plot of age against height, with points colored by category (A, B, or C) using a fixed dot radius. The visualization loads CSV data from a GitHub gist and renders it as SVG circles using D3 v6. It employs `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data and draw labeled axes for Age and Height.

NNagalakshmi Thota
81% 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
81% match
Loading thumbnail…

Activity6_task3_3

This scatter plot visualizes the relationship between age and weight from a synthetic health dataset. The visualization encodes each data point as a circle, with position determined by age on the x-axis and weight on the y-axis. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft to render tick marks. The code colors points based on gender using d3.scaleOrdinal and includes a shapeLegend function that displays the color mapping. The data is loaded via d3.csv from a GitHub-hosted CSV file and rendered as SVG elements.

Vvemurisuchitha@gmail.com
81% 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