diff --git a/beat/web/plotters/templates/plotterparameters/diff.html b/beat/web/plotters/templates/plotterparameters/diff.html
new file mode 100644
index 0000000000000000000000000000000000000000..609828345cfcc0abf6660eed66b0189f6d93d714
--- /dev/null
+++ b/beat/web/plotters/templates/plotterparameters/diff.html
@@ -0,0 +1,138 @@
+{% extends "base.html" %}
+{% comment %}
+ * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/
+ * Contact: beat.support@idiap.ch
+ * 
+ * This file is part of the beat.web module of the BEAT platform.
+ * 
+ * Commercial License Usage
+ * Licensees holding valid commercial BEAT licenses may use this file in
+ * accordance with the terms contained in a written agreement between you
+ * and Idiap. For further information contact tto@idiap.ch
+ * 
+ * Alternatively, this file may be used under the terms of the GNU Affero
+ * Public License version 3 as published by the Free Software and appearing
+ * in the file LICENSE.AGPL included in the packaging of this file.
+ * The BEAT platform is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE.
+ * 
+ * You should have received a copy of the GNU Affero Public License along
+ * with the BEAT platform. If not, see http://www.gnu.org/licenses/.
+{% endcomment %}
+
+{% load dataformat_tags %}
+{% load ui_tags %}
+{% load fingerprint %}
+
+
+{% block title %}{{ block.super }} - Diff: {{ plotterparameter1.author }}/{{ plotterparameter1.name }}{% if plotterparameter1.version %}/{{ plotterparameter1.version }}{% endif%} - {{ plotterparameter2.author }}/{{ plotterparameter2.name }}{% if plotterparameter2.version %}/{{ plotterparameter2.version }}{% endif%}{% endblock %}
+
+
+{% block stylesheets %}
+{{ block.super }}
+{% code_editor_css %}
+{% endblock %}
+
+
+{% block scripts %}
+{{ block.super }}
+{% code_editor_scripts "javascript" %}
+{% endblock %}
+
+
+{% block content %}
+
+<div id="title" class="row">
+  <div class="col-sm-offset-1 col-sm-10">
+    <h3>
+      <span class="explanation">Plotterparameter diff:</span>
+
+      <span class="author"><a href="{% url 'plotters:plotterparameter-list' plotterparameter1.author %}">{{ plotterparameter1.author }}</a></span> /
+      <span><a href="{% url 'plotters:plotterparameter-view-latest' plotterparameter1.author plotterparameter1.name %}">{{ plotterparameter1.name }}</a></span> /
+      <span class="version"><a href="{% url 'plotters:plotterparameter-author-view' plotterparameter1.author plotterparameter1.name plotterparameter1.version %}">{{ plotterparameter1.version }}</a></span>
+
+      <a href="{% url 'plotters:diff' plotterparameter2.author plotterparameter2.name plotterparameter2.version plotterparameter1.author plotterparameter1.name plotterparameter1.version %}" title="Switch the two data formats"><i class="fa fa-exchange"></i></a>
+
+      <span class="author"><a href="{% url 'plotters:plotterparameter-list' plotterparameter2.author %}">{{ plotterparameter2.author }}</a></span> /
+      <span><a href="{% url 'plotters:plotterparameter-view-latest' plotterparameter2.author plotterparameter2.name %}">{{ plotterparameter2.name }}</a></span> /
+      <span class="version"><a href="{% url 'plotters:plotterparameter-author-view' plotterparameter2.author plotterparameter2.name plotterparameter2.version %}">{{ plotterparameter2.version }}</a></span>
+    </h3>
+  </div>
+</div>
+
+<div id="parameters-panel-1" class="panel panel-default">
+  <div class="panel-heading " role="tab" id="heading-parameters">
+    <h4 class="panel-title">
+      <a class="collapsed" role="button" data-toggle="collapse" data-parent="#parameters-panel-1" href="#collapse-parameters-1" aria-expanded="false" aria-controls="collapse-parameters-1">
+        Parameters for {{ plotterparameter1.author }}/{{ plotterparameter1.name }}/{{ plotterparameter1.version }}
+      </a> <span id="counter" class="badge">{{ plotterparameter1_data|length }}</span>
+    </h4>
+  </div>
+  <div id="collapse-parameters-1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-parameters">
+    <div class="panel-body">
+      <div class="col-sm-10">
+        <p class="help">Parameters allow users to change the configuration of the plotterparameter</p>
+        <table class="table table-responsive table-condensed table-hover">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Value</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for key, value in plotterparameter1_data.items %}
+            <tr>
+              <td>{{ key }}</td>
+              <td>{{ value }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div id="parameters-panel-2" class="panel panel-default">
+  <div class="panel-heading" role="tab" id="heading-parameters">
+    <h4 class="panel-title">
+      <a class="collapsed" role="button" data-toggle="collapse" data-parent="#parameters-panel-2" href="#collapse-parameters-2" aria-expanded="false" aria-controls="collapse-parameters-2">
+        Parameters for {{ plotterparameter2.author }}/{{ plotterparameter2.name }}/{{ plotterparameter2.version }}
+      </a> <span id="counter" class="badge">{{ plotterparameter2_data|length }}</span>
+    </h4>
+  </div>
+  <div id="collapse-parameters-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-parameters">
+    <div class="panel-body">
+      <div class="col-sm-10">
+        <p class="help">Parameters allow users to change the configuration of the plotterparameter</p>
+        <table class="table table-responsive table-condensed table-hover">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Value</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for key, value in plotterparameter2_data.items %}
+            <tr>
+              <td>{{ key }}</td>
+              <td>{{ value }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+
+jQuery(document).ready(function() {
+
+});
+
+</script>
+
+{% endblock %}