Dynamic Content Playground - Revision history

Andb at 09:11, 9 March 2020

2020-03-09T09:11:55Z

Andb at 20:27, 7 March 2020

2020-03-07T20:27:01Z

Andb at 20:17, 7 March 2020

2020-03-07T20:17:18Z

Andb at 14:29, 6 March 2020

2020-03-06T14:29:04Z

Andb at 14:20, 6 March 2020

2020-03-06T14:20:29Z

Andb at 14:01, 6 March 2020

2020-03-06T14:01:41Z

Andb at 13:58, 6 March 2020

2020-03-06T13:58:04Z

Andb at 13:49, 6 March 2020

2020-03-06T13:49:11Z

Andb: Created page with "Playground for creating dynamic content on MediaWiki 1.34+ Module:Playground {{#invoke:Playground|functions}} {{Graph:Chart | width = 400 | height = 150 | type = lin..."

2020-03-06T10:40:07Z

Created page with "Playground for creating dynamic content on MediaWiki 1.34+ Module:Playground {{#invoke:Playground|functions}} {{Graph:Chart | width = 400 | height = 150 | type = lin..."

New page

Playground for creating dynamic content on MediaWiki 1.34+

[[Module:Playground]]

{{#invoke:Playground|functions}}

{{Graph:Chart
| width = 400
| height = 150
| type = line
| x = 1,2,3,4,5,6,7,8
| y = 10,12,6,14,2,10,7,9
}}

@@ Line 1: / Line 1: @@
 Playground for creating dynamic content on MediaWiki 1.34+
-Program output for wiki pages in LUA:
+Programmatically generated static output for wiki pages in written in LUA. The Lua script resides in a Wiki Module, and functions can be called with #invoke:
 [https://en.wikiversity.org/wiki/Lua Tutorial]
@@ Line 9: / Line 9: @@
 {{#invoke:Playground|functions}}
-Graph are programmed in [https://github.com/vega/vega/wiki VEGA2]
+Truely dynamic and interactive content can be created with the Graph extension. "Graphs" are programmed in [https://github.com/vega/vega/wiki VEGA2]
 <graph mode=interactive>
+{

@@ Line 9: / Line 9: @@
 {{#invoke:Playground|functions}}
 <graph mode=interactive>
+{

← Older revision		Revision as of 20:17, 7 March 2020
Line 1:		Line 1:
	Playground for creating dynamic content on MediaWiki 1.34+		Playground for creating dynamic content on MediaWiki 1.34+
		+
		+	Program output for wiki pages in LUA:
		+
		+	[https://en.wikiversity.org/wiki/Lua Tutorial]

	[[Module:Playground]]		[[Module:Playground]]

@@ Line 8: / Line 8: @@
+{
    // We want to use Vega 2, and specify image size
-   //"version": 2,
+   "version": 2,
    "width": 300, "height": 80,
    // Set padding to the same value on all sides

@@ Line 8: / Line 8: @@
+{
    // We want to use Vega 2, and specify image size
-   "version": 2, "width": 300, "height": 80,
+   //"version": 2,
    // Set padding to the same value on all sides
    "padding": 12,

@@ Line 23: / Line 23: @@
+       ]
      },
    ],
    "marks": [
+     {
        // Draw a horizontal line
@@ Line 47: / Line 87: @@
        "properties": {
          "enter": {
            "y": {"value": 40},
            // path syntax is the same as SVG's path tag
@@ Line 54: / Line 93: @@
            "strokeWidth": {"value": 2.5}
          },
-         "update": {"fill": {"value": "#fff"} },
+         "update": {
          // Change fill color of the object on mouse hover
          "hover": {"fill": {"value": "#f00"} }
+       }
+     }
+   ]
-−
+}
 </graph>

@@ Line 5: / Line 5: @@
 {{#invoke:Playground|functions}}
-{{Graph:Chart
+<graph mode=interactive>
- | width = 400
- | height = 150
+  // We want to use Vega 2, and specify image size
- | type = line
+  "version": 2, "width": 300, "height": 80,
- | x = 1,2,3,4,5,6,7,8
+  // Set padding to the same value on all sides
- | y = 10,12,6,14,2,10,7,9
+  "padding": 12,
-}}
+  // By default the background is transparent