Des outils et des exemples
Dans moins dâun mois, le Hackaviz 2020 organisĂ© par lâassociation Toulouse Dataviz va dĂ©marrer !
Un Hackaviz ? KĂ©zako ? Câest un concours de visualisation de donnĂ©es en temps limitĂ©, seul ou en Ă©quipe, dotĂ© de rĂ©compenses, ouvert Ă un trĂšs large public.
Le principe ? Tu as 10 jours pour raconter une histoire avec des graphiques (seul ou en Ă©quipe) Ă partir dâun jeu de donnĂ©es original qui regroupe des donnĂ©es ouvertes concernant les communes de la rĂ©gion Occitanie.
Si tu n'es pas encore inscrit, c'est par lĂ !
Pour tâaccompagner dans cette aventure, on te concocte une newsletter hebdomadaire Ă lire en 5 minutes avec des ressources (prĂ©sentĂ©es pour la plupart lors de nos meetups đ) pour approfondir le sujet : de vraies petites pĂ©pites !
Le mot d'introduction
A la fois pour la manipulation des donnĂ©es, leur analyse, leur exploration et leur reprĂ©sentation finale, tu vas avoir besoin d'outils ! Chacun a ses petites prĂ©fĂ©rences, et le Hackaviz est peut-ĂȘtre l'opportunitĂ© d'approfondir ce que tu connais dĂ©jĂ ... ou d'en essayer de nouveaux ! Cette semaine, on te donne des ressources pour trouver des outils, et encore d'autres exemples de visualisations đ
Les outils utilisés lors des Hackaviz précédents
Outils de dataviz : l'embarras du choix!
Alors bien sĂ»r certains ont un niveau plus avancĂ© que dâautres dans la visualisation de donnĂ©es et la maĂźtrise dâoutils, mais chacun a sa chance, mĂȘme celui qui voudra utiliser un papier et des crayons de couleur ! Le plus important est de rĂ©ussir Ă faire passer son message et sans essayer de tromper le jury đ
lors des hackaviz 2018 et 2019, 40% des visualisations proposées étaient statiques et 60% interactives.
Pour info, voici les outis qui ont été utilisés lors du Hackaviz 2018 et 2019 :
Â
Pour aller plus loin
Â
Initiation au package âShinyâ de R
RĂ©sumĂ© : «Shiny is good for you ! », telle pourrait ĂȘtre la devise de cet outil de crĂ©ation de visualisations interactives, tant il est facile de se lâapproprier. Je vous propose une introduction ludique et pratique Ă shiny â lâun des packages les plus incroyables et probablement le plus vivant de la communautĂ© R. Il suffit en effet de quelques minutes pour crĂ©er et dĂ©ployer sur le web une application shiny qui permettra dâinteragir avec nâimporte quel type de graphique (ou table, ou texte) crĂ©Ă© sous R. Ce Meetup est bĂąti sur un atelier de formation que jâai animĂ© rĂ©cemment pour un public ne connaissant pas R et est donc accessible Ă tous.
Intervenant : Christophe Bontemps, ingénieur de recherche (économétrie) à Toulouse School of Economics (INRA)
Â
React et d3js
RĂ©sumĂ© : React and d3jsLes deux sont de bons outils pour le dĂ©veloppeur webReact (2013) et D3 (2011) sont deux contributions majeures au dĂ©veloppement javascript et Ă lâUX. Vous nâaurez pas de difficultĂ©s Ă trouver des centaines de milliers de dĂ©veloppeurs pour en tĂ©moigner. D3 et React ne jouent pas dans la mĂȘme catĂ©gorie:React vise Ă fournir un framework de composants rĂ©utilisables de gestion dâinterface web sous forme dâun langage qui combine html et javascript: JSX. D3 est une technologie de manipulation/ affichage de donnĂ©es et dâassemblage de composants pour la visualisation dans le navigateur. Ces deux lĂ Ă©tant les plus populaires dans leurs domaines, ils devraient former un couple fantastique⊠Il faut les marier !! Mais il y a un Ă©lĂ©phant dans la salle de mariage: Câest le DOM. D3 le met Ă jour directement de maniĂšre parfois trĂšs Ă©troite et subtile comme dans les transitions par exemple. React gĂšre un DOM « virtuel » qui simplifie et optimise lâaffichage et le rafraĂźchissement. Ou les Pacser ? Quelles sont les approches possibles ? Il en existe plusieurs qui possĂšdent chacune leurs avantages et leurs dĂ©fauts.
Slides : lien
Intervenant : Alain Roan
Observablehq, "le notebook magique" de la dataviz
RĂ©sumĂ© : Observablehq, est un environnement de dĂ©veloppement Dataviz collaboratif tout en un dans le navigateur. Le monde de la dataviz sâest appropriĂ© cette plateforme trĂšs innovante en quelques mois. Une fois franchi la barriĂšre dâĂ©trangetĂ©, vous ne pourrez plus vous en passer⊠Observablehq, la derniĂšre aventure de Mike Bostock (lâauteur de d3js) est un sorte de tableur oĂč chaque cellule est un fragment de code javascript. Il nâest pas nĂ©cessaire dâĂȘtre un dĂ©veloppeur javascript pour suivre ces prĂ©sentations et surtout pour tirer profit de lâincroyable collection de notebooks existants prĂȘt Ă ĂȘtre adaptĂ©s Ă vos donnĂ©es ou Ă vos variations.
Intervenant :
Alain Roan â (perceptible.fr) prĂ©sente les principes techniques de cette plateforme et en quoi elle diffĂšre, Ă dessein, du javascript sur quelques exemples.
Alain Ottenheimer (datasens ) rĂ©alise une visualisation Ă partir dâun jeu de donnĂ©es et montre comment publier le rĂ©sultat sur un site web.
Â
Plusieurs lectures en cours - Ă suivre