Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6 Tutorial-3

Public visualization

Viewing a saved revision (read-only)

d072df1689974117ab97133137a5ccb0

Activity-6 Tutorial-3

0 stars0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from HTML Starter

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with different species distinguished by distinct symbol shapes from `d3.symbol`. The visualization uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `symbolsFill` to assign shapes. It loads the data from a remote CSV file using `d3.csvParse` and renders the plot with D3 v7, including axes from the `axes.js` module and a shape legend generated via `d3.symbol`. The SVG fills the browser viewport, with margins and labels configured in the `scatterPlot` function.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.