Skip to main content
SimilarExport ZIP
100%

acticity 6_q3

✓ Published0🌍 Public
NNagalakshmi Thota
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

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.

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…

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

act_8_q_3.6

This scatter plot uses the D3.js library (v6) to visualize the relationship between age and height from the heights dataset. It encodes each individual's sex through circle color, with male data points shown in sky blue and female points in orange, while the plot axes are labeled and scaled using D3's linear scale and axis functions. The visualization loads CSV data from an external URL, maps the height and age columns to the x and y axes, and renders the marks as SVG circles.

Ssairam.amaraneni22@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
83% match
Loading thumbnail…

Q3_Activity8

This example displays a scatter plot of happiness survey data, plotting age on the x-axis against income on the y-axis. Each point is colored according to the reported happiness level (High, Medium, or Low) using a custom color mapping. The visualization is rendered as an SVG using D3 v6, with data loaded from a remote CSV file via `d3.csv`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while linear scales are created with `d3.scaleLinear`.

Vvaishalireddy55555@gmail.com
82% 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
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
81% match
Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava
81% match
Loading thumbnail…

A-2_Q-2

This example shows an area chart of age versus height, with the area filled in a solid blue color beneath the line. It uses D3 v7 to load a CSV file from a GitHub gist, parse the data, and sort the entries by age in ascending order. The visualization defines linear scales for both axes and uses the `d3.area` generator to create the filled path, while `d3.axisBottom` and `d3.axisLeft` render the axes with labels. The SVG rendering is sized to 600 by 400 pixels, with a slightly filtered fill color applied to the area path.

Llingaladineshteja23@gmail.com
81% match