{"id":2961,"date":"2021-10-07T08:41:52","date_gmt":"2021-10-07T08:41:52","guid":{"rendered":"https:\/\/wp.infilon.net\/systemsthinking\/?page_id=2961"},"modified":"2021-12-28T06:49:20","modified_gmt":"2021-12-28T06:49:20","slug":"visualisation","status":"publish","type":"page","link":"https:\/\/wp.infilon.net\/systemsthinking\/visualisation\/","title":{"rendered":"Visualisation"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1633322218820{margin-bottom: 30px !important;background-color: #f8f8f8 !important;}&#8221; el_class=&#8221;sec11&#8243;][vc_column][vc_custom_heading text=&#8221;Visualisation&#8221; font_container=&#8221;tag:h1|text_align:left|color:%23800000&#8243; google_fonts=&#8221;font_family:Muli%3A300%2C300italic%2Cregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221; css_animation=&#8221;none&#8221; css=&#8221;.vc_custom_1640674158220{padding-bottom: 25px !important;}&#8221;][vc_custom_heading text=&#8221;Suitable for Step 3 of the Jeans and Chips examples&#8221; google_fonts=&#8221;font_family:Muli%3A300%2C300italic%2Cregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221; css_animation=&#8221;none&#8221; el_class=&#8221;h22&#8243; css=&#8221;.vc_custom_1633596141784{padding-bottom: 25px !important;}&#8221;]            \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_1 icongrp\">\n        <div class=\"icon-box-container\">\n                    <div class=\"icon-wrap\" style=\"color:#444444\">\n                <span class=\"far fa-clock\"><\/span>\n            <\/div>    \n                    <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Duration                                    <\/h5>\n                <p class=\"icon-description\">Depends on the task<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n                    \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_1 icongrp\">\n        <div class=\"icon-box-container\">\n                    <div class=\"icon-wrap\" style=\"color:#444444\">\n                <span class=\"fas fa-copy\"><\/span>\n            <\/div>    \n                    <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Material Needed                                    <\/h5>\n                <p class=\"icon-description\">Can be done by hand or using free software such as those used for concept maps or causal diagrams<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n        [vc_column_text]<a href=\"https:\/\/www.xmind.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.xmind.net\/<\/a><\/p>\n<p><a href=\"https:\/\/www.mindmup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.mindmup.com\/<\/a><\/p>\n<p><a href=\"https:\/\/coggle.it\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/coggle.it\/<\/a>[\/vc_column_text]            \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_1 icongrp\">\n        <div class=\"icon-box-container\">\n                    <div class=\"icon-wrap\" style=\"color:#444444\">\n                <span class=\"fas fa-users\"><\/span>\n            <\/div>    \n                    <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Group size                                    <\/h5>\n                <p class=\"icon-description\">Individual or pairs<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n                    \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_1 icongrp\">\n        <div class=\"icon-box-container\">\n                    <div class=\"icon-wrap\" style=\"color:#444444\">\n                <span class=\"fas fa-bullseye\"><\/span>\n            <\/div>    \n                    <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Objective                                    <\/h5>\n                <p class=\"icon-description\">To help learners visualize concepts, components, and their relationships, and represent them graphically.<br \/>\nVisualizing is a method of learning (especially supporting exploration of a topic and integration of concepts) and expression that allows one to structure their knowledge of complex topics. It uses words, logos or pictograms as symbols of interrelated components and arrows to show interrelationship.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n                    \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_3 icongrp\">\n        <div class=\"icon-box-container\">\n            <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Description                                    <\/h5>\n                <p class=\"icon-description\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n        [vc_column_text]<\/p>\n<ol>\n<li>Ask learners to gather the important information about their selected topic. They should identify the main idea or question.<\/li>\n<li>Then, they need to decide which form of visualization is most appropriate for the topic. This depends on the purpose of the organization of the information and its representation. For example:\n<ol>\n<li>To prepare a hierarchical structure of multiple sub-topics and further sub-ordinate elements, a mind-map might fit best.<\/li>\n<li>To show reasons and consequences of a process, a causal map may fit best.<\/li>\n<li>To depict a process, a timeline-oriented form, like a flow chart will be suitable.<\/li>\n<li>If the description is about the components of a situation, processes, impacts, and outcomes, then a model might be the appropriate form.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>[\/vc_column_text]            \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_3 icongrp\">\n        <div class=\"icon-box-container\">\n            <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Contribution to Systems Thinking competence                                    <\/h5>\n                <p class=\"icon-description\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n        [vc_column_text]Visualizations can help present or highlight those elements that seems more relevant, point out which relationships show the highest causality, and what is the direction of the relationship.<\/p>\n<p>Visualization helps to depict complicated and complex situations or processes by reducing and arranging elements and showing interrelationships between them, which helps us to understand them more easily.[\/vc_column_text]            \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_3 icongrp\">\n        <div class=\"icon-box-container\">\n            <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Example                                    <\/h5>\n                <p class=\"icon-description\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n        [vc_single_image image=&#8221;2975&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]            \n            <div class=\" \">\n                    <div class=\"icon-box-shortcode-wrap style_3 icongrp\">\n        <div class=\"icon-box-container\">\n            <div class=\"icon-content\">\n                <h5 class=\"icon-title\">\n                                        Further reading                                    <\/h5>\n                <p class=\"icon-description\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n            \n        [vc_column_text]Horan, Pat (2000). Using rich pictures in information systems teaching. Available at<\/p>\n<p><a href=\"http:\/\/ceur-ws.org\/Vol-72\/039%20Horan%20SSM.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><u>http:\/\/ceur-ws.org\/Vol-72\/039%20Horan%20SSM.pdf<\/u><\/a><\/p>\n<p>Monk, Andrew, and Steve Howard (1998). The Rich Picture: A Tool for Reasoning About Work Context. Methods &amp; Tools. Interactions. March-April 1998. Available at<\/p>\n<p><a href=\"https:\/\/www.ics.uci.edu\/~wscacchi\/SA\/Readings\/RichPicture.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><u>https:\/\/www.ics.uci.edu\/~wscacchi\/SA\/Readings\/RichPicture.pdf<\/u><\/a>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1633322218820{margin-bottom: 30px !important;background-color: #f8f8f8 !important;}&#8221; el_class=&#8221;sec11&#8243;][vc_column][vc_custom_heading text=&#8221;Visualisation&#8221; font_container=&#8221;tag:h1|text_align:left|color:%23800000&#8243; google_fonts=&#8221;font_family:Muli%3A300%2C300italic%2Cregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221; css_animation=&#8221;none&#8221; css=&#8221;.vc_custom_1640674158220{padding-bottom: 25px !important;}&#8221;][vc_custom_heading text=&#8221;Suitable for Step 3 of the Jeans and Chips examples&#8221; google_fonts=&#8221;font_family:Muli%3A300%2C300italic%2Cregular%2Citalic|font_style:400%20regular%3A400%3Anormal&#8221; css_animation=&#8221;none&#8221; el_class=&#8221;h22&#8243; css=&#8221;.vc_custom_1633596141784{padding-bottom: 25px !important;}&#8221;][vc_column_text]https:\/\/www.xmind.net\/ https:\/\/www.mindmup.com\/ https:\/\/coggle.it\/[\/vc_column_text][vc_column_text] Ask learners to gather the important information about their selected topic. They should identify the main idea or question. Then, they need to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/pages\/2961"}],"collection":[{"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/comments?post=2961"}],"version-history":[{"count":6,"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/pages\/2961\/revisions"}],"predecessor-version":[{"id":3512,"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/pages\/2961\/revisions\/3512"}],"wp:attachment":[{"href":"https:\/\/wp.infilon.net\/systemsthinking\/wp-json\/wp\/v2\/media?parent=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}