TIKA
Visualisation d'itinéraires techniques
Une solution moderne pour visualiser et éditer les itinéraires techniques agricoles, de la préparation du sol à la récolte.
Une solution moderne pour visualiser et éditer les itinéraires techniques agricoles, de la préparation du sol à la récolte.
Les itinéraires techniques désignent l'ensemble des interventions qui sont opérées sur une parcelle donnée, de la préparation du sol à la récolte. Les itinéraires techniques sont intéressants à étudier, en particulier quand il s'agit de successions de cultures sur plusieurs années, afin de comprendre la stratégie d'un agriculteur ou bien d'expliciter le bénéfice de telle ou telle rotation.
En revanche, la visualisation d'un itinéraire technique (aussi appelé schémas décisionnel) se fait souvent aujourd'hui avec des outils tels que PowerPoint à défaut d'autre chose. Outre le fait que ces outils ne gèrent pas bien les proportionalités entre les séquences de temps, ils sont rapidement limités dans leur capacité d'afficher beaucoup d'information.
Ce projet vise à proposer une alternative, pour décrire un itinéraire technique complet, avec un maximum d'interventions et d'informations annexes (par exemple l'écartement du rang, la variété ou la densité de semis).
Le rendu peut se faire au format frise, avec un zoom temporel, et la possibilité de cliquer sur chaque étape de la rotation ou chaque intervention pour en savoir plus.
L'utilisateur peut passer au format rotation pour voir l'ensemble de la rotation sur un cercle.
Découvrez les fonctionnalités du visualisateur avec des données d'exemple.
Accéder à la démoCréez votre propre itinéraire technique et intégrez-le facilement dans n'importe quel contexte.
Accéder à l'éditeurCe visualisateur est avant tout conçu pour être utilisé sur Triple Performance. Vous y trouverez de nombreux retours d'expérience documentés avec des données technico-économiques ainsi que les itinéraires techniques associés.
Les itinéraires peuvent être créés directement dans Google Spreadsheet grâce à l'add-on spécifiquement conçu pour Google Workspace.
Il est possible d'utiliser cette librairie très facilement dans n'importe quel outil. Le visualisateur a été conçu pour être très facile à intégrer dans une page HTML, il ne dépend que de briques Javascript (Apache Echarts, JQuery et Bootstrap). N'hésitez pas à nous contacter si vous décidez de l'utiliser et à contribuer si vous faites des évolutions !
{
"private": true,
"dependencies": {
"@osfarm/itineraire-technique": "^1.0.0"
},
"scripts": {
"build": "cp node_modules/@osfarm/itineraire-technique/js/chart-render.js js/ && cp node_modules/@osfarm/itineraire-technique/css/styles-rendering.css css"
}
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/underscore@1.13.7/underscore-umd-min.js"></script>
<link href="./css/styles-rendering.css" rel="stylesheet"> <script src="./js/chart-render.js"></script>
fetch('ma_rotation.json')
.then(response => {
if (!response.ok) {
throw new Error("Erreur HTTP " + response.status);
}
return response.json();
})
.then(data => {
let renderer = new RotationRenderer('rotation-chart-id', data);
renderer.render();
})
.catch(error => {
console.error("Impossible de charger le JSON :", error);
});
Le JSON doit respecter le format que vous pourrez trouver dans les différents exemples de test.