Template:Graph:Horizontal bars

Template documentation

This graph's main version resides at Template:Graph:Stacked. Please make or suggest all the changes there, and copy it everywhere else (until the copying is automated)

{{Graph:Horizontal bars
| table=Wikimedia/CEE Spring/Statistics/MMXVI/Per country sums (general).tab
| xField=country
| series="articles", "created", "improved"
| title=Per country sums
| legend=Types
}}

<graph>

{

 //
 // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Horizontal_bars
 //            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:Graph:Horizontal_bars
 //
 // Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab
 //

 "version": 2,
 "width": 300,
 "height": 400,

 "data": [{
   "name": "chart",
   "url": "tabular:///Wikimedia/CEE Spring/Statistics/MMXVI/Per country sums (general).tab",
   "format": {"type": "json", "property": "data"

   },
   "transform": [
     // Convert xField parameter into a field "_xfield"
     {"type": "formula", "field": "_xfield", "expr":

"datum.country"

     },
     {"type": "fold", "fields": ["articles", "created", "improved"]}
   ]
 },
 {
   "name": "labels",
   "url": "tabular:///Wikimedia/CEE Spring/Statistics/MMXVI/Per country sums (general).tab",
   "format": {"type": "json", "property": "fields"}
 },
 {
   "name": "stats",
   "source": "chart",
   "transform": [{
     "type": "aggregate",
     "groupby": ["_xfield"],
     "summarize": [{"field": "value", "ops": ["sum"]}]
   }]
 }
 ],
 "scales": [
   {
     "name": "x",
     "type": "linear",
     "domain": {
       "data": "stats", "field": "sum_value"
     },
     "range": "width",

   },
   {
     "name": "y",
     "type":

"ordinal",

     "range": "height",
     "domain": {
       "data": "chart", "field": "_xfield"
     },

   },
   {
     "name": "color",
     "type": "ordinal",
     "domain": {"data": "chart", "field": "key"},
     "range": "category10"
   },
   {
     "name": "labels",
     "type": "ordinal",
     "domain": {"data": "labels", "field": "name"},
     "range": {"data": "labels", "field": "title"},
   }
 ],

"legends": [{

   "fill": "color",
   "stroke": "color",
   "title": "Types",
   "properties": {
     "labels": { "text": {"scale": "labels", "field": "data"} }
   }
 }],
 "axes": [
   {"scale": "x", "type": "x", "ticks": 7

},

   {"scale": "y", "type": "y"

}

],

 "marks": [
   // Group data by the "key", and draw lines, one line per key
   {
     "type": "rect",
     "from": {
       "data": "chart",
       "transform": [
         {"type": "stack", "groupby": ["_xfield"], "sortby": ["key"], "field": "value"}
       ]
     },
     "properties": {
       "enter": {
         "y": {"scale": "y", "field": "_xfield"},
         "height": {"scale": "y", "band": true, "offset": -1},
         "x": {"scale": "x", "field": "layout_start"},
         "x2": {"scale": "x", "field": "layout_end"},
         "fill": {"scale": "color", "field": "key"}
       }
     }
   }

// Draw title at the top of the graph , {

     "type": "text",
     "properties": {
       "enter": {
         "x": {"signal": "width", "mult": 0.5, "offset": 30},
         "y": {"value": -15},
         "text": {"value": "Per country sums"},
         "fontWeight": {"value": "bold"},
         "align": {"value": "center"},
         "baseline": {"value": "bottom"},
         "fill": {"value": "#000"}
       }
     }
   }
 ]

} </graph> See or edit source data.

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

Template parameters
Parameter		Description	Type	Status
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	String	required
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) Default year	String	suggested
xField	`xField`	Id of the data column that contains values for the X axis. If type=year, xField is also "year" by default.	String	required
series	`series`	List of the data columns to show as lines. Must be listed by field IDs: "field1", "field2", "field3".	String	required
xZero	`xZero`	Force to start or not to start X axis with zero. Can be either true or false	String	optional
yZero	`yZero`	Force to start or not to start Y axis with zero. Can be either true or false	String	optional
xMin	`xMin`	Force X axis to start from this value	Unknown	optional
xMax	`xMax`	Force X axis to end with this value	Unknown	optional
yMin	`yMin`	Force Y axis to start from this value	Unknown	optional
yMax	`yMax`	Force Y axis to end with this value	Unknown	optional
title	`title`	Title of the whole graph	String	optional
xAxis	`xAxis`	Title of the X axis	String	optional
yAxis	`yAxis`	Title of the Y axis	String	optional
xGrid	`xGrid`	Show grid lines for X axis	Boolean	optional
yGrid	`yGrid`	Show grid lines for Y axis	Boolean	optional
legend	`legend`	Title of the legend	String	optional
width	`width`	no description	Number	optional
height	`height`	no description	Number	optional
debug	`debug`	if set, will show graph as raw JSON	String	optional

Edit parameter translations

<graph>

{
  //
  // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Horizontal_bars
  //            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:Graph:Horizontal_bars
  //
  // Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab
  //

  "version": 2,
  "width": 300,
  "height": 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": 
"datum.country"
      },
      {"type": "fold", "fields": ["articles","created", "improved"]}
    ]
  },
  {
    "name": "labels",
    "url": "tabular:///{{{table}}}",
    "format": {"type": "json", "property": "fields"}
  },
  {
    "name": "stats",
    "source": "chart",
    "transform": [{
      "type": "aggregate",
      "groupby": ["_xfield"],
      "summarize": [{"field": "value", "ops": ["sum"]}]
    }]
  }
  ],
  "scales": [
    {
      "name": "x",
      "type": "linear",
      "domain": {
        "data": "stats", "field": "sum_value"
      },
      "range": "width",



    },
    {
      "name": "y",
      "type":
"ordinal",
      "range": "height",
      "domain": {
        "data": "chart", "field": "_xfield"
      },



    },
    {
      "name": "color",
      "type": "ordinal",
      "domain": {"data": "chart", "field": "key"},
      "range": "category10"
    },
    {
      "name": "labels",
      "type": "ordinal",
      "domain": {"data": "labels", "field": "name"},
      "range": {"data": "labels", "field": "title"},
    }
  ],

  "axes": [
    {"scale": "x", "type": "x", "ticks": 7


},
    {"scale": "y", "type": "y"


}
  ],

  "marks": [
    // Group data by the "key", and draw lines, one line per key
    {
      "type": "rect",
      "from": {
        "data": "chart",
        "transform": [
          {"type": "stack", "groupby": ["_xfield"], "sortby": ["key"], "field": "value"}
        ]
      },
      "properties": {
        "enter": {
          "y": {"scale": "y", "field": "_xfield"},
          "height": {"scale": "y", "band": true, "offset": -1},
          "x": {"scale": "x", "field": "layout_start"},
          "x2": {"scale": "x", "field": "layout_end"},
          "fill": {"scale": "color", "field": "key"}
        }
      }
    }


  ]
}

</graph>

Template:Graph:Horizontal bars

Navigation menu

Search