sekhar 3.2
✓ Published0🌍 Public
This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each species distinguished by a different symbol and accompanied by a custom legend. The visualization dynamically loads the CSV data from a GitHub repository using `fetch` and parses it with `csvParse`. Built with D3 v7, it creates linear scales via `scaleLinear`, an ordinal scale via `scaleOrdinal`, and renders marks using the `symbol` generator, while axes and labels are constructed through custom ES6 modules. The chart updates its state through a `setState` callback, demonstrating a stateful rendering loop.
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