🌍 Public
Activity-8_Task-3.2
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 descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.
MIT Licensed
Comments
Sign in to join the discussion.