Data visualization system and method based on interval heap graph

Abstract

The invention discloses a data visualization system based on an interval heap graph. The data visualization system comprises an interval heap graph module, a rectangle characteristic module and a visualization adjustment module, the interval heap graph module is connected with the rectangle characteristic module, and the interval heap graph module is used for drawing a horizontal rectangle and constructing a heap graph coordinate system; the rectangular characteristic module is used for analyzing the color deepening degree and calculating the highlighting display degree; the visual adjustment module is connected with the interval heap map module, and the visual adjustment module is used for adjusting the interval heap map module for different display positions of horizontal rectangles with different color deepening degrees and different highlighted display degrees. According to the method, the color depth and the arrangement order of the rectangles are adjusted in real time according to the size of the data, so that the trend of the data can be more intuitively presented, the real-time state of the data can be seen, and the horizontal rectangles corresponding to the frequently-changed data are displayed with highlighted colors; therefore, larger data can be displayed at a more significant position, and the display effect is more direct.

Description

Technical Field

[0001] The present invention relates to the technical field of data processing, and in particular to a data visualization system and method based on an interval heap graph. Background Art

[0002] An interval heap graph is a type of chart used to visualize the comparison and relationship between multiple data sets. It consists of multiple horizontal rectangles, each rectangle representing a data set, and they are stacked on top of each other on the Y-axis.

[0003] For more intuitive display, in the existing technology's interval heap graph drawn based on data sets, the height of each horizontal rectangle represents the size of the data in that data set, and the width of each horizontal rectangle represents the display significance level. Currently available solutions support stacking and bar charts, but the colors and arrangement positions of the horizontal rectangles cannot be dynamically adjusted, resulting in some important data sets not being able to be displayed in a more prominent manner. Summary of the Invention

[0004] Aiming at the deficiencies in the prior art, the present invention provides a data visualization system and method based on an interval heap graph to solve the technical problems of non-intuitive data display and insufficient dynamic response ability in the prior art.

[0005] The present invention provides a data visualization system based on an interval heap graph, including: an interval heap graph module, a rectangle characteristic module, and a visualization adjustment module; the interval heap graph module is connected to the rectangle characteristic module, and the interval heap graph module is used to draw horizontal rectangles and construct a heap graph coordinate system; the rectangle characteristic module is used to analyze the color deepening degree and calculate the prominent display degree; the visualization adjustment module is connected to the interval heap graph module, and the visualization adjustment module is used to give the interval heap graph module the ability to adjust the display positions of horizontal rectangles with different color deepening degrees and different prominent display degrees.

[0006] Further, the interval heap graph includes: a horizontal rectangle drawing unit and a heap graph coordinate system unit; the horizontal rectangle drawing unit is used to generate horizontal rectangles as the basic units for data display; the heap graph coordinate system unit is used to provide a visual display area for the interval heap graph data.

[0007] Further, the rectangle characteristic module includes: a height setting unit, a width input unit, a data detection unit, a color operation unit, a prominent display calculation unit, and a database; the height setting unit is used to set the real-time height of the horizontal rectangle; the width input unit is used to input the set width of the horizontal rectangle; the data detection unit is used to switch the measurement points to detect the data of the corresponding horizontal rectangle; the color operation unit is used to calculate the color depth value according to the height and width; the prominent display calculation unit is used to calculate the prominent display value based on the data retention time; the database is used to store data.

[0008] Furthermore, the visualization adjustment module includes: a display ranking adjustment unit, an adjustment locking unit, and a timing unit; the display ranking adjustment unit is used to adjust the arrangement ranking according to the color depth and the highlighting value; the adjustment locking unit is used to lock the horizontal rectangle whose display ranking is to be adjusted; the timing unit is used to calculate the time for precisely controlling the operation of the adjustment locking unit.

[0009] The present invention also provides a data visualization method based on an interval heap graph, which is applicable to the above-mentioned data visualization system based on an interval heap graph. The method includes the following steps:

[0010] Step 1: Obtain the source data and perform preprocessing on it;

[0011] Step 2: Draw multiple horizontal rectangles for each data set, where the width of the horizontal rectangle is the data value range, and the height of the horizontal rectangle is the data size;

[0012] Step 3: Periodically obtain the height and width change information of the horizontal rectangles, and adjust the color depth value of the switched selected horizontal rectangle;

[0013] Step 4: Cumulatively calculate the highlighting value of the horizontal rectangle according to the data retention time, and adjust the amplitude of the color depth value becoming lighter according to the highlighting value;

[0014] Step 5: Calculate the arrangement ranking of the horizontal rectangles according to the color depth value and the highlighting value, and adjust the arrangement ranking of the horizontal rectangles.

[0015] Furthermore, the color depth value of the horizontal rectangle drawn in Step 2 is:

[0016] R = VA

[0017] In the formula, R is the color depth value; V is the height of the horizontal rectangle as the data; A is the width data of the horizontal rectangle;

[0018] The final color depth value is:

[0019] R0 = μA

[0020] In the formula, R0 is the final color depth value; A is the width data of the horizontal rectangle; μ is the conversion coefficient of the preset width and the final color depth value;

[0021] The color deepening value is:

[0022] R x = R - R0

[0023] In the formula, R x is the regular color deepening, and R x is the negative color lightening.

[0024] Further, in the step 4, the calculation formula for the highlighting value is as follows:

[0025] S = αT0 - βt j

[0026] In the formula, α is the highlighting coefficient of the horizontal rectangle when there is data change; β is the coefficient for reducing the importance of the horizontal rectangle when there is no data change; T0 is the total time of data change of the horizontal rectangle; t j is the time when each horizontal rectangle is put into visual display after being drawn and formed, j is the serial number of the horizontal rectangle, and j = 1, 2, 3,..., n.

[0027] Further, in the step 5, the calculation formula for calculating the arrangement position of the horizontal rectangle is as follows:

[0028]

[0029] In the formula, H0 is the initial arrangement position; R x is the color deepening value; R0 is the final color depth value; S is the highlighting value.

[0030] Advantages of the present invention:

[0031] By adjusting the color depth and arrangement position of the rectangle in real time according to the data size, the present invention can more intuitively present the data trend and the real-time state of the data, and highlight the color of the horizontal rectangle corresponding to the data that often changes, so that larger data can be displayed at a more prominent position, and the display effect is more direct. Description of the Drawings

[0032] The features and advantages of the present invention will be more clearly understood by referring to the accompanying drawings. The drawings are schematic and should not be construed as limiting the present invention in any way. In the drawings:

[0033] Figure 1 is the system block diagram of a specific embodiment of the present invention. Detailed Embodiments

[0034] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are some, but not all, of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

[0035] The present invention will be further illustrated below in conjunction with specific embodiments. Those skilled in the art should understand that these embodiments are only used to illustrate the present invention and not to limit the scope of the present invention. Modifications to various equivalent forms of the present invention all fall within the scope defined by the appended claims of this application.

[0036] As Figure 1 shown, the present invention provides a data visualization system based on an interval heap graph, including: an interval heap graph module, a rectangle feature module, and a visualization adjustment module; the interval heap graph module is connected to the rectangle feature module, and the interval heap graph module is used to draw horizontal rectangles and construct a heap graph coordinate system; the rectangle feature module is used to analyze the degree of color deepening and calculate the degree of prominent display; the visualization adjustment module is connected to the interval heap graph module, and the visualization adjustment module is used to give the interval heap graph module the ability to adjust the display order of horizontal rectangles with different degrees of color deepening and different degrees of prominent display.

[0037] The interval push graph includes: a horizontal rectangle drawing unit 11 and a heap graph coordinate system unit 12; the horizontal rectangle drawing unit 11 is used to generate horizontal rectangles as basic data display units; the heap graph coordinate system unit 12 is used to provide a visual display area for the interval heap graph data.

[0038] The rectangle feature module includes: a height setting unit 21, a width input unit 22, a data detection unit 23, a color operation unit 24, a prominent display calculation unit 25, and a database 26; the height setting unit 21 is used to set the real-time height of the horizontal rectangle; the width input unit 22 is used to input the set width of the horizontal rectangle; the data detection unit 23 is used to switch the measurement points to detect the data corresponding to the horizontal rectangle, that is, to determine which horizontal rectangle's data to detect by controlling different measurement points; the color operation unit 24 is used to calculate the color depth value according to the height and width of the horizontal rectangle; the prominent display calculation unit 25 is used to calculate the prominent display value based on the data retention time; the database 26 is used to store data, and each data is stored in a different data storage unit.

[0039] The visualization adjustment module includes: a display order adjustment unit 31, an adjustment locking unit 32, and a timing unit 33; the display order adjustment unit 31 is used to adjust the arrangement order according to the color depth and the prominent display value; the adjustment locking unit 32 is used to lock the horizontal rectangle whose display order is to be adjusted and determine which horizontal rectangle's display order to adjust; the timing unit 33 is used to calculate the time for precisely controlling the operation of the adjustment locking unit 32.

[0040] The present invention also provides a data visualization method based on an interval heap graph, which is applicable to the above-mentioned data visualization system based on an interval heap graph. The method includes the following steps:

[0041] Step 1: Obtain the source data and preprocess it. For each data set, extract the first value a of their Y-axis data, compare it with 0, and plot the data of a as the color of one kind of graph. Let b represent the second value of the Y-axis data, and plot the data of b as the color of another kind of graph, and so on until all the values of the Y-axis data are plotted;

[0042] Step 2: Plot multiple horizontal rectangles for each data set. Among them, the width of the horizontal rectangle is the data value range, the height of the horizontal rectangle is the data size, and all the values of the Y-axis data are arranged linearly on the X-axis. For all data sets, determine their Y-axis coordinates according to their positions above or below the X-axis;

[0043] The working method of the data detection module is specifically as follows: The data detection module is divided into different measurement sites {K1, K2... K n}, when it is necessary to detect the data corresponding to a certain horizontal rectangle, make other measurement sites lose electrical connection, and the measurement site to be measured is electrically connected to the data storage unit in the database corresponding to the horizontal rectangle. At this time, the reading of the data detection module is the data size corresponding to the horizontal rectangle to be measured;

[0044] The specific steps are as follows:

[0045] Step 21: When a horizontal rectangle enters the visualization state, the height setting module sets the real-time height of each horizontal rectangle, denoted as {V1, V2... V n}, and uploads the height data to the color operation module;

[0046] Step 22: Record the set widths of each horizontal rectangle by controlling whether different data detection modules work or not, denoted as {A1, A2... A n}, and upload the width data to the color operation module; The larger the width, the wider the value range of the X-axis covered by this rectangle, the larger the data coverage range, and the more important it is accordingly. Therefore, both the width and the height will affect the color depth;

[0047] Step 23: Determine the color depth value R by multiplying the height of each horizontal rectangle by its width n ,

[0048] R n =V n A n ,

[0049] In the formula, V is the height of the horizontal rectangle as the data; A is the width data of the horizontal rectangle; n is the subscript, indicating the serial number of the horizontal rectangle;

[0050] The greater the height and the darker the color, the more significant the display effect. Calculate the current area of each horizontal rectangle respectively. The area size is proportional to the color depth value {R1, R2... R n};

[0051] At the same time, according to the proportional relationship of the set width of the horizontal rectangle, statistically calculate the final color depth value R of each horizontal rectangle n0 ,

[0052] R n0 = μA n

[0053] In the formula, μ is the conversion coefficient between the set width and the final color depth value, denoted as {R 10 , R 20 ... R n0}. The respective color deepening value R x is

[0054] R x = R n - R n0

[0055] R x Positive means deepening, negative means becoming lighter;

[0056] Step 3: Periodically obtain the height and width change information of the horizontal rectangle, and adjust the color depth value of the selected horizontal rectangle for switching;

[0057] Step 4: Cumulatively calculate the prominent display value of the horizontal rectangle according to the data retention time, and adjust the amplitude of the color depth value becoming lighter; The greater the prominent display value S n of the horizontal rectangle, the slower the color depth value R n becomes lighter;

[0058] Among them, the calculation process of the prominent display value is as follows:

[0059] When the horizontal rectangle starts to be drawn and formed, detect whether there is data change to judge which data storage units corresponding to the horizontal rectangles have data change and which do not in the current state, and record the total time T0 of the data change of the horizontal rectangle. As long as there is a horizontal rectangle with data change, it is included in the total time T0;

[0060] At the same time, record the time t j when each horizontal rectangle is put into visual display after being drawn and formed, j = 1, 2, 3,..., n;

[0061] According to the total time T0 of the data change of the horizontal rectangle; the time t j of the visual display, calculate the prominent display value S n of the horizontal rectangle, specifically:

[0062] S n = αT0 - βt j ;

[0063] In the formula, α is the prominent display coefficient of the horizontal rectangle when there is data change, and β is the importance reduction coefficient of the horizontal rectangle when there is no data change.

[0064] Step 5: Calculate the arrangement rank of the horizontal rectangles according to the color depth value and the prominent display value, and adjust the arrangement rank of the horizontal rectangles.

[0065] As the color depth value of the horizontal rectangle is larger, and the prominent display value S n is larger, both will cause the arrangement rank of the horizontal rectangle to become smaller compared to the previous statistical period, and the arrangement is more forward.

[0066] By adjusting the color depth of the rectangle and the arrangement rank in real time according to the data size, the trend of the data can be presented more intuitively and the real-time state of the data can be seen. The horizontal rectangles corresponding to the data that often change are displayed with prominent colors, so that larger data can be displayed in a more prominent position, and the display effect is more direct.

[0067] Among them, the calculation formula for the arrangement rank of the horizontal rectangle is:

[0068]

[0069] In the formula, H0 is the initial arrangement rank, that is, the final arrangement rank of the horizontal rectangle in the previous statistical period; R x is the color deepening value; R0 is the final color depth value; S is the prominent display value.

[0070] Although the embodiments of the present invention have been described in conjunction with the accompanying drawings, those skilled in the art can make various modifications and variations without departing from the spirit and scope of the present invention, and such modifications and variations fall within the scope defined by the appended claims.

Claims

1. A data visualization system based on interval heap graphs, characterized in that, Including: An interval heap graph module, a rectangle feature module, and a visualization adjustment module; The interval heap graph module is connected to the rectangle feature module. The interval heap graph module is used to draw horizontal rectangles and construct a heap graph coordinate system; the rectangle feature module is used to analyze the degree of color intensification and calculate the degree of prominent display; the visualization adjustment module is connected to the interval heap graph module, and the visualization adjustment module is used to give the interval heap graph module the ability to adjust the display positions of horizontal rectangles with different degrees of color intensification and different degrees of prominent display.

2. The data visualization system based on the interval heap graph according to claim 1, wherein, The described interval push graph includes: a horizontal rectangle drawing unit and a heap graph coordinate system unit; the horizontal rectangle drawing unit is used to generate horizontal rectangles as basic data display units; the heap graph coordinate system unit is used to provide a visual display area for the interval heap graph data.

3. The data visualization system based on the interval heap graph according to claim 1, wherein The rectangle feature module includes: a height setting unit, a width input unit, a data detection unit, a color operation unit, a prominent display calculation unit, and a database; the height setting unit is used to set the real-time height of the horizontal rectangle; the width input unit is used to input the set width of the horizontal rectangle; the data detection unit is used to switch the measurement points to detect the data of the corresponding horizontal rectangle; the color operation unit is used to calculate the color depth value according to the height and width; the prominent display calculation unit is used to calculate the prominent display value based on the data retention time; the database is used to store data.

4. The data visualization system based on the interval heap graph according to claim 1, wherein The visualization adjustment module includes: a display position adjustment unit, an adjustment locking unit, and a timing unit; the display position adjustment unit is used to adjust the arrangement position according to the color depth and the prominent display value; the adjustment locking unit is used to lock the horizontal rectangle whose display position is to be adjusted; the timing unit is used to calculate the time for precisely controlling the operation of the adjustment locking unit.

5. A data visualization method based on an interval heap graph, applicable to the data visualization system based on an interval heap graph as described in any one of claims 1-4, characterized in that, The method includes the following steps: Step 1: Obtain the source data and perform preprocessing; Step 2: Draw multiple horizontal rectangles for each data set. Among them, the width of the horizontal rectangle is the data value range, and the height of the horizontal rectangle is the data size; Step 3: Periodically obtain the height and width change information of the horizontal rectangle, and adjust the color depth value of the selected horizontal rectangle; Step 4: Cumulatively calculate the prominent display value of the horizontal rectangle according to the data retention time, and adjust the lightening amplitude of the color depth value according to the prominent display value; Step 5: Calculate the arrangement position of the horizontal rectangle according to the color depth value and the prominent display value, and adjust the arrangement position of the horizontal rectangle.

6. The data visualization method based on the interval heap graph according to claim 5, wherein, The color depth value of the horizontal rectangle drawn in step 2 is: R = VA In the formula, R is the color depth value; V is the height of the horizontal rectangle as data; A is the width data of the horizontal rectangle; The final color depth value is: R0 = μA In the formula, R0 is the final color depth value; A is the width data of the horizontal rectangle; μ is the conversion coefficient between the preset width and the final color depth value; The color intensification value is: R x = R - R0 where R x is positive, the color deepens, and when R x is negative, the color fades.

7. The data visualization method based on an interval heap graph according to claim 5, wherein In step 4, the calculation formula for the prominent display value is: S = αT0 - βt j Where α is the prominent display coefficient of the horizontal rectangle when there is data change; β is the importance reduction coefficient of the horizontal rectangle when there is no data change; T0 is the total time of data change of the horizontal rectangle; t j is the time when each horizontal rectangle is put into visual display after being drawn and formed, j is the serial number of the horizontal rectangle, and j = 1, 2, 3, …, n.

8. The data visualization method based on the interval heap graph according to any one of claims 5-7, characterized in that, In step 5, the calculation formula for calculating the arrangement position of the horizontal rectangle is: Wherein, H0 is the initial ranking order; R x is the color darkening value; R0 is the final color depth value; S is the highlighting value.

Images