Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 

severo

@severo
https://rednegra.net
RSS: severo
tous les messages de severo
  • @severo
    severo @severo PUBLIC DOMAIN 11/07/2016
    5
    @kent1
    @rastapopoulos
    @b_b
    @nicod_
    @mukt
    5

    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 ?

    severo @severo PUBLIC DOMAIN
    • @fsoulabaille
      François Isabel @fsoulabaille CC BY-NC-ND 11/07/2016

      comme celui-ci ? ▻http://www.fonction-publique.gouv.fr/archives/home20020121/leministere/missionsorganisation/organigramme.htm

      François Isabel @fsoulabaille CC BY-NC-ND
    • @severo
      severo @severo PUBLIC DOMAIN 11/07/2016
      @fsoulabaille

      @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.

      #organigramme

      severo @severo PUBLIC DOMAIN
    • @fsoulabaille
      François Isabel @fsoulabaille CC BY-NC-ND 11/07/2016

      il-y-a celui-ci ▻http://www.nbcnews.com/id/39382760/ns/world_news-asia_pacific/t/north-koreas-first-family

      François Isabel @fsoulabaille CC BY-NC-ND
    • @fsoulabaille
      François Isabel @fsoulabaille CC BY-NC-ND 11/07/2016

      réalisé avec ça ▻https://community.articulate.com/articles/interactive-org-charts-elearning-challenge

      François Isabel @fsoulabaille CC BY-NC-ND
    • @severo
      severo @severo PUBLIC DOMAIN 11/07/2016

      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.

      severo @severo PUBLIC DOMAIN
    • @severo
      severo @severo PUBLIC DOMAIN 11/07/2016

      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

      Collapsible Tree - Mike Bostock

      – un autre, du genre de celui de taxinomes :

      ▻http://blockbuilder.org/nehiljain/bd4df45db78262f1d943bc8b097a0a82

      Tree Visualisation - Nehil Jain

      Celui-là est original :

      ▻http://blockbuilder.org/nitaku/b82c356f1969911042d6

      Isometric treemap with tree colors (flare) - Matteo Abrate

      Mais rien qui ressemble de près à un organigramme

      ▻https://en.wikipedia.org/wiki/Organizational_chart

      Comme dit Stupeflip :

      A bas la hiérarchie

      ►https://www.youtube.com/watch?v=7bq8Yu_E9qw

      severo @severo PUBLIC DOMAIN
    • @severo
      severo @severo PUBLIC DOMAIN 11/07/2016

      Quelques autres :

      ▻https://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html
      ▻https://jsfiddle.net/augburto/YMa2y
      ►https://fperucic.github.io/treant-js
      ▻http://visjs.org/examples/network/layout/hierarchicalLayoutWithoutPhysics.html
      ►https://github.com/dabeng/OrgChart

      severo @severo PUBLIC DOMAIN
    • @severo
      severo @severo PUBLIC DOMAIN 12/07/2016

      Basé sur les bibliothèques suivantes :

      – d3.js

      ►https://d3js.org

      – JavaScript InfoVis Toolkit

      ▻https://philogb.github.io/jit

      – vis.js

      ▻http://visjs.org

      – leaflet.js

      ►http://leafletjs.com

      – 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

      severo @severo PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/07/2016

      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.

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
À propos de Seenthis Propriété intellectuelle Recommandations API