Template:Graph:Horizontal bars

From GT New Horizons
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.

Lua error in Module:TNT at line 170: Dataset commons:Data:Templatedata/Graph:Horizontal_bars.tab is not valid.

<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>