rubyvis 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data.tar.gz.sig +0 -0
- data/History.txt +8 -1
- data/Manifest.txt +100 -416
- data/README.txt +5 -2
- data/examples/barley/barley.rb +79 -0
- data/examples/crimea/crimea.rb +37 -0
- data/examples/crimea/crimea_line.rb +47 -0
- data/examples/second.rb +2 -2
- data/examples/third.rb +16 -0
- data/lib/rubyvis.rb +2 -1
- data/lib/rubyvis/color/color.rb +170 -169
- data/lib/rubyvis/color/colors.rb +4 -4
- data/lib/rubyvis/color/ramp.rb +1 -0
- data/lib/rubyvis/format.rb +2 -2
- data/lib/rubyvis/format/date.rb +9 -2
- data/lib/rubyvis/format/number.rb +3 -3
- data/lib/rubyvis/internals.rb +13 -13
- data/lib/rubyvis/javascript_behaviour.rb +3 -3
- data/lib/rubyvis/label.rb +1 -0
- data/lib/rubyvis/mark.rb +178 -169
- data/lib/rubyvis/mark/anchor.rb +4 -4
- data/lib/rubyvis/mark/area.rb +93 -5
- data/lib/rubyvis/mark/bar.rb +1 -1
- data/lib/rubyvis/mark/label.rb +2 -2
- data/lib/rubyvis/mark/line.rb +11 -5
- data/lib/rubyvis/mark/panel.rb +13 -11
- data/lib/rubyvis/mark/rule.rb +2 -2
- data/lib/rubyvis/property.rb +3 -2
- data/lib/rubyvis/scale.rb +4 -4
- data/lib/rubyvis/scale/linear.rb +2 -2
- data/lib/rubyvis/scale/ordinal.rb +41 -41
- data/lib/rubyvis/scale/quantitative.rb +212 -200
- data/lib/rubyvis/scene/svg_bar.rb +21 -21
- data/lib/rubyvis/scene/svg_label.rb +34 -34
- data/lib/rubyvis/scene/svg_line.rb +185 -0
- data/lib/rubyvis/scene/svg_panel.rb +36 -30
- data/lib/rubyvis/scene/svg_rule.rb +18 -19
- data/lib/rubyvis/scene/svg_scene.rb +33 -30
- data/lib/rubyvis/sceneelement.rb +5 -1
- data/lib/rubyvis/transform.rb +2 -2
- data/spec/mark_spec.rb +6 -6
- data/spec/scale_linear_datetime_spec.rb +52 -0
- data/spec/scale_linear_spec.rb +0 -10
- data/vendor/{protovis-r3.3.js → protovis/protovis-r3.3.js} +0 -0
- data/vendor/{src → protovis/src}/behavior/Behavior.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Drag.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Pan.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Point.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Resize.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Select.js +0 -0
- data/vendor/{src → protovis/src}/behavior/Zoom.js +0 -0
- data/vendor/{src → protovis/src}/color/Color.js +0 -0
- data/vendor/{src → protovis/src}/color/Colors.js +0 -0
- data/vendor/{src → protovis/src}/color/Ramp.js +0 -0
- data/vendor/{src → protovis/src}/data/Arrays.js +0 -0
- data/vendor/{src → protovis/src}/data/Dom.js +0 -0
- data/vendor/{src → protovis/src}/data/Flatten.js +0 -0
- data/vendor/{src → protovis/src}/data/Histogram.js +0 -0
- data/vendor/{src → protovis/src}/data/LinearScale.js +0 -0
- data/vendor/{src → protovis/src}/data/LogScale.js +0 -0
- data/vendor/{src → protovis/src}/data/Nest.js +0 -0
- data/vendor/{src → protovis/src}/data/Numbers.js +0 -0
- data/vendor/{src → protovis/src}/data/Objects.js +0 -0
- data/vendor/{src → protovis/src}/data/OrdinalScale.js +0 -0
- data/vendor/{src → protovis/src}/data/QuantileScale.js +0 -0
- data/vendor/{src → protovis/src}/data/QuantitativeScale.js +0 -0
- data/vendor/{src → protovis/src}/data/RootScale.js +0 -0
- data/vendor/{src → protovis/src}/data/Scale.js +0 -0
- data/vendor/{src → protovis/src}/data/Transform.js +0 -0
- data/vendor/{src → protovis/src}/data/Tree.js +0 -0
- data/vendor/{src → protovis/src}/data/Vector.js +0 -0
- data/vendor/{src → protovis/src}/geo/Geo.js +0 -0
- data/vendor/{src → protovis/src}/geo/GeoScale.js +0 -0
- data/vendor/{src → protovis/src}/geo/LatLng.js +0 -0
- data/vendor/{src → protovis/src}/geo/Projection.js +0 -0
- data/vendor/{src → protovis/src}/geo/Projections.js +0 -0
- data/vendor/{src → protovis/src}/lang/Array.js +0 -0
- data/vendor/{src → protovis/src}/lang/init.js +0 -0
- data/vendor/{src → protovis/src}/layout/Arc.js +0 -0
- data/vendor/{src → protovis/src}/layout/Bullet.js +0 -0
- data/vendor/{src → protovis/src}/layout/Cluster.js +0 -0
- data/vendor/{src → protovis/src}/layout/Force.js +0 -0
- data/vendor/{src → protovis/src}/layout/Grid.js +0 -0
- data/vendor/{src → protovis/src}/layout/Hierarchy.js +0 -0
- data/vendor/{src → protovis/src}/layout/Horizon.js +0 -0
- data/vendor/{src → protovis/src}/layout/Indent.js +0 -0
- data/vendor/{src → protovis/src}/layout/Layout.js +0 -0
- data/vendor/{src → protovis/src}/layout/Matrix.js +0 -0
- data/vendor/{src → protovis/src}/layout/Network.js +0 -0
- data/vendor/{src → protovis/src}/layout/Pack.js +0 -0
- data/vendor/{src → protovis/src}/layout/Partition.js +0 -0
- data/vendor/{src → protovis/src}/layout/Rollup.js +0 -0
- data/vendor/{src → protovis/src}/layout/Stack.js +0 -0
- data/vendor/{src → protovis/src}/layout/Tree.js +0 -0
- data/vendor/{src → protovis/src}/layout/Treemap.js +0 -0
- data/vendor/{src → protovis/src}/mark/Anchor.js +0 -0
- data/vendor/{src → protovis/src}/mark/Area.js +0 -0
- data/vendor/{src → protovis/src}/mark/Bar.js +0 -0
- data/vendor/{src → protovis/src}/mark/Dot.js +0 -0
- data/vendor/{src → protovis/src}/mark/Ease.js +0 -0
- data/vendor/{src → protovis/src}/mark/Image.js +0 -0
- data/vendor/{src → protovis/src}/mark/Label.js +0 -0
- data/vendor/{src → protovis/src}/mark/Line.js +0 -0
- data/vendor/{src → protovis/src}/mark/Mark.js +0 -0
- data/vendor/{src → protovis/src}/mark/Panel.js +0 -0
- data/vendor/{src → protovis/src}/mark/Rule.js +0 -0
- data/vendor/{src → protovis/src}/mark/Transient.js +0 -0
- data/vendor/{src → protovis/src}/mark/Transition.js +0 -0
- data/vendor/{src → protovis/src}/mark/Wedge.js +0 -0
- data/vendor/{src → protovis/src}/physics/BoundConstraint.js +0 -0
- data/vendor/{src → protovis/src}/physics/ChargeForce.js +0 -0
- data/vendor/{src → protovis/src}/physics/CollisionConstraint.js +0 -0
- data/vendor/{src → protovis/src}/physics/Constraint.js +0 -0
- data/vendor/{src → protovis/src}/physics/DragForce.js +0 -0
- data/vendor/{src → protovis/src}/physics/Force.js +0 -0
- data/vendor/{src → protovis/src}/physics/Particle.js +0 -0
- data/vendor/{src → protovis/src}/physics/PositionConstraint.js +0 -0
- data/vendor/{src → protovis/src}/physics/Quadtree.js +0 -0
- data/vendor/{src → protovis/src}/physics/Simulation.js +0 -0
- data/vendor/{src → protovis/src}/physics/SpringForce.js +0 -0
- data/vendor/{src → protovis/src}/pv-internals.js +0 -0
- data/vendor/{src → protovis/src}/pv.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgArea.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgBar.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgCurve.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgDot.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgImage.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgLabel.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgLine.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgPanel.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgRule.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgScene.js +0 -0
- data/vendor/{src → protovis/src}/scene/SvgWedge.js +0 -0
- data/vendor/{src → protovis/src}/text/DateFormat.js +0 -0
- data/vendor/{src → protovis/src}/text/Format.js +0 -0
- data/vendor/{src → protovis/src}/text/NumberFormat.js +0 -0
- data/vendor/{src → protovis/src}/text/TimeFormat.js +0 -0
- metadata +132 -426
- metadata.gz.sig +2 -0
- data/examples/crimea-line.rb +0 -64
- data/vendor/FUTURE +0 -62
- data/vendor/Makefile +0 -138
- data/vendor/TODO +0 -22
- data/vendor/examples/antibiotics/antibiotics-scatter.html +0 -113
- data/vendor/examples/antibiotics/antibiotics.html +0 -140
- data/vendor/examples/antibiotics/antibiotics.js +0 -20
- data/vendor/examples/barley/barley.html +0 -102
- data/vendor/examples/barley/barley.js +0 -122
- data/vendor/examples/cars/cars.html +0 -90
- data/vendor/examples/cars/cars.js +0 -408
- data/vendor/examples/clock/clock.html +0 -91
- data/vendor/examples/crimea/crimea-grouped-bar.html +0 -65
- data/vendor/examples/crimea/crimea-line.html +0 -61
- data/vendor/examples/crimea/crimea-stacked-area.html +0 -61
- data/vendor/examples/crimea/crimea-stacked-bar.html +0 -60
- data/vendor/examples/crimea/crimea.html +0 -100
- data/vendor/examples/crimea/crimea.js +0 -33
- data/vendor/examples/downloadify/LICENSE.txt +0 -22
- data/vendor/examples/downloadify/download.png +0 -0
- data/vendor/examples/downloadify/downloadify.html +0 -57
- data/vendor/examples/downloadify/downloadify.min.js +0 -3
- data/vendor/examples/downloadify/downloadify.swf +0 -0
- data/vendor/examples/downloadify/swfobject.js +0 -4
- data/vendor/examples/ex.css +0 -17
- data/vendor/examples/eyes/eyes.html +0 -53
- data/vendor/examples/eyes/matrix.html +0 -44
- data/vendor/examples/flowers/flowers.html +0 -109
- data/vendor/examples/flowers/flowers.js +0 -154
- data/vendor/examples/group-stack/group-stack.html +0 -79
- data/vendor/examples/group-stack/headcount.js +0 -23
- data/vendor/examples/hotel/hotel.html +0 -76
- data/vendor/examples/hotel/hotel.js +0 -245
- data/vendor/examples/jobs/jobs.html +0 -71
- data/vendor/examples/jobs/jobs.js +0 -1024
- data/vendor/examples/jquery-1.4.2.min.js +0 -154
- data/vendor/examples/nba/nba.html +0 -83
- data/vendor/examples/nba/nba.js +0 -53
- data/vendor/examples/nba/nba2.html +0 -82
- data/vendor/examples/sankey/gdp2009.js +0 -184
- data/vendor/examples/sankey/sankey.html +0 -77
- data/vendor/examples/slider/cell.html +0 -112
- data/vendor/examples/slider/cell.js +0 -31
- data/vendor/examples/slider/horizon.html +0 -85
- data/vendor/examples/slider/jquery-ui-1.8rc3.custom.min.js +0 -71
- data/vendor/examples/slider/slider.html +0 -50
- data/vendor/examples/slider/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
- data/vendor/examples/slider/ui-lightness/images/ui-icons_222222_256x240.png +0 -2
- data/vendor/examples/slider/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -2
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -2
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -2
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -2
- data/vendor/examples/slider/ui-lightness/jquery-ui-1.8rc3.custom.css +0 -302
- data/vendor/examples/tipsy/jquery.tipsy.js +0 -198
- data/vendor/examples/tipsy/tipsy-bar.html +0 -65
- data/vendor/examples/tipsy/tipsy-line.html +0 -67
- data/vendor/examples/tipsy/tipsy.css +0 -12
- data/vendor/examples/tipsy/tipsy.gif +0 -0
- data/vendor/examples/tipsy/tipsy.js +0 -66
- data/vendor/examples/weather/weather.html +0 -86
- data/vendor/examples/weather/weather.js +0 -42
- data/vendor/examples/wheat/wheat.html +0 -130
- data/vendor/examples/wheat/wheat.js +0 -70
- data/vendor/lib/google-compiler/COPYING +0 -202
- data/vendor/lib/google-compiler/README +0 -224
- data/vendor/lib/google-compiler/compiler-20100201.jar +0 -0
- data/vendor/protovis-d3.3.js +0 -15726
- data/vendor/test1.html +0 -30
- data/vendor/tests/behavior/drag-events.html +0 -47
- data/vendor/tests/behavior/drag.html +0 -32
- data/vendor/tests/behavior/drag2.html +0 -33
- data/vendor/tests/behavior/point-area-stacked.html +0 -73
- data/vendor/tests/behavior/point-area-stacked2.html +0 -70
- data/vendor/tests/behavior/point-area.html +0 -67
- data/vendor/tests/behavior/point-bar.html +0 -62
- data/vendor/tests/behavior/point-dot.html +0 -60
- data/vendor/tests/behavior/point-line.html +0 -62
- data/vendor/tests/behavior/point-lines-grid.html +0 -65
- data/vendor/tests/behavior/point-lines.html +0 -61
- data/vendor/tests/behavior/point-wedge.html +0 -43
- data/vendor/tests/behavior/resize.html +0 -69
- data/vendor/tests/behavior/select.html +0 -37
- data/vendor/tests/bzr.js +0 -62
- data/vendor/tests/center.js +0 -13
- data/vendor/tests/data/deviation.html +0 -54
- data/vendor/tests/data/histogram-discrete.html +0 -50
- data/vendor/tests/data/histogram.html +0 -56
- data/vendor/tests/data/log-adjusted.html +0 -48
- data/vendor/tests/data/log-ceil.html +0 -48
- data/vendor/tests/data/log-floor.html +0 -48
- data/vendor/tests/data/log-symmetric.html +0 -48
- data/vendor/tests/data/log.html +0 -48
- data/vendor/tests/data/max-index.html +0 -36
- data/vendor/tests/data/max.html +0 -36
- data/vendor/tests/data/min-index.html +0 -36
- data/vendor/tests/data/min.html +0 -36
- data/vendor/tests/data/ordinal-split-banded.html +0 -45
- data/vendor/tests/data/ordinal-split-banded2.html +0 -45
- data/vendor/tests/data/ordinal-split-flush.html +0 -51
- data/vendor/tests/data/ordinal-split.html +0 -51
- data/vendor/tests/data/range.html +0 -105
- data/vendor/tests/data/scale-date.html +0 -46
- data/vendor/tests/data/scale-date2.html +0 -38
- data/vendor/tests/data/scale-date3.html +0 -38
- data/vendor/tests/data/scale-date4.html +0 -38
- data/vendor/tests/data/scale-degenerate.html +0 -143
- data/vendor/tests/data/scale-linear.html +0 -59
- data/vendor/tests/data/scale-log.html +0 -60
- data/vendor/tests/data/scale-log2.html +0 -60
- data/vendor/tests/data/scale-log3.html +0 -60
- data/vendor/tests/data/scale-log4.html +0 -60
- data/vendor/tests/data/scale-log5.html +0 -60
- data/vendor/tests/data/scale-log6.html +0 -60
- data/vendor/tests/data/scale-quantile.html +0 -47
- data/vendor/tests/data/scale-quantile2.html +0 -50
- data/vendor/tests/data/scale-quantile3.html +0 -48
- data/vendor/tests/data/scale-root.html +0 -60
- data/vendor/tests/data/scale-root2.html +0 -39
- data/vendor/tests/data/scale-tick-format.html +0 -54
- data/vendor/tests/data/scale-ticks.html +0 -45
- data/vendor/tests/data/sum.html +0 -42
- data/vendor/tests/data/variance.html +0 -42
- data/vendor/tests/diamond.js +0 -40
- data/vendor/tests/flare-imports.js +0 -222
- data/vendor/tests/flare.js +0 -284
- data/vendor/tests/geo/countries-hires.js +0 -257
- data/vendor/tests/geo/countries-lores.js +0 -197
- data/vendor/tests/geo/population.js +0 -250
- data/vendor/tests/geo/scale-aitoff.html +0 -58
- data/vendor/tests/geo/scale-gall-peters.html +0 -56
- data/vendor/tests/geo/scale-hammer.html +0 -58
- data/vendor/tests/geo/scale-identity.html +0 -56
- data/vendor/tests/geo/scale-mercator.html +0 -56
- data/vendor/tests/geo/scale-sinusoidal.html +0 -57
- data/vendor/tests/geo/scale-smart-domain.html +0 -58
- data/vendor/tests/geo/scale.html +0 -55
- data/vendor/tests/geo/scale2.html +0 -40
- data/vendor/tests/geo/us-states.js +0 -61
- data/vendor/tests/heatmap.js +0 -63
- data/vendor/tests/lang/globals.html +0 -41
- data/vendor/tests/lang/init.html +0 -31
- data/vendor/tests/layers.js +0 -28
- data/vendor/tests/layout/arc-directed.html +0 -33
- data/vendor/tests/layout/arc-radial.html +0 -36
- data/vendor/tests/layout/arc-undirected.html +0 -32
- data/vendor/tests/layout/arc.html +0 -33
- data/vendor/tests/layout/arc2.html +0 -32
- data/vendor/tests/layout/bullet-multiples.html +0 -60
- data/vendor/tests/layout/bullet.html +0 -45
- data/vendor/tests/layout/bullets.js +0 -37
- data/vendor/tests/layout/cluster-fill-group.html +0 -24
- data/vendor/tests/layout/cluster-fill.html +0 -28
- data/vendor/tests/layout/cluster-partition-radial-fill.html +0 -43
- data/vendor/tests/layout/cluster-radial-fill-radius.html +0 -26
- data/vendor/tests/layout/cluster-radial-fill.html +0 -29
- data/vendor/tests/layout/cluster-radial-group-fill.html +0 -30
- data/vendor/tests/layout/cluster-radial-radius.html +0 -30
- data/vendor/tests/layout/cluster-radial.html +0 -28
- data/vendor/tests/layout/cluster-radial2.html +0 -33
- data/vendor/tests/layout/cluster.html +0 -34
- data/vendor/tests/layout/cluster2.html +0 -32
- data/vendor/tests/layout/force-toggle.html +0 -46
- data/vendor/tests/layout/force.html +0 -45
- data/vendor/tests/layout/force2.html +0 -58
- data/vendor/tests/layout/force3.html +0 -41
- data/vendor/tests/layout/force4.html +0 -45
- data/vendor/tests/layout/force5.html +0 -53
- data/vendor/tests/layout/grid-cols.html +0 -31
- data/vendor/tests/layout/grid-heatmap.html +0 -25
- data/vendor/tests/layout/grid-rows.html +0 -31
- data/vendor/tests/layout/grid.html +0 -34
- data/vendor/tests/layout/horizon-color.html +0 -31
- data/vendor/tests/layout/horizon.html +0 -31
- data/vendor/tests/layout/indent-toggle.html +0 -62
- data/vendor/tests/layout/indent.html +0 -25
- data/vendor/tests/layout/indent2.html +0 -33
- data/vendor/tests/layout/matrix-sort.html +0 -28
- data/vendor/tests/layout/matrix.html +0 -35
- data/vendor/tests/layout/network.html +0 -43
- data/vendor/tests/layout/pack-bubble.html +0 -45
- data/vendor/tests/layout/pack.html +0 -26
- data/vendor/tests/layout/pack2.html +0 -32
- data/vendor/tests/layout/partition-fill.html +0 -27
- data/vendor/tests/layout/partition-fill2.html +0 -22
- data/vendor/tests/layout/partition-fill3.html +0 -27
- data/vendor/tests/layout/partition-radial-fill-radius.html +0 -25
- data/vendor/tests/layout/partition-radial-fill.html +0 -26
- data/vendor/tests/layout/partition-radial-fill2.html +0 -23
- data/vendor/tests/layout/partition-radial-fill3.html +0 -29
- data/vendor/tests/layout/partition-radial-radius.html +0 -29
- data/vendor/tests/layout/partition-radial.html +0 -30
- data/vendor/tests/layout/partition-radial2.html +0 -33
- data/vendor/tests/layout/partition.html +0 -33
- data/vendor/tests/layout/partition2.html +0 -32
- data/vendor/tests/layout/rollup.html +0 -50
- data/vendor/tests/layout/stack-empty.html +0 -27
- data/vendor/tests/layout/stack-expand.html +0 -41
- data/vendor/tests/layout/stack-reverse.html +0 -42
- data/vendor/tests/layout/stack-right.html +0 -42
- data/vendor/tests/layout/stack-rule.html +0 -61
- data/vendor/tests/layout/stack-visible.html +0 -43
- data/vendor/tests/layout/stack.html +0 -53
- data/vendor/tests/layout/tree-radial.html +0 -31
- data/vendor/tests/layout/tree-radial2.html +0 -34
- data/vendor/tests/layout/tree-toggle.html +0 -36
- data/vendor/tests/layout/tree.html +0 -31
- data/vendor/tests/layout/tree2.html +0 -35
- data/vendor/tests/layout/treemap-hierarchy.html +0 -40
- data/vendor/tests/layout/treemap-margin.html +0 -26
- data/vendor/tests/layout/treemap-round.html +0 -40
- data/vendor/tests/layout/treemap-slice.html +0 -34
- data/vendor/tests/layout/treemap.html +0 -37
- data/vendor/tests/life.js +0 -212
- data/vendor/tests/mark/anchor.html +0 -25
- data/vendor/tests/mark/area-anchor-chain.html +0 -42
- data/vendor/tests/mark/area-anchor-line.html +0 -57
- data/vendor/tests/mark/area-anchor-stack.html +0 -35
- data/vendor/tests/mark/area-anchor.html +0 -43
- data/vendor/tests/mark/area-anchor2.html +0 -33
- data/vendor/tests/mark/area-cardinal.html +0 -57
- data/vendor/tests/mark/area-monotone.html +0 -57
- data/vendor/tests/mark/area-segmented-basis.html +0 -30
- data/vendor/tests/mark/area-segmented-cardinal.html +0 -30
- data/vendor/tests/mark/area-segmented-monotone.html +0 -30
- data/vendor/tests/mark/area-segmented-step.html +0 -44
- data/vendor/tests/mark/area-segmented.html +0 -29
- data/vendor/tests/mark/area-stacked-cardinal.html +0 -54
- data/vendor/tests/mark/area-stacked-monotone.html +0 -54
- data/vendor/tests/mark/area-stacked.html +0 -53
- data/vendor/tests/mark/area-step.html +0 -43
- data/vendor/tests/mark/area-zero.html +0 -32
- data/vendor/tests/mark/area.html +0 -57
- data/vendor/tests/mark/bar-anchor-stack.html +0 -51
- data/vendor/tests/mark/bar-anchor.html +0 -44
- data/vendor/tests/mark/bar-column-grouped.html +0 -63
- data/vendor/tests/mark/bar-column-stacked.html +0 -56
- data/vendor/tests/mark/bar-column.html +0 -54
- data/vendor/tests/mark/bar-grouped.html +0 -63
- data/vendor/tests/mark/bar-stacked.html +0 -57
- data/vendor/tests/mark/bar.html +0 -54
- data/vendor/tests/mark/cursor.html +0 -41
- data/vendor/tests/mark/def-type.html +0 -23
- data/vendor/tests/mark/dot-anchor.html +0 -33
- data/vendor/tests/mark/dot-radius.html +0 -22
- data/vendor/tests/mark/dot-stroke.html +0 -43
- data/vendor/tests/mark/dot.html +0 -52
- data/vendor/tests/mark/dot2.html +0 -61
- data/vendor/tests/mark/ease.html +0 -90
- data/vendor/tests/mark/event-dblclick.html +0 -30
- data/vendor/tests/mark/event-prototype.html +0 -45
- data/vendor/tests/mark/event-render.html +0 -45
- data/vendor/tests/mark/event.html +0 -24
- data/vendor/tests/mark/image-color-inherit.html +0 -33
- data/vendor/tests/mark/image-color.html +0 -35
- data/vendor/tests/mark/image-color2.html +0 -35
- data/vendor/tests/mark/image-heatmap.html +0 -29
- data/vendor/tests/mark/image.html +0 -32
- data/vendor/tests/mark/label-break.html +0 -54
- data/vendor/tests/mark/label-decoration.html +0 -22
- data/vendor/tests/mark/label-events.html +0 -32
- data/vendor/tests/mark/line-anchor.html +0 -42
- data/vendor/tests/mark/line-basis.html +0 -54
- data/vendor/tests/mark/line-brownian.html +0 -57
- data/vendor/tests/mark/line-cardinal.html +0 -77
- data/vendor/tests/mark/line-catmull-rom.html +0 -78
- data/vendor/tests/mark/line-curve.html +0 -65
- data/vendor/tests/mark/line-eccentricity.html +0 -39
- data/vendor/tests/mark/line-fill.html +0 -24
- data/vendor/tests/mark/line-join.html +0 -51
- data/vendor/tests/mark/line-monotone-non-monotone.html +0 -53
- data/vendor/tests/mark/line-monotone-two-way.html +0 -61
- data/vendor/tests/mark/line-monotone.html +0 -53
- data/vendor/tests/mark/line-polar.html +0 -36
- data/vendor/tests/mark/line-segmented-basis.html +0 -57
- data/vendor/tests/mark/line-segmented-cardinal.html +0 -80
- data/vendor/tests/mark/line-segmented-join.html +0 -52
- data/vendor/tests/mark/line-segmented-monotone.html +0 -56
- data/vendor/tests/mark/line-segmented-polar.html +0 -30
- data/vendor/tests/mark/line-segmented-step.html +0 -41
- data/vendor/tests/mark/line-segmented-step2.html +0 -32
- data/vendor/tests/mark/line-segmented.html +0 -30
- data/vendor/tests/mark/line-step.html +0 -39
- data/vendor/tests/mark/line-tension.html +0 -59
- data/vendor/tests/mark/line.html +0 -51
- data/vendor/tests/mark/panel-anchor.html +0 -37
- data/vendor/tests/mark/panel-anchor2.html +0 -31
- data/vendor/tests/mark/panel-anchor3.html +0 -22
- data/vendor/tests/mark/panel-anchor4.html +0 -28
- data/vendor/tests/mark/panel-anchor5.html +0 -28
- data/vendor/tests/mark/panel-append.html +0 -29
- data/vendor/tests/mark/panel-canvas.html +0 -107
- data/vendor/tests/mark/panel-fill.html +0 -50
- data/vendor/tests/mark/panel-mouse.html +0 -53
- data/vendor/tests/mark/panel-transform.html +0 -67
- data/vendor/tests/mark/property-cast.html +0 -24
- data/vendor/tests/mark/render-partial.html +0 -42
- data/vendor/tests/mark/rule-anchor.html +0 -29
- data/vendor/tests/mark/title.html +0 -41
- data/vendor/tests/mark/transition-anchor.html +0 -47
- data/vendor/tests/mark/transition-wedge.html +0 -47
- data/vendor/tests/mark/transition.html +0 -106
- data/vendor/tests/mark/wedge-donut.html +0 -35
- data/vendor/tests/mark/wedge-implied.html +0 -42
- data/vendor/tests/mark/wedge-pie.html +0 -37
- data/vendor/tests/mark/wedge-ring.html +0 -27
- data/vendor/tests/miserables.js +0 -348
- data/vendor/tests/physics/dorling.html +0 -70
- data/vendor/tests/physics/simulation.html +0 -56
- data/vendor/tests/social.js +0 -28
- data/vendor/tests/stanford.png +0 -0
- data/vendor/tests/style.css +0 -5
- data/vendor/tests/testify.css +0 -29
- data/vendor/tests/testify.js +0 -16
- data/vendor/tests/text/format-number.html +0 -75
data/vendor/tests/mark/line.html
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Line Chart</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var data = pv.range(0, 10, .1).map(function(x) {
|
|
10
|
-
return {x: x, y: Math.sin(x) + Math.random() * .5 + 2};
|
|
11
|
-
}),
|
|
12
|
-
w = 400,
|
|
13
|
-
h = 200,
|
|
14
|
-
x = pv.Scale.linear(data, function(d) d.x).range(0, w),
|
|
15
|
-
y = pv.Scale.linear(0, 4).range(0, h);
|
|
16
|
-
|
|
17
|
-
var vis = new pv.Panel()
|
|
18
|
-
.width(w)
|
|
19
|
-
.height(h)
|
|
20
|
-
.bottom(20)
|
|
21
|
-
.left(20)
|
|
22
|
-
.right(10)
|
|
23
|
-
.top(5);
|
|
24
|
-
|
|
25
|
-
vis.add(pv.Rule)
|
|
26
|
-
.data(y.ticks())
|
|
27
|
-
.visible(function() !(this.index % 2))
|
|
28
|
-
.bottom(y)
|
|
29
|
-
.strokeStyle("#eee")
|
|
30
|
-
.anchor("left").add(pv.Label)
|
|
31
|
-
.text(function(d) d.toFixed(1));
|
|
32
|
-
|
|
33
|
-
vis.add(pv.Rule)
|
|
34
|
-
.data(x.ticks())
|
|
35
|
-
.visible(function(d) d > 0)
|
|
36
|
-
.left(x)
|
|
37
|
-
.strokeStyle("#eee")
|
|
38
|
-
.anchor("bottom").add(pv.Label)
|
|
39
|
-
.text(function(d) d.toFixed());
|
|
40
|
-
|
|
41
|
-
vis.add(pv.Line)
|
|
42
|
-
.data(data)
|
|
43
|
-
.left(function(d) x(d.x))
|
|
44
|
-
.bottom(function(d) y(d.y))
|
|
45
|
-
.lineWidth(3);
|
|
46
|
-
|
|
47
|
-
vis.render();
|
|
48
|
-
|
|
49
|
-
</script>
|
|
50
|
-
</body>
|
|
51
|
-
</html>
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Anchor</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var size = 160, n = 4;
|
|
10
|
-
|
|
11
|
-
var vis = new pv.Panel()
|
|
12
|
-
.width(size)
|
|
13
|
-
.height(size)
|
|
14
|
-
.top(5)
|
|
15
|
-
.bottom(5)
|
|
16
|
-
.left(5)
|
|
17
|
-
.right(5);
|
|
18
|
-
|
|
19
|
-
vis.add(pv.Panel)
|
|
20
|
-
.data(pv.range(n))
|
|
21
|
-
.top(function() this.index * size / n)
|
|
22
|
-
.height(size / n)
|
|
23
|
-
.add(pv.Panel)
|
|
24
|
-
.data(pv.range(n))
|
|
25
|
-
.left(function() this.index * size / n)
|
|
26
|
-
.width(size / n)
|
|
27
|
-
.strokeStyle("#000")
|
|
28
|
-
.lineWidth(1)
|
|
29
|
-
.antialias(false)
|
|
30
|
-
.anchor("center").add(pv.Label)
|
|
31
|
-
.text(function(d, x, y) x + ", " + y);
|
|
32
|
-
|
|
33
|
-
vis.render();
|
|
34
|
-
|
|
35
|
-
</script>
|
|
36
|
-
</body>
|
|
37
|
-
</html>
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Anchor</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var vis = new pv.Panel()
|
|
10
|
-
.width(200)
|
|
11
|
-
.height(200)
|
|
12
|
-
.margin(10);
|
|
13
|
-
|
|
14
|
-
var bar = vis.add(pv.Panel)
|
|
15
|
-
.data(pv.range(10))
|
|
16
|
-
.top(function(i) 20 * i)
|
|
17
|
-
.height(20)
|
|
18
|
-
.add(pv.Bar);
|
|
19
|
-
|
|
20
|
-
vis.add(pv.Panel)
|
|
21
|
-
.extend(bar.parent)
|
|
22
|
-
.add(pv.Dot)
|
|
23
|
-
.extend(bar.anchor("bottom"))
|
|
24
|
-
.fillStyle("#fff")
|
|
25
|
-
.strokeStyle("#000");
|
|
26
|
-
|
|
27
|
-
vis.render();
|
|
28
|
-
|
|
29
|
-
</script>
|
|
30
|
-
</body>
|
|
31
|
-
</html>
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Anchor</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var vis = new pv.Panel()
|
|
10
|
-
.width(200)
|
|
11
|
-
.height(200)
|
|
12
|
-
.margin(5)
|
|
13
|
-
.strokeStyle("#ccc");
|
|
14
|
-
|
|
15
|
-
vis.anchor("center").add(pv.Label)
|
|
16
|
-
.text("Hello, world!");
|
|
17
|
-
|
|
18
|
-
vis.render();
|
|
19
|
-
|
|
20
|
-
</script>
|
|
21
|
-
</body>
|
|
22
|
-
</html>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Anchor</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var vis = new pv.Panel()
|
|
10
|
-
.width(200)
|
|
11
|
-
.height(200)
|
|
12
|
-
.margin(10);
|
|
13
|
-
|
|
14
|
-
var panel = vis.add(pv.Panel)
|
|
15
|
-
.data(pv.range(10))
|
|
16
|
-
.top(function(i) 20 * i)
|
|
17
|
-
.height(20)
|
|
18
|
-
.fillStyle(pv.Colors.category10());
|
|
19
|
-
|
|
20
|
-
vis.add(pv.Dot)
|
|
21
|
-
.extend(panel.anchor("center"))
|
|
22
|
-
.strokeStyle("#000");
|
|
23
|
-
|
|
24
|
-
vis.render();
|
|
25
|
-
|
|
26
|
-
</script>
|
|
27
|
-
</body>
|
|
28
|
-
</html>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Anchor</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var vis = new pv.Panel()
|
|
10
|
-
.width(200)
|
|
11
|
-
.height(200)
|
|
12
|
-
.margin(10);
|
|
13
|
-
|
|
14
|
-
var panel = vis.add(pv.Panel)
|
|
15
|
-
.data(pv.range(10))
|
|
16
|
-
.top(function(i) 20 * i)
|
|
17
|
-
.height(20)
|
|
18
|
-
.fillStyle(pv.Colors.category10());
|
|
19
|
-
|
|
20
|
-
panel.add(pv.Panel).add(pv.Dot)
|
|
21
|
-
.extend(panel.anchor("center"))
|
|
22
|
-
.strokeStyle("#000");
|
|
23
|
-
|
|
24
|
-
vis.render();
|
|
25
|
-
|
|
26
|
-
</script>
|
|
27
|
-
</body>
|
|
28
|
-
</html>
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Append</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<div id="container"></div>
|
|
8
|
-
<script type="text/javascript+protovis">
|
|
9
|
-
|
|
10
|
-
function append() {
|
|
11
|
-
var vis = new pv.Panel()
|
|
12
|
-
.canvas(container.appendChild(document.createElement("div")))
|
|
13
|
-
.width(150)
|
|
14
|
-
.height(150)
|
|
15
|
-
.margin(5)
|
|
16
|
-
.strokeStyle("#ccc");
|
|
17
|
-
|
|
18
|
-
vis.anchor("center").add(pv.Label)
|
|
19
|
-
.text("Hello, world!");
|
|
20
|
-
|
|
21
|
-
vis.render();
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
append();
|
|
25
|
-
append();
|
|
26
|
-
|
|
27
|
-
</script>
|
|
28
|
-
</body>
|
|
29
|
-
</html>
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Canvas</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
<link type="text/css" href="../style.css" rel="stylesheet"/>
|
|
6
|
-
<style type="text/css">
|
|
7
|
-
|
|
8
|
-
.canvas {
|
|
9
|
-
display: block !important;
|
|
10
|
-
width: 300px;
|
|
11
|
-
padding-bottom: 1em;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
p {
|
|
15
|
-
padding-bottom: 2em;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
#canvas1 {
|
|
19
|
-
height: 300px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
</style>
|
|
23
|
-
</head>
|
|
24
|
-
<body>
|
|
25
|
-
|
|
26
|
-
<div class="canvas" id="canvas1"></div>
|
|
27
|
-
|
|
28
|
-
This canvas is 300×300 pixels, with a 10-pixel black border. The black
|
|
29
|
-
border is clipped because it extends beyond the canvas. The canvas is
|
|
30
|
-
specified using a string ID, and the width and height are inferred from the
|
|
31
|
-
DOM. Clicking on the panel makes it brighter.
|
|
32
|
-
<p>
|
|
33
|
-
|
|
34
|
-
<div class="canvas" id="canvas2"></div>
|
|
35
|
-
|
|
36
|
-
This canvas is 300×100 pixels, with no border. The canvas is specified
|
|
37
|
-
using an explicit DOM reference. The height is specified as a property,
|
|
38
|
-
while the width is inferred from the DOM. Clicking on the panel makes it
|
|
39
|
-
darker.
|
|
40
|
-
<p>
|
|
41
|
-
|
|
42
|
-
<div class="canvas" id="canvas3"></div>
|
|
43
|
-
|
|
44
|
-
This canvas is 30×10 pixels, with no border. The canvas is specified
|
|
45
|
-
using an explicit DOM reference. The height is specified as a property,
|
|
46
|
-
while the width is inferred from the DOM. The root panel has an associated
|
|
47
|
-
10-element array of data, so ten root panels are generated, making the total
|
|
48
|
-
width 300×10; however, since a canvas property was specified, the
|
|
49
|
-
panels are generated overlapping in a single SVG element, rather than
|
|
50
|
-
creating multiple canvases. Clicking on the panel should increment the
|
|
51
|
-
displayed click count.
|
|
52
|
-
<p>
|
|
53
|
-
|
|
54
|
-
<div class="canvas" id="canvas4">
|
|
55
|
-
<script type="text/javascript+protovis">
|
|
56
|
-
|
|
57
|
-
new pv.Panel()
|
|
58
|
-
.canvas("canvas1")
|
|
59
|
-
.strokeStyle("black")
|
|
60
|
-
.lineWidth(10)
|
|
61
|
-
.fillStyle("green")
|
|
62
|
-
.event("mousedown", function() this.fillStyle(this.fillStyle().brighter()))
|
|
63
|
-
.render();
|
|
64
|
-
|
|
65
|
-
new pv.Panel()
|
|
66
|
-
.canvas(canvas2)
|
|
67
|
-
.fillStyle("green")
|
|
68
|
-
.height(100)
|
|
69
|
-
.event("mousedown", function() this.fillStyle(this.fillStyle().darker()))
|
|
70
|
-
.render();
|
|
71
|
-
|
|
72
|
-
new pv.Panel()
|
|
73
|
-
.def("clicks", 0)
|
|
74
|
-
.canvas(canvas3)
|
|
75
|
-
.data(pv.range(0, 10))
|
|
76
|
-
.fillStyle(function(d) "hsl(" + d * 12 + ",60,50)")
|
|
77
|
-
.left(function(d) d * 30)
|
|
78
|
-
.width(30)
|
|
79
|
-
.height(10)
|
|
80
|
-
.event("mousedown", function() this.clicks(this.clicks() + 1))
|
|
81
|
-
.anchor("center").add(pv.Label)
|
|
82
|
-
.text(function(d) this.root.clicks())
|
|
83
|
-
.root.render();
|
|
84
|
-
|
|
85
|
-
new pv.Panel()
|
|
86
|
-
.def("clicks", 0)
|
|
87
|
-
.data(pv.range(0, 10))
|
|
88
|
-
.fillStyle(function(d) "hsl(" + d * 12 + ",60,50)")
|
|
89
|
-
.width(50)
|
|
90
|
-
.height(50)
|
|
91
|
-
.event("mousedown", function() this.clicks(this.clicks() + 1))
|
|
92
|
-
.anchor("center").add(pv.Label)
|
|
93
|
-
.text(function(d) this.root.clicks())
|
|
94
|
-
.root.render();
|
|
95
|
-
|
|
96
|
-
</script>
|
|
97
|
-
</div>
|
|
98
|
-
This canvas is 50×50 pixels, with no border. The root panel has an
|
|
99
|
-
associated 10-element array of data, so ten root panels are generated,
|
|
100
|
-
wrapping for a total canvas size of 300×100. Since no canvas is
|
|
101
|
-
specified, multiple SVG elements are generated and added to the DOM. The
|
|
102
|
-
height is specified as a property, while the width is inferred from the
|
|
103
|
-
DOM. Clicking on the panel makes it darker.
|
|
104
|
-
<p>
|
|
105
|
-
|
|
106
|
-
</body>
|
|
107
|
-
</html>
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Fill</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var vis = new pv.Panel()
|
|
10
|
-
.width(300)
|
|
11
|
-
.height(200)
|
|
12
|
-
.top(100)
|
|
13
|
-
.bottom(100)
|
|
14
|
-
.left(100)
|
|
15
|
-
.right(100);
|
|
16
|
-
|
|
17
|
-
vis.anchor("top").add(pv.Dot)
|
|
18
|
-
.shapeSize(1000)
|
|
19
|
-
.fillStyle("#ccc")
|
|
20
|
-
.strokeStyle(null)
|
|
21
|
-
.anchor("center").add(pv.Label)
|
|
22
|
-
.text("BELOW");
|
|
23
|
-
|
|
24
|
-
var panel = vis.add(pv.Panel)
|
|
25
|
-
.fillStyle("hsl(0,50%,50%)")
|
|
26
|
-
.strokeStyle("hsla(220,50%,50%,.5)")
|
|
27
|
-
.lineWidth(20);
|
|
28
|
-
|
|
29
|
-
panel.anchor("bottom").add(pv.Dot)
|
|
30
|
-
.shapeSize(1000)
|
|
31
|
-
.fillStyle("#ccc")
|
|
32
|
-
.strokeStyle(null)
|
|
33
|
-
.anchor("center").add(pv.Label)
|
|
34
|
-
.text("INSIDE");
|
|
35
|
-
|
|
36
|
-
panel.anchor("center").add(pv.Label)
|
|
37
|
-
.text("This is a red panel with a translucent blue border.");
|
|
38
|
-
|
|
39
|
-
vis.anchor("right").add(pv.Dot)
|
|
40
|
-
.shapeSize(1000)
|
|
41
|
-
.fillStyle("#ccc")
|
|
42
|
-
.strokeStyle(null)
|
|
43
|
-
.anchor("center").add(pv.Label)
|
|
44
|
-
.text("ABOVE");
|
|
45
|
-
|
|
46
|
-
vis.render();
|
|
47
|
-
|
|
48
|
-
</script>
|
|
49
|
-
</body>
|
|
50
|
-
</html>
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<html>
|
|
2
|
-
<head>
|
|
3
|
-
<title>Panel Transform</title>
|
|
4
|
-
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
<script type="text/javascript+protovis">
|
|
8
|
-
|
|
9
|
-
var lines = pv.range(0, 1001, 100),
|
|
10
|
-
mouse;
|
|
11
|
-
|
|
12
|
-
var vis = new pv.Panel()
|
|
13
|
-
.width(1000)
|
|
14
|
-
.height(1000)
|
|
15
|
-
.top(10)
|
|
16
|
-
.left(10)
|
|
17
|
-
.right(10)
|
|
18
|
-
.bottom(10)
|
|
19
|
-
.event("mousedown", pv.Behavior.pan())
|
|
20
|
-
.event("mousewheel", pv.Behavior.zoom())
|
|
21
|
-
.event("mousemove", function() (mouse = this.mouse(), this))
|
|
22
|
-
.fillStyle("#fff");
|
|
23
|
-
|
|
24
|
-
vis.add(pv.Rule)
|
|
25
|
-
.data(lines)
|
|
26
|
-
.strokeStyle(function() this.index % 2 ? "#aaa" : "#666")
|
|
27
|
-
.left(pv.identity)
|
|
28
|
-
.add(pv.Rule)
|
|
29
|
-
.left(null)
|
|
30
|
-
.top(pv.identity);
|
|
31
|
-
|
|
32
|
-
vis.add(pv.Panel)
|
|
33
|
-
.data(lines)
|
|
34
|
-
.add(pv.Dot)
|
|
35
|
-
.data(lines)
|
|
36
|
-
.left(function(x, y) x)
|
|
37
|
-
.top(function(x, y) y)
|
|
38
|
-
.add(pv.Label)
|
|
39
|
-
.text(function(x, y) x + ", " + y);
|
|
40
|
-
|
|
41
|
-
vis.add(pv.Dot)
|
|
42
|
-
.data(function() [mouse])
|
|
43
|
-
.visible(pv.identity)
|
|
44
|
-
.left(function(d) d.x)
|
|
45
|
-
.top(function(d) d.y)
|
|
46
|
-
.add(pv.Label)
|
|
47
|
-
.text(function(d) Math.round(d.x) + ", " + Math.round(d.y));
|
|
48
|
-
|
|
49
|
-
vis.render();
|
|
50
|
-
|
|
51
|
-
</script>
|
|
52
|
-
</body>
|
|
53
|
-
</html>
|