A new increasingly popular visualization: Large Screen data visualization

4 min readApr 18, 2021

1.What is Large Screen data visualization?

Large-screen data visualization is based on the large-screen as the main display carrier for data visualization.

2.Key concept of Large Screen data visualization

2.1 steps

A complete large-screen development project is generally divided into five steps: demand research, prototype design, template development, large-screen debugging, and formal launch. Among them, demand research is the top priority.

Prototype design can be handed over to professional large-screen UI design. If you don’t have this condition, you can also refer to other demo designs.

Conventional large-screen template development can be developed using code + visualization library, such as JS+Ecahrts. This method is cheap, but data support, background response, real-time update, platform operation and maintenance, etc. should call for more technologies. The technical level is high, and the later operation and maintenance is also more troublesome.

In addition, we can also choose mature large-screen development software in pursuit of efficiency. This type of software has ready-made chart templates, and supports drag-and-drop and visual configuration pages, which can quickly develop a visual large-screen.

First of all, we must conduct business demand research, find out who the audience of the big screen is, and clarify their display needs for the big screen. Determine the theme of the large screen, extract key indicators according to business needs, then define the analysis latitude of the indicators, and determine the type of visualization chart

2.2 layout

Layout can be divided into several areas according to its size, and place a indicator in each area.we can get the Indicator in our own project based on the objectives of data visualization,usually two types of indicator is enough(primary indicator, secondary indicator)

The primary indicators are usually arranged in the middle position, occupying a large area,

The secondary indicators are carried out around the primary indicators.

Here is a commonly usedlayout design for large screen.

There are some implementation in real successful bussiness like the Alibaba Double-11.

from Alibaba double-11 large screen visualization

2.3 color scheme

The background color of the dashboard for large screen usually follows two principles: dark tone and consistency.

The background of a single element should be consistent with the overall background color to avoid abruptness. It is recommended to match some individual component elements with a transparent color.()

2.3 dynamic scheme

The usage of dynamism is actually one of most important part to be vivid and attractive, with nowadays open-source visualization toolkit, we can easily implement some dynamic scheme such as background animation, refreshing loading animation, carousel animation, flashing animation of charts, flow animation of maps, etc.

However, excessive dynamism dazzle viewers, causing large-screen dashboards to lose the value of commercial displays. It’s a challenge for designer to have a trade off between the real content and the fancy dynamism.