27:null 28:["$","title",null,{"children":"Danger Gradient | xeophin | Observable"}] 2d:[] 2b:{"id":"afceeb89d39d7c0d","slug":null,"title":"Danger Gradient","thumbnail":"aa10ffdfd95eb5e88b19f5d7c7eaabbfdacfcb5e306d04a85849a843b4d0de43","access_level":"public","create_time":"$D2023-03-06T10:02:05.685Z","update_time":"$D2023-03-06T13:55:25.515Z","view_time":null,"first_public_time":"$D2023-03-06T10:02:05.685Z","has_unpublished_edits":null,"fork":false,"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":185,"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":1,"collection":null,"type":"notebook","body":{"title":"Danger Gradient","cells":[{"id":0,"value":"# Danger Gradient","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"start = ({\n ...culori.okhsl(\"#1b87aa\"),\n l: 0.8,\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\") })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"mid2 = ({ ...culori.okhsl(\"#df7c18\"), s: 0.4 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"dangerColor = ({\n ...endColorRed,\n s: 0.9\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.15\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, veryMurky],\n \"okhsv\",\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":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","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"