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