2f:T556,{ const xOffset = 100 - perCentFilled; return html` `; } // fill="${contrast()}"30:[] 2d:{"title":"Data-driven Fill on a Closed Path SVG element","cells":[{"id":0,"value":"# Data-driven [Fill](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill) on a [Closed Path](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path) SVG element\nA quick little [infographic](https://en.wikipedia.org/wiki/Infographic) using the [SVG linearGradient](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/linearGradient). ","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"viewof startColor = Inputs.color({ label: \"Start Color\", value: \"#ffffff\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"viewof stopColor = Inputs.color({ label: \"Stop Color\", value: \"#00ff00\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof perCentFilled = Inputs.range([0, 100], {\n step: 1,\n label: \"Percent Filled\",\n value: 50\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"viewof removeGradation = Inputs.toggle({\n label: \"Remove Gradation\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}