Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Data display method and device

A data display and vertex data technology, applied in the field of data visualization, can solve problems such as low visualization efficiency, data display stuck phenomenon, slow program running, etc., to achieve fast and efficient assembly performance, improve visualization effects, and smooth loading effects.

Active Publication Date: 2020-01-17
GUANGDONG URBAN & RURAL PLANNING & DESIGN INST
View PDF8 Cites 4 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, each of these drawing technologies has some defects. Among them, Flash needs to install a plug-in to make the elements in Flash interact with other elements in the web page when drawing at the front end. It is also relatively complicated; the VML specification was rejected by the W3C (World Wide Web Consortium), and has poor compatibility with browsers. Among all browsers, only IE browser can support the VML specification, which makes it have high limitations; Canvas is based on Pixels are used to generate graphics. If the image is enlarged, the graphics will become blurred, and the image "objects" in it cannot be viewed like elements in DOM (a standard programming interface for processing Extensible Markup Language, also known as Document Object Model). Add events, and cannot operate or modify the drawn image; SVG cannot dynamically modify animation content, nor can it be integrated with HTML content, and SVG graphics do not support hardware acceleration
[0003] The traditional front-end drawing 2D point data is drawn through Canvas or SVG, but when faced with a large amount of 2D data, the visualization efficiency of these two methods is very low, and the program runs slowly, which makes the data display process have more obvious problems. Stunning phenomenon greatly affects user experience

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Data display method and device
  • Data display method and device
  • Data display method and device

Examples

Experimental program
Comparison scheme
Effect test

specific Embodiment approach

[0043] The present invention provides a specific implementation of the vertex shader defined based on the WebGL 3D drawing protocol, which can be realized by the following program segments:

[0044] attribute vec4 position;

[0045]attribute float a_sprite_idx;

[0046] uniform mat4 modelViewMatrix;

[0047] uniform mat4 projectionMatrix;,

[0048] uniform float scale;

[0049] [0: northwest's x, 1: width, 2: height, 3: size, 4: offset x, 5: offset y]

[0050] uniform float uSprite[length];

[0051] varying vec3 v_texCoord;

[0052] void main(){

[0053] intidx=int(a_sprite_idx)*6;

[0054] float size = uSprite[idx+3];

[0055] vec2textOffset = vec2(u_sprite[idx+4], u_sprite[idx+5]);

[0056] vec4pos = vec4(position.x+textOffset.x*scale, position.y+ textOffset.y*scale, position.z, position.w);

[0057] gl_Position = projectionMatrix*modelViewMatrix*pos;

[0058] gl_PointSize = size;

[0059] v_texCoord=vec3(u_sprite[idx], u_sprite[idx+1], u_sprite[idx+2]);

[0060]...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides a data display method and device, and relates to the field of data visualization. The method comprises the following steps: obtaining vertex data, defining a vertex shader basedon a WebGL protocol, and transmitting the obtained vertex data to the vertex shader through a unified declared variable; sequentially assembling the vertex data into primitives by adopting a vertex shader according to vertex indexes in the vertex data, and keeping the z axis of each vertex coordinate unchanged; generating a fragment shader, rendering the primitives by adopting the fragment shader, and performing rasterization to generate fragment information; and storing the generated fragment information into a video memory area so as to carry out visual expression on the fragment information. The method has quicker and more efficient assembly performance, data display and loading are smoother, the primitive assembly effect is better, and the efficiency is higher.

Description

technical field [0001] The invention relates to the field of data visualization, in particular to a data display method and device. Background technique [0002] At present, in the front-end drawing scenario, due to the very limited functions of the HTML language (Hypertext Markup Language), it cannot meet people's expected design requirements, and cannot achieve dynamic and user-friendly interactive display effects. In view of this situation, some drawing technologies came into being, such as Java Applet (small application program written in Java language), Flash, VML (Vector Markup Language), SVG (Scalable Vector Graphics) and Canvas (HTML 5 graphic drawing element), etc. . However, each of these drawing technologies has some defects. Among them, Flash needs to install a plug-in to make the elements in Flash interact with other elements in the web page when drawing at the front end. It is also relatively complicated; the VML specification was rejected by the W3C (World W...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06T15/20G06T15/55
CPCG06T15/205G06T15/55
Inventor 马向明王浩马星阮浩德李军锋陈海洋
Owner GUANGDONG URBAN & RURAL PLANNING & DESIGN INST
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com