jrtechs
/
jrtechs-vis
mirror of https://github.com/jrtechs/vis.git
1
0
Fork 0
Code Issues 0 Releases 82 Wiki Activity
vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
289 Commits
33 Branches
341 MiB
Tree: 6f6092d038
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '6f6092d038'
${ noResults }
jrtechs-vis/showcase/projects/midas/index.html

86 lines
4.1 KiB
Raw Normal View History

added showcase
9 years ago
​
added google analytics
9 years ago
added showcase
9 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!doctype html>
  2. <html>
  3. <head><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script>
  4.     <title>ARUM - MIDAS</title>
  5.     <link href="./css/global.css" rel="stylesheet" type="text/css" />
  6.     <link href="./css/vis.css" rel="stylesheet" type="text/css" />
  7. 

  8.     <script language="javascript">
  9.         var EVENT_DELAY = 1000;
  10.         var EVENTS_AGENT_ADDRESS = 'ws://localhost:8082/ws/events';
  11.         var AMOUNT_OF_INITIAL_EVENTS = 1;
  12.         var TIMELINE_START = '2014-09-18 10:00:00';
  13.         var TIMELINE_END = '2014-09-19 18:00:00';
  14.         var INCREASE_SPEED = true;
  15.         var ONLINE_ONLY = true;
  16.     </script>
  17. 

  18.     <script type="text/javascript" src="./js/vis.js"></script>
  19.     <script type="text/javascript" src="./js/evejs.js"></script>
  20.     <script type="text/javascript" src="./arumAgents/job.js"></script>
  21.     <script type="text/javascript" src="./arumAgents/durationStats.js"></script>
  22.     <script type="text/javascript" src="./arumAgents/durationData.js"></script>
  23.     <script type="text/javascript" src="./arumAgents/jobManager.js"></script>
  24.     <script type="text/javascript" src="./arumAgents/jobAgent.js"></script>
  25. 

  26.     <script type="text/javascript" src="./js/vis_eve_init.js"></script>
  27. 

  28.     <script type="text/javascript" src="./arumAgents/genericAgent.js"></script>
  29.     <script type="text/javascript" src="./arumAgents/agentGenerator.js"></script>
  30.     <script type="text/javascript" src="./arumAgents/jobAgentGenerator.js"></script>
  31.     <script type="text/javascript" src="./arumAgents/eventGenerator.js"></script>
  32.     <script type="text/javascript" src="./js/init.js"></script>
  33. 

  34. </head>
  35. <body onload="draw()">
  36. <img src="./images/arum_small.png" style="position:relative; top:-6px;"><img src="./images/midas_small.png" style="float:right;"><br>
  37. <div class="typeButton selected" onclick="showTimelineBtn()" id="showTimeline">Show by Timeline</div>
  38. <div class="typeButton" onclick="showGraphBtn()" id="showGraph">Show by Job</div>
  39. <div id="timelineWrapper">
  40.     <input type="button" value="Next Event" onclick="getNewEvent()">
  41.     eventNo:<div id="eventCounter" style="display:inline;">-1</div>
  42.     <input type="button" value="Next 10 Events" onclick="getTenNewEvents()">
  43.     <input type="button" value="Get All Events" onclick="getAllEvents()">
  44.     <input type="button" value="Get All Events Quickly" onclick="getAllEventsQuickly()"> <br>
  45.     <div id="timeline"></div>
  46. </div>
  47. 

  48. <div id="graphWrapper">
  49.     <table class="wrapper">
  50.         <tr>
  51.             <td>
  52.                 <div class="toggleButton" onclick="togglePrediction()" id="togglePrediction">Prediction</div>
  53.             </td>
  54.             <td width="6px">&nbsp;</td>
  55.             <td>
  56.                 <div class="typeButton selected" onclick="turnOn('duration')" id="duration">Ideal</div>
  57.                 <div class="typeButton" onclick="turnOn('durationWithPause')" id="durationWithPause">Ideal + Pause</div>
  58.                 <div class="typeButton" onclick="turnOn('durationWithStartup')" id="durationWithStartup">Ideal + Prerequisites</div>
  59.                 <div class="typeButton" onclick="turnOn('durationWithBoth')" id="durationWithBoth">Total Time</div>
  60.             </td>
  61.         </tr>
  62.         <tr>
  63.             <td id="selectTD">
  64.                 <select name="jobs" id="multiselect" multiple onclick="updateGraph()"></select>
  65.             </td>
  66.             <td colspan="2">
  67.                 <div class="graph2dContent">
  68.                     <div id="graph2d"></div>
  69.                 </div>
  70.             </td>
  71.         </tr>
  72.         <tr>
  73.             <td>
  74.                 <div class="toggleButton square" onclick="toggleDifference()" id="difference">Switch View</div>
  75.             </td>
  76.             <td colspan="2">
  77.                 <div id="Legend" class="externalLegend"></div>
  78.             </td>
  79.         </tr>
  80.     </table>
  81. </div>
  82. 

  83. <p id="selection"></p>
  84. <p id="stabilization"></p>
  85. </body>
  86. </html>