{"version":"1.0","type":"rich","title":"d3 drop shadow example","description":"Three steelblue rectangles with drop shadows are drawn on an SVG canvas using D3.js v3. The example demonstrates SVG filter effects, specifically `feGaussianBlur`, `feOffset`, and `feMerge`, to create a blurred, offset shadow behind each rectangle. Data is stored in a simple JavaScript array of coordinates, and `d3.select` and `selectAll` bind this data to the rectangles, applying the filter via the `style(\"filter\", ...)` attribute. The code is based on a gist by ackuser and uses D3’s SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bc0e590b49353859bb3afdcdb5288ae9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}