Parametric Visualisation


Storing and indexing data about a city is essential, but it's useless if that data can't be explored and turned into amazing user experience. Fabric's visualisation engine, Atlas-Three.js , makes this possible for a broad range of datasets, from polygons to networks to analysis outputs.


  • Atlas is an abstract 3D geospatial rendering library written in JavaScript for the Web. It implements logic that is common to all 3D GIS applications, but does not render anything itself.

  • Atlas-Three.js is Urbanetic's implementation of Atlas using the popular and open-source Three.js rendering library to perform the required WebGL output. With  its design and implementation using web-native technologies, Atlas-Three.js is lightweight and cross-platform.

  • Rendering in Atlas-Three.js has undergone extensive optimisation (lazy loading, batching, shaders and custom encoding) to maintain interactive performance even on weak devices and large datasets.

  • With Fabric's rendering orchestration, users can drill into higher levels of detail, from building to floors to walls to windows to individual panes of glass, even in a large city.


Many advanced rendering features are already in the works, including editable 3D terrain, network heat-mapping, procedural textures and animations.

Melbourne Mesh Rendering

Parametric Visualisation and Footprint editing -

Keppel Island Singapore 

IFC Visualisation with Unity

IFC Visualisation with Urbanetic's Atlas3js