var ChoroplethUSA = function (data, parentElement, width, val, mnx) {
    this.data = data;
    this.parentElement = parentElement;
    this.width = width;
    this.val = val;
    this.mnx = mnx;
    this.domain = mnx;
    // this.range = this.mxn[1] - this.mnx[0];
    // this.range10 = this.range / 10;
    // for (let i = 0; i < 10; i++) {
    //     this.domain.push(this.mnx + (this.range10 * i))    
    // }
    this.initVis();
}
ChoroplethUSA.prototype.initVis = function () {
    var vis = this;
    vis.height = vis.width / 2 + 50;
    vis.projection = d3.geo.albersUsa()
        .translate([vis.width / 2, vis.height / 2])
        .scale([vis.width + 80]);
    // Define path generator
    vis.path = d3.geo.path()
        .projection(vis.projection);
    vis.states = ["Alabama", "Alaska", "", "Arizona", "Arkansas", "California", "", "Colorado", "Connecticut",
        "Delaware", "", "Florida", "Georgia", "", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas",
        "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi",
        "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York",
        "North Carolina", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "", "Rhode Island",
        "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "", "Washington",
        "West Virginia", "Wisconsin", "Wyoming"
    ];

    vis.tip = d3.tip()
        .attr("class", "d3-tip")
        .html(function (d) {
            var text = "State: " + vis.states[+d.id - 1] + "<br>";
            text = text + "Value: " + d.properties[vis.val]
            return text;
        })
    vis.color = d3.scale.threshold()
        .domain(this.domain)
        .range(d3.schemeReds[9]);
    vis.legendText = ["States Lived", "States Visited", "Not visited/lived"];
    vis.svg = d3.select(vis.parentElement)
        .append("svg")
        .attr("width", vis.width)
        .attr("height", vis.height);
    vis.svg.call(vis.tip);
    vis.update();
}
ChoroplethUSA.prototype.update = function () {
    var vis = this;
    d3.json("us_states.json", function (json) {
        for (var i = 0; i < vis.data.length; i++) {
            vis.dataState = vis.data[i].state;
            vis.dataValue = vis.data[i][vis.val];
            for (var j = 0; j < json.features.length; j++) {
                vis.jsonState = json.features[j].properties.name;
                if (vis.dataState == vis.jsonState) {
                    json.features[j].properties[vis.val] = vis.dataValue;
                    break;
                }
            }
        }
        vis.svg.selectAll("path")
            .data(json.features)
            .enter()
            .append("path")
            .attr("d", vis.path)
            .style("stroke", "#fff")
            .style("stroke-width", "1")
            .on("mouseover", vis.tip.show)
            .on("mouseout", vis.tip.hide)
            .style("fill", function (d) {
                vis.value = d.properties[vis.val];
                if (vis.value) {
                    return vis.color(vis.value / 11);
                } else {
                    return "rgb(213,222,217)";
                }
            });
    });
}