Visual information density real-time adaptation method and system based on rolling rate multistage dynamic mapping

Abstract

The invention discloses a real-time visualization information density adaptation method and system based on rolling rate multistage dynamic mapping, and belongs to the technical field of computer man-machine interaction and information visualization. The problems of information overload and information sparsity of a traditional visual information density real-time adaptation method and system in a high-dynamic interaction scene in the prior art are solved. The method comprises the following steps: acquiring scrolling event data through a scrolling event capturing module; a speed detection module obtains an instantaneous speed of user rolling; judgment is performed through the rate interval judgment module, and display is performed through different display mode modules; the rolling acceleration of a user is monitored in real time through an acceleration detection module, and a rendering strategy is dynamically adjusted through a GPU acceleration rendering pipeline according to equipment performance, so that smooth information display on various equipment is ensured. According to the method, accurate matching of the information density and the user operation intention is achieved, and the method can be applied to scenes such as webpage browsing, mobile applications and large-screen data billboards.

Description

Technical Field

[0001] This invention relates to a method and system for real-time adaptation of visualization information density, and more particularly to a method and system for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate, belonging to the field of computer human-computer interaction and information visualization technology. Background Technology

[0002] Existing technology one, based on a page update mechanism triggered by a fixed scroll position, relies on a preset threshold to trigger content loading, failing to dynamically correlate scrolling speed with information density. This leads to limitations in static threshold loading technology, specifically: 1) Redundant rendering in low-speed scenarios: The page forces full loading of high-density content (such as complete text or charts) during low-speed scrolling, resulting in wasted rendering resources; 2) Information loss in high-speed scenarios: When users scroll quickly, content switching delays cause key information to be not effectively captured. Existing technology two, which only switches display modes through a single rate threshold (such as text → chart), lacks dynamic adaptation to scrolling speed ranges and acceleration, resulting in a fragmented interaction due to a one-dimensional response model. Specific defects include: 1) Inadequate adaptation to medium-speed scrolling. Existing technology three: 1) Failure of information density adjustment in medium speed range (e.g., 200-800px / s), resulting in frequent jumps in user visual focus; 2) Response delay to sudden behavior: Significant response delay to behaviors such as fast swiping and inertial scrolling, leading to a decrease in interaction smoothness; Existing technology three: GPU hardware accelerated rendering technology does not dynamically optimize rendering strategies in conjunction with device performance, resulting in insufficient cross-terminal adaptability and performance blind spots in hardware accelerated rendering. Specific defects are as follows: 1) Lag on low-end devices: Frame rate drops sharply when high-density content is forcibly rendered on low-performance devices; 2) Energy waste: High-performance devices still run at full power in simple scenarios, increasing unnecessary power consumption; Existing technology four: Mainstream linear mapping models (e.g., density = k × speed + b) have mathematical limitations due to the lack of consideration for the effects of acceleration and nonlinear behavior. Specific defects are as follows: 1) Overfitting in high-speed scenes: Information density drops sharply to the invalid range when the speed exceeds the critical value; 2) Lack of acceleration prediction: Low accuracy in predicting user scrolling intentions, leading to the failure of preloading strategies.

[0003] Therefore, in terms of information density adaptation, existing technologies suffer from problems such as information loss in high-speed scenes and resource redundancy in low-speed scenes due to static thresholds. In terms of interactive response capabilities, existing technologies suffer from problems such as single-level rate response being unable to cover the medium-speed range and lack of acceleration detection leading to prediction failure. In terms of device performance perception, existing technologies suffer from problems such as static rendering parameters and lack of dynamic adjustment based on device performance. In terms of dynamic mapping models, existing technologies suffer from problems such as linear models being unable to adapt to nonlinear behavior and acceleration not being incorporated into the calculation framework.

[0004] In summary, a method and system for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate is needed. Summary of the Invention

[0005] A brief overview of the invention is given below to provide a basic understanding of certain aspects of it. It should be understood that this overview is not an exhaustive summary of the invention. It is not intended to identify key or essential parts of the invention, nor is it intended to limit the scope of the invention. Its purpose is merely to present certain concepts in a simplified form as a prelude to the more detailed description that follows.

[0006] In view of this, in order to solve the problems of information overload (such as redundant rendering at low speed) and information sparsity (such as loss of key data at high speed) in the traditional real-time adaptation method and system of visualization information density in the existing technology under high dynamic interactive scenarios (such as fast browsing and sudden scrolling), the present invention provides a real-time adaptation method and system of visualization information density based on multi-level dynamic mapping of scrolling rate.

[0007] Technical solution one is as follows: A method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate, including the following steps:

[0008] S1. Construct a real-time adaptive system for visual information density, and obtain relevant data of scrolling events through the scrolling event capture module, including scrolling position and scrolling time;

[0009] S2. Based on the relevant data of the scrolling event, the rate detection module calculates the instantaneous scrolling rate of the user by recording the position and time information of two adjacent scrolling events;

[0010] S3. The speed range judgment module compares the real-time scrolling speed, i.e. the instantaneous speed at which the user scrolls, with the preset speed range. Based on different speed ranges, the corresponding display mode is triggered and displayed through different display mode modules.

[0011] S4. The acceleration detection module monitors the user's scrolling acceleration in real time, switches to the set display mode according to the emergency degradation mechanism, and obtains the predicted future rate by combining the system's preset deceleration time.

[0012] S5. It uses a GPU-accelerated rendering pipeline to efficiently render information in different display modes and dynamically adjusts the rendering strategy according to device performance to ensure smooth information display on various devices.

[0013] Furthermore, in S2, the instantaneous rate of user scrolling Represented as:

[0014]

[0015] Where currentY is the current scroll position, lastY is the previous scroll position, currentTime is the current time, and lastTime is the time of the last record.

[0016] Furthermore, in S3, the division of the rate range and its display mode is as follows:

[0017] The low-speed range, i.e., 0 - 200px / s, where px / s is pixels per second, indicates that the full text and image mode is triggered. In the full text and image mode, the complete information hierarchy is preserved, including the title, body text, and charts.

[0018] Medium speed range, i.e., 200 - 800 px / s: Switch to summary mode, which displays only key fields and data trend charts;

[0019] High-speed range, i.e. > 800px / s: Activate tag cloud mode, retain only keywords and color block heatmaps.

[0020] Furthermore, in step S4, the acceleration detection module monitors the user's scrolling acceleration in real time. When the current scrolling acceleration a > 50px / s² is detected, an emergency degradation mechanism is triggered, directly switching to the tag cloud mode and obtaining the predicted future speed. ;

[0021] Predicted future rates Represented as:

[0022]

[0023] in, For the current rate, The preset deceleration time for the system.

[0024] Furthermore, in step S5, the rendering strategy is dynamically adjusted based on the information density calculated using an exponential decay model to determine the device performance.

[0025] Information density Represented as:

[0026]

[0027] Where k is the device performance adaptation coefficient, which is dynamically adjusted through the GPU accelerated rendering pipeline.

[0028] Technical Solution 2 is as follows: A real-time adaptation system for visualization information density based on multi-level dynamic mapping of scrolling rate, used to execute the real-time adaptation method for visualization information density based on multi-level dynamic mapping of scrolling rate described in Technical Solution 1, including a scrolling event capture module, a rate detection module, a rate interval judgment module, different display mode modules, an acceleration detection module, and a GPU accelerated rendering pipeline connected in sequence.

[0029] The scroll event capture module is used to listen for user scrolling operations on the page;

[0030] The rate detection module is used to calculate the instantaneous scrolling rate of the user;

[0031] The rate range determination module is used to compare and determine the real-time scrolling rate with a preset rate range.

[0032] The different display mode modules are used to display display modes corresponding to different rate ranges;

[0033] The acceleration detection module is used to monitor the user's scrolling acceleration.

[0034] The beneficial effects of this invention are as follows: This invention aims to propose a method and system for real-time adaptation of visualized information density based on multi-level dynamic mapping of scrolling speed. By establishing nonlinear mapping rules and an acceleration response mechanism, it achieves precise matching of information density and user operation intentions in various scenarios such as web browsing, mobile applications, and large-screen data dashboards. Specifically, in web browsing scenarios, it enables users to quickly obtain key information at different scrolling speeds, avoiding information overload or information sparsity; in mobile application scenarios, it improves the smoothness of user interaction and information acquisition efficiency while reducing device energy consumption; in large-screen data dashboard scenarios, it ensures that data display is clear and conforms to user operating habits, thereby improving overall information acquisition efficiency and reducing user cognitive load.

[0035] This invention improves the user experience: (1) Information acquisition efficiency is significantly improved: Through multi-level speed range division and corresponding display mode switching, users can quickly obtain the information they need at different scrolling speeds. When scrolling at low speed, the full text and image mode provides detailed information; when scrolling at medium speed, the summary mode displays key information and data trends; when scrolling at high speed, the tag cloud mode helps users quickly locate important content. This intelligent information display method greatly reduces the time and effort users spend searching for information and improves information acquisition efficiency; (2) Interaction smoothness is greatly improved: The emergency degradation mechanism and dynamic performance adaptation ensure that the system can quickly respond to user operations. Whether it is sudden fast scrolling or running on devices with different performance, the smoothness of the interface can be guaranteed. The acceleration emergency response mechanism enables the system to quickly adjust the information display when it detects rapid scrolling, avoiding the common interaction delay problem in traditional solutions; dynamic performance adaptation optimizes the information density according to the device performance, preventing low-end devices from lagging and high-performance devices from wasting energy, thereby improving the overall smoothness of interaction; (3) Reduce user cognitive load: NASA-TLX scale test shows that the user cognitive stress index decreased by 28%, which indicates that the present invention reduces the amount and complexity of information that users need to process when browsing information by optimizing the information display method, enabling users to understand and absorb information more easily, reducing cognitive burden and improving the comfort of user experience.

[0036] This invention optimizes system performance: (1) Efficient use of hardware resources: The dynamic performance adaptation mechanism dynamically adjusts the attenuation coefficient k through GPU benchmark testing, which can reasonably allocate hardware resources according to the actual performance of the device. On high-performance devices, the information density is appropriately reduced to avoid resource waste; on low-performance devices, the information density is reduced to ensure smooth system operation. This method improves the utilization efficiency of hardware resources and extends the service life of the device. Especially on mobile devices, it helps to reduce energy consumption and improve battery life. (2) Improved rendering efficiency: The GPU accelerated rendering pipeline is responsible for efficiently rendering information under different display modes and dynamically adjusting the rendering strategy according to the device performance. On the web page, the Canvas redrawing technology is used to complete the rendering mode switching within 16ms, ensuring a frame rate >60FPS and ensuring smooth display of the interface. On the mobile terminal, the rendering efficiency is further optimized through touch inertia compensation and power saving mode adaptation, reducing rendering time and resource consumption and improving the overall performance of the system.

[0037] This invention enhances system adaptability: (1) It can operate stably across platforms and in multiple scenarios: The method of this invention can operate stably on multiple platforms such as web pages and mobile terminals (iOS / Android) and in multiple scenarios such as web browsing, mobile applications, and large-screen data dashboards. Through optimization measures for different platforms and scenarios, such as specific event listening on web pages and touch inertia compensation and power saving mode adaptation on mobile terminals, it ensures that the system can achieve real-time adaptation of the density of visualized information in various environments, providing users with a consistent service experience; (2) It adapts to different user behaviors: The multi-level rate interval division and acceleration emergency response mechanism enable the system to adapt to the scrolling behavior characteristics of different users. Whether it is a user who is used to browsing detailed information slowly or a user who often quickly searches for key content, the system can adjust the information display in real time according to the user's operation, meet the diverse user needs, and improve the adaptability and flexibility of the system. Attached Figure Description

[0038] The accompanying drawings, which are included to provide a further understanding of the invention and form part of this invention, illustrate exemplary embodiments of the invention and are used to explain the invention, but do not constitute an undue limitation of the invention. In the drawings:

[0039] Figure 1 This is a flowchart illustrating a method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate.

[0040] Figure 2 This is a schematic diagram of the structure of a real-time adaptive system for visualization information density based on multi-level dynamic mapping of scrolling rate;

[0041] Figure 3 This is a code diagram illustrating the implementation of this invention on a WebGL-based web page.

[0042] Figure 4 This is a schematic diagram of the code used for mobile optimization based on the present invention.

[0043] Figure descriptions: 1. Scrolling event capture module; 2. Rate detection module; 3. Rate range judgment module; 4. Different display mode module; 5. Acceleration detection module. Detailed Implementation

[0044] To make the technical solutions and advantages of the embodiments of the present invention clearer, the exemplary embodiments of the present invention will be further described in detail below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of the present invention, and not an exhaustive list of all embodiments. It should be noted that, unless otherwise specified, the embodiments and features in the embodiments of the present invention can be combined with each other.

[0045] Example 1: Reference Figures 1-4 This embodiment describes a method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate, specifically including the following steps:

[0046] S1. Construct a real-time adaptive system for visual information density, and obtain relevant data of scrolling events through the scrolling event capture module, including scrolling position and scrolling time;

[0047] S2. Based on the relevant data of the scrolling event, the rate detection module calculates the instantaneous scrolling rate of the user by recording the position and time information of two adjacent scrolling events;

[0048] S3. The speed range judgment module compares the real-time scrolling speed, i.e. the instantaneous speed at which the user scrolls, with the preset speed range. Based on different speed ranges, the corresponding display mode is triggered and displayed through different display mode modules.

[0049] S4. The acceleration detection module monitors the user's scrolling acceleration in real time, switches to the set display mode according to the emergency degradation mechanism, and obtains the predicted future rate by combining the system's preset deceleration time.

[0050] S5. It uses a GPU-accelerated rendering pipeline to efficiently render information in different display modes and dynamically adjusts the rendering strategy according to device performance to ensure smooth information display on various devices.

[0051] Furthermore, in S2, the instantaneous rate of user scrolling Represented as:

[0052]

[0053] Where currentY is the current scroll position, lastY is the previous scroll position, currentTime is the current time, and lastTime is the time of the last record.

[0054] Furthermore, in S3, the division of the rate range and its display mode is as follows:

[0055] The low-speed range, i.e., 0 - 200px / s, where px / s is pixels per second, indicates that the full-text and image mode is triggered. In the full-text and image mode, the complete information hierarchy is preserved, including the title, body text, and charts, to meet the user's need for detailed information when scrolling at low speed.

[0056] Medium speed range, i.e., 200 - 800px / s: Switch to summary mode. In summary mode, only key fields and data trend charts are displayed. While ensuring that users can obtain key information, the amount of information displayed is reduced, and the information browsing efficiency is improved.

[0057] High-speed range, i.e. > 800px / s: Activate tag cloud mode, retain only keywords and color block heatmaps, display key information in a concise way, and make it easy for users to quickly locate important content.

[0058] Specifically, this invention divides the scrolling speed into three intervals. This division is based on the analysis and experimental verification of a large amount of user behavior data. In practical applications, through statistical analysis of the scrolling speed of different users in various scenarios, it was found that most users tend to view detailed information when scrolling at low speeds. Therefore, 0-200px / s is set as the full text and image mode interval. When scrolling at medium speeds, users pay more attention to key information and data trends, so 200-800px / s is set as the summary mode interval. When scrolling at high speeds, users mainly focus on quickly locating important content, so the speed interval greater than 800px / s is set as the tag cloud mode. This division can better meet the information needs of users at different scrolling speeds and improve information acquisition efficiency.

[0059] Furthermore, in step S4, the acceleration detection module monitors the user's scrolling acceleration in real time. When the current scrolling acceleration a > 50px / s² is detected, an emergency degradation mechanism is triggered, directly switching to tag cloud mode. This ensures that the system can quickly respond to the user's sudden rapid scrolling behavior and obtain the predicted rate within the next 0.5 seconds. ;

[0060] Predicted rate in the next 0.5 seconds Represented as:

[0061]

[0062] in, For the current rate, The system's preset deceleration time, with a default value of 0.25 seconds, is calculated in advance based on the predicted rate within the next 0.5 seconds. In order to prepare for the information presentation in advance.

[0063] Specifically, the predicted rate within the next 0.5 seconds. The calculation formula is derived from the formula of uniformly accelerated motion in physics. It can predict the speed in the next 0.5 seconds based on the current speed and acceleration. The prediction results will be used to adjust the information display strategy in advance. For example, if the predicted speed is high, the information display will be further simplified to ensure that users can quickly obtain key information during fast scrolling, while ensuring the smooth operation of the system.

[0064] Meanwhile, the emergency degradation mechanism of this invention significantly improves the response speed to sudden rapid scrolling behavior from users. Experimental data from this embodiment verifies that the response speed is 60% faster than traditional solutions, and it is also based on the predicted rate within the next 0.5 seconds. It can achieve intelligent predictive adjustments; the emergency degradation mechanism not only improves response speed, but also optimizes the user's interactive experience during rapid operations through adaptive information display adjustments. This innovative mechanism can automatically adapt to the user's operating rhythm, so that users can obtain an efficient and smooth interactive experience in different operating scenarios.

[0065] The predicted future speed parameter is mainly used for the emergency degradation mechanism. Specifically, in step S4, when the acceleration detection module detects that the user's scrolling acceleration exceeds a certain threshold (e.g., 50px / s²), the system triggers the emergency degradation mechanism. At this time, the system not only relies on the current scrolling speed to determine the display mode, but also uses the predicted future speed. Switch to a display mode more suitable for high-speed scrolling (such as tab cloud mode) in advance to ensure that information can still be effectively displayed and understood when users quickly browse or scroll the page;

[0066] By predicting future rates The formula can more accurately predict users' scrolling behavior and dynamically adjust information density and rendering strategy accordingly to ensure the smoothness and adaptability of information display. This mechanism is suitable for improving user experience and avoiding information overload or loss of important information when users scroll quickly across the page.

[0067] Furthermore, in step S5, the rendering strategy is dynamically adjusted based on the information density calculated using an exponential decay model to determine the device performance.

[0068] Information density Represented as:

[0069]

[0070] Where k is the device performance adaptation coefficient, which is dynamically adjusted through the GPU accelerated rendering pipeline.

[0071] Specifically, the dynamic adjustment steps for the GPU accelerated rendering pipeline are as follows: First, obtain the device's GPU score through GPU benchmark testing. In this embodiment, the WebGL Benchmark interface is called on the web page to obtain the device's GPU score, gpuScore. Then, different k values ​​are set according to the score range: when gpuScore >= 8000, k = 0.002; when 3000 <= gpuScore < 8000, k = 0.003; when gpuScore < 3000, k = 0.005. The purpose of this setting is to achieve reasonable adjustment of information density on devices with different performance levels, fully utilize device performance, and avoid stuttering caused by excessively low information density on high-performance devices and excessively high information density on low-performance devices.

[0072] This invention enables dynamic performance adaptation: (1) It has accurate device performance perception: This invention dynamically adjusts the attenuation coefficient k through GPU benchmark testing, which, compared with the general static parameter setting method, achieves accurate adaptation to the performance of different devices. On the web page, the device GPU score can be obtained using the WebGL Benchmark interface, and then different k values ​​can be finely set according to the score range. This dynamic adjustment mechanism makes the information density match the device performance, fully utilizes the potential of various devices, and avoids the problem of low information density in high-performance devices or stuttering in low-performance devices due to high information density; (2) It has real-time adaptability to device changes: As the device usage time increases or the operating environment changes, the device performance may change. The dynamic performance adaptation mechanism of this invention can perceive these changes in real time and adjust the information density accordingly to ensure a stable and smooth user experience throughout the entire usage cycle of the device;

[0073] refer to Figure 3 This invention achieves cross-platform and multi-scenario adaptation: (1) Multi-platform compatibility: The method of this invention is not only applicable to web pages, but also optimized for mobile devices (iOS / Android). On web pages, information density is adapted in real time through specific event listening mechanisms (such as window.addEventListener('scroll')) and WebGL related technologies. On mobile devices, touch inertia compensation and power saving mode adaptation are introduced to ensure a consistent and high-quality user experience across different operating systems and device types. (2) Wide range of scenario applicability: It is applicable to various scenarios such as web browsing, mobile applications, and large-screen data dashboards. It can solve the problems of information overload (such as redundant rendering at low speed) and information sparsity (such as loss of key data at high speed) in high dynamic interaction scenarios (such as fast browsing and sudden scrolling). It has strong versatility and practicality.

[0074] Example 2: Reference Figure 2This embodiment describes a real-time adaptation system for visualization information density based on multi-level dynamic mapping of scrolling rate, used to execute the real-time adaptation method for visualization information density based on multi-level dynamic mapping of scrolling rate described in Embodiment 1. It includes a scrolling event capture module 1, a rate detection module 2, a rate interval judgment module 3, different display mode modules 4, an acceleration detection module 5, and a GPU accelerated rendering pipeline 6 connected in sequence.

[0075] The scroll event capture module 1 is used to listen to the user's scrolling operation on the page. Through a specific event listening mechanism, such as using the window.addEventListener('scroll') method on the web page, it obtains relevant information about the scrolling event in real time, including parameters such as the scrolling position and time, to provide a data basis for subsequent rate calculation.

[0076] The rate detection module 2 is used to calculate the instantaneous scrolling rate of the user;

[0077] The rate range determination module 3 is used to compare and determine the real-time scrolling rate with a preset rate range.

[0078] The different display mode module 4 is used to display display modes corresponding to different rate ranges;

[0079] The acceleration detection module 5 is used to monitor the user's scrolling acceleration.

[0080] Although the invention has been described with reference to a limited number of embodiments, those skilled in the art will understand from the foregoing description that other embodiments are conceivable within the scope of the invention described herein. Furthermore, it should be noted that the language used in this specification has been chosen primarily for readability and instructional purposes, and not for the purpose of interpreting or limiting the subject matter of the invention. Therefore, many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the appended claims. The disclosure of the invention is illustrative and not restrictive, and the scope of the invention is defined by the appended claims.

Claims

1. A method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate, characterized in that, Includes the following steps: S1. Construct a real-time adaptive system for visual information density, and obtain relevant data of scrolling events through the scrolling event capture module, including scrolling position and scrolling time; S2. Based on the relevant data of the scrolling event, the rate detection module calculates the instantaneous scrolling rate of the user by recording the position and time information of two adjacent scrolling events; S3. The speed range judgment module compares the real-time scrolling speed, i.e. the instantaneous speed at which the user scrolls, with the preset speed range. Based on different speed ranges, the corresponding display mode is triggered and displayed through different display mode modules. S4. The acceleration detection module monitors the user's scrolling acceleration in real time, switches to the set display mode according to the emergency degradation mechanism, and obtains the predicted future rate by combining the system's preset deceleration time. S5. It uses a GPU-accelerated rendering pipeline to efficiently render information in different display modes and dynamically adjusts the rendering strategy according to device performance to ensure smooth information display on various devices.

2. The method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate according to claim 1, characterized in that, In S2, the instantaneous rate of user scrolling Represented as: ； Where currentY is the current scroll position, lastY is the previous scroll position, currentTime is the current time, and lastTime is the time of the last record.

3. The method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate according to claim 2, characterized in that, In S3, the rate range and its display mode are divided as follows: The low-speed range, i.e., 0 - 200px / s, where px / s is pixels per second, indicates that the full text and image mode is triggered. In the full text and image mode, the complete information hierarchy is preserved, including the title, body text, and charts. Medium speed range, i.e., 200 - 800 px / s: Switch to summary mode, which displays only key fields and data trend charts; High-speed range, i.e. > 800px / s: Activate tag cloud mode, retain only keywords and color block heatmaps.

4. The method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate according to claim 3, characterized in that, In step S4, the acceleration detection module monitors the user's scrolling acceleration in real time. When the current scrolling acceleration a > 50px / s² is detected, an emergency degradation mechanism is triggered, directly switching to the tag cloud mode and obtaining the predicted future speed. ; Predicted future rates Represented as: ； in, For the current rate, The preset deceleration time for the system.

5. The method for real-time adaptation of visualization information density based on multi-level dynamic mapping of scrolling rate according to claim 4, characterized in that, In S5, the rendering strategy is dynamically adjusted based on the information density calculated using an exponential decay model to set the device performance. Information density Represented as: ； Where k is the device performance adaptation coefficient, which is dynamically adjusted through the GPU accelerated rendering pipeline.

6. A real-time adaptation system for visualization information density based on multi-level dynamic mapping of scrolling rate, characterized in that, The method for performing a real-time adaptation method for visualization information density based on multi-level dynamic mapping of scrolling rate as described in any one of claims 1-5 includes a scrolling event capture module (1), a rate detection module (2), a rate interval judgment module (3), a different display mode module (4), an acceleration detection module (5), and a GPU accelerated rendering pipeline (6) connected in sequence. The scroll event capture module (1) is used to listen to the user's scrolling operation on the page; The rate detection module (2) is used to calculate the instantaneous scrolling rate of the user; The rate range judgment module (3) is used to compare and judge the real-time scrolling rate with the preset rate range; The different display mode module (4) is used to display display modes corresponding to different rate ranges; The acceleration detection module (5) is used to monitor the acceleration of the user's scrolling.

Images