combine two snippets / show a graph on mousehover text

let's say i have the following code to show stock names: <?php $stock[]="BMW"; $stock[]="ADIDAS N"; $stock[]="PYPL"; $stock[]="RWE"; $stock[]="PUBLIC POWER"; ?> <table border=0> <?php for ($i=0;$i<4;$i++) { ?> <tr><td><div id="a1" onmouseover="showInfo('<?php echo $stock[$i];?>')" onmouseout="clearInfo('<?php echo $stock[$i];?>')">"<?php echo $stock[$i];?></div></td></tr> <? } ?> </table> how can i now add the following: [login to view URL] as a hover-div. -> when the user hovers the name of one stock, a graph of the stock should be displayed on mouseposition. when the mouse gets away from the hover the graph should disapear. each hover should display a different graph/data (-> in the codepen.io-code: "var csvData = function() {" should be different for each stock).