2d:null 2e:["$","title",null,{"children":"Fabio Crameri's color schemes | Matteo Abrate | Observable"}] 33: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 }34:[{"id":"11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","href":"https://static.observableusercontent.com/files/11f60dc3e1d2d255ce065cd46fac09d65cffedcca65fc180a1de028ee2a6ee371e07252e01b7a2530de48e7a38744801e3f1f58013b70bcabb4cf6435927b3a5","name":"all_colormaps.xml","type":"application/xml","lastModified":1615500992384.382,"size":731134}] 31:{"id":"2b912f41f8bafe93","slug":"fabio-crameris-color-schemes","title":"Fabio Crameri's color schemes","thumbnail":"9ea76c20da349f42563143f11d1b48663d50867e1e969c81f41367973c9ad4e0","access_level":"public","create_time":"$D2021-03-11T17:38:07.624Z","update_time":"$D2021-03-12T20:29:33.053Z","view_time":null,"first_public_time":"$D2021-03-11T18:00:32.763Z","has_unpublished_edits":null,"fork":{"id":"e99c55f1bc4e0325","slug":"cartocolor-schemes","title":"Cartocolor schemes","owner":{"id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate"}},"stars":5,"starred":false,"owner":{"type":"team","id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":"starter_2024"},"version":233,"publish_version":233,"role":null,"authored":false,"authors":[{"type":"individual","id":"aba92c35f7e903ce","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":null}],"members":[{"type":"individual","id":"aba92c35f7e903ce","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":null,"role":"editor"}],"comments":[{"id":"2b33d47608e33390","reply_to_id":null,"content":"I hadn't realized there were so many new schemes! I've added a link from my notebook to this one.","create_time":"$D2021-03-12T21:09:24.574Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null}},{"id":"6ed4af7f2ddc59fc","reply_to_id":"2b33d47608e33390","content":"Thanks! I started from your notebook, then I realized there were more color scales in the new version of the library. It would be nice to have them as continuous scales too (as you did before in your notebook). Here I focused on discrete schemes only.","create_time":"$D2021-03-13T19:38:23.963Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"aba92c35f7e903ce","login":"nitaku","name":"Matteo Abrate","avatar_url":"https://avatars-next.observableusercontent.com/568352e22522e05f4532b44f5546074bf3185b6cc765329aa211439f9cc2be4e","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"a284502b7fc58ea4","slug":"colors","title":"Colors","owner":{"id":"26c2ccc018e1ea02","login":"nitaku","name":"Matteo Abrate"}},"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`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","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":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":"$33","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":165,"value":"max = 12","pinned":false,"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":false,"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":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"