From db20c66b3634e43049e1339ce8a0d51ee5944780 Mon Sep 17 00:00:00 2001
From: pommicket <leonardomtenenbaum@gmail.com>
Date: Sun, 16 Oct 2016 16:04:51 -0400
Subject: Added legend to RPN

---
 complexfunctions.html  | 1 +
 js/complexfunctions.js | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/complexfunctions.html b/complexfunctions.html
index 5917c00..a5e7a3b 100644
--- a/complexfunctions.html
+++ b/complexfunctions.html
@@ -54,6 +54,7 @@ Graph complex functions (C->C)
             <br>
             <button id="animate" class="btn btn-default">Animate</button>
             <div id="canvas"></div>
+            <div id="legend"></div>
         </div>
 
         <div class="container-fluid">
diff --git a/js/complexfunctions.js b/js/complexfunctions.js
index f71c23b..9703b5d 100644
--- a/js/complexfunctions.js
+++ b/js/complexfunctions.js
@@ -79,7 +79,7 @@ function draw()
 
 function makeCanvas(w, h)
 {
-    $("#canvas").html();
+    $("#canvas").html("");
     var canvas = createCanvas(w, h);
     canvas.parent("canvas");
     domainPoints = [];
@@ -104,8 +104,14 @@ $(function()
         animating = false;
         var funcs = $("#function").val().split(",");
         colors = [];
+        $("#legend").html("");
         for (var i = 0; i < funcs.length; i++)
+        {
             colors.push([Math.random() * 255, Math.random() * 255, Math.random() * 255]);
+            $("#legend").append("<div><span style='display: inline-block; background: rgb("
+                                + Math.floor(colors[i][0])  + ", " + Math.floor(colors[i][1]) + ", " + Math.floor(colors[i][2])
+                                + "); width: 10px; height: 10px;'></span> " + funcs[i] + "</div>");
+        }
         drawFuncs(funcs);
     });
     $(".form-control").keydown(function(e)
-- 
cgit v1.2.3