Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualização de gráfico de dispersão v4

Public visualization

Viewing a saved revision (read-only)

cc5f7910b07c4209a841d8e340d0d12b

Visualização de gráfico de dispersão v4

0 stars1🌍 Public
Xxilingus
Last edited Nov 3, 2021
Created on Nov 3, 2021

This scatter plot visualizes the Iris dataset, letting users interactively explore relationships between sepal and petal measurements by selecting which attribute appears on each axis via dropdown menus. The visualization uses D3.js v5 scales (scaleLinear, scaleOrdinal) to map data values to positions and colors, while the React-driven SVG rendering displays circles for each flower specimen. Species are distinguished by color, and hovering reveals the x-axis value through a native SVG tooltip. The code implements custom React components for axes and marks, with data loaded asynchronously from a CSV file.

AI-generated description

Visualização de gráfico de dispersão v1