Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3.2

Public visualization

Activity6_Task3.2

0 stars0🌍 Public
HHari Kiran
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This example demonstrates a scatter plot of flower measurements, encoding bloom length and stem length along the axes while using distinct symbols to represent different flower species. It shows how D3 v7’s `scaleOrdinal`, `symbolsFill`, and `symbol` APIs can map categorical data to visual shapes, accompanied by a custom legend built with reusable ES6 modules. The visualization loads CSV data from a GitHub repository, parses it with `csvParse`, and renders the plot across the full browser window using modular functions for axes and the legend.

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.

Comments

Sign in to join the discussion.

MIT Licensed