Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8Task3.1

Public visualization

Viewing a saved revision (read-only)

4f9c9127826d4a56aabdbd2847c84854

Activity8Task3.1

0 stars0🌍 Public
Ssirichandana017@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

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.

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.