31:[] 2f:{"title":"SVG drop shadow maker","cells":[{"id":0,"value":"md`# SVG drop shadow maker`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"viewof filterX = slider({\n min: -20, \n max: 20, \n step: 1, \n value: 0, \n title: \"filter x\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"viewof filterY = slider({\n min: -20, \n max: 20, \n step: 1, \n value: 0, \n title: \"filter y\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"viewof filterWidthPx = slider({\n min: 50, \n max: 250, \n step: 5, \n value: 200, \n title: \"filter width (px)\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"viewof filterHeightPx = slider({\n min: 50, \n max: 250, \n step: 5, \n value: 200, \n title: \"filter height (px)\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"viewof feOffsetDx = slider({\n min: 0, \n max: 40, \n step: 1, \n value: 4, \n title: \"feOffset dx\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"viewof feOffsetDy = slider({\n min: 0, \n max: 40, \n step: 1, \n value: 4, \n title: \"feOffset dy\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"viewof feGaussianBlurDeviation = slider({\n min: 0, \n max: 30, \n step: 1, \n value: 5, \n title: \"feGaussianBlur std dev\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"viewof c1 = color({\n value: \"#7d7d7d\",\n title: \"feColorMatrix color\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"viewof feColorMatrixAlpha = slider({\n min: 0, \n max: 1, \n step: 0.001, \n value: 0.5, \n title: \"feColorMatrix alpha\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"viewof feOffsetIn = select({\n title: \"feOffset in\",\n options: [\"SourceGraphic\", \"SourceAlpha\"],\n value: \"SourceAlpha\",\n description: \"Use SourceGraphic in conjunction with feColorMatrix above\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"md`#### Copy the following inside the \\`\\` tag in your SVG:\n\n\\`${myFilter}\\``","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"// https://riptutorial.com/svg/example/12623/shadow-filters--inner-glow\n\n// \n// \n// \n// \n// \n// ","pinned":true,"hidden":false,"mode":"ojs"},{"id":230,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"myFilter = `\n \n \n \n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"round = d => Math.round(100*d)/100","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"rgbcolor = d3.rgb(c1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"import {slider, color, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"d3 = require('d3-color')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}