In the past two years, the large data visualization screen has been very popular. The boss always asks for a "cool big screen". There are indeed many application scenarios for large screens. It can not only monitor key data in real time, improve decision-making efficiency, and pl

Data visualization large screen has been very popular in the past two years. The boss always asks for a "cool big screen". There are indeed many application scenarios for large screens. It can not only monitor key data in real time, improve decision-making efficiency, and place it in company conference rooms, booths and other places, but also enhance the company's image.

So there are more and more articles about how to make large screens. However, the elder brother saw some articles that the production of large screens is amazing, with low thresholds and low costs, which has misled many companies and IT practitioners, resulting in many companies being excited to do large screen projects, but it took huge time and cost, and the practicality of the large screens made is not high.

For this reason, the elder brother specially asked a veteran technology that has been in contact with the visual large screen project for more than 4 years, and gave you some popular science on the launch process of a visual large screen project in actual work, and scan everyone for misunderstandings about the large screen.

Visual large screen project implementation process

Generally, the entire large screen development process can be divided into six parts. I have introduced it in 's previous article . Let me briefly talk about it here:

. Requirement research: The most time-consuming and most important step. Research on large-screen demands is the top priority of large-screen projects. Only when the business needs are clear, the large-screens produced have application value. This process requires communication and confirmation with the business parties, and it takes a long time. Many large-screen projects have started to develop without clearly communicating the preliminary requirements, and later they changed to crying for parents.

In addition to business demand research, if you want to display a large screen on the hardware, you also need to conduct demand research on the large screen hardware, such as large screen display equipment procurement, resolution output, etc.

. Prototype design: What indicators are displayed on the large screen of and how to layout the indicators. Generally, a list of indicators is required to clarify with the business party. Then the chart style and visual interactive functions, such as drilling, linkage, carousel, etc., are implemented into prototype demos based on the layout content.

. Blueprint scheme: Then visually beautify it according to the prototype diagram, which needs to be designed in combination with the screen size, resolution, and large screen style. For large screens, in addition to business, data, technology, and implementation plans, the blueprint solution is more important to sort out and output the indicators, functional points, and expected effects of large screens.
• . Effect implementation: draw demo

  

. Data processing: Data processing is roughly divided into three steps, underlying data processing, front-end data display, and data proofreading. Whether the result table needs to be made based on the amount of data and real-time requirements.
• small data volume (simple calculation), quasi-real-time, no result table,
• large data volume (complex calculation), quasi-real-time, and a result table.
• small data volume (simple calculation), real-time, no result table is needed.
• data volume (complex calculation), real-time, technical solutions (such as kafka+flink)

. Large-screen debugging: Theoretically, the graphics card resolution is the same as the PC debugging resolution and the font adaptive, and there is no need for too much debugging. If conditions permit, it is recommended to perform large-screen pre-debug during the rendering and even the prototype design stage. With a set of processes like

, a large-screen project cycle ranges from 10 to 20 people and days. If the requirements are complex, it is very likely that a project will take 1-2 months, and there is still a lot of maintenance work to be done after that, so it is easy to simply make a large screen from a technical perspective, but it is not easy to complete a practical large-screen project. How to implement the large-screen visualization technology of

?

usually has three options for designing large-screen front-end solutions. ① It is developed by itself and uses open source custom visual charts; ② It is customized with integrators, which can be integrated with software and hardware; ③ It is made using tools from BI/report manufacturers.

. Develop by yourself., for example, build large-screen display templates based on vue and Echart frameworks, and there are many open source codes on the Internet. It comes with some dynamic effects, such as dynamic data refresh and rendering, screen adaptation, free internal chart replacement, Mixins injection and other functions. This is the front-end. The backend needs to write another set of framework request data, generally java.

back-end development is more troublesome. If the data needs are complex, such as multi-source data connections are required, and continuous data extraction and updates are constantly being used, the difficulty of custom development will increase, the code becomes much more complicated and there are bugs, the production cycle is relatively long, and the maintenance cost is relatively high.

Senior brother has seen many projects in the early stage of the project, and finally went to commercial development due to unstable and no one maintained it.

. Large-screen customization manufacturer: This kind of customization is not a simple graph display. Usually there are special needs, such as 3D modeling, which often require professional visualization manufacturers to customize on demand. Technically, the three-dimensional engine is based on a large screen effect. Commercial customization effects are usually optimal, but the implementation cost and post-maintenance cost are also extremely high, ranging from dozens to millions to implement.

, BI/reports make the screen bigger. Nowadays, many large-screen projects are developed using BI/report tools, such as our reporting tool FineReport.

Although it is a reporting tool itself, it is a platform that can solve the connection between front-end display and back-end data reading. Furthermore, it provides a "canvas" for building visualization (called a designer in FineReport), drag and drop operations, and also provides a set of efficient and available design models for large-screen and mobile devices. The cost of building visualization is relatively low and it is easier to get started. This alone can save a lot of development manpower. In terms of visualization, it provides reusable templates and components for large screen effects, which can meet the needs of most large screens. It involves special 3D models and can also be integrated with professional manufacturers to provide modeling implementation solutions.

has compiled 40+ visual large-screen materials for everyone, and can be used directly if you replace the data. Click to view the tool and material package to download the address





In addition, project management often requires consideration of costs, labor costs and subsequent maintenance costs. FineReport has the technical conditions for front-end display and back-end data reading. Its platform-based products have relatively low subsequent maintenance costs, and has been favored by many enterprise large-screen projects.

What are the misunderstandings about visual large screens?

Misconception 1: Take the renderings as the final goal is achieved

We often see many renderings with amazing visual effects on the Internet for reference, but most renderings cannot be reproduced 100% because when we actually implement them, we need to adapt to the screen resolution, such as whether the font can adapt to the size.

Some dynamic displays such as 3D rotation and the rate of chart space and data refresh cannot be seen. Basically, the actual graph will be 100% or 20% worse than the effect picture.

Misconception 2: Large screen is just front-end technology

Many people understand large screen as a simple front-end display technology. They think too simple. Where does the data come from? Should we read the business database or establish an intermediate library? What are the frequency requirements for data updates? Is there any problem with the data quality? Do we still need to do the underlying data processing first?

In terms of hardware, it is necessary to clarify the size, type of large screen, and the host that drives large screens? In terms of business, what indicators and dimensions are displayed on the large screen, and who will support the business analysis logic? These are all things to be considered.

Misunderstanding 3: Large screen cost is low, and fast

As far as I know, it is common for a large screen project to have more than 100,000 yuan, and I have also seen tens of millions of large screen projects. In addition to front-end design and customization, the cost of large screens starts with more than 100,000 or hundreds of thousands of yuan.In addition, some smart cities and manufacturing industries have 3D modeling needs and need customized modeling and rendering, so the cost is bottomless pit, which is up to be discussed. There are many solutions for the front-end technology implementation of

large screen, including low-code drawing and full-code customization. Depending on technology and needs, technology and business needs always choose each other.