![EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Slide 2
Dashboards are widely used in projects
[1] ClearPoint Strategy
[2] James Watney, Trevor
[3] Insight2
Effective means of presenting critical information
Widely used in real-world projects across a variety of disciplines
How to design and implement these dashboard faster?](https://image.slidesharecdn.com/mod2dashpresentation-231108043034-a2237c3a/85/Mod2Dash-Presentation-2-320.jpg)
![Slide 28
EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
Reference Discipline Layout Chart Interaction Widget Interaction Customization
Palpanas et al. 2007 [4] Business Hard coded template ❌ ❌ Model-based
Kintz et al. 2017 [5] Business Hard coded template ✅ ❌ Model-based
Vazquez-Ingelmo et al.
2021 [6]
Knowledge/
Interactions
Widget size ✅ ❌ Model-based
Mol2Dash Generic
Widget Size
Location
✅ ✅
Model-based
GUI-based
Why we still need Mod2Dash
Automated Dashboard Generation](https://image.slidesharecdn.com/mod2dashpresentation-231108043034-a2237c3a/85/Mod2Dash-Presentation-28-320.jpg)
Mod2Dash Presentation
- 1. MOD2DASH: A FRAMEWORK FOR MODEL-DRIVEN DASHBOARDS GENERATION Presenter: Liuyue Jiang Authors: Liuyue Jiang, Nguyen Khoi Tran, M. Ali Babar EICS 2022
- 2. EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Slide 2 Dashboards are widely used in projects [1] ClearPoint Strategy [2] James Watney, Trevor [3] Insight2 Effective means of presenting critical information Widely used in real-world projects across a variety of disciplines How to design and implement these dashboard faster?
- 3. Slide 3 The Need for Faster Dashboard Generation EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation CISO Executives Dashboard for Cyber Situational Awareness
- 4. Slide 4 EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation CISO What information constitute situational awareness to help with making better decisions Knowledge Data Engineers What data and format can be prepared and provided Designers How to present the information How to interact Layout Theme Content Widgets Visualization techniques Interactions Data Architecture … Dashboard Architecture Developers What architecture and coding techniques should be applied The Need for Faster Dashboard Generation
- 5. Slide 5 The Need for Faster Dashboard Generation EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Data Engineers Layout Theme Content Widgets Visualization techniques Interactions Data Architecture … Dashboard Architecture Developers Developing Prototype
- 6. Slide 6 The Need for Faster Dashboard Generation EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Layout Theme Content Widgets Visualization techniques Interactions Data Architecture … Dashboard Architecture Software Engineers Developing CISO Data Engineers Designers Developers Executives Prototype Users Feedback New requirements Improvement New prototype Version 2 Version 3 Quickly prototyping and validating are needed. Product Managers
- 7. Slide 7 The Need for Faster Dashboard Generation EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Layout Theme Content Widgets Visualization techniques Interactions Data Architecture … Dashboard Architecture Software Engineers Developing Product Managers Data Engineers Designers Developers Prototype Users How to help with quickly prototyping and validating dashboard design?
- 8. Proposed Solution A Framework for Model-Driven Dashboards Generation
- 9. Mod2Dash Framework Digital Artifact Slide 9 Mod2Dash Framework EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Layout Theme Content Widgets Visualization techniques Interactions Data Architecture … Dashboard Architecture Software Engineers Developing Product Managers Data Engineers Designers Developers Automated Mechanism
- 10. Mod2Dash Framework Slide 10 Mod2Dash Framework Updated Model EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation 1. Dashboard Modelling 2. Dashboard Composition 3. GUI-driven Customisation
- 11. Slide 11 Mod2Dash - Dashboard Visualization Language 1. Dashboard frame prototyping design 2. Meta-model of the language EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 12. Slide 12 Mod2Dash - Dashboard Visualization Language EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Dashboard ID Dashboard Name Dashboard Theme Pages Page ID Page Name Widgets Widget ID Widget Name Properties Layout Visconfig Interactions Detail configure
- 13. Slide 13 Mod2Dash - Dashboard Visualization Language EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 14. Slide 14 Mod2Dash - Dashboard Visualization Language EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 15. Slide 15 Mod2Dash – Automated Dashboard Composition EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Composition Workflow
- 16. Slide 16 Mod2Dash – Automated Dashboard Composition EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Example
- 17. Slide 17 Mod2Dash – Dashboard Customization EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 19. Slide 19 Methodology Case Study Design Decision Extraction Dashboard Collection Proof-of-concept Development Dashboard Reconstruction Human-assisted Study Analysis Result EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation How effective that Mod2Dash can represent and reproduce the dashboard design decisions?
- 20. Slide 20 Diverse Dashboard Collection Source Number Percentage Description Academia 5 16.13% Research papers with the topic of cyber security visualization or dashboard. Industry 20 64.52% Industry practices in cyber security solution products. Design 4 12.90% Cyber dashboard visual designs in the design sharing platform "Dribbble". Reporting 2 6.45% Excel reporting templates for cyber security. EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Widely collect dashboards Combine with other dataset Inclusion and exclusion Final dashboard collection
- 21. Slide 21 Diverse Dashboard Design Distribution of visualization techniques. Design decision statistics. EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Design decisions
- 22. Slide 22 PoC development and reconstruct Dashboard Reconstruction Result Original Dashboard from the wild EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 23. Slide 23 PoC development and reconstruct EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 24. Slide 24 Human-assisted counting and rating Compare: • Major design decisions (layout, visualization techniques) • Minor design decisions (color inside a chart, chart legend names) • Interactions (icons, buttons) Impression: • Overall impression • Correctness • Visualization • Understandability • Expressiveness EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation
- 25. Related Work
- 26. Slide 26 Why we still need Mod2Dash EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Dashboard Products
- 27. Slide 27 EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Graph Visualisation Visualisation recommendation Infographics authoring Image reverse-engineering Why we still need Mod2Dash Visualization Language
- 28. Slide 28 EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Reference Discipline Layout Chart Interaction Widget Interaction Customization Palpanas et al. 2007 [4] Business Hard coded template ❌ ❌ Model-based Kintz et al. 2017 [5] Business Hard coded template ✅ ❌ Model-based Vazquez-Ingelmo et al. 2021 [6] Knowledge/ Interactions Widget size ✅ ❌ Model-based Mol2Dash Generic Widget Size Location ✅ ✅ Model-based GUI-based Why we still need Mod2Dash Automated Dashboard Generation
- 29. Key Takeaway
- 30. Slide 30 Key Takeaways EICS 2022 - Mod2Dash: A Framework for Model-Driven Dashboards Generation Dashboard Practitioners Dashboard visualization language Dashboard Requirements Knowledge Automated Mechanism To help dashboard practitioners to quickly prototype and validate the dashboard design. A dashboard visualization meta-model and dashboard visualization language. An automated dashboard composition from models. The evaluation shows the effectiveness for real-world scenarios.