Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Scatter Plot with Shape

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

45e839f5afa9416bb72af940a6412b2c

Open

Fork of Scatter Plot with Shape

0 stars0🌍 Public
MManideeprenikindi
Last edited Jul 23, 2023
Created on Jul 23, 2023
Forked from Hello VizHub

This example visualizes the classic Iris dataset as a scatter plot, encoding sepal length on the x-axis and petal length on the y-axis. The species of each flower is distinguished by shape using D3’s `symbol` generator with `symbolsFill`, and a custom legend displays the shape-to-species mapping. Axes are rendered with `axisLeft` and `axisBottom`, while scales are created via `scaleLinear` and `scaleOrdinal`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse`, with the visualization updating reactively through a state-based render cycle.

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.