15 free tools for better online storytelling

15 free tools for better online storytelling

Whoever said “practice makes perfect” was a liar. Human beings have been practicing storytelling for over 35,000 years (that we know of), and there is still plenty of room for improvement.

For all intents and purposes, storytelling is the art of making people interested in what you have to say. If you can get them to remember what you’ve said … bonus points.

Early storytellers quickly learned that a tale could be far more riveting (and as result, more enduring) if it captured one’s imagination and invoked thought.

Every time the skies open up and a new technology arrives on the scene, we take a stab at reinventing one of the oldest traditions known to man. And guess what … it’s about that time again.

Just like the early storytellers of our past, we have stumbled onto a new way of capturing imagination and invoking thought.

The invention of the internet, and the tidal flow of information that followed, has equipped us with a way to tell stories that Neanderthals would have drooled over.

I always try to keep my eyes open for new ways of visualizing news. When I find a really good one, it gives me a glimmer of hope that one day the news industry is going to collectively embrace everything that the web has to offer.

Here’s my collection so far:

Data Visualization



Swivel is a free web application that creates incredibly detailed charts (bar, area, pie, line) from a spreadsheet document, and then feeds you the html code to embed it on a website.
[swivel.com]

Flare is an open source ActionScript library for creating visualizations that run in the Adobe Flash Player. From basic charts and graphs to complex interactive graphics, the toolkit supports data management, visual encoding, animation, and interaction techniques. As seen on BBC News, Slate Magazine, ABC News and more.
[flare.prefuse.org]

Chartle is a free web application for creating Bar/Pie/Line Chards, Plots & Diagrams, Business Flow Charts, Timelines, Maps, Motion Charts, Gauges … the list goes on. When you’re all done it’ll give you the code needed to embed the chart on your site.
[chartle.net]

Many Eyes can create a range of data visualizations from the ordinary to the experimental. Scatterplots, Matrix Charts, Network Diagrams, Histograms, Treemaps, Word Clouds. The final visualizations can be exported as a static image or an interactive diagram.
[manyeyes.alphaworks.ibm.com]

Tableizer is a great tool when you just want a quick table for your website. Paste your spreadsheet in the box, and it gives you a preformatted HTML table.
[tableizer.journalistopia.com]

Timelines



I used Timetoast for my post “166 years of design at the Ottawa Citizen.” It’s an easy to use timeline that incorporates images. This free online web application provides you with a code snippet to embed your timeline as a flash element in your website.
[timetoast.com]

Dipity is one of the most interesting tools that I’ve come across. It blends a social networking site with a visual timeline. It can be updated on a continuous basis where other users can follow your activity. You could model an entire news publication website around this concept. Dipity allows you to create widgets that can be embedded on pretty much any site. Telegraph UK, Guardian UK, The San Francisco Chronicle, The Huffington Post, Fox and more have already started using Dipity as a way of tracking current events.
[dipity.com]

Capzles embodies the spirit of online storytelling. It integrates photos and audio, and videos to create multimedia storylines.
[capzles.com]

Maps



Umapper lets you create embeddable interactive Flash maps and geogames. You can track the maps usage and even incorporate advertising. USA Today, The Star Tribune, National Geographic, The Huffington Post are all using this tool for generating maps.
[umapper.com]

Quikmaps lets you manually mark up a Google map and then embed it in your site.
[quikmaps.com]


Atlas is another popular tool for creating interactive maps. The Orlando Sentinel, Boston.com, The Palm Beach Post, and the Cincinnati Enquirer all use Atlas.
[fmatlas.com]

Images



With Animoto you upload photos, videos and music, pick a style and then it automatically edits your media into a really slick look montage.
[animoto.com]

For the bloggers out there … NextGen Gallery is a plugin for the WordPress Blogging/CMS platform that offers a great way of displaying photos when you have a lot of them that you want to show off. With the plugin installed, you can upload all of your images through the WordPress back end, and then present them as slideshows, thumbnail galleries, carousels or as an album.
[nextgen-gallery.com]


Cooliris is a browser plug-in that presents videos, graphics, and images as an interactive wall of media. More importantly, they have tools for web developers to incorporate it into a site.
[cooliris.com]

About the Author

Matthew French

Design Editor for The Globe and Mail

Comments
Storytelling Obama, Leadership, Online Video, Blocks, Brands, NBC & More  5 Jun 2010

[…] 15 free tools for better online storytelling […]

NewsDesigns.com lists 15 free tools for better online storytelling | jeadigitalmedia.org  27 Jul 2010

[…] includes tools for data visualization, timelines, maps and images. Read the entire post, “15 free tools for better online storytelling” and check out the rest of the NewsDesigns.com blog as there are some other great […]

Alusión (weekly) « Alusión…Llamada Virtual  23 Oct 2011

[…] 15 free tools for better online storytelling | News Designs […]

PI (weekly) « PI en Second Life  23 Oct 2011

[…] 15 free tools for better online storytelling | News Designs […]

Storytelling tools | Samford Crimson tip blog  13 Mar 2012

[…] that in mind, I give you 15 free tools for better online storytelling, which gives you potentially new ways to use data, manipulate maps and showcase […]

Storytelling | kaylee1133  3 Apr 2012

[…] interesting with still being objective. (Find many storytelling tips to still remain unbiased at http://www.newsdesigns.com/industry-news/innovations-industry-news/15-free-tools-for-better-online-s….)  Share this:TwitterFacebookLike this:LikeBe the first to like this […]

sea  10 Apr 2012

visual stories in map layout.

hi thankyou for this post. very helpful.
have you seen/heard of any tool (other than adobe illustrator) that allows you take 1000 odd images and drag drop them in a workspace grid layout (say 400 images) to create a “visual story”


sorta like a a gameboard
using drag/drop
snap to grid

also need layers


the closest i have stumbled is comic composer (but that is only about 20 grid, so bit big for my detailed visual story.

or storyist for movie script writers is great space but does do images in volume well.

many thanks

Week 8: Interactive Visual Narratives « theformwasnotonestep  18 Nov 2012

[…] The reference given for this week is extremely useful, especially in the way that it had provided us with links to free, online programs that can help us in organizing and presenting facts and data in the most visually attractive and also effective way. […]

SIMULACIÓN EMPRESARIAL | 15 free tools for better online storytelling | News Designs  16 Oct 2013

[…] on http://www.newsdesigns.com Compártelo:TwitterFacebookGoogle+ Pablo PeñalverMe gusta:Me gusta Cargando… Esta entrada fue […]

Le transmedia est-il une économie collaborative? - Interactivité et transmedia - par Benjamin Hoguet | Interactivité et transmedia - par Benjamin Hoguet  28 Oct 2014

[…] de nouveaux outils – comme WordPress, Twine pour la conception interactive, parmi d’autres – et l’utilisation de données ouvertes pour les projets de datavisualisation ou de […]

Say Something

RSS Feed Twitter Final Draft Pro
Copyright © 2010 News Designs. All Rights Reserved.