L7 is an open source development framework for visual analysis of large-scale geospatial data based on WebGL launched by AntV data visualization team of Ant Financial. L7 focuses on the visual representation of spatial data. Based on the theory of graphic semiotics, it transforms abstract and complex spatial data into 2D and 3D symbols, and realizes rich visual expression through visual variables such as color, size, volume and texture.

The 2.0 beta version has been released for more than a month, and after more than 20 iterations, it officially bid farewell to the beta version and ushered in the 2.0 legal version. The official version of the main increase layer interaction function and point, line, plane animation support; Added new layers for visualizations such as aggregation, text annotations, dotted lines, and city buildings. Satellite remote sensing data visualization support is added to data types. In terms of the document, the content structure has been reconstructed, and how to use each layer is described in detail. The document is richer and faster to use. We also provide project templates with different frameworks for new users to get started quickly.

Making popular Star,

New features of L7 2.0

The layer of animation

L7 animation mechanism based on graphics rendering supports smooth animation display of tens of thousands of geographical elements. Currently, the dot layer supports water ripples, fly lines, and Light up the city. The Layer Animate method allows you to set the animation type and animation configuration quickly and easily.

 

3D arc and bubble water ripple effect combined visualization

 

Version 2.0 uses the city building as a separate layer (CityBuildingLayer)

 

Path diagram animation effect

 

Water ripple effect can be extended to more animation effects

Basic interaction

WebGL off-screen rendering technology is used to achieve pixel-based pickup. L7 supports rapid selection of massive data and highlights to meet interaction requirements. Layers support active, Select and other interactive highlighting methods, as well as listening to layer events for custom highlighting. The layer interaction event returns the geographical information of the selected element. You can create custom effects by highlighting new layers.

 

The fill image slides over the highlight and popup displays the data information

 

Line line layer pickup, 1 pixel line elements can also be accurately picked up

 

The 3D histogram slides over the highlight and popup displays the data information

Raster data

Raster data generally refers to remote sensing satellite data, such as meteorological, elevation, vegetation index and other data. L7 uses WebGL rendering technology to realize front-end dynamic rendering, can customize display style, and support data filtering. Satellite remote sensing data visualization will have a great application in the field of image processing analysis and AI intelligent interpretation, and is an important basic technology for building an ecosystem of autonomous and controllable remote sensing information intelligent analysis and comprehensive application.

 

Topographic map visualization color mapping based on elevation

 

Vegetation index, topographic map, noctilucent map visualization

Enhancement effect

Aggregation points

 

Massive point data support aggregation display

Text annotation

 

Support text annotation, text avoidance

Dotted line drawing

Path diagram, arc diagram line style is set to dotted line

 

See publishing logs for more new features

Thank you

In the 2.0 iteration, we are pleased to see that more and more members of the open source community have joined the ranks of L7 contributors. Thanks for your kind support, especially for ParryQiu. L7 is very honored to go with you all the way!

To build

Welcome more students to join in, you can make requirements, suggestions or share the use case of L7; Go to GitHub to raise issue or PR. You can also go to the L7 service group to share your experience, answer your questions, and jointly promote the continuous improvement of the L7 ecosystem.