The JSON Micro Format for Presentations
This is the sample presentation in JSON format. This format is used to transport and persist presentations.
{
"version":"1.1",
"name":"Sample",
"id":"Sample1234",
"logo":"!system^wilber|width=50!",
"backgroundImageUrl":"wallpaper1.jpg",
"canvasSize":[
1000,
500
],
"slides":[
{
"shapes":[
[
"BoxShape",
"Shape3",
[
295,
78
],
[
-1,
0
],
"* Boxes can be connected\n* Connectors can have labels",
"",
[
0,
148608,
"grey",
"none"
],
"left",
"top",
null
],
[
"Connector",
"Shape5",
"Shape4",
0,
3,
[
3,
132096,
"black",
"solid"
],
"Relates A and B"
],
[
"Connector",
"Shape4",
"Shape5",
0,
1,
[
1,
16512,
"black",
"solid"
],
"Connects B to A"
],
[
"BoxShape",
"Shape4",
[
100,
50
],
[
576,
115
],
"Box B",
"rgb(204,204,255)",
[
3,
148608,
"black",
"ridge"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape5",
[
217,
91
],
[
143,
231
],
"Box A",
"rgb(204,204,255)",
[
3,
148608,
"black",
"ridge"
],
"center",
"middle",
null
]
],
"size":[
1000,
460
],
"title":"Boxes and Connectors"
},
{
"shapes":[
[
"BoxShape",
"Shape8",
[
374,
63
],
[
-1,
-1
],
"* Choose border width, color and style\n* Background color of box",
"",
[
0,
148608,
"grey",
"none"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape9",
[
152,
99
],
[
79,
203
],
"Blue",
"rgb(0,0,255)",
[
3,
148608,
"black",
"ridge"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape10",
[
100,
50
],
[
282,
281
],
"Red",
"rgb(255,0,0)",
[
3,
148608,
"black",
"ridge"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape11",
[
100,
50
],
[
555,
64
],
"Dashed Border",
"rgb(221,221,221)",
[
3,
148608,
"black",
"dashed"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape12",
[
130,
77
],
[
571,
217
],
"Ridged Border",
"rgb(221,221,221)",
[
15,
148608,
"gray",
"ridge"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape13",
[
100,
50
],
[
548,
144
],
"Partial Border",
"rgb(221,221,221)",
[
3,
17408,
"black",
"solid"
],
"center",
"middle",
null
]
],
"size":[
941,
407
],
"title":"Box Styles"
},
{
"shapes":[
[
"BoxShape",
"Shape14",
[
214,
58
],
[
0,
-1
],
"* Can have caption\n* Can be resized",
"",
[
0,
148608,
"grey",
"none"
],
"left",
"top",
null
],
[
"ImgShape",
"Shape15",
[
151,
70
],
[
497,
211
],
"!system^tux!",
"",
[
0,
0,
"black",
"solid"
],
"left",
"middle",
"Fat Tux"
],
[
"ImgShape",
"Shape16",
[
70,
65
],
[
537,
61
],
"!system^emotes/face-smile!",
"",
[
0,
0,
"black",
"solid"
],
"center",
"middle",
"emotes/face-smile"
],
[
"BoxShape",
"Shape17",
[
296,
183
],
[
73,
134
],
"These are embedded images\n!system^emotes/face-smile! !system^emotes/face-smile|width=50,height=80! !system^emotes/face-smile|thumbnail!\nThese are not image shapes",
"rgb(187,187,187)",
[
0,
0,
"black",
"solid"
],
"center",
"middle",
null
]
],
"size":[
800,
400
],
"title":"Image Shapes"
},
{
"shapes":[
[
"BoxShape",
"Shape18",
[
201,
71
],
[
1,
-1
],
"* Tables\n* Lists\n* Macros",
"",
[
0,
148608,
"grey",
"none"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape19",
[
263,
233
],
[
70,
124
],
"| !system^emotes/face-plain! | plain |\n| smile | !system^emotes/face-smile! |",
"",
[
0,
148608,
"black",
"none"
],
"left",
"top",
"Table of Images"
],
[
"BoxShape",
"Shape20",
[
512,
93
],
[
391,
175
],
"{noformat}\n public void main() {\n System.out.println(\"Hello World\");\n }\n{noformat}",
"",
[
0,
148608,
"black",
"none"
],
"left",
"top",
"No Format Macro"
],
[
"BoxShape",
"Shape21",
[
199,
105
],
[
390,
26
],
"* Item 1\n** Item 1.1\n* Item 2",
"rgb(204,204,255)",
[
3,
148608,
"black",
"none"
],
"left",
"top",
"Bullet List"
],
[
"BoxShape",
"Shape22",
[
188,
96
],
[
613,
30
],
"# Item 1\n## Item 1.1\n# Item 2",
"rgb(204,204,255)",
[
3,
148608,
"black",
"none"
],
"left",
"top",
"Ordered List"
],
[
"BoxShape",
"Shape23",
[
374,
77
],
[
445,
312
],
"{html}\n The flight is <s>canceled</s>.\n<hr/>\nPlease put some H<sub>2</sub>O into my water!\n{html}",
"",
[
0,
148608,
"black",
"none"
],
"center",
"middle",
"HTML Macro"
]
],
"size":[
966,
428
],
"title":"Text Formatting"
},
{
"shapes":[
[
"BoxShape",
"Shape24",
[
192,
72
],
[
1,
1
],
"* Links\n* Buttons",
"",
[
0,
148608,
"grey",
"none"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape25",
[
132,
48
],
[
309,
191
],
"{html}\n<button onclick='alert(j2js.invokeStatic(\"java.lang.Math\", \"sqrt(double)\", [2]))'>Compute sqrt(2)</button>\n{html}",
"",
[
3,
148608,
"black",
"none"
],
"left",
"middle",
null
],
[
"BoxShape",
"Shape26",
[
258,
64
],
[
241,
106
],
"Please get some [help.html]",
"rgb(204,204,255)",
[
3,
148608,
"black",
"ridge"
],
"center",
"middle",
null
]
],
"size":[
979,
432
],
"title":"Actions"
},
{
"shapes":[
[
"Connector",
"Shape27",
"Shape28",
0,
3,
[
2,
17408,
"black",
"solid"
],
""
],
[
"BoxShape",
"Shape27",
[
16,
16
],
[
357,
327
],
" *X*",
"",
[
3,
148608,
"black",
"none"
],
"center",
"middle",
null
],
[
"BoxShape",
"Shape28",
[
31,
19
],
[
149,
126
],
" *Y*",
"",
[
3,
148608,
"black",
"none"
],
"right",
"middle",
null
],
[
"BoxShape",
"Shape29",
[
32,
94
],
[
198,
227
],
null,
"rgb(204,204,255)",
[
1,
148608,
"black",
"solid"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape30",
[
32,
129
],
[
236,
192
],
null,
"rgb(255,100,100)",
[
1,
148608,
"black",
"solid"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape31",
[
30,
97
],
[
277,
224
],
null,
"rgb(255,255,100)",
[
1,
148608,
"black",
"solid"
],
"left",
"top",
null
],
[
"BoxShape",
"Shape32",
[
376,
166
],
[
370,
44
],
"!http://chart.apis.google.com/chart?chs=250x100&chd=t:30,20,10,40&cht=p3&chl=January%7cFebruary%7cMarch%7cApril!\n\n[Google Chart API |http://code.google.com/apis/chart/]",
"",
[
3,
148608,
"#666666",
"ridge"
],
"left",
"top",
null
]
],
"size":[
800,
400
],
"title":"Graphs"
},
{
"shapes":[
[
"BoxShape",
"Shape34",
[
468,
196
],
[
122,
61
],
"üÜ@€äÄöÖß",
"rgb(204,204,255)",
[
3,
148608,
"#666666",
"ridge"
],
"left",
"top",
null
]
],
"size":[
1000,
500
],
"title":"Unicode"
},
{
"shapes":[
[
"Connector",
"Shape35",
"Shape39",
1,
3,
[
2,
16512,
"black",
"solid"
],
""
],
[
"Connector",
"Shape35",
"Shape37",
0,
3,
[
2,
16384,
"black",
"solid"
],
""
],
[
"BoxShape",
"Shape35",
[
128,
63
],
[
30,
155
],
"PowerDash PHP Server",
"rgb(204,204,255)",
[
3,
148608,
"#666666",
"ridge"
],
"center",
"middle",
null
],
[
"Connector",
"Shape39",
"Shape36",
0,
3,
[
2,
131200,
"black",
"solid"
],
""
],
[
"Connector",
"Shape36",
"Shape38",
0,
3,
[
2,
16384,
"black",
"solid"
],
""
],
[
"BoxShape",
"Shape36",
[
132,
71
],
[
254,
154
],
"PowerDash Java Server",
"rgb(204,204,255)",
[
3,
148608,
"#666666",
"ridge"
],
"center",
"middle",
null
],
[
"ImgShape",
"Shape37",
[
45,
50
],
[
72,
264
],
"!system^database!",
"",
[
0,
0,
"#666666",
"solid"
],
"left",
"top",
"MySQL"
],
[
"ImgShape",
"Shape38",
[
45,
50
],
[
299,
267
],
"!system^database!",
"",
[
0,
0,
"#666666",
"solid"
],
"left",
"top",
"File System"
],
[
"ImgShape",
"Shape39",
[
79,
60
],
[
166,
17
],
"!system^devices/computer!",
"",
[
0,
0,
"#666666",
"solid"
],
"left",
"top",
"PowerDash Web Client"
]
],
"size":[
426,
365
],
"title":"Component Diagram"
}
]
}