News Letter - TDV - Hackaviz 2020 #3
News Letter - TDV - Hackaviz 2020 #3

News Letter - TDV - Hackaviz 2020 #3

Contenu
React, R, shiny et ObservableHQ
Date
Mar 2, 2020

Des outils et des exemples

notion image
💡
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

Les outils des participants des hackaviz 2018 et 2019
Les outils des participants des hackaviz 2018 et 2019
notion image
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 :
Le classement des outils de dataviz utilisés lors des Hackaviz 2018 et 2019
Le classement des outils de dataviz utilisés lors des 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.
notion image
Slides : lien et vidéo
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.
notion image
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.
notion image
notion image
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.
Â