A Guide to Visualisations

Dictionary.com defines visualisation as:

To make visual or visible.
To form a mental image of.
I would add to this and suggest that to ‘visualise’ is to make visible something that was not necessarily visible before. There are many ways of doing this. Some involve graphs and numbers, while others are more creative in their expression. Here then are some different types of visualisation with possible resources that you can use to create them:


flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

A brainstorm is about gathering spontaneous ideas around a specific topic or idea. Although there are many variations, one of the keys is to hold back judgement in order to find the limits. An example of one such variation is NoTosh’s 100 ideas in ten minutes. Some programs to support brainstorming include Answergarden, Padlet, Dotstorming, Socrative, Poll Everywhere and Google Apps. while Richard Byrne has compared a number of options. What is important is the ability to collaborate.

Word Cloud

flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

An extension of the brainstorm, the word or tag cloud involves visualising text as a cloud. Usually one word at the time, the size of the text is dictated by the amount of times it is represented. Word clouds can also be used to measure the frequency of words in a text. Some programs used to create word clouds include Wordle, Word It Out, TagxedoABCya, Wordclouds.com and Tag Cloud Generator for Google Apps.

Mind Map

flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Beginning with a central idea, mind maps involve adding branches and keywords to build a deeper understanding. Colours and images are used to convey more meaning. Although they can be drawn, there are also a range of programs you can use to create mind maps, including bubbl.us, Freemind, Connected Mind and Google Drawings.

Concept Map

flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Like the mind map, the purpose of a concept map is to present knowledge. However, the structure is not so rigid. Instead, there is a free form which can lend itself to more complexity. Although the same applications used to create a mind map can be used to make a concept map, some additions include XMind and CMap.


flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Flowcharts are a means for visualising processes and workflows. They use a range of shapes, each with a different purpose. A prime example is the representation of algorithms, an essential element of the new Digital Technologies curriculum. Some programs to support brainstorming include Lucidchart, Google Drawings, Gliffy and Draw.io.

Graphic Organisers

flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Graphic organisers involve using a visual aid to develop knowledge and understanding. There are many different types of organisers, including relational (fishbone), classifications (KWL), sequencing (ladder), compare/contrast (Venn diagram) and concept development (story web). An easy way to create graphic organiser is with these Google Drawings templates from Matt Miller.


flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Sketchnoting is about helping us think deeper by mixing, matching and making links using text, image, structure and flow. Some call it visual note-taking, others doodling. For some it is a useful way of summarising different content, while for others it is a creative way to brainstorm new ideas. There are a range of resources and presentations to help with sketchnoting including Sketchnoting FOR Beginners (Silvia Rosenthal Tolisano), Brain Doodles, Sketchnoting for Beginners (Sylvia Duckworth) and How I Teach Sketchnoting (Royan Lee). I have also created a Youtube playlist of useful videos.


flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

A mixture of text, images and data visualisations, infographics are designed to communicate information quickly and clearly. Like sketchnotes, infographics do not necessarily have a set structure. It is however common for them to be long and skinny. This is to fit them within width of a blog. Some programs that help with making infographics include infog.ram, Canva, Piktochart and Google Drawings.


Timelines are a means for visualising a period of time chronologically and with a consistent scale. This scale can be days, years, months, it just depends on the topic in question. There are a few applications that allow you to create digital timelines, including Dipity, Time RimeRead Write ThinkTimetoast, TimeLineCurator, MyHistro and TimelineJS. Just note, TimelineJS requires Google Apps.

Comic Strips

flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

An interpretative visual means of presenting ideas, comic strips often lend themselves to storytelling. Some applications that support the creation of comics include Create Your Own Marvel Comic, MakeBeliefsComix, Chogger and Witty.


flickr photo shared by mrkrndvs under a Creative Commons ( BY-SA ) license

Doug Belshaw suggests that, “remixing, re-appropriation and riffing off other people’s work just seems to be part of what we do as human beings.” There are many ways of mashing-up visuals. Often this involves taking something that is used in one context and re-appropriating it for another. This can include making creative maps or adding commentary to an image in the creation of a meme. There are no specific programs used to create mash-ups as there are no specific mash-ups.

So what about you? How do you visualise? What applications have you used? As always, comments welcome.

If you enjoy what you read here, feel free to sign up for my monthly newsletter to catch up on all things learning, edtech and storytelling.

Aaron Davis

I am an Australian educator supporting schools with the integration of technology and pedagogical innovation. I have an interest in how together we can work to make a better world.

Latest posts by Aaron Davis (see all)

<span class='p-name'>A Guide to Visualisations</span> by Aaron Davis is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

6 thoughts on “A Guide to Visualisations

  1. Thanks for this. How did you know? I’ve wondering about the best way to create a timeline and here’s a whole list of resources and other avenues to pursue other topics. Awesome!
    Also, your blog title is one that sums up so nicely my own approach to the world of words. (A bit of title envy, I confess.)

  2. Blogging Resources

    6 min read

    A collection of resources assocatied with blogging:Why Blog?<a href="http://readwriterespond.com/?p=134">I Blog Therefore I Am</a>A collectuon of thoughts regards the benefits of blogging.<a href="http://readwriterespond.com/?p=537">Blogging Starts with Why</a>There is so much written about why to blog, this post starts with finding your reason.<a href="http://readwriterespond.com/?p=2433">Developing a Blog</a>Often blogs are spoken about as some sort of fixed entity. Sadly, this focuses on the what overlooks how and why we blog in the first place.<a href="http://readwriterespond.com/?p=1710">Why Blogging Still Matters</a>With the rise of various social media spaces in education, such as Facebook and Google+, blogs matter more than ever for they offer control and privacy that other spaces do not provide.<a href="http://readwriterespond.com/?p=2364">The Many Faces of Blogging</a>Some break blogging down into tasks or unpacking the response. However, we often overlook the purpose and intent behind them.<a href="http://readwriterespond.com/?p=568">5 Ways to Change the World Yesterday</a>Why associated with blogging starts with me, but it is through sharing that ideas and thinking are given the possibility to grown and develop,<a href="http://readwriterespond.com/?p=1102">Blogging in the Classroom</a>A reflection on my experiences of blogging in the classroom.<a href="http://readwriterespond.com/?p=686">There is More Than One Way to Write a Blog</a> Often it is presumed that there is only one way to write a blog, this post unpacks some other possibilities, including as a means of collecting links and resources. <a href="http://readwriterespond.com/?p=78">Sharing the Load of Blogging In and Out of the Classroom</a>Exploring the different possibilities and potentials of collaborative blogging beyond the classroom. <a href="http://readwriterespond.com/?p=133">Sharing the Load of Blogging</a> A reflection on the idea of a collaborative school blog to share practice. Which Platform?<a href="http://readwriterespond.com/?p=2325">A Guide to Blogging Platforms and their Niches</a>A summary of some of the different blogging services available, what they enable and where their biases lie. Included are an array of resources to support.<a href="http://readwriterespond.com/?p=1286">Creating a Deliberate Social Media Space for Students in School</a>To support students in regards to digital citizenship, use WordPress to create a social space, therefore gaining more control over online presence<a href="http://readwriterespond.com/?p=1134">Starting with Edublogs from Scratch</a>I have discussed the benefits of blogging with Global2, as well as some of the intricacies, however, I have not unpacked how to get started.<a href="http://readwriterespond.com/?p=794">Introduction to Blogging with Global2</a>Some of the possibilities for blogging with Global2/Edublogs, as well as a list of resources to with getting going.How To Engage?<a href="http://readwriterespond.com/?p=598">To Comment or Not To Comment? Is that the Question</a>There are many out there who say blogging is dead and that this is best epitomised in lack of dialogue and conversation. This post provides a different perspective by reframing the question.<a href="http://readwriterespond.com/?p=1959">What Makes a Comment?</a>A question that does not get asked often enough is what it actually means to comment and what might it mean to bring the comment back?<a href="http://readwriterespond.com/?p=1763">Reading Texts is Easy, especially When You Listen to Them</a>Although not directly on blogging, it captures some different ways to listen to blogs, rather than read them.<a href="http://readwriterespond.com/?p=1052">Ten Step Guide to Being Connected</a>An attempt at a guide to getting connected. Having a blog as a place for people to hear your story is an essential part of it.<a href="http://readwriterespond.com/?p=834">A Guide to Following Blogs</a>A post that explains some different ways to follow a blog, including subscribing, via an RSS Reader or an automated recipe using a platform like IFTTT.<a href="http://readwriterespond.com/?p=76">Are You Really Connected If You Are Not Giving Back</a>One of the challenges with a participatory environment is that without contributions there is no network. So it begs the question, are you really connected if you are not giving back?Reflection<a href="http://readwriterespond.com/?p=68">Read, Write, Respond</a>A reflection on the decisions associated with beginning a blog.<a href="http://readwriterespond.com/?p=2337">A Blog for All Seasons</a>Different blogging platforms enable different possibilities. Here is an account of some examples that I have created over time.<a href="http://readwriterespond.com/?p=444">Uncanny Reflections on a Year Blogging</a>Memories forgotten can often haunt us when later uncovered. This post is about three posts that had this effect.<a href="http://readwriterespond.com/?p=1322">Reflecting on the Voices in the Village</a>Rather than look back at the number of hits to measure the impact, here is a collection of comments from readers collected across the year. Creating Content<a href="http://readwriterespond.com/?p=1122">Creating Images for Blogs</a>A list of programs with their positives and negatives for making visual quotes to add to blogs and other social media platforms.<a href="http://readwriterespond.com/?p=1069">Who’s Telling Your Story</a> An introduction to Storify, a platform that allows you to curate tge content a number of social media platforms and then embed it within a blog.<a href="http://readwriterespond.com/?p=1255">Powering Up Your Blog by Adding Content</a>Incorporate different content, such as video, GIFs and audio, in order to improve engagement and communicate using a different voice.<a href="http://readwriterespond.com/?p=1203">A Guide to Visualisations</a>There are so many different forms of visuals that you can add to a blog, from a mind map to a sketchnote, each adding to the mental image of the reader.<a href="http://readwriterespond.com/?p=1266">Making My Own Maps with Google Apps</a>Another point of contact to embed in a blog.<a href="http://readwriterespond.com/?p=971">An Introduction to GIFs</a>A guide to creating and sharing GIFs. Reviews<a href="http://readwriterespond.com/?p=2348">Claim Your Domain</a>A review of Audrey Watters book on why it is important to claim our presence online and some steps to going about it.<a href="http://readwriterespond.com/?p=1885">School of Thought</a>A review of Dan Haesler 's book. Although not solely about blogging, he touches on it throughout.<a href="http://readwriterespond.com/?p=850">Master Teacher to Master Learner</a>A review of Will Richardson's book unpacking connected learning. Blogging is an important part of this. <a href="http://readwriterespond.com/?p=12">Things Are Not Always As They Seem</a>A collection of short reviews, including a comment on Clive Thompson's Smarter Than You Think and David Weinberger’s To Big to Know<a href="http://readwriterespond.com/?p=1153">(Re)Claiming My Space on the Web</a>A reflection on my experience of blogging with Reclaim Hosting so far.<a href="http://readwriterespond.com/?p=416">Looking for a Local Perspective on Blogging</a>In response to AITSL’s dismal attempt to provide a list of bloggers for educators to read, this is my attempt to capture a local perspective. Other Resources<a href="https://www.diigo.com/user/aarondavis/blogging">Diigo Library</a> Blogs to <a href="https://docs.google.com/spreadsheets/d/1u8rMEt-jocpL3qZTqFa25AF9Ak67XfOApNFOS7KBC18/edit?usp=sharing">Follow</a> &amp; <a href="https://drive.google.com/file/d/0B7zjf-LFJlqWS3pqanhlOVk2NEE/view?usp=sharing">OPML for Feedly</a>

Leave a Reply

Your email address will not be published. Required fields are marked *