27:null 28:["$","title",null,{"children":"Danger Gradient – Alternative | xeophin | Observable"}] 2d:[] 2b:{"id":"c95bcbb90f2bc51c","slug":null,"title":"Danger Gradient – Alternative","thumbnail":"2fdad9809ff8437216be2a8f4a89fb50ca8d8fa8068bd9f7c106b5d28449805f","access_level":"public","create_time":"$D2023-03-06T13:04:36.042Z","update_time":"$D2023-03-06T13:13:57.496Z","view_time":null,"first_public_time":"$D2023-03-06T13:04:36.042Z","has_unpublished_edits":null,"fork":{"id":"afceeb89d39d7c0d","slug":null,"title":"Danger Gradient","owner":{"id":"23dacee87978b27a","login":"xeophin","name":"xeophin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"23dacee87978b27a","login":"xeophin","name":"xeophin","avatar_url":"https://avatars-next.observableusercontent.com/10a77e12b3f5cd7251ec4b1e8d2bdfa60ab72843bc51c7c80a235701f9e6383c","tier":"starter_2024"},"version":209,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6955dde3639cf543","login":"xeophin","name":"xeophin","avatar_url":"https://avatars-next.observableusercontent.com/10a77e12b3f5cd7251ec4b1e8d2bdfa60ab72843bc51c7c80a235701f9e6383c","tier":null}],"members":[{"type":"individual","id":"6955dde3639cf543","login":"xeophin","name":"xeophin","avatar_url":"https://avatars-next.observableusercontent.com/10a77e12b3f5cd7251ec4b1e8d2bdfa60ab72843bc51c7c80a235701f9e6383c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Danger Gradient – Alternative","cells":[{"id":0,"value":"# Danger Gradient – Alternative","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"start = ({\n ...culori.okhsl(\"#1b87aa\"),\n l: 0.7,\n s: 0.15\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"startColorBlue = culori.okhsl(\"#cdcdd1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"endColorRed = culori.okhsl(\"#ac004f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"saveColor = ({\n ...culori.okhsl(\"#cdcdd1\"),\n l: 0.95,\n s: 0.1\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"mid1 = ({ ...culori.okhsl(\"#d5cdb9\"), l: 0.3, s: 0.2 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"mid2 = ({ ...culori.okhsl(\"#df7c18\"), s: 0.9, l: 0.4 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"dangerColor = ({\n ...endColorRed,\n s: 1,\n l: 0.65\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"veryMurky = ({\n ...culori.okhsl(\"#ae49a2\"),\n s: 1,\n l: 0.8\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"gradientDisplay(gradient, 10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"swatches(culori.samples(10).map(gradient))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"gradient = culori.interpolate(\n [saveColor, start, mid1, mid2, dangerColor],\n \"oklab\",\n culori.interpolatorSplineBasis\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"culori = import(\"https://cdn.skypack.dev/culori@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"import { swatches } from \"@nzzvisuals/dataviz-colors\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"nanoid = import(\"https://cdn.skypack.dev/nanoid\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"