Skip to main content

Skeblle: A New Kind of Diagramming Tool with Programmable Active Diagrams

  • Conference paper
  • First Online:
Perspectives of System Informatics (PSI 2014)

Part of the book series: Lecture Notes in Computer Science ((LNTCS,volume 8974))

  • 595 Accesses

Abstract

Diagramming tools range from manual free-form drawing tools to pre-programmed notation specific tools for UML or SDL, and further to fully programmatic tools like Pic or TikZ. In such tools, the diagrams are the end product, not available for further use, unaware of relations between diagrams or the ability to express one diagram as a function of another. We propose a new kind of tool based on programmable active diagrams, where diagrams are active entities to be operated upon and connected to systems they depict. Our tool, Skeblle, implements this approach for box-line diagrams. In Skeblle, every diagram drawn by a user is backed by a graph, and both the diagram and the underlying graph can be manipulated manually or with a command language. Manipulations of the graph are reflected in the diagram and vice versa, and the graph can link real systems to diagram nodes via urls. In combination, these facilities give us a novel tool that feels like a simple diagramming tool, but is capable of creating diagrams that better capture the domain they represent. Diagrams can change to reflect changes in systems they depict, and may be operated upon to compute related diagrams.

We describe how Skeblle may be used to draw software deployment and architecture diagrams, explain distributed protocols, and visualize chemical reactions. We show that Skeblle makes it simple to compute diagrams to illustrate differences in system states due to component failures, data flows, and chemical interactions.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Subscribe and save

Springer+ Basic
$34.99 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 39.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 54.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

Notes

  1. 1.

    A portmanteau of Sketch and Bubble.

References

  1. Chemtube3d. http://www.chemtube3d.com

  2. Microsoft Visio. http://en.wikipedia.org/wiki/Microsoft_Visio

  3. PGF/TikZ. http://en.wikipedia.org/wiki/TikZ

  4. PlantUML tool. http://plantuml.sourceforge.net/

  5. Quotient set. http://en.wikipedia.org/wiki/Quotient_set

  6. Brandes, U., Eiglsperger, M., Lerner, J., Pich, C.: Graph markup language (GraphML) (2013)

    Google Scholar 

  7. Ellson, J., Gansner, E.R., Koutsofios, L., North, S.C., Woodhull, G.: Graphviz - open source graph drawing tools. In: Mutzel, P., Jünger, M., Leipert, S. (eds.) GD 2001. LNCS, vol. 2265, pp. 483–484. Springer, Heidelberg (2002)

    Chapter  Google Scholar 

  8. Gerhauser, M., Valentin, B., Wassermann, A.: JSXGraph-dynamic mathematics with javascript. Int. J. Technol. Math. Educ. 17(4), 211–215 (2010)

    Google Scholar 

  9. Ghamarian, A.H., de Mol, M., Rensink, A., Zambon, E., Zimakova, M.: Modelling and analysis using groove. STTT 14(1), 15–40 (2012)

    Article  Google Scholar 

  10. Heinzelman, W.R., Chandrakasan, A., Balakrishnan, H.: Energy-efficient communication protocol for wireless microsensor networks. In: HICSS (2000)

    Google Scholar 

  11. Hunter, J.D.: Matplotlib: a 2D graphics environment. Comput. Sci. Eng. 9(3), 90–95 (2007)

    Article  Google Scholar 

  12. Jakumeit, E., Buchwald, S., Kroll, M.: GrGen.NET - the expressive, convenient and fast graph rewrite system. STTT 12(3–4), 263–271 (2010)

    Article  Google Scholar 

  13. Jakumeit, E., Buchwald, S., Wagelaar, D., Dan, L., Hegedüs, Á., Herrmannsdörfer, M., Horn, T., Kalnina, E., Krause, C., Lano, K., Lepper, M., Rensink, A., Rose, L., Wätzol, S.: A survey and comparison of transformation tools based on the transformation tool contest. Sci. Comput. Program. 85, 41–99 (2013)

    Article  Google Scholar 

  14. Kernighan, B.W.: Pic-a language for typesetting graphics. Softw. Pract. Exper. 12(1), 1–21 (1982)

    Article  Google Scholar 

  15. Luthra, C., Mittal, D.: Firebug 1.5: Editing, Debugging, and Monitoring Web Pages. Packt Publishing, New Delhi (2010)

    Google Scholar 

  16. Pietriga, E.: Graph style sheets in IsaViz (2001). http://www.w3.org/2001/11/IsaViz/gss/gssmanual.html

  17. Sefika, M., Sane, A., Campbell, R.H.:Architecture-oriented visualization. In: ACM SIGPLAN Notice, vol. 31, pp. 398–405. ACM (1996)

    Google Scholar 

  18. Sefika, M., Sane, A., Campbell, R.H.: Monitoring compliance of a software system with its high-level design models. In: Proceedings of the 18th International Conference on Software Engineering, pp. 387–396. IEEE Computer Society (1996)

    Google Scholar 

  19. Vlissides, J.M., Linton, M.A.: Unidraw: a framework for building domain-specific graphical editors. ACM Trans. Inf. Syst. 8(3), 237–268 (1990)

    Article  Google Scholar 

Download references

Acknowledgments

We thank our colleagues at Yahoo for their support of this work, and the JSXGraph [8] team for their library.

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Vinodh Kumar Sunkara .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2015 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

Sunkara, V.K., Sane, A. (2015). Skeblle: A New Kind of Diagramming Tool with Programmable Active Diagrams. In: Voronkov, A., Virbitskaite, I. (eds) Perspectives of System Informatics. PSI 2014. Lecture Notes in Computer Science(), vol 8974. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-662-46823-4_23

Download citation

  • DOI: https://doi.org/10.1007/978-3-662-46823-4_23

  • Published:

  • Publisher Name: Springer, Berlin, Heidelberg

  • Print ISBN: 978-3-662-46822-7

  • Online ISBN: 978-3-662-46823-4

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics