Iris Vue
✓ Published0🌍 Public
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 descriptionMIT Licensed