{"version":"1.0","type":"rich","title":"d3 and canvas","description":"D3 version 4 and the HTML5 Canvas API draw animated, colored grids of cells whose count is set by user input between 1 and 10,000. The code binds data to custom DOM elements, using transitions to animate cell size and fillStyle, then a d3.timer repeatedly invokes a draw function that clears and repaints the canvas. A d3.scaleSequential with d3.interpolateSpectral maps data values to colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c419e978836462b90754e9b9ca3ae4c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}