My attempt at a SVG lava lamp using the gooey effect
Purely aesthetic and maybe nostalgic
A minor adptation of Nadieh Bremer's previous work:
http://www.visualcinnamon.com/2016/06/fun-data-visualizations-svg-gooey-effect.html
xxxxxxxxxx<html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"charset="utf-8"></script> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> <link rel="stylesheet" type="text/css" href="./lavaLamp.css"> </head> <body> <div id="gooContainer"> <div class='podium'></div> <div class='block'> <div class='instructions'>Select a Color</div> <select id="color-select" onchange="changeColor()"> <option value="green" selected="selected">Green</option> <option value="purple">Purple</option> <option value="red">Red</option> <option value="gray">Gray</option> </select> </div> </div> </body> <script language="javascript" type="text/javascript" src='./lavaLamp.js'></script></html> https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js