<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>CompClust - Confusion Matrix</title>
  <link rel="stylesheet" href="/compclust_css" type="text/css"
  	tal:attributes="href compclust_css" />
</head>
<body>
<span id="compclustMenu" tal:replace="structure menu"/>
<div id="compclustBody">
<h1><a href="#instructions">Show two cluster confusion matrix</a></h1>
<form action="confusion_matrix_plot" method="get">
  <p>
  <label for="labeling1">X-axis clustering </label> 
  <select name="labeling1" id="labeling1">
    <option tal:repeat="label labeling1" tal:content="label/0"
            tal:attributes="selected label/1">None</option>
  </select>
  <label for="labeling2">Y-axis clustering </label> 
  <select name="labeling2" id="labeling2">
    <option tal:repeat="label labeling2" tal:content="label/0"
            tal:attributes="selected label/1">None</option>
  </select>
  <input type="submit"/>
  <a href="" tal:condition="confusion_matrix_plot" 
     tal:attributes="href downloadploturl">download</a>
  </p>
</form>
<hr/>
<div id="compclustPlot" tal:condition="confusion_matrix_plot">
  <map name="graph" id="graph" tal:replace="structure csimap"></map>
  <img tal:attributes="src confusion_matrix_plot" src="" usemap="#graph"
       alt="cluster plot"/>
  <hr/>
  <h1><a name="instructions">Instructions</a></h1>
  <p>
  click on a cell to view all of the vectors in that confusion matrix cell.
  </p>
  <p>
  The cells of the matrix are colored according to a heat map that
  starts as red being the worst match and blue being the best possible match.
  </p>
</div>
<div tal:condition="not:confusion_matrix_plot">
  <h1><a name="instructions">Instructions</a></h1>
  <p>
  Choose two cluster labelings to compare to each other. The result
  will be a confusion matrix, a method to visualize the overlap between two
  different clusterings of data.
  </p>
  <p>
  The content of each cell is a count 
  </p>
  <p><em>note</em>: you should not choose a labeling with many different
  labels, such as the unique primary label as you'll then end up with
  a plot for each row of your dataset.
  </p>
</div>
</div>
</body>
</html>
