{"id":196,"date":"2020-05-09T18:05:20","date_gmt":"2020-05-09T21:05:20","guid":{"rendered":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/?p=196"},"modified":"2020-05-11T08:42:40","modified_gmt":"2020-05-11T11:42:40","slug":"visual-network-mapping","status":"publish","type":"post","link":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/visual-network-mapping\/","title":{"rendered":"Visual Network Mapping"},"content":{"rendered":"<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"\/\/\/embed.kumu.io\/f43f8cb590e2ae7361397893a337c456\"  width=\"100%\"  height=\"600\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:100%;;height:600px;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p>\n<p>Starting with myself as a node in a network, I&#8217;ve mapped my <a href=\"https:\/\/www.facebook.com\">Facebook<\/a>, <a href=\"https:\/\/www.gmail.com\">Gmail<\/a> and <a href=\"https:\/\/www.linkedin.com\/in\/joubertedtech\/\">LinkedIn<\/a>. Some of my friends, family and colleagues are connected to multiple services, while others are connected to only one or two. Honestly this was a bit of a tedious process, first exporting the data from each service and then reworking the data into an Excel file as per <a href=\"https:\/\/kumu.io\/\">Kumu.io&#8217;s<\/a> <a href=\"https:\/\/docs.kumu.io\/guides\/import.html\">importing instructions<\/a>. As I have only begun to use <a href=\"https:\/\/twitter.com\/JoubertEdTech\">Twitter<\/a>, I was unable to obtain any data to map connections, nor did I include things such as phone contacts, internal work contacts, or connections through <a href=\"https:\/\/www.whatsapp.com\">WhatsApp<\/a>.<\/p>\n<p><em>Update &#8211; 11\/5\/20<\/em><\/p>\n<p>I&#8217;m curious if this wouldn&#8217;t be better to use something like <a href=\"https:\/\/p5js.org\/\">P5.js<\/a> to create a visualization. It might be a bit of work to get similar functionality, but it would at least be fully open source. I found <a href=\"https:\/\/wordpress.org\/plugins\/responsive-p5js-for-wp\/\">this WordPress plugin<\/a> which could work, although it does have some issues in that this blog is currently hosted on the University&#8217;s servers, meaning I don&#8217;t have access to the file directory. Unfortunately, that means I can&#8217;t upload the Javascript file for hosting, so it&#8217;s a no-go.<\/p>\n<p>An alternative might be to use <a href=\"https:\/\/wordpress.org\/plugins\/wp-p5js-block\/\">this Gutenberg Block<\/a> instead. I would still need permission to include it, which wasn&#8217;t a problem when I had Elementor added. The difficulty would be that I&#8217;d have to use <a href=\"https:\/\/wordpress.org\/gutenberg\/\">Gutenberg<\/a>, which I&#8217;m not too keen on as I know in my previous job we did have trouble getting it to react as expected. There was a great post created by <a href=\"https:\/\/themeisle.com\/\">ThemeIsle<\/a> on their <a href=\"https:\/\/elementor.com\/blog\/gutenberg-vs-elementor\/\">tests between Gutenberg and Elementor<\/a> and, while it&#8217;s posted on <a href=\"https:\/\/elementor.com\">Elementor&#8217;s website<\/a>, it does echo some of what we experienced, as well. But, if I want to use P5.js, I guess this is the way forward for now.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Starting with myself as a node in a network, I&#8217;ve mapped my Facebook, Gmail and LinkedIn. Some of my friends, family and colleagues are connected to multiple services, while others are connected to only one or two. Honestly this was a bit of a tedious process, first exporting the data from each service and then [&hellip;]<\/p>\n","protected":false},"author":174,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[38,28,32,33,30,35,34,27,26,29,36,37,31],"class_list":["post-196","post","type-post","status-publish","format-standard","hentry","category-lrnt521","tag-data-visualization","tag-elementor","tag-facebook","tag-gmail","tag-gutenberg","tag-kumu-io","tag-linkedin","tag-p5-js","tag-p5js","tag-themeisle","tag-twitter","tag-whatsapp","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/posts\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/users\/174"}],"replies":[{"embeddable":true,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":4,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/posts\/196\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malat-webspace.royalroads.ca\/rru0157\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}