2f:[] 2d:{"title":"Culori scales test","cells":[{"id":0,"value":"md`\n# Culori scales test\n\nThis notebook demonstrates some ${count}-color scales generated from ${ oxfordComma(colors.map(c => toInlineSwatch(c, true))) } with [culori](https://github.com/danburzo/culori), and [chroma.js](https://github.com/gka/chroma.js) for comparison.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"viewof color_input = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"viewof count = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":576,"value":"viewof hint = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":582,"value":"hint","pinned":true,"hidden":false,"mode":"ojs"},{"id":509,"value":"html`\n\n

\n\n

Linear

\n${culori.samples(count).map(\n culori.interpolate(['green', 'red', 'blue'], 'lrgb')\n).map(toSwatch).join('')}

\n\n

Smoothstep

\n${culori.samples(count).map(\n culori.interpolate(['green', culori.easingSmoothstep, 'red', culori.easingSmoothstep, 'blue'], 'lrgb')\n).map(toSwatch).join('')}\n\n

Smootherstep

\n${culori.samples(count).map(\n culori.interpolate(['green', culori.easingSmootherstep, 'red', culori.easingSmootherstep, 'blue'], 'lrgb')\n).map(toSwatch).join('')}\n\n

Midpoint(${hint})

\n${culori.samples(count).map(\n culori.interpolate(['green', culori.easingMidpoint(hint), 'red', culori.easingMidpoint(hint), 'blue'], 'lrgb')\n).map(toSwatch).join('')}\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"colors = color_input.split(/\\s*;\\s*/)","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"toSwatch = (c) => \n`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"toInlineSwatch = (c) => \n``","pinned":false,"hidden":false,"mode":"ojs"},{"id":506,"value":"culori = require('culori@0.10.0')","pinned":true,"hidden":false,"mode":"ojs"},{"id":319,"value":"cs = require('culori-scales')","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"chroma = require('chroma-js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"d3i = require('d3-interpolate')","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"d3c = require('d3-color')","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"d3sc = require('d3-scale-chromatic')","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"oxfordComma = arr => arr.length === 0 ? '' : arr.length === 1 ? arr[0] : arr.length === 2 ? `${arr[0]} and ${arr[1]}` : `${arr.slice(0, -1).join(', ')}, and ${arr[arr.length - 1]}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":586,"value":"easeInOutCubic = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 }","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}