Painting objects with Mondrian

•

0 recomendaciones•397 vistas

ESUG

Painting objects with Mondrian. Michael Meyer and Tudor Gîrba. ESUG 2006, Prague

Tecnología Educación

Painting objects with Mondrian
Michael Meyer and Tudor Gîrba
Software Composition Group
University of Berne
Switzerland
September 6, 2006

70% of our sensors are dedicated to vision
Do you see?
Picture it!
Let’s see
I see

What we have: Graphviz is a visualization engine
digraph classGraph {
A [ shape=polygon, width = 6 ... ]
B [ shape=polygon, width = 5 ... ]
...
A -> B
C -> D
...
}

What we would like
Scripting
Instance based
Any data model
Close to data
Interaction

Mondrian metaphor: painting a view
Composition with Red,Yellow and Blue
Piet Mondrian (1921)

The simplest Mondrian script is an empty view
view :=ViewRenderer new.
view open.

The view consists of nodes and edges arranged
according to a layout
view :=ViewRenderer new.
view nodes: classes.
view edges: classes from: [:each | each superclass] to: [:each | each].
view treeLayout.
view open.

Visual representation is given by the shape
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.

Blocks can be replaced by symbols
view :=ViewRenderer new.
view borderedRectangleShape height: #numberOfMethods.
view nodes: classes.
view edgesFrom: #superclass.
view treeLayout.
view open.

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.

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 nodes: ...
...
view open.
view2 open.

Mondrian
Close to data
Any data model
Scripting
Interaction
Least object creation
Instance based
Soon in the Cincom Store ...
September 6, 2006

Más contenido relacionado

Similar a Painting objects with Mondrian

lksoo

Intro to Adobe Illustrator CS4 (2010)

Matteo Wyllyamz

3D Display

Toushik Paul

Polymorphism

Bhushan Mulmule

ppt on summer training on solidworks

Shubham Agarwal

Embeddings have become a powerful tool for representing discrete entities as continuous vectors. Recent advances have extended the original text embedding framework to accommodate new types of data. Of particular interest is a novel algorithm called “node2vec” that learns embeddings for nodes in a network. This is an especially pertinent use case for our team, since WeWork’s member community can conveniently be expressed in graphical form. In this talk, we’ll discuss how we use “node2vec” to create rich feature representations of WeWork communities, and then build recommendation services that are powered by these trained models.

Creating Community at WeWork through Graph Embeddings with node2vec - Karry Lu

Rising Media Ltd.

Tutorial 1 - Computer Aided Design (Final Release)

Charling Li

Datt2500 week 02

Joe Hambleton

Design patterns

F(x) Data Labs Pvt Ltd

Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions

RapidValue

101 project ideas

Maziah Mazlan

8th TUC Meeting - Sergey Edunov (Facebook). Generating realistic trillion-edg...

LDBC council

11 visualizing software_architectures

Majong DevJfu

Multidimension Scaling and Isomap

Cheng-Shiang Li

autocad demo.pptx

ChandraPrakash547934

Personal Matching Recommendation system in TinderBox

Mad Scientists

Similar a Painting objects with Mondrian (16)

Intro to Adobe Illustrator CS4 (2010)

3D Display

Polymorphism

ppt on summer training on solidworks

Creating Community at WeWork through Graph Embeddings with node2vec - Karry Lu

Tutorial 1 - Computer Aided Design (Final Release)

Datt2500 week 02

Design patterns

Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions

101 project ideas

8th TUC Meeting - Sergey Edunov (Facebook). Generating realistic trillion-edg...

11 visualizing software_architectures

Multidimension Scaling and Isomap

autocad demo.pptx

Personal Matching Recommendation system in TinderBox

Más de ESUG

Workshop: Identifying concept inventories in agile programming

ESUG

Technical documentation support in Pharo

ESUG

The Pharo Debugger and Debugging tools: Advances and Roadmap

ESUG

Sequence: Pipeline modelling in Pharo

ESUG

Migration process from monolithic to micro frontend architecture in mobile ap...

ESUG

Analyzing Dart Language with Pharo: Report and early results

ESUG

Transpiling Pharo Classes to JS ECMAScript 5 versus ECMAScript 6

ESUG

A Unit Test Metamodel for Test Generation

ESUG

Creating Unit Tests Using Genetic Programming

ESUG

Threaded-Execution and CPS Provide Smooth Switching Between Execution Modes

ESUG

Exploring GitHub Actions through EGAD: An Experience Report

ESUG

Pharo: a reflective language A first systematic analysis of reflective APIs

ESUG

Garbage Collector Tuning

ESUG

Improving Performance Through Object Lifetime Profiling: the DataFrame Case

ESUG

Pharo DataFrame: Past, Present, and Future

ESUG

thisContext in the Debugger

ESUG

Websockets for Fencing Score

ESUG

ShowUs: PharoJS.org Develop in Pharo, Run on JavaScript

ESUG

Advanced Object- Oriented Design Mooc

ESUG

A New Architecture Reconciling Refactorings and Transformations

ESUG

Más de ESUG (20)

Workshop: Identifying concept inventories in agile programming

Technical documentation support in Pharo

The Pharo Debugger and Debugging tools: Advances and Roadmap

Sequence: Pipeline modelling in Pharo

Migration process from monolithic to micro frontend architecture in mobile ap...

Analyzing Dart Language with Pharo: Report and early results

Transpiling Pharo Classes to JS ECMAScript 5 versus ECMAScript 6

A Unit Test Metamodel for Test Generation

Creating Unit Tests Using Genetic Programming

Threaded-Execution and CPS Provide Smooth Switching Between Execution Modes

Exploring GitHub Actions through EGAD: An Experience Report

Pharo: a reflective language A first systematic analysis of reflective APIs

Garbage Collector Tuning

Improving Performance Through Object Lifetime Profiling: the DataFrame Case

Pharo DataFrame: Past, Present, and Future

thisContext in the Debugger

Websockets for Fencing Score

ShowUs: PharoJS.org Develop in Pharo, Run on JavaScript

Advanced Object- Oriented Design Mooc

A New Architecture Reconciling Refactorings and Transformations

Último

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

Tech Trends Report 2024 Future Today Institute.pdf

hans926745

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Painting objects with Mondrian

1. Painting objects with Mondrian Michael Meyer and Tudor Gîrba Software Composition Group University of Berne Switzerland September 6, 2006

2. Mondrian is about visualization

3. Mondrian is also about interaction

4. please ask questions

5. Why visualization?

6. “One picture is worth a thousand words”

8. some took it literally :)

9. 70% of our sensors are dedicated to vision Do you see? Picture it! Let’s see I see

10. How many groups do you see?

11. How many groups do you see?

12. How many groups do you see?

13. How many groups do you see?

14. 70% of our sensors are dedicated to vision Do you see? Picture it! Let’s see I see

15. “One picture is worth a thousand words”

16. Example: What is ?

17.

18.

19.

20.

21.

22. What we have: Graphviz is a visualization engine digraph classGraph { A [ shape=polygon, width = 6 ... ] B [ shape=polygon, width = 5 ... ] ... A -> B C -> D ... }

23. What we would like Scripting Instance based Any data model Close to data Interaction

24. What we would like Scripting Instance based Any data model Close to data Interaction

25. Mondrian

26. Mondrian metaphor: painting a view

27. Mondrian metaphor: painting a view

28. Mondrian metaphor: painting a view Composition with Red,Yellow and Blue Piet Mondrian (1921)

29. The simplest Mondrian script is an empty view view :=ViewRenderer new. view open.

30. The view consists of nodes and edges arranged according to a layout view :=ViewRenderer new. view nodes: classes. view edges: classes from: [:each | each superclass] to: [:each | each]. view treeLayout. view open.

31. Visual representation is given by the shape 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.

34. What about interaction?

35. 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 nodes: ... ... view open. view2 open.

36. Mondrian Close to data Any data model Scripting Interaction Least object creation Instance based Soon in the Cincom Store ... September 6, 2006

Painting objects with Mondrian

Recomendados

Recomendados

Más contenido relacionado

Similar a Painting objects with Mondrian

Similar a Painting objects with Mondrian (16)

Más de ESUG

Más de ESUG (20)

Último

Último (20)

Painting objects with Mondrian