Joost Kiens https://www.joostkiens.com/lab Product engineer, frontend and design at the core. I build data- and map-heavy products from idea to production. en-us dev@joostkiens.com (Joost Kiens) dev@joostkiens.com (Joost Kiens) Sun, 12 Jan 2025 00:00:00 GMT https://www.joostkiens.com/lab/la-fires Tracking the LA Fires with Geospatial Data https://www.joostkiens.com/lab/la-fires Tracking the LA Fires with Geospatial Data Sun, 12 Jan 2025 00:00:00 GMT dev@joostkiens.com (Joost Kiens) CartographyData visualizationDeck.GLWebGLReact https://www.joostkiens.com/lab/world-population-facts World Population Facts https://www.joostkiens.com/lab/world-population-facts A world population map created for #30daymapchallenge 2024, highlighting key population facts like the northern hemisphere dominance and future megacity predictions. Created with QGIS and the Global Human Settlement Layer. Fri, 29 Nov 2024 00:00:00 GMT dev@joostkiens.com (Joost Kiens) CartographyData visualizationQGIS https://www.joostkiens.com/lab/restor-organization-network Keeping a force-directed organisation graph off the main thread https://www.joostkiens.com/lab/restor-organization-network A force-directed graph of Restor's organisation network, with the simulation running in a Web Worker and the rendering done in React Three Fiber instead of SVG. Tue, 18 Jun 2024 00:00:00 GMT dev@joostkiens.com (Joost Kiens) react-three-fiberd3-forceWeb WorkersWebGL https://www.joostkiens.com/lab/global-divides Global divides, mapping global population, forests, carbon, and pollution https://www.joostkiens.com/lab/global-divides Mapping global population, forests, carbon, and pollution. Wed, 22 Nov 2023 00:00:00 GMT dev@joostkiens.com (Joost Kiens) QGISAffinityreact-three-fiberGoogle Earth EngineMotionReactWebGL https://www.joostkiens.com/lab/tree-cover-loss-indonesia Tree Cover Loss in Indonesia https://www.joostkiens.com/lab/tree-cover-loss-indonesia Animated 3D relief map of tree cover loss in Indonesia (2001-2020), based on data from Hansen, UMD, Google, USGS, and NASA. Tue, 22 Aug 2023 00:00:00 GMT dev@joostkiens.com (Joost Kiens) CartographyData visualizationBlenderQGIS https://www.joostkiens.com/lab/pwejeenpeejer Pweejeenpeejer - the game https://www.joostkiens.com/lab/pwejeenpeejer My 7 year-old nephew and I built a game (almost). Mon, 21 Jun 2021 00:00:00 GMT dev@joostkiens.com (Joost Kiens) WebGLPhaserGame https://www.joostkiens.com/lab/36-days-of-type 36 Days of Type https://www.joostkiens.com/lab/36-days-of-type A few submissions to the 36 Days of Type challenge. Built with code instead of design software like a smarter person would. Tue, 10 Nov 2020 00:00:00 GMT dev@joostkiens.com (Joost Kiens) react-three-fiberWebGLAnimationSVGGSAPThree.jsmatter.js https://www.joostkiens.com/lab/css-scroll-snapping-gallery Creating practical Instagram-like galleries and horizontal lists with CSS scroll snapping https://www.joostkiens.com/lab/css-scroll-snapping-gallery A practical guide to creating Instagram-like galleries with CSS scroll snapping. Sat, 23 May 2020 00:00:00 GMT dev@joostkiens.com (Joost Kiens) CSSJavaScript https://www.joostkiens.com/lab/ease-to-spring-animations How I Transitioned from Ease to Spring Animations https://www.joostkiens.com/lab/ease-to-spring-animations Lessons learned while building react-spring visualizer. Tue, 03 Mar 2020 00:00:00 GMT dev@joostkiens.com (Joost Kiens) ReactAnimation https://www.joostkiens.com/lab/rabobank-my-location Rabobank - Easter egg https://www.joostkiens.com/lab/rabobank-my-location A Mapbox-powered easter egg for Rabobank: click “find my location” and a little dude welcomes you, right at your spot! 🙈. Fri, 31 Jan 2020 00:00:00 GMT dev@joostkiens.com (Joost Kiens) MapboxJavaScriptCSSWebGL https://www.joostkiens.com/lab/react-spring-visualizer React-spring visualizer https://www.joostkiens.com/lab/react-spring-visualizer Get the most out of your react-spring configuration with React Spring Visualizer. Mon, 13 Jan 2020 00:00:00 GMT dev@joostkiens.com (Joost Kiens) ReactJavaScriptMath https://www.joostkiens.com/lab/lorenz-attactor Lorenz Attractor in WebGL https://www.joostkiens.com/lab/lorenz-attactor A WebGL visualization of the Lorenz Attractor, demonstrating chaos theory and the butterfly effect in action. Sun, 20 Jan 2019 00:00:00 GMT dev@joostkiens.com (Joost Kiens) WebGLMath https://www.joostkiens.com/lab/boombox Frequency analyzer with WebAudio API https://www.joostkiens.com/lab/boombox An animated SVG boombox which analyses tracks and reacts by displaying the displaying the frequency data in a bar chart and expanding the speakers. Wed, 30 Aug 2017 00:00:00 GMT dev@joostkiens.com (Joost Kiens) WebAudioSVG https://www.joostkiens.com/lab/kadenze-sakura Generated Sakura - Nature of code - Fractals https://www.joostkiens.com/lab/kadenze-sakura Exploring fractals and Perlin noise with P5.js. Wed, 27 Jul 2016 00:00:00 GMT dev@joostkiens.com (Joost Kiens) P5.jsCanvasNature of codeMath