Parallel Distributed Rendering of HTML5 Canvas Elements

  • Shohei Yokoyama
  • Hiroshi Ishikawa
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 6757)


In this paper, we explain the rendering of ultra-high- resolution web content using HTML5 <canvas> elements. Many high-resolution massive datasets have recently been presented on the web. For example, Google Maps provides satellite images of Earth’s surface and atmosphere at various resolutions. However, the scope of information that a user can view depends on the number of pixels of the user’s computer monitor, irrespective of the data resolution. Therefore, we propose a parallel distributed rendering method for web content using multiple LCD monitors. We demonstrate that our system can draw an 8240 pixel × 4920 pixel HTML5 <canvas> element over a 16-monitor tiled display wall.


HTML5 Canvas Element Parallel Rendering Tiled Display Wall 


  1. 1.
    Flickr from yahoo,
  2. 2.
  3. 3.
  4. 4.
    Blasi, G.D., Petralia, M.: Fast Photomosaic. In: Poster Proceedings of ACM/WSCG 2005, Citeseer (2005)Google Scholar
  5. 5.
    Crockett, T.: An Introduction to Parallel Rendering. Parallel Computing 23(7), 819–843 (1997)CrossRefzbMATHGoogle Scholar
  6. 6.
    Dali, S.: Gala contemplating the Mediterranean Sea, which at twenty meters becomes the portrait of Abraham Lincoln (1976)Google Scholar
  7. 7.
    DeFanti, T.A., Leigh, J., Renambot, L., Jeong, B., Verlo, A., Long, L., Brown, M., Sandin, D.J., Vishwanath, V., Liu, Q., Katz, M.J., Papadopoulos, P., Keefe, J.P., Hidley, G.R., Dawe, G.L., Kaufman, I., Glogowski, B., Doerr, K.-U., Singh, R., Girado, J., Schulze, J.P., Kuester, F., Smarr, L.: The optiportal, a scalable visualization, storage, and computing interface device for the optiputer. Future Generation Computer Systems, The International Journal of Grid Computing and eScience 25(2), 114–123 (2009)CrossRefGoogle Scholar
  8. 8.
    di Blasi, G., Gallo, G., Petrali, M.P.: Smart ideas for photomosaic rendering. In: Eurographics Italian Chapter Conference 2006, pp. 267–272 (2006)Google Scholar
  9. 9.
    Fantz, J.F., Reinsel, D., Chute, C., Schlichting, W., McArthur, J., Minton, S., Xheneti, I., Tonoheva, A., Manfrediz, A.: The expanding digital universe. In: An IDC White Paper - Sponsored by EMC (2007)Google Scholar
  10. 10.
    Humphreys, G., Houston, M., Ng, R., Frank, R., Ahern, S., Kirchner, P.D., Klosowski, J.T.: Chromium: A stream-processing framework for interactive rendering on clusters. In: ACM SIGGRAPH 2002, pp. 693–702 (2002)Google Scholar
  11. 11.
    Melchior, J., Grolaux, D., Vanderdonckt, J., Roy, P.V.: A toolkit for peer-to-peer distributed user interfaces: Concepts, implementation, and applications. In: Proceedings of The ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2009), pp. 69–78 (2009)Google Scholar
  12. 12.
    Mount, D.M., Arya, S.: Ann: A library for approximate nearest neighbor searching,
  13. 13.
    Ni, T., Schmidt, G.S., Staadt, O.G., Livingston, M.A., Ball, R., May, R.: A survey on large high-resolution display technologies, techniques, and applications. In: Virtual Reality Conference, 2006, pp. 223–236 (2006)Google Scholar
  14. 14.
    Renambot, L., Rao, A., Singh, R., Byungil, J., Krishnaprasad, N., Vishwanath, V., Vaidya, C., Nicholas, S., Spale, A., Charles, Z., Gideon, G., Leigh, J., Johnson, A.: Sage: the scalable adaptive graphics environment. In: Workshop on Advanced Collaborative Environments, WACE 2004 (2004)Google Scholar
  15. 15.
    Sandstrom, T.A., Henze, C., Levit, C.: The hyperwall. In: Proceedings of International Conference on Coordinated and Multiple Views in Exploratory Visualization, pp. 124–133 (2003)Google Scholar
  16. 16.
    Silvers, R.: Photomosaics: Putting Pictures in Their Place. PhD thesis, Massachusetts Institute of Technology (1996)Google Scholar
  17. 17.
    Silvers, R., Tieman, R.: Disney’s Photomosaics. Hyperion (1998)Google Scholar
  18. 18.
    Staadt, O., Walker, J., Nuber, C., Hamann, B.: A Survey and Performance Analysis of Software Platforms for Interactive Cluster-based Multi-screen Rendering. In: ACM SIGGRAPH ASIA 2008 Courses, pp. 1–10. ACM, New York (2008)Google Scholar
  19. 19.
    Vandervelpen, C., Vanderhulst, G., Luyten, K., Coninx, K.: Light-weight distributed web interfaces: Preparing the web for heterogeneous environments. In: Lowe, D.G., Gaedke, M. (eds.) ICWE 2005. LNCS, vol. 3579, pp. 197–202. Springer, Heidelberg (2005)CrossRefGoogle Scholar
  20. 20.
    Yokoyama, S., Ishikawa, H.: Creating Decomposable Web Applications On High-Resolution Tiled Display Walls. In: Proceedings of the IADIS International Conference on WWW/Internet, pp. 151–158 (2010)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2011

Authors and Affiliations

  • Shohei Yokoyama
    • 1
  • Hiroshi Ishikawa
    • 1
  1. 1.Shizuoka UniversityHamamatsuJapan

Personalised recommendations