Je cherche à représenter un organigramme de personnel : 1. dans une forme navigable avec javascript, 2. en image statique pour impression (image ou PDF).
Quelles types de représentations, et éventuellement quels outils vous pouvez me recommander ?
Je cherche à représenter un organigramme de personnel : 1. dans une forme navigable avec javascript, 2. en image statique pour impression (image ou PDF).
Quelles types de représentations, et éventuellement quels outils vous pouvez me recommander ?
@fsoulabaille Oui, mais un peu plus sexy
Dernière mise à jour le 20 novembre 2001
et qui permette de naviguer dans des organigrammes plus grands, comme par exemple :
▻http://www.lestaxinomes.org/spip.php?page=arbre&id_rubrique=12
ou éventuellement :
▻http://lifemap.univ-lyon1.fr/mobile.index.html
mais en gardant la représentation verticale typique des administrations.
Hmmm du #flash si je ne me trompe pas. J’ai besoin que ça soit fait en #javascript, pas de flash. Ça vient du concours suivant :
▻https://community.articulate.com/articles/interactive-org-charts-elearning
qui est plus orienté vers la présentation du personnel. Je cherche plutôt une manière de générer automatiquement un arbre, d’une profondeur quelconque à pouvoir explorer de façon dynamique, et d’un autre côté : à pouvoir imprimer dans son ensemble.
Avec d3.js, quelques exemples intéressants :
– tous les arbres :
▻http://blockbuilder.org/search#text=tree
– un arbre navigable :
▻https://bl.ocks.org/mbostock/4339083
– un autre, du genre de celui de taxinomes :
▻http://blockbuilder.org/nehiljain/bd4df45db78262f1d943bc8b097a0a82
Celui-là est original :
▻http://blockbuilder.org/nitaku/b82c356f1969911042d6
Mais rien qui ressemble de près à un organigramme
▻https://en.wikipedia.org/wiki/Organizational_chart
Comme dit Stupeflip :
A bas la hiérarchie
Basé sur les bibliothèques suivantes :
– d3.js
– JavaScript InfoVis Toolkit
▻https://philogb.github.io/jit
– vis.js
– leaflet.js
– orgchart
►https://github.com/dabeng/OrgChart
– treant.js, basé sur jquery et raphael.js
►https://fperucic.github.io/treant-js
▻https://jquery.com
►https://dmitrybaranovskiy.github.io/raphael
Perso j’utilise le spacetree de JIT (JavaScript InfoVis Toolkit) pour les taxinomes et je n’ai pas encore trouvé mieux comme librairies pour ça, même si elle semble un peu vieillissante et que son API n’est pas super user friendly.