background preloader

Visage - Beautiful, Branded Reports

Visage - Beautiful, Branded Reports
Related:  Data VisualizationInfographies

SVG Crowbar A Chrome-specific bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG. The Bookmarklet After you’ve installed the bookmarklet, you can execute it on any page. (You can click on the link instead to test it on this page immediately.) Update Some users reported that styles were not stored with the SVG files, so we added a new version that should work everywhere. Notes Pixels will map to points when opening in Illustrator. Dimensions of the document will be the same as the dimensions of your SVG element. Gotchas It only works in Chrome. A Sample SVG

The Data Visualization Catalogue If you’ve ever struggled with what visualization to create to best show the data you have, The Data Visualization Catalogue might provide just the help you need. Severino Ribecca has begun the process of categorizing data visualizations based on what relationships and properties of data that they show. With 54 visualizations currently slated to be categorized, the catalog aims to be a comprehensive list of visualizations, searchable by what you want to show. The site has the potential to be a great resource for those looking to find the most efficient way to display their data, or a new angle to find different patterns or insights. Tableau has a similar tool (Show Me) embedded into their software, but a free tool that lets the user specify the data properties and get a list of options is a welcome development.

Vidéo : 8 choses que les journalistes web devraient savoir faire Nouvel eldorado des médias en ligne, la vidéo est dans la bouche de tous les rédacteurs en chef et dans les rêves de tous les directeurs marketing. Montage, embed, recherche, partage, monétisation : les outils et les pratiques évoluent presque aussi vite que le nombre de vues de Gangnam Style sur Youtube. Voici un point d’étape au début de l’année 2013 pour vous permettre de vous y retrouver. ↑1 » Retaillez une vidéo Youtube L’outil Viewrz, d’une simplicité enfantine, permet de sélectionner un extrait de n’importe quelle vidéo Youtube, en spécifiant le timing de début et de fin. Très pratique quand il s’agit d’embedder un morceau de vidéo pour illustrer un point précis dans un article. Comble de la classe, l’outil permet même de créer un GIF à partir de l’extrait de vidéo que vous avez sélectionné. Un outil alternatif qui fait le même boulot : TubeChop ↑2 » Téléchargez des vidéos en ligne Pour ne récupérer que le son de la vidéo : ListenToYoutube ou MoMeCo. ↑4 » Montez vos vidéos en ligne

Quartz/Chartbuilder Home - Recline Data Explorer and Library A simple but powerful library for building data applications in pure Javascript and HTML. Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos » Get started fast 10 outils en ligne pour créer des infographies Un dessin vaut mieux que de long discours. Le refrain est connu. Le développement de l’usage des infographies dans la presse , dans les médias, dans l’édition ces dernières années est une tendance lourde des nouveaux moyens d’informer. Nous sommes abreuvés d’informations tous les jours. Une « infobesité » chronique à laquelle il est difficile d’échapper. Pour mieux mémoriser, mieux comprendre des informations, notamment statistiques ou géographiques rien de mieux qu’un diagramme, une cartographie ou un schéma explicatif. Pour créer une belle infographie de nos jours plus besoin de vous plonger dans Photoshop ou être un virtuose d’Illustrator. Venngage Venngage est un excellent outil pour vous lancer dans la création de votre première infographie. Infogr.am Infogram a su se occuper une des premières places dans ce marché très encombré des outils pour créer des infographies. Visme.co Canva Canva fait partie des incontournables de cette liste. Easelly J’aime beaucoup Easelly. Tableau PikToChart

La Boîte à outils du journaliste web - Nicolas Becquet dessous). Visify: créer un mini site sous la forme d’un CV express et design en quelquesclics. Il est également possible de paramétrer une courte vidéo qui donne unaperçu de son activité sur les réseaux. On se demande pourquoi ce servicen’est pas encore payant! Découvrezmon compte. Klout Kred ces services permettent de mesurer et d’analyser votre« influence » sur les réseaux sociaux. « Votre score » évolue en fonction devotre activité et de l’impact des infos que vous diffusez sur vos contacts. TwitterCounter / TweetStats TweetReach trois outils pour mesurer etanalyser votre influence sur le site de miccroblogging. Hashtag Battle Hashtags.org Life Of A Hashtag : connaître la popularitéd’un hashtag à un moment donné. Docteur Tweety T-Health24 : propose un aperçu de l’activité de la twittosphèrefrancophone sur les dernières 24 heures. TheTwitCleaner et JustUnfollow pour nettoyer votre compte Twitter et savoirqui sont vos followers. La meilleure heure pour tweeter ? Listorious Twitter Scribe:

Information Is Beautiful Awards 2014 - The Results Are In Last night’s third annual Information is Beautiful Awards celebrated dataviz at its most dazzling. Hundreds of entries were trimmed to a razor-sharp pack of outstandingly illuminating infographics, over which our judges deliberated long and hard. Now, with thanks to our generous sponsors Kantar, we present the winners. Data Visualization Gold - Rappers, Sorted by Size of Vocabulary by Matthew Daniels Silver - Weather Radials Poster by Timm Kekeritz Bronze - The Depth of the Problem by The Washington Post Special mention - The Analytical Tourism Map of Piedmont by Marco Bernardi, Federica Fragapane and Francesco Majno Infographic Gold - Creative Routines by RJ Andrews Silver - Game of Thrones Decoded by Heather Jones Bronze - The Graphic Continuum by Jonathan Schwabish and Severino Ribecca Interactive Gold - The Refugee Project by Hyperakt and Ekene Ijeoma Silver - How Americans Die by Bloomberg Visual Data Joint Bronze - Commonwealth War Dead: First World War Visualised by James Offer Website Tool

Datavisualization.ch 6 outils pour créer vos infographies facilement via Les infographies ont du succès, peut être souhaitez-vous créer les vôtres ? Des outils simples sont à disposition sur la toile. Je vous ai déjà parlé de quelques outils dans différents articles (ceux d’Intel ou de Visual.ly), voici une sélection de 5+1 outils pour utiliser et dynamiser vos données. Pick to chart Transformez vos informations en présentations hautes en couleurs. A travers une interface élégante et simple d’accès, cliquez les zones que vous souhaitez modifier et ajoutez vos données. D’une facilité déconcertante, cet outil payant est un incontournable pour dynamiser vos supports de communications. Info.gram Sur un principe identique à PickToChart, ce service vous propose une création en 3 étapes : choix du design, import des données (CVS ou Excel) puis génération de l’infographie. Info.gram offre un large choix de gabarits à modifier. Easel.ly En un clic sur le bouton « Get started » et vous commencez déjà à remplir votre infographie ! Gliffy Geocommons Visual.ly

20 outils gratuits pour fouiller le web à la recherche d’informations Une simple recherche Google ne résume pas le journalisme web. Une multitude de services gratuits, souvent très simples d’utilisation, peuvent faciliter et accélérer vos recherches en ligne. Note : Ce billet n’aborde pas la recherche d’infos sur les réseaux sociaux, qui fera l’objet d’un prochain post. ↑» Consulter les traces laissées par un site sur le web Un site que vous vouliez consulter a disparu des radars ? Google enregistre également des archives de la plupart des pages qu’il indexe dans un cache. ↑» Trouver le propriétaire d’un site-web Les bases de données Whois vous permettent de consulter les registres DNS des sites-web, qui comportent généralement le nom et les coordonnées du directeur de la publication du site en question. ↑» Rechercher l’origine d’une image Les services de recherche inversée d’images permettent de fouiller le web pour retrouver d’autres occurrences d’une même image. ↑» Un moteur de recherche plus fort que Google ↑» Rechercher du contenu en creative commons

20+ Tools to Create Your Own Infographics A picture is worth a thousand words – based on this, infographics would carry hundreds of thousands of words, yet if you let a reader choose between a full-length 1000-word article and an infographic that needs a few scroll-downs, they’d probably prefer absorbing information straight from the infographic. What’s not to like? Colored charts and illustrations deliver connections better than tables and figures and as users spend time looking back and forth the full infographic, they stay on the site longer. Plus, readers who like what they see are more likely to share visual guides more than articles. While not everyone can make infographics from scratch, there are tools available on the Web that will help you create your very own infographics. In this article, we’re listing more than 20 such options to help you get your messages across to your readers, visually. Read Also: The Infographic Revolution: Where Do We Go From Here? What About Me? “What About Me?” Vizualize.me Piktochart easel.ly

Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky. Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub. May 28, 2010 - ZOMG! Getting Started

Related: