31: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 }32:[{"id":"11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","href":"https://static.observableusercontent.com/files/11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","name":"all_colormaps.xml","type":"application/xml","lastModified":1615500992384.382,"size":731134}] 2f:{"title":"Fabio Crameri's color schemes","cells":[{"id":0,"value":"md`# Fabio Crameri's color schemes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"md`A 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"},{"id":64,"value":"viewof steps = Range([min, max], {value: 11, 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: 'crameri', name: s.name, colors, steps, reversed}).outerHTML\n }).join('')\n }\n

`\n)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":193,"value":"rawschemes = html`${await FileAttachment(\"all_colormaps.xml\").text()}`.getElementsByTagName('ColorMap')","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"import {schemes} with {rawschemes as rawschemes} from '@fil/colormaps'","pinned":true,"hidden":false,"mode":"ojs"},{"id":160,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"min = 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"max = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"tags = Array.from(new Set([].concat(...Object.keys(crameri).map(k => crameri[k].tags || [])) ) )","pinned":false,"hidden":false,"mode":"ojs"},{"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":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"},{"id":138,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}