CN111259297A - Interaction visualization method, platform and system for knowledge graph - Google Patents
Interaction visualization method, platform and system for knowledge graph Download PDFInfo
- Publication number
- CN111259297A CN111259297A CN202010039066.7A CN202010039066A CN111259297A CN 111259297 A CN111259297 A CN 111259297A CN 202010039066 A CN202010039066 A CN 202010039066A CN 111259297 A CN111259297 A CN 111259297A
- Authority
- CN
- China
- Prior art keywords
- visual
- visualization
- node
- platform
- nodes
- 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
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/34—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/36—Creation of semantic tools, e.g. ontology or thesauri
- G06F16/367—Ontology
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Life Sciences & Earth Sciences (AREA)
- Animal Behavior & Ethology (AREA)
- Computational Linguistics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention provides a knowledge graph-oriented interactive visualization method, a knowledge graph-oriented interactive visualization platform and a knowledge graph-oriented interactive visualization system, wherein the method comprises the following steps: the AutoVis platform receives a query condition input through a Web front end; inquiring matched graph data from a knowledge graph database according to inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes; and generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration. The embodiment of the invention realizes the visualization of the knowledge graph through the AutoVis platform, so that the knowledge graph data is displayed in a more intuitive and vivid way; by utilizing the characteristics of Vega, the code complexity is reduced, and an implementer does not need to write complex JavaScript codes to respond to drawing and user operation.
Description
Technical Field
The invention belongs to the technical field of computer image processing, and particularly relates to an interaction visualization method, a platform and a system for a knowledge graph.
Background
With the development of knowledge engineering, the application range of the knowledge graph is wider and wider, and more attempts are made to combine the knowledge graph with production. By utilizing the knowledge graph, people can more effectively observe the development rule of the object, so that the decision of the people is adjusted. In order to make the knowledge graph more intuitive, the information is very necessary to be visualized.
The existing knowledge graph data are only basic node information and relationship information among different nodes, graph spectrum data cannot be visually and vividly represented, a topological structure among the nodes cannot be effectively displayed, and the intuitiveness is lacked.
Disclosure of Invention
To overcome the existing problems or at least partially solve the problems, embodiments of the present invention provide a method, a platform and a system for interaction visualization facing to a knowledge graph.
According to a first aspect of the embodiments of the present invention, there is provided a knowledge-graph-oriented interaction visualization method, which is implemented on an AutoVis platform, and includes:
the AutoVis platform receives a query condition input through a Web front end;
inquiring matched graph data from a knowledge graph database according to inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration, wherein the visual engine is installed on an AutoVis platform.
On the basis of the above technical solutions, the embodiments of the present invention may be further improved as follows.
Optionally, after the query of the matched graph data from the knowledge graph database according to the query condition, the method further includes:
generating position information of each node and side information between different nodes through a preset layout algorithm according to the basic node information and the relationship information between the nodes in the graph data;
correspondingly, generating a web page containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration comprises:
and generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration.
Optionally, the visualization engine is integrated with a Vega component;
generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration comprises:
and inputting the position information of each node, the side information among different nodes and the visual configuration into a Vega component, and generating a webpage containing a visual layout diagram by the Vega component.
Optionally, the visualization configuration is implemented by a visualization configuration file, and the visualization configuration file includes a mapping relationship between each node and a visual symbol and a mapping relationship between each pair of nodes and a directed edge.
Optionally, the mapping relationship between each node and the visual symbol is a correspondence between a type of the node and a type of the visual symbol, and the mapping relationship between each pair of nodes and the directional edge is a correspondence between a type of the relationship between each pair of nodes and a type of the directional edge.
Optionally, the generating, on the visualization engine, a webpage including a visualization layout according to the location information of each node, the side information between different nodes, and the visualization configuration includes:
and generating a visual layout diagram according to the position information of each node, the visual symbol corresponding to each node and the directed edge corresponding to each pair of nodes, wherein the visual layout diagram shows the topological structures of all the node detection.
Optionally, after generating a web page containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration, the method further includes:
and displaying the generated webpage containing the visual layout diagram on the Web front end.
According to a second aspect of the embodiment of the invention, a platform for realizing knowledge-graph-oriented interactive visualization is provided, wherein the platform is an AutoVis platform, and a visualization engine is installed on the AutoVis platform;
the automatic Vis platform is used for querying matched graph data from a knowledge graph database according to query conditions, wherein the graph data comprises basic node information and relationship information among nodes; and the system is also used for generating a webpage containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration.
According to a third aspect of the embodiment of the invention, a knowledge graph-oriented interactive visualization system is provided, which comprises a Web front end, an AutoVis platform and a knowledge graph database, wherein a visualization engine is installed on the AutoVis platform and is integrated with a Vega component;
the Web front end is used for receiving input query conditions;
the automatic Vis platform is used for querying matched graph data from a knowledge graph database according to query conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and the Vega component is used for generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration.
Optionally, the AutoVis platform further includes a generation module;
and the display module is used for displaying the generated webpage containing the visual layout diagram at the front end of the Web.
The embodiment of the invention provides a knowledge graph-oriented interactive visualization method, a knowledge graph-oriented interactive visualization platform and a knowledge graph-oriented interactive visualization system, wherein the method realizes the visualization of a knowledge graph through an AutoVis platform, so that knowledge graph data are displayed in a more intuitive and vivid manner; by utilizing the characteristics of Vega, the code complexity is reduced, and an implementer does not need to write complex JavaScript codes to respond to drawing and user operation.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and those skilled in the art can also obtain other drawings according to the drawings without creative efforts.
FIG. 1 is a schematic overall flow chart of an interaction visualization method for a knowledge graph according to an embodiment of the present invention;
fig. 2 is a schematic overall structure diagram of an interaction visualization system of a knowledge graph according to an embodiment of the present invention.
Detailed Description
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and those skilled in the art can also obtain other drawings according to the drawings without creative efforts.
In an embodiment of the present invention, a knowledge graph-oriented interaction visualization method is provided, and fig. 1 is a schematic overall flow chart of the knowledge graph-oriented interaction visualization method provided in the embodiment of the present invention, where the method is implemented on an AutoVis platform, and the method includes:
s1, the AutoVis platform receives the query condition input by the Web front end;
s2, inquiring matched graph data from a knowledge graph database according to the inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and S3, generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration.
It is understood that as knowledge engineering advances, the scope of application of knowledge maps is becoming wider and more attempts are being made to combine knowledge maps with production. By utilizing the knowledge graph, people can more effectively observe the development rule of the object, so that the decision of the people is adjusted. In order to make the knowledge graph more intuitive, the information is very necessary to be visualized.
Based on the requirements, the knowledge graph-oriented interactive visualization is realized based on the AutoVis platform, firstly, the AutoVis platform receives the query conditions input by the user through the Web front end, and graph data matched with the query conditions are searched from the knowledge graph database according to the query conditions. The knowledge graph database stores knowledge graph data, and the knowledge graph data mainly comprises basic node information and relationship information among nodes.
For example, a user inputs "yaoming" to the AutoVis platform through the Web front end, and then the AutoVis platform searches information related to the "yaoming" from a knowledge graph database, for example, people having a certain relationship with the "yaoming", each inquired person is called a node, and the relationship between different people is called side information.
And then the AutoVis platform generates a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration. The visualization configuration defines the form of the nodes and the edges, and the nodes and the edges are laid out to generate a final visualization layout diagram and be presented in the form of a webpage.
The embodiment of the invention realizes the visualization of the knowledge graph through the AutoVis platform, so that the knowledge graph data is displayed in a more intuitive and vivid way.
As an alternative embodiment, after querying the knowledge graph database for the matched graph data according to the query condition, the method further includes:
generating position information of each node and side information between different nodes through a preset layout algorithm according to the basic node information and the relationship information between the nodes in the graph data;
accordingly, generating a web page containing a visualization layout on a visualization engine based on graph data and a visualization configuration comprises:
and generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration.
It can be understood that the query of the map data to be matched from the knowledge map database is only simple basic node information and relationship information between nodes, for example, the relationship between "yaoming" and "ye" is a couple relationship, the basic node information is "yaoming" and "ye", and the relationship information between the two is a couple. If the basic information needs to be generated into a visual layout, the position information of each node and the side information representing the relationship between the nodes need to be determined, and the side information only represents that a certain relationship exists between the nodes. In the embodiment of the present invention, according to the basic node information and the relationship information between nodes, a preset layout algorithm (for example, a layout algorithm such as fruchtermaneringold) is adopted to generate the position information and the corresponding edge information of each node. And then generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration. The position information of each node is the position information of each node in the canvas, and the visual layout of all the nodes can be drawn in the canvas according to the position information of each node in the canvas and the side information among different nodes.
Optionally, the visualization engine is integrated with a Vega component;
generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration comprises the following steps:
and inputting the position information of each node, the side information among different nodes and the visual configuration into a Vega component, and generating a webpage containing a visual layout diagram by the Vega component.
It can be understood that the Vega component has integration, after generating the position information of each node and the side information between different nodes, the position information of each node, the side information between different nodes and the visual configuration are input into the Vega component, and the Vega component generates a corresponding visual layout diagram.
As an alternative embodiment, the visualization configuration is implemented in a visualization configuration file, and the visualization configuration file includes the mapping relationship between each node and the visual symbol and the mapping relationship between each pair of nodes and the directed edge.
It is understood that the visualization configuration is implemented by writing a visualization configuration file, in which the correspondence between each node and the visual symbol and the mapping relationship between each pair of nodes and the directed edge are mainly defined.
The mapping relation between each node and the visual symbol is the corresponding relation between the type of the node and the type of the visual symbol, and the mapping relation between each pair of nodes and the directed edge is the corresponding relation between the type of the relation between each pair of nodes and the type of the directed edge.
Mapping each node in the knowledge graph into a corresponding visual symbol based on the mapping relation between the nodes and the symbols; and mapping the relation between any pair of nodes into corresponding directed edges based on the relation between any pair of nodes in the knowledge graph.
For example, according to the type of each node in the knowledge graph, each node is mapped to be a circular point with a corresponding color; determining the initial size of the circular point corresponding to each node according to the degree of each node; and when the type of the node is unknown, mapping the node into a circular point with a different color from the circular points corresponding to other types of nodes.
For another example, each node is mapped to a corresponding emoji character according to the type of each node in the knowledge graph; determining the initial size of the emoji character corresponding to each node according to the degree of each node; and when the type of the node is unknown, mapping the node into an emoji character different from emoji characters corresponding to other types of nodes.
Wherein, no matter the nodes are mapped into the circular points or the graph points, the mapped circular points or the graph points are scalable or non-scalable.
Similarly, the directed edge represents the relationship between the first node and the second node, and the relationship between the first node and the second node is mapped into the directed edge with the corresponding color according to the relationship type between the first node and the second node. For example, a couple relationship is represented by a red directed edge, a parent-child relationship is represented by a green directed edge, and the direction of an arrow in the directed edge indicates which node is related to which node.
The mapping relationship between each node and the visual symbol and the mapping relationship between each pair of nodes and edges are defined in the visual configuration file, and an interaction scheme needs to be defined, namely, the corresponding relationship between the operation of a mouse or the operation of a shortcut key and the operation of a visual layout diagram, and the generated visual layout diagram can be correspondingly operated through the mouse or the shortcut key.
As an optional embodiment, generating a web page containing a visualization layout diagram on a visualization engine according to the location information of each node, the side information between different nodes, and the visualization configuration includes:
and generating a visual layout diagram according to the position information of each node, the visual symbol corresponding to each node and the directed edge corresponding to each pair of nodes, wherein the visual layout diagram shows the topological structures among all the nodes.
It can be understood that according to the position information of each node having the layout and the side information between the nodes generated in the foregoing embodiment, the AutoVis platform generates the visual layout diagram by loading the visual configuration file, where the position of each node and the relationship between the nodes are shown in the visual layout diagram, and the generated visual layout diagram is more intuitive and more vivid.
It should be noted that, when the visual configuration file is written, since the visual layout diagram is finally generated by the Vega component according to the position information of each node, the side information between different nodes, and the visual configuration file, the Vega component can identify the visual configuration file written in the embodiment of the present invention.
Therefore, in the process of writing the visual configuration file, writing is performed according to some standards of the Vega component, specifically, writing is performed according to a visual mapping scheme, and the visual mapping scheme refers to a mapping relationship between each node and the visual symbol, a mapping relationship between each pair of nodes and the side information, and an interaction scheme.
The following illustrates an interaction scheme written in a visual configuration file, and the interaction scheme is written by adopting a JSON character string, wherein the JSON corresponding to the JSON character string is composed of the following parts:
(1) signals is used to listen for the occurrence of corresponding events and to provide variables to make pattern adjustments, where the signals asserted in signals include:
the layout zoom, used to scale the initial size of the node according to a given canvas size. Such as: when the width of the canvas is less than 400, the scaling factor of the initial radius of the node is the width of the canvas divided by 400; when the width of the canvas is larger than 1000, the scaling factor of the initial radius of the node is the width of the canvas divided by 1000, and the initial radius of the node maintains the original input under other conditions.
xoffset, yoffset, for calculating the display position of the horizontal and vertical axes in the canvas (in practice, this axis is hidden, and it is generally displayed during debugging to check whether the drawing position of the point is correct).
xrange, yrange, is used to represent the length and width of the canvas, i.e., the area that can be drawn in the canvas.
And down for capturing an event of pressing the left mouse button in the blank of the canvas, wherein when the left mouse button is pressed in the blank of the canvas, the value of the signal is the coordinate of the pressed position on the canvas. If pressed on a certain pattern, the value of the signal is null.
delta, which is used for detecting the event of mouse movement when the left mouse button is pressed and released, and when the down signal is not null, the value is the coordinate difference between the current mouse position (the mouse should still be in a pressed state) and the mouse pressed position; when down is empty, the value is [0,0] (indicating that the mouse is not moved), and the signal is mainly used for realizing the dragging of the canvas.
The anchor is used for detecting the position of the mouse when the mouse wheel slides, and is mainly used for selecting the zooming center when the canvas is zoomed.
And zoom, which is used for detecting the sliding event of the mouse wheel, wherein the signal value is the zoom ratio obtained by converting the sliding amplitude of the mouse wheel.
xdom, ydom, which is used to represent the coordinates that can be mapped in the current canvas. The initial value is [0,1], i.e. the starting canvas may show the points in the coordinate system where 0< ═ x < ═ 1, and 0< ═ y < ═ 1. These two values will detect changes in delta and zoom and change their values accordingly.
sizeZoom, which represents the scaling of the node after the user scales the canvas, captures the zoom change and makes a change accordingly.
xcur, ycur, for recording xdom and ydom when the left mouse button is pressed.
The nodehover is used for detecting an event that the mouse floats on the node, and when the mouse floats on the node, the value is id of the node; when the mouse moves out of the node, the value is null.
nodefocus is used for detecting the event of clicking the node by the left button of the mouse. When a left mouse button clicks a node, the value is the id of the node; when the left mouse button is lifted up in the blank, the value is null.
nodererrange, similar to nodefocus, but this signal is used to detect a left-key double-click node event.
And the blankclick is used for detecting the event that the left mouse button is lifted at the blank of the canvas, has a Boolean flag bit and is mainly used for realizing that all legends are selected at the blank.
shift status, for detecting an event of clicking the legend, the value is a boolean value reflecting whether the shift key was pressed when the legend was clicked.
Legendclick, for detecting an event that clicks on a legend, the value is the name of the legend that was clicked.
(2) And data, which mainly stores various data sets. Some data sets are used to assist in implementing the legends and some are data to be visualized.
selected, the dataset contains the name of the legend that has been selected, affected by blancklick, shiftstatus, legendclick. When the blanckclick triggers, all elements in the data set are triggered; when shiftstatus is false, remove all elements; when shiftstatus is false and legendclick is not empty, adding the legend name corresponding to legendclick to selected; when shiftstatus is true and legendclick is not empty, the legend name corresponding to legendclick is not added to selected, and if so, is removed.
And node _ o for saving all nodes needing visualization.
nodes, reference node _ o, but node size is scaled by layout zoom.
links, which holds all edges to be visualized, transforms each element through processing into an object containing a start point object, an end point object, start point coordinates, end point coordinates, an edge type, a start point id, and an end point id.
legands, contains legends for all nodes.
actlegens, contains a legend for the nodes contained in the current graph.
llegends, contains legends for all edges.
actllegens, contains the legend for the edges contained in the current figure.
scales, which mainly declare the mapping relationship between various types of data and visual elements.
xscale, yscale, shows how the x and y coordinates in a coordinate system are mapped onto a canvas.
emojiscale, actumoji, maps legands and actulegands to scales.
linkclr, to scales with actllegends.
marks, mainly declares the graphics that need to be drawn.
And the node is used for drawing a background circle of the node. The data sources are nodes.
iconnode, which is used to draw the emoji part of a node, the type is text, the data source is nodes, the text is mapped with actionji, and when a node that does not belong to a known legend appears, the question mark is drawn.
link, for drawing edges, and the data source is links. The color is mapped with linkclr.
arrow for drawing edges, links for data source, and linkclr for color. An equilateral triangle with the center of gravity at the end point is drawn at the end point, and then the angle of rotation of the triangle is calculated according to the start point and the end point.
And the nodelabel is used for drawing the label characters corresponding to the nodes. The data sources are nodes.
legengdlarel, for drawing node legends, the data source is actlegens.
linkLegendSymbol and linkLegendLabel, for drawing legends for edges. The data source is actllegens.
axes declare coordinate axes, the X-axis corresponds to xscale, the Y-axis corresponds to yscale, the transparency is set to 1 during debugging, and the transparency is set to 0 at ordinary times.
According to the embodiment of the invention, the visual configuration file is written according to the characteristics of the Vega component, the code complexity is reduced by using the characteristics of the Vega, and an implementer does not need to write complex JavaScript codes to respond to drawing and user operation.
As an optional embodiment, after generating a webpage containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration, the method further includes:
and displaying the generated webpage containing the visual layout diagram on the Web front end.
It can be understood that after the visualized layout of each node is generated on the AutoVis platform, the visualized layout of each node is displayed on the front end of the Web for the user to view.
In another embodiment of the present invention, a platform for implementing a knowledge-graph oriented interactive visualization is provided, which is used for implementing the method in the foregoing embodiments. Therefore, the description and definition in the embodiments of the aforementioned interaction visualization method based on knowledge graph can be used for understanding the execution modules in the embodiments of the present invention. The platform provided by the embodiment of the invention is an AutoVis platform, and a visualization engine is installed on the AutoVis platform;
the automatic Vis platform is used for inquiring matched graph data from a knowledge graph database according to the inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes; and generating a webpage containing a visualization layout diagram on the visualization engine according to the diagram data and the visualization configuration.
For how to implement the interaction visualization facing the knowledge graph specifically based on the AutoVis platform, reference may be made to the related technical features of the interaction visualization method facing the knowledge graph provided in the foregoing format example, which are not described herein again.
Referring to fig. 2, an interaction visualization system facing a knowledge graph is provided, and the visualization system includes a Web front end, an AutoVis platform and a knowledge graph database, wherein a visualization engine is installed on the AutoVis platform, and the visualization engine is integrated with a Vega component;
the Web front end is used for receiving input query conditions;
the automatic Vis platform is used for inquiring matched graph data from a knowledge graph database according to the inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and the Vega component is used for generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration.
As an optional embodiment, the AutoVis platform further includes a generating module, configured to display the generated Web page including the visualization layout diagram on the Web front end.
For how to implement the interaction visualization facing the knowledge graph specifically based on the AutoVis platform, reference may be made to the related technical features of the interaction visualization method facing the knowledge graph provided in the foregoing format example, which are not described herein again.
The embodiment of the invention provides a knowledge graph-oriented interactive visualization method, a knowledge graph-oriented interactive visualization platform and a knowledge graph-oriented interactive visualization system, wherein the method realizes the visualization of a knowledge graph through an AutoVis platform, so that knowledge graph data are displayed in a more intuitive and vivid manner; by utilizing the characteristics of Vega, the code complexity is reduced, and an implementer does not need to write complex JavaScript codes to respond to drawing and user operation.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (10)
1. A knowledge graph-oriented interactive visualization method is realized on an AutoVis platform, and comprises the following steps:
the AutoVis platform receives a query condition input through a Web front end;
inquiring matched graph data from a knowledge graph database according to inquiry conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration, wherein the visual engine is installed on an AutoVis platform.
2. The method of claim 1, wherein after querying the knowledge graph database for matching graph data according to the query condition, further comprising:
generating position information of each node and side information between different nodes through a preset layout algorithm according to the basic node information and the relationship information between the nodes in the graph data;
correspondingly, generating a web page containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration comprises:
and generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration.
3. The method of claim 2, wherein the visualization engine is integrated with a Vega component;
generating a webpage containing a visual layout diagram on a visual engine according to the position information of each node, the side information among different nodes and the visual configuration comprises:
and inputting the position information of each node, the side information among different nodes and the visual configuration into a Vega component, and generating a webpage containing a visual layout diagram by the Vega component.
4. The method according to claim 2 or 3, wherein the visualization configuration is implemented in a visualization configuration file, and the visualization configuration file comprises a mapping relationship between each node and a visual symbol and a mapping relationship between each pair of nodes and a directed edge.
5. The method according to claim 4, wherein the mapping relationship between each node and the visual symbol is a correspondence between a type of each node and a type of the visual symbol, and the mapping relationship between each pair of nodes and the directional edge is a correspondence between a type of relationship between each pair of nodes and a type of the directional edge.
6. The method of claim 5, wherein the generating a web page containing a visual layout diagram on a visualization engine according to the position information of each node, the side information between different nodes and the visual configuration comprises:
and generating a visual layout diagram according to the position information of each node, the visual symbol corresponding to each node and the directed edge corresponding to each pair of nodes, wherein the visual layout diagram shows the topological structures among all the nodes.
7. The method of claim 1, wherein the generating a web page containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration further comprises:
and displaying the generated webpage containing the visual layout diagram on the Web front end.
8. A platform for realizing knowledge graph-oriented interactive visualization is characterized in that the platform is an AutoVis platform, and a visualization engine is installed on the AutoVis platform;
the automatic Vis platform is used for querying matched graph data from a knowledge graph database according to query conditions, wherein the graph data comprises basic node information and relationship information among nodes; and the system is also used for generating a webpage containing a visualization layout diagram on a visualization engine according to the diagram data and the visualization configuration.
9. An interaction visualization system facing knowledge graphs is characterized by comprising a Web front end, an AutoVis platform and a knowledge graph database, wherein a visualization engine is installed on the AutoVis platform and is integrated with a Vega component;
the Web front end is used for receiving input query conditions;
the automatic Vis platform is used for querying matched graph data from a knowledge graph database according to query conditions, wherein the graph data comprises basic node information and relationship information among nodes;
and the Vega component is used for generating a webpage containing a visual layout diagram on a visual engine according to the diagram data and the visual configuration.
10. The system of claim 9, wherein the AutoVis platform further comprises a generation module;
and the display module is used for displaying the generated webpage containing the visual layout diagram at the front end of the Web.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010039066.7A CN111259297A (en) | 2020-01-14 | 2020-01-14 | Interaction visualization method, platform and system for knowledge graph |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010039066.7A CN111259297A (en) | 2020-01-14 | 2020-01-14 | Interaction visualization method, platform and system for knowledge graph |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111259297A true CN111259297A (en) | 2020-06-09 |
Family
ID=70946925
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010039066.7A Pending CN111259297A (en) | 2020-01-14 | 2020-01-14 | Interaction visualization method, platform and system for knowledge graph |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111259297A (en) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111143547A (en) * | 2019-12-30 | 2020-05-12 | 山东大学 | Big data display method based on knowledge graph |
CN111966821A (en) * | 2020-08-26 | 2020-11-20 | 南京柯基数据科技有限公司 | Knowledge graph visualization method based on mechanics principle |
CN112035667A (en) * | 2020-09-02 | 2020-12-04 | 河南中原消费金融股份有限公司 | Knowledge graph display method and device and terminal equipment |
CN113609282A (en) * | 2021-08-09 | 2021-11-05 | 神州数码融信软件有限公司 | Drawing method of automatic drawing engine |
CN113722550A (en) * | 2021-09-07 | 2021-11-30 | 北京锐安科技有限公司 | Method and device for realizing relation map, electronic equipment and storage medium |
CN114153350A (en) * | 2021-12-06 | 2022-03-08 | 北京金堤科技有限公司 | Map scaling method and device, storage medium and electronic equipment |
CN115017367A (en) * | 2022-03-28 | 2022-09-06 | 北京大学 | Universal interactive constraint graph layout system and method |
CN116992960A (en) * | 2023-09-25 | 2023-11-03 | 成都市智慧蓉城研究院有限公司 | Knowledge graph visualization interaction method and system |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180053327A1 (en) * | 2016-08-17 | 2018-02-22 | International Business Machines Corporation | Non-Linear, Multi-Resolution Visualization of a Graph |
CN108460083A (en) * | 2018-01-16 | 2018-08-28 | 浙江大学 | A kind of knowledge mapping visual query tool |
CN108920716A (en) * | 2018-07-27 | 2018-11-30 | 中国电子科技集团公司第二十八研究所 | The data retrieval and visualization system and method for knowledge based map |
CN109033260A (en) * | 2018-07-06 | 2018-12-18 | 天津大学 | Knowledge mapping Interactive Visualization querying method based on RDF |
-
2020
- 2020-01-14 CN CN202010039066.7A patent/CN111259297A/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180053327A1 (en) * | 2016-08-17 | 2018-02-22 | International Business Machines Corporation | Non-Linear, Multi-Resolution Visualization of a Graph |
CN108460083A (en) * | 2018-01-16 | 2018-08-28 | 浙江大学 | A kind of knowledge mapping visual query tool |
CN109033260A (en) * | 2018-07-06 | 2018-12-18 | 天津大学 | Knowledge mapping Interactive Visualization querying method based on RDF |
CN108920716A (en) * | 2018-07-27 | 2018-11-30 | 中国电子科技集团公司第二十八研究所 | The data retrieval and visualization system and method for knowledge based map |
Non-Patent Citations (6)
Title |
---|
WILLS, GRAHAM 等: "AutoVis: Automatic visualization", 《PROQUEST》 * |
YINGJIAN QI 等: "Visualization in media big data analysis", 《COMPUTER AND INFORMATION SCIENCE》 * |
沈恩亚: "AutoVis大数据可视化设计框架:让大数据可视化容易点", 《HTTPS://MP.WEIXIN.QQ.COM/S/LI5MPKS_YO5TDYTY6QGHJW》 * |
沈恩亚: "大数据可视化技术及应用", 《科技导报》 * |
阿里云云栖号: "Vega数据可视化工具——教你轻松玩转大数据可视化", 《HTTPS://WWW.JIANSHU.COM/P/25420D597C2B》 * |
陈祖香: "面向科学计量分析的知识图谱构建与应用研究", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111143547A (en) * | 2019-12-30 | 2020-05-12 | 山东大学 | Big data display method based on knowledge graph |
CN111143547B (en) * | 2019-12-30 | 2020-09-01 | 山东大学 | Big data display method based on knowledge graph |
CN111966821A (en) * | 2020-08-26 | 2020-11-20 | 南京柯基数据科技有限公司 | Knowledge graph visualization method based on mechanics principle |
CN111966821B (en) * | 2020-08-26 | 2024-06-04 | 南京柯基数据科技有限公司 | Knowledge graph visualization method based on mechanics principle |
CN112035667A (en) * | 2020-09-02 | 2020-12-04 | 河南中原消费金融股份有限公司 | Knowledge graph display method and device and terminal equipment |
CN113609282A (en) * | 2021-08-09 | 2021-11-05 | 神州数码融信软件有限公司 | Drawing method of automatic drawing engine |
CN113722550A (en) * | 2021-09-07 | 2021-11-30 | 北京锐安科技有限公司 | Method and device for realizing relation map, electronic equipment and storage medium |
CN114153350A (en) * | 2021-12-06 | 2022-03-08 | 北京金堤科技有限公司 | Map scaling method and device, storage medium and electronic equipment |
CN114153350B (en) * | 2021-12-06 | 2023-09-29 | 北京金堤科技有限公司 | Map scaling method and device, storage medium and electronic equipment |
CN115017367A (en) * | 2022-03-28 | 2022-09-06 | 北京大学 | Universal interactive constraint graph layout system and method |
CN116992960A (en) * | 2023-09-25 | 2023-11-03 | 成都市智慧蓉城研究院有限公司 | Knowledge graph visualization interaction method and system |
CN116992960B (en) * | 2023-09-25 | 2023-12-05 | 成都市智慧蓉城研究院有限公司 | Knowledge graph visualization interaction method and system |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111259297A (en) | Interaction visualization method, platform and system for knowledge graph | |
US7268772B2 (en) | Information processing apparatus operating in touch panel mode and pointing device mode | |
US5708764A (en) | Hotlinks between an annotation window and graphics window for interactive 3D graphics | |
US6437799B1 (en) | Method and apparatus for logical zooming of a directed graph | |
CN101359271A (en) | Widget of graphical user interface and method for navigating amongst related objects | |
US10346681B2 (en) | Method and computing device for optically recognizing mathematical expressions | |
Khan et al. | Visualization and evolution of software architectures | |
CN105867930A (en) | Display method and device for function calling relation and terminal | |
CN109408674B (en) | Cactus tree based data visualization method, device, equipment and storage medium | |
CN111259164A (en) | Knowledge graph-oriented interactive visualization method and system | |
CN109086515B (en) | Modeling method for primary equipment drawing information in SSD (solid State drive) of intelligent substation based on SVG (scalable vector graphics) | |
CN107038199A (en) | A kind of drawing practice and device | |
CN112085814A (en) | Electronic map display method, device, equipment and readable storage medium | |
CN109446286B (en) | Visualization method and device for highway road network map | |
US7941759B2 (en) | Interactive analysis of network adjustment results | |
CN102075692B (en) | Caption editing system and plug-in | |
CN110097561B (en) | Rapid paper detection and segmentation method based on space constraint conditions | |
EP3427161A2 (en) | Intuitive selection of a digital stroke grouping | |
CN113721823A (en) | Human-computer interaction data visualization method based on dragging | |
CN106547891A (en) | For the quick visualization method of the pictured text message of palm display device | |
CN107220335B (en) | Map plotting method and device, terminal device and readable storage medium | |
CN117252263B (en) | Visual method for prospecting model | |
CN103116684B (en) | A kind of method and system generating product appearance prototype | |
US20210224325A1 (en) | Method and apparatus for converting undirected relationship to directed relationship, device and storage medium | |
Liu et al. | Object‐process based graphics recognition class library: principles and applications |
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 |
Application publication date: 20200609 |
|
RJ01 | Rejection of invention patent application after publication |