CN114282082A - Index visualization method and system supporting urban physical examination - Google Patents
Index visualization method and system supporting urban physical examination Download PDFInfo
- Publication number
- CN114282082A CN114282082A CN202111616788.5A CN202111616788A CN114282082A CN 114282082 A CN114282082 A CN 114282082A CN 202111616788 A CN202111616788 A CN 202111616788A CN 114282082 A CN114282082 A CN 114282082A
- Authority
- CN
- China
- Prior art keywords
- index
- visualization
- visual
- physical examination
- components
- 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
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention discloses an index visualization method and system supporting urban physical examination, wherein the method comprises the following steps: classifying the index items based on the urban physical examination index items and the monitoring values of the index items; constructing a plurality of types of visual templates for index visualization; splitting the visual components, and constructing a global UI component library; generating and constructing template configuration information; and calling an interface preview program to finish visual display based on the index configuration information. The invention realizes the visualization of the urban physical examination indexes based on the modular design of the UI components, solves the problems of numerous index items and large data volume during the visualization of the urban physical examination, reduces the workload of front-end personnel during the visualization of the indexes, can provide a method and a technical thought for the systematic visualization of the urban physical examination evaluation, and provides a good auxiliary support for urban treatment decisions.
Description
Technical Field
The invention relates to the field of big data application and data visualization, in particular to an index visualization method and system supporting urban physical examination.
Background
The urban physical examination is an important method for solving urban planning problems in various aspects such as population, resources, ecology, traffic, housing, safety and the like in urban development, wherein visual display research is also a necessary step and way for monitoring and evaluating the current situation of urban physical examination indexes. However, how to solve the difficulties of numerous physical examination indexes, wide related range and large data volume in cities still needs continuous exploration and technical innovation. The traditional index visualization is usually performed by selecting part or a plurality of indexes for visualization or forming a theme for visualization, the method can only perform visualization analysis on the specific field of urban development, and the visualization of the whole index system needs a large amount of time and repeated interface design and coding. If a rapid visualization mode for all or most indexes can be found, planning decision support is provided for various fields of urban development, and the method has important research significance.
Disclosure of Invention
In order to solve the technical problems, the invention aims to provide an index visualization method and system supporting urban physical examination, which are used for providing a method and an idea for systematic urban physical examination assessment visualization and better providing good auxiliary support for urban treatment decision.
The technical scheme of the invention provides an index visualization method and system supporting urban physical examination, wherein the method comprises the following steps:
s1: data classification: classifying the index items based on the data attributes of the city physical examination index items and the monitoring values of the index items to obtain the categories of the index items;
s2: determining the visualization mode of the index items: constructing different visualization templates for index visualization based on the category to which the index item belongs;
s3: constructing a global component library: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
s4: forming a configuration file: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
s5: and (3) index visual display: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
Further, the index item categories include: numerical type and spatial type; the numerical type refers to an index having no spatial position attribute; the spatial type refers to an index having a spatial position attribute.
Further, the numerical type includes: proportion type data, comparison type data and time series type data; the spatial type data includes: point data, line data, face data, and building volume data.
Furthermore, different visual templates have different unique numbers, and different index items are bound with different visual template numbers; the visualization template includes: template configuration information and visualization components.
Further, the template configuration information includes: the time dimension, space dimension, layout and color matching of the index items.
Further, the visualization component includes: tables, information bars, legends, time axes, line graphs, pie graphs, bar graphs, and fill graphs.
Further, the visualization component is realized based on Vue component visualization technology, and different visualization components are provided with different unique numbers.
An index visualization system supporting urban physical examination is applied to an index visualization method supporting urban physical examination, and the system comprises:
an index analysis module: classifying the index items based on the data attributes of the city physical examination index items and the monitoring values of the index items to obtain the categories of the index items;
a visualization analysis module: constructing different visualization templates for index visualization based on the category to which the index item belongs;
the component library construction module: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
a configuration building module: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
an interface preview module: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
Compared with the prior art, the invention has the beneficial effects that: according to the method, based on the data type and the index meaning connotation of the index monitoring value, the visualization mode is summarized and divided, the visualization template is constructed, the interface visualization layout is constructed based on Vue, and the registration components are specified according to the template during visualization to form the display page, so that the problems of numerous index items and large data volume during the visualization of the urban physical examination indexes are solved, the development workload of the visualization of an urban physical examination index system is reduced, and the method is used for efficiently and quickly finishing the index visualization work of the urban physical examination evaluation.
Drawings
Fig. 1 is a schematic flow chart of an index visualization method supporting urban physical examination provided by the invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The invention provides an index visualization method and system supporting urban physical examination. Referring to FIG. 1, FIG. 1 is a flow chart of the method of the present invention; the method comprises the following steps:
s1: data classification: classifying the index items based on the data types of the city physical examination index items and the monitoring values of the index items to obtain index item categories;
as an embodiment, when classifying the index items, the index information is input, and the index items are classified according to the index item name, the connotation meaning and the data attribute of the index monitoring value.
For example: the urban physical examination index '2-kilometer coverage rate of urban hospitals', which has the connotative meaning of 'the proportion of residential areas to the total residential areas covered by 2-kilometer coverage of urban hospitals', the monitoring values of which can not be accumulated at the same level and do not have spatial position attributes and time dimensions; the index "natural protection area", its connotation is "the area of typical region delimited for protecting various important ecosystems and their environment, etc., its monitoring value can be accumulated at the same level, and have space surface attribute, do not consider the time dimension; the index 'annual approval of residential building quantity' has the connotative meaning of 'total quantity of residential buildings in buildings approved in the year', and the monitoring values can be accumulated in the same level and do not have spatial position attributes and time dimensions.
As an embodiment, the index item categories include: numerical type and spatial type; the numerical type refers to an index having no spatial attribute; the spatial type refers to an index having a spatial attribute.
The numerical type includes proportion type data, comparison type data and time series type data, wherein:
the proportion data indicates that the index monitoring values of all administrative division units can be directly accumulated to obtain the index monitoring value of the higher administrative division unit among the same level of administrative division units, and the proportion of the administrative division unit in all the same level of administrative division units can be determined by calculating the proportion of the index monitoring value of the administrative division unit in all the administrative division units;
the comparison type data shows that the index monitoring values of all administrative division units cannot be directly accumulated to obtain the index monitoring values of the higher-level administrative division units among the same-level administrative division units, and only the numerical value comparison can be carried out;
the time-series type data represents index monitoring value data having a time dimension.
The spatial model comprises point data, line data, surface data and building body data, wherein:
the point data has single longitude and latitude position information;
the line data has continuous longitude and latitude position information;
the face data has continuous and closed longitude and latitude position information;
the building body data has continuously closed longitude and latitude position information and height information.
S2: determining the visualization mode of the index items: constructing different visualization templates for index visualization based on the category to which the index item belongs;
as an embodiment, different visual templates have different unique numbers, and different index items are bound with different visual template numbers; the visualization template includes: template configuration information and visualization components.
In one embodiment, the template configuration information specifically includes time dimension information, space dimension information, component layout information, and map color matching information of the index items.
The time dimension information of the index is used for describing whether the index has a time dimension, and if the index has the time dimension, the index belongs to one of three scales of year, month and day;
the spatial dimension information of the index is used for describing the spatial scale of the index, and the spatial scale belongs to one of four scales of city level, district level, county level, town street level and community level;
the component layout information is used for describing positions of various charts visually displayed by the template on a UI interface and is divided into seven types of positions, namely upper left, middle left, lower right, middle right, lower right and lower middle right, and each position is provided with a unique number;
the map color matching information is used for describing the bound color matching information when the template is displayed visually, and all administrative regions in the map are graded based on the size of the index monitoring value.
Visualization components, including different types, are mainly tables, information columns, legends, time axes, line graphs, pie charts, bar graphs, and fill graphs. Each type of component is also provided with a unique reference number.
S3: constructing a global component library: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
as an embodiment, the visualization component is implemented based on Vue component visualization technology; the visualization template is split into a plurality of visualization components; and all the visual components form a global universal component library for all the templates to call during visualization.
S4: forming a configuration file: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
s5: and (3) index visual display: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
An index visualization system supporting urban physical examination is applied to an index visualization method supporting urban physical examination, and the system comprises:
an index analysis module: classifying the index items based on the data attributes of the city physical examination index items and the monitoring values of the index items to obtain the categories of the index items;
a visualization analysis module: constructing different visualization templates for index visualization based on the category to which the index item belongs;
the component library construction module: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
a configuration building module: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
an interface preview module: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
It should be understood that, the sequence numbers of the steps in the foregoing embodiments do not imply an execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present application.
The invention has the beneficial effects that: according to the method, based on the data type and the index meaning connotation of the index monitoring value, the visualization mode is summarized and divided, the visualization template is constructed, the interface visualization layout is constructed based on Vue, and the registration components are specified according to the template during visualization to form the display page, so that the problems of numerous index items and large data volume during the visualization of the urban physical examination indexes are solved, the development workload of the visualization of an urban physical examination index system is reduced, and the method is used for efficiently and quickly finishing the index visualization work of the urban physical examination evaluation.
The above-described embodiments of the present invention should not be construed as limiting the scope of the present invention. Any other corresponding changes and modifications made according to the technical idea of the present invention should be included in the protection scope of the claims of the present invention.
Claims (8)
1. An index visualization method supporting urban physical examination is characterized in that: the method comprises the following steps:
s1: data classification: classifying the index items based on the data attributes of the city physical examination index items and the monitoring values of the index items to obtain the categories of the index items;
s2: determining the visualization mode of the index items: constructing different visualization templates for index visualization based on the category to which the index item belongs;
s3: constructing a global component library: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
s4: forming a configuration file: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
s5: and (3) index visual display: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
2. The index visualization method supporting urban physical examination as claimed in claim 1, wherein: the index item categories include: numerical type and spatial type; the numerical type refers to an index having no spatial attribute; the spatial type refers to an index having a spatial attribute.
3. The index visualization method supporting urban physical examination as claimed in claim 2, wherein: the numerical type includes: proportion type data, comparison type data and time series type data; the spatial type data includes: point data, line data, face data, and building volume data.
4. The index visualization method supporting urban physical examination as claimed in claim 1, wherein: different visual templates have different unique numbers, and different index items are bound with different visual template numbers; the visualization template includes: template configuration information and visualization components.
5. The index visualization method supporting urban physical examination of claim 4, wherein: the template configuration information includes: the time dimension, the space dimension, the visual layout and the color matching of the index items.
6. The index visualization method supporting urban physical examination of claim 4, wherein: the visualization component includes: tables, information bars, legends, time axes, line graphs, pie graphs, bar graphs, and fill graphs.
7. The index visualization method supporting urban physical examination of claim 4, wherein: the visualization component is realized based on Vue component visualization technology, and different visualization components are provided with different unique numbers.
8. An index visualization system supporting urban physical examination, which is applied to the index visualization method supporting urban physical examination according to any one of claims 1 to 7, and is characterized in that: the system comprises:
an index analysis module: classifying the index items based on the data attributes of the city physical examination index items and the monitoring values of the index items to obtain the categories of the index items;
a visualization analysis module: constructing different visualization templates for index visualization based on the category to which the index item belongs;
the component library construction module: splitting visual components in UI interfaces of different visual templates to obtain different visual UI components, and forming a global component library by the different visual UI components;
a configuration building module: defining characteristic configuration information for various visual templates, and binding visual UI components to form configuration files;
an interface preview module: inputting an index item, analyzing visual template information from the configuration file, and obtaining a corresponding visual UI component according to the visual template information; and calling the UI component to finish the visual display of the indexes.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111616788.5A CN114282082A (en) | 2021-12-27 | 2021-12-27 | Index visualization method and system supporting urban physical examination |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111616788.5A CN114282082A (en) | 2021-12-27 | 2021-12-27 | Index visualization method and system supporting urban physical examination |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114282082A true CN114282082A (en) | 2022-04-05 |
Family
ID=80876381
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111616788.5A Pending CN114282082A (en) | 2021-12-27 | 2021-12-27 | Index visualization method and system supporting urban physical examination |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114282082A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115345461A (en) * | 2022-08-08 | 2022-11-15 | 航天神舟智慧系统技术有限公司 | Police service efficiency evaluation method and device based on data modeling |
| CN117522192A (en) * | 2023-10-26 | 2024-02-06 | 南京市市政设计研究院有限责任公司 | Method and system for supporting intelligent map of urban physical examination and forming report |
-
2021
- 2021-12-27 CN CN202111616788.5A patent/CN114282082A/en active Pending
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115345461A (en) * | 2022-08-08 | 2022-11-15 | 航天神舟智慧系统技术有限公司 | Police service efficiency evaluation method and device based on data modeling |
| CN117522192A (en) * | 2023-10-26 | 2024-02-06 | 南京市市政设计研究院有限责任公司 | Method and system for supporting intelligent map of urban physical examination and forming report |
| CN117522192B (en) * | 2023-10-26 | 2024-05-14 | 南京市市政设计研究院有限责任公司 | Method and system for supporting intelligent map of urban physical examination and forming report |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Youn et al. | Scaling and universality in urban economic diversification | |
| Goodchild | Towards geodesign: Repurposing cartography and GIS? | |
| Sharifi et al. | Site selection for waste disposal through spatial multiple criteria decision analysis | |
| Cheng et al. | A GIS approach to shopping mall location selection | |
| CN111222661A (en) | Urban planning implementation effect analysis and evaluation method | |
| CN114282082A (en) | Index visualization method and system supporting urban physical examination | |
| Jeljeli et al. | Potential applications of geographic information systems to construction industry | |
| Motamed et al. | Earthquake risk–sensitive model for urban land use planning | |
| Stylianidis et al. | A GIS for urban sustainability indicators in spatial planning | |
| Belka | Multicriteria analysis and GIS application in the selection of sustainable motorway corridor | |
| Liao et al. | River environmental decision support system development for Suzhou Creek in Shanghai | |
| Sellgren | Development-control data for planning research: the use of aggregated development-control records | |
| Purvis | Data and analysis methods for metropolitan-level environmental justice assessment | |
| CN115393148A (en) | Data monitoring system, monitoring method, device, medium and terminal for natural resources | |
| Gopalan | WRAPHydro data model: finding input parameters for the water rights analysis package | |
| Abedini et al. | Mixed method approach to delineation of functional urban regions: Shiraz Metropolitan Region | |
| Wiseman et al. | Testing block subdivision algorithms on block designs | |
| Danylov | Information model of analysis of city as a complex dynamic system | |
| Zhao et al. | Mapping urban land type with multi-source geospatial big data: a case study of Shenzhen, China | |
| KR20090035168A (en) | Method for an automation-based urban performance evaluation | |
| Del Giudice et al. | The Maintenance Representation: Research and Applications, Mixing UAV and Digital Models | |
| ARNOLD | FACULTY OF ENGINEERING | |
| Fouda et al. | Criteria for Aggregating Sustainable Development Indicators as a Way of Modeling Through “Live and Work” City Index | |
| Belge et al. | Challenging issues to prepare an urban archaeological database, Tarsus Historic City Centre | |
| CN116433436A (en) | Integration degree evaluation method and system for urban traffic facilities and surrounding space |
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 |