coloring/index.html

<!DOCTYPE html>
<html>
<head>

    <title>Coloring: Graph Coloring Problem</title>
    
    <link rel="stylesheet" type="text/css" href="../viz.css" media="screen" />
	
    <script type="text/javascript" src="http://d3js.org/d3.v2.js"></script>
    <script type="text/javascript" src="../constants.js"></script>
    <script type="text/javascript" src="../common.js"></script>
	<script type="text/javascript" src="coloring.js"></script>
    
    
    <style type="text/css">
        #edgeCanvas {position: absolute; top: 0; left: 0; padding: 0; z-index: -2;}
        #badEdgeCanvas {position: absolute; top: 0; left: 0; padding: 0; z-index: -1;}
        #viz {z-index: 10;}
        .bar rect {
            shape-rendering: crispEdges;
        }
        #degreeHistogram {width: 100%; height: 300px;}
     
    </style>
	
</head>
<body>
	<div id="controls">
        <div id="drop_zone" class="drop_zone">Drop benchmark and solution files here</div>
        <div><p id="feedback"></p></div>
	</div>
	
    <div id="data">
        <table id="problemTable" class="metadataTable">
            <tbody>
            </tbody>
        </table>	
        <table id="solutionTable" class="metadataTable">
            <tbody>
            </tbody>
        </table>
    </div>
	
    <div id="viz">
        <canvas id="edgeCanvas"></canvas>
        <canvas id="badEdgeCanvas"></canvas>
    </div>
    
    <pre id="debug"></pre>

    <script type="text/javascript" src="../viz.js"></script>
    
</body>
</html>