Mercator - OK school districts

<!DOCTYPE html>
<meta charset="utf-8">
    <style>
        .schooldistrict {
            fill: #eee;
            stroke: #777;
        }

.schooldistrict:hover {
            fill: steelblue;
        }
    </style>
    <body>

var projection = d3.geo.transverseMercator()
                .rotate([98 + 00 / 60, -35 + 00 / 60]) //https://www.ngs.noaa.gov/PUBS_LIB/ManualNOSNGS5.pdf
                .scale(1)
                .translate([0,0]);

var path = d3.geo.path()
                .projection(projection);

var svg = d3.select("body")
                .append("svg")
                .attr("width", width)
                .attr("height", height);

d3.json("schooldistricts.json", function(error, topo) {

var schooldistrict = topojson.feature(topo, topo.objects.sdtax);

var b = path.bounds(schooldistrict),
                    s = .95 / Math.max((b[1][0] - b[0][0]) / width, (b[1][1] - b[0][1]) / height),
                    t = [(width - s * (b[1][0] + b[0][0])) / 2, (height - s * (b[1][1] + b[0][1])) / 2];

projection
                    .scale(s)
                    .translate(t);

svg.append("g")
                    .attr("class", "schooldistrict")
                    .selectAll("path")
                    .data(schooldistrict.features)
                    .enter()
                    .append("path")
                    .attr("class", "schooldistrict")
                    .attr("d", path)
                    .append("title")
                    .text(function(d)
                    {
                        return d.properties.name;
                    });
            });

}) ()

</script>

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://d3js.org/topojson.v1.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

https://d3js.org/d3.v3.min.js

https://d3js.org/topojson.v1.min.js