LFA

_.md

[ Launch: LFA ] 265a022a8baeb9e24cef by vse

bundeslaender.json

config.json

{"description":"LFA","endpoint":"","display":"svg","public":true,"require":[{"name":"moment","url":"//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment-with-langs.min.js"},{"name":"momentjs","url":"//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment-with-langs.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"lfa.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"bundeslaender.geojson":{"default":true,"vim":false,"emacs":false,"fontSize":12},"bundeslaender.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/TapSWEW.png","inline-console":false}

inlet.js

var svg = d3.select("svg");

var width = tributary.sh,
    height = tributary.sw;

var alleLaenderNamen = _.uniq(_(tributary.lfa)
.map(function(e) { return e.Bundesland; }));

var allDates = _.uniq(_(tributary.lfa)
                      .map(function(e) { return new moment(e.Datum).toISOString()}));
allDates.sort();

var firstDate = allDates[0];
var lastDate = allDates[allDates.length-1];
var numDates = allDates.length;

var mapGroup = svg.append('g')
	.attr('id','map');

var legende = svg.append('g')
    .attr('id', 'legende')

var projection = d3.geo.mercator()
	.scale(1077)
	.translate([260, 1267]);

var path = d3.geo.path()
    .projection(projection);


mapGroup.selectAll('path')
	.data(tributary.bundeslaender.features)
	.enter()
	.append('path')
.on('mouseover', function(i, d) {
   console.log(tributary.bundeslaender.features[d].properties.NAME_1);
})
	.attr('d', path)
    .style('stroke', '#000c99')
    .style('fill', '#a19eff');

lfa.csv