@媒文化的章伯4 i f/ U d% }/ _0 x
#数据新闻# 14种记者可用视觉叙事软件工具:timetoast, dipity, google fusion table, tableau, datawrapper, meograph, storify, storination, popcorn maker, cowbird, thinglink, tagstar, visual.ly 全文:http://t.cn/zjDLOqD 选修我#电脑辅助新闻#的同学请注意,大部分工具会在课上用到。6 t' J n* j5 s. f/ C) k3 l/ ?! A
+ |* v6 n; D3 J; L* |6 l
| 轉發(2) | 評論$ K: Z/ Q! R8 ^9 {3 l% M3 ]& w
7分鐘前來自新浪微博* L4 x0 J& o% g
: M' @1 d( g" S3 l
Visual storytelling: 14 tools for journalistsA list of just 14 tools that journalists might find useful to tell stories in visual ways, inspired by the visual storytelling session at the latest news:rewired event
" N% T K$ e2 {7 R$ RPosted: 11 December 2012 By: Rachel McAthy; c7 ?. B. u" ~8 B9 E9 \/ x* {+ X
m1 K) q5 f( j v/ E3 Comments and 0 Reactions: O T% { L' J0 e/ Z
Copyright: Image by TapiF on Flickr. Some rights reserved, c6 v7 U2 r5 h" n
" D, X/ l" L6 N
Over the past year here at Journalism.co.uk we have reported on a number of new tools and platforms which have been launched or updated, which offer journalists different ways of telling stories visually.
9 y9 N4 ?, G' ~ s1 A. f" s
6 m) K2 P" Q1 U2 ?7 Q \9 @Our news:rewired events have also highlighted a number of those tools, most recently in a dedicated session on visual storytelling at news:rewired - digital stories, which was held last Thursday (6 December).* b- [) J% h' O9 x( L2 y
; W3 G6 u4 v+ r' Q- z- b
Here is a list of just 14 tools that journalists might find useful. Some launched this year, while others have been around for some time now but continue to be used by news outlets today.+ m! T8 R6 B4 r) B) P
1 W" C" [- \$ G2 ~1 _) |2 L
Timelines. ]2 p: q. R! G. n" ?
7 w: W: T) Z( _! u4 H' W9 D
1. Timetoast
6 G3 A9 U% z6 ]$ f2 R. [4 D
0 e5 J% F- B' R+ [Users simply sign up to Timetoast and then they can create embeddable timelines.
/ H% e* r# V/ x! k5 x
% ?! @3 [: D/ UEach event added to the timeline can have an image and link added to it. Timelines can be saved as drafts until ready to be published, at which point they can be customised and embedded into news sites. The timelines can be viewed as a table or in timeline format and the final timeline is also given its own URL for direct linking.
h- Q4 N, H, s3 ~1 c7 _4 K ]
At news:rewired last week Paul Rowland, deputy head of content (digital), Media Wales, recommended using Timetoast to build timelines, showing one he created on "Wales' rise and fall since Rugby World Cup 2011" as an example of the tool in use.
( e% |) j5 x# T" o' f+ w2 q8 [
! m I3 c. M3 m4 m+ m
: s) m1 o, I* G9 A6 K0 b/ v7 J% r
4 e" ?9 T- ~2 m2. Dipity
$ D0 V- ^# F1 u, w
4 k6 `! D- M4 A+ UAnother timeline building option is Dipity, which users also sign up to use, either directly through Dipity or via Facebook.1 S0 p& R/ Q$ h$ H
: b' E1 ^2 ~- ^7 A. K' ]
Like Timetoast each event added to the timeline can be given an image and link, as well as a location and video URL.# O4 y) ^$ U) D% e J' w
( S/ ?. x, Z/ l1 h. z% N) a9 w/ {
Users can also set up searches of sites such as Twitter, Flickr, YouTube and Google News from within Dipity, which will then add a selection of the most recent content from specific users or based on keywords, to the timeline.
( q, p$ B- X# j7 T- Q+ O3 l" b; c) H. n9 N9 D$ M
Searches can also be set up such as for photos from Flickr and Picasa users or videos from YouTube or Vimeo users. Users can also add content via an RSS feed.5 B- B- b6 ^! {7 m
a+ V s) { _Dipity timelines can be viewed in either a list, flipboard, map or timeline format.3 B% e2 o6 {, C9 {5 r5 Y V/ C- F
1 e% {9 g& M# `8 m4 s
@2 |1 F- g/ P4 a7 D8 [5 q! ^0 C
( p, ~3 I! C( E0 x9 K) WData visualisations
- e' a' v0 @1 B& x7 u2 c7 e# z; y h& a( o$ Y+ J7 e7 \& B
3. Google Fusion Tables9 d" @: x$ f4 v2 @0 w8 X
' o- w' K' t' ^" Z) I& K& o/ S
Google Fusion Tables are used by many news outlets to build data visualisations. Fusion Tables enables users to transform data into visualisations such as charts and maps, which can then be embedded into news sites. Users can also combine data sets.$ z9 K% m3 H! j" h& U
/ T; z' d! o7 a4 B1 J
In this post from last year on Journalism.co.uk we look at "five great examples of data journalism using Google Fusion Tables".
# ?& x3 M5 `8 X( q+ A) M: }* c6 l) f5 ^' X0 N: p
There is also a detailed how-to guide on getting to grips with Google Fusion Tables for the first time. And this guide from Poynter covers how to produce heat maps in particular. ~9 ^) R& D, f5 g5 X- R( Q
/ C* |) r# [. R# s2 _1 B
And Google also provides its own tutorials on using the platform.
7 C2 g0 E" \* T- C0 J: ^" Y' R7 f: O* ~% ?5 w
4. Tableau
5 f0 G+ x7 c) x% K2 M, N! u! ~3 v
( K+ J1 ?! I4 \8 J- aTableau Public is a data visualisations platform which can be used to make interactive graphs and maps. The resulting visualisations can then be embedded onto a news site. The end visualisations can also be manipulated by the viewer.
- U" T m6 v2 z8 {2 f
5 n# y% P( B/ f/ J$ c: ~According to Tableau, it's Public software "offers hundreds of visualisation types", and its mapping technology "automatically geocodes down to the city and zip code level".
# O; {$ a8 n7 @/ I5 m# _4 Z9 U* s8 u; s( \- j) E8 G" t; } A( E* L
Tableau, which has been used by a number of news outlets including the Guardian and New Scientist, explains how to use the tool in more detail at this link.
; N6 @% n/ t! @$ u! Y4 x. @ u$ M
And at news:rewired last week, Media Wales's Paul Rowland showed an example of how the news outlet also used the technology to create an interactive which enabled readers to compare the popularity of baby names, and produce a graph based on the names entered.0 o7 p$ ?0 W& K. O8 D! Y0 B
' v x) S/ _" y5 z6 G
+ m, F% A2 C y( f8 I4 n3 I7 \, e/ p( G2 b1 W( K. l- {8 x
5. Datawrapper* I# }* q& V- x7 `! ^: T4 p5 f- Q
) S }! z2 h/ ~* p4 j4 t1 p1 a, E
Datawrapper was one tool recommended by data journalist Nicolas Kayser-Bril during his keynote speech at news:rewired - digital stories last week. He worked on the the development and design of the tool, according to theDatawrapper site.# V+ z2 A# q1 J
1 D6 I' g2 Y) V9 } c* Q2 O
It is a free, open-source, data visualisation tool which produces graph or pie chart style visualisations. Data can be copied in from either Excel, a Google document or a web page, according to the website.* ~+ q# U8 s6 l
) @# B" G* n& A1 J/ W/ r! MThe site adds that users can also opt to use Datawrapper's hosted service or install it onto their own servers.
5 a9 V3 W( D( s+ q, f# @! g0 @
Below is a copy of a chart based on a study by Rippla on news articles shared on Twitter.
1 k) d, T; N# f: C- S! K, e5 c$ E- A# M# _% C
4 e5 i+ a; S5 K9 Z- y, M; eMultimedia packages+ D2 W- ?* s3 c
1 b; v! n" d& q/ Q5 ?6. Meograph
1 d* H: I9 ]- K1 f8 g' `% v2 C8 i+ ^& A
Meograph, which launched earlier this year, enables users to build embeddable multimedia stories which can include both a timeline of events, as well as geographic representation on a map.1 U0 W9 I, c$ m% f3 m8 V( T/ H; Q
' L; ]( _( D% {# \& c
The tool lets journalists create "moments", which are they key parts of a story, and can include a range of multimedia content such as images, YouTube videos and links to outside articles and wider content. These can then plotted on a timeline and map, with audio overlay for a narrative if required.& ]! P! o- t9 S; Z
! F& ?, d: m0 wThe platform also recently launched an update which means plotting the location of a 'moment' is now optional, to help journalists use the tool to cover a wider range of stories.
7 ?% @8 v6 I, ]* Q3 U- |7 ]- Z6 T- `9 w2 |
At news:rewired Media Wales's Paul Rowland showed an example Meograph which the news outlet produced to report on the April Jones case.
0 u; y$ P: N; e0 e) y. G
4 v- t! f5 W) W
% T+ }0 b) U4 D5 H" W: @! {& H! G- s6 O8 i- n; p: i+ @
7. Storify
( s! B: v" N3 ?1 B, a# u
( \9 F* y/ b2 R# ]; eStorify is a digital publishing tool which enables journalists to drag and drop in media from across the web, such as tweets, URLs, YouTube videos and Flickr images to create a multimedia-rich story which can then be embedded into a news site.- N v4 A# W% ^+ E0 }4 g, f
! S; T7 c& p& N8 I0 @! lThere are an additional array of sources users can add in to a Storify, such as SoundCloud audio, updates from App.net, RSS feeds, Tumblr blogs and Disqus comments.* j7 `4 m6 o M8 G2 H+ J' s3 j
) ]5 R7 g) U; N, y2 ]
Journalism.co.uk recently built a Storify as a way of covering its news:rewired digital journalism conference, by compiling tweets, photos, video, tweets and links to coverage.5 _: o U' M* \' S& [4 d% Q
- e7 B E4 x- J I3 X& [6 y+ I2 M0 T1 Q, {7 I+ j5 a3 W" b
. g2 z9 P' \* f" C4 P: E( l8. Storination' ?. F4 @: F/ g; m9 V/ W5 J* v5 \$ W
8 }1 _. R$ f* H+ M0 |Storination is a platform which enables users to create a group of Storify stories. Publishers could use it to group together Storify stories from a certain event, for example, or covering a specific subject.# o- k3 G+ z- B
) p" y7 b" o9 @3 a1 w
The tool is free to use, but there is a cost for sites or brands to use the white label option which launched in private beta earlier this year.
$ k3 L: R/ {2 h& g* P9 N/ W* }1 W1 L/ p% o) N3 A5 z
9. Popcorn Maker& s* D/ E$ \" I3 W$ z& B" F
Popcorn Maker was released by Mozilla earlier this year, as a tool which helps journalists add context by overlaying additional content to video or audio.- \, P' F6 X+ Z
- A9 y7 Y( n% i9 i2 t. V: | RThe first version of Popcorn Maker lets users place tweets, maps, links to other web content and images on top of video from YouTube or Vimeo, or audio from SoundCloud. The original media file – whether video or audio – is added to Popcorn Maker by pasting in the URL.1 I, l2 @' g2 C8 Z
4 c/ F0 ^/ Y% E' XDifferent map types are available – such as Google maps terrain, satellite, as well as street view – as well as the Stamen maps. Mozilla has more on how maps in particular can be used in Popcorn Maker.9 Z1 a. Q. D+ _( {( S1 f
0 Z9 z. h) l0 z# O2 X( t8 e
The end product can then be embedded into a news site. And as the Mozilla Hacks blog explained at the time of launch, there is also a "remix" button which enables "anyone watching to become a creator themselves by using the current remix as a base project for their own creation".
1 I4 N7 m* {9 l
7 r! r/ \. _6 f2 l( Z {6 SThis example shows how Popcorn Maker was used to add to a video of a talk at the TED conference.
# A8 t5 t0 A) Z* x& W# t
8 p9 ^; K3 S2 `' H; l% h" U6 j* w: T2 }* X! Y
' B) q2 q5 [8 y1 d4 z+ ]+ A
There is also a Javascript library called Popcorn.js which coders can use to create videos. Popcorn.js was, for example, used to create this visualisation at the BBC to illustrate the last movements of Ian Tomlinson.
7 N! I3 G: a% b0 U
( l* P/ k: a% K+ P9 M" JThere is an tutorial which lets you create the BBC visualisation using Popcorn Maker at this link.4 m0 l1 q' |) u
6 y( Y e8 f$ u6 ?( q0 q9 T10. Cowbird3 h1 Z1 H* q6 W) p
- a' a1 V: y# D! e
Cowbird aims to be the "world's simplest and most beautiful storytelling tools", and enables users to create multimedia stories with audio, images, text and other features.2 U0 `" m0 v$ r
; Q8 B2 G9 q. e2 q/ p' BAn early use case was by National Geographic which used the platform to collect together the stories – through images and text – of those living in the Pine Ridge Indian Reservation.+ r( k; Q: A B% K, G
6 l4 ^ Q' D- s) `8 b
Another interesting use case, as highlighted by Columbia Journalism Review, was by photojournalist Sebastian Meyer who used the platform to "tell short reported stories that were too small to sell to a client".
. f/ {% `, I; D& T4 a+ ?
: U2 I6 Y) _1 U/ ?4 D+ `In his example of "The day the bomb dropped", Meyer added audio to help demonstrate time, the CJR report adds.( o- `. }, ]6 d4 z$ | L3 M
3 X9 i! c' u. j
Interactive images6 W* \0 D( h+ u' Z8 [3 r9 Z
5 b5 d; ?1 k W$ K p$ f. v: I' c; o
11. ThingLink4 v# w0 b* B$ Y: y
3 I# j1 K( p" ^4 k. zThingLink offers the ability to make images interactive by adding points to a still image and attaching links, such as to other content, multimedia or social media pages.' `. ?5 X' g" @
* O+ ]: t7 B; ^* z' O! c9 {; t# L
The 10,000 Words blog recently produced a post suggesting "five ideas for ThinkLinked journalism", such as producing timelines, maps users can interact with or inforgraphics.2 O0 o6 y) p& H# O7 t2 M; H1 S1 X
8 r/ K1 |$ B* B" f k7 I7 i# a
Creative director of ThingLink Jonas Forth spoke at Journalism.co.uk's news:rewired conference last week, of which ThingLink was a sponsor., @6 a7 z. b" a' D1 i
8 q- |7 N; c: v1 m& V' J2 MIn his presentation, which can be seen at this link, Forth outlined the different ways news outlets have already been using the platform, including use cases by the Guardian, the Washington Post, the Montreal Gazette, Mashable the Huffington Post and NME.
% v3 p7 V" U* H, ZThingLink images can also now be added to Storify packages.
; L' G, k$ T4 M1 b6 i
2 `; Y W" V& d% ZThingLink is free for editorial use. At news:rewired Media Wales's Paul Rowland also showed an example of how the news outlet used ThingLink to allow users to "explore how the search for April Jones has unfolded".
, a# \0 f2 f3 d8 f% }% g3 H0 L# b' s6 v) f
0 ]0 e0 f* Y; E* G) R" _3 l1 G& m' _% R" c( _6 K
12. Taggstar) a( c0 b+ ]4 V3 `" M
Taggstar similarly enables images to be made interactive by adding links to content such as video, audio and text, as well as external websites.
7 a! r3 `1 _0 {9 dAccording to TechCrunch, "it’s the e-commerce angle that will likely interest publishers the most", with Taggstar, with the ability to make images "shoppable" with links to products. The example below from MSN shows one way this can be achieved.
+ F/ x8 H* w, Q0 L; H4 _8 i/ k6 n; N0 {. [; J7 ~# K! c+ |& ]: ^
2 d" e& d+ ^. h
, Q3 z! Z3 x8 K# H6 |; NInfographics
) Z9 E' x$ m V- Q+ ` V6 v! |0 F9 q) Z- ^' a
13. Visual.ly6 q3 F! V! y8 B$ B' L
Visual.ly currently offers a sample of free infographics which journalists can create based on certain data entered, such as a hashtag or Twitter accounts.The platform told Journalism.co.uk earlier this year it was planning on launching more tools to create infographics soon.6 X; H' A0 ~5 ~: g" R3 P
% H [+ Z# i' o7 N2 ?6 [8 K: R# ?Samples currently available include "the life of a hashtag" or a visualisation of a Facebook page.
& L/ U! h0 R* I/ F5 z+ @2 Z$ k
U& F9 O( m; SVisual.ly has also launched a product in private alpha which lets users create their own charts and graphs, and which has been tested with outlets including the Huffington Post, CNN, and the Economist.! ~: u7 e1 G/ Y
! k1 u5 n( c7 R/ s$ {; B14. Infogr.am1 k9 c" q1 ?2 V2 W. e9 `
9 T+ q% h6 p& e% w
Infogr.am launched earlier this year and enables users to choose from a number of infographic templates to then apply their own data, text, charts and images.5 g7 E+ y U+ @
6 H9 i( l( x8 s0 N# m
There are currently six different infographic templates for users to choose from, which feature "dummy" data and text to help guide users. The site also enables users to create charts, choosing from 12 different options of chart type, before uploading the data to customise.
* E7 U8 P' x( o1 f* b) E) t( a: L0 h( p
The layout of the infographics can also be customised using drag-and-drop movements, and the end result is then embeddable.Below is a copy of a test Infogram we produced earlier in the year:
0 J8 a0 h* n0 Y3 o
/ e2 }) \& q8 v; ?, a' @( f: zTo tell us about a visual storytelling tool you find useful, leave us a comment below.
* C6 @) W8 S, ~# S8 G; H6 H. b% `
http://www.journalism.co.uk/news/14-visual-storytelling-tools-for-journalists/s2/a551505/?_tmc=UqUfX7XgBvQrkociqo7Xu6tndAf44A7F_jlYKi2rUR4
2 ?; M8 m# f# E
! d- s% v" u( v+ j/ Q7 n; E
8 m h1 v0 i h$ M9 V3 M* \! q/ f( A/ [6 Y8 G0 r+ c6 p0 V
9 \+ I |5 q7 v* _5 p) S6 u% G |