svg.append("circle") .attr("cx",width -190) .attr("cy", height -100) .attr ("r", 17) .style ("fill","rgba(3,78,161,1) ");

svg.append("text") .attr("x", width -160) .attr("y", height -95) .attr("class", "legend") .style("fill", "black") .style ("font-family", "source sans pro, sans-serif") .style ("font-size", "12px") .text("tot. num. unemployed"); var tooltip = d3.select("body") .append("div") // declare the tooltip div .attr("class", "tooltip") // apply the 'tooltip' class .style("opacity", 0); // set the opacity to nil

d3.csv("/wp-content/uploads/custom/15/0219-unembub.csv",function(csv) { var g = svg.append("g").attr("class","bubbleGroup");

var circles = g.selectAll("circle") .data(csv) .enter() .append("circle") .attr("class","countryBubble");

circles.attr("cx",function(d) {return 50;}) .attr("cy",function(d) {return y(0);}) .attr("r",function(d) {return r(0);}) .style("stroke","#ffffff") .style("stroke-width", 1) .style("fill",function(d) {

switch (d.group) { case "comb": return "rgba(3,78,161,0.7) "; break; case "EU": return "rgba(149,156,161,0.7)"; break; case "EZ": return "rgba(252,181,30,0.7)"; break; }

}) .style("opacity", 1) .on("mouseover", mouseover) .on("mouseout", mouseout);

circles.transition() .duration(function(d) { if (d.group==="comb") { return 2000; } else { return d.tot*1.2; }; }) .attr("cx",function(d) { return x(+d.under); }) .attr("cy",function(d) { return y(+d.lt); }) .attr("r",function(d) { return r((+d.tot)*100); })

function mouseover(d) { // show tooltip fade in tooltip.transition() .duration(500) .style("opacity", 0) .style("stroke-width", 9); tooltip.transition() .duration(200) .style("opacity", .9) .style("stroke-width", 3); tooltip.html("

"+d.country+"
Unemployment rate: "+d.all+"%
Of which long-term unemployed: "+d.lt+"%
Pc of under 25s unem.: "+d.under+"%
Total number: "+ formattot(d.totnum)+"

"); tooltip.style("left", (d3.event.pageX - 250) + "px") .style("top", (d3.event.pageY + 10) + "px"); }

function mouseout(p) { tooltip.transition().duration(200).style("opacity", .9); tooltip.transition().duration(500).style("opacity", 0); }

}) var the_chart = jQuery("#cam-chart-unem"), aspect = the_chart.width() / the_chart.height(), container = the_chart.parent(); jQuery(window).on("resize", function() { var targetWidth = container.width(); the_chart.attr("width", targetWidth); the_chart.attr("height", Math.round(targetWidth / aspect)); }).trigger("resize");

The unemployment rate in the UK dropped again yesterday, falling to 5.7 per cent. The UK, like the United States and Germany, is lucky to have a growing workforce and luckier still to have growing wages.

Across the European Union, countries are in far greater distress. Some, like Greece have very high unemployment: in Alexis Tsipras’s country the rate in December was 25.8 per cent. But that isn’t the whole story.

Long-term unemployment and youth unemployment are two measures that show the bigger picture: how many are losing their presents and a country is wasting its future. The further to the right a bubble is on the graph, the higher the percentage of under 25s who are unemployed. The higher up it is , the larger the percentage of unemployed people who have been out of work for more than 12 months. The size of the bubbles shows how many people are unemployed in a given country. The two large bubbles show the European Union total, and the Eurozone total.

Hover over any bubble to reveal data about the country. Yellow bubbles are Eurozone countries, grey EU nations (and selected others).