UNPKG

dc.graph

Version:

Graph visualizations integrated with crossfilter and dc.js

68 lines (59 loc) 2.55 kB
<!DOCTYPE html> <html> <head> <title>Network example</title> <meta charset="UTF-8"> <link rel="icon" href="img/favicon.png" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="css/runner.css"/> <link rel="stylesheet" type="text/css" href="css/original-test-page.css"/> <link rel="stylesheet" type="text/css" href="css/dc.graph.css"/> <link rel="stylesheet" type="text/css" href="css/dc.css"/> <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"> <script type="text/javascript" src="js/d3.js"></script> <script type="text/javascript" src="js/crossfilter.js"></script> <script type="text/javascript" src="js/dc.js"></script> <script type="text/javascript" src="js/chart.registry.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script type="text/javascript" src="js/lodash.js"></script> <script type="text/javascript" src="js/cola.js"></script> <script type="text/javascript" src="js/viz.js"></script> <script type="text/javascript" src="js/dc.graph.js"></script> <script type="text/javascript" src="js/graphlib-dot.min.js"></script> <script type="text/javascript" src="js/querystring.js"></script> <script type="text/javascript" src="js/runner.js"></script> <script type="text/javascript" src="js/app_layout.js"></script> <script type="text/javascript" src="js/qfs_layout.js"></script> <script type="text/javascript" src="js/ceph_layout.js"></script> <script type="text/javascript" src="js/vfc_layout.js"></script> </head> <body> <div id="main"> <div class="ui-widget" id="search-wrapper"> <label for="tags">Search: </label> <input id="search"> </div> <div id="graph" class="chart"></div> <div id="overview" class="chart"></div> <div id="controls" class="chart"> <div id="run-indicator"> running </div> <div id="stepper" style="display: none"> <div id="time-range"> <label id="now">&#x21e7;</label> </div> <div style="margin-top: 25px"> <button onclick="start_stop()">stop/start</button> <div id="status"></div> </div> </div> <div id="app-options" style="margin-top: 15px; display: none"> <label><input type="checkbox" id="use-app-layout" checked="true">Use App Layout</label> </div> <div id="graph-stats"></div> </div> </div> <script type="text/javascript" src="js/original-test-page.js"></script> </body> </html>