Timeline-test: Difference between revisions

@@ Line 1: / Line 1: @@
+<html><!-- Timeline container -->
+<div id="moonTimeline" style="height: 300px;"></div>
+<!-- Vis.js library (no install needed) -->
+<script src="https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js"></script>
+<link href="https://unpkg.com/vis-timeline@latest/styles/vis-timeline-graph2d.min.css" rel="stylesheet" />
+<script>
+var container = document.getElementById('moonTimeline');
+var dataset = new vis.DataSet(items);
+// Customize the axis so it behaves like a simple number line
+var options = {
+  height: '300px',
+  zoomable: false,
+  showCurrentTime: false,
+  format: {
+    minorLabels: { year: '' },
+    majorLabels: { year: '' }
+  }
+};
+var timeline = new vis.Timeline(container, dataset, options);
+</script>
+<script>
+var items = [
 {{#ask:
-  [[Timeline date::+]]
+  [[Category:Timeline]]
-  |?Timeline date
+  |?Has moon=moon
-  |format=timeline
+ |?Has event label=label
+ |mainlabel=-
+  |format=template
+ |template=MoonTimelineItem
+ |link=none
+ |sep=,
 }}
+];
+</script>
+</html>

Revision as of 23:55, 18 July 2025