Skip to content

Commit 73147d4

Browse files
committed
Adding what's cooking visualization
1 parent fdcd038 commit 73147d4

33 files changed

+3586
-0
lines changed
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
Template provided by InteractiveVis project
2+
http://blogs.oii.ox.ac.uk/vis/
3+
https://github.com/oxfordinternetinstitute/InteractiveVis/
4+
5+
Important. The files must be uploaded to a webserver (or run one locally) in order to be viewed. JavaScript security prevents running the pages locally without a webserver.
6+
7+
The InteractiveVis project of the Oxford Internet Institute with funding by JISC aims to allow easy creation of interactive visualisations for geospatial and network data using native web technologies (HTML5, CSS3, and SVG) and allow these visualisations to be self-contained so that they may run entirely offline in ebooks and other media. The project will survey existing solutions and build the necessary components to fill in missing features and smooth over incompatibilities in between existing libraries. The project will further provide online hosted wizards to allow for the easy creation of these interactive visualizations.
8+
9+
More information about the project is available on the project blog:
10+
http//blogs.oii.ox.ac.uk/vis/
11+
Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"type": "network",
3+
"version": "1.0",
4+
"data": "data.json",
5+
"logo": {
6+
"text": "Tomasz Grel",
7+
"file": "",
8+
"link": ""
9+
},
10+
"text": {
11+
"title": "Graph of relationships between ingredients",
12+
"more": "This graph was produced with following steps:\n\n1. A bipartite graph of recipes and ingredients was created. A connection between a recipe and an ingredient was established if the ingredient was used in the recipe.\n2. Weighted projection was performed in order to produce a graph of dependencies between the ingredients.\n3. On this graph a community discovering technique known as Louvain method was applied.\n4. The graph was then loaded to Gephi.\n5. In Gephi the OpenOrd algorithm was used to produce a layout for the nodes.\n6. Lastly the results was exported to the Sigma.js format in order to produce this visualization.\n\nEnjoy!\n\n\n\n",
13+
"intro": "Author: Tomasz Grel (tomasz.grel@gmail.com)"
14+
},
15+
"legend": {
16+
"edgeLabel": "Number of common recipes between two ingredients",
17+
"colorLabel": "Community partition assigned by the Louvain algorithm",
18+
"nodeLabel": "Ingredient"
19+
},
20+
"features": {
21+
"search": true,
22+
"groupSelectorAttribute": "community",
23+
"hoverBehavior": "default"
24+
},
25+
"informationPanel": {
26+
"imageAttribute": false,
27+
"groupByEdgeDirection": false
28+
},
29+
"sigma": {
30+
"graphProperties": {
31+
"minEdgeSize": 0.2,
32+
"maxNodeSize": 7,
33+
"maxEdgeSize": 0.5,
34+
"minNodeSize": 1
35+
},
36+
"drawingProperties": {
37+
"labelThreshold": 10,
38+
"hoverFontStyle": "bold",
39+
"defaultEdgeType": "curve",
40+
"defaultLabelColor": "#000",
41+
"defaultLabelHoverColor": "#fff",
42+
"defaultLabelSize": 14,
43+
"activeFontStyle": "bold",
44+
"fontStyle": "bold",
45+
"defaultHoverLabelBGColor": "#002147",
46+
"defaultLabelBGColor": "#ddd"
47+
},
48+
"mouseProperties": {
49+
"minRatio": 0.75,
50+
"maxRatio": 20
51+
}
52+
}
53+
}

0 commit comments

Comments
 (0)