Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dynamic Scatter Plot

Public visualization

Viewing a saved revision (read-only)

ba4721e0cc8f45e8ac9d6a7806d4a6ff

Dynamic Scatter Plot

0 stars4🌍 Public
SSubhamChhetri
Last edited Feb 16, 2023
Created on Feb 15, 2023
Forked from D3 Reusable Chart

This dynamic scatter plot displays the Iris flower dataset, allowing users to explore relationships between four measured attributes through interactive dropdown menus. Built with React and D3.js, the visualization renders animated SVG circles that smoothly transition between positions when the X or Y axis selection changes. The chart includes axis labels, a title, and a legend, with data fetched from a CSV file. The code employs D3 modules like `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to handle scaling, axis rendering, and animation, while the menu interface uses a custom `menu` factory built on D3's `dispatch` event system.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.