FVDE/ennstatus Changeset - fd50503ccaa2 · Chaos Computer Club Lëtzebuerg Projects

Changeset - fd50503ccaa2

Parent rev.

Child rev.

[Not reviewed]

feature-readme

0 1 0

Dennis Fink - 10 years ago 2015-10-27 18:49:12
dennis.fink@c3l.lu

Added GPL Boilerplate to js files

1 file changed with 18 insertions and 0 deletions:

ennstatus/static/js/worldmap.js

0 comments (0 inline, 0 general)

ennstatus/static/js/worldmap.js

➞

Show inline comments

 /* Ënnstatus
    Copyright (C) 2015  Dennis Fink
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 d3.select(window).on("resize", throttle);
 var zoom = d3.behavior.zoom()
 	.scaleExtent([1, 9])
 	.on("zoom", move);
 var width = document.getElementById('chart').offsetWidth;
 var height = width / 2;
 var topo, projection, path, svg, g;
 var graticule = d3.geo.graticule();
 var tooltip = d3.select("#chart").append("div").attr("class", "tooltip hidden");
 setup(width, height);
 function setup(width, height) {
 	projection = d3.geo.mercator()
 		.translate([(width / 2), (height / 2)])
 		.scale(width / 2 / Math.PI)
 	path = d3.geo.path().projection(projection);
 	svg = d3.select("#chart").append("svg")
 		.attr("width", width)
 		.attr("height", height)
 		.call(zoom)
 		.append("g");
 	g = svg.append("g")
 		.on("click", click);
+}
 d3.json("/static/data/world-topo-min.json", function(error, world) {
 	var countries = topojson.feature(world, world.objects.countries).features;
 	topo = countries;
 	draw(topo);
 });
 function draw(topo) {
 	svg.append("path")
 		.datum(graticule)
 		.attr("class", "graticule")
 		.attr("d", path);
 	g.append("path")
 		.datum({type: "LineString", coordinates: [[-180, 0], [-90, 0], [0, 0], [90, 0], [180, 0]]})
 		.attr("class", "equator")
 		.attr("d", path);
 	var country = g.selectAll(".country").data(topo);
 	d3.json("/stats/data/worldmap", function(err, data) {
 		var colorscale = d3.scale.threshold().domain([2, 4, 8, 16, 32, 48]).range(["#f2f0f7", "#dadaeb", "#bcbddc", "#9e9ac8", "#756bb1", "#54278f"])
 		country.enter().insert("path")
 			.attr("class", "country")
 			.attr("d", path)
 			.attr("id", function(d, i) { return d.id; })
 			.attr("title", function(d, i) {
 				if (d.properties.name in data) {
 					return "<p>" + d.properties.name + "</p>" + data[d.properties.name];
 				} else {
 					return d.properties.name;
+				}
 			})
 			.style("fill", function(d, i) {
 				if (d.properties.name in data) {
 					return colorscale(data[d.properties.name]);
 				} else {
 					return "#fdf6e3";
+				}
 			});
 		var offsetL = document.getElementById('chart').offsetLet+20;
 		var offsetT = document.getElementById('chart').offsetTop+10;
 		country.on("mousemove", function(d, i) {
 			var mouse = d3.mouse(svg.node()).map(function(d) { return parseInt(d); });
 			tooltip.classed("hidden", false)
 				.attr("style", "left:"+(mouse[0]+offsetL)+"px;top:"+(mouse[1]+offsetT)+"px")
 				.html(function(d, i) {
 					if (d.properties.name in data) {
 						return d.properties.name + " " + data[d.properties.name];
 					} else {
 						return d.properties.name;
+					}
 				})
 		})
 		.on("mouseout", function(d, i) {

0 comments (0 inline, 0 general)