D3 Examples - Matterport Chocolate Tasting

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>Matterport Chocolate</title>
    <style>
      @import url(https://fonts.googleapis.com/css?family=Roboto:700);
​
      html, body, .chart {
        font-family: 'Roboto', sans-serif;
        margin: 0px;
        width: 100%;
        height: 100%;
      }
​
      .chart {
        background: white;
      }
​
      .bar {
        fill: brown;
      }
​
      .tat {
        opacity: 0.3;
        cursor: pointer;
      }
​
      .back {
        fill: #ccc;
      }
​
      .score {
        fill: green;
      }
      .bad {
        fill: red;
      }
​
      .title {
        font-size: 60px;
        fill: #444;
      }
​
      .name {
        font-size: 30px;
        fill: #666;
      }
​
    </style>
  </head>
  <body>
    <div class="chart"></div>
  </body>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="chart.js"></script>
</html>
    