1
$\begingroup$
var w = 810,
    h = 400,
    mapMargin = 30;

geo = pv.Geo.scale().range(w, h);

var vis = new pv.Panel()
    .width(w)
    .height(h)
    .top(50)
    .bottom(30)
    .def("i", -1);


var dot = vis.add(pv.Dot)
    .data(geoPopList)
    .left(function(d) {return geo(d.center).x})
    .top(function(d) {return geo(d.center).y})
    .radius(function(d) {return areaToRadius(d.speakers)})
    .fillStyle(function(d){return col(d.speakers)})
    .strokeStyle("#ffffff");

vis.render();

I'm using above code to make Dot Chart in Protovis. How at add zoom and pan to this? I saw an example at http://vis.stanford.edu/protovis/ex/transform.html. But problem with my code is how to transform on geo scale.

$\endgroup$
  • 1
    $\begingroup$ Might this be more likely to be find an answer at stackoverflow.com? $\endgroup$ – onestop Oct 26 '10 at 6:26
  • $\begingroup$ I agree, this has nothing to do with statistical analysis as stated. $\endgroup$ – Andy W Oct 26 '10 at 13:29
  • 3
    $\begingroup$ IMO, it does have to do with visualization (which is on-topic), so I'm open to allowing it. That being said, I'm sure that you will have a hard time getting an answer either here or SO for this question: your best bet is the protovis mailing list. $\endgroup$ – Shane Oct 26 '10 at 13:50
  • 2
    $\begingroup$ @Saneef It would be helpful if you could provide a data sample so this is reproducible. Either make geoPopList available, or else use a smaller data same that can be posted here. $\endgroup$ – Shane Oct 26 '10 at 13:51
  • 1
    $\begingroup$ @AndyW Thanks for a flag, but I agree that it is on topic. $\endgroup$ – user88 Oct 26 '10 at 14:52