Task 8 Question 3
✓ Published0🌍 Public
This example visualizes a scatter plot of iris flower measurements, mapping sepal length and petal length while encoding species through different symbol shapes. It loads CSV data from a GitHub repository and displays it using an SVG chart with labeled axes and a custom shape legend. The code uses d3.csvParse to load data, d3.scaleLinear for positioning, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft and d3.axisBottom for axes. A modular structure separates the scatter plot, axes, and legend into local ES6 modules, with rendering driven by a simple state management pattern.
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