{"version":"1.0","type":"rich","title":"dragPractice","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/26d7549285b745968a26a65490f4e8fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}