Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-8_Task-3.2

Public visualization

Activity-8_Task-3.2

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

This example displays a scatter plot of Iris flower measurements, mapping sepal length and petal length onto x- and y-axes while encoding species identity through distinct point symbols. It loads CSV data from a GitHub repository using `d3.csvParse` and parses numeric columns before rendering. The visualization uses `d3.scaleLinear` for positioning, `d3.scaleOrdinal` with `schemeCategory10` for shapes, and custom SVG axes built from `d3.axisLeft` and `d3.axisBottom`. A custom legend component displays the species-to-shape mapping, and the code demonstrates modular ES6 imports across multiple local files with D3 v7.

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