StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
5532324
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-04-03T20:35:32.730
FavoriteCount
0
LastActivityDate
2011-04-03T20:35:32.730
LastEditDate
LastEditorUserId
0
OwnerUserId
380487
ParentId
5405629
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
You can access the current transformation matrix of a panel via the <code>transform</code> parameter. So, in the following example: <pre><code>var vis = new pv.Panel() .width(200) .height(200); var panel = vis.add(pv.Panel) .event("mousewheel", pv.Behavior.zoom(1)) .fillStyle('#ccc'); var dot = panel.add(pv.Dot) .data([[25,25],[25,75],[75,25],[75,75]]) .top(function(d) d[0]) .left(function(d) d[1]) .size(30) .fillStyle('#999'); vis.render(); </code></pre> If you load this example, then zoom around a bit, you can access the current transformation matrix like this: <pre><code>var t = panel.transform(), tk = t.k, // scale factor, applied before x/y tx = t.x, // x-offset ty = t.y; // y-offset </code></pre> You should be able to determine whether a child mark (e.g., in this example, <code>dot</code>) is in the visible area by applying the transformation matrix to its <code>top</code> and <code>left</code> parameters and then checking to see whether they're within the panel's original bounding box (0,0,200,200). For the <code>dot</code> above, you could check like this: <pre><code>function(d) { var t = panel.transform(), // assuming the current dot instance is accessible as "this" x = (this.left() + t.x) * t.k, // apply transform to dot x position y = (this.top() + t.y) * t.k; // apply transform to dot y position // check bounding box. Note that this is a little simplistic - // I'm just checking dot center, not edges return x > panel.left() && x < (panel.left() + panel.width()) && y > panel.top() && y < (panel.top() + panel.height()); } </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POCalculate visible area in protovis when using zoom
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USnrabinowitz
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.