**G2Plot is an out-of-the-box, easy-to-configure, and elegant statistical chart library dedicated to helping users generate high-quality statistical charts at minimal cost.
G2Plot was originally born out of the business appeal of ali Economy BI products in real scenes. Dynamic and highly uncertain business data is a common feature of BI products and mid-platform systems, which poses great challenges to the functionality and experience of statistical charts. How can I help reporting systems and front-lines create statistical charts quickly and efficiently under complex data conditions, while ensuring readability and usability of charts in various display Spaces and data states? To address these two pain points, AntV has teamed up with DeepInsight, QuickBI and FBI, ali Economy’s three outstanding BI product technology teams to create G2Plot.
Since the release of the 0.x trial in November last year, G2Plot has gone through more than 20 iterations, expanding from the 7 most commonly used chart types to more than 40, and finally delivering the 1.0 version after the live verification of the core BI product. We hope that our experience in the development and design of data visualization business, especially BI products, can help more users easily create elegant statistical charts.
Preview feature
Simple and easy to use
Graph grammar is the foundation theory of statistical charts, with complete, flexible, and infinite possibility of visual expression ability, the world’s top visual analysis of BI system implementation are based on this theory, basic JavaScript G2 is arguably the most complete in the field of graphic syntax, and therefore become the first technical scheme of many professional visual analysis application. However, for most general applications, for most engineers, designers and product managers, learning to understand professional visualization concepts such as “visual channel”, “coordinate transformation” and “data mapping” requires considerable learning and time costs. Under the background of the unified establishment of Ali data visualization infrastructure, G2Plot was jointly constructed by AntV and several teams of Ali Economy. Built on G2’s powerful visual expression ability, the familiar configuration and descriptive API was adopted to shield users from visual expertise. Users only need to quote corresponding charts. Specify data and configuration fields to generate charts in a data-driven manner.
Simple but not simple carving experience
Xiao Wei, AntV’s core R&D engineer and DeepInsight’s head of data visualization, shared the experience of creating the ultimate visualization chart at the third SEE Conf Ant Financial Experience Technology Conference held at The West Lake Cultural and Sports Center in Hangzhou on January 4. I highly recommend it if you haven’t seen it yet. G2Plot has already revealed a lot of details about how to optimize the experience. Every chart on G2Plot has been carefully crafted and tailored to different usage scenarios, display Spaces, and data characteristics.
graphics
Following G2’s endless possibilities, G2Plot has a rich variety of graphical extensions.
By pruning the data and simplifying the correlative points, the graphics optimization of large data volume and small display space is carried out.
interaction
We have built in some commonly used complex interactions that users do not need to encapsulate themselves, but can use by invoking relevant configuration items. At the same time, we also fully expose the fine-grained event mechanism, canvas, graphics, component interaction capabilities to facilitate highly customized users.
animation
According to the characteristics and occasions of each chart, we have carefully designed some animation effects to make the chart more flexible and vivid. These complex animation effects are built in and can be invoked directly through configuration items and diagram methods. At the same time, we also provide fine grained animation configuration, users can specify the animation type, time, slow effect, free control of the chart entry, disappear and data update animation.
component
Responsive component. In the actual chart application scenario, a thorny problem is that the display space of the chart is often not enough to display the data volume of the chart, resulting in overlapping occlusion of text, content can not adapt, content tailoring and other problems in extreme case. Based on the concept of tolerance design, G2Plot extracts, omits and adjusts the information of chart components when the information density of the chart is too high to ensure the display and basic readability of the main information of the chart
Built-in advanced components of statistical analysis. In the process of meticulous polishing, we have encapsulated the components frequently used for statistical analysis of charts according to the characteristics of each chart and built them into G2Plot.
Experience contrast
Here’s how G2Plot compares to several commonly used chart libraries:
**
Default good-looking and flexible configuration
Based on AntV design language, a set of visual language and design specifications refined from enterprise products, G2Plot has a default configuration for each chart, ensuring that each chart is presented to the user in the most standard and elegant state when out of the box. Along with Good by Default, G2Plot opens up a fine-grained chart configuration that allows users to produce personalized charts for their own business scenarios, regardless of graphic styles, various chart components, text displays, or chart events.
The last
Thank you very much for your patience. G2Plot’s release of version 1.0 is just the beginning. Although it is already available in DeepInsight and other BI products, there are still many problems to be solved. If you’re interested in G2Plot or any of AntV’s other products, you can follow us at:
- GitHub:github.com/antvis/G2Pl…
- Liverpoolfc.tv: g2plot. Antv. Vision/useful
- AntV GitHub: github.com/antvis