CN112883304A - Visualization method, device, equipment and medium for building evaluation score - Google Patents
Visualization method, device, equipment and medium for building evaluation score Download PDFInfo
- Publication number
- CN112883304A CN112883304A CN202110105053.XA CN202110105053A CN112883304A CN 112883304 A CN112883304 A CN 112883304A CN 202110105053 A CN202110105053 A CN 202110105053A CN 112883304 A CN112883304 A CN 112883304A
- Authority
- CN
- China
- Prior art keywords
- building
- graph
- visualizing
- assessment score
- score
- 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
- 238000011156 evaluation Methods 0.000 title claims abstract description 19
- 238000007794 visualization technique Methods 0.000 title abstract description 10
- 238000009877 rendering Methods 0.000 claims abstract description 14
- 238000012800 visualization Methods 0.000 claims abstract description 7
- 238000000034 method Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 12
- 230000003993 interaction Effects 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 3
- 230000019771 cognition Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 208000018747 cerebellar ataxia with neuropathy and bilateral vestibular areflexia syndrome Diseases 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/06—Resources, workflows, human or project management; Enterprise or organisation planning; Enterprise or organisation modelling
- G06Q10/063—Operations research, analysis or management
- G06Q10/0639—Performance analysis of employees; Performance analysis of enterprise or organisation operations
- G06Q10/06393—Score-carding, benchmarking or key performance indicator [KPI] analysis
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Abstract
The invention provides a visualization method, a visualization device, visualization equipment and a visualization medium for building evaluation scores. The SVG is used for displaying the building assessment score, the problem that page rendering is slow due to the fact that a large number of resources are quoted is solved, and the mobile terminal does not need to worry about the memory.
Description
Technical Field
The invention relates to the technical field of data processing, in particular to a visualization method, device, equipment and medium for a building assessment score.
Background
Data visualization has been an effective way to improve the user experience. When a report is formed, the speed of page rendering is influenced by more reference resources or by most references, and the browsing experience of a user is influenced, so that a large amount of users are lost.
In the prior art, the problem that a large number of three-party resources are required to be introduced to realize display when the evaluation scores of the floors are displayed through canvases, so that the user experience is influenced slowly by page rendering, the self-defined display is not supported, the gradual color change is not supported, the passive display mode is required to be passively accepted, and the problem cannot be fundamentally solved.
Therefore, how to avoid the problem that page rendering is slow due to the fact that a large number of resources are quoted in the visualization process of the building evaluation score is solved, so that the mobile terminal is worried about not being used as a memory, and the method becomes a technical problem which is continuously solved at present.
Disclosure of Invention
In order to solve the problems, the invention provides a visualization method, a device, equipment and a medium for building assessment scores, which solve the problem of slow page rendering caused by large resource reference by using SVG (scalable vector graphics) to display the building assessment scores, so that a mobile terminal does not need to worry about memory.
In order to achieve the purpose, the invention provides the following specific technical scheme:
in a first aspect, the present application provides a method for visualizing a building assessment score, the method comprising:
s1, loading data, wherein the data comprises evaluation scores of the storied building;
step S2, primary rendering of the graph;
and step S3, forming and exporting the dynamic annular graph.
Preferably, the step S1 specifically includes the following steps:
and (4) logging in a webpage website by a user, and uploading the evaluation score of the building.
Preferably, the step S2 specifically includes the following steps:
step S21, drawing a ring graph by using SVG;
and step S22, adding color gradient to the annular chart.
Preferably, the step S3 specifically includes the following steps:
and drawing the percentage in the annular graph based on the evaluation score of the building uploaded in the step S1, and exporting the percentage to a user interaction interface.
In a second aspect, the present application further provides a device for visualizing a building assessment score, comprising:
the data loading module is used for uploading the evaluation score of the building;
the preliminary graph rendering module is used for drawing an annular graph and adding color gradual change;
and the export module is used for forming the dynamic annular graph and exporting the dynamic annular graph to the user interaction interface.
In a third aspect, the present application further provides a computer device comprising a memory and a processor; the memory is used for storing a computer program;
the processor is used for executing the computer program and realizing the visualization method of the floor assessment score when the computer program is executed.
In a fourth aspect, the present application also provides a computer-readable storage medium storing a computer program which, when executed by a processor, causes the processor to implement the method for visualizing the floor assessment score as described above.
The invention has the advantages that the invention provides a visualization method, a device, equipment and a medium for the evaluation score of the building, a user can draw a corresponding dynamic ring diagram of the gradual change color under the current index by uploading the evaluation score of the building and using SVG gradual change color so as to visually see the score of the current building on a certain index, thereby improving the cognition of the user on the building, simplifying the use mode of a developer and improving the use experience of the user; the SVG is used at the bottom layer, so that the mobile terminal does not need to consider the memory problem, and the problem of slow page rendering caused by the fact that a large number of resources are quoted is solved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
Drawings
FIG. 1 is a schematic flow chart of a method for visualizing a building assessment score in a preferred embodiment of the present application;
fig. 2 is a schematic block diagram of a visualization device for a floor assessment score according to a preferred embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The flow diagrams depicted in the figures are merely illustrative and do not necessarily include all of the elements and operations/steps, nor do they necessarily have to be performed in the order depicted. For example, some operations/steps may be decomposed, combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
It is to be understood that the terminology used in the description of the present application herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in the specification of the present application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
It should also be understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
The embodiment of the application provides a visualization method, device, equipment and medium for building assessment scores, and by using the SVG to display the building assessment scores, the problem that page rendering is slow due to the fact that a large number of resources are quoted is solved, and a mobile terminal does not need to worry about a memory.
Some embodiments of the present application will be described in detail below with reference to the accompanying drawings. The embodiments described below and the features of the embodiments can be combined with each other without conflict.
Referring to fig. 1, fig. 1 is a schematic flowchart of a visualization method for a floor assessment score provided in an embodiment of the present application, where the detection method specifically includes step S101 to step S103.
S101, a user logs in a website of a page and uploads evaluation scores of a building to load data;
s102, firstly, inputting a radius, and drawing a ring-shaped graph through SVG; then inputting the required gradient color, adding color gradient for the annular image, and performing primary rendering of the image;
and S103, drawing the percentage in the annular graph based on the evaluation score of the building uploaded in the step S101, forming a dynamic annular graph with different indexes and exporting the dynamic annular graph to a user interaction interface, wherein the different indexes comprise living facility indexes, living environment indexes, regional potential indexes and the like.
As shown in fig. 2, fig. 2 provides a visualization apparatus 200 for a floor assessment score according to an embodiment of the present application, including:
the data loading module 201 is used for uploading evaluation scores of the storied building;
the preliminary graph rendering module 202 is used for drawing an annular graph and adding color gradient;
and the export module 203 is used for forming the dynamic annular graph and exporting the dynamic annular graph to the user interaction interface.
In a preferred embodiment of the present application, there is also included a computer device comprising a memory and a processor;
the memory is used for storing a computer program;
the processor is used for executing the computer program and realizing the visualization method of the floor assessment score when the computer program is executed.
In another preferred embodiment of the present application, a computer-readable storage medium is further included, which stores a computer program that, when executed by a processor, causes the processor to implement the method for visualizing the floor assessment score as described above.
Compared with the prior art, the beneficial effect of this application lies in:
the user can draw a corresponding gradient dynamic annular image under the current index by uploading the evaluation score of the building and using the SVG gradient to visually see the score of the current building on a certain index, so that the cognition of the user on the building is improved, the use mode of a developer is simplified, and the use experience of the user is improved; the SVG is used at the bottom layer, so that the mobile terminal does not need to consider the memory problem, and the problem of slow page rendering caused by the fact that a large number of resources are quoted is solved.
The foregoing description shows and describes several preferred embodiments of the application, but as aforementioned, it is to be understood that the application is not limited to the forms disclosed herein, but is not to be construed as excluding other embodiments and is capable of use in various other combinations, modifications, and environments and is capable of changes within the scope of the application as expressed herein, commensurate with the above teachings, or the skill or knowledge of the relevant art. And that modifications and variations may be effected by those skilled in the art without departing from the spirit and scope of the application, which is to be protected by the claims appended hereto.
Claims (7)
1. A method for visualizing a floor assessment score, the method comprising:
s1, loading data, wherein the data comprise evaluation scores of the storied building;
s2, primarily rendering the graph;
and S3, forming a dynamic annular graph and exporting.
2. The method for visualizing the floor assessment score as claimed in claim 1, wherein said S1 specifically comprises the steps of:
and (4) logging in a webpage website by a user, and uploading the evaluation score of the building.
3. The method for visualizing the floor assessment score as claimed in claim 2, wherein said S2 specifically comprises the steps of:
s21, drawing a ring graph by using SVG;
and S22, adding color gradient to the annular chart.
4. The method for visualizing the floor assessment score as claimed in claim 3, wherein said S3 specifically comprises the steps of:
and drawing the percentage in the annular graph based on the evaluation score of the building uploaded in the S1, and exporting the percentage to a user interaction interface.
5. A visualization device for a floor assessment score, comprising:
the data loading module is used for uploading the evaluation score of the building;
the preliminary graph rendering module is used for drawing an annular graph and adding color gradual change;
and the export module is used for forming the dynamic annular graph and exporting the dynamic annular graph to the user interaction interface.
6. A computer device, wherein the computer device comprises a memory and a processor;
the memory is used for storing a computer program;
the processor for executing the computer program and when executing the computer program implementing the method of visualizing the floor assessment score according to any of claims 1-4.
7. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program which, when executed by a processor, causes the processor to carry out a method of visualizing a floor assessment score according to any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110105053.XA CN112883304A (en) | 2021-01-26 | 2021-01-26 | Visualization method, device, equipment and medium for building evaluation score |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110105053.XA CN112883304A (en) | 2021-01-26 | 2021-01-26 | Visualization method, device, equipment and medium for building evaluation score |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112883304A true CN112883304A (en) | 2021-06-01 |
Family
ID=76053250
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110105053.XA Pending CN112883304A (en) | 2021-01-26 | 2021-01-26 | Visualization method, device, equipment and medium for building evaluation score |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112883304A (en) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP3086241A1 (en) * | 2015-04-24 | 2016-10-26 | Abb Ag | Web-based visualization system of a building or home automation |
| CN107025258A (en) * | 2016-12-08 | 2017-08-08 | 阿里巴巴集团控股有限公司 | A kind of data visualization rendering intent and device |
| US20180174336A1 (en) * | 2016-12-20 | 2018-06-21 | Sap Se | Charting a large number of data inputs |
| CN109656665A (en) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | A kind of visual presentation method of data, component and readable storage medium storing program for executing |
| CN110765284A (en) * | 2019-10-25 | 2020-02-07 | 天津车之家数据信息技术有限公司 | Method, system, computing device and storage medium for generating presentation |
| CN111460342A (en) * | 2019-01-21 | 2020-07-28 | 阿里巴巴集团控股有限公司 | Page rendering display method and device, electronic equipment and computer storage medium |
| CN112015513A (en) * | 2020-10-26 | 2020-12-01 | 广州基迪奥生物科技有限公司 | Gene big data front-end visual interaction analysis method |
| US10896480B1 (en) * | 2019-09-23 | 2021-01-19 | International Business Machines Corporation | Visualization rendering using an extensible rendering sequence |
-
2021
- 2021-01-26 CN CN202110105053.XA patent/CN112883304A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP3086241A1 (en) * | 2015-04-24 | 2016-10-26 | Abb Ag | Web-based visualization system of a building or home automation |
| CN107025258A (en) * | 2016-12-08 | 2017-08-08 | 阿里巴巴集团控股有限公司 | A kind of data visualization rendering intent and device |
| US20180174336A1 (en) * | 2016-12-20 | 2018-06-21 | Sap Se | Charting a large number of data inputs |
| CN109656665A (en) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | A kind of visual presentation method of data, component and readable storage medium storing program for executing |
| CN111460342A (en) * | 2019-01-21 | 2020-07-28 | 阿里巴巴集团控股有限公司 | Page rendering display method and device, electronic equipment and computer storage medium |
| US10896480B1 (en) * | 2019-09-23 | 2021-01-19 | International Business Machines Corporation | Visualization rendering using an extensible rendering sequence |
| CN110765284A (en) * | 2019-10-25 | 2020-02-07 | 天津车之家数据信息技术有限公司 | Method, system, computing device and storage medium for generating presentation |
| CN112015513A (en) * | 2020-10-26 | 2020-12-01 | 广州基迪奥生物科技有限公司 | Gene big data front-end visual interaction analysis method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10650350B2 (en) | Web content management driven collaborative activities system and method | |
| US20210294617A1 (en) | Systems and methods for adaptive user interfaces | |
| Koca et al. | Evaluation of the smart city: Applying the dematel technique | |
| Billah et al. | Ubiquitous accessibility for people with visual impairments: Are we there yet? | |
| EP3539064A1 (en) | Mobile data insight platforms for data analysis | |
| US11157586B2 (en) | Scoping searches within websites | |
| Tehrani et al. | Heuristic evaluation for Virtual Museum on smartphone | |
| US11231971B2 (en) | Data engine | |
| CN109389365B (en) | Multi-person collaborative document processing method and device and electronic equipment | |
| US9760249B2 (en) | Social collaborative mapping | |
| CN106033361A (en) | Method and device for showing application page, and method and device for updating application page data | |
| CN112214616B (en) | Knowledge graph fluency display method and device | |
| CN111143223A (en) | Server pressure testing method and device | |
| CN111782758B (en) | CAD-based drawing examination result viewing method and related device | |
| CN112883304A (en) | Visualization method, device, equipment and medium for building evaluation score | |
| CN109710126B (en) | Electronic equipment control method and liquid crystal display device | |
| JP2013541762A (en) | Browser frame with focus on the site | |
| CN106548501B (en) | Image drawing method and device | |
| CN110990104B (en) | Texture rendering method and device based on Unity3D | |
| KR20160087590A (en) | Apparatus for providing instant messaging service in user terminals | |
| KR20130094935A (en) | Method, apparutus and computer readable recording medium for creating mind-map with web-scraping | |
| Jonker et al. | Aperture: An open web 2.0 visualization framework | |
| Mitrpanont et al. | Extending MedThaiVis-Thai medical research visualization to SAGE2 display walls | |
| CN108427660A (en) | A kind of response type large-size screen monitors methods of exhibiting and device | |
| EP3933562A1 (en) | System for providing software development environment, method for providing software development environment, and non-transitory computer readable 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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20210811 Address after: 100000 1025, floor 1, No. 1, Kaifa Road, Shangdi Information Industry base, Haidian District, Beijing Applicant after: Beijing tulayan Technology Co.,Ltd. Address before: 08a01, block D, 8 / F, No. a 28, information road, Haidian District, Beijing Applicant before: Beijing Gaoyin Technology Co.,Ltd. |