A simple graph layout based on d3js. Content type of the dataset is json, see the following for the json data structure.
/lib/lore-graph.js
d3.js ^ v3
layout:layout algorithm (to do)
see test1.html
- number
- string
- uri
- image_uri
- object_uri
{
object-uri: "",
nodes: [
{ id: "int or string, unique", type: "number/string/uri/image-uri/object_uri", value: "", icon: "ImageUrl" },
{ id: "int or string, unique", type: "number/string/uri/image-uri/object_uri", value: "", icon: "ImageUrl" },
...
],
relations: [
{ url: "", title: "", description: "" },
{ url: "", title: "", description: "" },
...
],
edges: [
{ node1:"[node-id]", relation: "url", node2: "[node-id]" },
{ node1:"[node-id]", relation: "url", node2: "[node-id]" },
...
]
}
==========
Reference:
http://d3js.org/
layout algorithm:
http://bost.ocks.org/mike/fisheye/
http://christophermanning.org/projects