FsPages laisse la place à Gitlab Pages ! Voici la documentation pour vous en servir : https://docs.gitlab.com/ce/user/project/pages/index.html

S

social-viz

Visualisation de graph sociaux

Build Status Coverage Status Codacy Badge Code Climate bitHound Overall Score License: AGPL v3

Social-viz

Visualisation de graph sociaux

Démo en ligne

Suivi qualité

Santé du code

Code Climate Codacy Badge bitHound Overall Score bitHound Code

Known Vulnerabilities Coverage Status Issue Count

Build Status Docker Automated build

bitHound Dependencies bitHound Dev Dependencies

Dynamisme du projet

Average time to resolve an issue Percentage of issues still open

Issue Stats Pull Stats

Issues Open Pull Request

dependencies Status devDependencies Status

Commits count

Santé communautaire

Contributors GitHub forks

Usage basique (sans authentification ni édition des données)

  • Télécharger le projet
  • Remplacer le contenu du dossier allData par vos données et configuration
  • Héberger le résultat ou vous voulez

Usage hors ligne (sans authentification ni édition des données)

Remplacez la dernière étape de l'usage basique par ce qui suit :

  • Télécharger d3js et placer le dans le dossier du projet.
  • Télécharger caddyserver et placer le dans le dossier du projet (ou utiliser xampp ou autre serveur web).
  • Lancez le serveur caddy et consultez le site à l'adresse indiqué avec un navigateur moderne.

Installation complète

prérequis : node.js, git

npm install
npm start

Hébergement avec docker

docker-compose up

Structure des données :

Chaque noeud doit avoir un libellé et un type. Il peut contenir d'autres champs optionnels.

{"nodes":[
    {"label":"John Smith","type":"agent"},
    {"label":"M. Dupont","type":"avocat","dateBirth":"1970-01-01","comment":"# M. Dupont\n ## Sa vie\n ## Son oeuvre\ ..."}
]
}

Dans la configuration, chaque type devra être associé à un calque ou sous calque pour renseigner la légende et son style d'affichage.

{"nodeLayers":[
    {"id":"human","label":"Personne physique","color":"#AA3388","picto":"staticApp/appImg/people.svg",
    "subLayers":[
        {"id":"agent","label":"Agent","picto":"staticApp/appImg/people.svg"},
        {"id":"juridique","label":"Professionnel de la loi","picto":"staticApp/appImg/people.svg",
        "subLayres":[
            {"id":"avocat","label":"Avocat","picto":"staticApp/appImg/people.svg"}
        ]}
    ]}
]
}