{"version":"1.0","type":"rich","title":"Topologica.js Color Picker Example","description":"Three range sliders control the red, green, and blue components of a color, which updates the page’s background in real time. Built with D3 v5 for DOM selection and event handling, it uses Topologica.js to define a reactive data flow graph where the color string and background style are computed from slider values. Each slider input triggers a state update, demonstrating how Topologica manages dependencies between data and visual output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ad8efdb0d7b547ef8f47a97b3073e36a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}