Diagramme Sankey pour visualiser des flux financiers

Un diagramme Sankey avec trois colonnes ; les investisseurs-trices, les communs et les contributeurs-trices.

https://play.inattendu.cc/contrib/

💼 porté par Tilios

Toutes les infos sur cette page du wiki de Movilab.

Extraits

Nous partons pour le moment sous une mise en forme de diagramme Sankey avec trois entrées "source", "destinataire" et "montant". Les investisseurs sont des sources qui ne reçoivent rien (ils apparaissent à gauche), les ressources reçoivent des investissements et reversent des rétributions (elles apparaissent au centre) et les contributeurs reçoivent des rétributions et ne reversent rien (ils apparaissent à droite.)

Pierre héberge les deux fichiers qui vont chercher les informations dans un tableur google sheet organisé en trois colonnes (cf ci dessus).

Le filtrage des informations dans l'optique de n'afficher que ce qui nous intéresse se fait à partir de l'URL inséré en iframe sur le site en question :

Uniquement les investisseurs et les ressources sur le forum tiers-lieux national

Uniquement les investissements réalisés par la Compagnie des Tiers-Lieux sur le site de la Compagnie des Tiers-Lieux - Uniquement les contributeurs de Movilab rétribués sur la page rétribution de Movilab

Résultat du travail

Alors voici la nouvelle version du diagramme. A part un peu de cosmétique sur les couleurs et la typo :

J'ai modifié la lecture des sources de données pour que cela agrège plusieurs fichiers. Comme ça je me dis qu'on pourrait permettre à plusieurs groupes de gérer leur source (au même format) et de les faire apparaître dans le diagramme sans que tout le monde édite le même fichier. Il suffit de récupérer une URL qui pointe vers un fichier ou une source CSV. Comme ça de notre côté on référence une liste de sources "autorisées".

J'ai créé un deuxième fichier Google Sheet pour tester (https://docs.google.com/spreadsheets/d/1sJcHzy7-mjvEFbk3jWBM2I4b1NM0feLmImFGAVGGWS4/edit#gid=0). Pour le moment le graph ne compile que ces deux fichiers, mais on pourrait en compiler un certains nombres. (NB : Attention il y a une sorte de cache sur Google Sheet, quand tu fais une modif dans le tableur, il faut attendre un peu et rafraichir la page plusieurs fois pour voir les modifs...)
les filtres sont actifs via l'adresse de la page : Le graph complet est généré à l'adresse : https://play.inattendu.cc/contrib/. C'est plus lisible et j'ai passé par défaut le graph en pleine page. Pour filtrer les données, il y a trois possibilités : source, target, ou les 2.

Si tu renseignes une source, tu ne vois que les entrées dont le nom passé en paramètre est la source.

ex : https://play.inattendu.cc/contrib/?source=La%20Compagnie%20des%20Tiers-Lieux (tu n'es pas obligé de mettre les %20 quand tu tapes l'URL dans le navigateur)

Si tu renseignes une target, tu ne vois que les entrées dont le nom passé en paramètre est la destination : ex : https://play.inattendu.cc/contrib/?target=MOVILAB

Si tu renseignes une source et une target, tu vois les entrées qui ont cette source et cette destination (c'est très restreint du coup) :

ex : https://play.inattendu.cc/contrib/?target=DOKOS&source=Le%20WIP

Si tu renseignes une source et une target et que les deux sont égales, tu vois le flux complet de cette entité (qui est généralement une de la colonne centrale) :

ex : https://play.inattendu.cc/contrib/?target=MOVILAB&source=MOVILAB

Tu peux tester de mettre l'infographie dans un article wordpress par exemple en utilisant un iframe ( et régler la taille en jouant sur les paramètre width et height :

<iframe src="https://play.inattendu.cc/contrib/?target=MOVILAB&source=MOVILAB" frameborder="0" width="800" height="600" style="overflow: hidden;"></iframe>

Organizations using or interested in using the resource: FabMob

Contributor(s):

Tags: contribution, wiki, movilab

Categories: Logiciel, Données

Theme:

Referent:

Challenge: Wiki - augmenter la contribution en qualité et quantité, Wiki - améliorer l'accueil - l'expérience et le parcours des contributeurs

Key people to solicit:

Other related common: Wiki de la Fabrique des Mobilités

Wealth sought:

Required skills: