Skip to main content
100%

sekhar 3.2

✓ Published0🌍 Public
SSekharofficial2022@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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 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