Вы находитесь на странице: 1из 70

TIMELINE

A NOTER
●Alternance photos/vidéos

●Liens vers des articles

●Transitions animées

http://abcnews.go.com/nightline/fullpage?id=4675670
TIMELINE

A NOTER
●La correspondance temps/cours de la bourse

http://www.msnbc.msn.com/id/26797480
TIMELINE

A NOTER
●Représentation graphique comparée dans le temps de plusieurs indicateurs

●Ouverture d'un volet en superposition avec courts textes, photos ou vidéos,

pour les événements d'actualité


http://www.msnbc.msn.com/id/23694433
TIMELINE

A NOTER
●Choix de la période : en déplaçant le curseur

●Évènements clés dans un volet à gauche avec photo + chapô

●Menu couper/partager/envoyer/nous contacter

●Liens vers d'autres infographies


http://www.guardian.co.uk/business/interactive/2008/nov/05/interest-rates-history
TIMELINE

A NOTER
●Choix de la période : zoom sur les années 91-09

●Liens vers des articles

●Menu couper/partager/envoyer/nous contacter

●Liens vers d'autres infographies


http://www.guardian.co.uk/business/interactive/2008/oct/07/interestrates.creditcrunch
TIMELINE

A NOTER
●Choix de la période : avec un curseur sur une ligne du temps

●Choix de la période : zoom sur certaines périodes

●Liens vers des dépêches pour chaque évènement

●Possibilité de s'abonner par e-mail aux mises à jour du graph

●Description succincte lorsque l'on clique sur « About this topic »


http://www.guardian.co.uk/media/2008/sep/26/downturn
TIMELINE

A NOTER
●Timeline interactive : le discours d'investiture des Présidents des

EU sont lus et affichés pour chaque date

http://www.newsweek.com//id/179587
TIMELINE

A NOTER
●Timeline + photos

●Graphisme sympathique

●Façon originale de parler d'un film


TIMELINE

A NOTER
●Représentation visuelle intéressante d'un débat télévisé

●En haut, les thèmes abordés en fonction du temps de débat (noir)

●En bas le temps de parole des participants

●En cliquant sur chaque section, accès à une retranscription des

propos prononcés et liens vers la vidéo du débat

http://debatehub.c-span.org/
TIMELINE

A NOTER
●Représentation du box office us selon la durée en salle des

films et leur chiffre d'affaire


●Il manquerait une légende

●Mais la visualisation est originale

http://xach.com/moviecharts/2008.html
TIMELINE +
INFOGRAPHIE

A NOTER
●Evolution dans le temps des différents indicateurs + timeline

avec photos et événements


●Possibilités de partage

●Onglets liens/infographie/commentaires
http://online.wsj.com/article/SB123517105948436743.html#articleTabs=interactive
TIMELINE +
INFOGRAPHIE

A NOTER
●Deux visualisations pour un même événement : 2 onglets

●Infographie pédagogique et animée en haut

●Timeline attractive : photos + transitions agréables

●Renvois vers des articles en pdf

http://www.nytimes.com/interactive/2007/09/24/science/space/20070924_SPUTNIK_GRAPHIC.html?scp=11&sq=timeline&st=cse#tab2
CRIMEMAPPING

A NOTER
●Choix géographique : carte à déplacer + zoom

●Choix du moment dans la journée

●Choix de la période temporelle

●Choix du type de délit

●Détails sur chaque délit en cliquant dessus

●Définition d'alertes par RSS

●Ouverture des sources : API

●Sources : crime reports et Police Beats

●Onglet About et Commentaires (Feedback)


http://oakland.crimespotting.org/
CRIMEMAPPING

A NOTER
●Choix géographique : zoom

●Choix géographique : par postcode ou adresse

●Choix du moment dans la journée

●Choix de la période temporelle

●Choix du type de délit

●Statistiques annuelles

●Détails sur le délit en cliquant dessus

●Option de parage : Facebook

http://projects.nytimes.com/crime/homicides/map
CRIMEMAPPING

A NOTER
●Fonctionnement communautaire : il est possible de devenir

partenaire pour alimenter la base de données du site : « join the


largest crime mapping network in the word »
●Alerte par i-phone

●Alerte par e-mail

●Outils de partage
http://www.crimereports.com/
CRIMEMAPPING

A NOTER
●Choix géographique : zoom

●Choix géographique : par postcode ou adresse

●Choix de la période temporelle

●Choix du type de délit

●Détails sur le délit en cliquant dessus

http://www.crimereports.com/
CRIMEMAPPING

A NOTER
●Choix géographique : zoom

●Choix géographique : par postcode ou adresse

●Choix de la période temporelle

●Choix du type de délit

●Détails sur le délit en cliquant dessus

●Accès à la base de donnée (sous forme de liste)

http://www.azcentral.com/CrimeMaps/?sort=d_date&city=Chandler&zipcode=&location=&days=30&category=
CRIMEMAPPING

A NOTER
●Il s'agit de la base de données des coups de

téléphone passés à la police de Nashville depuis


novembre 2007
●Choix géographique : par adresse

●Choix de la période temporelle

●Navigation par onglet : carte / statistiques / bdd

●Base de données sous forme de tableur avec

capture Google Street View du lieu de l'agression


●Statistiques sur la nature de l'agression

http://services.tennessean.com/services.aspx/crime-watch?address=1100+Broadway%2C+Nashville%2C+TN+37201&radius=1&startDate=12%2F30%2F2009&endDate=1%2F6%
CRIMEMAPPING

A NOTER
●Statistiques sur le type de délit et son nombre

http://www.crimereports.com/
CARTOGRAPHIE

A NOTER
●Choix géographique : zoom

●Choix géographique : par postcode ou adresse

●Choix de l'aspect de la carte

●Donne accès aux données météorologiques des stations météo

dans le monde (température)


●Visualisation par carte et par graph par station
http://labs.geo.me/climate_data
CARTOGRAPHIE

A NOTER
●Réalisation de cartes sur la provenance des différents

composants des produits manufacturés


●Choix de l'échelle géographique

●Choix du produits

●Détails des composants

●Infos sur le poids, l'empreinte carbone...


http://labs.geo.me/climate_data
CARTOGRAPHIE

A NOTER
●Géolocalisation de données locales : news, ventes de

propriétés, plaintes pour tabagisme, nouveaux commerces,


licences pour chien, requêtes, conditions de circulation en
temps réel, accidents de la route, webcam des autoroutes,
crimes, déplacement des policiers, arrestations, happy hours,
camps d'été, événements, hôtels, restaurants, attractions,
marché, derniers prix du gaz, ventes de garages...
●Possibilité de s'abonner par flux RSS à chaque catégorie

d'info
●Choix de la période temporelle

●Personnalisation de la carte par choix des données

représentées
●Personnalisation de la carte par choix de l'échelle

●Possibilité de zoomer sur une adresse (moteur de recherche)

●Accès à la base de données sous la carte


CAROGRAPHIE

A NOTER
●Cartographie des commerces ouverts 24/24h

●Possibilité de chercher un commerce par catégorie

●Possibilité de chercher un lieu par code postal ou de zoomer

sur la carte
●En cliquant sur les commerce une bulle donne l'adresse et le

numéro de téléphone http://www.2itch.com/


CAROGRAPHIE

A NOTER
●Cartographie du taux de prêts toxiques par état américain

●Comparaison entre 2007 et 2000 en faisant glissant le

curseur en bas : la carte à gauche du curseur s'affiche avec


les résultats de 2007 et celle à droite avec ceux de 2000

http://www.usatoday.com/money/economy/housing/2009-02-24-bigloans_N.htm
CAROGRAPHIE

A NOTER
●Cartographie de la situation économique des états us

●Choix de la donnée cartographiée : taux de chômage, emploi

par industrie (choix de l'industrie), saisies


●Renvoi vers des témoignages (à droite) et possibilité

d'afficher tous les témoignages sur la carte


http://edition.cnn.com/SPECIALS/2009/map.economy/index.html
CAROGRAPHIE

A NOTER
●Cartographie des itinéraires par piste cyclable dans NY

●Possibilité de recherche en zoomant sur la carte ou en tapant

une adresse de départ et une adresse d'arrivée


●La carte répertorie aussi (et fait de la pub pour) des magasins

de vélo
http://ridethecity.com/index.php
CARTOGRAPHIE

A NOTER
●Carographie de la pollution

●Choix du type de polluant

http://trendsmap.com/
CARTOGRAPHIE

A NOTER
●Cartographie de la pression économique aux EU par états

●Choix de l'indicateur

●Choix de la période temporelle (possibilité de déplacer le curseur sur la

timeline pour voir les évolutions)


●Choix de la visualisation par état pour par county

●Possibilité de zoomer

●Renvoi vers des témoignages (people)

●Renvoi vers une aide à la lecture (about the numbers)

●Détail des données pour chaque état lorsque l'on passe la souris dessus
http://hosted.ap.org/dynamic/files/specials/interactives/_national/stress_index/index.html?SITE=YAHOO&SECTION=HOME
CARTOGRAPHIE

A NOTER
●Cartographie intéressante pour l'info locale

● Possibilité d'afficher la carte par ville

●Possibilité de saisir une adresse

●Détails des accidents par route lorsque l'on clique sur une

route
●Base de données accessible à gauche de la carte
http://riskyroads.org/
CARTOGRAPHIE
+ TIMELINE

A NOTER
●Interface visuelle de recherche dans la base de données

d'articles, de photos, de vidéos, de tweets.... du Washington


Post
●Recherche par date et période de la journée

●Possibilité de zoomer sur la carte

http://specials.washingtonpost.com/timespace/election/9/
CARTOGRAPHIE
+ INFOGRAPHIE

A NOTER
●Carte : Possibilité de zoomer

●Carte : Détails sur le meurtre et le meurtrier lorsque l'on clique sur une photo

●Statistiques : Possibilité de sélectionner une partie des données

●Navigation par onglet :

-base de données (full list)


-visualisation (cartographie)
-statistiques
-FAQ
-Contexte d'élaboration de la cartographie http://news.bbc.co.uk/2/hi/uk_news/7777525.stm
INFOGRAPHIE

A NOTER
●Enquête sur les abus commis par les instituteurs sur

leurs élèves
●Gros travail de structuration des données

●Navigation par onglet

●Moteur de recherche dans la base de données

●Moteur de recherche par localisation géographique

●Flux d'articles en relation avec ce thème

●Graphique animé

●9 graphiques issus des statistiques


http://www.heraldtribune.com/apps/pbcs.dll/section?CATEGORY=MULTIMEDIA0202
INFOGRAPHIE

A NOTER
●Les onglets

●La légende et le chapô

http://online.wsj.com/article/SB123687992688609801.html#project=MADOFF-TREE-0902&articleTabs=interactive
INFOGRAPHIE

A NOTER
●Infographie assez peu interactive

●Mais parlante

http://www.slate.com/id/2195892/
INFOGRAPHIE

A NOTER
●Possibilité de partage

●Très parlante

●Choix des indicateurs socio-démo

●Comparaison
http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html
INFOGRAPHIE

A NOTER
●Plutôt parlante

●Possibilité de grossir chaque courbe

●Mais pas de comparaison

http://projects.flowingdata.com/america/spending/
INFOGRAPHIE

A NOTER
●Bien approprié aux discours politiques

http://projects.washingtonpost.com/obama-speeches/
INFOGRAPHIE

A NOTER
●Personnalisation par choix des séances, des

interventions et des députés


●Plutôt parlant

●Onglet graphique / synthèse (données brutes)

http://spreadsheets.google.com/ccc?key=0AkQYwNZDuURUdG44bkFOZ2hjTTFXOHk2RHZWMGdORHc&hl=fr
INFOGRAPHIE

A NOTER
●Possibilité de commenter

●Choix de la visualisation global/tendances de

long terme
●Choix de l'échelle géographique

●Détail pour chaque année et chaque catégorie

de dépenses
●Choix de la date

http://www.wheredoesmymoneygo.org/prototype/
INFOGRAPHIE

A NOTER
●Basic mais renouvelle bien les graphiques type

camembert

http://www.axiis.org/examples/WedgeStackChartExample.html
INFOGRAPHIE

A NOTER
●Visualisation assez riche

http://www.axiis.org/examples/BrowserMarketShare.html
INFOGRAPHIE

A NOTER
●Type de visualisation intéressant pour

représenter des relations complexes


●Lorsque l'on passe le curseur sur un point/pays

les autres pays ayant voté pour lui sont


immédiatement reliés à lui http://blob.creanode.com/blob/eu2009/
INFOGRAPHIE

A NOTER
●Type de visualisation intéressant pour

représenter des relations complexes


●Possibilité d'exporter la visualisation sous forme

de poster
●Choix des types de maladies représentées

●Possibilité de zoomer

http://diseasome.eu/map.html
INFOGRAPHIE

A NOTER
●Présente l'évolution de la popularité des

présidents des EU au cours de leurs mandat


●Permet de choisir quel président comparer avec

quel président
●Offre aussi une visualisation chronologique

●Nécessite un travail statistique pour rendre

comparable des indicateurs issus de périodes


différentes
http://www.usatoday.com/news/washington/presidential-approval-tracker.htm
INFOGRAPHIE

A NOTER
●Représentation graphiquement intéressante du

temps consacré par Barack Obama à différents


dossiers
●Possibilité d'afficher une représentation selon les

dossiers, les types d'événements ou les


personnes présentes
●Possibilité de s'inscrire au flux RSS de l'agenda

du président
●Choix de la période géographique

●Accès à la base de données des événements

lorsque l'on clique sur une catégorie


http://projects.washingtonpost.com/potus-tracker/
INFOGRAPHIE

A NOTER
●Moteur de recherche par ville

●Temps d'attente

●Performance de ponctualité

●Classement des vols les plus retardés

●Pratique / service

http://www.lasvegassun.com/guides/flightdelays/
INFOGRAPHIE

A NOTER
●Infographie animée (les personnages tournent en

rond)
● A partir d'un montage photo

●Assez parlant

●Des détails sur chaque personnage en cliquant


http://www.spiegel.de/flash/0,5532,19477,00.html
INFOGRAPHIE

A NOTER
●Statistiques sur les soldats morts en Iraq

●Visualisation par timeline + graph

●Onglets renvoyant vers des photos des morts ou

des témoignages de soldats

http://www.nytimes.com/2006/12/28/us/20061228_3000FACES_TAB3.html?_r=1
INFOGRAPHIE

A NOTER
●Représenation sous forme de course de chevaux de

l'évolution du PIB des pays du FMI pour l'avenir, selon les


prévisions du FMI. La ligne d'arrivée représente la sortie de la
crise
●Possibilité de choisir la date de comparaison dans le futur

●Information sur chaque pays en cliquant sur son cheval

●Infographie animée

http://www.elpais.com/graficos/economia/salida/crisis/carrera/caballos/elpgraeco/20091201elpepueco_2/Ges/
INFOGRAPHIE

A NOTER
●Représentation graphique de la baisse des marchés pour

plusieurs périodes de crise, en fonction du temps


●Possibilité de cliquer sur chaque courbe pour avoir des détails

●Timeline de l'évolution des marchés (sans comparaison) à gauche

●Suppose un travail de mise sur une même base de valeurs

monnétaires
●Parlant

http://www.nytimes.com/interactive/2008/10/11/business/20081011_BEAR_MARKETS.html
INFOGRAPHIE

A NOTER
●Explication étape par étape d'une histoire

d'espionnage à Madrid
●Représentation des liens entre les

différents protagonistes
●Très parlant (pourrait être utile pour l'affaire

Clearstream ?)
http://www.elpais.com/graficos/espana/Trama/espionaje/elpepuesp/20090204elpepunac_1/Ges/
INFOGRAPHIE

A NOTER
●Emploi par secteur : évolution depuis 1999 de l'emploi par

secteur
●Forme d'écran de contrôle, il est possible de zoomer sur

chaque courbe

http://www.msnbc.msn.com/id/27844127
INFOGRAPHIE

A NOTER
●Activité des députés selon leurs commissions, leurs semaines d'activités

et leurs interventions, les amendements proposés...


●Choix de l'indicateur visualisé

●Possibilité de choisir les députés apparaissant sur le graphique

●Onglets : graphique/données

http://www.msnbc.msn.com/id/27844127
INFOGRAPHIE

A NOTER
●Représentation de ce que dépense, gagne, doit... l'Etat britannique

●Parlant

http://www.guardian.co.uk/news/datablog/2009/nov/27/billion-pound-gram-inormation-beautiful#zoomed-picture
INFOGRAPHIE

A NOTER
●Site de sondage en ligne intéressant : pose une question puis

donne accès aux résultats


● Possibilité d'afficher les résultats pour différentes sous

populations, en fonction de l'âge, du sexe, du moment de


réponse, de la localisation...
●Aspect UGC : possibilité de commenter sa réponse et de lire

les commentaires des autres répondants http://www.ownyourc.com/


NUAGE DE TAGS

A NOTER
●Présente de façon synthétique les thèmes

dominant les débats parlementaires


●Choix de la période temporelle

●Choix de l'état

●Accès aux statistiques par état, par sujet ou par

parlementaires
●Classement des parlementaires les plus/les

moins actifs
http://capitolwords.org/
SCRIPT

A NOTER
●Format vidéo

●Possibilité de télécharger la vidéo

http://blog.kiwitobes.com/?p=51
SCRIPT

A NOTER
●Très parlante

●Infos factuelles / données brutes dans un cadre

et en bas
●Possibilité de télécharger l'application

http://vimeo.com/5634023
SCRIPT

A NOTER
●Reconstitution du nombre d'emplois créés et

détruits entre 2004 et 2010, visualisés sur la carte


●La légende explique que cet animation veut

montrer que toutes les régions n'ont pas été


touchées pareillement par la crise
●Il est possible de laisser un commentaire sous la

carte
http://tipstrategies.com/archive/geography-of-jobs/
BASE DE
DONNEES

A NOTER
●Moteur de recherche par code postal pour des statistiques

socio-démographiques classiques (revenu moyen, coût de la


vie, niveau scolaire, population, taille moyenne des foyers,
statistiques ethniques....)
●Possibilité d'affiner la recherche pour un grand nombre de

sous population selon des critères socio-démo


http://www.ownyourc.com/
SIMULATION

A NOTER
●Simulation du temps réel : naissances, décès et

émissions de CO2 dans le monde


●Détail pays par pays en passant la souris sur la

carte

http://www.breathingearth.net/
SIMULATEUR

A NOTER
●Module de calcule de l'emprunte carbone

http://www.msnbc.msn.com/id/27844127
NON INTERACTIF

A NOTER
●Pas d'interactivité, pas de 3D...

●Mais je trouve ce graphique très parlant

●On pourrait le décliner selon les plateformes/réseaux sociaux

utilisés
http://images.businessweek.com/mz/07/24/0724_6insiid_a.gif
NON INTERACTIF

A NOTER
●Pas d'interactivité

●Mais je trouve ce graphique parlant

http://www.wired.com/gadgets/gadgetreviews/magazine/test2007/st_infoporn
TEMPS REEL

A NOTER
●Real time local twitter trends : géolocalisation des tweets et

compilation par sujets


●Recherche sur la carte par ville, région ou zoom

●Recherche par thème

●Détails des tweets à gauche

http://trendsmap.com/
TEMPS REEL

A NOTER
●Compteur en temps réel

http://techtified.com/2009/10/growth-of-social-media-in-real-time-hard-data/
Plus de
crimemapping
Anchorage crime map

The Inquirer Anninston Star Crime Map

Baltimore Crime Map


London Metropolitan Police The New York Times

Dallas crime map

Copenhagen crime map


Cordoba crime map
Berkeley CA crime log
Atlanta Police Dpt Crime Map
Plus de
crimemapping
Grand Rapid Crime Map
Fresno Crime Map
Evanston crime map

Houston crime map London crime map


Kansas city crime map
The Spec crime map

Menphis Crime Map


Napa crime map

Newark Crime map


Misdaadkart crime map
Plus de
crimemapping Philadelphia Crime map
Orlanda crime map

Philadelphia Crima map

Richmond crime map

San joaquin crime map


Sacramento crime map TBO crime tracker

Seattle 911 calls info


Wichita Crime Map
Washington post Ypsilanti crime map
Plus de
cartographie
News World Map
Map of Madoff victimes

La qualité de l'air aux abords


de l'A86 Ouest

USA Today School Funding Significant Trees in Boroondara


Needs Le parcours de la flamme
olympique
Your guide to biking in DC

CrashStat
Parkersburg tornado : The 44th president inauguration
London 2012
rebuilding town

Вам также может понравиться