Activity 8 - Q3.6
✓ Published0🌍 Public
This example visualizes penguin measurements from a CSV file, plotting bill length against bill depth and encoding species using different d3 symbol shapes. The scatter plot uses D3 v7’s scaleLinear for axes and scaleOrdinal with symbolsFill to differentiate three species, with a custom shape legend displaying symbol labels. A reusable axes module adds labeled x- and y-axes, while the code demonstrates modular ES6 imports and D3’s data join pattern to render marks. Data is loaded asynchronously via fetch and parsed with csvParse before being passed to the chart.
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