Loading
Created by:ostearnostearn
{"id":523647,"type":0,"block_id":"ostearn_1358930397","theme_id":29,"user_id":187796,"path":"ILT-Tip-of-the-Week","title":"ILT Tip of the Week","pubtitle":"ILT Tip of the Week","tags":"","public":true,"publicAccess":true,"private_link_enabled":0,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/ostearn_1358930397.jpg","width":614,"copyright":"ILT","properties":{"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"embed_button":"enabled","title_link":"infogram","custom_logo":"infogram","custom_link_url":"","embed_button_text":"Share","decimal_separator":".,"},"elements":[{"type":"particle","particle_id":16295707,"object_id":"18dccc78-eab7-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"ILT Tip of the Week","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":500381,"object_id":"ostearn1358931199","particle_type":"bodytitle","picture":null,"text":"Easily create and embed infographics onto your Moodle page using infogr.am","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":500392,"object_id":"ostearn1358930718","particle_type":"bodytext","picture":null,"text":"Infographics are graphical representations of data or knowledge intended to present complex information quickly and clearly. They can be an easy and effective way of visually representing information on your Moodle page. www.Infogr.am is a free and easy to use tool for creating them. Once you have signed up (which doesn&#39;t even require email verification) you will have access to their template pages and a library of useful ways of representing your data. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501485,"object_id":"ostearn1358947773","particle_type":"bodytitle","picture":null,"text":"Building an Infographic","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501486,"object_id":"ostearn1358947816","particle_type":"bodytext","picture":null,"text":"After signing into Infogr.am you will be given the option of several default templates. You can choose to keep as much or little of this template as you want, the only element which cannot be changed is the overall colour scheme. You can remove any preset features by clicking the grey cross beside them.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501501,"object_id":"ostearn1358948268","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/ostearn1358948268.png"},{"type":"particle","particle_id":501696,"object_id":"ostearn1358950577","particle_type":"bodytext","picture":null,"text":"When you add a new element to an infographic, it appears at the bottom of the page by default, you can move each item by clicking and dragging it.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501716,"object_id":"ostearn1358950760","particle_type":"bodytitle","picture":null,"text":"Chart Gallery","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501726,"object_id":"ostearn1358950893","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/ostearn1358950893.png"},{"type":"particle","particle_id":501735,"object_id":"ostearn1358950942","particle_type":"bodytext","picture":null,"text":"When creating infographics using this service, there is a toolbar to the right of the screen, each button represents a different element you can add to your page. The button at the top opens up the &#39;chart&#39; gallery. Here you can add graphs, charts, tables etc. Once you have chosen the design of your graph or chart press &#39;add&#39; and it will appear at the bottom of your page. When you double click the chart you get the options, including a spreadsheet of data, this can be copied and pasted directly from excel which is a handy feature.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501765,"object_id":"ostearn1358951290","particle_type":"bodytext","picture":null,"text":"Below are two examples of charts, so you can see the interactivity element. ","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":763151,"object_id":"ostearn_1358951327","chart_type_nr":3,"data":[[["Past GDP","1870","1913","1950","1973","2003"],["Western Europe","367","902","1396","4096","7857"],["USA","98","517","1455","3536","8430"],["Japan","25","71","160","1242","2699"],["China","189","241","244","739","6187"],["India","134","204","222","494","2267"],["Africa","45","79","203","549","1322"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"chart","chart_id":763158,"object_id":"ostearn_1358951362","chart_type_nr":6,"data":[[["Past GDP","1870","1913","1950","1973","2003"],["Western Europe","367","902","1396","4096","7857"],["USA","98","517","1455","3536","8430"],["Japan","25","71","160","1242","2699"],["China","189","241","244","739","6187"],["India","134","204","222","494","2267"],["Africa","45","79","203","549","1322"]]],"custom":{"legacyTransposeDone":true,"switchRowsColumns":true},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":501766,"object_id":"ostearn1358951437","particle_type":"bodytext","picture":null,"text":"The chart library is fairly extensive, there are all the types you would expect from an office application aswell as several others which are designed to look good in an infographic environment. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501774,"object_id":"ostearn1358951396","particle_type":"bodytitle","picture":null,"text":"Other Elements","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501828,"object_id":"ostearn1358951807","particle_type":"bodytext","picture":null,"text":"Below the chart button there are several other icons. These allow you to easily populate your infographic with text, images etc. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501833,"object_id":"ostearn1358951881","particle_type":"bodytext","picture":null,"text":"The second button down is a map tool, this inserts a world map onto your infographic, this works in a similar way to the charts, you can double click the map and edit the data which appears when the user hovers over it. these maps are also zoomable.","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":763264,"object_id":"ostearn_1358952006","chart_type_nr":9,"data":[[["","Unesco sites"],["Italy","47"],["Spain","44"],["China","43"],["France","38"],["Germany","37"],["Mexico","31"],["India","29"],["United Kingdom","28"],["Russia","25"],["USA","21"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":501853,"object_id":"ostearn1358952192","particle_type":"bodytext","picture":null,"text":"The text tool is below the map tool, it allows you to chose from several formats, ranging from a title to a fact such as the one below:","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":763385,"object_id":"ostearn_1358952639","chart_type_nr":23,"data":[[["100,000","Number of times average human heart beats per day.","profilePath"],["50000","Number of English words the average lead pencil writes during its life span.","upPath"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":501906,"object_id":"ostearn1358952734","particle_type":"bodytext","picture":null,"text":"Finally the last two buttons on the toolbar relate to multimedia. You can upload an image into your infographic simply by clicking the camera icon and browsing your computer. Equally, you can easily add a video to your infographic by clicking the play icon at the bottom of the toolbar and pasting in a youtube URL. It will automatically embed your chosen video like the one below. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501917,"object_id":"ostearn1358952983","particle_type":"video","picture":null,"text":"//youtube.com/embed/szNLMtgI7hU"},{"type":"particle","particle_id":501934,"object_id":"ostearn1358953050","particle_type":"bodytitle","picture":null,"text":"Using your Infographic in Moodle","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501937,"object_id":"ostearn1358953080","particle_type":"bodytext","picture":null,"text":"A good feature of infogr.am is that it provides an embed code which is compatible with Moodle. By clicking &#39;publish&#39; at the top of infogr.am you are presented with the code, which you can copy and paste into a label on your Moodle page and it will be displayed just like an embedded youtube video. Please note you must click &#39;HTML&#39; before pasting for this to work. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":501949,"object_id":"ostearn1358953408","particle_type":"bodytext","picture":null,"text":"If your infographic is long and embedding would mean a lot of scrolling on your page, you can have a link to your infographic which you can give a custom URL. Notice this infographic can be found at http://infogr.am/ILT-Tip-of-the-Week. ","content_type":"","title":null,"shrink":null}],"theme":{"createdAt":"2016-04-22T04:54:07.000Z","updatedAt":"2016-12-28T10:33:06.000Z","logoImages":[""],"charts":{"wordcloud":{"labels":{"fontWeight":"700","fontFamily":"Arial"}},"treemap":{"labels":{"value":{"fontFamily":"PT Sans Narrow"},"name":{"fontWeight":"700","fontFamily":"PT Sans Narrow"}}},"table":{"cellBackground":"#ffffff","headerBackground":"#eeeeee","cellColor":"#444444","headerColor":"#444444","shapeFill":"307d99"}},"color":{"bg":"#ffffff","text":"#000000","chart":{"bg":"transparent","text":"#767676"},"element":{"bg":"transparent","text":"#000000"}},"colorPresets":[],"localFonts":[],"font":{"common":{"fontFamily":"PT Sans Narrow","fontWeight":"400","fontStyle":"normal","fontSize":"16","textAlign":"initial"},"legend":{"fontSize":"16","fontWeight":"400"},"label":{"fontSize":16,"fontWeight":400}},"fontPresets":[],"fontFamilies":["PT Sans Narrow","PT Sans","Open Sans"],"id":29,"title":"infogr.am default","usergroup":"archived","picture":"https://d1m5pq7b4fzvad.cloudfront.net/29/thumbnail.png","thumb":"/i/templates/S/infogram.png","order":16,"public":0,"width":550,"fonts":"PT+Sans:400,700;PT+Sans+Narrow","colors":["#ffd200","#cc3635","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"logocolor":"d51a1a","logoUrl":"","showLogo":"","showEmbed":"","embedButtonText":"Share","top":0,"padding":20,"spacing":20,"shrinkMargin":20,"shrinkPadding":20,"spacingElementMin":null,"spacingElementMax":null,"css":".igc-textual-figure {\n\tfont-size: 45px;\n}\n.igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n\tborder-color: #7d7d7d;\n}\n.igc-sheets .igc-sheet .igc-sheet-label,\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n\tcolor: #7d7d7d;\n}\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n\tbackground: transparent;\n}\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n\theight: 14px;\n\twidth: 14px;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #7d7d7d;\n}\n.heatmap-legend-item {\n\tcolor: #000 !important;\n}\n.igc-table .igc-table-cell {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table .igc-table-header {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table-scroll {\n\tbackground: #eee;\n}\n.ig-container {\n\tbackground: white;\n}\n.headline {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 48px;\n\tline-height: 60px;\n\tcolor: #000000;\n}\n.chart-title {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tborder-bottom: 2px solid #313131;\n\tfont-size: 36px;\n\tcolor: #313131;\n}\ndiv.quoted,\ndiv.body-text,\ndiv.picture,\ndiv.video,\n.chart,\n.chart > .inner {\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n}\n.shrink .chart > .inner {\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n}\n.shrink .chart,\n.shrink .headline,\n.shrink .bodytext,\n.shrink div.quoted,\n.shrink div.body-text,\n.shrink div.picture,\n.shrink div.video {\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n.zeropadding div.quoted,\n.zeropadding div.body-text,\n.zeropadding div.picture,\n.zeropadding div.video,\n.zeropadding .chart,\n.zeropadding .chart > .inner {\n\tpadding-left: 0px;\n\tpadding-right: 0px;\n}\ndiv[id^='table_'] > .inner {\n\tpadding-left: 0 !important;\n\tpadding-right: 0 !important;\n}\n.bodytext {\n\tfont-family: PT Sans;\n\tfont-weight: 400;\n\ttext-align: justify;\n\tcolor: #494949;\n\tfont-size: 16px;\n}\n.quote {\n\tpadding-top: 50px;\n\tbackground: url(/i/templates/29/quote.png) 50% 0% no-repeat;\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 30px;\n\tcolor: #313131;\n\tpadding-bottom: 15px;\n\tborder-bottom: 1px solid #000;\n}\n.quotetitle {\n\tfont-weight: 400;\n}\n.ig-copyright {\n\tcolor: #4e4e4e;\n\ttop: 0!important;\n}\n#madewith a,\n#madewith a:link,\n#madewith a:hover,\n#madewith a:visited,\n#madewith a:active {\n\tcolor: #4e4e4e !important;\n}\n#madewith.active a:hover,\n.headline.active:hover {\n\tcolor: #cc3635 !important;\n}\n.titlepopup1,\n.titlepopup2 {\n\tborder-color: #cc3635;\n}\n.headline a {\n\tcolor: #cc3535;\n}\n.ig-separator-line {\n\tbackground: rgba(118, 118, 118, 0.5);\n}\n.heatmap-legend {\n\tbackground: rgba(255, 255, 255, 0.7);\n}\n.heatmap-legend-item,\n.heatmap-label {\n\tcolor: #6c6c6c;\n\tfont-size: 12px;\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tfont-family: Open Sans;\n\tfont-family: PT Sans;\n}\n.igc-graph-pie-piece {\n\tstroke: rgba(255, 255, 255, 0.7);\n}\n.igc-tabs .igc-tab-active {\n background: #ffffff;\n }\n .igc-tabs .igc-tab .igc-tab-content,\n .igc-tabs .igc-tab.icon-down:after {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n }\n .igc-tabs .igc-tab,\n .igc-tab-switcher {\n color: #000000;\n } .igc-tabs.igc-tabs-dropdown .igc-tab-name {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n } .captiontext {font-family: PT Sans Narrow;color: #000000;font-weight: 400;} .captiontext .innertext {line-height: 1.5;}","chartOptions":{"pictobar":{"fill":"cc3635","shapeStyleEmpty":{"fill":"#e1e1e1"}},"progress":{"backgroundInactive":{"fill":"#e1e1e1"}},"candle":{"blankfill":"url(https://jifo.co/i/templates/29/chart-background.png)"},"waterfall":{"colors":"206b79 ffd145 d13439"},"map":{"showLegend":false,"countryyStroke":"#e1e1e1","countryFill":"#e1e1e1","canvasFill":"transparent"},"common":{"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"marginLineStyle":{"stroke-width":0,"stroke":"transparent"},"fontStyle":{}},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#464646","fill":"#464646"}}}},"version":1,"archived":true,"tabs":false,"zeroPaddingEmbed":true,"created_at":"2016-04-22T04:54:07.000Z","updated_at":"2016-12-28T10:33:06.000Z"},"embed":"<script id=\"infogram_0_ILT-Tip-of-the-Week\" title=\"ILT Tip of the Week\" src=\"//e.infogr.am/js/dist/embed.js?vBG\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/ILT-Tip-of-the-Week\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">ILT Tip of the Week</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/ILT-Tip-of-the-Week?src=embed\" title=\"ILT Tip of the Week\" width=\"614\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/ILT-Tip-of-the-Week\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">ILT Tip of the Week</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"ILT-Tip-of-the-Week\" prefix=\"88G\" format=\"interactive\" title=\"ILT Tip of the Week\"]","embedWordpressImage":"[infogram id=\"ILT-Tip-of-the-Week\" prefix=\"Cbb\" format=\"image\" title=\"ILT Tip of the Week\"]","embedAsync":"<div class=\"infogram-embed\" data-id=\"ILT-Tip-of-the-Week\" data-type=\"interactive\" data-title=\"ILT Tip of the Week\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/ILT-Tip-of-the-Week\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">ILT Tip of the Week</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedImageAsync":"<div class=\"infogram-embed\" data-id=\"ILT-Tip-of-the-Week\" data-type=\"image\" data-title=\"ILT Tip of the Week\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/ILT-Tip-of-the-Week\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">ILT Tip of the Week</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>"}