D3 Examples - Chiasm Bar Chart and Line Chart

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
    <style>
    
      body {
        background-color: gray;
      }
​
      #container {
        background-color: white;
        position: fixed;
        left:   10px;
        right:  10px;
        top:    10px;
        bottom: 10px;
      }
​
      /* Axis CSS from bar chart example https://bl.ocks.org/mbostock/3885304 */
      .axis {
        font: 10px sans-serif;
      }
​
      .axis path,
      .axis line {
        fill: none;
        stroke: #000;
        shape-rendering: crispEdges;
      }
​
      /* Custom CSS for axis labels. */
      .axis-label {
        text-anchor: middle;
        font-size: 1.3em;
      }
​
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script src="main-build.js"></script>
  </body>
</html>
    