CodeCity for (and by) JavaScript (VEM Workshop, 2015)

JavaScript is one of the most popular programming languages on the web. Despite the language popularity and the increasing size of JavaScript systems, there is currently no visualization tools that can be used by developers to comprehend, maintain, and evolve JavaScript software. In this paper, we introduce JSCity, an implementation in JavaScript of the well-known CodeCity software visualization metaphor. JSCity relies on JavaScript features and libraries to show “software cities” in standard web browsers, without requiring complex installation procedures. We also report our experience on producing visualizations for 40 popular JavaScript systems using JScity.

Transcript

1. JSCity: Code City for (and by) JavaScript VEM Workshop, BH, Sept 2015 Marcos Viana, Guilherme Barbosa, André Hora, Marco Tulio Valente
2. 2 http://pt.slideshare.net/wettel/codecity-visual-exploration-of-largescale-evolving-software
3. 3 http://pt.slideshare.net/wettel/codecity-visual-exploration-of-largescale-evolving-software
4. Code City for JavaScript 4 https://github.com/aserg-ufmg/JSCity
5. Code City by JavaScript 5
6. Examples (40 systems) 6
7. AngularJS 7
8. Demo Video 8
9. [informal] Evaluation 9
10. Twitter Coverage 10
11. Twitter Coverage 11
12. Twitter Coverage 12
13. Twitter Coverage 13
14. Twitter Coverage 14
15. Twitter Coverage 15
16. Twitter Coverage 16
17. Twitter Coverage 17
18. Future Work • PyCity – Code City for Pyton – But by JavaScript • [more formal] Evaluation with developers 18
19. Thanks! https://github.com/aserg-ufmg/JSCity Marcos Viana, Guilherme Barbosa, André Hora, Marco Tulio Valente VEM Workshop, BH, Sept 2015