---
layout: app
title: OpenICE Vitals App
---

<script type="text/javascript" src="build/vitals.js"></script>

<section class="container">

  <h1>{{ page.title }}</h1>

  <p>
    The OpenICE Vitals App is a web based version of a demonstration app found in the OpenICE Supervisor. This visualization illustrates a novel method of displaying vital signs data. Each leg of the triangle represents a different measurement. Medical device data are plotted on each axis and are connected to one another, creating an inner shape which is colored based on the status of the vital sign data. For more information, checkout the documentation of the Supervisor <a href="{{ site.url }}/docs/3_apps.html#data-visualization">data-visualization app</a>.
  </p>
  <p>
    Select a patient to view their data.
  </p>

  <div class="row">

    <div class="col-sm-4 col-md-5">

      <div class="form-group">
          <label for="partition">Patient:</label>
          <select id="partition" class="form-control" name="patient"></select>
      </div>

      <label>Status:</label>
      <pre class="vitals__status"></pre>

    </div>
    
    <div class="col-sm-8 col-md-7 text-center">
      <canvas id="mycanvas" width="450" height="450"></canvas>
    </div>

  </div>

</section>