Vorlage:FSR-Frauenanteil-Graph

<graph> {

 "width": 700, "height": 200,
 "padding": {"top": 10, "left": 30, "bottom": 50, "right": 30},
 "data": [
   {
     "name": "table",
     "values": [
       {"x": "WiSe 2003",  "y": 0},
       {"x": "SoSe 2004",  "y": 0},
       {"x": "WiSe 2004",  "y": 14.13},
       {"x": "SoSe 2005",  "y": 12.5},
       {"x": "WiSe 2005",  "y": 23},
       {"x": "SoSe 2006",  "y": 12.5},
       {"x": "WiSe 2006",  "y": 0},
       {"x": "SoSe 2007",  "y": 0},
       {"x": "WiSe 2007",  "y": 0},
       {"x": "SoSe 2008",  "y": 14.3},
       {"x": "WiSe 2008",  "y": 12.5},
       {"x": "SoSe 2009",  "y": 11.1},
       {"x": "WiSe 2009",  "y": 14.3},
       {"x": "SoSe 2010",  "y": 16.7},
       {"x": "WiSe 2010",  "y": 21.4},
       {"x": "SoSe 2011",  "y": 25},
       {"x": "WiSe 2011",  "y": 30},
       {"x": "SoSe 2012",  "y": 44.4},
       {"x": "WiSe 2012",  "y": 9.1},
       {"x": "SoSe 2013",  "y": 50},
       {"x": "WiSe 2013",  "y": 37.5},
       {"x": "SoSe 2014",  "y": 25},
       {"x": "WiSe 2014",  "y": 14.3},
       {"x": "SoSe 2015",  "y": 11.11},
       {"x": "WiSe 2015",  "y": 20}
     ]
   }
 ],
 "scales": [
   {
     "name": "x",
     "type": "ordinal",
     "range": "width",
     "domain": {"data": "table", "field": "data.x"}
   },
   {
     "name": "y",
     "range": "height",
     "nice": true,
     "domain": {"data": "table", "field": "data.y"}
   }
 ],
 "axes": [
   {"type": "x", "scale": "x", 
          "properties": {
               "ticks": {
                   "stroke": {
                       "value": "#666666"
                   }
               },
               "labels": {
                   "fill": {
                       "value": "#666666"
                   },
                   "angle": {
                       "value": 30
                   },
                   "align": {
                       "value": "left"
                   }
               },
               "grid": {
                   "stroke": {
                       "value": "#cacaca"
                   }
               },
               "axis": {
                   "stroke": {
                       "value": "#666666"
                   },
                   "strokeWidth": {
                       "value": 2
                   }
               }
           }
   },
   {"type": "y", "scale": "y"}
 ],
 "marks": [
   {
     "type": "rect",
     "from": {"data": "table"},
     "properties": {
       "enter": {
         "x": {"scale": "x", "field": "data.x"},
         "width": {"scale": "x", "band": true, "offset": -1},
         "y": {"scale": "y", "field": "data.y"},
         "y2": {"scale": "y", "value": 0}
       },
       "update": {
         "fill": {"value": "steelblue"}
       },
       "hover": {
         "fill": {"value": "red"}
       }
     }
   }
 ]

} </graph>