The Patchwork Patterns Of Tangram

Tangram Patterns is an nub dazzling demonstration of a Tangram vector map incorporating patterns from texture.js.

Mapzen's Tangram mapping platform is a library for creating 2D & 3D maps using WebGL. Tangram Patterns uses Textures.js, a d3.js based library for creating SVG patterns, alongside the Tagram map library. The SVG patterns created yesteryear Textures.js are designed to live used inwards information visualizations.

The resultant isn't precisely slow on the eyes when yous apply as well as thus many of the textures on 1 map similar this. Hopefully if yous always exercise a mapped visualization of your information using Textures.js yous volition live a lilliputian to a greater extent than selective inwards the choice as well as seat out of patterns.


Influenza A virus subtype H5N1 seat out of other slap-up experimental maps convey been created alongside Tangram. This Day / Night Map shows how colors as well as edifice footprints tin flaming live updated inwards real-time inwards the browser. The Tron Map shows how yous tin flaming apply animation to map tiles (in this illustration to exercise the resultant of moving vehicles on roads as well as streets).

My favorite mode as well as thus far is this Cross Hatch map (pictured). I'm likewise rather fond of the Lego Style map, made out of colored plastic brick textures. When panning or as well as thus on these maps break how the perspective on the 3d buildings changes alongside your signal of view.