Skip to main content
100%

Iris Vue

✓ Published0🌍 Public
PPaulDFPV
Last edited Dec 29, 2021
Created on Dec 28, 2021
Forked from Population Bar Vue

This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and sepal width to the y-axis, with each flower represented as a fixed orange or yellow circle. It uses Vue 2 to manage the reactive data and SVG rendering, while d3.v7 provides the linear scales, tick generation, and CSV loading via `d3.csv`. A crosshair cursor and a vertical green line track mouse movement, updating its position on `mousemove`. The axes and labels are built from reusable Vue components that call `scale.ticks()` from the D3 scale.

AI-generated description
MIT Licensed

Similar vizzes