Ancestors

Written by 😵‍💫 on 2025-01-29 at 20:52

Je viens de terminer un projet commencé il y a plusieurs mois : une visualisation de données interactive des assemblées législatives françaises depuis 1791 !

Je vous montre ça 🧵 (1/9)

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:53

Le site se présente comme une frise de 233 ans, dans laquelle on voit évoluer les rapports de forces entre les courants politiques. Chaque bande représente une législature, avec des segments colorés pour les différents partis élus. La largeur correspond au pourcentage de sièges

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:54

En survolant ou en touchant un segment coloré, vous pouvez voir le courant auquel le parti est affilié, la coalition avec laquelle il s’est engagé dans l’élection. En cliquant sur le nom du courant, vous trouverez des détails sur celui ci, ainsi que l’historique de ses partis

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:54

Dans ce graphique, chaque parti (PS, LR…) incarne dans une période donnée un courant politique (Socialiste, Conservateur…), et chaque courant politique fait partie d’une famille de courants (Gauche, Droite…). Ces classements sont arbitraires, parfois peut-être étonnants.

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:55

Vous avez la possibilité de masquer des courants voire des familles entières. Ce filtrage permet de concentrer le graphique sur ce qui vous intéresse et d’observer plus en détail des rapports de force évoluer.

Vous pouvez aussi filtrer aléatoirement, juste pour le fun

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:56

En marge du graphique, vous pouvez afficher une frise parallèle apportant un contexte historique, à l’échelle de la France. On y trouve luttes sociales, guerres, lois importantes, périodes de cohabitation, etc. En cliquant sur un événement on y trouve des infos complémentaires

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Written by 😵‍💫 on 2025-01-29 at 20:57

Vous pouvez choisir d’afficher ou non des trapèzes entre les législatures, pour mieux visionner les évolutions de chaque courant politique dans le temps.

On peut également mettre en avant les coalitions électorales en regroupant tous ses membres sous la même couleur.

=> View attached media | View attached media

=> More informations about this toot | More toots from spratch@typo.social

Toot

Written by 😵‍💫 on 2025-01-29 at 20:57

Pour celles et ceux que ça intéresse, voici les outils utilisés

Next.js 13, TypeScript, D3.js (Data visualization), Framer Motion (Animations), TailwindCSS (Styles).

Tout est disponible sur le GitHub du projet, auquel vous pouvez contribuer.

=> View attached media

=> More informations about this toot | More toots from spratch@typo.social

Descendants

Written by 😵‍💫 on 2025-01-29 at 21:00

Je vous invite à explorer tout ça par vous même → https://legislatures.vercel.app/

Avec le GitHub du projet, vous pouvez me faire des retours, participer à l’amélioration de l’application, corriger des données, ou même forker le projet pour l’adapter à d’autres situations.

=> More informations about this toot | More toots from spratch@typo.social