Exemples de visualisations inspirantes

Ce projet présente une sélection d'exemples concrets de visualisations de données, organisée sous forme de carte interactive et filtrable. Il a été conçu par les bibliothèques de l’Université de Montréal pour inspirer, explorer et analyser les manières de représenter visuellement les données.

Fonctionnalités

• Affichage sous forme de cartes
• Recherche par mots-clés
• Filtres par thème et par type
• Accessibilité améliorée (navigation clavier, contraste)
• Interface responsive
• Données chargées depuis un fichier .csv

Structure du projet

/
├── index.html          → Page principale
├── style.css           → Feuille de style
├── script.js           → Logique d'affichage et de filtrage
├── galerie_dataviz.csv → Source des données (liens, titres, thèmes, descriptions)
├── logo-bib-udem.svg   → Logo des bibliothèques de l’UdeM
└── README.md           → Ce fichier

Lancer localement

1. Clonez ce dépôt :

   git clone https://github.com/bibudem/visu.git
   cd visu

2. Ouvrez index.html dans un navigateur moderne.

Aucun serveur nécessaire.

Format CSV attendu

Le fichier galerie_dataviz.csv doit contenir les colonnes suivantes :

Titre	Lien	Auteur(s)	Type	Thème	Description

Exemple :

Titre,Lien,Auteur(s),Type,Thème,Description
Une année de pluie,https://dataviz.example.com/journal-pluie,Jean Dupont,Carte interactive,Météo,Visualisation des précipitations journalières.

Contribuer

Toute suggestion d’ajout de visualisation, de correction ou d’amélioration est la bienvenue.
Vous pouvez proposer une modification via une pull request ou ouvrir une issue.

---

Les Bibliothèques de l’Université de Montréal