Skip to content

Instantly share code, notes, and snippets.

@mathisonian
Created January 19, 2017 00:06
Show Gist options
  • Save mathisonian/542616c4af5606784e97e59e3c65b7e5 to your computer and use it in GitHub Desktop.
Save mathisonian/542616c4af5606784e97e59e3c65b7e5 to your computer and use it in GitHub Desktop.

Revisions

  1. mathisonian created this gist Jan 19, 2017.
    170 changes: 170 additions & 0 deletions spec.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,170 @@
    {
    "schema": {
    "language": "vega",
    "version": "3.0"
    },
    "width": 500,
    "height": 200,
    "padding": 5,
    "data": [
    {
    "name": "table",
    "values": [
    {
    "u": 1,
    "v": 28
    },
    {
    "u": 2,
    "v": 55
    },
    {
    "u": 3,
    "v": 43
    },
    {
    "u": 4,
    "v": 91
    },
    {
    "u": 5,
    "v": 81
    },
    {
    "u": 6,
    "v": 53
    },
    {
    "u": 7,
    "v": 19
    },
    {
    "u": 8,
    "v": 87
    },
    {
    "u": 9,
    "v": 52
    },
    {
    "u": 10,
    "v": 48
    },
    {
    "u": 11,
    "v": 24
    },
    {
    "u": 12,
    "v": 49
    },
    {
    "u": 13,
    "v": 87
    },
    {
    "u": 14,
    "v": 66
    },
    {
    "u": 15,
    "v": 17
    },
    {
    "u": 16,
    "v": 27
    },
    {
    "u": 17,
    "v": 68
    },
    {
    "u": 18,
    "v": 16
    },
    {
    "u": 19,
    "v": 49
    },
    {
    "u": 20,
    "v": 15
    }
    ]
    }
    ],
    "scales": [
    {
    "name": "xscale",
    "type": "linear",
    "range": "width",
    "zero": false,
    "domain": {
    "data": "table",
    "field": "u"
    }
    },
    {
    "name": "yscale",
    "type": "linear",
    "range": "height",
    "nice": true,
    "zero": true,
    "domain": {
    "data": "table",
    "field": "v"
    }
    }
    ],
    "axes": [
    {
    "orient": "bottom",
    "scale": "xscale",
    "tickCount": 20
    },
    {
    "orient": "left",
    "scale": "yscale"
    }
    ],
    "marks": [
    {
    "type": "area",
    "from": {
    "data": "table"
    },
    "encode": {
    "enter": {
    "interpolate": {
    "value": "monotone"
    },
    "x": {
    "scale": "xscale",
    "field": "u"
    },
    "y": {
    "scale": "yscale",
    "field": "v"
    },
    "y2": {
    "scale": "yscale",
    "value": 0
    },
    "fill": {
    "value": "steelblue"
    }
    },
    "update": {
    "fillOpacity": {
    "value": 1
    }
    },
    "hover": {
    "fillOpacity": {
    "value": 0.5
    }
    }
    }
    }
    ]
    }