Template:Sparkline

Template documentation

[view] [edit] [history] [purge]

Example

<graph> {

  "version": 2,
  "width": 100,
  "height": 25,
  "data": [ {
     "name": "data",
     "values": 
     [ 
       { "x": 1388534400, "y": 24962 }
     , { "x": 1391212800, "y": 26242 }
     , { "x": 1393632000, "y": 24888 }
     , { "x": 1396310400, "y": 24618 }
     , { "x": 1398902400, "y": 25975 }
     , { "x": 1401580800, "y": 24688 }
     , { "x": 1404172800, "y": 24619 }
     , { "x": 1406851200, "y": 28620 }
     , { "x": 1409529600, "y": 25260 }
     , { "x": 1412121600, "y": 25910 }
     , { "x": 1414800000, "y": 25376 }
     , { "x": 1417392000, "y": 22640 }
     , { "x": 1420070400, "y": 26165 }
     , { "x": 1422748800, "y": 26111 }
     , { "x": 1425168000, "y": 27648 }
     , { "x": 1427846400, "y": 26412 }
     , { "x": 1430438400, "y": 27040 }
     , { "x": 1433116800, "y": 25861 }
     , { "x": 1435708800, "y": 24654 }
     , { "x": 1438387200, "y": 25510 }
     , { "x": 1441065600, "y": 27943 }
     , { "x": 1443657600, "y": 28411 }
     , { "x": 1446336000, "y": 28411 }
     , { "x": 1448928000, "y": 29136 }
     ]
  } ],
  "scales": [
  {
     "name": "xscale",
     "type": "time",
     "range": "width",
     "domain": {"data": "data", "field": "x"}
  },
  {
     "name": "yscale",
     "type": "linear",
     "range": "height",
     "domain": {"data": "data", "field": "y"}
   }
 ],
 "marks": [
   {
     "from": {"data": "data"},
     "type": "line",
     "properties": {
       "enter": {
         "x": {"scale": "xscale", "field": "x"},
         "y": {"scale": "yscale", "field": "y"},
         "stroke": {"value": "grey"},
         "strokeWidth": {"value": 2}
       }
     }
   }
 ]

} </graph>

TemplateData

Create a sparkline graph of at least 2 and up to 24 values; x values should be Unix epoch timestamps, y values should be numbers. Values can be in any order.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
x1	x1	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	required
y1	y1	Y value at the corresponding time Example 35	Number	required
x2	x2	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	required
y2	y2	Y value at the corresponding time Example 35	Number	required
x3	x3	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y3	y3	Y value at the corresponding time Example 35	Number	suggested
x4	x4	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y4	y4	Y value at the corresponding time Example 35	Number	suggested
x5	x5	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y5	y5	Y value at the corresponding time Example 35	Number	suggested
x6	x6	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y6	y6	Y value at the corresponding time Example 35	Number	suggested
x7	x7	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y7	y7	Y value at the corresponding time Example 35	Number	suggested
x8	x8	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y8	y8	Y value at the corresponding time Example 35	Number	suggested
x9	x9	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y9	y9	Y value at the corresponding time Example 35	Number	suggested
x10	x10	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y10	y10	Y value at the corresponding time Example 35	Number	suggested
x11	x11	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y11	y11	Y value at the corresponding time Example 35	Number	suggested
x12	x12	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y12	y12	Y value at the corresponding time Example 35	Number	suggested
x13	x13	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y13	y13	Y value at the corresponding time Example 35	Number	suggested
x14	x14	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y14	y14	Y value at the corresponding time Example 35	Number	suggested
x15	x15	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y15	y15	Y value at the corresponding time Example 35	Number	suggested
x16	x16	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y16	y16	Y value at the corresponding time Example 35	Number	suggested
x17	x17	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y17	y17	Y value at the corresponding time Example 35	Number	suggested
x18	x18	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y18	y18	Y value at the corresponding time Example 35	Number	suggested
x19	x19	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y19	y19	Y value at the corresponding time Example 35	Number	suggested
x20	x20	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y20	y20	Y value at the corresponding time Example 35	Number	suggested
x21	x21	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y21	y21	Y value at the corresponding time Example 35	Number	suggested
x22	x22	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y22	y22	Y value at the corresponding time Example 35	Number	suggested
x23	x23	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y23	y23	Y value at the corresponding time Example 35	Number	suggested
x24	x24	Time value for one of the points, as a Unix timestamp Example 1446336000	Number	suggested
y24	y24	Y value at the corresponding time Example 35	Number	suggested
Image Width	width	Width of the image in pixels Default 100	Number	optional
Image Height	height	Height of the image in pixels Default 25	Unknown	optional
Line color	color	no description Default gray	String	optional

The above documentation is transcluded from Template:Sparkline/doc. (edit | history)
Editors can experiment in this template’s sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.

<graph>

{
   "version": 2,
   "width": 100,
   "height": 25,
   "data": [ {
      "name": "data",
      "values": 
      [ 
        { "x": 10, "y": 100 }
      , { "x": 20, "y": 200 }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      ]
   } ],
   "scales": [
   {
      "name": "xscale",
      "type": "time",
      "range": "width",
      "domain": {"data": "data", "field": "x"}
   },
   {
      "name": "yscale",
      "type": "linear",
      "range": "height",
      "domain": {"data": "data", "field": "y"}
    }
  ],
  "marks": [
    {
      "from": {"data": "data"},
      "type": "line",
      "properties": {
        "enter": {
          "x": {"scale": "xscale", "field": "x"},
          "y": {"scale": "yscale", "field": "y"},
          "stroke": {"value": "grey"},
          "strokeWidth": {"value": 2}
        }
      }
    }
  ]
}

</graph>