index.html

﻿<!DOCTYPE html>
<html>
<head>
    <title>Social Network Mapper</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>

    <div class="infobox">
        <div class="header"></div>
        <div class="info"></div>
    </div>

    <div class="legends">
        <p><span class="publiccolor">&nbsp;</span> Public organisation</p>
        <p><span class="privatecolor">&nbsp;</span> Private organisation</p>
        <p><span class="personcolor">&nbsp;</span> Person</p>
        <p><span class="shopcolor">&nbsp;</span> Shop</p>
                <p><label>Hide persons with relations fewer than<br>
            <form><select name="weightFilter" >
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select></form></label></p>

      </div>
    <div>
    </div>  
    <script src="lib/d3.min.js"></script>
    <script src="lib/jquery-1.11.1.min.js"></script>
    <script src="lib/tabletop.js"></script>
    <script src="src/DataLoader.js"></script>
    <script src="src/NetworkGraph.js"></script>

    <script type="text/javascript">
        function getParameterByName(name) {
            var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
            return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
        }

        var weightFilter=getParameterByName("weightFilter");
        $(function(){
            if(weightFilter){
                $("form select").val(weightFilter);
            }
            $("form select").change(function(){$('form').submit();})
        })
        NetworkGraph.start($(window).width(), $(window).height(),'1ImMzp4JRvRjGnpOWCWp7XttNfkUP9di7WGTr6GymKMA',weightFilter);
    </script>

<footer>Github project: <a href="https://github.com/dalager/SocialNetworkMapper">SocialNetworkMapper</a><br>
Data from <a href="https://docs.google.com/spreadsheets/d/1ImMzp4JRvRjGnpOWCWp7XttNfkUP9di7WGTr6GymKMA/edit?pli=1#gid=0">this spreadsheet</a> 
    <div>Tip: drag node to fix, doubleclick to liberate</div></footer>
</body>