diff --git a/index.html b/index.html
index 5455376d07fa49b6f0632ffaf563c724251b4d66..e9aa0f9003ae85672e54ba507cf7a6fe92525968 100644
--- a/index.html
+++ b/index.html
@@ -129,8 +129,8 @@ cpietsch@gmail.com
 		</div>
 
 		<div class="navi hide">
-			<div class="time button active">time</div>
-			<div class="tsne button">similarity</div>
+			<div class="time button active" data="time">time</div>
+			<div class="tsne button" data="time">similarity</div>
 		</div>
 
 		<div class="infobar sneak">
diff --git a/js/viz.js b/js/viz.js
index a745527c3ad02c7a42081a09873eea7ebcb613fc..137d7fe2a1aee49c5b147f2ecebb28da334c9eb1 100644
--- a/js/viz.js
+++ b/js/viz.js
@@ -122,10 +122,10 @@ function init() {
 
 	d3.selectAll(".navi .button")
 		.on("click", function () {
-			var that = this
-			var mode = d3.select(this).text()
-			canvas.setMode(mode)
-			timeline.setDisabled(mode != "time")
+			var that = this;
+			var mode = d3.select(this).attr("data");
+			canvas.setMode(mode);
+			timeline.setDisabled(mode != "time");
 
 			d3.selectAll(".navi .button").classed("active", function () {
 				return that === this