Extension:Semantic MediaWiki Graph

The Semantic MediaWiki Graph extension visualises the semantic information of any Semantic MediaWiki page. The extension uses Force directed Graph from d3 to visualize the semantic information in a two-dimensional space.

Usage
Semantic MediaWiki Graph is a Special Page under the group Semantic MediaWiki. In the initial screen of the extension, type in any wiki page (see figure). The extension preloads wiki pages and suggests pages, based on the input. Category and Property pages are not preloaded. Only pages from the Main Page namespace.However, every wiki page can be used as input in order to visualise the structured information. After a click on ok, the extension loads the structured information about the wiki page and visualises them in a force directed Graph.



Move Nodes
Nodes can be dragged/dropped. Currently, the gravitiy, friction and charge are defined in the source code. However, one could also allow users to change the behaviour of the graph (if wished by users) in the browser. Nodes can only be moved within the given box.

Clicking on Nodes
Clicking on a node, which is of type Internal Link, will include the structured information of the corresponding wiki page in the graph (see figure). The clicked node itself will become the new focused node (big bubble). Clicking on a node which were already clicked, will lead to nothing. However, part of future work, is to minimize the structured information in the graph of this node.

Clicking on Texts
The text on the nodes corresponds to the assigned values of the properties. The texts on the edges corresponds to the name of the properties. By clicking on the text of a node, a new window appears with the corresponding link, but only if it's a internal wiki link or an external link. So clicking on a number of date, which is no wiki page, will not lead to a redirect in a new window.

Currently, clicking on the text of an edge will not lead to a redirect in a new window. This feature is part of future work (see below).

Clicking on the Legend
Clicking on a bubble of the Legend will hide/unhide all nodes of this certain corresponding type. The Legend will have unfilled bubbles of hidden node types. Hovering over the bubble will illustrate the corresponding nodes in the diagram (if not hidden).

Colors
The colors are currently fixed in the source code. The colors of the nodes depend on the type of node.If wished by the users, one could also include different stylings or allows users to define the colors. The colors of the nodes are given in the following:

Known issues

 * 2016/12/20: Hiding different node types can lead to visualising a link but without the corresponding node


 * 2017/06/1: If 2 nodes have triangle-type connection, it will duplicate a node without connection

Future Work

 * Minimize the nodes again if clicked on an already expanded node
 * Open Property wiki page by clicking on the corresponding property

Remarks

 * 2016/12/22: Frame for Force-directed graph adjusts on window size
 * 2016/12/22: Zooming is now possible