Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_Scatter_Plot

Public visualization

Viewing a saved revision (read-only)

6c97f91d3a2a4c3d869a65a48e9fe510

Reusable_Scatter_Plot

0 stars1🌍 Public
HHemanthh81
Last edited Jul 22, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

This example demonstrates an animated scatter plot of the Iris dataset, cycling through four different x-axis variables (petal width, sepal width, petal length, and sepal length) while keeping petal length on the y-axis. The plot uses D3.js via UNPKG, with custom ES6 modules for the reusable scatter plot logic. Data is loaded from a CSV file, and the visualization updates every few seconds using `setInterval`, recoloring points by species. The SVG rendering includes axes, a legend, and axis labels, with styling applied via CSS.

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.