Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dragPractice

Public visualization

Viewing a saved revision (read-only)

27e96a064e6d48e9a5399eeb542d9eeb

dragPractice

0 stars0🌍 Public
GGabriel Ing
Last edited Feb 20, 2025
Created on Feb 18, 2025
Forked from colorPalettes

A playful drag-and-drop exercise presents a teardrop-shaped node that users can move across a bordered playing field. The node responds to pointer events, translating to follow the cursor while also rotating based on its movement. Built with D3 v7, the visualization uses SVG for rendering and custom drag handlers to manage both position and rotation updates. A color scale is generated programmatically, and the interface includes a tooltip for additional interaction.

AI-generated description

Creates a scale of colors.

The finished product for this piece can be found on my website