Paint Objects with Mondrian Visualization Language
•
0 gefällt mir•1,025 views
Mondrian is a domain-specific language for visualizing and interacting with data. It allows creating visualizations using nodes, edges, and shapes. Visualizations can be scripted and are interactive. Mondrian scripts are simple and use blocks to nest views and define interactions between views. The language is meant to provide scripting, instance-based modeling, and close interaction with data for creating custom visualizations.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Paint Objects with Mondrian Visualization Language
Ähnlich wie Paint Objects with Mondrian Visualization Language (20)
Mehr von Tudor Girba
Mehr von Tudor Girba (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Paint Objects with Mondrian Visualization Language
- 1. Painting objects with Mondrian Tudor Gîrba www.tudorgirba.com
- 2. Mondrian is created by Michael Meyer and Tudor Gîrba
- 4. A picture is worth thousand words a
- 6. UML took it literally :)
- 8. How many groups do you see?
- 9. How many groups do you see?
- 10. How many groups do you see?
- 11. How many groups do you see?
- 13. A picture is worth thousand words a
- 14. Example: What is ?
- 20. What we have: Graphviz digraph classGraph { A [ shape=polygon, width = 6 ... ] B [ shape=polygon, width = 5 ... ] ... A -> B C -> D ... }
- 21. What we have: CodeCrawler Node Edge Class Inheritance Node Edge
- 22. Mondrian
- 23. What we want Scripting Instance based Any data model Close to data Interaction
- 24. What we want Scripting Instance based Any data model Close to data Interaction
- 27. Composition with Red,Yellow and Blue Piet Mondrian (1921)
- 29. The simplest script is an empty view view := ViewRenderer new. view open.
- 30. View = nodes, edges, layout view := ViewRenderer new. view nodes: classes. view edges: classes from: [:each | each superclass] to: [:each | each]. view treeLayout. view open.
- 31. Shapes are responsible for drawing view := ViewRenderer new. view borderedRectangleShape height: [:each | each numberOfMethods]. view nodes: classes. view edges: classes from: [:each | each superclass] to: [:each | each]. view treeLayout. view open.
- 32. Blocks can be replaced by symbols view := ViewRenderer new. view borderedRectangleShape height: #numberOfMethods. view nodes: classes. view edgesFrom: #superclass. view treeLayout. view open.
- 33. Nesting is done through blocks view := ViewRenderer new. view borderedRectangleShape. view nodes: classes forEach: [:each | view nodes: each methods. view gridLayout]. view edgesFrom: #superclass. view treeLayout. view open.
- 35. Mondrian is about interactive visualization
- 36. Interaction is scriptable, too view := ViewRenderer new. view2 := ViewRenderer new. view interaction onSelect: [:each | each viewOn: view2]. view interaction popupView: [:each :aView | each viewOn: aView]. ... view open. view2 open.
- 37. Mondrian is a domain specific language view := ViewRenderer new. view borderedRectangleShape. view interaction popupView: [:each :aView | each viewOn: aView]. view nodes: classes forEach: [:each | view nodes: each methods. view gridLayout ]. view edgesFrom: #superclass. view treeLayout. view open.
- 39. Tudor Gîrba www.tudorgirba.com creativecommons.org/licenses/by/3.0/