Abstract
The advancements of web technologies in recent years made it possible to switch from traditional desktop software to online solutions. Today, people naturally use web applications to work together on documents, spreadsheets, or blogs in real time. Also interactive data visualizations are more and more shared in the web. They are thus easily accessible, and it is possible to collaboratively discuss and explore complex data sets. A still open problem in collaborative information visualization is the online exploration of node-link diagrams of graphs (or networks) in fields such as social sciences or systems biology. In this paper, we address challenges related to this research problem and present a client/server-based visualization system for the collaborative exploration of graphs. Our approach uses WebGL to render large graphs in a web application and provides tools to coordinate the analysis process of multiple users in synchronous as well as asynchronous sessions.
Chapter PDF
Similar content being viewed by others
References
Chuah, M., Roth, S.: Visualizing common ground. In: Proceedings of the International Conference on Information Visualization (IV 2003), pp. 365–372. IEEE (2003)
Heer, J., Agrawala, M.: Design Considerations for Collaborative Visual Analytics. Information Visualization 7(1), 49–62 (2008)
Isenberg, P., Elmqvist, N., Cernea, D., Scholtz, J., Ma, K.-L., Hagen, H.: Collaborative Visualization: Definition, Challenges, and Research Agenda. Information Visualization 10(4), 310–326 (2011)
Zimmer, B., Kerren, A.: Applying heat maps in a web-based collaborative graph visualization. In: Poster Abstracts, IEEE Information Visualization (InfoVis 2014), France, Paris (2014)
Zimmer, B., Kerren, A.: Sensemaking and provenance in distributed collaborative node-link visualizations. In: Abstract Papers, IEEE VIS 2014 Workshop: Provenance for Sensemaking, France, Paris (2014)
Kandel, S., Heer, J., Plaisant, C., Kennedy, J., van Ham, F., Riche, N.H., Weaver, C., Lee, B., Brodbeck, D., Buono, P.: Research directions in data wrangling: Visualizations and transformations for usable and credible data. Information Visualization 10(4), 271–288 (2011)
KEGG: Kyoto Encyclopedia of Genes and Genomes. http://www.genome.jp/kegg/ (accessed July 10, 2014)
Shannon, P., Markiel, A., Ozier, O., Baliga, N.S., Wang, J.T., Ramage, D., Amin, N., Schwikowski, B., Ideker, T.: Cytoscape: a software environment for integrated models of biomolecular interaction networks. Genome Research 13(11), 2498–2504 (2003)
Bastian, M., Heymann, S., Jacomy, M.: Gephi: an open source software for exploring and manipulating networks. In: International AAAI Conference on Weblogs and Social Media (2009)
Batagelj, V., Mrvar, A.: Pajek - analysis and visualization of large networks. In: Mutzel, P., Jünger, M., Leipert, S. (eds.) GD 2001. LNCS, vol. 2265, pp. 477–478. Springer, Heidelberg (2002). http://dx.doi.org/10.1007/3-540-45848-4_54
Auber, D.: Tulip: data visualization software. In: Graph Drawing, pp. 435–437 (2001)
von Landesberger, T., Kuijper, A., Schreck, T., Kohlhammer, J., van Wijk, J., Fekete, J.-D., Fellner, D.: Visual analysis of large graphs: State-of-the-art and future research challenges. Computer Graphics Forum 30(6), 1719–1749 (2011). http://dx.doi.org/10.1111/j.1467-8659.2011.01898.x
Kerren, A., Purchase, H.C., Ward, M.O.: Multivariate Network Visualization, ser. Lecture Notes in Computer Science, vol. 8380. Springer (2014)
Kerren, A., Schreiber, F.: Network visualization for integrative bioinformatics. In: Chen, M., Hofestädt, R. (eds.) Approaches in Integrative Bioinformatics - Towards the Virtual Cell, pp. 173–202. Springer, Heidelberg (2014)
Heer, J., van Ham, F., Carpendale, S., Weaver, C., Isenberg, P.: Creation and collaboration: engaging new audiences for information visualization. In: Kerren, A., Stasko, J.T., Fekete, J.-D., North, C. (eds.) Information Visualization. LNCS, vol. 4950, pp. 92–133. Springer, Heidelberg (2008)
Viégas, A.B., Wattenberg, M., Ham, F.V., Kriss, J., Mckeon, M.: Many eyes: A site for visualization at internet scale. IEEE Transactions on Visualization and Computer Graphics 13(6), 1121–1128 (2007)
Heer, J., Viégas, F., Wattenberg, M.: Voyagers and voyeurs: supporting asynchronous collaborative information visualization. In: ACM Human Factors in Computing Systems (CHI), pp. 1029–1038 (2007)
McKeon, M.: Harnessing the Information Ecosystem with Wiki-based Visualization Dashboards. IEEE Transactions on Visualization and Computer Graphics 15(6), 1081–1088 (2009)
Samizdat Drafting Co. Arbor.js. http://arborjs.org (accessed January 2015)
Jacomy, A.: sigma.js. http://sigmajs.org (accessed January 2015)
Kashcha, A.: Vivagraphjs. https://github.com/anvaka/VivaGraphJS (accessed January 2015)
Kerren, A., Ebert, A., Meyer, J. (eds.): Human-Centered Visualization Environments, ser. LNCS Tutorial, vol. 4417. Springer, Heidelberg (2007)
Dix, A., Finlay, J.E., Abowd, G.D., Beale, R.: Human-Computer Interaction, 3rd edn. Prentice Hall, London (2003)
Baecker, R.M.: Readings in GroupWare and Computer-Supported Cooperative Work: Assisting Human-Human Collaboration, 1st edn. Morgan Kaufmann Publishers Inc., San Francisco (1994)
Kerren, A., Stasko, J.T., Fekete, J.-D., North, C. (eds.): Information Visualization, Human-Centered Issues and Perspectives, ser. Lecture Notes in Computer Science, vol. 4950. Springer (2008)
Dieberger, A., Dourish, P., Höök, K.: Social Navigation: Techniques for Building more Usable Systems. Interactions 7(6), November 2000
Gutwin, C., Greenberg, S.: Design for individuals, design for groups: tradeoffs between power and workspace awareness. In: Proceedings of the 1998 ACM Conference on Computer Supported Cooperative Work, ser. CSCW 1998, pp. 207–216. ACM, New York (1998)
Gentle, J.: ShareJS - Live concurrent editing in your app. http://sharejs.org (accessed January 2014)
The Apache Software Foundation. Apache Wave. http://sharejs.org (accessed January 2014)
TweenJS. http://www.createjs.com/TweenJS (accessed January 2015)
Khronos Group. WebGL Specification. Editor’s Draft 1, July 2014. http://www.khronos.org/registry/webgl/specs/latest (accessed January 2015)
Bostock, M.: D3 - data-driven documents. http://threejs.org (accessed January 2015)
Cabello, R.: Three.js. http://threejs.org (accessed January 2015)
World Wide Web Consortium. The WebSocket API. http://dev.w3.org/html5/websockets/ (accessed January 2015)
Neo Technology, Inc., Neo4j. http://neo4j.com (accessed January 2015)
O’Madadhain, J., Fisher, D., Nelson, T.: JUNG - Java Universal Network/Graph Framework. http://jung.sourceforge.net/ (accessed January 2015)
Ellis, C.A., Gibbs, S.J.: Concurrency control in groupware systems. SIGMOD Rec. 18(2), 399–407 (1989)
Animating a Million Letters Using Three.js. http://www.html5rocks.com/en/tutorials/webgl/million_letters/ (accessed January 2015)
Gretarsson, B., Bostandjiev, S., O’Donovan, J., Höllerer, T.: WiGis: a framework for scalable web-based interactive graph visualizations. In: Eppstein, D., Gansner, E.R. (eds.) GD 2009. LNCS, vol. 5849, pp. 119–134. Springer, Heidelberg (2010)
World Wide Web Consortium. WebRTC. http://www.w3.org/TR/2015/WD-webrtc-20150210/ (accessed January 2015)
Web Workers. http://www.w3.org/TR/workers/ (accessed January 2015)
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2015 Springer International Publishing Switzerland
About this paper
Cite this paper
Zimmer, B., Kerren, A. (2015). Harnessing WebGL and WebSockets for a Web-Based Collaborative Graph Exploration Tool. In: Cimiano, P., Frasincar, F., Houben, GJ., Schwabe, D. (eds) Engineering the Web in the Big Data Era. ICWE 2015. Lecture Notes in Computer Science(), vol 9114. Springer, Cham. https://doi.org/10.1007/978-3-319-19890-3_37
Download citation
DOI: https://doi.org/10.1007/978-3-319-19890-3_37
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-319-19889-7
Online ISBN: 978-3-319-19890-3
eBook Packages: Computer ScienceComputer Science (R0)