A method and system for visualizing indicators to support urban physical examinations

Abstract

This invention discloses a method and system for visualizing urban health checkup indicators. The method includes: classifying indicators based on urban health checkup indicators and their monitoring values; constructing multiple visualization templates for indicator visualization; decomposing the visualization into components and building a global UI component library; generating and constructing template configuration information; and calling a preview program to complete the visualization display based on the indicator configuration information. This invention achieves urban health checkup indicator visualization based on a modular design of UI components, solving the problems of numerous indicators and large data volumes in urban health checkup visualization. It reduces the workload of front-end personnel in indicator visualization implementation and provides a methodological and technical approach for systematic urban health checkup assessment visualization, offering significant support for urban governance decision-making.

Description

Technical Field

[0001] This invention relates to the fields of big data applications and data visualization, and in particular to a method and system for visualizing indicators to support urban health checkups. Background Technology

[0002] Urban health checks are a crucial method for addressing urban planning issues related to population, resources, ecology, transportation, housing, and safety in urban development. Visualization studies are a necessary step and approach for monitoring and evaluating the current status of urban health check indicators. However, overcoming the challenges of a large number of indicators, broad scope, and massive data volumes requires continuous exploration and technological innovation. Traditional indicator visualization often involves selecting a few indicators or creating thematic visualizations. This method only allows for visualization analysis of specific areas of urban development, and visualizing the entire indicator system requires significant time and repetitive interface design and coding. Finding a rapid visualization method for all or most indicators, providing planning decision support for various aspects of urban development, would be of significant research importance. Summary of the Invention

[0003] To address the above technical issues, the purpose of this invention is to provide a method and system for visualizing indicators in urban health checkups, offering methods and ideas for systematic urban health checkup assessment visualization, and providing better support for urban governance decision-making.

[0004] The technical solution of this invention provides a method and system for visualizing indicators in urban physical examinations. The method includes the following steps:

[0005] S1: Data Classification: Based on the data attributes of the urban physical examination indicators and their monitoring values, the indicators are classified to obtain their respective categories.

[0006] S2: Determine the visualization method for indicator items: Based on the category to which the indicator item belongs, construct different visualization templates for indicator visualization;

[0007] S3: Build a global component library: Decompose the visual components in the UI interface of different visual templates to obtain different visual UI components, and form a global component library from the different visual UI components;

[0008] S4: Create configuration files: Define feature configuration information for various visual templates, bind visual UI components, and create configuration files;

[0009] S5: Indicator Visualization Display: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI component based on the visualization template information; call the UI component to complete the indicator visualization display.

[0010] Furthermore, the indicator categories include: numerical type and spatial type; the numerical type refers to indicators that do not have spatial location attributes; the spatial type refers to indicators that have spatial location attributes.

[0011] Furthermore, the numerical data includes: percentage data, comparative data, and time series data; the spatial data includes: point data, line data, area data, and building data.

[0012] Furthermore, different visualization templates have different unique numbers, and different indicator items are bound to different visualization template numbers; a visualization template includes: template configuration information and visualization components.

[0013] Furthermore, the template configuration information includes: the time dimension, spatial dimension, layout, and color scheme of the indicator items.

[0014] Furthermore, the visualization components include: tables, information bars, legends, timelines, line charts, pie charts, column charts, bar charts, and filled charts.

[0015] Furthermore, the visualization components are implemented based on Vue component visualization technology, and different visualization components are assigned different unique numbers.

[0016] A visualization system for indicators supporting urban physical examinations, applied to a method for visualizing indicators supporting urban physical examinations, the system comprising:

[0017] Indicator Analysis Module: Based on the data attributes of urban physical examination indicators and their monitoring values, the indicators are categorized to obtain their respective categories.

[0018] Visualization Analysis Module: Based on the category to which the indicator item belongs, different visualization templates are built for indicator visualization;

[0019] Component library building module: It breaks down the visual components in the UI interface of different visual templates to obtain different visual UI components, and forms a global component library from the different visual UI components;

[0020] Configuration building modules: Define feature configuration information for various visual templates, bind visual UI components, and form configuration files;

[0021] Interface Preview Module: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI component based on the visualization template information; call the UI component to complete the visualization display of the indicator.

[0022] Compared with the prior art, the beneficial effects of the present invention include: based on the data type and meaning of the indicator monitoring values, the present invention summarizes and classifies visualization methods, constructs visualization templates, constructs the interface visualization layout based on Vue, and registers components to form the display page according to the template specifications during visualization. This solves the problem of a large number of indicator items and a large amount of data when visualizing urban physical examination indicators, reduces the development workload of visualizing the urban physical examination indicator system, and enables efficient and rapid completion of the visualization of urban physical examination assessment indicators. Attached Figure Description

[0023] Figure 1 This is a flowchart illustrating a method for visualizing indicators in urban physical examinations provided by the present invention. Detailed Implementation

[0024] In order to make the purpose, technical solutions and advantages of the present invention more clearly understood, the present invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not intended to limit the present invention.

[0025] This invention provides a method and system for visualizing indicators in urban physical examinations. Please refer to [link / reference]. Figure 1 , Figure 1 This is a flowchart of the method of the present invention; the method includes the following steps:

[0026] S1: Data Classification: Based on the data types of urban physical examination indicators and their monitoring values, the indicators are classified to obtain indicator categories;

[0027] As one example, when classifying indicators, the indicator information is input, and the indicators are classified according to their names, connotations, and data attributes of the monitoring values.

[0028] For example, the urban health checkup indicator "coverage rate of urban and district-level hospitals within 2 kilometers" means "the proportion of residential land covered by urban and district-level hospitals within 2 kilometers of the total residential land area." Its monitoring values ​​cannot be accumulated at the same level and do not have spatial location attributes or time dimensions. The indicator "area of ​​nature reserves" means "the area of ​​typical areas designated to protect various important ecosystems and their environments." Its monitoring values ​​can be accumulated at the same level and have spatial area attributes, but do not consider the time dimension. The indicator "annual approved residential building volume" means "the total number of residential buildings among the buildings approved in the current year." Its monitoring values ​​can be accumulated at the same level and do not have spatial location attributes or time dimensions.

[0029] As one embodiment, the index categories include: numerical type and spatial type; the numerical type refers to an index that does not have spatial attributes; the spatial type refers to an index that has spatial attributes.

[0030] Numerical data includes percentage data, comparative data, and time series data, among which:

[0031] The aforementioned percentage-based data indicates that, among administrative divisions at the same level, the indicator monitoring values ​​of each administrative division can be directly accumulated to obtain the indicator monitoring value of the next higher level administrative division. The proportion of the indicator monitoring value of this administrative division in all administrative divisions can be calculated to determine the proportion of this administrative division in all administrative divisions at the same level.

[0032] The comparative data indicates that, among administrative divisions at the same level, the indicator monitoring values ​​of each administrative division cannot be directly added together to obtain the indicator monitoring value of the next higher level administrative division; only the numerical values ​​can be compared.

[0033] The time series data refers to indicator monitoring values ​​with a time dimension.

[0034] Spatial data includes point data, line data, surface data, and building volume data, among which:

[0035] The point data has a single latitude and longitude location information;

[0036] The line data has continuous latitude and longitude location information;

[0037] The surface data has continuous and closed latitude and longitude location information;

[0038] The building data has continuous closed latitude and longitude location information and height information.

[0039] S2: Determine the visualization method for indicator items: Based on the category to which the indicator item belongs, construct different visualization templates for indicator visualization;

[0040] As one example, different visualization templates have different unique numbers, and different indicator items are bound to different visualization template numbers; a visualization template includes: template configuration information and visualization components.

[0041] In one embodiment, the template configuration information specifically includes the time dimension information, spatial dimension information, component layout information, and map color scheme information of the indicator items.

[0042] The time dimension information of an indicator is used to describe whether the indicator has a time dimension. If it has a time dimension, it belongs to one of the three scales: year, month, and day.

[0043] The spatial dimension information of the indicator is used to describe the spatial scale of the indicator, which belongs to one of four scales: city level, district / county level, township / street level, and community level.

[0044] The component layout information describes the position of various charts in the UI interface of the template visualization display. It is divided into seven positions: top left, middle left, bottom left, bottom right, middle right, bottom right, and bottom center. Each position is assigned a unique number.

[0045] Map color information describes the color scheme used when the template is visualized. All administrative divisions in the map are classified based on the size of the indicator monitoring value.

[0046] Visualization components include different types, primarily tables, information bars, legends, timelines, line charts, pie charts, column charts, bar charts, and filled charts. Each type of component is also assigned a unique label.

[0047] S3: Build a global component library: Decompose the visual components in the UI interface of different visual templates to obtain different visual UI components, and form a global component library from the different visual UI components;

[0048] As one example, the visualization component is implemented based on Vue component visualization technology; the visualization template is split into multiple visualization components; all visualization components form a global general component library, which can be called by all templates when visualization.

[0049] S4: Create configuration files: Define feature configuration information for various visual templates, bind visual UI components, and create configuration files;

[0050] S5: Indicator Visualization Display: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI component based on the visualization template information; call the UI component to complete the indicator visualization display.

[0051] A visualization system for indicators supporting urban physical examinations, applied to a method for visualizing indicators supporting urban physical examinations, the system comprising:

[0052] Indicator Analysis Module: Based on the data attributes of urban physical examination indicators and their monitoring values, the indicators are categorized to obtain their respective categories.

[0053] Visualization Analysis Module: Based on the category to which the indicator item belongs, different visualization templates are built for indicator visualization;

[0054] Component library building module: It breaks down the visual components in the UI interface of different visual templates to obtain different visual UI components, and forms a global component library from the different visual UI components;

[0055] Configuration building modules: Define feature configuration information for various visual templates, bind visual UI components, and form configuration files;

[0056] Interface Preview Module: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI component based on the visualization template information; call the UI component to complete the visualization display of the indicator.

[0057] It should be understood that the sequence number of each step in the above embodiments does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

[0058] The beneficial effects of this invention are as follows: Based on the data type and meaning of the indicator monitoring values, this invention summarizes and classifies visualization methods, constructs visualization templates, and builds a visualization layout based on Vue. During visualization, components are registered according to the template to form the display page. This solves the problem of a large number of indicator items and a large amount of data when visualizing urban physical examination indicators, thus reducing the development workload of visualizing the urban physical examination indicator system and enabling efficient and rapid completion of the visualization of urban physical examination assessment indicators.

[0059] The specific embodiments of the present invention described above do not constitute a limitation on the scope of protection of the present invention. Any other corresponding changes and modifications made in accordance with the technical concept of the present invention should be included within the scope of protection of the claims of the present invention.

Claims

1. A method for visualizing indicators to support urban physical examinations, characterized in that: Includes the following steps: S1: Data Classification: Based on the data attributes of urban physical examination indicators and their monitoring values, the indicators are classified to obtain the category to which each indicator belongs. S2: Determine the visualization method for indicator items: Based on the category to which the indicator item belongs, construct different visualization templates for indicator visualization; S3: Build a global component library: Decompose the visual components in the UI interface of different visual templates to obtain different visual UI components, and form a global component library from the different visual UI components; S4: Create configuration files: Define feature configuration information for various visual templates, bind visual UI components, and create configuration files; S5: Indicator Visualization Display: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI components based on the visualization template information; Use UI components to visualize metrics. Different visualization templates have different unique numbers, and different indicator items are bound to different visualization template numbers; The visual template includes: template configuration information and visual components; The indicator categories include: numerical and spatial; the numerical type refers to indicators that do not have spatial attributes; the spatial type refers to indicators that have spatial attributes. The numerical data includes: percentage data, comparative data, and time series data; the spatial data includes: point data, line data, area data, and building data. The template configuration information includes: the time dimension, spatial dimension, visualization layout, and color scheme of the indicator items; The visualization components include: tables, information bars, legends, timelines, line charts, pie charts, column charts, bar charts, and filled charts; The visualization components are implemented based on Vue component visualization technology, and different visualization components are assigned different unique numbers.

2. A visualization system for urban physical examination indicators, applied to the visualization method for urban physical examination indicators as described in claim 1, characterized in that: The system includes: Indicator Analysis Module: Based on the data attributes of urban physical examination indicators and their monitoring values, the indicators are categorized to obtain their respective categories. Visualization Analysis Module: Based on the category to which the indicator item belongs, different visualization templates are built for indicator visualization; Component library building module: It breaks down the visual components in the UI interface of different visual templates to obtain different visual UI components, and forms a global component library from the different visual UI components; Configuration building module: Defines feature configuration information for various visual templates, binds them to visual UI components, and forms configuration files; Interface Preview Module: Input indicator items, parse visualization template information from the configuration file, and obtain the corresponding visualization UI components based on the visualization template information; Use UI components to visualize metrics. Different visualization templates have different unique numbers, and different indicator items are bound to different visualization template numbers; The visual template includes: template configuration information and visual components; The indicator categories include: numerical and spatial; the numerical type refers to indicators that do not have spatial attributes; the spatial type refers to indicators that have spatial attributes. The numerical data includes: percentage data, comparative data, and time series data; the spatial data includes: point data, line data, area data, and building data. The template configuration information includes: the time dimension, spatial dimension, visualization layout, and color scheme of the indicator items; The visualization components include: tables, information bars, legends, timelines, line charts, pie charts, column charts, bar charts, and filled charts; The visualization components are implemented based on Vue component visualization technology, and different visualization components are assigned different unique numbers.

Images