CN115953497A - Multi-class contour map visualization construction method and system - Google Patents
Multi-class contour map visualization construction method and system Download PDFInfo
- Publication number
- CN115953497A CN115953497A CN202211210688.7A CN202211210688A CN115953497A CN 115953497 A CN115953497 A CN 115953497A CN 202211210688 A CN202211210688 A CN 202211210688A CN 115953497 A CN115953497 A CN 115953497A
- Authority
- CN
- China
- Prior art keywords
- contour map
- class
- contour
- category
- line
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
The invention relates to a multi-class contour map visualization construction method and a multi-class contour map visualization construction system. The descriptive grammar allows a user to directly specify the values of design parameters and attributes in a JSON format character string or indirectly specify the values of the design parameters and attributes through a system interaction method so as to quickly generate the multi-class contour map. The design parameters are summarized from the existing visualization, including lines, fills, orders, and mixes 4 parameters and several attributes. Receiving a two-dimensional point set with a category label by a grammar, and calculating to obtain a two-dimensional scalar field; calculating to obtain a threshold sequence according to the number of the combination lines; obtaining a contour line corresponding to each threshold value on the two-dimensional scalar field of each category; and obtaining the attribute value of the contour visual element according to the input parameter attribute value, and drawing. By adopting the method disclosed by the invention, a user can quickly explore the design of the multi-class contour map and provide a more novel and effective design.
Description
Technical Field
The invention belongs to the field of visualization, and particularly relates to a multi-class contour map visualization construction method and system.
Background
In the big data era, visualization is an important means for helping users to understand and analyze data, and data characteristics and rules can be clearly and intuitively embodied.
Among other things, contour maps are a common method for visualizing a scalar field, which can help a user better understand the information of the distribution of values in the scalar field. In some cases, the data has multiple attributes or categories, and multiple contours need to be superimposed to form a multi-category contour map. However, on the one hand, the design parameters of the multi-class contour map are ambiguous, and it is difficult for a visualization designer to fully consider how the multi-class contour map is designed. On the other hand, it is also difficult for a designer to quickly obtain a corresponding multi-class contour map after specifying some design parameters.
Disclosure of Invention
Aiming at the defects in the prior art, the invention aims to provide a multi-class contour map visual construction method and a multi-class contour map visual construction system, which are based on four design parameters and multiple attributes of the four design parameters, wherein the four design parameters are sorted out from the existing multi-class contour map, a descriptive grammar generated by the multi-class contour map is provided, a user is allowed to directly specify or indirectly specify parameters and attribute values through simple interaction in the system, and a mapping relation between the design parameters and the attribute values thereof and the multi-class contour map visual element attribute values is established, so that the corresponding multi-class contour map is obtained.
In order to achieve the above purposes, the invention adopts the technical scheme that: in a first aspect, a multi-class contour map visualization construction method is provided, in which a multi-class contour map is obtained by using a constructed descriptive grammar and by specifying design parameters through a method of directly inputting a character string in a JSON format or system interaction.
Further, the descriptive grammar is based on a number of design parameters and their attributes summarized from existing multi-class contours.
Further, the design parameters include line, fill, order, and mix parameters.
Further, the attributes of the design parameter line include line number, line style, line color, line width, line transparency, and halo.
Further, the properties of the design parameter fill include fill style, fill color, and fill transparency.
Further, the attribute of the design parameter order refers to a drawing order of each contour line in the multi-class contour map.
Further, the properties of the design parameter blend refer to how the contours are blended together.
Further, the descriptive grammar comprises the following steps in a specific implementation process:
s1, receiving a two-dimensional point set with a category label and a design parameter attribute value as input;
s2, performing kernel density estimation on the received two-dimensional point set with the category label according to the category to obtain a two-dimensional scalar field;
s3, calculating to obtain a threshold sequence according to the number of lines in design parameters in the input information and the maximum value of the two-dimensional scalar field of each category;
s4, obtaining a contour line corresponding to each threshold value on the two-dimensional scalar field of each category;
s5, mapping of the attribute values of the input parameters and the attribute values of the contour visual elements is constructed to obtain the attribute values of the contour visual elements, each contour is drawn, and rendering is carried out on the SVG.
In a second aspect, a multi-class contour map visualization construction system generates a multi-class contour map by using the multi-class contour map visualization construction method according to the first aspect and any optional embodiment of the present invention, the system allows a user to adjust parameters and attribute values through simple interaction, the system automatically generates a character string in a JSON format, inputs the character string into a descriptive grammar, and renders a corresponding multi-class contour map for the user.
The invention has the beneficial technical effects that: by adopting the multi-class contour map visual construction method and the multi-class contour map visual construction system, disclosed by the invention, a user is allowed to use the descriptive grammar in the invention, design parameters are specified by directly specifying the parameters or a system interaction method, the multi-class contour map is quickly obtained, a designer can conveniently search, and more novel and effective multi-class contour map design is provided.
Drawings
FIG. 1 is a flow chart of a multi-class contour map visualization construction method according to an embodiment of the present invention;
FIG. 2 is a diagram illustrating design parameters and attributes of a multi-class contour map according to an embodiment of the present invention;
FIG. 3 is a descriptive syntax in a multi-class contour map visualization construction method according to an embodiment of the present invention;
FIG. 4 is a diagram of the implementation of a descriptive grammar;
fig. 5 is a schematic process diagram of generating a multi-class contour map by using the multi-class contour map visualization construction method according to the embodiment of the present invention;
fig. 6 is a schematic interface diagram of a multi-category contour map visualization construction system according to an embodiment of the present invention.
Detailed Description
The invention is further described with reference to the following figures and detailed description.
Example one
As shown in fig. 1, an embodiment of the present invention provides a multi-class contour map visualization construction method, where the method uses a constructed descriptive grammar to specify design parameters by a method of directly specifying parameters or system interaction, so as to obtain a multi-class contour map.
The descriptive grammar is based on a number of design parameters and their attributes summarized from existing multi-class contours.
As shown in fig. 2, the design parameters of the multi-class contour map include four parameters of line, fill, order, and blend.
The line is the most important visual element in the multi-class contour map. The line drawing method comprises six attributes of line number, line style, line color, line width, line transparency and halo. The line style refers to a drawing manner of a line, and may be a solid line, a dotted line or other manners. The halo is an extra line added around the contour line to facilitate distinguishing different categories of contour lines. The halo also contains three attributes of halo color, halo width and halo transparency.
Filling refers to whether each contour line has internal filling, and comprises filling style, filling color and filling transparency. The filling pattern is similar to the line pattern, and refers to the manner in which the contour lines are filled, and may be a pure color or other filling modes.
The order refers to the drawing order of each contour line in the multi-class contour map. The order in which the contours are drawn is also important because they involve different classes and levels of contour.
Blending refers to the manner in which contours are blended together.
As shown in fig. 3, the descriptive grammar structure is based on the design parameters and attributes proposed in the present invention, and the data is a tagged two-dimensional point set. The number of lines receives an integer and the line pattern may be a solid line (solid) or a dashed line (dashed).
There are two ways of specifying line width and line transparency. If a value is given, the descriptive grammar will set the corresponding attribute of all contours to this value. If a section is given, the descriptive grammar sets the corresponding attribute of the contour corresponding to the lowest threshold value in each category contour as the left end point of the section, sets the corresponding attribute of the contour corresponding to the highest threshold value as the right end point of the section, and obtains the corresponding attribute value through linear interpolation for the rest contours. There are also two ways of specifying the line color.
Given a one-dimensional array of colors, each value in the array corresponds to each category, with the contour corresponding to a different threshold in each category using the same color. If a two-dimensional array is given, the first dimension corresponds to a category, the second dimension corresponds to different thresholds, and contours corresponding to different thresholds in each category use different colors. Halo is an optional attribute. The width and transparency of the halo are the same as those of the previous width and line transparency mapping method. The halo color only receives one color. Padding is an optional parameter. The fill style supports only solid colors (solid). Fill color and fill transparency are the same as the line color and line transparency mapping method. The order supports two drawing orders. Wherein, drawing by category (class) means that after one class is drawn, other classes are drawn. The step of drawing according to levels (level) means that after contour lines corresponding to all the categories of the low threshold values are drawn, contour lines corresponding to the higher threshold values are drawn. Since there are two rendering orders, the descriptive syntax also supports specifying the blending between classes (class) and levels (level) respectively in the blending. Because the descriptive grammar draws a multi-class contour map on SVG, the blended values can use all the values supported in CSSmix-blend-mode.
As shown in fig. 4, the descriptive syntax includes the following steps in a specific implementation:
s1, receiving a two-dimensional point set with a category label and input information of a design parameter attribute value;
s2, performing kernel density estimation on the received two-dimensional point set with the category label according to the category to obtain a two-dimensional scalar field;
s3, calculating to obtain a threshold sequence according to the number of lines in design parameters in the input information and the maximum value of the two-dimensional scalar field of each category;
s4, obtaining a contour line corresponding to each threshold value on the two-dimensional scalar field of each category;
s5, mapping of the attribute values of the input parameters and the attribute values of the contour visual elements is constructed to obtain the attribute values of the contour visual elements, each contour is drawn, and rendering is carried out on the SVG.
As shown in fig. 5, the descriptive syntax provides the underlying mapping for each design parameter and its corresponding attributes. The user only needs to give a character string in the JSON format and specify the numerical values of the design parameters and the attributes thereof, and then the corresponding contour line can be obtained.
Example two
The embodiment of the invention provides a multi-category contour map visualization construction system, which adopts the multi-category contour map visualization construction method disclosed in the first embodiment of the invention to generate a multi-category contour map, allows a user to adjust parameters and attributes through simple interaction, automatically generates character strings in a JSON format, inputs the character strings into a descriptive grammar, and renders the corresponding multi-category contour map for the user.
As shown in fig. 6, the user may specify the value of the parameter attribute by selecting, dragging, etc. the bar in the system. The system automatically generates a character string in a JSON format and inputs the character string into the descriptive grammar to obtain the corresponding multi-class contour map.
It can be seen from the above embodiments that the multi-class contour map visualization construction method and system disclosed by the present invention quickly generate a multi-class contour map by using the descriptive grammar disclosed by the present invention. The descriptive syntax allows the user to specify the values of the data and design parameters and attributes in JSON format. The design parameters are summarized from the existing visualization, and the design parameters comprise 4 parameters of lines, filling, sequence and mixing and a plurality of attributes of the parameters. Receiving a two-dimensional point set with a category label as input by a grammar, and estimating the two-dimensional point set by using kernel density according to categories to obtain a two-dimensional scalar field; calculating to obtain a threshold sequence according to the number of lines and the maximum value of the two-dimensional scalar field; obtaining a contour line corresponding to each threshold value on the two-dimensional scalar field of each category; and constructing the mapping between the attribute value of the input parameter and the attribute value of the contour visual element to obtain the attribute value of the contour visual element, and drawing each contour. The system allows the user to adjust parameters and attributes through simple interactions such as selecting, dragging bars, etc., and obtain corresponding multi-category contour maps. By adopting the method disclosed by the invention, a user can obtain the corresponding multi-class contour map only by appointing the design parameters and the attributes thereof through an input or interaction method, the user is allowed to use the descriptive grammar in the invention, and the design parameters are appointed through directly appointing the parameters or a system interaction method, so that the multi-class contour map is quickly obtained, a designer can conveniently search, and a more novel and effective multi-class contour map is designed.
The method and system of the present invention are not limited to the embodiments described in the detailed description, and those skilled in the art can derive other embodiments according to the technical solutions of the present invention, which also belong to the technical innovation scope of the present invention.
Claims (9)
1. A multi-class contour map visualization construction method is characterized by comprising the following steps: the method uses the constructed descriptive grammar, and specifies design parameters by directly inputting a character string in a JSON format or a system interaction method to obtain the multi-class contour map.
2. The multi-category contour map visualization construction method of claim 1, wherein: the descriptive grammar is based on a number of design parameters and their attributes summarized from existing multi-class contours.
3. The multi-category contour map visualization construction method of claim 2, wherein:
the design parameters include four parameters of line, fill, sequence and mix.
4. The multi-class contour map visualization construction method of claim 3, wherein: the attributes of the design parameter line include line number, line style, line color, line width, line transparency, and halo.
5. The method for visually constructing the multi-category contour map according to claim 3, wherein: the properties that the design parameters fill include fill style, fill color, and fill transparency.
6. The multi-class contour map visualization construction method of claim 3, wherein: the attribute of the design parameter order refers to a drawing order of each contour line in the multi-class contour map.
7. The multi-class contour map visualization construction method of claim 3, wherein: the properties of the design parameter blend refer to how the contours are blended together.
8. The method of claim 1, wherein the descriptive grammar in a particular implementation comprises the steps of:
s1, receiving a two-dimensional point set with a category label and a design parameter attribute value as input;
s2, performing kernel density estimation on the received two-dimensional point set with the category label according to the category to obtain a two-dimensional scalar field;
s3, calculating to obtain a threshold sequence according to the number of design parameter central lines in the input information and the maximum value of each category two-dimensional scalar field;
s4, obtaining a contour line corresponding to each threshold value on the two-dimensional scalar field of each category;
s5, mapping of the attribute values of the input parameters and the attribute values of the contour visual elements is constructed to obtain the attribute values of the contour visual elements, each contour is drawn, and rendering is carried out on the SVG.
9. A multi-class contour map visualization construction system for generating a multi-class contour map by using the multi-class contour map visualization construction method of any one of claims 1 to 8, characterized in that: the system allows a user to adjust parameters and attribute values through simple interaction, automatically generates character strings in a JSON format, inputs the character strings into descriptive grammar and renders a corresponding multi-class contour map for the user.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211210688.7A CN115953497A (en) | 2022-09-30 | 2022-09-30 | Multi-class contour map visualization construction method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211210688.7A CN115953497A (en) | 2022-09-30 | 2022-09-30 | Multi-class contour map visualization construction method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115953497A true CN115953497A (en) | 2023-04-11 |
Family
ID=87281612
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211210688.7A Pending CN115953497A (en) | 2022-09-30 | 2022-09-30 | Multi-class contour map visualization construction method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115953497A (en) |
-
2022
- 2022-09-30 CN CN202211210688.7A patent/CN115953497A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Alsallakh et al. | Visualizing sets and set-typed data: State-of-the-art and future challenges | |
| CN108228169A (en) | Chart production method, apparatus, equipment and medium based on eCharts tools | |
| Yu et al. | Hierarchical streamline bundles | |
| CN106933889B (en) | Configuration method, display method and client for screened rules | |
| Cardoso et al. | Toward a generic evaluation of image segmentation | |
| AU2019201268A1 (en) | Segmentation of an image based on color and color differences | |
| CN105843945A (en) | Report generation method and system | |
| EP0981098A1 (en) | Method and apparatus for generating and displaying views of hierarchically clustered data | |
| CN110032720A (en) | A kind of visualization report typesetting and automatic generation method and system based on XML | |
| US20050057566A1 (en) | Rich graphic visualization generation from abstract data representation | |
| Bertolazzi et al. | Computing orthogonal drawings with the minimum number of bends | |
| US20230229704A1 (en) | Graph processing method and apparatus | |
| Van Ham et al. | Centrality based visualization of small world graphs | |
| CN110706314A (en) | Element layout method and device, electronic equipment and readable storage medium | |
| US20180096052A1 (en) | Systems and methods for management of multi-perspective customer segments | |
| CN106813576A (en) | A kind of leaf area, girth, leaf measuring method long and leaf width | |
| US6853374B2 (en) | Image space display method and apparatus | |
| CN105808682A (en) | Relational graph display method and apparatus | |
| CN112464040B (en) | Graph structure recognition, visual display and display operation method and device | |
| KR20160059452A (en) | Partitioning an image | |
| CN116226487B (en) | Data large screen visualization method and system based on pattern recognition | |
| CN115953497A (en) | Multi-class contour map visualization construction method and system | |
| CN105653881A (en) | Flow field visualization method based on multi-density levels | |
| CN106021228B (en) | A kind of method and system carrying out text analyzing using knowledge topographic map | |
| CN115952252A (en) | Data processing method, device, electronic equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |