Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8 tutorial 3

Public visualization

Viewing a saved revision (read-only)

73513d6f4af34adeafc504b0fe6ef130

Task 8 tutorial 3

0 stars1🌍 Public
Vvchittimadha@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, distinguishing three flower species with colored circles: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The chart plots petal length on the x-axis and petal width on the y-axis, while also encoding sepal length and sepal width as non-standard circle attributes. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to SVG coordinates. The code loads CSV data from a GitHub gist and renders circles with fixed radius of 5 pixels on an SVG canvas.

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.