Javascript / HTML - how to interleave interaction and text?

I'm new to javascript / web programming although I've done a plenty of non-web programming.

I'd like to make a page with interleaved text and interactive visualization, along the lines of Bret Victor's essay - http://ift.tt/13ZbaZW

Can anyone recommend approaches/code examples to achieve this kind of interleaved layout using html/css/javascript?