D3 Examples - Interactive drag and drop weekly course schedule.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <title>drag 'n drop test</title>
    <!--<script src="../bower_components/d3/d3.js" charset="utf-8"></script>-->
    <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <style>
        svg {
            font: 10px sans-serif;
            background: white;
            display:block;
            margin:0 auto;
        }
        /*button {
          clear:right;
          float:right;
        }*/
        .chart rect {
            stroke: white;
​
        }
        rect.section {
            cursor: ns-resize;
        }
        .line {
            fill:none;
            stroke:#000;
            stroke-width:1.5px;
        }
        .axis path, .axis line {
            fill:none;
            stroke:silver;
            shape-rendering: crispEdges;
        }
        .axis path {
            display: none;
        }
        .grid {
            fill:none;
            stroke-width:0.5px;
            stroke:#000;
            opacity:0.2;
        }
        .ratio {
            fill:#f2c180;
            color:#f2c180;
        }
        .fsratio {
            fill:#f3a53d;
            color:#f3a53d;
        }
        .students {
            fill:#5cadf0;
            color:#5cadf0;
        }
        .faculty {
            fill:steelblue;
            color:steelblue;
        }
        #wrap {
            width:910px;
            margin:0 auto;
        }
    </style>
</head>
<body>
<script src="drag.js"></script>
</body>
</html>
    