2f:[] 2d:{"title":"Danger Gradient – Alternative","cells":[{"id":0,"value":"# Danger Gradient – Alternative","pinned":false,"hidden":false,"mode":"md"},{"id":85,"value":"start = ({\n ...culori.okhsl(\"#1b87aa\"),\n l: 0.7,\n s: 0.15\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"startColorBlue = culori.okhsl(\"#cdcdd1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"endColorRed = culori.okhsl(\"#ac004f\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"saveColor = ({\n ...culori.okhsl(\"#cdcdd1\"),\n l: 0.95,\n s: 0.1\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"mid1 = ({ ...culori.okhsl(\"#d5cdb9\"), l: 0.3, s: 0.2 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":66,"value":"mid2 = ({ ...culori.okhsl(\"#df7c18\"), s: 0.9, l: 0.4 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"dangerColor = ({\n ...endColorRed,\n s: 1,\n l: 0.65\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"veryMurky = ({\n ...culori.okhsl(\"#ae49a2\"),\n s: 1,\n l: 0.8\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"gradientDisplay(gradient, 10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"swatches(culori.samples(10).map(gradient))","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"gradient = culori.interpolate(\n [saveColor, start, mid1, mid2, dangerColor],\n \"oklab\",\n culori.interpolatorSplineBasis\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(culori.samples(20).map(gradient), { y: \"s\" })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(culori.samples(20).map(gradient), { y: \"v\" })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":144,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(culori.samples(20).map(gradient), { y: \"h\" })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"culori = import(\"https://cdn.skypack.dev/culori@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"gradientDisplay = (colors, numberOfSamples = 5) => {\n const id = nanoid.nanoid(5);\n let gradientFixPoints = culori\n .samples(numberOfSamples)\n .map(colors);\n\n return html`\n\n\n

${gradientFixPoints.map(culori.formatHex).join(\", \")}

\n\n`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"import { swatches } from \"@nzzvisuals/dataviz-colors\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"nanoid = import(\"https://cdn.skypack.dev/nanoid\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}