This will have some stuff converted from files downloaded of the SF City Gov website.
http://www.sfgov2.org/index.aspx?page=2618
Now that I figured out the projection (thanks for including the .proj file this time SF Gov!) I will hopfully start webmapping with it a little bit….
Now there’s a geojson file w/ a bit of detail but a little bit of alameda for some reason and a simplified topojson just because it might be fun to try to use.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="//d3js.org/topojson.v1.min.js"></script>
<style type="text/css">
/* No style rules here yet */
</style>
</head>
<body>
<script type="text/javascript">
//Width and height
var w = 600;
var h = 400;
//Define map projection
var projection = d3.geo.mercator()
.translate([w/2, h/2])
.scale([99900])
.center([ -122.43198394775389,37.76365837331252]);
//Define path generator
var path = d3.geo.path()
.projection(projection);
//Create SVG element
var svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
//Load in GeoJSON data
d3.json("sfbos4326.geojson", function(json) {
//Bind data and create one path per GeoJSON feature
svg.selectAll("path")
.data(json.features)
.enter()
.append("path")
.attr("d", path)
.style("fill", "purple");
console.dir(json.features)
});
</script>
</body>
</html>
{"type":"Topology","transform":{"scale":[0.00022308163308075563,0.0001591472480882717],"translate":[-122.51446700129762,37.708132998752895]},"objects":{"layer1":{"type":"GeometryCollection","geometries":[{"type":"Polygon","arcs":[[0,1,2,3]],"id":0,"properties":{"AREA":13.674452,"DISTRICT":"02","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":69544,"Shape_Leng":120532.7349,"Shape_Area":148655412.934}},{"type":"Polygon","arcs":[[-3,4,5,6]],"id":1,"properties":{"AREA":19.815191,"DISTRICT":"01","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":69703,"Shape_Leng":123246.830516,"Shape_Area":125462836.779}},{"type":"Polygon","arcs":[[7,8,-6,9]],"id":2,"properties":{"AREA":107.301994,"DISTRICT":"04","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":72498,"Shape_Leng":294404.251019,"Shape_Area":109130821.541}},{"type":"Polygon","arcs":[[10,11,12,-8,13]],"id":3,"properties":{"AREA":15.01983,"DISTRICT":"07","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":72737,"Shape_Leng":137954.055861,"Shape_Area":216993282.382}},{"type":"Polygon","arcs":[[14,15,16,-11,17]],"id":4,"properties":{"AREA":3.515096,"DISTRICT":"08","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":75746,"Shape_Leng":54756.9076817,"Shape_Area":98035427.6902}},{"type":"Polygon","arcs":[[18,19,-12,-17,20]],"id":5,"properties":{"AREA":3.032281,"DISTRICT":"11","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":76818,"Shape_Leng":53429.9624822,"Shape_Area":84609443.4417}},{"type":"Polygon","arcs":[[21,-21,-16,22]],"id":6,"properties":{"AREA":3.18492,"DISTRICT":"09","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":76720,"Shape_Leng":56247.2687447,"Shape_Area":88807627.5241}},{"type":"Polygon","arcs":[[23,-19,-22,24]],"id":7,"properties":{"AREA":31.873259,"DISTRICT":"10","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":72566,"Shape_Leng":160367.90373,"Shape_Area":236620399.613}},{"type":"MultiPolygon","arcs":[[[25,-25,-23,-15,26,27]],[[28]]],"id":8,"properties":{"AREA":29.427917,"DISTRICT":"06","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":73909,"Shape_Leng":183575.576487,"Shape_Area":105359626.261}},{"type":"Polygon","arcs":[[-28,29,-1,30]],"id":9,"properties":{"AREA":2.332069,"DISTRICT":"03","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":70394,"Shape_Leng":39296.1407457,"Shape_Area":52771213.1584}},{"type":"Polygon","arcs":[[-30,-27,-18,-14,-10,-5,-2]],"id":10,"properties":{"AREA":2.583769,"DISTRICT":"05","MEMBERS":1,"LOCKED":null,"NAME":null,"POP":74600,"Shape_Leng":64512.4573092,"Shape_Area":72121923.6944}}],"bbox":[-122.51446700129762,37.708132998752895,-122.3569713683426,37.832426999509835]}},"arcs":[[[427,630],[15,-55],[-36,-7],[10,-75]],[[416,493],[-25,20],[-89,-70]],[[302,443],[-79,50],[-96,-6],[-34,12]],[[93,499],[42,33],[29,98],[64,-22],[199,22]],[[302,443],[-31,-45],[-104,-38]],[[167,360],[-158,-12]],[[9,348],[-9,107],[38,48],[55,-4]],[[178,337],[-9,-1],[7,-169],[-149,4]],[[27,171],[-18,177]],[[167,360],[11,-23]],[[296,320],[-14,-86],[70,-90]],[[352,144],[-55,-61],[-108,2],[15,-84]],[[204,1],[-152,-1],[-25,171]],[[178,337],[118,-17]],[[409,402],[4,-9]],[[413,393],[9,-142],[-35,-101]],[[387,150],[-35,-6]],[[296,320],[9,51],[104,31]],[[412,61],[-24,-59]],[[388,2],[-184,-1]],[[387,150],[25,-89]],[[464,385],[32,-132],[-13,-83],[27,-85],[-98,-24]],[[413,393],[51,-8]],[[581,371],[22,-95],[103,-147],[-30,-60],[-56,-19],[-17,-34],[-59,-14],[-156,0]],[[464,385],[42,15],[39,-49],[36,20]],[[549,539],[33,-41],[-13,-37],[12,-90]],[[409,402],[17,19],[-9,69]],[[417,490],[60,-13],[72,62]],[[659,767],[20,-48],[-36,-41],[43,-37],[-29,-32],[-51,137],[27,35],[26,-14]],[[417,490],[-1,3]],[[427,630],[74,-15],[48,-76]]],"bbox":[-122.51446700129762,37.708132998752895,-122.3569713683426,37.832426999509835]}