Proving a point: animated cities

  • Posted on: 2 February 2013
  • By: köbben

For those that were in the discussion at the research meeting: The two cities whose size is data-dependent and controlled by a slider, done in pure HTML5 (no external JS libs needed):

The version shown here works in most browsers (expect possibly IE < 7). An even more elegant version we have [link to stand-alone version] uses HTML sliders (lovely things, a complete slider with one line of HTML) but that works currently only in Safari, Chrome, Opera or Webkit. The one working in FireFox uses a little extra Javascript... You can look at the HTML source to find only some SVG & HTML and about 12 lines of Javascript... Surely we should be able to teach this to our students....?
Tags: 
javascript
Web applications