User:Primaler/Graphs/Tutorial

{ "version": 2, "width": 250, "height": 200, "padding": {"top": 10, "left": 30, "bottom": 20, "right": 10}, "data": [ {     "name": "table", "values": [ {"x":"A", "y":28}, {"x":"B", "y":55}, {"x":"C", "y":43}, {"x":"D", "y":91}, {"x":"E", "y":81}, {"x":"F", "y":53}, {"x":"G", "y":19}, {"x":"H", "y":87}, {"x":"I", "y":52} ]   },    {      "name": "line", "values": [ {"x":0, "y": }, {"x":, "y": } ]   }  ],  "scales": [ {"name":"x", "type":"ordinal", "range":"width", "domain":{"data":"table", "field":"x"}}, {"name":"line_x", "type":"linear", "range":"width", "domain":[0, 1]}, {"name":"y", "range":"height", "nice":true, "domain":{"data":"table", "field":"y"}} ], "axes": [ {"type":"x", "scale":"x"}, {"type":"y", "scale":"y"} ], "marks": [ {     "type": "rect", "from": {"data":"table"}, "properties": { "enter": { "x": {"scale":"x", "field":"x"}, "width": {"scale":"x", "band":true, "offset":-1}, "y": {"scale":"y", "field":"y"}, "y2": {"scale":"y", "value":0} },       "update": { "fill": {"value":"steelblue"} }, "hover": { "fill": {"value":"red"} } }   },    {      "type": "line", "from": {"data":"line"}, "properties": { "enter": { "x": {"scale":"line_x", "field":"x"}, "y": {"scale":"y", "field":"y"}, "stroke": {"value":""}, "strokeDash": {"value":[5, 5]} }     }    }  ] }