🌍 Public
Viewing a saved revision (read-only)
9052eb0b78ee43bc8aeb8ae1fa32a28a
Task_9_Tutorial_1
This animated scatter plot visualizes the Iris dataset, cycling through four different feature combinations on the x-axis (petal width, sepal width, petal length, sepal length) while keeping sepal length on the y-axis. The three species are distinguished by color (skyblue, lightgreen, orange) and a legend. Built with D3.js (v6), the visualization uses an ES6 module pattern for a reusable `scatterPlot` function that employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The animation uses `setInterval` to update the x-axis and redraw the plot, with SVG rendering and text labels for axes and title.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.