background preloader

Vive la data visualization dans votre navigateur !

Vive la data visualization dans votre navigateur !
Les interfaces de représentation de données ont un côté fascinant qui ne date pas d’hier (Data Visualization: Modern Approaches). La data visualization désigne ainsi l’art et la manière de représenter des données d’une façon élégante, efficace et instructive. Récemment, la discipline a été popularisée par la mode des infographies (dont il existe une infinité de boards sur Pinterest). J’ai déjà eu l’occasion de vous parler de projets tout à fait intéressants (La BBC tente l’ergonomie artistique) et la discipline compte d’ailleurs des praticiens chevronnés en France comme l’équipe d’ActuVisu. Mais c’est de Suisse que nous vient une très belle initiative : A Carefully Selected List of Recommended Tools. Ces différentes librairies servent à créer des diagrammes, cartes… mais surtout à les manipuler en temps réel. Ces trois exemples ne sont qu’une sélection purement arbitraire dans une longue liste d’outils, je vous engage à le tester pour choisir celui qui vous conviendra le mieux. Related:  Data visualization, infografica, mindmapping

30 Simple Tools For Data Visualization There have never been more technologies available to collect, examine, and render data. Here are 30 different notable pieces of data visualization software good for any designer's repertoire. They're not just powerful; they're easy to use. In fact, most of these tools feature simple, point-and-click interfaces, and don’t require that you possess any particular coding knowledge or invest in any significant training. Let the software do the hard work for you. Your client will never know. 1. iCharts 2. FusionCharts Suite XT is a professional and premium JavaScript chart library that enables us to create any type of chart. 3. Modest Maps is a small, extensible, and free library for designers and developers who want to use interactive maps in their own projects. 4. Pizza Pie Charts is a responsive pie chart based on the Snap SVG framework from Adobe. 5. Raw is a free and open-source web application for visualizing data flexibly and as easy as possible. 6. 7. 8. 9. 10. 11. 12. jsDraw2DX 13.

Un générateur d'infographie pour représenter votre empreinte sur les réseaux sociaux Vendredi 23 mars Réseaux sociaux - 23 mars 2012 :: 11:26 :: Par Eric Intel propose un générateur automatique d’infographie qui représente de façon graphique en un clic vos différents centres d’intérêt sur les réseaux sociaux. Il semblerait que les internautes soient nombreux à être friands d’infographies en tous genres. Ajoutez à cela une petite dose de narcissisme et une implication de plus en plus profonde dans les réseaux sociaux, et vous avez la recette pour l’idée sympathique du jour : un générateur d’infographie qui représente de façon graphique vos différents centres d’intérêt sur les réseaux sociaux. La petite moulinette, conçue par Intel, qui a bien sûr trouvé là un bon moyen de se faire un peu de pub à moindres frais, requiert simplement que vous autorisiez l’accès à l’application sur Facebook, Twitter et YouTube. la page du générateur d’infographie What About Me d’Intel (source) Plus d'infos sur : infographie, Intel

Adobe lance une suite d'outils de développement HTML5 Vous ne vous en rendez sans doute pas compte, mais le web est dans une étape de transformation cruciale en ce moment. Nous ne parlons pas ici des usages, mais plutôt des technologies, et plus particulièrement de HTML. La dernière évolution en date des standards (HTML5) devait mettre tout le monde d’accord et permettre à l’industrie d’appréhender cette nouvelle itération avec calme et sérénité. Sauf que le torchon brûle entre le W3C (l’organisme de normalisation des standards web) et le WHATWG (le consortium qui pousse pour faire évoluer plus rapidement les standards). Vous serez ainsi surpris d’apprendre que HTML5 n’existe pas, du moins que HTML5 n’existe pas en tant que standard web stabilisé et normalisé par le W3C. Ces derniers avaient initialement prévu de le stabiliser en 2022 (véridique), mais sous la pression des grands éditeurs ont ramené l’échéance à 2014 (W3C announces plan to deliver HTML 5 by 2014, HTML 5.1 in 2016).

Visualising Data » Resources Here is a collection of some of the most important, effective, useful and practical data visualisation tools. The content covers the many different resources used to create and publish visualisations, tools for working with colour, packages for handling data, places to obtain data, the most influential books and educational programmes and qualifications in visualisation itself. * Please note there are another 40-50 items to add to these collections but they are going to be saved for now and launched alongside the new version of this website around April * Data and visualisation tools Resources and learning references

10 sites pour créer une infographie Les infographies permettent de visualiser plus facilement un ensemble de données parfois complexe. Une image est parfois plus parlante qu’un long discours ! Elles permettent de comprendre en un coup d’œil les principaux enseignements d’une étude quantitative par exemple. Réaliser une infographie en ligne Une référence, puisque l’outil a déjà permis de créer plus de 340 000 infographies ! Piktochart Ici aussi, il s’agit d’une référence : plus de 100 000 comptes ont été créés sur le site, vous pouvez donc utiliser le service les yeux fermés ! Il s’agit d’un outil très facile à prendre en main, qui permet de réaliser une infographie facilement. Une infographie représentant l’activité sur les réseaux sociaux What About Me Le service What About Me (par Intel) permet de visualiser son activité sur Facebook à travers une infographie sympathique et originale. Vizify Get About Me Un CV original en infographie CV Gram Créer un CV original, ce n’est pas toujours évident. Kinzaa

10 open source e-learning projects to watch - Collaboration - Open Source As corporate and government organizations embrace the Web for delivering more education and training programs, a wealth of free and open source e-learning applications will help lower the barrier to entry. TechWorld looks at the options. ATutor ATutor is a Web-based learning content management system (LCMS) designed for accessibility and adaptability by the Adaptive Technology Resource Centre at the University of Toronto. Like Moodle, ATutor is a PHP application with some 25,000 registered installations. Web site: Licence: GPL Commercial support: Project home Developed with: PHP Claroline Claroline is an e-learning and "e-working" platform allowing teachers to build online courses and to manage learning and collaborative activities on the Web. Claroline is organized around the concept of "spaces" related to a course or a pedagogical activity. Web site: Licence: GPL Commercial support: Developed with: PHP Dokeos eFront

50 Great Examples of Data Visualization Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information. And trying to find related content can also be difficult, depending on what data you’re looking for. But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner. Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter. Music, Movies and Other Media Narratives 2.0 visualizes music. Liveplasma is a music and movie visualization app that aims to help you discover other musicians or movies you might enjoy. Tuneglue is another music visualization service. MusicMap is similar to TuneGlue in its interface, but seems slightly more intuitive. Digg, Twitter, Delicious, and Flickr Internet Visualizations

How to make an infographic online: five essential free tools Given the popularity of infographics, you’d be wise to consider using them to help achieve your content marketing goals. They can be great for social sharing, blog fodder and inbound links. The last time I created an infographic I used – wait for it - Microsoft Excel. I have compiled five of online tools that will help you to create infographics. Hold on a moment! Before you begin, consider that many infographics are often – to quote Econsultancy Research Director Linus Gregoriadis – “high on graphics and low on information”. As such it is important to map out your story / message / goals before starting to work on the design itself. There’s a great post on the LEWIS PR blog that explains how to optimise an infographic, based around three key questions, which are: 1. 2. 3. Sound advice, and it's worth remembering that old proverb about "he who fails to plan, plans to fail". Ok, let's now take a look at these lovely tools. Easelly Piktochart Infogram Creately Visually

Code smells in CSS 20 November, 2012 Chris Coyier recently answered someone’s question: How can you tell if your CSS code smells? What are the signs that the code is sub-optional, or that the developer hasn’t done a good job? I thought I would extend Chris’ great answer with my own, additional take on things… My day-to-day life is spent working in-house at BSkyB… I work on big websites, the last of which took me over a year to build the front-end for (and it’s still ongoing). I’m going to share just a few things (there will, no doubt, be things that I have missed) that I look out for in CSS that will give you and idea as to its quality, its maintainability and its integrity… Undoing styles Any CSS that unsets styles (apart from in a reset) should start ringing alarm bells right away. Any CSS declarations like these: border-bottom:none; padding:0; float:none; margin-left:0; …are typically bad news. Here we have ten lines of CSS and one ugly class name. Magic numbers These are a particular bugbear of mine. ! ! IDs