@@ Ligne 220 : / Ligne 220 : @@
 </graph>
 </spoiler>
+<p class="mw-customtoggle-bennys24" style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
+▶ Test
+</p>
+<div class="mw-collapsible" id="mw-customcollapsible>
+<div class="mw-collapsible-content">
+<graph mode="interactive">
+{
+  "$schema": "https://vega.github.io/schema/vega/v5.json",
+  "width": 1200,
+  "height": 500,
+  "data": [
+    {
+      "name": "membres",
+      "values": [
+				{"label": "angel","nom": "Angel Rose","membre_start": "2021-11-28","membre_end": "2022-03-16","status": "✈️"},
+				{"label": "alexander","nom": "Alexander Blum","membre_start": "2021-11-28","membre_end": "2022-02-01","status": "🚪"},
+				{"label": "paul","nom": "Paul Malone","membre_start": "2021-11-28","membre_end": "2022-03-16","status": "❌"},
+				{"label": "james","nom": "James While","membre_start": "2021-12-05","membre_end": "2022-1-14","status": "⚰️"},
+				{"label": "aelis","nom": "Aelis Fleeks","membre_start": "2021-12-16","membre_end": "2022-1-19","status": "⚰️"},
+				{"label": "allan","nom": "Allan Fraser","membre_start": "2021-12-16","membre_end": "2022-03-16","status": "❌"},
+				{"label": "wright","nom": "Wright Wyatt","membre_start": "2021-12-16","membre_end": "2022-03-16","status": "✈️"},
+				{"label": "françois","nom": "François O'connell","membre_start": "2021-12-18","membre_end": "2022-03-16","status": "✈️"}
+      ],
+      "transform": [
+        {
+          "type": "formula",
+          "as": "membre_end",
+          "expr": "datum.membre_end ? datum.membre_end : datetime(year(now()) + '/' + (month(now())+1) + '/' + date(now()))"
+        }
+      ],
+      "format": {"parse": {"membre_start": "date", "membre_end": "date"}}
+    },
+    {
+      "name": "seconds",
+      "values": [
+      ],
+      "transform": [
+        {
+          "type": "formula",
+          "as": "second_end",
+          "expr": "datum.second_end ? datum.second_end : datetime(year(now()) + '/' + (month(now())+1) + '/' + date(now()))"
+        }
+      ],
+      "format": {"parse": {"second_start": "date", "second_end": "date"}}
+    },
+    {
+      "name": "chefs",
+      "values": [
+				{"label": "angel","chef_start": "2021-12-04","chef_end": "2022-03-16"}
+      ],
+      "transform": [
+        {
+          "type": "formula",
+          "as": "chef_end",
+          "expr": "datum.chef_end ? datum.chef_end : datetime(year(now()) + '/' + (month(now())+1) + '/' + date(now()))"
+        }
+      ],
+      "format": {"parse": {"chef_start": "date", "chef_end": "date"}}
+    },
+    {
+      "name": "events",
+      "values": [
+				{"name": "04/12 - Création du groupe","date": "2021-12-04","y": -30},
+				{"name": "07/12 - conflit de voisinage avec le Syndicat","date": "2021-12-07","y": -20},
+				{"name": "06/01 - Enquête sur des taupes","date": "2022-01-06","y": -20},
+				{"name": "11/01 - Début de la traque","date": "2022-01-11","y": -20},
+				{"name": "02/02 - Exécutions des traitres","date": "2022-02-02","y": -20},
+				{"name": "16/03 - Fin du groupe","date": "2022-03-16","y": -20}
+      ],
+      "format": {"parse": {"date": "date"}}
+    },
+    {
+      "name": "annee",
+      "values": [
+				{"name": "2022","date": "2022-01-01"}
+      ],
+      "format": {"parse": {"date": "date"}}
+    }
+  ],
+  "scales": [
+    {
+      "name": "x",
+      "type": "time",
+      "range": "width",
+      "domain": {
+        "data": "membres",
+        "fields": ["membre_start", "membre_end"]
+      }
+    },
+    {
+      "name": "y",
+      "type": "band",
+      "range": "height",
+      "domain": {"data": "membres", "field": "label"},
+      "padding": 0.2
+    }
+  ],
+  "axes": [
+    {"orient": "bottom", "scale": "x", "grid": true, "format": "%m/%y"}
+  ],
+  "marks": [
+    {
+      "type": "rect",
+      "from": {"data": "seconds"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "second_start"},
+          "x2": {"scale": "x", "field": "second_end"},
+          "y": {"scale": "y", "field": "label", "offset": -3},
+          "height": {"value": 10},
+          "fill": {"value": "#999"}
+        }
+      }
+    },
+    {
+      "type": "rect",
+      "from": {"data": "chefs"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "chef_start"},
+          "x2": {"scale": "x", "field": "chef_end"},
+          "y": {"scale": "y", "field": "label", "offset": -3},
+          "height": {"value": 10},
+          "fill": {"value": "#000"}
+        }
+      }
+    },
+    {
+      "type": "rect",
+      "from": {"data": "membres"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "membre_start"},
+          "x2": {"scale": "x", "field": "membre_end"},
+          "y": {"scale": "y", "field": "label"},
+          "height": {"value": 4},
+          "fill": {"value": "#999"}
+        }
+      }
+    },
+    {
+      "type": "rect",
+      "from": {"data": "events"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "date"},
+          "y": {"field": "y"},
+          "width": {"value": 0.5},
+          "height": {"value": 500},
+          "fill": {"value": "#0090FF"}
+        }
+      }
+    },
+    {
+      "type": "text",
+      "from": {"data": "events"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "date"},
+          "y": {"field": "y"},
+          "angle": {"value": -30},
+          "text": {"field": "name"},
+          "fill": {"value": "#000"},
+          "fontSize": {"value": 14}
+        }
+      }
+    },
+   {
+      "type": "rect",
+      "from": {"data": "annee"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "date"},
+          "y": {"field": "y"},
+          "width": {"value": 0.5},
+          "height": {"value": 500},
+          "fill": {"value": "#FF0000"}
+        }
+      }
+    },
+    {
+      "type": "text",
+      "from": {"data": "annee"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "date"},
+          "y": {"field": "y"},
+          "angle": {"value": -30},
+          "text": {"field": "name"},
+          "fill": {"value": "#FF0000"},
+          "fontSize": {"value": 20}
+        }
+      }
+    },
+    {
+      "type": "text",
+      "from": {"data": "membres"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "membre_start"},
+          "y": {"scale": "y", "field": "label", "offset": -7},
+          "text": {"field": "nom"},
+          "fill": {"value": "#000"},
+          "fontSize": {"value": 14}
+        }
+      }
+    },
+    {
+      "type": "text",
+      "from": {"data": "membres"},
+      "encode": {
+        "enter": {
+          "x": {"scale": "x", "field": "membre_end", "offset": -2},
+          "y": {"scale": "y", "field": "label", "offset": 6},
+          "text": {"field": "status"},
+          "fill": {"value": "#000"},
+          "fontSize": {"value": 14}
+        }
+      }
+    }
+  ]
+}
+</graph>
+</div>
+</div>

Anonyme

Rechercher

« Test » : différence entre les versions

Version du 28 octobre 2025 à 16:40

Navigation

Outils wiki

Outils de la page

Liste des catégories

« Test » : différence entre les versions