Design method of visualization chart for revealing information

This year the most fire information map Tutorial! This article is summed up by Baidu classmate, including the information map of the 6 types and information map design process Two aspects, each has a detailed deployment, package students can understand, learn >>>

Information visualization includes the visual manifestation of information graphics, knowledge, science and data, as well as the progress and development of visual visual design. Maps, tables, graphs, and even text, are the manifestations of information, whether dynamic or static, so that we can understand what we want to know, find a variety of relationships, to achieve the ultimate goal of solving the problem. The meaning of information visualization is to use the visualization method to express and convey the abstract information which is difficult to be understood intuitively.

Let's use a simple example to illustrate the visualization of information:

The image above shows the trust circle, an information visualization application based on Google +. Google + is a Twitter-like social software that lets you see green as a person of mutual concern, yellow for the person you pay attention to, and someone who doesn't pay attention to you, and red is the one who pays attention to you unilaterally. Such an information map can clearly reflect the relationship between people in the trust of Google +, this abstract concept.

The more abstract concept of their dating status can be clearly understood from the three celebrities ' trust circles above. 1 for Britney Spears, 2 for British famous music producers, and 3 for Facebook mark. And the chart? According to the Doug Neuthem 2004 definition, the "information graph" as a visual tool should include the following six categories: charts, diagrams, graphs, tables, maps, lists.

Information Visualization chart is a kind of visual communication design, is a concise, intuitive and clear visual language, through the carding data to build graphics, through the graphic construction of symbols, through the symbolic construction of information, visual logic language to analyze the visual communication methods.

　　(i) Chart type

Information visualization charts can simplify complex problems, convey abstract information in an intuitive way, and transform dull data into human-colored charts to capture the eyeballs of reading groups.

The purpose of the design determines the form of the chart design, according to the formal characteristics we often divide the chart into the relational flowchart, the narrative illustration type, the tree structure chart, the time distribution class and the spatial deconstruction class five kinds. No matter what type, the use of lists, control, graphics, tagging, connection and other means of expression, so that the maximum visual language into the information, so that the transmission of information visualization, image, artistic.

　1, relational Process class chart

We use language difficult to express things clearly, if the use of graphics to explain, the effect will be much better. If you want to explain things need to bother to express, and may also be said to be mess, even to the reading group to tell the content will have omissions or confusing place. If there is a graphics assistance is not the same, we can quickly find the expression of the bright spot or the backbone of the incident, so that you can make your theme and ideas clear and moving.

2, the narrative illustration type chart

A narrative chart is a chart that emphasizes the time dimension and, over time, the information is constantly changing. An illustrated chart is a chart that expresses information with humorous drawings.

　　3, tree-like structure diagram

The tree structure chart has the very orderly system characteristic, may express the complicated data through the branch comb the way clearly. Using the grouping, each group again classifies the main frame to represent the master-slave structure, lets the data and the sketch effectively combine together.

4, the time Express class schematic diagram

The time expression class schematic diagram only takes the time axis as the center to add the text data. From the design point of view, the theme into the graphic design, select important event point interpretation, you can make the screen beautifully, deepen understanding.

　　5. Schematic diagram of spatial structure category

Using design language to model and virtualize complex structures is the significance of the existence of the schematic diagram of spatial structure. It may take a simple schematic diagram of a space structure to say something that is not clear in large chunks of text.