User:KSmith (WMF)/Graph test

{   "width": 650, "height": 300, "data": [ {           "name": "values", "url": "http://fxa.org/ve-tranche1.csv", "format": { "type": "csv", "parse": { "points": "number", "date": "date" }           }        },        {            "name": "stats", "source": "values", "transform": [ {                   "type": "facet", "keys": [ "data.date" ]               },                {                    "type": "stats", "value": "data.points" }           ]        }    ],    "scales": [ {           "name": "x", "type": "time", "range": "width", "domain": { "data": "values", "field": "data.date" }       },        {            "name": "y", "type": "linear", "range": "height", "nice": true, "domain": { "data": "stats", "field": "sum" }       },        {            "name": "color", "type": "ordinal", "range": "category20", "domain": { "data": "values", "field": "data.status" }       }    ],    "axes": [ {           "type": "x", "scale": "x", "tickSizeEnd": 0, "grid": true, "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", "grid": true, "properties": { "ticks": { "stroke": { "value": "#666666" }               },                "labels": { "fill": { "value": "#666666" }               },                "grid": { "stroke": { "value": "#cacaca" }               },                "axis": { "stroke": { "value": "#666666" },                   "strokeWidth": { "value": 2 }               }            }        }    ],    "marks": [ {           "type": "group", "from": { "data": "values", "transform": [ {                       "type": "facet", "keys": [ "data.status" ]                   },                    {                        "type": "stack", "point": "data.date", "height": "data.points" }               ]            },            "marks": [ {                   "type": "rect", "properties": { "enter": { "x": { "scale": "x", "field": "data.date" },             "width": {"value":5}, "y": { "scale": "y", "field": "y" },                           "y2": { "scale": "y", "field": "y2" },                           "fill": { "scale": "color", "field": "data.status" }                       }                    }                }            ]        }    ] }