Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW1-Scatter Plot with Menu

Public visualization

Viewing a saved revision (read-only)

d9d5682059ec4641b82e64a0add33b89

HW1-Scatter Plot with Menu

0 stars0🌍 Public
Ee94091071@gs.ncku.edu.tw
Last edited Sep 9, 2024
Created on Sep 4, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes multidimensional data through a menu-driven interface. The visualization uses D3.js to render points on an SVG canvas, with a dropdown menu allowing users to switch between different data attributes for the x and y axes. The code employs d3.select, d3.scaleLinear, d3.axisBottom, and d3.axisLeft to construct the coordinate system, while d3.csv parses the external dataset. A menu change event triggers a transition that updates the point positions using transition.attr, providing a dynamic comparison of variable relationships.

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.