<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Cartographie "I Am A Legend"</title>
<!--On charge la feuille de style associée au module-->
<link href="css/styleCarto.css" rel="stylesheet" type="text/css"/>
<!--On charge les différentes librairies utilisées:-->
<!--Les scripts d3 manipulent le Force-Directed Graph-->
<script type="text/javascript" src="../../javascript/d3_modifie/d3.js"></script>
<script type="text/javascript" src="../../javascript/d3_modifie/d3.layout.js"></script>
<script type="text/javascript" src="../../javascript/d3/d3.geom.min.js"></script>
<!--La librairie Paper génère l'arrière-plan-->
<script type="text/javascript" src="../../javascript/paper.js"></script>
<!--Générateur de couleurs-->
<script type="text/javascript" src="../../javascript/colorbrewer.js"></script>
<!--Manipulation de la cartographie-->
<script type="text/javascript" src="../../javascript/nco/relations.js"></script>
<script type="text/javascript" src="../../javascript/nco/cartographie.js"></script>
</head>
<body>
<div id = "choixLateral">
<select name="spreadChoice" multiple = "true" size = "5">
</select>
<p><button class = "spread">Voir la sélection</button></p>
</div>
<div class = "content">
<h3>
Cartographie des scènes du film
<span style="text-decoration: underline;">I Am Legend</span>
<button class = "select"> Faire une sélection </button>
</h3>
</div>
<div id="infosLaterales">
<img class="image" src=""/><br/>
<p class = "infosCluster"></p>
<p class="infosScene">
<span class = "descriptif"></span><br/>
<ul>
<li>La scène se situe à <span class="tempsScene"></span></li>
<li>La scène appartient au groupe n° <span class="groupeId"></span></li>
<li>Autres membres du groupe: <span class="autresMembres"></span></li>
<li>Plus proches voisins: <span class="voisins"></span></li>
</ul>
</p>
<p><button class = "close">Fermer</button></p>
</div>
<script type="text/javascript" src="data/donnees.js"> </script>
<script type="text/javascript" src="data/articlesCCA2.js"> </script>
<script type="text/javascript" src="data/list_shots.js"> </script>
<script type="text/javascript" src="data/scriptCarto.js"></script>
<script type="text/javascript">
</script>
</body>
</html>