From CDOT Wiki
Jump to: navigation, search

BTH740 | Weekly Schedule | Research Projects | Research Essay | Student Resources

Processing.js increases accessibility of visualizations on the web

Daniel Hodgin

Thesis Statement


How successful have Processing.js and the HTML <audio> tag been at breaking down the accessibility barriers to creating visual and audible representations on the web?

Refined thesis

How successful have two recent audio-visual developments been at breaking down accessibility barriers on the web?


Processing, Processing.js, Digital, Media, HTML5, Canvas, Visual, Animation, Audio


Fry, Ben. Visualizing Data. O'Reilly, 2007.

Graham, Paul and Troy Weingart. "Processing language in introduction to computer science honors." December 2009. Journal of Computing Sciences in Colleges. 29 October 2010 <>.

Hodgin, Robert. Flight 404. 2010. 28 October 2010 <>.

Humphrey, David. Bread and Circuits. 26 May 2010. 5 November 2010 <>.

Leung, Catherine and Andor Salga. "Enabling WebGL." May 2010. Proceedings of the 19th international Conference on World Wide Web. 28 October 2010 <>.

Long, Nguyen Hoang. "Web Visualization of Trajectory Data using Web Open Source Visualization Library." March 2010. 28 October 2010 <>.

Mozilla. Processing for the web. 3 December 2009. 18 October 2010 <>. Comparing native Processing & Processing.js. 2010. 18 October 2010 <>.

Processing. Processing. 2010. 18 October 2010 <>.

Reas, Casey and Ben Fry. "Processing: programming for the media arts." 15 January 2005. 29 October 2010 <>.

Shiffman, Daniel. Computational Design Mark Webster. 24 October 2010.

Sloss, Eric. "Ben Fry finding methods of visualizing data accepts Nierenberg chair of design at Carnegie Mellon." August 2006. ACM SIGGRAPH Computer Graphics. 29 October 2010 <>.

Taylor, Dan. Top 10 examples of Data Visualization. 5 July 2009. 29 October 2010 <>.

Wikipedia. Processing (programming language). 18 October 2010. 18 October 2010 <>.

Research Notes


Begin with background on processing project and language Casey Reas, and Ben Fry

talk about processing.js port and purpose, processing.js panel, and meeting with Resig and Fry

talk about audio background and work that's been done by Dave, Corban, Yuri, etc.

discuss advantages of no plugins as compared to java or adobe flash and audio plugins

Discuss examples

Processing language in introduction to computer science honors. Processing.js used in teaching several courses in science, physics, design, digital art

Daniel Shiffman video points

WebGL component and examples

Audio component and examples

combinations of processing.js, audio, cubicVR, and webgl in projects

Mozilla ties to the projects

give examples of usage around the web in totally unrelated projects to Seneca or Mozilla

Big companies and others usage examples

IBM facebook, Mozilla fotn project, University teaching, Arcade Fire - wilderness downtown

My observations

observations about these examples and their impacts. discuss interviews and testimonials

Testimonials and interviews



source this into bibliography later: