D3 <div id="js_warning"><strong>JavaScript is turned off, so this page won’t be very interactive.</strong> Switch JavaScript back on in your web browser for the full experience.</div> These tutorials have been expanded into a book, Interactive Data Visualization for the Web, published by O’Reilly in March 2013.
L’avenir de la réutilisation des données publiques En préfiguration de Lift avait lieu l’Open Data Garage, une journée d’ateliers et de conférences qui a permis de faire le point sur les initiatives open data françaises. Retour sur cette journée via ses contributions les plus éclairantes. « Trop souvent, le savoir c’est le pouvoir et les élus pensent que le pouvoir ne se partage pas », estime Christophe Castaner, vice-président de la région PACA et maire de Forcalquier en introduction de cette journée. « Il est important de porter le discours politique comme quoi l’information est un droit, un service public. On sait que la libération des données publiques concourt directement à l’attractivité d’un territoire, à sa capacité d’innovation. Un monde de données réutilisables Pour Charles Nepote, responsable du programme Réutilisation des données publiques de la Fing, il y a des confusions entre l’accès à l’information et la réutilisation des informations publiques. Les données sont partout. Quel impact économique ? Hubert Guillaud
TAGSExplorer: Interactively visualising Twitter conversations archived from a Google Spreadsheet MASHe Graphs can be a powerful way to represent relationships between data, but they are also a very abstract concept, which means that they run the danger of meaning something only to the creator of the graph. Often, simply showing the structure of the data says very little about what it actually means, even though it’s a perfectly accurate means of representing the data. Everything looks like a graph, but almost nothing should ever be drawn as one. Ben Fry in ‘Visualizing Data’ I got that quote from Dan Brickley’s post Linked Literature, Linked TV – Everything Looks like a Graph and like Dan I think Ben Fry has it spot on. When I started following Tony’s work on network analysis (here’s a starting point of posts), my immediate response was ‘Where’s Wally?’ As I start my exploration of tools like NodeXL it's very clear that being able to filter, probe and wander through the data provides far more insights to what’s going on. But what does this graph actually mean? *** TAGSExplorer ***
Guide pratique de l’ouverture des données publiques territoriales en version beta, à commenter et enrichir Dans le cadre du programme d’ouverture des données publiques, la Fing publie le guide pratique de l’ouverture des données publiques territoriales, à l’usage des territoires et de leurs partenaires. Ce guide version béta est publié sous licence Creative Commons CC-By. Pour commenter et enrichir le guide en version beta, rendez-vous sur le réseau social de la Fing : L’ouverture des données publiques n’est pas une option pour les acteurs publics : elle est rendue obligatoire par des directives européennes et une législation française qui en a fait un droit opposable. Mais cette ouverture constitue également, et surtout, une chance. Il s’agit donc d’une véritable opportunité pour les territoires, qui plus est moins coûteuse et moins complexe qu’il n’y parait de prime abord. Reutilisation-des-donnees-publiques Reutilisation des donnees publiques Fing Une version de travail à enrichir : au contact du terrain et de vos critiques et suggestions.
Health and Wealth of Nations - Cesium - WebGL Virtual Globe and Map Engine Alexander Wood and Ed Mackey from Analytical Graphics, Inc. developed an app that showcases the synergy between the powerful open source visualization frameworks, D3 and Cesium. This demo is the result of a one day hackathon hosted at Analytical Graphics, Inc in April of 2013. The app repurposed Mike Bostock’s D3 recreation of Hans Roslings’ “Health and Wealth of Nations” as an interactive overlay for a Cesium geospatial view. Geolocating each data point with its country of origin adds new context to the data. Hans Rosling’s original 2D visualization presents 4 dimensions of data, including income, population, and life expectancy for nations over the span of 200 years. From a technical standpoint, this application demonstrates usage of key concepts for Cesium and integration with D3 visualizations.
L’ouverture est-elle morte « L’ouverture est morte » (Open is dead) estime John Geraci sur GovLoop, la communauté de l’innovation publique américaine, et initiateur du projet Do it yourself City. « Telle est la conclusion à laquelle je suis arrivé lors d’une récente réunion où des gens se sont rassemblés pour discuter de la façon de faire avancer l’ordre du jour de l’Open Data. L’ouverture n’est pas morte comme mouvement, elle est morte comme terme qui peut-être utilisé pour motiver les gens, pour les amener à se rallier à une cause, pour participer à un évènement ou se rallier en ligne pour quelque chose. Le gouvernement ouvert. Les villes ouvertes. Les données ouvertes. Réaction d’humeur d’un spécialiste un peu fatigué ou discussion de fonds sur les limites d’un idéal ? La réflexion de John Geraci évoque la fatigue des mots valises dont la mode ne dure pas. Mais l’ouverture des données n’est effectivement pas le sésame « ouvre-toi » que l’on croit. Ensuite cette ouverture est complexe.
How to make your own d3 js visualisation | Tips For Excel The best way to learn d3.js is by taking apart examples One of the best ways to learn d3.js is by editing existing visuals. Below I show you how several d3 visuals can be easily edited. The first visual we’ll edit is the brilliant titanic survivors graphic made here. On inspection I felt this visual would be great for showing a breakdown of visitors to a website (google analytics can provide this data – easily to Excel if you use Excellent Analytics). The data for the titanic visual is located in a CSV. d3.csv("titanic.csv", function(csv) { vis.datum(csv).call(chart); }); In this instance the titanic data is located in the same directory as the titanic visual. You’ll see in the data that each row represents a passenger. Copy the d3 code into notepad (or any html editor) and remove unneccesary code that you don’t want. The headings in my CSV file differ from the original titanic dataset so we have to change the original source code that specified field names and the order they appear.
Focus node explorer with d3.js - Excel Liberation There's a lot of different things going on in this topic. Most of them have been covered before, and lead to this mashup, but I am introducing a new kind of d3 chart (for me anyway) - I'm calling it a force directed node focus chart. It's kind of a collapsible force directed (as shown by Mike Bostok here), but no quite. Not quite a tree The data to be shown is generated by Google Apps Script from a Google Site, as shown in Analyzing site content with GAS. Example Here's the generated chart - it's a map of this site. force directed node focus for this site Mashup Analyzing site content with GAS - to create the initial data. What's needed Some parameters You can find them in the d3AllParameters of cDataSet.xlsm. Some data As generated by Site data to sheets. Hit the button and you get Click on a couple of nodes and you get
Bill White's Blog