[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"navigation_docs":3,"-guide-goodpractice":65,"-guide-goodpractice-surround":258},[4,31,47],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Guide","i-lucide-book-open","\u002Fguide","1.guide",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Basics","\u002Fguide\u002Fbasics","1.guide\u002F1.basics","i-lucide-package",{"title":16,"path":17,"stem":18,"icon":19},"Catalogue","\u002Fguide\u002Fcatalogue","1.guide\u002F2.catalogue","i-lucide-layout-grid",{"title":21,"path":22,"stem":23,"icon":24},"Finding Schemes","\u002Fguide\u002Ffinding","1.guide\u002F3.finding","i-lucide-search",{"title":26,"path":27,"stem":28,"icon":29},"Good Practice","\u002Fguide\u002Fgoodpractice","1.guide\u002F4.goodpractice","i-lucide-shield-check",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Examples","i-lucide-layers","\u002Fexamples","2.examples",[37,42],{"title":38,"path":39,"stem":40,"icon":41},"Plotting & 3D","\u002Fexamples\u002Fplotting","2.examples\u002F1.plotting","i-lucide-box",{"title":43,"path":44,"stem":45,"icon":46},"Image Processing","\u002Fexamples\u002Fimages","2.examples\u002F2.images","i-lucide-image",{"title":48,"icon":49,"path":50,"stem":51,"children":52,"page":30},"Reference","i-lucide-library","\u002Freference","3.reference",[53,58],{"title":54,"path":55,"stem":56,"icon":57},"References","\u002Freference\u002Freferences","3.reference\u002F1.references","i-lucide-graduation-cap",{"title":59,"path":60,"stem":61,"children":62,"icon":64},"Function Index","\u002Freference\u002Ffunctionindex","3.reference\u002F2.functionindex",[63],{"title":59,"path":60,"stem":61,"icon":64},"i-lucide-braces",{"id":66,"title":26,"body":67,"description":251,"extension":252,"links":253,"meta":254,"navigation":255,"path":27,"seo":256,"stem":28,"__hash__":257},"docs\u002F1.guide\u002F4.goodpractice.md",{"type":68,"value":69,"toc":237},"minimark",[70,74,78,83,91,94,99,106,128,136,139,142,146,150,153,157,161,164,167,169,173,189,192,194,198],[71,72,26],"h1",{"id":73},"good-practice",[75,76,77],"p",{},"With hundreds of colorschemes available, selecting the right palette is critical—especially when communicating data accurately in scientific, medical, or analytical applications.",[79,80,82],"h2",{"id":81},"perceptual-uniformity","Perceptual Uniformity",[75,84,85,86,90],{},"A ",[87,88,89],"strong",{},"perceptually uniform"," colorscheme is arranged so that equal steps in data values correspond to equal perceived differences in color.",[75,92,93],{},"Research in visual perception demonstrates that human vision perceives changes in lightness (luminance) as data differences far more accurately than changes in hue. Consequently, sequential colorschemes with monotonically increasing lightness curves provide the most accurate spatial and quantitative data interpretation.",[95,96,98],"h3",{"id":97},"the-cielab-lab-color-space","The CIELAB \u002F Lab Color Space",[75,100,101,102,105],{},"The ",[87,103,104],{},"Lab color space"," represents color using three axes:",[107,108,109,116,122],"ul",{},[110,111,112,115],"li",{},[87,113,114],{},"L*",": Lightness (0 = black, 100 = white)",[110,117,118,121],{},[87,119,120],{},"a*",": Green to Red axis",[110,123,124,127],{},[87,125,126],{},"b*",": Blue to Yellow axis",[75,129,130,131,135],{},"Plotting lightness $L^*$ across the range $",[132,133,134],"span",{},"0.0, 1.0","$ of a scheme indicates how uniformly steps in data will be perceived.",[137,138],"good-practice-demo",{},[140,141],"hr",{},[79,143,145],{"id":144},"recommended-palettes","Recommended Palettes",[95,147,149],{"id":148},"sequential-schemes","Sequential Schemes",[75,151,152],{},"Recommended perceptually uniform sequential colormaps with monotonic lightness:",[154,155],"scheme-list-showcase",{"schemes":156},"viridis, inferno, plasma, magma, cividis, tokyo, devon, hawaii, buda",[95,158,160],{"id":159},"diverging-schemes","Diverging Schemes",[75,162,163],{},"For data centered around a meaningful midpoint (such as zero anomaly or 50% baseline), diverging schemes should exhibit symmetric lightness curves from the center outward to equivalent extremes:",[154,165],{"schemes":166},"RdBu_11, BrBG_11, PiYG_11, PRGn_11, PuOr_11",[140,168],{},[79,170,172],{"id":171},"less-suitable-for-quantitative-data","Less Suitable for Quantitative Data",[75,174,175,176,180,181,184,185,188],{},"Colormaps with non-monotonic or abrupt changes in lightness (such as classic rainbow maps like ",[177,178,179],"code",{},"jet"," or decorative palettes like ",[177,182,183],{},"gnuplot"," or ",[177,186,187],{},"Hiroshige",") introduce perceptual artifacts—false gradients, hidden details, or artificially highlighted features—making them unsuitable for quantitative visual analysis:",[154,190],{"schemes":191},"jet, rainbow, hsv, flag_us, prism",[140,193],{},[79,195,197],{"id":196},"academic-references","Academic References",[199,200,201,223],"ol",{},[110,202,203,206,207,211,212,215,216],{},[87,204,205],{},"Peter Kovesi",": ",[208,209,210],"em",{},"Good Colour Maps: How to Design Them",". arXiv:1509.03700 ",[132,213,214],{},"cs.GR",". ",[217,218,222],"a",{"href":219,"rel":220},"https:\u002F\u002Fdoi.org\u002F10.48550\u002FarXiv.1509.03700",[221],"nofollow","DOI:10.48550\u002FarXiv.1509.03700",[110,224,225,206,228,231,232],{},[87,226,227],{},"Liang Zhou & Charles D. Hansen",[208,229,230],{},"A Survey of Colormaps in Visualization",". IEEE TVCG. ",[217,233,236],{"href":234,"rel":235},"https:\u002F\u002Fpubmed.ncbi.nlm.nih.gov\u002F26513793\u002F",[221],"PubMed 26513793",{"title":238,"searchDepth":239,"depth":239,"links":240},"",2,[241,245,249,250],{"id":81,"depth":239,"text":82,"children":242},[243],{"id":97,"depth":244,"text":98},3,{"id":144,"depth":239,"text":145,"children":246},[247,248],{"id":148,"depth":244,"text":149},{"id":159,"depth":244,"text":160},{"id":171,"depth":239,"text":172},{"id":196,"depth":239,"text":197},"Best practices for choosing perceptually uniform, accessible, and colorblind-safe colormaps.","md",null,{},{"icon":29},{"title":26,"description":251},"quGonzz8VH5agMr5AXyjdV1Nl-uc8elxIYIWjdA1ptY",[259,261],{"title":21,"path":22,"stem":23,"description":260,"icon":24,"children":-1},"Learn how to search, filter, and discover color schemes programmatically.",{"title":38,"path":39,"stem":40,"description":262,"icon":41,"children":-1},"Integrate color schemes with Three.js, WebGL 3D shaders, and HTML5 Canvas 2D engines.",1784579300793]