Crash data visualisation platform using Pixi, WebGL and Leaflet

on YouTube ↗21m

" summary

A crash-data visualisation platform built with Pixi.js and WebGL for high-performance rendering, integrated with Leaflet for map interactions. It focuses on handling and displaying large volumes of road crash records efficiently by combining GPU-accelerated rendering (Pixi/WebGL) with Leaflet’s mapping and interaction capabilities.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 6:15A obstacles and challenges
3. 8:11Query builder
4. 8:51Custom leaflet control toolbar
5. 15:13Crash diagram with Pixijs
6. 17:21Collision diagram

" related talks

• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 43mWebGL 2D Rendering with PixiJSFrancesco Strazzullo · Universal JS Day 2017
• 40mVisualizing Large Datasets with JavaScript Using Deck.glMarko Letic · code.talks 2019
• 37mTricky JS and WebGL practices to achieve the best performance on mobileAndrei Lesnitsky · The Rolling Scopes Conference 2018
• 37mOriginal graphics libraries powering web datavizAlexis Jacomy · DevFest Nantes 2017
• 15mRapid v2: A new WebGL editor for OpenStreetMapBryan Housel, Ben Clark · State of the Map US 2023
• 24mCreating Interactive Data Visualizations for the WebNicolas Garcia Belmonte · JSConf.eu 2010
• 33mPainting with DataRichard Westenra · RS Conf 2019