Abstract
Visualizing relationships is becoming more and more essential nowadays, so we need efficient visualization solutions to meet the requirements of the users. One of its forms is when we use tables to describe the relationships and their associated values. In this work, we present TabularVis, an interactive, web client based application for visualizing relationships based on tabular data. Our visualization technique was inspired by the Table Viewer web application of the popular genome visualization software called Circos. For our solution, we only kept its central idea, and we built our new extensions and features around it. We also propose an automatic sorting solution to reduce the number of intersections in the diagram along with an edge bundling technique to improve the clarity of it. In the paper, we present the features of our visualization, which mainly focuses on improving the readability of the diagram in those cases when the difference between the values of the table is extremely small or large. Also, we compared our solution with Circos in a survey to prove the effectiveness of our proposed features. Beside this, we compared the sorting method with the edge bundling technique as well to confirm their performance. The result of the surveys is also presented in the paper. Furthermore, we provide running time measurements as well to show the effectiveness of the presented methods.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Similar content being viewed by others
References
Krzywinski, M., et al.: Circos: an information aesthetic for comparative genomics. Genome Res. 19, 1639–1645 (2009)
Papp, Gy., Kunkli, R.: TabularVis - a Circos-inspired interactive web client based tool for improving the clarity of tabular data visualization. In: Proceedings of the 13th International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications - Volume 3: IVAPP, INSTICC, pp. 120–131. SciTePress (2018)
Chuah, M.C., Eick, S.G.: Information rich glyphs for software management data. IEEE Comput. Graph. Appl. 18, 24–29 (1998)
Katapadi, V.K., Nambiar, M., Raghavan, S.C.: Potential G-quadruplex formation at breakpoint regions of chromosomal translocations in cancer may explain their fragility. Genomics 100, 72–80 (2012)
Burkart-Waco, D., et al.: Hybrid incompatibility in Arabidopsis is determined by a multiple-locus genetic network. Plant Physiol. 158, 801–812 (2012)
Schmutz, J., et al.: A reference genome for common bean and genome-wide analysis of dual domestications. Nat. Genet. 46, 707–713 (2014)
Tine, M., et al.: European sea bass genome and its variation provide insights into adaptation to euryhalinity and speciation. Nat. Commun. 5, 5770 (2014)
Lin, X., Dang, Q., Konar, M.: A network analysis of food flows within the United States of America. Environ. Sci. Technol. 48, 5439–5447 (2014)
Dang, Q., Lin, X., Konar, M.: Agricultural virtual water flows within the United States. Water Resour. Res. 51, 973–986 (2015)
Irimia, A., Horn, J.D.V.: The structural, connectomic and network covariance of the human brain. NeuroImage 66, 489–499 (2013)
Irimia, A., Van Horn, J.: Systematic network lesioning reveals the core white matter scaffold of the human brain. Front. Hum. Neurosci. 8, 51 (2014)
Blasco-Soplón, L., Grau-Valldosera, J., Minguillón, J.: Visualization of enrollment data using chord diagrams. In: Proceedings of the 10th International Conference on Computer Graphics Theory and Applications - Volume 1: GRAPP, (VISIGRAPP 2015), INSTICC, pp. 511–516. SciTePress (2015)
Pan, K.X., Zhu, H.X., Chang, Z., Wu, K.H., Shan, Y.L., Liu, Z.X.: Estimation of coal-related CO\(_{2}\) emissions: the case of China. Energy Environ. 24, 1309–1321 (2013)
Fujiwara, Y.: Visualizing open data of input-output tables in Kobe city. In: SIGGRAPH Asia 2015 Visualization in High Performance Computing SA 2015, pp. 18:1–18:1. ACM, New York (2015)
Nicholas, M., Archambault, D., Laramee, R.S.: Interactive visualisation of automotive warranty data using novel extensions of chord diagrams. In: Elmqvist, N., Hlawitschka, M., Kennedy, J. (eds): EuroVis - Short Papers, The Eurographics Association (2014)
Hu, Y., et al.: Omic-Circos: a simple-to-use R package for the circular visualization of multidimensional omics Data. Cancer Inform. 13, 13–20 (2014)
Zhang, H., Meltzer, P., Davis, S.: RCircos: an R package for Circos 2D track plots. BMC Bioinform. 14, 244 (2013)
Yin, T., Cook, D., Lawrence, M.: ggbio: an R package for extending the grammar of graphics for genomic data. Genome Biol. 13, R77 (2012)
An, J., Lai, J., Sajjanhar, A., Batra, J., Wang, C., Nelson, C.C.: J-Circos: an interactive Circos plotter. Bioinformatics 31, 1463–1465 (2015)
Meyer, M., Munzner, T., Pfister, H.: MizBee: a multiscale synteny browser. IEEE Trans. Vis. Comput. Graph. 15, 897–904 (2009)
Gu, Z., Gu, L., Eils, R., Schlesner, M., Brors, B.: Circlize implements and enhances circular visualization in R. Bioinformatics 30, 2811–2812 (2014)
Bayer, T.: A Thousand Fibers Connect Us - WikiViz 2011 winner visualizes Wikipedia’s global reach (2011). https://blog.wikimedia.org/2011/10/06/a-thousand-fibers-connect-us-wikiviz-winner-visualize-wikipedias-global-reach/. Accessed 06 Mar 2018
Bostock, M., Ogievetsky, V., Heer, J.: \(\mathbb{D}^3\): data-driven documents. IEEE Trans. Vis. Comput. Graph. 17, 2301–2309 (2011)
Google: (Chrome Experiments—Experiments with Google). https://experiments.withgoogle.com/collection/chrome. Accessed 06 Mar 2018
Mwalongo, F., Krone, M., Becher, M., Reina, G., Ertl, T.: Remote visualization of dynamic molecular data using WebGL. In: Proceedings of the 20th International Conference on 3D Web Technology. Web3D 2015, pp. 115–122. ACM, New York (2015)
Andrews, K., Wright, B.: FluidDiagrams: web-based information visualisation using javascript and WebGL. In: Elmqvist, N., Hlawitschka, M., Kennedy, J. (eds): EuroVis - Short Papers, The Eurographics Association, pp. 43–47 (2014)
Bornelöv, S., Marillet, S., Komorowski, J.: Ciruvis: a web-based tool for rule networks and interaction detection using rule-based classifiers. BMC Bioinform. 15, 139 (2014)
Cui, Y., et al.: BioCircos.js: an interactive Circos JavaScript library for biological data visualization on web applications. Bioinformatics 32, 1740–1742 (2016)
Baur, M., Brandes, U.: Crossing reduction in circular layouts. In: Hromkovič, J., Nagl, M., Westfechtel, B. (eds.) WG 2004. LNCS, vol. 3353, pp. 332–343. Springer, Heidelberg (2004). https://doi.org/10.1007/978-3-540-30559-0_28
Gansner, E.R., Koren, Y.: Improved circular layouts. In: Kaufmann, M., Wagner, D. (eds.) GD 2006. LNCS, vol. 4372, pp. 386–398. Springer, Heidelberg (2007). https://doi.org/10.1007/978-3-540-70904-6_37
Lhuillier, A., Hurter, C., Telea, A.: State of the art in edge and trail bundling techniques. Comput. Graph. Forum 36, 619–645 (2017)
Holten, D.: Hierarchical edge bundles: visualization of adjacency relations in hierarchical data. IEEE Trans. Vis. Comput. Graph. 12, 741–748 (2006)
Krzywinski, M.: (Articles // CIRCOS Circular Genome Data Visualization). http://circos.ca/presentations/articles/vis_tables1/#tables. Accessed 06 Mar 2018
Brownlee, J.: Clever Algorithms: Nature-Inspired Programming Recipes, 1st edn. Lulu.com (2011)
Russell, S., Norvig, P.: Artificial Intelligence: A Modern Approach. Prentice Hall Series in Artificial Intelligence. Prentice Hall, Englewood (2010)
Google: (AngularDart). https://webdev.dartlang.org/angular. Accessed 24 Mar 2018
Robert, M., Ray, H.: ChronosGL A minimal WebGL2 3D Engine written in Dart. http://chronosteam.github.io/ChronosGL/. Accessed 18 May 2018
Handsoncode: (Handsontable Community Edition). https://github.com/handsontable/handsontable. Accessed 10 May 2018
Acknowledgement
Supported by the ÚNKP–17–4 New National Excellence Program Of The Ministry Of Human Capacities.
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2019 Springer Nature Switzerland AG
About this paper
Cite this paper
Papp, G., Kunkli, R. (2019). TabularVis: An Interactive Relationship Visualization Tool Supported by Optimization and Search Algorithms. In: Bechmann, D., et al. Computer Vision, Imaging and Computer Graphics Theory and Applications. VISIGRAPP 2018. Communications in Computer and Information Science, vol 997. Springer, Cham. https://doi.org/10.1007/978-3-030-26756-8_8
Download citation
DOI: https://doi.org/10.1007/978-3-030-26756-8_8
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-26755-1
Online ISBN: 978-3-030-26756-8
eBook Packages: Computer ScienceComputer Science (R0)