Mission: to create a set of navigable maps to make it much clearer how all the sites fit together and who is working on what.
Could be interesting towork with topogram.io ![]()
Problem
At the moment we have a lot of sites. It is very hard to keep on top of the information an all these sites and to see what people are working on.
As can be seen by Understanding Page History this can be complex, containing differing view points - and maybe realities.
Proposed Solution
We've made some progress in dynamically graphing of knowledge as represented in wiki - lineup ![]()
We now look to visualise these graphs in more powerful ways. We plan to tackle the problem on two fronts:
Here we examine the utility of hand drawn graphs in concept and wiki navigation and comprehension.
We can now embed interactive svgs in wiki.
The second stage is to explore automatic graph creation using cytoscape, and possible cola.js and or vega.
# cola.js and cytoscape
JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization technique - cola.js ![]()
Here we look at a collection of some of the best links for creating high quality interactive layouts in javascript:
* automatic subgraphs
* bubbly beauty
* adaptagrams C++ libraries - adaptagrams.org ![]()
Vega is a visualization grammar, a declarative format for creating, saving and sharing interactive visualization designs.
Client-side image maps were introduced in HTML 3.2, and do not require any special logic to be executed on the server (they are fully client-side). They also do not require any JavaScript - wikipedia ![]()
# See also
Here we look at how we might visualise the Federation, and explore using Cytoscape to achieve a scaleable ability to visualise the network of links and in particular Network of Forks relevant to a particular writing context.
He we list a few pages and sites about graph and network visualisation as it relates to FedWiki.
- Enhancing Graph Plugin Syntax
- Abstracting Wiki Graph Data
- Creating Hybrid Wiki Apps