Accepted answer

in case you wondered I managed to fix the issues based on the comments in my question, here is the final code corrected

<!DOCTYPE html>
<meta charset="utf-8">
    div.tooltip {   
        position: absolute;         
        text-align: center;         
        width: 60px;                    
        height: 28px;                   
        padding: 2px;               
        font: 12px sans-serif;      
        background: lightsteelblue; 
        border: 10px;
        border-color: black;
        border-radius: 8px;         
        pointer-events: none;           

<!-- Load d3.js -->
<script src=""></script>
<script src=""></script>
<script src=""></script>

<!-- Create an element where the map will take place -->

<svg id="my_dataviz" width="1000" height="500" padding = "0px"></svg>

// Define the div for the tooltip
var div ="body").append("div")   
    .attr("class", "tooltip")               
    .style("opacity", 0);

// The svg
var svg ="svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height"),
    overflow = 'hidden';

// Map and projection
var projection = d3.geoAitoff()
    .scale(width / (1.6*Math.PI))
    .translate([width / 2-60, height / 2])

//Zoom the map
/*"zoom", function () {
    svg.attr("transform", d3.event.transform)

// Load external data and boot
d3.json("", function(data){

    // Draw the map
            .attr("fill", "#737CA1")
            .attr("d", d3.geoPath()
        .on("mouseover", function(d) {      
                .style("opacity", .9);      
                .style("left", (d3.event.pageX) + "px")     
                .style("top", (d3.event.pageY - 28) + "px");    
            .on("mouseout", function(d) {       
                .style("stroke", "#fff")

 d3.csv("/test.csv",function(d) {
      .append("circle", ".pin")
      .attr("r", 2)
      .attr("transform", function(d) {
        return "translate(" + projection([
        ]) + ")";



I'll create a git project and put the link here once I get to it so you can test it with the data as well

Related Query

More Query from same tag