🌍 Public
Viewing a saved revision (read-only)
b943e0c7b008489a802b6557e6f7fdbe
dragPractice
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 descriptionCreates a scale of colors.
The finished product for this piece can be found on my website