D3 Examples - Rig Count

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.8/vega.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.3/vega-lite.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-rc7/vega-embed.js"></script>
  <style>
    body {
      font-family: "Open Sans", "Lato", sans-serif;
    }
    
    .vega-actions a {
      padding: 0.2em;
    }
    
    h1, h2 {
      font-family: "Lato", "Open Sans", "sans-serif";
      margin: 0px;
      padding: 3px;
      }
      
    .text-things {
      margin-bottom: 8px;
      }
  </style>
</head>
​
<body>
  <div class="text-things">
        <h1>US Weekly Oil and Gas Rig Count</h1>
        <h2>Week of: December 8, 2017</h2>    
   </div>
  <div id="vis"></div>
  
  <script type="text/javascript">
    const spec = "rig_count.vl.json";
    vegaEmbed('#vis', spec).catch(console.warn);
  </script>
</body>
    