2f:[] 2d:{"title":"Danger Gradient","cells":[{"id":0,"value":"# Danger Gradient","pinned":false,"hidden":false,"mode":"md"},{"id":85,"value":"start = ({\n ...culori.okhsl(\"#1b87aa\"),\n l: 0.8,\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\") })","pinned":true,"hidden":false,"mode":"ojs"},{"id":66,"value":"mid2 = ({ ...culori.okhsl(\"#df7c18\"), s: 0.4 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"dangerColor = ({\n ...endColorRed,\n s: 0.9\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"veryMurky = ({\n ...culori.okhsl(\"#ae49a2\"),\n s: 1,\n l: 0.15\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, veryMurky],\n \"okhsv\",\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":173,"value":"Plot.plot({\n x: {\n type: \"log\",\n tickFormat: \",\"\n },\n marks: [\n Plot.tickX([0, 0.00001, 0.0001, 0.001, 0.01, 0.1, 1], { stroke: \"blue\" }),\n Plot.tickX([0.0002, 0.002], { stroke: \"red\" })\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"}