CN109408060A - No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding - Google Patents

No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding Download PDF

Info

Publication number
CN109408060A
CN109408060A CN201811348204.9A CN201811348204A CN109408060A CN 109408060 A CN109408060 A CN 109408060A CN 201811348204 A CN201811348204 A CN 201811348204A CN 109408060 A CN109408060 A CN 109408060A
Authority
CN
China
Prior art keywords
visual
coding
chart
data
layer coding
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
Application number
CN201811348204.9A
Other languages
Chinese (zh)
Inventor
张斯艺
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bao Zun Agel Ecommerce Ltd
Original Assignee
Shanghai Bao Zun Agel Ecommerce Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai Bao Zun Agel Ecommerce Ltd filed Critical Shanghai Bao Zun Agel Ecommerce Ltd
Priority to CN201811348204.9A priority Critical patent/CN109408060A/en
Publication of CN109408060A publication Critical patent/CN109408060A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Human Computer Interaction (AREA)
  • Image Generation (AREA)

Abstract

The no data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding that the present invention relates to a kind of, comprising the following steps: S1. input coordinate system, scale and visual coding just compile;S2. according to tabulating at the beginning of visual coding vision, basic chart type selecting is generated;S3. nested visual coding is superimposed table according to coding, is calculated;S4. final chart style is exported.Using the method for the present invention, truthful data is also not based on without statistical theory basis, only pass through the type set of the type selecting of reference axis and scale, in addition the one or many codings of visual channel information, energy rapid configuration has obtained a main subtype, and can configure a variety of practical and attractive visual styles, make chart only related with visual style and be detached from manual data typing, make chart style configure it is more flexible with raising tool in the practicability of production environment, improve efficiency, reduce time cost.

Description

No data Vision Design based on Visual Chart component and visual perception multi-layer coding is matched Set method
Technical field
The present invention relates to Internet technical fields, the in particular to method of Visual Chart visual coding, specifically, relating to And a kind of no data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding.
Background technique
Data visualization design is widely used in business data product and instrument board.It is continuous with big data technology Development and its continuous expansion applied in commercialization field, interactive data chart generate flat in business software and intelligent report forms The use of platform gradually attracts attention.
Visual designer usually requires to draw various Visual Charts based on application need for a business.Data visualization chart is not Other propagated Vision Designs are same as, possesses relatively professional drafting criterion, to draw a diagram it should be understood that visualizing three groups Part, coordinate system, scale and based on the coding scheme of visual perception and its correct application mode.
It is generated however, existing drafting instrument is all based on data with existing, data drawing list is related to profession statistics scientific principle By and be planted in business, therefore visual designer use write virtual data, by office's software or design tool according to record Entering the graph making mode that data form chart style has excessively high statistics threshold, and data generation type chart style is single, It is small that pattern can configure space.It is such as voluntarily painted by Drawing Design tool, often due to the special of data visualization cartographic convention The chart style of industry lack of knowledge, output is lack of standardization and realizes taking long time for high-fidelity, and the chart manually drawn is because countless According to background, so that its expansion for not being switched fast subtype for the change of visualization type selecting.Therefore existing way is closed Rationality is challenged.
Patent document CN108376176A, publication date 2018.08.07, disclosing one kind can the visualization of towed big data Analysis tool system, the system include that logical relation pulls layout modules, data filtering module, field extension module, data system Count computing module, data collision computing module, dictionary translation module, analysis result presentation module, EXCEL import data module, Model issuing function module.By these basic functional modules with any configuration of various data, thousands of kinds are finally evolved into Analysis model, these models can be saved, issue and be applied.It may not need coding by the tool system and develop several differences Application.But the tool system still is based on data.
It can be seen that the flexible Visual Chart of style configuration can quickly be obtained under the conditions of no data by needing one kind Method.
Summary of the invention
It is a kind of based on Visual Chart component and visual perception the purpose of the present invention is aiming at the shortcomings in the prior art, providing The no data Vision Design configuration method of multi-layer coding.
To achieve the above object, the technical solution adopted by the present invention is that:
A kind of no data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding, including with Lower step:
S1. input coordinate system, scale and visual coding just compile;
S2. according to tabulating at the beginning of visual coding vision, basic chart type selecting is generated;
S3. nested visual coding is superimposed table according to coding, is calculated;
S4. final chart style is exported.
As a preferred embodiment, the coordinate system includes rectangular coordinate system, polar coordinates, latitude and longitude coordinates.
As another preferred embodiment, the scale includes numeric scale, percentage scale, scale of classifying, time ruler.
As another preferred embodiment, the visual coding includes position, area, length, angle, direction, saturation degree, color Eight visual code patterns of phase.
As another preferred embodiment, the method also further realizes the configuration of various dimensions by vision multi-layer coding.
As another preferred embodiment, the method also further realizes the configuration of multipair elephant by vision multi-layer coding.
The invention has the advantages that:
The present invention is related to professional statistical theory and is planted in business for drafting instrument in the prior art, proper use of door Sill are excessively high, and data generation type chart style is single, because export format mismatching cannot be implemented in combination with secondary profit with design tool The drawing of the pixel of the technical issues of color and no data, chart type selecting cannot arbitrarily switch, when data drawing list type selecting because demand becomes When more changing, designer just needs the problem of charting again, provides a kind of more based on Visual Chart component and visual perception The application of the no data Vision Design configuration method of layer coding, the method for the present invention is also not based on really without statistical theory basis Data, only by the type set of the type selecting of reference axis and scale, in addition the one or many codings of visual channel information, energy is fast Speed configuration has obtained a main subtype, and can configure a variety of practical and attractive visual styles, allows chart only and visual style It is related and be detached from manual data typing, make chart style configure it is more flexible with raising tool in the practicability of production environment, improve Efficiency reduces time cost.
Detailed description of the invention
Fig. 1,2,3 be the present invention is based on three component of Visual Chart, for understanding theoretical basis of the invention.
Fig. 4,5 be the present invention relates to vision at the beginning of tabulating and nested coding schedule.
Fig. 6,7,8,9 be applicating flow chart of the invention, the overall flow applied for understanding the present invention.
Figure 10,11,12,13,14 be the no data of the invention based on Visual Chart component and visual perception multi-layer coding The configuration application example of Vision Design configuration method.
Specific embodiment
It elaborates with reference to the accompanying drawing to specific embodiment provided by the invention.
Embodiment 1
Visual designer, which is drawn, is applied to business high-fidelity Visual Chart with truthful data Background feature is detached from, only Reach visually style configuration.And known visualized data chart is all the method base of the invention by three big component integrations In this principle, the pure visual charts design for being detached from data is realized.
No data Vision Design configuration method base based on Visual Chart component and visual perception multi-layer coding of the invention In the big component of data visualization three, i.e. coordinate system O (containing rectangular coordinate system, polar coordinates, latitude and longitude coordinates), scale R (numerical value mark Ruler, percentage scale, classify scale, time ruler) and visual coding C (contain position, area, length, angle, direction, be saturated Degree, 8 visual code patterns of form and aspect) (Fig. 1-3), GRA-CODING 0A is just compiled by unit, combines and just compiles GRA-CODING 0A0A, nesting plus volume { GRA-CODING X (Value) } realize (Fig. 4-5).
Unit is just compiled and realizes chart type selecting.GRA-CODING 0A=O § R § C
Such as: the position rectangular coordinate system § numerical coordinates §=scatter plot.
Combination, which is just compiled, realizes the superposition of chart type selecting.GRA-CODING 0A0A=O § R § C//C
Such as: the position rectangular coordinate system § numerical coordinates § // direction=scatter plot and histogram combination.
Based on visual perception for different location, area, length, angle, direction, saturation degree, form and aspect can transmit different information The feature of dimension, then corresponding dimension, which increases, to be realized for the nested coding of visual coding, object increases and pattern polishing.GRA- CODING X=O § R § C { C (Value) }
Such as: the position rectangular coordinate system § numerical coordinates § { form and aspect (3) }=containing there are three the scatter plots of different objects.
On the whole, the no data Vision Design of the invention based on Visual Chart component and visual perception multi-layer coding is matched Setting method mainly includes following 4 steps:
S1. input coordinate system, scale and visual coding carry out just compiling (Fig. 6);
S2. according to tabulating at the beginning of visual coding vision, basic chart type selecting (Fig. 7) is generated;
S3. nested visual coding is superimposed table according to coding, is calculated (Fig. 8);
S4. final chart style (Fig. 9) is exported.
Based on method of the invention, user, which passes through, is arranged coordinate system, and the unit of scale and visual coding is just compiled, and combination is first It compiles and adds volume with nested, then can automatically configure and realize includes: univariate analysis chart, multi-variables analysis chart, multi dimensional analysis Chart carries out the data visualization design for meeting business scenario applied to visual designer.Visual design teacher is no longer influenced by True or virtual reality data background limitation, can be in the light of actual conditions by just encoding and obtaining to reference axis, scale and vision Ideal chart type selecting is obtained, and is realized by the multiple combination of different visual codings and increases new dimension or increase object or superposition vision Pattern, everything is quickly obtained the pure Vision Design configuration for meeting drawing norm in the case where being detached from knowledge of statistics constraint, facilitates The practicability in actual services environment is improved, is improved efficiency, time cost is reduced.
Embodiment 2
0-14 referring to Figure 1, Figure 10-14 are the nothings of the invention based on Visual Chart component and visual perception multi-layer coding The configuration application example of data Vision Design configuration method.Figure 10, which illustrates just to encode by vision, may be implemented mono-/multi- chart Configuration.Figure 11 illustrates the configuration of different set of coordinates.Figure 12 illustrates the configuration of different scales.Figure 13, which is illustrated, passes through vision The configuration of multi-layer coding realization various dimensions.Figure 14 illustrates the configuration that multipair elephant is realized by vision multi-layer coding.
The above is only a preferred embodiment of the present invention, it is noted that for the ordinary skill people of the art Member, under the premise of not departing from the method for the present invention, can also make several improvement and supplement, these are improved and supplement also should be regarded as Protection scope of the present invention.

Claims (6)

1. a kind of no data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding, feature exist In, comprising the following steps:
S1. input coordinate system, scale and visual coding just compile;
S2. according to tabulating at the beginning of visual coding vision, basic chart type selecting is generated;
S3. nested visual coding is superimposed table according to coding, is calculated;
S4. final chart style is exported.
2. the no data Vision Design according to claim 1 based on Visual Chart component and visual perception multi-layer coding is matched Set method, which is characterized in that the coordinate system includes rectangular coordinate system, polar coordinates, latitude and longitude coordinates.
3. the no data Vision Design according to claim 1 based on Visual Chart component and visual perception multi-layer coding is matched Set method, which is characterized in that the scale includes numeric scale, percentage scale, scale of classifying, time ruler.
4. the no data Vision Design according to claim 1 based on Visual Chart component and visual perception multi-layer coding is matched Set method, which is characterized in that the visual coding includes position, area, length, angle, direction, saturation degree, form and aspect eight views Feel coding mode.
5. the no data Vision Design according to claim 1 based on Visual Chart component and visual perception multi-layer coding is matched Set method, which is characterized in that the configuration of various dimensions is also further realized by vision multi-layer coding.
6. the no data Vision Design according to claim 1 based on Visual Chart component and visual perception multi-layer coding is matched Set method, which is characterized in that the configuration of multipair elephant is also further realized by vision multi-layer coding.
CN201811348204.9A 2018-11-13 2018-11-13 No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding Pending CN109408060A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811348204.9A CN109408060A (en) 2018-11-13 2018-11-13 No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811348204.9A CN109408060A (en) 2018-11-13 2018-11-13 No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding

Publications (1)

Publication Number Publication Date
CN109408060A true CN109408060A (en) 2019-03-01

Family

ID=65473103

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811348204.9A Pending CN109408060A (en) 2018-11-13 2018-11-13 No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding

Country Status (1)

Country Link
CN (1) CN109408060A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110516004A (en) * 2019-08-28 2019-11-29 中国人民解放军国防科技大学 Visualization method and system giving consideration to information global characteristics and local hierarchical structure

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060206512A1 (en) * 2004-12-02 2006-09-14 Patrick Hanrahan Computer systems and methods for visualizing data with generation of marks
US20080254775A1 (en) * 2004-04-20 2008-10-16 Michael Rohs Methods, media, and mobile devices for providing information associated with a visual code
CN207197440U (en) * 2017-08-04 2018-04-06 上海波创电气有限公司 A kind of vision positioning system of high accuracy positioning large area product

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080254775A1 (en) * 2004-04-20 2008-10-16 Michael Rohs Methods, media, and mobile devices for providing information associated with a visual code
US20060206512A1 (en) * 2004-12-02 2006-09-14 Patrick Hanrahan Computer systems and methods for visualizing data with generation of marks
CN207197440U (en) * 2017-08-04 2018-04-06 上海波创电气有限公司 A kind of vision positioning system of high accuracy positioning large area product

Non-Patent Citations (5)

* Cited by examiner, † Cited by third party
Title
周苏 等: "《大数据及其可视化》", 31 August 2016, 中国铁道出版社 *
张昕 等: "树图可视化", 《计算机辅助设计与图形学学报》 *
李谦升: ""城市信息可视化设计研究"", 《中国优秀博硕士学位论文全文数据库(博士) 哲学与人文科学辑》 *
范兵 等: "基于高维可视化技术的负荷特性指标展示研究", 《电器与能效管理技术》 *
齐力: "《公共安全大数据技术与应用》", 31 December 2017, 上海科学技术出版社 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110516004A (en) * 2019-08-28 2019-11-29 中国人民解放军国防科技大学 Visualization method and system giving consideration to information global characteristics and local hierarchical structure
CN110516004B (en) * 2019-08-28 2021-11-16 中国人民解放军国防科技大学 Visualization method and system giving consideration to information global characteristics and local hierarchical structure

Similar Documents

Publication Publication Date Title
CN108376176A (en) It can towed big data visualization analysis tools system
CN106528512B (en) A kind of EXCEL preliminary budget table automatic editing method
CN103473216A (en) Excel-based product process planning method
CN109977496A (en) Efficient information exchange and the architectural engineering artwork integrated system and method to cooperate
CN107679048A (en) A kind of general data visualization view generation method and device
CN109408060A (en) No data Vision Design configuration method based on Visual Chart component and visual perception multi-layer coding
CN103065009B (en) Intelligent design system and method of traffic sign lines
CN113987659A (en) Building design method based on BIM technology
Gregory Longitudinal analysis of age-and gender-specific migration patterns in England and Wales: a GIS-based approach
CN102034252B (en) Synthesis method of hand painted pattern
CN108664738A (en) Three dimensional image processing method and device
CN106815719A (en) The design and implementation methods of manufacturing enterprise's flexibility ERP system visual development platform
CN110532335A (en) A kind of thematic map autodraft method based on model-driven
CN101126984A (en) Object attribute description method
Pasek et al. Package ‘weights’
Batch et al. Wizualization: A “hard magic” visualization system for immersive and ubiquitous analytics
CN106273470A (en) Three-dimensional printing device and print data storage method thereof
CN110675488B (en) Method for constructing modeling system of creative three-dimensional voxel model based on deep learning
Liu et al. Spatial specification and reasoning using grammars: from theory to application
Vazsonyi Where we ought to be going: The potential of spreadsheets
CN103186356A (en) Display information editing system based on single chip microcomputer driving LCD (liquid crystal display) mode
CHEN et al. Research into the application of Kansei engineering to the modeling aesthetic design of a numerical control machine tool
Schulz et al. A visualization approach for cross-level exploration of spatiotemporal data
Sharma et al. Situational Awareness of COVID Pandemie data using Virtual Reality
Wilkinson et al. nViZn: An algebra-based visualization system

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190301