chart1 = {
const width=400, height=600;
const svg = d3.select(DOM.svg(width, height))
var projection = d3.geoMercator()
.fitExtent([[20, 20], [width, height]], data)
var path = d3.geoPath()
.projection(projection);
svg.append('g').selectAll('path')
.data(data.features)
.enter().append('path')
.attr('d', path)
.style('stroke', '#ccc')
.style("fill", d => {
if (d.properties.name === "Uruguay"){
return "red"
}
if (d.properties.name === "Italy"){
return "red"
}
if (d.properties.name === "Germany"){
return "red"
}
if (d.properties.name === "Brazil"){
return "red"
}
if (d.properties.name === "England"){
return "red"
}
if (d.properties.name === "Argentina"){
return "red"
}
if (d.properties.name === "France"){
return "red"
}
if (d.properties.name === "Spain"){
return "red"
}
else {
return "gray"
}
});
return svg.node()
}