D3 Examples - Basic Interactive Calendar

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  
  <head>
    <title>D3 Calendar</title>
    <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="calendar.css"/>
  </head>
  
  <body>
    <div id="calendar-title">Basic D3 Interactive Calendar</div>
    <div id="calendar-wrapper">
        <div id="calendar-click-info">Click on a Sqare For Details</div>
        <div id="calendar-legend">Less
          <div class="legend-box" id="legend-box-white"></div>
          <div class="legend-box" id="legend-box-light"></div>
          <div class="legend-box" id="legend-box-dark"></div> More
        </div>
      </div> 
  </body>
​
  <script type="text/javascript" src="calendar.js"></script>
​
</html>
​
    