Dry Foods | Visual Design: Maps Four migration map of the song

In Another one months, the 2017-year Spring festival will be a mighty start, and as an analyst you would definitely like to see what visual graphics are used to dynamically display the flow of people. So, let's take a look at How to design a migration map with Openfea today.

1 , What is a migration map?

Migration map, is to collect the user location data, using the location-based big data analysis, with "Map + one-way migration route map" visual presentation, to dynamically display the flow of people. The trajectory and characteristics of data flow are presented in a dynamic, instantaneous and intuitive way.

2 , Design Process

First step, Login

Enter the OPENFEA website address in the browser ( http://www.openfea.cn or http://www.open-fea.cn ), find the online trial environment in the download area: http://60.191.16.186:8050/fea/, enter the Openfea interface.

Step two, load the data

Click "650" this.width=650; "src=" Http://s2.51cto.com/wyfs02/M01/8B/7B/wKiom1hPVKaQ36XhAAALT_Q3cr8001.png " title= "QQ picture 20161213093539.png" alt= "Wkiom1hpvkaq36xhaaalt_q3cr8001.png"/>"icon, In the Load Data window, select the prepared data (take the international flight data for example).

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M00/8B/78/wKioL1hPVNDCvvdoAABpFsqVnZk049.png "title=" QQ picture 20161213093634.png "alt=" Wkiol1hpvndcvvdoaabpfsqvnzk049.png "/>

after the configuration is complete, mouse lightly "650" this.width=650; "src=" http://s2.51cto.com/wyfs02/M01/8B/7B/ Wkiom1hpvogz0kfiaaag857wcjc905.png "title=" qq picture 20161213093659.png "alt=" Wkiom1hpvogz0kfiaaag857wcjc905.png "/> button to complete the loading of the data. The following is the browsing interface for the loaded data:

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/8B/78/wKioL1hPVPfiPxw3AAGEzp_ox-0630.png "title=" QQ picture 20161213093719.png "alt=" Wkiol1hpvpfipxw3aagezp_ox-0630.png "/>

The third step, data analysis

By using OPENFEA training data and finding the following rules, the model is developed.

650) this.width=650; "src=" Http://s1.51cto.com/wyfs02/M01/8B/78/wKioL1hPVQ7RJze8AACFUHo3Ip0688.png "title=" QQ picture 20161213093752.png "alt=" Wkiol1hpvq7rjze8aacfuho3ip0688.png "/>

Fourth step, data storage

Click on the icon to fill in the objects that need to be stored (world in this instance).

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/8B/7B/wKiom1hPVR-jiP6fAAA7jwnp6Lc166.png "title=" QQ picture 20161213093813.png "alt=" Wkiom1hpvr-jip6faaa7jwnp6lc166.png "/>

Fifth step, graphic drawing

In the visual design of static panels, dynamic panels, multi-screen interaction and other building pages, just enter the saved object values and select the chart type of the drawing is a migration map, you can draw the shape.

650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M02/8B/78/wKioL1hPVWfw0A05ABwKlR2dsNY441.gif "title=" Ad74e4e.gif "alt=" Wkiol1hpvwfw0a05abwklr2dsny441.gif "/>

What do you think? The design method is not very simple. You may wish to try it now!

Note: All of the above data are test data.

Dry Foods | Visual Design: Maps Four migration map of the song