30:Tf07,html`

Type	culori	d3	chroma
Lab	${culori.samples(count).map(culori.interpolate(colors, 'lab')).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateLab(colors[0], colors[1]), count).map(toSwatch).join('')}	${chroma.scale(colors).mode('lab').colors(count).map(toSwatch).join('')}
LCh	${culori.samples(count).map(culori.interpolate(colors, 'lch')).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateHcl(colors[0], colors[1]), count).map(toSwatch).join('')}	${chroma.scale(colors).mode('lch').colors(count).map(toSwatch).join('')}
RGB	${culori.samples(count).map(culori.interpolate(colors, 'rgb')).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateRgb(colors[0], colors[1]), count).map(toSwatch).join('')}	${chroma.scale(colors).mode('rgb').colors(count).map(toSwatch).join('')}
LRGB	${culori.samples(count).map(culori.interpolate(colors, 'lrgb')).map(toSwatch).join('')}	–	${chroma.scale(colors).mode('lrgb').colors(count).map(toSwatch).join('')}
HSV	${culori.samples(count).map(culori.interpolate(colors, 'hsv')).map(toSwatch).join('')}	–	${chroma.scale(colors).mode('hsv').colors(count).map(toSwatch).join('')}
HSV (Long)	${culori.samples(count).map(culori.interpolate(colors, 'hsv', { h: culori.interpolateLinear() })).map(toSwatch).join('')}	–	—
DIN99o Lab	${culori.samples(count).map(culori.interpolate(colors, 'dlab')).map(toSwatch).join('')}	–	—
DIN99o LCh	${culori.samples(count).map(culori.interpolate(colors, 'dlch')).map(toSwatch).join('')}	–	—
RGB γ = 2.2 in samples	${culori.samples(count, 2.2).map(culori.interpolate(colors)).map(toSwatch).join('')}	–	—
RGB γ = 2.2 in interpolation	${culori.samples(count).map(culori.interpolate(colors, 'rgb', { r: culori.interpolateLinear(null, 2.2), g: culori.interpolateLinear(null, 2.2), b: culori.interpolateLinear(null, 2.2) })).map(toSwatch).join('')}	–	—
Cubehelix	${culori.samples(count).map(culori.interpolate(colors, 'cubehelix')).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateCubehelix(colors[0], colors[1]), count).map(toSwatch).join('')}	N/A
Cubehelix γ = 3	${culori.samples(count).map(culori.interpolate(colors, 'cubehelix', { l: culori.interpolateLinear(null, 3) })).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateCubehelix.gamma(3)(colors[0], colors[1]), count).map(toSwatch).join('')}	N/A
Cubehelix long	${culori.samples(count).map(culori.interpolate(colors, 'cubehelix', { h: culori.interpolateLinear(), })).map(toSwatch).join('')}	${d3i.quantize(d3i.interpolateCubehelixLong(colors[0], colors[1]), count).map(toSwatch).join('')}	N/A

`31:T43e,md` ${culori.samples(count).map(culori.interpolate(colors, 'lab')).map(toSwatch).join('')}
${culori.samples(count).map(culori.interpolate(colors, 'jab')).map(toSwatch).join('')}
${culori.samples(count).map(culori.interpolate(colors, 'lch')).map(toSwatch).join('')}
${culori.samples(count).map(culori.interpolate(colors, 'jch')).map(toSwatch).join('')} ### Regression tests #### Cubehelix y = 3 ${culori.samples(count).map(culori.interpolate(colors, 'cubehelix', { l: culori.interpolateLinear(null, 3) })).map(toSwatch).join('')}
${culori_prev.samples(count).map(culori_prev.interpolate(colors, 'cubehelix', { l: culori_prev.interpolateFunctionLinear(culori_prev.interpolateNumber(), 3) })).map(toSwatch).join('')} #### Cubehelix long ${culori.samples(count).map(culori.interpolate(colors, 'cubehelix', { h: culori.interpolateLinear() })).map(toSwatch).join('')}
${culori_prev.samples(count).map(culori_prev.interpolate(colors, 'cubehelix', { h: culori_prev.interpolateFunctionLinear(culori_prev.interpolateNumber()) })).map(toSwatch).join('')} `32:T8a2,md` ## Color Scales #### Spectral ##### RGB Linear vs. Monotone ${culori.samples(count).map(culori.interpolate(colors,'rgb')).map(toSwatch) }
${culori.samples(count).map(culori.interpolate(colors,'rgb', { r: culori.interpolateSplineMonotone(), g: culori.interpolateSplineMonotone(), b: culori.interpolateSplineMonotone() })).map(toSwatch) } ##### LCH Linear vs. Monotone ${culori.samples(count).map(culori.interpolate(colors,'lab')).map(toSwatch) }
${culori.samples(count).map(culori.interpolate(colors,'lab', { l: culori.interpolateSplineMonotone(), a: culori.interpolateSplineMonotone(), b: culori.interpolateSplineMonotone() })).map(toSwatch) } ##### RGB Linear ${culori.samples(count).map(culori.interpolate(cs.scales.Spectral,'rgb')).map(toSwatch) } ##### RGB Monotone Spline ${culori.samples(count).map(culori.interpolate(cs.scales.Spectral,'rgb', { r: culori.interpolateSplineMonotone(), g: culori.interpolateSplineMonotone(), b: culori.interpolateSplineMonotone() })).map(toSwatch) } ##### RGB Natural Spline ${culori.samples(count).map(culori.interpolate(cs.scales.Spectral,'rgb', { r: culori.interpolateSplineNatural(), g: culori.interpolateSplineNatural(), b: culori.interpolateSplineNatural() })).map(toSwatch) } ##### RGB Basis Spline ${culori.samples(count).map(culori.interpolate(cs.scales.Spectral,'rgb', { r: culori.interpolateSplineBasis(), g: culori.interpolateSplineBasis(), b: culori.interpolateSplineBasis() })).map(toSwatch) } ##### D3 ${d3i.quantize(d3sc.interpolateSpectral, count).map(toSwatch).join('')} #### RdYlGn

${culori.samples(count).map(culori.interpolate(cs.scales.RdYlGn,'rgb', { r: culori.interpolateSplineBasis(), g: culori.interpolateSplineBasis(), b: culori.interpolateSplineBasis() })).map(toSwatch) }

${d3i.quantize(d3sc.interpolateRdYlGn, count).map(toSwatch).join('')}

#### Viridis ${culori.samples(count).map(culori.interpolate(cs.scales.Viridis,'lch')).map(toSwatch) } #### CubeYF ${culori.samples(count).map(culori.interpolate(cs.scales.cubeYF,'lch')).map(toSwatch) } #### Cube1 ${culori.samples(count).map(culori.interpolate(cs.scales.cube1,'lch')).map(toSwatch) } `33:[] 2e:{"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":31,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":486,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":293,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"md`\n# Spline interpolation (RGB)\n\n## Linear\n\n${culori.samples(count).map(culori.interpolate(colors, 'rgb')).map(toSwatch) }\n\n## Natural Spline\n\n${culori.samples(count).map(culori.interpolate(colors, 'rgb', {\n r: culori.interpolateSplineNatural(),\n g: culori.interpolateSplineNatural(),\n b: culori.interpolateSplineNatural(),\n alpha: culori.interpolateSplineNatural(culori.interpolateAlpha)\n})).map(toSwatch) }\n\n## B-spline\n\n${culori.samples(count).map(culori.interpolate(colors, 'rgb', {\n r: culori.interpolateSplineBasis(),\n g: culori.interpolateSplineBasis(),\n b: culori.interpolateSplineBasis(),\n alpha: culori.interpolateSplineBasis(culori.interpolateAlpha)\n})).map(toSwatch) }`","pinned":false,"hidden":false,"mode":"ojs"},{"id":493,"value":"md`### Default vs. closed splines\n\n#### RGB B-Spline (default)\n\n${culori.samples(count).map(culori.interpolate(colors,'rgb', {\n r: culori.interpolateSplineBasis(null, 'closed'),\n g: culori.interpolateSplineBasis(null, 'closed'),\n b: culori.interpolateSplineBasis(null, 'closed')\n})).map(toSwatch) }\n\n#### RGB B-Spline (closed)\n\n${culori.samples(count).map(culori.interpolate(colors,'rgb', {\n r: culori.interpolateSplineMonotone(null, 'closed'),\n g: culori.interpolateSplineMonotone(null, 'closed'),\n b: culori.interpolateSplineMonotone(null, 'closed')\n})).map(toSwatch) }\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"natural_spline_interpolation = ({\n r: culori.interpolateSplineNatural(),\n g: culori.interpolateSplineNatural(),\n b: culori.interpolateSplineNatural(),\n alpha: culori.interpolateSplineNatural(culori.interpolateAlpha)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"md`\n\n## Schemes\n\n#### Spectral\n\n${\n cs.schemes.Spectral.slice(3).map(s => s.map(toInlineSwatch).join('')).join('
') \n}\n\n#### RdYlGn\n\n${\n cs.schemes.RdYlGn.slice(3).map(s => s.map(toInlineSwatch).join('')).join('
') \n}\n\n`","pinned":false,"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":62,"value":"culori = import('culori@0.20.1')","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"culori_prev = import('culori@0.6.0')","pinned":false,"hidden":false,"mode":"ojs"},{"id":319,"value":"cs = require('culori-scales')","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"chroma = (await import(\"chroma-js@3\")).default","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"}],"files":"$W33","stdlib":"1","titling":"auto"}