{"version":"1.0","type":"rich","title":"d3 and canvas - the bind, the draw and the pick","description":"This example demonstrates a dynamic grid of colored cells on an HTML canvas, where each cell represents a data point. A hidden secondary canvas is used for mouse picking; each cell gets a unique color assigned via `genColor()`, and this color is mapped to the original data in a dictionary (`colourToNode`). When the user hovers over the visible canvas, the tooltip displays the corresponding data value by reading the pixel color from the hidden canvas. The visualization uses d3.v4 for data binding and transitions, and it redraws both canvases continuously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c8513395cec74828ba02cac987957ab1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}