Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

c9269911dc764852a1012376d4cac285

Activity 7

0 stars0🌍 Public
TTarshit Vupperla
Last edited Nov 7, 2024
Created on Nov 7, 2024

This interactive scatter plot visualizes the Iris dataset, cycling through different feature pairings on the x-axis every few seconds. It displays sepal and petal measurements for three iris species, colored distinctively (skyblue, lightgreen, and orange). The visualization is built with React and D3.js, using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to generate axes. SVG circles represent data points, with dynamic x-value updates triggering re-renders. A legend and rotating axis labels accompany the animated transitions between petal width, sepal width, petal length, and sepal length.

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.