https://dieudo.fr/w/index.php?action=history&feed=atom&title=Mod%C3%A8le%3AGraph_exemple
Modèle:Graph exemple - Historique des versions
2026-05-12T17:28:30Z
Historique des révisions pour cette page sur le wiki
MediaWiki 1.37.1
https://dieudo.fr/w/index.php?title=Mod%C3%A8le:Graph_exemple&diff=2283&oldid=prev
Dieudo : enfermement du code dans "nowiki" cause bug "makeKey issue"
2016-04-11T08:05:03Z
<p>enfermement du code dans "nowiki" cause bug "makeKey issue"</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 11 avril 2016 à 10:05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Voir [[Spécial:GraphSandbox|Bac à sable graphique]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Embedded directly with <nowiki><graph></nowiki>===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Embedded directly with <nowiki><graph></nowiki>===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Ligne 5 :</td>
<td colspan="2" class="diff-lineno">Ligne 7 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><nowiki></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><graph></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><graph></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l65">Ligne 65 :</td>
<td colspan="2" class="diff-lineno">Ligne 68 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> ]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> ]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</graph></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</graph></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></nowiki></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Here's the JSON defining the above graph, from inside its <code><nowiki><graph></nowiki></code> tag.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Here's the JSON defining the above graph, from inside its <code><nowiki><graph></nowiki></code> tag.</div></td></tr>
</table>
Dieudo
https://dieudo.fr/w/index.php?title=Mod%C3%A8le:Graph_exemple&diff=2282&oldid=prev
Dieudo : /* Embedded directly with */
2016-04-10T14:18:06Z
<p><span dir="auto"><span class="autocomment">Embedded directly with</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 10 avril 2016 à 16:18</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Embedded directly with <nowiki><graph></nowiki>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=</ins>== Embedded directly with <nowiki><graph></nowiki><ins style="font-weight: bold; text-decoration: none;">=</ins>==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Source : https://www.mediawiki.org/wiki/Extension:Graph/Demo#Embedded_directly_with_.3Cgraph.3E</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Source : https://www.mediawiki.org/wiki/Extension:Graph/Demo#Embedded_directly_with_.3Cgraph.3E</div></td></tr>
</table>
Dieudo
https://dieudo.fr/w/index.php?title=Mod%C3%A8le:Graph_exemple&diff=2077&oldid=prev
Dieudo : /* Embedded directly with */
2015-12-25T10:05:12Z
<p><span dir="auto"><span class="autocomment">Embedded directly with</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 décembre 2015 à 12:05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Embedded directly with <nowiki><graph></nowiki>==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Embedded directly with <nowiki><graph></nowiki>==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Source : https://www.mediawiki.org/wiki/Extension:Graph/Demo#Embedded_directly_with_.3Cgraph.3E</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
</table>
Dieudo
https://dieudo.fr/w/index.php?title=Mod%C3%A8le:Graph_exemple&diff=2076&oldid=prev
Dieudo : Page créée avec « == Embedded directly with <nowiki><graph></nowiki>== This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page. <graph... »
2015-12-25T09:59:27Z
<p>Page créée avec « == Embedded directly with <nowiki><graph></nowiki>== This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page. <graph... »</p>
<p><b>Nouvelle page</b></p><div>== Embedded directly with <nowiki><graph></nowiki>==<br />
This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.<br />
<br />
<graph><br />
{<br />
"version": 2, "width": 400, "height": 200,<br />
"padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},<br />
"data": [<br />
{<br />
"name": "table",<br />
"values": [<br />
{"x": 1, "y": 28}, {"x": 2, "y": 55},<br />
{"x": 3, "y": 43}, {"x": 4, "y": 91},<br />
{"x": 5, "y": 81}, {"x": 6, "y": 53},<br />
{"x": 7, "y": 19}, {"x": 8, "y": 87},<br />
{"x": 9, "y": 52}, {"x": 10, "y": 48},<br />
{"x": 11, "y": 24}, {"x": 12, "y": 49},<br />
{"x": 13, "y": 87}, {"x": 14, "y": 66},<br />
{"x": 15, "y": 17}, {"x": 16, "y": 27},<br />
{"x": 17, "y": 68}, {"x": 18, "y": 16},<br />
{"x": 19, "y": 49}, {"x": 20, "y": 15}<br />
]<br />
}<br />
],<br />
"scales": [<br />
{<br />
"name": "x",<br />
"type": "ordinal",<br />
"range": "width",<br />
"domain": {"data": "table", "field": "x"}<br />
},<br />
{<br />
"name": "y",<br />
"range": "height",<br />
"nice": true,<br />
"domain": {"data": "table", "field": "y"}<br />
}<br />
],<br />
"axes": [<br />
{"type": "x", "scale": "x"},<br />
{"type": "y", "scale": "y"}<br />
],<br />
"marks": [<br />
{<br />
"type": "rect",<br />
"from": {"data": "table"},<br />
"properties": {<br />
"enter": {<br />
"x": {"scale": "x", "field": "x"},<br />
"width": {"scale": "x", "band": true, "offset": -1},<br />
"y": {"scale": "y", "field": "y"},<br />
"y2": {"scale": "y", "value": 0}<br />
},<br />
"update": {<br />
"fill": {"value": "steelblue"}<br />
},<br />
"hover": {<br />
"fill": {"value": "red"}<br />
}<br />
}<br />
}<br />
]<br />
}</graph><br />
<br />
Here's the JSON defining the above graph, from inside its <code><nowiki><graph></nowiki></code> tag.<br />
<syntaxhighlight lang="javascript"><br />
{<br />
"version": 2, "width": 400, "height": 200,<br />
"padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},<br />
"data": [<br />
{<br />
"name": "table",<br />
"values": [<br />
{"x": 1, "y": 28}, {"x": 2, "y": 55},<br />
{"x": 3, "y": 43}, {"x": 4, "y": 91},<br />
{"x": 5, "y": 81}, {"x": 6, "y": 53},<br />
{"x": 7, "y": 19}, {"x": 8, "y": 87},<br />
{"x": 9, "y": 52}, {"x": 10, "y": 48},<br />
{"x": 11, "y": 24}, {"x": 12, "y": 49},<br />
{"x": 13, "y": 87}, {"x": 14, "y": 66},<br />
{"x": 15, "y": 17}, {"x": 16, "y": 27},<br />
{"x": 17, "y": 68}, {"x": 18, "y": 16},<br />
{"x": 19, "y": 49}, {"x": 20, "y": 15}<br />
]<br />
}<br />
],<br />
"scales": [<br />
{<br />
"name": "x",<br />
"type": "ordinal",<br />
"range": "width",<br />
"domain": {"data": "table", "field": "x"}<br />
},<br />
{<br />
"name": "y",<br />
"range": "height",<br />
"nice": true,<br />
"domain": {"data": "table", "field": "y"}<br />
}<br />
],<br />
"axes": [<br />
{"type": "x", "scale": "x"},<br />
{"type": "y", "scale": "y"}<br />
],<br />
"marks": [<br />
{<br />
"type": "rect",<br />
"from": {"data": "table"},<br />
"properties": {<br />
"enter": {<br />
"x": {"scale": "x", "field": "x"},<br />
"width": {"scale": "x", "band": true, "offset": -1},<br />
"y": {"scale": "y", "field": "y"},<br />
"y2": {"scale": "y", "value": 0}<br />
},<br />
"update": {<br />
"fill": {"value": "steelblue"}<br />
},<br />
"hover": {<br />
"fill": {"value": "red"}<br />
}<br />
}<br />
}<br />
]<br />
}</syntaxhighlight></div>
Dieudo