Skip to main content
100%

Activity 8 - Q3.6

✓ Published0🌍 Public
SSamir Tarda
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

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 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.
MIT Licensed

Similar vizzes