Visual Framework Design-order

Source: Internet
Author: User

Data visualization and G2 directory
    • Objective
    • What is data visualization
    • Stage of data visualization
    • Positioning and planning of G2
Objective

With 2 or 3 years of data visualization, it is found that most people's perception of data visualization is drawing a chart. So I want to write some visual framework design articles, these articles, provide a complete set of visual framework design ideas and implementation details, I hope to let you have more understanding of the visualization, better use of visualization in the business.

What is data visualization

Data visualization using data and graphics technology to map information from data space to visual space, is a cross-section of computer graphics, data science, natural science and human-computer interaction and other fields of interdisciplinary.

The domain model above is too complex, and we are more concerned with data and graphics in the work of data visualization, thus simplifying the domain model of data visualization:

    • Data: Focus on data acquisition, cleanup, preprocessing, analysis, and mining.
    • Graphics: Focus on the solution of optical image receiving, extracting information, processing transformation, pattern recognition and storage display.
    • Visualize: focus on solving and interacting with transforming data into graphics

Current knowledge and knowledge that a data visualization worker needs to master:


Data visualization phase

From the data visualization tools in the market, data visualization is divided into several stages:

    • Data statistics Charting
    • Presentation of data results
    • Visualization of data analysis processes
    • Visualization of virtual reality in Vr/ar stage
Data statistics Charting


This phase is the use of traditional statistical charts to present the data, the representative of which is highcharts,echarts, such as the chart library, the advantages of these frameworks are:

    • The most mature visualization tools, including charts are common charts, easy for users to understand and developers to use
    • Low development cost, less requirement for graphics technology and data knowledge

The disadvantages are equally obvious:

    • Configuration items are complex, poorly scaled, and chart performance is single
    • Narrow application range, poor support for tree and network structure; Data dimensions and data volume display are limited
Data Results Display Tool

With the increasing demand for visualization in the data business, the scope of visualization has not only been limited to the statistical chart, but also the business needs to display more dimension data and more diverse graphic presentation data. This requires the ability of the business parties to customize the chart according to their own needs, this stage of the tools are mainly d3.js,rapheal framework, these frameworks provide more granular graphics tools, more graphics algorithms, the advantages of such frameworks:

    • Powerful, interactive, wide range of applications
    • Integrates a large number of graphics algorithms and visualization algorithms to reduce the cost of complex diagrams
    • Strong community power, a large number of examples

There are also some common problems:

    • Requires fine-grained operation graphics, high cost of learning and development
    • Multiple personalization requirements, poor reusability
Data Analysis Visualization Tools

The previous tools are based on a priori model, has been with the detection of known patterns and laws, complex, heterogeneous, large-scale data automatic processing will often fail, so need to visualize the data analysis process, better explore the law, find problems. Data analysis visualization tools, the best in the market today is the tableau, R language Ggplot2, and so on, these product advantages:

    • Closely associated with data analysis, integrating a large number of data-related algorithms
    • Can visualize the intermediate links of data analysis

Disadvantages:

    • Professional degree, not suitable for getting started
Visualization of virtual reality in Vr/ar stage

is being explored.

G2

The characteristics of the current support business, determine our data data visualization work content:

    • The basic statistical chart still accounts for a large proportion of the visualization, but the development is trapped in the various chart library's incompleteness, the input and output of data inconsistent, the syntax cumbersome, resulting in poor experience, low development efficiency.
    • More and more businesses are beginning to have more dimensional data presentation requirements, and traditional statistical charts are not enough to meet demand, more and more visual customization needs
    • Online data analytics business is starting to rise, traditional PC tools do not meet demand

We started the development of G2 2 years ago, the positioning of G2:

    • Meet the existing statistical chart requirements, provide a very simple graphics syntax, complete data from the data space mapping to the graphics space.
    • Provides extended syntax for various graphs, supports heterogeneous complex data types, and is a powerful visualization tool
    • Explore the application of data technology in visualization, and provide the visualization capability of data analysis with online data analysis as the portal
G2 's Roadmap

G2 has completed the development of 1.0,1.1,1.2, the previous versions completed the following:

Roadmap of the whole:

    • Antv is a set of practices that we provide in support of the visualization business to help users use the right chart in the right scenario
    • The G drawing Library, which is the bottom of our data visualization, needs to be expanded in 3D, animations, and interactions.
    • G2 1.x has been developed to achieve a simple and easy-to-use graphical syntax to meet the needs of statistical charts.
    • G2 2.x is in development, it is hoped to be able to use data and graphics mapping, shielding the details of the drawing, so that users can customize the visual requirements of the individual, D3 can draw the graphics, should be able to work with simple syntax implementation.
    • G2 3.x function, previously only tried simple regression, fitting and other data algorithms, later need to be combined with the data department, the construction of online version of the data analysis tools.
Conclusion

Several website addresses:

    • g2:https://g2.alipay.com/
    • antv:https://antv.alipay.com/
    • Github:https://github.com/antvis

We will publish a series of visual framework design articles on G2 's overall design ideas and various grammatical elements of the design details, welcome to participate in our visual work.

Visual Framework Design-order

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.