D3 Examples - zooming with d3 geo

zooming with d3 geo

So In my previous examples I was trying to zoom using a handy little script made by Jason Davies. But I don't think I was using it correctly and things were a little jenky so I tried to look for some other examples. Of course right in the docs there's a link to https://github.com/mbostock/d3/wiki/Zoom-Behavior zoom behaviors of a bunch of different kinds.

Also there's a little animation on the location dot using css. I hope this zoom method is a little less jenky especially in mobile browsers.

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <link rel="stylesheet" href="./map.css">
​
​
</head>
​
<body>
​
​
​
      <h2 class="bigtitle">California State <span class="chatit">Assembly</span> Districts</h2>
      <div class="houseseler">
        <select class="houseslect" onchange="housech(value)">
          <option value="lower"> State Assembly </option>
          <option value="upper" selected> Senate </options>
        </select>
      </div>
​
​
​
    <script src="https://d3js.org/d3.v3.js"></script>
    <script src="https://d3js.org/topojson.v1.min.js"></script>
        <script src="./zoomed.js"></script>
​
        <script src="./twomap.js"></script>
​
    </body>
​
    