{"version":"1.0","type":"rich","title":"Colorspaces","description":"This visualization uses 500×500 colored pixels to represent the HCL color space across a canvas. It plots hue along the horizontal axis and lightness along the vertical axis, with chroma fixed at 100, showing the full gamut of colors as a smooth, continuous gradient. The code iterates through each pixel coordinate, calling `d3.hcl` from the d3-color library to generate the corresponding color, and draws it on a Canvas element via `d3.range` loops. The example relies on D3 v4 alpha and the d3-scale-chromatic module to provide the color interpolation.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-88c687dd5961c36383120bf988ed49a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}