Calendar heatmap github style

Tristramg / velos-paris

Synthèse des compteurs de vélos à Paris

https://compteurs.parisenselle.fr/

MIT License

20 stars 8 forks source link

Calendar heatmap github style #9

Closed m4nu56 closed 3 years ago

m4nu56 commented 3 years ago

J'imaginerais bien intégrer un composant un peu comme les calendriers heatmap d'activité sur github/gitlab pour chaque totem. J'ai trouvé ce composant qui pourrait faire l'affaire: https://github.com/kevinsqi/react-calendar-heatmap Ça te dit que j'essaie d'intégrer ça au projet pour voir ce que ça donne ?

Tristramg commented 3 years ago

Ça peut être super intéressant pour voir les phénomènes hebdomadaires en effet !

La lib utilisée pour les autres graphes semble le faire : https://vega.github.io/vega-lite/docs/rect.html La syntaxe peut être un peu déroutante des fois, pour ma part j’aime bien utiliser le « open in vega editor » en haut à droite de chaque graphe pour expérimenter un peu.

Il faudra également générer des données moins aggrégées (un chiffre par jour pendant un an).

Tu te sens de te lancer tel quel ou ça pourrait aider si je prépare quelques trucs ?

m4nu56 commented 3 years ago

Alors j'ai avancé un peu. J'ai modifié le json de chaque avenue pour ajouter un nouveau type year_daily avec le cumul de passage a chaque totem pour chaque jour de la dernière année.

Et je me sert de ces données dans le nouveau composant Heatmap où je fais un cumul par jour pour avoir les passages dans chaque sens de circulation. Est-ce que ça te parait bien ou tu veux qu'on essaie de séparer les sens d'une manière ou d'une autre ?