{"id":4108,"date":"2022-07-26T17:22:11","date_gmt":"2022-07-27T00:22:11","guid":{"rendered":"https:\/\/eloine.com\/blog\/?p=4108"},"modified":"2022-07-26T17:22:13","modified_gmt":"2022-07-27T00:22:13","slug":"making-an-interactive-infographic","status":"publish","type":"post","link":"https:\/\/eloine.com\/blog\/archives\/4108","title":{"rendered":"Making an interactive infographic"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"960\" height=\"540\" data-original-width=\"1920\" data-original-height=\"1080\" src=\"https:\/\/www.thinglink.com\/card\/1607209917842718721\" type=\"text\/html\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" scrolling=\"no\"><\/iframe><script async=\"\" src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<p>Info graphics are visual illustrations to fancy up some information in a more appealing way to read. The information graphic above on the &#8220;5 D&#8217;s of Web Design&#8221; I created using Canva. I will show you how I put some of the elements together using shapes to create the &#8220;D&#8221; and how I edited the icons.<\/p>\n\n\n\n<p>I took it a step further to make the graphic interactive by using an additional program called <em><a rel=\"noreferrer noopener\" aria-label=\"Thinglink (opens in a new tab)\" href=\"https:\/\/www.thinglink.com\/\" target=\"_blank\"><strong>Thinglink<\/strong><\/a><\/em>. Now, when you click on any of the petals of the graphic you will see a description of each step in the web design process. I will demonstrate how you can take a graphic into Thinglink and create your own interactive graphic and then embed it on your own website. This could be a map with detailed directions, a tour of a custom home or garden you created, or just an interactive greeting card you want to share with friends. The ideas are endless and fun how you can link all this stuff together.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.youtube.com\/embed\/jxtYbpQBB1Y\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/eloine.com\/blog\/wp-content\/uploads\/2022\/07\/thinglinkthumb.png?fit=768%2C432&amp;ssl=1\" alt=\"Video showing how to make an interactive graphic using Thinglink\" class=\"wp-image-4111\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2022\/07\/thinglinkthumb.png 1024w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2022\/07\/thinglinkthumb-300x169.png 300w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2022\/07\/thinglinkthumb-768x432.png 768w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2022\/07\/thinglinkthumb-200x113.png 200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Info graphics are visual illustrations to fancy up some information in a more appealing way to read. The information graphic above on the &#8220;5 D&#8217;s of Web Design&#8221; I created using Canva. I will show you how I put some of the elements together using shapes to create the &#8220;D&#8221; and how I edited the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4108","post","type-post","status-publish","format-standard","hentry","category-all"],"_links":{"self":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/4108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/comments?post=4108"}],"version-history":[{"count":4,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/4108\/revisions"}],"predecessor-version":[{"id":4113,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/4108\/revisions\/4113"}],"wp:attachment":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/media?parent=4108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/categories?post=4108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/tags?post=4108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}