[{"data":1,"prerenderedAt":125},["ShallowReactive",2],{"navigation_docs":3,"-examples-plotting":65,"-examples-plotting-surround":120},[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":38,"body":67,"description":113,"extension":114,"links":115,"meta":116,"navigation":117,"path":39,"seo":118,"stem":40,"__hash__":119},"docs\u002F2.examples\u002F1.plotting.md",{"type":68,"value":69,"toc":107},"minimark",[70,75,83,88,94,97,101,104],[71,72,74],"h1",{"id":73},"plotting-3d-visualization","Plotting & 3D Visualization",[76,77,78,82],"p",{},[79,80,81],"code",{},"color-schemes-js"," seamlessly integrates with modern JavaScript visualization libraries, HTML5 Canvas 2D engines, and WebGL \u002F Three.js 3D rendering pipelines.",[84,85,87],"h2",{"id":86},"threejs-webgl-3d-integration","Three.js & WebGL 3D Integration",[76,89,90,91,93],{},"When building 3D graphics in Three.js (surfaces, particle systems, volume rendering, shader material uniforms), ",[79,92,81],{}," maps colors directly onto mesh materials and 1D DataTexture lookup tables (LUT).",[95,96],"three-cube-demo",{},[84,98,100],{"id":99},"html5-canvas-2d-visualization","HTML5 Canvas 2D Visualization",[76,102,103],{},"For HTML5 Canvas 2D rendering, heatmaps, contour plots, and statistical charts, sample any colormap continuously or resample discrete color arrays directly onto canvas contexts:",[105,106],"canvas-demo",{},{"title":108,"searchDepth":109,"depth":109,"links":110},"",2,[111,112],{"id":86,"depth":109,"text":87},{"id":99,"depth":109,"text":100},"Integrate color schemes with Three.js, WebGL 3D shaders, and HTML5 Canvas 2D engines.","md",null,{},{"icon":41},{"title":38,"description":113},"IHlzkSolbMxLUCDLdDmIsNl2zaGj9ZqgbweZ0C-ZLdk",[121,123],{"title":26,"path":27,"stem":28,"description":122,"icon":29,"children":-1},"Best practices for choosing perceptually uniform, accessible, and colorblind-safe colormaps.",{"title":43,"path":44,"stem":45,"description":124,"icon":46,"children":-1},"Procedural fractal generation, false-color elevation maps, and pixel data manipulation.",1784579300793]