AntV, which provides data visualization capabilities for 10,000 + business systems, has evolved again

The little ant says:

The theme of 2018 AntV brand Day is “knowing new” and “knowing new”, aiming to keep products “knowing new” and users “knowing” all the time. AntV is a new generation of data visualization solutions of Ant Financial, committed to providing a set of simple, professional and reliable data visualization best practices with infinite possibilities. In the past year, 46 developers have contributed code to AntV.

In this article, little Ants will briefly introduce the evolution of AntV. For details, please click the link below

AntV is a new generation of data visualization solutions for Ant Financial. It mainly includes “Data-driven High Interactive Visualization Graph Syntax” G2, graph library G6 focusing on process and relationship analysis, mobile graph library F2 suitable for scenarios requiring stringent performance, volume and scalability, and a complete set of graph usage guidelines and visual design specifications. Dedicated to providing a set of simple, professional, reliable, unlimited data visualization best practices.

At present, AntV has become a very important technical infrastructure in the field of data visualization in Alibaba economy, providing data visualization capability for more than 10,000 business systems inside and outside the group, including some products with daily average of 10 million UV levels. At the same time, ali’s internal visual components, tools, chart class library and other related technology ecology based on AntV technology stack began to flourish, and gradually attracted more and more attention from the outside world.

On November 22, 2017, AntV Brand Day, we witnessed the birth of open source “G2” and “F2” together. Since then, AntV team has never stopped exploring the path of data visualization, which has won the trust and favor of developers.

In addition to the great amount of user feedback received, it is worth mentioning that 46 developers contributed code to AntV during the year, and many thanks to the fellows who traveled with AntV.

Reviewing this year, we set the theme of this brand day as: Know new, know heart.

Know new: “new” products, “new” features, “new” gameplay, we are always on the road

Intimate: Work with the “heart”, know the user “heart” better

L in L7 stands for Location, and 7 stands for seven continents in the world, implying that it can provide visualization capability for global Location data.

This year, we have made some achievements in the field of geospatial data visualization. Here we invite you to witness the birth of L7.

L7 is a joint project promoted by Ali Data Visualization Working group, which brings together the visualization power of Amap Open Platform, Ali Cloud DataV and Ant Financial AntV team, and is jointly constructed by combining the resources and demands of the group’s international UED, Hema Fresh, Cainiao Logistics, ant Data Platform department and other data business teams. Ali economy is expected to provide a complete geospatial data visualization framework by integrating geospatial data processing, visualization, 3D and large screen rendering technologies. L7 solves the following problems for developers:

• Specialization of spatial data: coordinate transformation, projection, map projection, geographic tiles, etc.

• Complexity of rendering technology: WebGL rendering technology, camera control, scene management, lighting, multi-pass rendering, memory management.

• Integration of geographical interaction: Transform massive multi-dimensional spatial data into reasonable visual mapping.

For details, please see: L7 Release:

https://www.yuque.com/antv/blog/l7-1.0.0-beta-release

G2, a sub-product of Ant Financial’s data visualization solution AntV, is a data-driven, highly interactive visual graphics syntax.

On the first anniversary of open source, G2 released version 3.4, which brings a lot of new gameplay:

• Interactive Syntax: “Interactive Syntax” – a concise and efficient interactive visualization solution.

• Twin-engine: G2’s underlying rendering has been updated to allow free switching between Canvas and SVG.

• Business templates: 58+ wonderful business templates to present a more vivid visual effect.

Concise and efficient interactive syntax	Business templates: 58+ wonderful business templates

Figure 1 Business template preview

For details, see: G2 3.4 Release:

https://www.yuque.com/antv/blog/g2-3.4-release

F2 focuses on mobile visualization solutions and carefully creates smart interaction on mobile terminals.

In version 3.3 of this release, the key features are:

• Component interaction: For the diagram component, gesture interaction has been carefully polished,

• Business scheme: three sets of visualization schemes for different business scenarios are precipitated.

FIG. 2 EXAMPLE of F2 visualization scheme

For details, see: F2 3.3 release:

https://www.yuque.com/antv/blog/f2-3-3-release

G6 is a simple, easy to use, complete graph visualization engine. On the basis of high customization capability, it provides a series of elegant design and easy to use graph visualization solutions, helping developers to efficiently build their own graph analysis or graph editor applications.

G6 has attracted wide attention from all walks of life since it was open source on June 6 this year. In order to enhance the expressiveness of the diagram, we made the following efforts:

• More natural animation: G6 released version 2.2, providing the most natural and exquisite animation experience.

• Topology Editor: G6-Editor has been continuously improving its modeling capabilities, and this time we are simultaneously releasing the Topology modeling editor template Koni.

Figure 3 G6 animation

                                       

Figure 4. G6-editor template

For details, see: G6 2.2 release:

https://www.yuque.com/antv/blog/g6-2.2.0-release

With the vision of “bringing data to life”, AntV constantly pursues more vivid data expression and superior user experience. Each release of each of our sub-products over the past year has brought us closer to that goal.

Based on the powerful graphics syntax, G2 currently supports close to 200 diagram types, arguably the most complete implementation of graphics syntax in the JavaScript world.

In the open source year, G2 has received a lot of developer attention and feedback. Therefore, G2 continues to enrich its business scenarios, releasing data annotation, region coloring and other functions. Continuous optimization of chart components with major updates to Axis, Tooltip, Legend, Label, etc.

Figure 5 G2 component effect

Review of historical editions

3.1: On the Road:

https://www.yuque.com/antv/blog/g2-3.1-we-are-growing

3.2: Iteration:

https://www.yuque.com/antv/blog/g2-3.2-release

3.3: Cut ·· Grinding:

https://www.yuque.com/antv/blog/g2-3.3-release

F2 not only meets the developers’ stringent requirements for mobile graphics library code volume and rendering performance, but also embraces the mini program ecosystem, launching wechat mini program version and Alipay mini program version, which has gained a large number of developers’ attention.

In view of the differences between mobile terminal and PC terminal, F2 component reconstruction is carried out to optimize finger dragging and dragging processing, providing a more intuitive interactive experience. For the fun of mobile graphics, F2 not only provides vivid default animations, but also allows developers to customize animations.

3.1: New start:

https://www.yuque.com/antv/blog/cmzzef

3.2: Because of you:

https://www.yuque.com/antv/blog/f2-3.2-release

After a year of polishing, G6 splits the original “one” into “two” : G6 and G6-Editor, which respectively focus on the analysis experience of relationship visualization and modeling interaction.

With the addition of advanced forces in the field of graph visualization, the latest academic achievements in the field of G6 integration have developed first-class graph analysis solutions, such as fisheye effect of force guided graph, table Sankey graph, etc. These techniques are deposited as engineering plug-ins, which greatly reduces the cost of developing similar graph analysis applications and helps graph visual analysis.

Review of historical editions

2.0: Fission · Fusion:

https://www.yuque.com/antv/blog/g6-2.0-release

2.1: Along the Way:

https://www.yuque.com/antv/blog/g6-2.1-release

❤️ is at the end

During this year, I gained a lot of feedback and encouragement from users, especially for open source products, and more and more partners joined in the ranks of contributors. We grow together with our users, which proves the “unexpected encounter” between 11.22 Brand Day and Thanksgiving Day.

Hope that in the future our products have been “know new”, and users have been “intimate”. Thank you. Thank you for having you.

AntV brand Day live broadcast:

https://www.weibo.com/antv2017