jakevdp · July 29, 2020 20:03
diff --git a/.block b/.block
 license: MIT
diff --git a/README.md b/README.md
diff --git a/daily.csv b/daily.csv
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <script src="https://cdn.jsdelivr.net/npm/vega@3"></script>
 	<script src="https://cdn.jsdelivr.net/npm/vega-lite@2"></script>
 	<script src="https://cdn.jsdelivr.net/npm/vega-embed@3"></script>
  <style>
    body {
      font-family: sans-serif;
    }
    
    .vega-actions a {
      padding: 0.2em;
    }
  </style>
 </head>

 <body>  
  <div id="vis"></div>
  
  <script>
    const spec = "spec.json";
  	vegaEmbed('#vis', spec).catch(console.warn);
  </script>
 </body>
diff --git a/spec.json b/spec.json
 {
  "$schema": "https://vega.github.io/schema/vega-lite/v2.0.json",
  "title": "Fremont Bridge Daily Bike Crossings",
  "data": {"url": "daily.csv"},
  "vconcat": [
    {
      "width": 800,
      "mark": "line",
      "encoding": {
        "x": {
          "field": "Date",
          "type": "temporal",
          "scale": {
            "domain": {
              "selection": "brush"
            }
          },
          "axis": {
            "title": ""
          }
        },
        "y": {
          "field": "Daily Crossings",
          "type": "quantitative"
        },
        "color": {
          "field": "Side",
          "type": "nominal"
        }
      }
    },
    {
      "width": 800,
      "height": 60,
      "mark": "line",
      "selection": {
        "brush": {
          "type": "interval",
          "encodings": [
            "x"
          ]
        }
      },
      "encoding": {
        "x": {
          "field": "Date",
          "type": "temporal"
        },
        "y": {
          "field": "Daily Crossings",
          "type": "quantitative",
          "axis": {
            "tickCount": 3,
            "grid": false
          }
        },
        "color": {
          "field": "Side",
          "type": "nominal"
        }
      }
    }
  ]
 }
diff --git a/thumbnail.png b/thumbnail.png
	<!DOCTYPE html>
	<head>
	<meta charset="utf-8">
	<script src="https://cdn.jsdelivr.net/npm/vega@3"></script>
	<script src="https://cdn.jsdelivr.net/npm/vega-lite@2"></script>
	<script src="https://cdn.jsdelivr.net/npm/vega-embed@3"></script>
	<style>
	body {
	font-family: sans-serif;
	}

	.vega-actions a {
	padding: 0.2em;
	}
	</style>
	</head>

	<body>
	<div id="vis"></div>

	<script>
	const spec = "spec.json";
	vegaEmbed('#vis', spec).catch(console.warn);
	</script>
	</body>
	{
	"$schema": "https://vega.github.io/schema/vega-lite/v2.0.json",
	"title": "Fremont Bridge Daily Bike Crossings",
	"data": {"url": "daily.csv"},
	"vconcat": [
	{
	"width": 800,
	"mark": "line",
	"encoding": {
	"x": {
	"field": "Date",
	"type": "temporal",
	"scale": {
	"domain": {
	"selection": "brush"
	}
	},
	"axis": {
	"title": ""
	}
	},
	"y": {
	"field": "Daily Crossings",
	"type": "quantitative"
	},
	"color": {
	"field": "Side",
	"type": "nominal"
	}
	}
	},
	{
	"width": 800,
	"height": 60,
	"mark": "line",
	"selection": {
	"brush": {
	"type": "interval",
	"encodings": [
	"x"
	]
	}
	},
	"encoding": {
	"x": {
	"field": "Date",
	"type": "temporal"
	},
	"y": {
	"field": "Daily Crossings",
	"type": "quantitative",
	"axis": {
	"tickCount": 3,
	"grid": false
	}
	},
	"color": {
	"field": "Side",
	"type": "nominal"
	}
	}
	}
	]
	}