-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
177 lines (174 loc) · 7.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Social-viz</title>
<link rel="stylesheet" href="staticApp/style.css"/>
<link rel="stylesheet" href="allData/customStyle.css"/>
<link rel="icon" type="image/svg+xml" sizes="any" href="staticApp/appImg/favicon.svg" />
<link rel="icon" type="image/png" sizes="16x16" href="staticApp/appImg/favicon16.png" />
</head>
<body>
<nav id="logoArea"><h1><a href="http://www.ressourcerie.fr/"><img src="allData/img/logo-reseau-national-ressourceries.png"/></a></h1>
<!--
<a>Versions imprimables</a>
<a>Contact</a>
-->
</nav>
<nav id="tools-panel" class="small">
<section id="advanced-tools">
<!--
<label>Force de répulsion anti collision <input type="number"></label>
<label>Force de répulsion de proximité <input type="number"></label>
<label>Distance de répulsion de porximité <input type="number"></label>
<label>Force de répulsion globale <input type="number"></label>
<label>Température idéale du graph (0 stable,100 agité) <input type="number"></label>
<label>Friction de stabilisation <input type="number" name="friction"></label>
<label>Ratio taille min noeud <input type="number"></label>
<label>Ratio taille max noeud <input type="number"></label>
<label>Ratio taille min lien <input type="number"></label>
<label>Ratio taille min lien <input type="number"></label>
<label>Coéficient de force des liens (vitesse d'agencement) <input type="number"></label>
<label>Force d'attraction de zone <input type="number"></label>
-->
<!-- TODO: zones :
gooey method : http://www.visualcinnamon.com/2015/05/gooey-effect.html
convex hull method : http://bl.ocks.org/mbostock/4341699 & https://github.com/d3/d3-polygon/blob/master/README.md#polygonHull
+ attracteur invisible
-->
...
<!-- TODO: Voronoi
Activer la sélection par maillage Voronoi
Afficher le maillage Voronoi
Distance maximum Voronoi
http://stackoverflow.com/questions/17341030/generating-vertices-for-voronoi-diagram-in-d3js
-->
<!-- TODO: style de liens :
directe/droit,
courbe cf http://bl.ocks.org/d3noob/5155181 et http://bl.ocks.org/mbostock/4600693 et http://www.nytimes.com/interactive/2013/02/20/movies/among-the-oscar-contenders-a-host-of-connections.html,
à angle droit cf
-->
<!--
Options filtres et réglages ||
survol d'un lien -> affiche son type et sa pondération le cas échéant
survol d'un noeud ou d'un lien -> atténue les éléments de légende d'autre type
clic sur un noeud ou un lien -> le sélectionne et ouvre sa description
double-clic sur un noeud -> centre et fige le noeud
Ctrl+Glisser déplacer sur un noeud -> figer un noeud à sa position de laché
Ctrl+Glisser déplacer sur un lien -> créer un mini noeud intermédiaire invisible figé à la position de laché + fusionner les liens croisé durant le glissé déplacé s'ils ont un noeud en commun (dans ce cas, le mini noeud créé n'est pas invisible)
double-clic ou Ctrl+clic sur noeud figé -> libère le noeud.
-->
<!--<button id="editionMode" title="Passer en mode édition">Editer</button>-->
<button id="editTrad" title="Formulaire de traduction">Traduction</button>
<label>FPS : <span id="fpsValue"></span></label>
<div id="langPicker"></div>
</section>
<section id="main-tools">
<!--
<a>Afficher les réglages avancés</a>
<a title="flux RSS des mise à jour de données">
<img src="staticApp/appImg/unknow.svg" class="picto">
</a>
<a title="sauvegarder en pdf pour l'impression">
<img src="staticApp/appImg/unknow.svg" class="picto">
</a>
<a title="exporter (svg, json des données affiché, json total des données publiques">
<img src="staticApp/appImg/unknow.svg" class="picto">
</a>
-->
<!--
<a title="partager la carte (FB,twitter,embed...)">
<img src="staticApp/appImg/unknow.svg" class="picto">
</a>
<label>Zoom <input type="number">%</label>
<label title="Garder tous les éléments à l'écran">
<input type="checkbox"/> Confiner
</label>
<label title="Distance maximum aux neuds sélectionnés">
<img src="staticApp/appImg/unknow.svg" class="picto">
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>∞</option>
</select>
</label>
<label title="Estomper les liens selon">
<img src="staticApp/appImg/unknow.svg" class="picto">
<select>
<option>leur date de fin</option>
<option>leur fugacité</option>
<option>...</option>
</select>
</label>
<label title="Epaisseur des liens selon">
<img src="staticApp/appImg/unknow.svg" class="picto">
<select>
<option>rien (epaisseur constante)</option>
<option>leur durée dans le temps</option>
<option>leur ampleur/importance</option>
<option>...</option>
</select>
</label>
<label title="Taille des acteur selon">
<img src="staticApp/appImg/unknow.svg" class="picto">
<select>
<option>rien (taille constante)</option>
<option>leur capital</option>
<option>leur nombre de liens</option>
<option>le nombre de leur subordonnés</option>
<option>...</option>
</select>
</label>
-->
<!--<div id="langPicker"></div>-->
<!--<input id="search" type="search" placeholder="Rechercher..."/>-->
</section>
<button class="reduce bottom">-</button>
<button class="expand bottom">+</button>
</nav>
<figure>
<figcaption id="legend" class="small">
</figcaption>
<noscript>
Cette application à besoin de javascript pour fonctionner.
<br/>Des exports imprimables devraient être disponible plus tard.
</noscript>
<svg id="viz" class="loading" role="application"><image xlink:href="staticApp/appImg/loading.svg" width="100%" height="100%"/></svg>
</figure>
<article id="details" class="small">
<section>
</section>
<button class="reduce left">-</button>
<button class="expand left">+</button>
</article>
<footer>
<a href="">Mentions légales</a><a href="">Partenaires</a><a href="">AGATAs*</a>
<a href="//www.github.com/1twitif/social-viz" title="Application Libre de droit, code source disponnible en AGPLv3">AGPLv3</a>
<button class="reduce">-</button>
<button class="expand">+</button>
</footer>
<script id="no-ie" type="application/javascript">
if (navigator.userAgent.indexOf('MSIE') != -1
|| (navigator.userAgent.indexOf('Trident') != -1 && navigator.userAgent.indexOf('rv:11'))
|| (navigator.userAgent.indexOf('Firefox') != -1 && 50 > parseFloat(navigator.userAgent.split('rv:')[1]))
) {
var lang = navigator.userLanguage || navigator.language || navigator.browserLanguage;
if (lang.substr(0, 2) === 'fr' || lang.substr(0, 2) === 'es') lang = lang.substr(0, 2) + '.html';
else lang = '';
window.location.href = 'no-ie/' + lang;
}
</script>
<script data-main="staticApp/main" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.min.js"></script>
<script>
if(typeof requirejs === "undefined") {
const failOver = document.createElement('script');
failOver.setAttribute("data-main","staticApp/main");
failOver.setAttribute("src","node_modules/requirejs/require.js");
document.body.appendChild(failOver);
}
</script>
</body>
</html>