1. Overview of the large screen
Visual large screens have been very popular in recent years. In these years, we have seen many large screens, various real-time monitoring large screens, sales overview large screens, and smart city service platforms. Compared with traditional reports, the super-large screen display and cool data visualization make the data presentation more beautiful, intuitive, fast and easy to receive.
The large visual screen is mainly to display the data on enough screens in real time in the form of visualization. Through the large visualization screen, companies can observe data changes internally, understand business development, discover problems in time, solve actual business problems based on problems, and guide companies to make decisions; externally, they can enhance their image, reflect company strength and brand image, and improve management Level!
Let's look at a few Demo examples:
Through the above large-screen sample research and decomposition, we can find that the large-scale visualization screen is mainly composed of background, title, indicator card, graphics, tables, icons and other elements, which are combined in an orderly manner through layout.
As shown in the figure below, the enterprise equipment monitoring center is a large visual screen including various elements, which is mainly used for the monitoring and analysis of enterprise equipment.
● Background: mainly background image or background color.
● Title: Describe the theme of the large visual screen, generally the number of words should not exceed 10, and the description is required to be concise, clear and powerful.
● Indicator card: used to display key indicator data.
● Graphics: various types of graphics display. For example, you can use bar graphs, trend line graphs, and share pie graphs for comparison.
● Table: Table data display. The detailed and summarized data can be used, in many cases it is displayed in a marquee scrolling way.
2. Preparation
Before making large screens, we should make relevant preparations, which mainly include three categories: demand research, large screen design, and data preparation.
First of all, we conduct a research on the needs of large screens, which is the basis for large screen production. We need to interview customers to determine hardware equipment specifications and understand the subject indicators that customers want to show. The work of the demand survey mainly includes: determining the hardware equipment, themes and indicators of the large screen, and the dimensions and types of the display. The details are as follows:
1. Demand research
(1) Determine the hardware facilities of the large screen
The more common hardware devices used in large-screen displays include large-size LCD screens, 3*4 small splicing screens, large matrix splicing screens, projector displays, and vertical display halls. When some small splicing screens are projected, because the resolution does not match the screen, the picture will be widened and deformed, so we need to focus on the resolution supported by the graphics card in order to determine the size of the large screen resources.
(2) Determine the theme and indicators of the big screen
First determine the theme to be displayed on the large screen, and then summarize and sort out the key indicators that need to be displayed and supported by the back-end data according to the theme, and then we classify the indicators (core, secondary, auxiliary) according to the importance of the business.
(3) Determine the dimensions and display types
The same indicator can be analyzed from different dimensions, so we also need to sort out the key dimensions related to the indicator. Then according to the type of dimension, the characteristics of the graph, etc., the appropriate visualization graph type is selected to show the relevance of the data. Visual graphics are classified as follows according to their characteristics:
● Comparison: Comparison of progress and goals, you can use fuel gauge, schedule chart; comparison between projects and projects, you can use column chart, bar chart, radar chart, word cloud chart, tree chart, heat map; comparison between regions You can use a map.
● Sequence: continuous and ordered categories of data fluctuations, such as line graphs, area graphs, and column graphs; decreasing processes at various stages, such as funnel graphs.
● Composition: proportion composition, such as a pie chart; multiple types of parts to the whole, such as a stacked chart. The composition of each component distribution, such as a waterfall chart.
● Description: Key indicators, data grouping differences, data dispersion, data correlation, relationships between people or things, such as relationship diagrams.
2. Large screen design
(1) Overall style design
In terms of display style, the large visual screen has a sense of technology, business, industry, government affairs, simplicity, and freshness. Before making a big screen, you can first understand the common mainstream styles in your industry, and you can find a designer to design. Of course, you can also check some templates in our experience center. If you like, you can install them directly in your personal space for use.
(2) Determine the display layout of the large screen
The important guiding principle of layout layout is to highlight important information and ensure the effective transmission of important index information with high priority. Therefore, we can typeset according to the previously set index level, the core information is arranged in the middle position, occupying a larger area; the secondary information is placed on both sides or up and down, occupying a smaller area; auxiliary or derivative information passes Acquisition by interactive means, such as drill, jump, carousel, etc.
(3) Design background image (background color), chart color matching, etc.
After determining the overall style, we need to design the background image or background color. The background of the large screen is generally dark tones. You can add some light and bright lines to highlight the texture, but be careful not to be too fancy to prevent overwhelming guests.
In the chart color matching, we need to pay attention to the number of colors can not be large, generally there is an overall tone, and then the key information is highlighted by contrasting colors.
Special attention should be paid to the color matching that the charts in the same large screen, such as labels, titles, legends, and prompts, are best to be color-matched.
(4) Design dynamic effects and interactive effects
In order to better display the cool effects, we can design to add dynamic effects or interactive effects. Such as adding 3D dynamic effects, carousel effects, scrolling, interactive effects (more common map drill down), refreshing effects, page initialization effects, graphics zooming, etc.
(5) Prepare small elements such as icons
Prepare all the small icon elements used in the big screen.
3. Data preparation
(1) Ensure data quality
A good large-screen display must be supported by good data. We need to understand the background data's support for key indicators, comprehensively consider the impact of data volume, data calculation, data cycle update, etc. on indicator display, process data through ETL, data extraction and other methods, and try to ensure the quality of indicator data display.
(2) Connect to the data source
Customer data is generally stored in the business database. Smartbi products can obtain data resources from various data products and support continuous updates as customer data changes.
(3) Create a data set
Data sets are the basis for building charts. We prepare data according to the content that needs to be displayed. Various forms of public data sets are an indispensable supplement to data resources. Different data sets are recommended for different user groups. In particular, public data sets can be associated with scheduled tasks to extract data to the cache in advance to achieve a "data mart" Accelerated data landing!
In addition, ad hoc query and perspective analysis can also be used as data sets. They support the provision of a self-service data query operation interface. The biggest feature is that business users can complete self-service data query and condition screening through simple mouse operations.
Three, implementation steps
After completing the preparatory work, we will mainly explain how to realize a large visual screen through the electronic form from the four aspects of the whole, part, detail and dynamic.
1. Overall settings
First, we log in to the spreadsheet designer and insert a background image.
The page setting can choose computer adaptive, which can adapt to a variety of pixel screens; if it is not fully adapted, the background color can be used to fill the screen.
2. Partial settings
Here, we use the planned large-screen content and prepared data to make the main title, each graphic title, dynamic KPI indicators, and chart production respectively.
Note that the template is separated from the data. Drag and drop the data fields to a separate sheet page for better maintenance and update operations.
The created graphics can be freely dragged to adjust the position and size, and placed in the planned location.
The table can be copied to the template using the Excel camera function, and the position and size can be adjusted freely.
3. Beautify details
Then, we further adjusted and beautified the details of the title's color, font, size, chart series, labels, and coordinate axes.
Earlier we mentioned that the charts in the same large screen, such as labels, titles, legends, and prompts, should be uniformly colored. Smartbi comes with built-in themes and supports user-defined themes. When customizing reports, you can apply these themes with one click, which frees report designers from tedious graphic design work and improves work efficiency while also satisfying design requirements. Effect requirements.
4. Dynamic effects
For better display on the big screen, we can design to add dynamic effects or interactive effects.
External resources such as videos can be embedded through URL links, and dynamic effects such as carousel, Tab page switching, and graphics zooming can be realized through Tab page controls, carousel controls, and graphic extended attributes.
Through cell value transfer and jump rule wizard, interactive effects such as drill down, linkage, and jump can be realized.
After the production of the big screen is completed, we can debug it, and we can go online to meet customer satisfaction!
The examples in this article can be found in the Smartbi Experience Center, and you can also install these applications to use in your personal space. Interested friends can browse and install them on the Smartbi official website!
