<!doctype html>
<html>
  <head>
    <title>Filtrex colorizing example</title>
    <link rel="stylesheet" href="colorize.css" />
  </head>
  <body>
    <h1>Filtrex colorizing example</h1>

    <input type="text" class="expression" value="((taste - 50) / 70)" /><br />
    <small
      >Create an expression that returns a value from -1 (purple) to +1
      (green)</small
    >

    <table class="data">
      <thead>
        <tr>
          <th>price</th>
          <th>weight</th>
          <th>taste</th>
          <th>expression&nbsp;result</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>

    <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="../dist/browser/filtrex.min.js"></script>
    <script src="colorize.js"></script>
  </body>
</html>
