CINXE.COM
<!doctype html> <html lang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false"> <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v3.6.3"> <title data-rh="true">Showcase | deck.gl</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://deck.gl/showcase"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Showcase | deck.gl"><meta data-rh="true" name="description" content="Projects built with deck.gl"><meta data-rh="true" property="og:description" content="Projects built with deck.gl"><link data-rh="true" rel="icon" href="/favicon.ico"><link data-rh="true" rel="canonical" href="https://deck.gl/showcase"><link data-rh="true" rel="alternate" href="https://deck.gl/showcase" hreflang="en"><link data-rh="true" rel="alternate" href="https://deck.gl/showcase" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://8EVYAVB4KT-dsn.algolia.net" crossorigin="anonymous"><link rel="stylesheet" href="/assets/css/styles.e45d0f9f.css"> <script src="/assets/js/runtime~main.c642cb0a.js" defer="defer"></script> <script src="/assets/js/main.8a35b8b4.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/images/visgl-logo-dark.png" alt="vis.gl Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/images/visgl-logo-light.png" alt="vis.gl Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">deck.gl</b></a><a class="navbar__item navbar__link" href="/examples">Examples</a><a class="navbar__item navbar__link" href="/docs">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/showcase">Showcase</a><a href="https://medium.com/vis-gl" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/visgl/deck.gl" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="showcase__ShowcaseContainer-sc-gmwy06-0 fYYoMl"><p><i>Would you like us to feature your project?<a href="https://github.com/visgl/deck.gl/issues"> Let us know!</a></i></p><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Taxo&Map Biodiversity Map"><a href="https://taxomap.bioexplora.cat/?lang=en"><img src="/images/showcase/geomatico.es-taxomap.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://taxomap.bioexplora.cat/?lang=en" target="_blank" rel="noopener noreferrer"><h2>Taxo&Map Biodiversity Map</h2></a><p><span>by <a href="https://geomatico.es/en/" target="_blank" rel="noopener noreferrer">Geomatico</a></span></p><p>Biodiversity world map to browse the collections of the Natural Science Museum of Barcelona and other institutions. It loads of a dataset of 200,000 points with GPU filtering, providing high interactivity and refresh rates.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Internet Speed Tests Map"><a href="https://fairinternetreport.com/research/internet-speed-map-single-day"><img src="/images/showcase/fairinternetreport.com-speed-test-map.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://fairinternetreport.com/research/internet-speed-map-single-day" target="_blank" rel="noopener noreferrer"><h2>Internet Speed Tests Map</h2></a><p><span>by <a href="https://fairinternetreport.com/" target="_blank" rel="noopener noreferrer">Fair Internet Report</a></span></p><p>An interactive map displaying 3.6 million speed tests from a single day in June 2023, animated seamlessly over a responsive MapBox layer. Deck.gl's performance and custom shaders ensure the animations run smoothly and vividly. Data is efficiently loaded from a binary format and accessed with array offsets in JavaScript for optimal performance.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Radiance: solar panel positioning optimization"><a href="https://useradiance.com"><img src="/images/showcase/radiance.png"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://useradiance.com" target="_blank" rel="noopener noreferrer"><h2>Radiance: solar panel positioning optimization</h2></a><p><span>by <a href="https://useradiance.com" target="_blank" rel="noopener noreferrer">Radiance</a></span></p><p>An interactive tool for panel density layout optimization and financial modeling for solar projects. Uses Google 3D tiles rendered in deck.gl to show realistic immersive environment. Visualize solar flux and hourly shade images on top of the 3D tiles.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="I3S Explorer"><a href="https://i3s.loaders.gl/"><img src="/images/examples/arcgis.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://i3s.loaders.gl/" target="_blank" rel="noopener noreferrer"><h2>I3S Explorer</h2></a><p></p><p>Visualization and Debug Tool for I3S 3D geographic data</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Vizgen Single-Cell MERFISH Spatial Visualizer"><a href="https://vizgen.com/applications/#visual"><img src="/images/showcase/vizgen_single_cell_spatial.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://vizgen.com/applications/#visual" target="_blank" rel="noopener noreferrer"><h2>Vizgen Single-Cell MERFISH Spatial Visualizer</h2></a><p><span>by <a href="https://vizgen.com/" target="_blank" rel="noopener noreferrer">Vizgen</a></span></p><p>Vizgen's Interactive Single-Cell Spatial Visualizer enables users to explore single-cell gene expression data from our MERFISH Mouse Brain Receptor Map. Cells can be visualized using a UMAP embedding or the spatial coordinates within the brain - providing a detailed spatial map of the tissue.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="ISB Covid19"><a href="https://atlas.fredhutch.org/isb/covid/"><img src="/images/showcase/isb-covid.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://atlas.fredhutch.org/isb/covid/" target="_blank" rel="noopener noreferrer"><h2>ISB Covid19</h2></a><p><span>by <a href="https://viz.fredhutch.org/" target="_blank" rel="noopener noreferrer">Data Visualization Center at Fred Hutch</a></span></p><p>The Institute for Systems Biology Covid19 Atlas provides insights into how the immune system responds with disease progression. The website features single-cell multi-omics time-series data as well as clinical annotations on more than 400 patients.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Descartes"><a href="https://descartes.brotmanbaty.org/"><img src="/images/showcase/descartes.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://descartes.brotmanbaty.org/" target="_blank" rel="noopener noreferrer"><h2>Descartes</h2></a><p><span>by <a href="https://viz.fredhutch.org/" target="_blank" rel="noopener noreferrer">Data Visualization Center at Fred Hutch</a></span></p><p>Understanding the trajectory of a developing human requires understanding of how genes are regulated and expressed. The Descartes Human Cell Atlases features the largest single cell dataset generated to date. It contains data on ~5 million individual cells that when analyzed provides a comprehensive atlas of early human development.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Viv"><a href="http://avivator.gehlenborglab.org/?image_url=https://viv-demo.storage.googleapis.com/Vanderbilt-Spraggins-Kidney-MxIF.ome.tif"><img src="/images/showcase/viv.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="http://avivator.gehlenborglab.org/?image_url=https://viv-demo.storage.googleapis.com/Vanderbilt-Spraggins-Kidney-MxIF.ome.tif" target="_blank" rel="noopener noreferrer"><h2>Viv</h2></a><p><span><a href="https://github.com/hms-dbmi/viv" target="_blank" rel="noopener noreferrer">Source code</a></span><span> | <!-- -->by <a href="http://gehlenborglab.org/" target="_blank" rel="noopener noreferrer">Gehlenborg Lab/Harvard Medical School</a></span></p><p>Viv is a library for multiscale visualization of high-resolution, highly multiplexed bioimaging data on the web. It directly renders data in Bio-Formats-compatible Zarr and OME-TIFF formats. Avivator is a lightweight image viewer that showcases the capabilities of Viv. The development of Viv and Avivator was supported with funding from the National Institutes of Health and Harvard University.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Flowmap.blue"><a href="https://flowmap.blue/"><img src="/images/showcase/flowmap.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://flowmap.blue/" target="_blank" rel="noopener noreferrer"><h2>Flowmap.blue</h2></a><p><span><a href="https://github.com/ilyabo/flowmap.blue" target="_blank" rel="noopener noreferrer">Source code</a></span><span> | <!-- -->by <a href="https://ilya.boyandin.me/" target="_blank" rel="noopener noreferrer">Ilya Boyandin</a></span></p><p>Flowmap.blue is a free tool for representing aggregated numbers of movements between geographic locations as flow maps. It is used to visualize urban mobility, commuting behavior, bus, subway and air travels, bicycle sharing, human and bird migration, refugee flows, freight transportation, trade, supply chains, scientific collaboration, epidemiological and historical data and many other topics.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Isochronic Map"><a href="http://pessimistress.github.io/isochronic-map/"><img src="/images/showcase/isochrone.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="http://pessimistress.github.io/isochronic-map/" target="_blank" rel="noopener noreferrer"><h2>Isochronic Map</h2></a><p><span><a href="https://github.com/Pessimistress/isochronic-map-gpu" target="_blank" rel="noopener noreferrer">Source code</a></span><span> | <a href="https://medium.com/vis-gl/vis-hackathon-2019-56096209dce2" target="_blank" rel="noopener noreferrer">Blog post</a></span><span> | <a href="http://www.xiaoji-chen.com/2019/isochronic-map-webgl" target="_blank" rel="noopener noreferrer">Blog post 2</a></span></p><p>Remapping road network in major cities by travel times.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Simulating the 2016 Primary"><a href="http://mcvs.thesunstirade.com/"><img src="/images/showcase/election-maricopa.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="http://mcvs.thesunstirade.com/" target="_blank" rel="noopener noreferrer"><h2>Simulating the 2016 Primary</h2></a><p><span>by <a href="https://twitter.com/andrewpulcipher" target="_blank" rel="noopener noreferrer">Andrew Pulcipher</a></span></p><p>An interactive visualization of the 2016 Presidential primary election in Maricopa County that uses polling place operations research to simulate election day lines and voter walkoffs in real time.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="The Bad Bet"><a href="https://features.propublica.org/the-bad-bet/how-illinois-bet-on-video-gambling-and-lost/"><img src="/images/showcase/propublica.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://features.propublica.org/the-bad-bet/how-illinois-bet-on-video-gambling-and-lost/" target="_blank" rel="noopener noreferrer"><h2>The Bad Bet</h2></a><p><span><a href="https://www.propublica.org/Illinois" target="_blank" rel="noopener noreferrer">ProPublica</a></span></p><p>Data journalists use deck.gl to visualize how the revenue generated by video gambling machines in Illinois grow over time and how those revenues failed to meet the projections of legislators.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="SandDance"><a href="https://microsoft.github.io/SandDance/"><img src="/images/showcase/sanddance.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://microsoft.github.io/SandDance/" target="_blank" rel="noopener noreferrer"><h2>SandDance</h2></a><p><span>by <a href="https://www.microsoft.com/en-us/research/group/vida/" target="_blank" rel="noopener noreferrer">Microsoft</a></span><span> | <a href="https://github.com/Microsoft/SandDance" target="_blank" rel="noopener noreferrer">GitHub</a></span><span> | <a href="https://microsoft.github.io/SandDance/app/" target="_blank" rel="noopener noreferrer">Demo</a></span></p><p>SandDance helps you find insights about your data with unit visualizations and smooth animated transitions. It uses deck.gl to render chart layouts described with Vega.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Autonomous Visualization System"><a href="https://avs.auto"><img src="/images/showcase/avs.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://avs.auto" target="_blank" rel="noopener noreferrer"><h2>Autonomous Visualization System</h2></a><p><span><a href="https://github.com/uber/streetscape.gl" target="_blank" rel="noopener noreferrer">GitHub</a></span><span> | <a href="https://avs.auto/demo" target="_blank" rel="noopener noreferrer">Demo</a></span></p><p>A visualization protocol and toolkit for robotics data in the browser.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Escape"><a href="https://greatescape.co"><img src="/images/showcase/escape.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://greatescape.co" target="_blank" rel="noopener noreferrer"><h2>Escape</h2></a><p><span><a href="http://senseable.mit.edu/" target="_blank" rel="noopener noreferrer">MIT Senseable City Laboratory, Singapore</a></span><span> | <a href="https://greatescape.co/about" target="_blank" rel="noopener noreferrer">About</a></span></p><p>Escape is an inspirational flight search engine that helps you choose a destination and find the cheapest flight for your next vacation.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="BusRouter SG"><a href="https://busrouter.sg/visualization/"><img src="/images/showcase/singapore-bus-route.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://busrouter.sg/visualization/" target="_blank" rel="noopener noreferrer"><h2>BusRouter SG</h2></a><p><span>by cheeau<a href="http://twitter.com/cheeaun" target="_blank" rel="noopener noreferrer">n</a></span><span> | <!-- -->data 漏 <a href="http://www.mytransport.sg/" target="_blank" rel="noopener noreferrer">Land Transport Authority</a></span><span> | <a href="https://github.com/cheeaun/busrouter-sg" target="_blank" rel="noopener noreferrer">GitHub</a></span></p><p>Explore bus stops and routes on the map for all bus services in Singapore, with realtime bus arrival times and per-bus-stop passing routes overview.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="FlightMapper"><a href="https://flightmapper.io/"><img src="/images/showcase/flightmapper.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://flightmapper.io/" target="_blank" rel="noopener noreferrer"><h2>FlightMapper</h2></a><p><span>by <a href="https://dylanbabbs.com/" target="_blank" rel="noopener noreferrer">Dylan Babbs</a></span><span> | <a href="https://flightmapper.io/maps/dbabbs" target="_blank" rel="noopener noreferrer">Example map</a></span></p><p>Map and explore your flight history with interactive visualizations and analytics.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Kepler.gl"><a href="https://kepler.gl/"><img src="/images/showcase/kepler-gl.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://kepler.gl/" target="_blank" rel="noopener noreferrer"><h2>Kepler.gl</h2></a><p><span><a href="https://github.com/keplergl/kepler.gl" target="_blank" rel="noopener noreferrer">GitHub</a></span><span> | <a href="https://kepler.gl/demo/sfcontour" target="_blank" rel="noopener noreferrer">Example map</a></span></p><p>Kepler.gl is a powerful web-based geospatial data analysis tool. Built on a high performance rendering engine and designed for large-scale data sets.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Ascii Video Player"><a href="https://pessimistress.github.io/ascii/"><img src="/images/showcase/ascii.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://pessimistress.github.io/ascii/" target="_blank" rel="noopener noreferrer"><h2>Ascii Video Player</h2></a><p><span><a href="https://github.com/visgl/deck.gl/tree/6.4-release/showcases/ascii" target="_blank" rel="noopener noreferrer">Source code</a></span></p><p>Uses the TextLayer API to convert pixels into characters on the fly. WebGL2 compatible browser is required.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Wind Map"><a href="https://philogb.github.io/page/wind/"><img src="/images/showcase/wind.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://philogb.github.io/page/wind/" target="_blank" rel="noopener noreferrer"><h2>Wind Map</h2></a><p><span><a href="https://github.com/visgl/deck.gl/tree/6.4-release/showcases/wind" target="_blank" rel="noopener noreferrer">Source code</a></span><span> | <a href="https://medium.com/vis-gl/wind-map-a58575f87fe3" target="_blank" rel="noopener noreferrer">Blog post</a></span></p><p>GPU-based data interpolation and partical effects.</p></div></div></div><div><div class="showcase__Thumbnail-sc-gmwy06-1 oxleV"><div data-title="Minecraft Chunk Viewer"><a href="https://pessimistress.github.io/minecraft/"><img src="/images/showcase/minecraft-viewer.jpg"></a></div></div><div class="showcase__ProjectInfo-sc-gmwy06-2 jnXjST"><div><a href="https://pessimistress.github.io/minecraft/" target="_blank" rel="noopener noreferrer"><h2>Minecraft Chunk Viewer</h2></a><p><span><a href="https://github.com/Pessimistress/minecraft-chunk-viewer" target="_blank" rel="noopener noreferrer">Source code</a></span><span> | <a href="https://medium.com/vis-gl/rendering-a-minecraft-world-with-deck-gl-927b52c5c6db" target="_blank" rel="noopener noreferrer">Blog post</a></span></p><p>Rendering A Minecraft World With deck.gl.</p></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Resources</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/api-reference/core/deck">API Reference</a></li><li class="footer__item"><a href="https://github.com/visgl/deck.gl/tree/master/examples/get-started" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/playground">Playground</a></li><li class="footer__item"><a href="https://codepen.io/vis-gl/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Codepen demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Other vis.gl Libraries</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://visgl.github.io/deck.gl-community/" target="_blank" rel="noopener noreferrer" class="footer__link-item">deck.gl-community<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://luma.gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">luma.gl<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://loaders.gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">loaders.gl<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://visgl.github.io/react-map-gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">react-map-gl<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://nebula.gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">nebula.gl<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://join.slack.com/t/deckgl/shared_invite/zt-7oeoqie8-NQqzSp5SLTFMDeNSPxi7eg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack workspace<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://medium.com/vis-gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">vis.gl blog on Medium<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/visgl/deck.gl" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright 漏 2025 OpenJS Foundation</div></div></div></footer></div> </body> </html>