Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DOM panzoom demo SelectPoint

Public visualization

Viewing a saved revision (read-only)

bebbfff8308f443f8f7c04b5e82d3d10

DOM panzoom demo SelectPoint

0 stars0🌍 Public
OOleJRask
Last edited Nov 28, 2021
Created on Nov 28, 2021

This example demonstrates interactive pan and zoom on a scatterplot of breast cancer data, where each circle represents a sample plotted by Clump Thickness against Uniformity of Cell Size. The page applies the `panzoom` library to the entire DOM container, allowing users to navigate the visualization, while Vega-Lite’s `selectPoint` parameter binds a point selection to the axes’ scales for dynamic filtering. Built with Vega-Lite API and D3 v7, the code loads CSV data from a GitHub gist and renders the marks as SVG, with the visualization sized to fill the browser window.

AI-generated description

A bare minimum HTML page.