Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dragPractice

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed