Social-viz

Visualisation de graph sociaux

Démo en ligne

Suivi qualité

Santé du code

Dynamisme du projet

Santé communautaire

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"}
		]}
	]}
]
}