# Q&A
# 1. What should I do if the design draft is not displayed well on the large screen?
The resolution, proportion, usage environment, and projection method of the large screen can all have an impact on the design. Ideally, we should be able to open the large screen system for some simple testing before the design starts. We can collect large screen design works from different designers with different styles online, and then submit them to see the actual effects. Because most of the time there is color deviation on large screens, through testing, we can determine whether different types of color combinations such as gradient colors and adjacent colors can be well presented on the target large screen. If not, we should not use color combinations with poor display performance when designing. On the other hand, timely testing of the sample communication process is also important.
# 2. After finalizing the large screen design, how many times will the cut image be cut?
Due to the projection of our computer screen onto a large screen, the content on the large screen is a page running on our computer browser. So according to the resolution of our computer, we can cut the image twice as much as usual
# 3. Will the 1920 * 1080 design draft become blurred when submitted to the 9000 * 4320 screen?
Depending on the situation, it depends on the hardware specifications and viewing distance of the large screen system. There are four concepts that need to be discussed with everyone.
Large screen logical resolution (design draft size) - graphics card output resolution - video matrix switcher (DVI) support resolution - actual physical resolution of the large screen.
Generally, the last two are not a problem. The large screen and matrix switch are provided by the large screen manufacturer, and usually they just match the large screen. The easy issue is the output resolution of the graphics card. The screen resolution of our computer is not the final resolution that the graphics card passes to the DVI interface. The resolution passed to the DVI interface is the maximum resolution that the computer graphics card can output (some computers can set or customize the output resolution). The display effect is best when the output resolution is equal to the DVI support resolution. The output resolution is lower than the resolution supported by DVI, and DVI will amplify the signal and transmit it to the large screen. During the amplification process, there may be loss of image information. Although there are various algorithms to ensure the image is as clear as possible during this process, even if the algorithm is good, there is still a gap between it and the real graphics. In addition, the projection effect of multiple signal sources is better than that of a single signal source. For live streaming data screens, there are generally at least two signal sources, one for screen projection and the other for screen projection but in standby mode.
The distance from the large screen also affects the appearance. Generally, close proximity results in a clear graininess, while slightly farther distance results in a clearer appearance
# 4. After completing the development of the design draft, if it is found that the page is stretched or compressed on the large screen, how can we remedy it?
Generally speaking, development only needs to restore the design drawings. But in special cases, such as when the display is not properly expanded, resulting in the page being stretched or compressed, it is necessary to take measures: we can first obtain the proportion of the stretched/compressed, then compress/stretch the overall view, and then stretch/compress it, so that the stretched/compressed defects can be corrected to a certain extent. In addition, to understand the hardware characteristics of the invested computer, some computers can solve this problem by customizing the resolution.
# 5. In addition to self-developed visualization screens, what third-party services can be used to quickly achieve this?
Alibaba Cloud DataV, Tencent Cloud Map, Baidu Sugar, etc
# 6. Where can I find references for chart styles for data visualization?
The two libraries in the chart section are available for designers to browse and view. All chart styles in these libraries are implemented based on code and can be used as a reference for designing charts. Developers can also use the code or modify them based on these charts.
The tool class needs to have a certain code foundation, and there are also rich charts inside, so communication with developers is also important because they may understand more about the cutting-edge chart forms that our designers are not aware of. Therefore, it is too important to communicate with each other more.
# 7. Create vite project
npm init vite@latest
npm install @tweenjs/tween.js
npm install three
# 8. Creating a Vue3 project
npm init vue@latest