Wiki source code of [Pragmatics] Smart Zoom for Edge and Port Labels
Last modified by Soeren Domroes on 2025/01/30 12:21
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | One of the challenges of drawing large diagrams is the question of how to maintain a readable diagram. While details remain readable when zoomed in, it is difficult to obtain a good overview while zoomed out, because labels are generally too small to read. In our current tooling in [[klighd-vscode>>https://github.com/kieler/klighd-vscode]] there is a "Smart Zoom" feature for nodes. It hides details within nodes and draws titles of nodes at an increased scale to keep them readable while zooming out. This can be seen in the figure below. | ||
| 2 | |||
| 3 | The task for this thesis is to implement a similar feature for edge labels and for port labels. This requires identifying and designing a sensible method for determining the available label bounds in which the label may be upscaled. The work should build upon the existing smart zoom feature. | ||
| 4 | |||
| 5 | [[image:image-20240131151228-1.png||height="461" width="1007"]] | ||
| 6 | |||
| 7 | = Goals = | ||
| 8 | |||
| 9 | * Implement a smart zoom feature for edge labels | ||
| 10 | * Implement a smart zoom feature for port labels | ||
| 11 | * Evaluation of sensible configurations and usability of features | ||
| 12 | |||
| 13 | = Scope = | ||
| 14 | |||
| 15 | Master's/Bachelor's Thesis | ||
| 16 | |||
| 17 | = Related Work/Literature = | ||
| 18 | |||
| 19 | * Prior work on existing Smart Zoom feature: | ||
| 20 | ** [[Master Project>>doc:Projects.Archive.Google Maps for Models - Summer Term 2021.WebHome]] | ||
| 21 | ** Master's Thesis: Bennet Bleßmann, //Google Maps for Models//, April 2022 | ||
| 22 | * ((( | ||
| 23 | De Carlo, G., Langer, P., & Bork, D. //Advanced visualization and interaction in GLSP-based web modeling: realizing semantic zoom and off-screen elements//. Proceedings of the 25th International Conference on Model Driven Engineering Languages and Systems (pp. 221-231), October 2022 | ||
| 24 | ))) | ||
| 25 | |||
| 26 | = Involved Languages/Technologies = | ||
| 27 | |||
| 28 | * Java / Xtend in SCCharts Synthesis | ||
| 29 | * Typescript in klighd-vscode | ||
| 30 | |||
| 31 | = Supervised by = | ||
| 32 | |||
| 33 | Maximilian Kasperowski | ||
| 34 | |||
| 35 | mka@informatik.uni-kiel.de |