Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 - Reusable Scatter Plot

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

5857efdd2aa34de19499dd0c620c1416

Open

ICE-7 - Reusable Scatter Plot

0 stars0🌍 Public
SSaahithi49
Last edited Jul 3, 2022
Created on Jul 1, 2022
Forked from Hello VizHub

This example presents a reusable scatter plot of BMI data, visualizing relationships between Height, Weight, Index, and Age, with points colored by gender. Built with D3 v6, the visualization cycles through different x-axis variables on an interval, updating axes and labels dynamically. It uses D3’s `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, with SVG circles for marks and a custom legend. Data loads from a CSV via `d3.csv`, and the chart is rendered through a reusable `scatterPlot` module.

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.