Débi'Clic
Type : application
Organisation : Syndicat Mixte des Milieux Aquatiques et des Rivières de l'Aude
Thème : open_data_tools
Mots-clés : api,cours-deau,eau,hubeau,hydrographie,hydrologie,hydroportail,javascript

Débi’Clic est une bibliothèque JavaScript qui simplifie l’accès aux données hydrologiques en temps réel. Initialement développée par le [SMMAR ](https://www.smmar.fr/)pour les besoins de l’observatoire SIGN’EAU, cette bibliothèque est désormais accessible à tous. 

Imaginez : plus besoin de naviguer dans des interfaces complexes pour consulter les niveaux d’eau et les débits des cours d’eau. Avec Débi’Clic, vous intégrez directement ces informations cruciales sur votre propre site web, aussi facilement que d’ajouter une image ou un document PDF.

**Pour qui ?**

Cet outil est conçu pour le grand public et les collectivités. Que vous soyez un particulier curieux, un élu ou un expert, Débi’Clic vous offre une interface intuitive et personnalisable.

**Comment ça marche ?**

Débi’Clic utilise les données de l’[Hydroportail](https://www.hydro.eaufrance.fr/) via l’API [Hub’Eau](https://hubeau.eaufrance.fr/). 

 

Il suffit d’intégrer une simple ligne de code JavaScript pour afficher :

* **Une carte interactive** localisant les stations de mesure.
* **Une liste des stations** avec les dernières données de hauteur ou débit disponibles.
* **Un graphique détaillé** des hauteurs ou débits pour chaque station, facilement exportable en PNG.

\*\* \*\*

**Personnalisez votre expérience:**

L’intégration est simple et flexible. Vous contrôlez l’apparence et les données affichées, en choisissant :

* Les stations à afficher.
* La couleur des marqueurs sur la carte.
* Le type de données (hauteur d’eau, débit instantané, débit moyen journalier).
* La période affichée sur le graphique.
* L’ordre d’affichage des stations.

\*\* \*\*

**Débi’Clic, c’est aussi:**

* **Une solution open source (AGPL 3.0):** Le code source est disponible sur [GitHub](https://github.com/smmareptb11/debiclic), garantissant la transparence et la possibilité d’améliorations futures.
* **[Une documentation complète](https://github.com/smmareptb11/debiclic/blob/main/docs/integration.md):** Un guide d’intégration détaillé avec des exemples est mis à disposition.
* **Une solution évolutive:** De futures mises à jour permettront d’ajouter des fonctionnalités supplémentaires.

 

Simplifiez vous l’accès aux données hydrologiques, dynamisez vos sites web et partagez des informations essentielles facilement. Découvrez la documentation et le code source sur [GitHub](https://github.com/smmareptb11/debiclic).

Quelques exemples d'utilisation :&#x20;

* 📄 [Exemple basique](https://smmareptb11.github.io/debiclic/basic.html)
* 📄 [Exemple multi-instance](https://smmareptb11.github.io/debiclic/multi-instance.html)
* 📄 [Exemple configurateur](https://smmareptb11.github.io/debiclic/custom-config.html)
* 📄 [Exemple sans carte](https://smmareptb11.github.io/debiclic/no-map.html)
* 📄 [Exemple avec plusieurs stations](https://smmareptb11.github.io/debiclic/stations.html)