Demo loading The Migrant Files data hosted via https://github.com/enjalot/migrants
Built with blockbuilder.org
Demo loading The Migrant Files data hosted via https://github.com/enjalot/migrants
Built with blockbuilder.org
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> | |
| <style> | |
| body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } | |
| pre { width: 100%; height: 100%; font-size: 10px; overflow-y: scroll; } | |
| </style> | |
| </head> | |
| <body> | |
| <pre id="json"></pre> | |
| <script> | |
| function process(d) { | |
| var processed = { | |
| dead: +d.dead, | |
| dead_and_missing: +d.dead_and_missing, //this seems to be most important | |
| missing: +d.missing, | |
| latitude: +d.latitude, | |
| longitude: +d.longitude, | |
| date: new Date(d.date), | |
| description: d.description, | |
| name: d.name, | |
| source: d.source, | |
| cause_of_death: d.cause_of_death, | |
| route: d["route (Frontex)"], | |
| Event_id: d.Event_id | |
| } | |
| return processed; | |
| } | |
| d3.csv("http://enjalot.github.io/migrants/events.csv", function(err, rawdata) { | |
| console.log("rawdata", rawdata); | |
| var data = rawdata.map(process); | |
| console.log("data", data); | |
| d3.select("#json").text(JSON.stringify(data, null, 2)) | |
| }); | |
| </script> | |
| </body> |