2e:null 2f:["$","title",null,{"children":"Fabio Crameri's color schemes | xaquingv | Observable"}] 34:T44b,crameri = { let extracted_schemes = {} Object.keys(schemes) .forEach(k => { const categorical = k.endsWith('S') extracted_schemes[k] = {} d3.range(min, max+1).forEach(i => { if(categorical) { // keep the order of the original colors extracted_schemes[k][i] = schemes[k].slice(0,i) } else { // pick only a few colors among the entire sequence extracted_schemes[k][i] = d3.quantize(d3.interpolateDiscrete(schemes[k]), i) } }) if(categorical) { extracted_schemes[k].tags = ['categorical'] } else if(['oleron','bukavu','fes'].includes(k)) { extracted_schemes[k].tags = ['multi-sequential'] } else if(k.endsWith('O')) { extracted_schemes[k].tags = ['cyclic'] } else if(['broc','cork','vik','lisbon','tofino','berlin','roma','bam','vanimo'].includes(k)) { extracted_schemes[k].tags = ['diverging'] } else { extracted_schemes[k].tags = ['sequential'] } }) return extracted_schemes }35:[{"id":"11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","href":"https://static.observableusercontent.com/files/11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","name":"all_colormaps.xml","type":"application/xml","lastModified":1639424005366.095,"size":731134}] 32:{"id":"575ce849e369bf00","slug":"fabio-crameris-color-schemes","title":"Fabio Crameri's color schemes","thumbnail":"0b9f780734a713c259480ae1c5ea6c5b438d2d5e03af500410bfd75e93d52b19","access_level":"public","create_time":"$D2021-12-13T19:33:25.366Z","update_time":"$D2026-02-07T15:05:49.057Z","view_time":null,"first_public_time":"$D2021-12-13T19:40:15.861Z","has_unpublished_edits":null,"fork":{"id":"2b912f41f8bafe93","slug":"fabio-crameris-color-schemes","title":"Fabio Crameri's color schemes","owner":{"id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate"}},"stars":1,"starred":false,"owner":{"type":"team","id":"f69d350b474cbc9b","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":"starter_2024"},"version":253,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"37cab874ceedc4fa","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":null}],"members":[{"type":"individual","id":"37cab874ceedc4fa","login":"xaquingv","name":"","avatar_url":"https://avatars-next.observableusercontent.com/964250a396a5c55f0dcee877939a870e04f9741dead22595f1d385b85883f4d6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Fabio Crameri's color schemes","cells":[{"id":0,"value":"md`# Fabio Crameri's color schemes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"md`\nForking ... Cause sometimes you may need many, many steps?\n\nA library of color schemes extracted from the work of [Fabio Crameri](http://www.fabiocrameri.ch/colourmaps.php) on [Scientific Colour maps](http://doi.org/10.5281/zenodo.1243862). Click on a scheme to copy its colors into the clipboard, or import \\`crameri\\` from this notebook into yours.\n\nVersion: 7.0\n\nOriginal license: [MIT](https://choosealicense.com/licenses/mit/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"viewof steps = Range([min, max], {value: 11, step: 1, label: \"Steps\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"viewof reversed = Toggle({label: \"Reversed\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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: 'crameri', name: s.name, colors, steps, reversed}).outerHTML\n }).join('')\n }\n

`\n)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"crameri.davosS[14]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"md`These colors are extracted from the XML definitions of the scales found inside [the official package](https://zenodo.org/record/4491293#.YEqZHXVKhH4). First, the files are concatenated to form a single XML (you can find it attached to this notebook):\n\\`\\`\\`\necho '' > all_colormaps.xml\nfind . -name *PARAVIEW.xml -exec xmllint --xpath '//ColorMap' {} + >> all_colormaps.xml\necho '' >> all_colormaps.xml\n\\`\\`\\`\n\n(\\`xmllint\\` can be installed from apt as part of libxml2-utils)\n\nThen, the file is read using the technique implemented in [this notebook](https://observablehq.com/@fil/colormaps) by [@fil](https://observablehq.com/@fil):\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"rawschemes = html`${await FileAttachment(\"all_colormaps.xml\").text()}`.getElementsByTagName('ColorMap')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"import {schemes} with {rawschemes as rawschemes} from '@fil/colormaps'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"min = 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"max = 100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"tags = Array.from(new Set([].concat(...Object.keys(crameri).map(k => crameri[k].tags || [])) ) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"schemes_by_tag = tags.map(tag => ({\n tag,\n schemes: Object.keys(crameri)\n .filter(k => crameri[k].tags && crameri[k].tags.includes(tag) && crameri[k][steps])\n .map(k => ({name: k, scheme: crameri[k]}))\n })\n).concat({\n tag: 'uncategorized',\n schemes: Object.keys(crameri)\n .filter(k => crameri[k].tags == undefined && crameri[k][steps])\n .map(k => ({name: k, scheme: crameri[k]}))\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"swatch = (scale) => Object.assign( svg``, {onclick: () => pbcopy(scale.colors.map(s => `'${s}'`).join(','))})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"import {Range, Toggle} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"import {pbcopy} from \"@mbostock/pbcopy\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"