TabsTest: Difference between revisions

@@ Line 1: / Line 1: @@
-<Tabs>
+<graph mode="interactive">
-<Tab name="Overview">
+{
-Welcome to Psychpedia!
+  "version": 2,
-</Tab>
+  "width": 400,
-<Tab name="Details">
+  "height": 200,
-Here are the detailed contents.
+  "data": [{
-</Tab>
+    "name": "table",
-<Tab name="More">
+    "values": [
-Final tab goes here.
+      {"x": 1, "y": 28}, {"x": 2, "y": 55},
-</Tab>
+      {"x": 3, "y": 43}, {"x": 4, "y": 91},
-</Tabs>
+      {"x": 5, "y": 81}, {"x": 6, "y": 53},
+      {"x": 7, "y": 19}, {"x": 8, "y": 87},
+      {"x": 9, "y": 52}, {"x": 10, "y": 48}
+    ]
+  }],
+  "scales": [{
+    "name": "x",
+    "type": "linear",
+    "range": "width",
+    "zero": false,
+    "domain": {"data": "table", "field": "x"}
+  }, {
+    "name": "y",
+    "type": "linear",
+    "range": "height",
+    "nice": true,
+    "domain": {"data": "table", "field": "y"}
+  }],
+  "axes": [{"orient": "bottom", "scale": "x"}, {"orient": "left", "scale": "y"}],
+  "marks": [{
+    "type": "line",
+    "from": {"data": "table"},
+    "encode": {
+      "enter": {
+        "x": {"scale": "x", "field": "x"},
+        "y": {"scale": "y", "field": "y"},
+        "stroke": {"value": "steelblue"},
+        "strokeWidth": {"value": 2}
+      }
+    }
+  }]
+}
+</graph>

Latest revision as of 01:02, 30 April 2025