30:[] 2e:{"title":"Cartocolor schemes","cells":[{"id":0,"value":"md`# Cartocolor schemes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"md`A library of color schemes from https://carto.com/carto-colors/ (GitHub: https://github.com/CartoDB/cartocolor). Click on a scheme to copy its colors into the clipboard.\n\nOriginal license: [CCBY 3.0](https://creativecommons.org/licenses/by/3.0/us/)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"viewof steps = Range([2, 12], {value: 7, step: 1, label: \"Steps\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"viewof reversed = Toggle({label: \"Reversed\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"html`

\n${\nschemes_by_tag\n .filter(d => d.schemes.length > 0)\n .map(tag_group => `

${tag_group.tag}

\n ${\n tag_group.schemes.map(s => {\n let colors = [...s.scheme[steps]]\n if(reversed) {\n colors.reverse()\n }\n return swatch({library_name: 'cartocolor', name: s.name, colors, steps, reversed}).outerHTML\n }).join('')\n }\n

`\n)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"md`These schemes are available as a npm package. You can require it into your notebook like this:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"cartocolor = require('https://bundle.run/cartocolor@4.0.2')","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"md`The package includes schemes from [Colorbrewer](https://colorbrewer2.org/).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"tags = Array.from(new Set([].concat(...Object.keys(cartocolor).map(k => cartocolor[k].tags || [])) ) )","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"schemes_by_tag = tags.map(tag => ({\n tag,\n schemes: Object.keys(cartocolor)\n .filter(k => cartocolor[k].tags && cartocolor[k].tags.includes(tag) && cartocolor[k][steps])\n .map(k => ({name: k, scheme: cartocolor[k]}))\n })\n).concat({\n tag: 'uncategorized',\n schemes: Object.keys(cartocolor)\n .filter(k => cartocolor[k].tags == undefined && cartocolor[k][steps])\n .map(k => ({name: k, scheme: cartocolor[k]}))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"swatch = (scale) => Object.assign( svg``, {onclick: () => pbcopy(scale.colors.map(s => `'${s}'`).join(','))})","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"import {Range, Toggle} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"import {pbcopy} from \"@mbostock/pbcopy\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}