Sjabloon:Graph:Lines

Sjabloondocumentatie

Dit sjabloon maakt een lijngrafiek van gegevens uit de gegevensnaamruimte van Commons of van Wikidata met behulp van een SPARQL-query.

Let op! De hoofdversie van dit sjabloon bevindt zich in MediaWiki's Template:Graph:Lines. Wijzigingen of aanvragen voor wijzigingen voor dit sjabloon horen daar plaats te vinden, om vervolgens gekopieerd te worden naar andere wiki's.

Voorbeelden

Met brontabel van Commons

{{Graph:Lines
| table=bls.gov/US Women's weekly earnings as a percent of men's by age, annual averages.tab
| type=year | xField=year
| series="age_16_24", "age_25_34", "age_35_44", "age_45_54"
| title=Gender pay gap in the United States_
| yZero=false | xAxis=Year | yAxis=Percentage | yMax=100 | yGrid=y | legend=Age group
}}

Vanwege een beveiligingsprobleem met de MediaWiki Graph-software is het momenteel niet mogelijk deze grafiek weer te geven. Zodra de software is bijgewerkt zal de grafiek vanzelf weer zichtbaar worden.

Bekijk of wijzig brondata.

Met Wikidata

{{Graph:Lines
| tabletype=query
| table=

SELECT ?decade (COUNT(?decade) AS ?count) 
WHERE {
  ?item wdt:P31 wd:Q3305213 .
  ?item wdt:P571 ?inception .
  BIND( year(?inception) as ?year ). 
  BIND( ROUND(?year/10)*10 as ?decade ) .
  FILTER( ?year > 1400)
} 
GROUP BY ?decade ORDER BY ?decade

| series="count" | type=year | xField=decade
| title=Paintings by decade
}}

Vanwege een beveiligingsprobleem met de MediaWiki Graph-software is het momenteel niet mogelijk deze grafiek weer te geven. Zodra de software is bijgewerkt zal de grafiek vanzelf weer zichtbaar worden.

Zie bron Wikidata query.

Met Wikidata (meerdere lijnen)

De Wikidata-query levert drie kolommen op: jaar, populatiegrootte en landnaam. De grafiek toont één lijn per land.

{{Graph:Lines
| tabletype=query
| table=

#Population of countries sharing a border with Germany
SELECT ?year ?population ?countryLabel WHERE {
  {
    SELECT ?country ?year (AVG(?populations) AS ?population) WHERE {
      {
        SELECT ?country (YEAR(?date) AS ?year) ?populations WHERE {
          ?country wdt:P47 wd:Q183.
          ?country p:P1082 ?populationStatement.
          ?populationStatement ps:P1082 ?populations.
          ?populationStatement pq:P585 ?date.
          ?country wdt:P31 wd:Q3624078.
        }
      }
    }
    GROUP BY ?country ?year
  }
  SERVICE wikibase:label { bd:serviceParam wikibase:language "{{CONTENTLANGUAGE}}". }
}

| type=year | xField=year | group=countryLabel | value=population
| title=Population of countries bordering Germany
| legend=- | xGrid=y | yGrid=y | yTicks=7 | width=600
}}

Vanwege een beveiligingsprobleem met de MediaWiki Graph-software is het momenteel niet mogelijk deze grafiek weer te geven. Zodra de software is bijgewerkt zal de grafiek vanzelf weer zichtbaar worden.

Zie bron Wikidata query.

Parameters

This graph draws one or more independent numeric data series as lines. The data must be stored on Commons' Data namespace or come from Wikidata Query Service.

Sjabloonparameters
Parameter		Beschrijving	Type	Status
Tabel type	`tabletype`	Specifies the type of the table data. "tab" (default) uses data namespace on commons, without the data: prefix. "query" sends request to wikidata query service. Standaard tab	Tekenreeks	optioneel
Table	`table`	Data page name on Commons, without the Data: prefix. The table should contain xField column, like year or date, and one or more series columns to plot. If tabletype parameter is set to "query", this value is the query.	Tekenreeks	vereist
X axis type	`type`	Type of the x axis - time (e.g. "2015-10" or "2013-03-08"), year (integer, but treated as a year), linear (numbers), ordinal (anything). Standaard year	Tekenreeks	voorgesteld
X field	`xField`	Id of the data column that contains values for the X axis. If type=year, xField is also "year" by default.	Tekenreeks	vereist
Series	`series`	If each line is represented by a separate column of data (or if there is only one column), list of the data columns to show as lines. Must be in quotes, and listed by field IDs if coming from a .tab page: "field1", "field2", "field3".	Tekenreeks	optioneel
Group	`group`	If line color depends on just one column, specify that column's ID, instead of the series parameter.	Tekenreeks	optioneel
Value	`value`	If line color depends on one column, this parameter should be set to the column which has the values.	Tekenreeks	optioneel
Filter	`filter`	Optionally filter data with an template expression parameter e.g. `filter = datum.some_dataset_field > 1900 && datum.some_dataset_field < 2000` where `some_dataset_field` means some valid field of displayed dataset	Tekenreeks	optioneel
X axis starts at 0	`xAxisZero, xZero`	Force to start or not to start X axis with zero. Can be either true or false.	Tekenreeks	optioneel
Y axis zero starts at 0	`yAxisZero, yZero`	Force to start or not to start Y axis with zero. Can be either true or false.	Tekenreeks	optioneel
X axis scale clamp	`xAxisClamp`	Épingle sur l'échelle de l'axe X. Les courbes au delà de cette épingle seront cachées.	Booleaans	optioneel
Y axis scale clamp	`yAxisClamp`	Épingle sur l'échelle de l'axe Y. Les courbes au delà de cette épingle seront cachées.	Booleaans	optioneel
X axis minimum	`xAxisMin, xMin`	Force X axis to start from this value.	Getal	optioneel
X axis maximum	`xAxisMax, xMax`	Force X axis to end with this value.	Getal	optioneel
Y axis minimum	`yAxisMin, yMin`	Force Y axis to start from this value.	Getal	optioneel
Y axis maximum	`yAxisMax, yMax`	Force Y axis to end with this value.	Getal	optioneel
Y axis scale	`yScale`	Set Y axis scaling type - linear, log and sqrt. Standaard linear	Tekenreeks	optioneel
Replace zero values	`replaceZerosWith`	Replaces 0 values in Y data field. Recommended to be use alongside with yScale=log (else zeros will be filtered out).	Getal	optioneel
Title	`title`	Title of the whole graph.	Tekenreeks	optioneel
Title horizontal alignment	`titleXAlign`	Horizontal alignment of title, could be one of: left, center, right	Tekenreeks	optioneel
Title horizontal offset	`titleXOffset`	Horizontal offset of title position, could be negative, to shift title to the left, or positive to shift title to the right	Getal	optioneel
X axis title	`xAxisTitle`	Title of the X axis.	Tekenreeks	optioneel
Y axis title	`yAxisTitle`	Title of the Y axis.	Tekenreeks	optioneel
X axis format	`xAxisFormat`	Changes the formatting of the X axis labels Standaard %b %y (for dates)	Tekenreeks	optioneel
Y axis format	`yAxisFormat`	Changes the formatting of the Y axis labels Standaard ,d (for numbers)	Tekenreeks	optioneel
X axis labels angle	`xAxisAngle`	Rotates the x axis labels by the specified angle. Recommended values are: -45, +45, -90, +90.	Getal	optioneel
Y axis labels angle	`yAxisAngle`	Rotates the y axis labels by the specified angle.	Getal	optioneel
X axis labels font size	`xAxisFontSize`	geen beschrijving	Getal	optioneel
Y axis labels font size	`yAxisFontSize`	geen beschrijving	Getal	optioneel
X axis grid	`xGrid`	Show grid lines for X axis.	Booleaans	optioneel
Y axis grid	`yGrid`	Show grid lines for Y axis.	Booleaans	optioneel
X axis ticks	`xTicks, xAxisTicks`	How many ticks to show on X axis. 7 by default. '-' value makes it automatic. Standaard 7	Getal	optioneel
Y axis ticks	`yTicks, yAxisTicks`	How many ticks to show on Y axis. Auto '-' by default. Standaard -	Getal	optioneel
Raw vertical annotation values	`vAnnotationsValues`	Supply all annotation values as a list of JSON objects: {"text": "Big event", "x": 1980}, ...	Tekenreeks	optioneel
Raw horizontal annotation values	`hAnnotationsValues`	Supply all horizontal annotation values as a list of JSON objects: {"text":"Big event", "y": 980}, ...	Tekenreeks	optioneel
Vertical annotation table	`vAnnotationsTable`	Data page name on Commons, without the Data: prefix. The table must contain "x" column, and optional "text" and "color" columns.	Tekenreeks	optioneel
Horizontal annotation table	`hAnnotationsTable`	Data page name on Commons, without the Data: prefix. The table must contain "y" column, and optional "text" and "color" columns.	Tekenreeks	optioneel
Vertical annotation data transforms	`vAnnotationsTransforms`	geen beschrijving	Tekenreeks	optioneel
Horizontal annotation data transforms	`hAnnotationsTransforms`	geen beschrijving	Tekenreeks	optioneel
Legend	`legend`	Title of the legend. "-" shows the legend without title.	Tekenreeks	optioneel
Width	`width`	geen beschrijving	Getal	optioneel
Height	`height`	geen beschrijving	Getal	optioneel
Chart sizing mode	`chartSizing`	Chart sizing mode, could be one of: fit, pad. Use `fit` to force resulting chart canvas sizes to be exactly equal to provided width and height values. Use `pad` to define prefered plotting size with provided width and height values, and let Vega increase overall chart size to include legend and title (if any) Standaard fit	Tekenreeks	optioneel
Colors	`colors`	The colors of the lines, specified as a list like red, green. It has priority over colorscheme	Tekenreeks	optioneel
Color scheme	`colorscheme`	The colors of the lines, specified as Vega defined rangeliteral. Standaard category10	Tekenreeks	optioneel
Line width	`linewidth`	Line width for line charts or distance between the pie segments for pie charts. Standaard 2.5	Getal	optioneel
Debug	`debug`	Debug output: if set, will show graph as raw JSON.	Tekenreeks	optioneel

Edit parameter translations

<graph mode="interactive" title="">

{
  //
  // 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": 400,
  "height": 300,
"padding": "strict",
  "signals": [{"name": "rightwidth", "expr": "width + padding.right", "init":"400"}],
  "data": [{
    "name": "chart",
    "url": "tabular:///{{{table}}}",
    "format": {"type": "json"
      , "property": "data"
      
    },
    "transform": [


      // Convert xField parameter into a field "_xfield"
      {"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
      }
      , {"type": "sort", "by": ["_xfield"]}

, {"type": "formula", "field": "_yfield", "expr": "datum.value" }

    ]
  },




  ],
  "scales": [
    {
      "name": "x",
      "type": "time",
      "domain": {"data": "chart", "field": "_xfield"},
      "range": "width",
      

      
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "chart", "field": "_yfield"},
      
      
      
      
    },
    {
      "name": "color",
      "type": "ordinal",
      "range": "category10", 
      "domain": {"data": "chart", "field": "key"}
    },

  ],

  "axes": [
    {
      "scale": "x", "type": "x", "tickSizeEnd": 0,
      "ticks": 7,
      
      
      
      "properties": { 
        "labels": { 
          
          
        } 
       }
    },
    {
      "scale": "y", "type": "y", "tickSizeEnd": 0,
      
      
      
      
      "properties": { 
        "labels": { 
          
          
        } 
       }
    }
  ],

  "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": ["key"]}]
      },
      "marks": [
        {
          "type": "line",
          "properties": {
            "hover": {
              "stroke": {"value": "red"}
            },
            "update": {
              "stroke": {"scale": "color", "field": "key"}
            },
            "enter": {
              "y": {"scale": "y", "field": "_yfield"},
              "x": {"scale": "x", "field": "_xfield"},
              "stroke": {"scale": "color", "field": "key"},
              "interpolate": {"value": "linear"},
              "strokeWidth": {"value": 2.5}
            }
          }
        }
        
      ],
    },





  ]
}

</graph>