Vidi kôd stranice Predložak:Graph:Lines

<includeonly>{{#tag:{{#if:{{{debug|}}}|syntaxhighlight|graph}}|</includeonly><noinclude>{{documentation}}<syntaxhighlight lang=html><graph mode="interactive" title=""></syntaxhighlight>{{#tag:syntaxhighlight|</noinclude>
{
  //
  // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Lines
  //            Please do not modify it anywhere else, as it may get copied and override your changes.
  //            Suggestions can be made at https://www.mediawiki.org/wiki/Template_talk:Graph:Lines
  //
  // Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab
  //

  "version": 2,
  "width": {{{width|400}}},
  "height": {{{height|300}}},
  "padding": "strict",

  "signals": [{"name": "rightwidth", "expr": "width + padding.right"}],
  "data": [{
    "name": "chart",

{{#switch: {{{tabletype|tab}}}
|tab=    "url": "tabular:///{{{table}}}",
|query=  "url": "wikidatasparql:///?query={{urlencode:{{{table}}}|PATH}}",
}}
    "format": {"type": "json"
{{#ifeq:{{{tabletype|tab}}}|tab|
      , "property": "data"
}}
{{#ifeq:{{{type|}}}|time|
      , "parse": {"{{{xField}}}": "date"}
}}
    },
    "transform": [
      // Convert xField parameter into a field "_xfield"
      {"type": "formula", "field": "_xfield", "expr":
{{#switch: {{{type|year}}}
| year= "datetime(datum.{{{xField|year}}}, 0, 1)"
| "datum.{{{xField}}}"
}}
      }
      , {"type": "sort", "by": ["_xfield"]}
{{#if:{{{series|}}}
|     , {"type": "fold", "fields": [{{{series}}}]}
}}
{{#if:{{{replaceZerosWith|}}}
|   , {"type": "formula", "field": "_yfield", "expr": "max(datum.{{#if:{{{series|}}}|value|{{{value|value}}}}}, {{{replaceZerosWith}}})" }
|   , {"type": "formula", "field": "_yfield", "expr": "datum.{{#if:{{{series|}}}|value|{{{value|value}}}}}" }
}}
{{#ifeq:{{{yScale|}}}|log
|   , {"type": "filter", "test": "datum._yfield != 0"}
}}
    ]
  },
{{#if:{{{series|}}}|{{#ifeq: {{{tabletype|tab}}} | tab |
  {
    "name": "labels",
    "url": "tabular:///{{{table}}}",
    "format": {"type": "json", "property": "fields"}
  }
}}}}
  ],
  "scales": [
    {
      "name": "x",
      "type": {{#switch: {{{type|year}}}
| year= "time"
| "{{{type}}}"
}},
      "domain": {"data": "chart", "field": "_xfield"},
      "range": "width",
{{#if:{{{xZero|}}}|"zero": {{{xZero}}},}}
{{#if:{{{xMin|{{{xAxisMin|}}}}}}|"domainMin": {{{xMin|{{{xAxisMin}}}}}},}}
{{#if:{{{xMax|{{{xAxisMax|}}}}}}|"domainMax": {{{xMax|{{{xAxisMax}}}}}},}}
    },
    {
      "name": "y",
      "type": "{{{yScale|linear}}}",
      "range": "height",
      "domain": {"data": "chart", "field": "_yfield"},
{{#if:{{{yZero|}}}|"zero": {{{yZero}}},}}
{{#if:{{{yMin|{{{yAxisMin|}}}}}}|"domainMin": {{{yMin|{{{yAxisMin}}}}}},}}
{{#if:{{{yMax|{{{yAxisMax|}}}}}}|"domainMax": {{{yMax|{{{yAxisMax}}}}}},}}
    },
    {
      "name": "color",
      "type": "ordinal",
      "range": {{#if:{{{colors|}}}|[{{#invoke:String|replace|"{{{colors}}}|,|","}}"] |"{{{colorscheme|category10}}}"}}, 
      "domain": {"data": "chart", "field": "{{{group|key}}}"}
    },
{{#if:{{{series|}}}|
    {
      "name": "labels",
      "type": "ordinal",
{{#ifeq: {{{tabletype|tab}}} | tab
|     "domain": {"data": "labels", "field": "name"},
      "range": {"data": "labels", "field": "title"},
|     "domain": [{{{series|}}}],
      "range": [{{{series|}}}],
}}
    }
}}
  ],
{{#if:{{{legend|}}}|
  "legends": [{
    "fill": "color",
    "stroke": "color",
{{#ifeq: {{{legend|}}}|-|| "title": "{{{legend|}}}", }}
{{#if:{{{series|}}}
|   "properties": { "labels": { "text": {"scale": "labels", "field": "data"} } }
}}
  }],
}}
  "axes": [
    {"scale": "x", "type": "x", "tickSizeEnd": 0
{{#ifeq:{{{xTicks|7}}}|-||, "ticks": {{{xTicks|7}}}}}
{{#if:{{{xAxis|{{{xAxisTitle|}}}}}}|, "title": "{{{xAxis|{{{xAxisTitle}}}}}}"}}
{{#if:{{{xAxisFormat|}}}|, "format": "{{{xAxisFormat}}}"}}
{{#if:{{{xGrid|}}}|, "grid": true}}
},
    {"scale": "y", "type": "y", "tickSizeEnd": 0
{{#ifeq:{{{yTicks|-}}}|-||, "ticks": {{{yTicks}}}}}
{{#if:{{{yAxis|{{{yAxisTitle|}}}}}}|, "title": "{{{yAxis|{{{yAxisTitle}}}}}}"}}
{{#if:{{{yAxisFormat|}}}|, "format": "{{{yAxisFormat}}}"}}
{{#if:{{{yGrid|}}}|, "grid": true}}
}
  ],

  "marks": [
    // Group data by the group parameter or "key", and draw lines, one line per group
    {
      "type": "group",
      "from": {
        "data": "chart",
        "transform": [{"type": "facet", "groupby": ["{{{group|key}}}"]}]
      },
      "marks": [
        {
          "type": "line",
          "properties": {
            "enter": {
              "y": {"scale": "y", "field": "_yfield"},
              "x": {"scale": "x", "field": "_xfield"},
              "stroke": {"scale": "color", "field": "{{{group|key}}}"},
              "interpolate": {"value": "monotone"},
              "strokeWidth": {"value": {{{linewidth|2.5}}}}
            }
          }
        }
      ],
    }

{{#if:{{{title|}}}|
    // Draw title at the top of the graph
,   {
      "type": "text",
      "properties": {
        "enter": {
          "x": {"signal": "rightwidth", "mult": 0.5},
          "y": {"value": -15},
          "text": {"value": "{{{title}}}"},
          "fontWeight": {"value": "bold"},
          "align": {"value": "center"},
          "baseline": {"value": "bottom"},
          "fill": {"value": "#000"}
        }
      }
    }
}}
  ]
}
<includeonly>}}
<small>{{#switch: {{{tabletype|tab}}}
|tab= {{#invoke:TNT|msg|I18n/Template:Graphs.tab|source_table|{{#invoke:TNT|link|{{{table}}}}}}}.
|query= {{#invoke:TNT|msg|I18n/Template:Graphs.tab|source_wdqs|https://query.wikidata.org/embed.html#{{urlencode:{{{table}}}|PATH}}}}.
}}</small>
</includeonly><noinclude>|lang=javascript}}<syntaxhighlight lang=html></graph></syntaxhighlight></noinclude>