Tag Archives: WebGL

GPU accelerated visual analytics

Recent months I had lot of fun working   on WebGL component called “mGL” for visualizing and filtering large amount of data in the browser. It has been used  for Incident Analyzer and Area Analyzer Smart M.Apps. Here are  2 … Continue reading

Posted in HTML5, UserInterface, WebGL | Tagged , | Leave a comment

geojson-vt on leaflet

update Sept 2015: nice explanation of how geojson-vt works here Mapbox technologies used in their webgl and opengl libraries are being extracted into standalone pieces. Vladimir Agafonkin,creator of leaflet.js, earcut.js provided slicing and polygon simplification library for geojson called Goejson-vt.Geojson-vt can … Continue reading

Posted in Canvas, JavaScript, Leaflet | Tagged , , , , | 9 Comments

WebGL polyline tessellation with MapBox-GL-JS

update 09/20015 : test of tesspathy.js library here . Other sources to look:  http://mattdesl.svbtle.com/drawing-lines-is-hard  https://github.com/mattdesl/extrude-polyline https://forum.libcinder.org/topic/smooth-thick-lines-using-geometry-shader *** original post *** This post attempted to use pixi.js tessellation of the polyline, this time let’s look on how mapbox-gl-js can do this. In short … Continue reading

Posted in Code, MapBox, OpenSource, Uncategorized, WebGL | Tagged , , , , | 2 Comments

WebGL polyline tessellation with pixi.js

update 09/2015  : another triangulation methods (mapbox, tesspathy) mentioned here pixi.js is a 2D open source library for gaming that includes WebGL support for primitives rendering. Why not to utilize it for polyline renderings on map ? It turned out, however, that … Continue reading

Posted in Code, Leaflet, WebGL | Tagged , , , , | Leave a comment

WebGL polygons fill with libtess.js

Update 1.6.2015: geojson-vt seems to do great job in tiling and simplifying polygons. Check this post. Update 18.1.2015: Vladimir Agafonkin from MapBox released earcut.js – very fast and reliable triangulation library. Worth to check. Video available here:     Original … Continue reading

Posted in Code, Data Visualization, Leaflet, WebGL | Tagged , , | 13 Comments

Leaflet WebGL many points rendering

WebGL is funny – programming in very low level style in JavaScript. This sample plots 86T points using this technology.  .       The code is very straightforward, the only thing is to how points are initially loaded and … Continue reading

Posted in Canvas, Code, HTML5, Leaflet, WebGL | Tagged , , | 10 Comments

Leaflet, WebGL / Canvas tiled vectors

Update June 2014: Simple point WebGL sample is here: Cool WebGL and Canvas demo of vector drawing in Leaflet 0.8  ! WebGL: http://vector.io/vector-map/ Canvas : http://vector.io/vector-map/#canvas GitHub project: https://github.com/bcamper/vector-map  

Posted in Canvas, Code, Leaflet, OpenSource | Tagged , , | Leave a comment