Fusillade à Paris

This is a visualization of the attacks in Paris on November 13, 2015. The data is collected from news sources and entered into this spreadsheet by hand: Fusillade à Paris (Google Doc). This data should not be considered reliable, as the situation is still changing and new facts are coming in.

Click on each circle for more information on each attack site. The area of each circle corresponds to the number of deaths at each site.

Uses Leaflet and Chiasm to create the visualization.

Locations (latitude, longitude) were derived from addresses using http://www.latlong.net/ Locations (latitude, longitude) were derived from addresses using latlong.net. Times in the data were derived from this block in The Guardian.

forked from curran's block: Migrant Deaths Map (direct)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Fusillade à Paris</title>

<link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" /> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.5/leaflet.min.js"></script>

<script src="https://curran.github.io/model/cdn/model-v0.2.4.js"></script>

<script src="https://chiasm-project.github.io/chiasm/chiasm-v0.2.0.js"></script>
    <script src="https://chiasm-project.github.io/chiasm-component/chiasm-component-v0.2.0.js"></script>
    <script src="https://chiasm-project.github.io/chiasm-layout/chiasm-layout-v0.2.1.js"></script>

<script src="chiasm-links.js"></script>
    <script src="chiasm-data-loader.js"></script>
    <script src="chiasm-leaflet.js"></script>
    <script src="bubble-map.js"></script>

<style>

body {
        background-color: black;
      }

/* Make the chart container fill the page using CSS. */
      #chiasm-container {
        position: fixed;
        left: 20px;
        right: 20px;
        top: 20px;
        bottom: 20px;
      }

.leaflet-popup-content {
        font-size: 1.3em;
      }
    </style>

</head>
  <body>
    <div id="chiasm-container"></div>

var chiasm = Chiasm();

chiasm.plugins.layout = ChiasmLayout;
      chiasm.plugins.links = Links;
      chiasm.plugins.dataLoader = DataLoader;
      chiasm.plugins.bubbleMap = BubbleMap;

chiasm.setConfig({
        "layout": {
          "plugin": "layout",
          "state": {
            "containerSelector": "#chiasm-container",
            "layout": "map"
          }
        },
        "map": {
          "plugin": "bubbleMap",
          "state": {
            "center": [2.361202239990234, 48.887746278609676],
            "zoom": 12,
            "rColumn": "deaths",
            "rMax": 20,
            "fillColor": "#E00000"
          }
        },
        "paris_attacks": {
          "plugin": "dataLoader",
          "state": {
            "path": "paris_attacks"
          }
        },
        "links": {
          "plugin": "links",
          "state": {
            "bindings": [
              "paris_attacks.data -> map.data"
            ]
          }
        }
      });
    
    </script>
  </body>
</html>

Modified http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js to a secure url

Modified http://curran.github.io/model/cdn/model-v0.2.4.js to a secure url

Modified http://chiasm-project.github.io/chiasm/chiasm-v0.2.0.js to a secure url

Modified http://chiasm-project.github.io/chiasm-component/chiasm-component-v0.2.0.js to a secure url

Modified http://chiasm-project.github.io/chiasm-layout/chiasm-layout-v0.2.1.js to a secure url

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js

https://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js

https://curran.github.io/model/cdn/model-v0.2.4.js

https://chiasm-project.github.io/chiasm/chiasm-v0.2.0.js

https://chiasm-project.github.io/chiasm-component/chiasm-component-v0.2.0.js

https://chiasm-project.github.io/chiasm-layout/chiasm-layout-v0.2.1.js