rubyvis 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/History.txt +6 -1
- data/Manifest.txt +421 -1
- data/README.txt +12 -10
- data/examples/first.rb +2 -2
- data/examples/second.rb +6 -3
- data/lib/rubyvis.rb +18 -3
- data/lib/rubyvis/mark.rb +101 -83
- data/lib/rubyvis/mark/anchor.rb +5 -7
- data/lib/rubyvis/mark/area.rb +19 -17
- data/lib/rubyvis/mark/bar.rb +3 -10
- data/lib/rubyvis/mark/label.rb +3 -4
- data/lib/rubyvis/mark/line.rb +20 -4
- data/lib/rubyvis/mark/panel.rb +31 -6
- data/lib/rubyvis/mark/rule.rb +8 -4
- data/lib/rubyvis/property.rb +11 -0
- data/lib/rubyvis/scene/svg_label.rb +1 -1
- data/lib/rubyvis/scene/svg_scene.rb +2 -1
- data/lib/rubyvis/sceneelement.rb +2 -0
- data/spec/bar_spec.rb +50 -0
- data/spec/label_spec.rb +41 -0
- data/spec/mark_spec.rb +16 -0
- data/spec/panel_spec.rb +22 -4
- data/spec/spec_helper.rb +1 -0
- data/vendor/FUTURE +62 -0
- data/vendor/Makefile +138 -0
- data/vendor/TODO +22 -0
- data/vendor/examples/antibiotics/antibiotics-scatter.html +113 -0
- data/vendor/examples/antibiotics/antibiotics.html +140 -0
- data/vendor/examples/antibiotics/antibiotics.js +20 -0
- data/vendor/examples/barley/barley.html +102 -0
- data/vendor/examples/barley/barley.js +122 -0
- data/vendor/examples/cars/cars.html +90 -0
- data/vendor/examples/cars/cars.js +408 -0
- data/vendor/examples/clock/clock.html +91 -0
- data/vendor/examples/crimea/crimea-grouped-bar.html +65 -0
- data/vendor/examples/crimea/crimea-line.html +61 -0
- data/vendor/examples/crimea/crimea-stacked-area.html +61 -0
- data/vendor/examples/crimea/crimea-stacked-bar.html +60 -0
- data/vendor/examples/crimea/crimea.html +100 -0
- data/vendor/examples/crimea/crimea.js +33 -0
- data/vendor/examples/downloadify/LICENSE.txt +22 -0
- data/vendor/examples/downloadify/download.png +0 -0
- data/vendor/examples/downloadify/downloadify.html +57 -0
- data/vendor/examples/downloadify/downloadify.min.js +3 -0
- data/vendor/examples/downloadify/downloadify.swf +0 -0
- data/vendor/examples/downloadify/swfobject.js +4 -0
- data/vendor/examples/ex.css +17 -0
- data/vendor/examples/eyes/eyes.html +53 -0
- data/vendor/examples/eyes/matrix.html +44 -0
- data/vendor/examples/flowers/flowers.html +109 -0
- data/vendor/examples/flowers/flowers.js +154 -0
- data/vendor/examples/group-stack/group-stack.html +79 -0
- data/vendor/examples/group-stack/headcount.js +23 -0
- data/vendor/examples/hotel/hotel.html +76 -0
- data/vendor/examples/hotel/hotel.js +245 -0
- data/vendor/examples/jobs/jobs.html +71 -0
- data/vendor/examples/jobs/jobs.js +1024 -0
- data/vendor/examples/jquery-1.4.2.min.js +154 -0
- data/vendor/examples/nba/nba.html +83 -0
- data/vendor/examples/nba/nba.js +53 -0
- data/vendor/examples/nba/nba2.html +82 -0
- data/vendor/examples/sankey/gdp2009.js +184 -0
- data/vendor/examples/sankey/sankey.html +77 -0
- data/vendor/examples/slider/cell.html +112 -0
- data/vendor/examples/slider/cell.js +31 -0
- data/vendor/examples/slider/horizon.html +85 -0
- data/vendor/examples/slider/jquery-ui-1.8rc3.custom.min.js +71 -0
- data/vendor/examples/slider/slider.html +50 -0
- 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 +2 -0
- data/vendor/examples/slider/ui-lightness/images/ui-icons_228ef1_256x240.png +2 -0
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ef8c08_256x240.png +2 -0
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ffd27a_256x240.png +2 -0
- data/vendor/examples/slider/ui-lightness/images/ui-icons_ffffff_256x240.png +2 -0
- data/vendor/examples/slider/ui-lightness/jquery-ui-1.8rc3.custom.css +302 -0
- data/vendor/examples/tipsy/jquery.tipsy.js +198 -0
- data/vendor/examples/tipsy/tipsy-bar.html +65 -0
- data/vendor/examples/tipsy/tipsy-line.html +67 -0
- data/vendor/examples/tipsy/tipsy.css +12 -0
- data/vendor/examples/tipsy/tipsy.gif +0 -0
- data/vendor/examples/tipsy/tipsy.js +66 -0
- data/vendor/examples/weather/weather.html +86 -0
- data/vendor/examples/weather/weather.js +42 -0
- data/vendor/examples/wheat/wheat.html +130 -0
- data/vendor/examples/wheat/wheat.js +70 -0
- data/vendor/lib/google-compiler/COPYING +202 -0
- data/vendor/lib/google-compiler/README +224 -0
- data/vendor/lib/google-compiler/compiler-20100201.jar +0 -0
- data/vendor/protovis-d3.3.js +15726 -0
- data/vendor/protovis-r3.3.js +287 -0
- data/vendor/src/behavior/Behavior.js +32 -0
- data/vendor/src/behavior/Drag.js +112 -0
- data/vendor/src/behavior/Pan.js +110 -0
- data/vendor/src/behavior/Point.js +157 -0
- data/vendor/src/behavior/Resize.js +104 -0
- data/vendor/src/behavior/Select.js +100 -0
- data/vendor/src/behavior/Zoom.js +85 -0
- data/vendor/src/color/Color.js +598 -0
- data/vendor/src/color/Colors.js +135 -0
- data/vendor/src/color/Ramp.js +17 -0
- data/vendor/src/data/Arrays.js +277 -0
- data/vendor/src/data/Dom.js +380 -0
- data/vendor/src/data/Flatten.js +146 -0
- data/vendor/src/data/Histogram.js +120 -0
- data/vendor/src/data/LinearScale.js +54 -0
- data/vendor/src/data/LogScale.js +142 -0
- data/vendor/src/data/Nest.js +257 -0
- data/vendor/src/data/Numbers.js +313 -0
- data/vendor/src/data/Objects.js +78 -0
- data/vendor/src/data/OrdinalScale.js +267 -0
- data/vendor/src/data/QuantileScale.js +180 -0
- data/vendor/src/data/QuantitativeScale.js +440 -0
- data/vendor/src/data/RootScale.js +55 -0
- data/vendor/src/data/Scale.js +86 -0
- data/vendor/src/data/Transform.js +109 -0
- data/vendor/src/data/Tree.js +124 -0
- data/vendor/src/data/Vector.js +118 -0
- data/vendor/src/geo/Geo.js +5 -0
- data/vendor/src/geo/GeoScale.js +307 -0
- data/vendor/src/geo/LatLng.js +23 -0
- data/vendor/src/geo/Projection.js +43 -0
- data/vendor/src/geo/Projections.js +117 -0
- data/vendor/src/lang/Array.js +112 -0
- data/vendor/src/lang/init.js +26 -0
- data/vendor/src/layout/Arc.js +178 -0
- data/vendor/src/layout/Bullet.js +164 -0
- data/vendor/src/layout/Cluster.js +205 -0
- data/vendor/src/layout/Force.js +309 -0
- data/vendor/src/layout/Grid.js +119 -0
- data/vendor/src/layout/Hierarchy.js +249 -0
- data/vendor/src/layout/Horizon.js +159 -0
- data/vendor/src/layout/Indent.js +83 -0
- data/vendor/src/layout/Layout.js +56 -0
- data/vendor/src/layout/Matrix.js +177 -0
- data/vendor/src/layout/Network.js +302 -0
- data/vendor/src/layout/Pack.js +323 -0
- data/vendor/src/layout/Partition.js +203 -0
- data/vendor/src/layout/Rollup.js +203 -0
- data/vendor/src/layout/Stack.js +391 -0
- data/vendor/src/layout/Tree.js +282 -0
- data/vendor/src/layout/Treemap.js +347 -0
- data/vendor/src/mark/Anchor.js +81 -0
- data/vendor/src/mark/Area.js +268 -0
- data/vendor/src/mark/Bar.js +93 -0
- data/vendor/src/mark/Dot.js +212 -0
- data/vendor/src/mark/Ease.js +150 -0
- data/vendor/src/mark/Image.js +154 -0
- data/vendor/src/mark/Label.js +155 -0
- data/vendor/src/mark/Line.js +195 -0
- data/vendor/src/mark/Mark.js +1237 -0
- data/vendor/src/mark/Panel.js +273 -0
- data/vendor/src/mark/Rule.js +143 -0
- data/vendor/src/mark/Transient.js +7 -0
- data/vendor/src/mark/Transition.js +195 -0
- data/vendor/src/mark/Wedge.js +244 -0
- data/vendor/src/physics/BoundConstraint.js +75 -0
- data/vendor/src/physics/ChargeForce.js +184 -0
- data/vendor/src/physics/CollisionConstraint.js +113 -0
- data/vendor/src/physics/Constraint.js +26 -0
- data/vendor/src/physics/DragForce.js +49 -0
- data/vendor/src/physics/Force.js +25 -0
- data/vendor/src/physics/Particle.js +81 -0
- data/vendor/src/physics/PositionConstraint.js +72 -0
- data/vendor/src/physics/Quadtree.js +195 -0
- data/vendor/src/physics/Simulation.js +159 -0
- data/vendor/src/physics/SpringForce.js +141 -0
- data/vendor/src/pv-internals.js +154 -0
- data/vendor/src/pv.js +95 -0
- data/vendor/src/scene/SvgArea.js +172 -0
- data/vendor/src/scene/SvgBar.js +28 -0
- data/vendor/src/scene/SvgCurve.js +354 -0
- data/vendor/src/scene/SvgDot.js +81 -0
- data/vendor/src/scene/SvgImage.js +45 -0
- data/vendor/src/scene/SvgLabel.js +46 -0
- data/vendor/src/scene/SvgLine.js +159 -0
- data/vendor/src/scene/SvgPanel.js +126 -0
- data/vendor/src/scene/SvgRule.js +26 -0
- data/vendor/src/scene/SvgScene.js +185 -0
- data/vendor/src/scene/SvgWedge.js +66 -0
- data/vendor/src/text/DateFormat.js +262 -0
- data/vendor/src/text/Format.js +78 -0
- data/vendor/src/text/NumberFormat.js +227 -0
- data/vendor/src/text/TimeFormat.js +115 -0
- data/vendor/test1.html +30 -0
- data/vendor/tests/behavior/drag-events.html +47 -0
- data/vendor/tests/behavior/drag.html +32 -0
- data/vendor/tests/behavior/drag2.html +33 -0
- data/vendor/tests/behavior/point-area-stacked.html +73 -0
- data/vendor/tests/behavior/point-area-stacked2.html +70 -0
- data/vendor/tests/behavior/point-area.html +67 -0
- data/vendor/tests/behavior/point-bar.html +62 -0
- data/vendor/tests/behavior/point-dot.html +60 -0
- data/vendor/tests/behavior/point-line.html +62 -0
- data/vendor/tests/behavior/point-lines-grid.html +65 -0
- data/vendor/tests/behavior/point-lines.html +61 -0
- data/vendor/tests/behavior/point-wedge.html +43 -0
- data/vendor/tests/behavior/resize.html +69 -0
- data/vendor/tests/behavior/select.html +37 -0
- data/vendor/tests/bzr.js +62 -0
- data/vendor/tests/center.js +13 -0
- data/vendor/tests/data/deviation.html +54 -0
- data/vendor/tests/data/histogram-discrete.html +50 -0
- data/vendor/tests/data/histogram.html +56 -0
- data/vendor/tests/data/log-adjusted.html +48 -0
- data/vendor/tests/data/log-ceil.html +48 -0
- data/vendor/tests/data/log-floor.html +48 -0
- data/vendor/tests/data/log-symmetric.html +48 -0
- data/vendor/tests/data/log.html +48 -0
- data/vendor/tests/data/max-index.html +36 -0
- data/vendor/tests/data/max.html +36 -0
- data/vendor/tests/data/min-index.html +36 -0
- data/vendor/tests/data/min.html +36 -0
- data/vendor/tests/data/ordinal-split-banded.html +45 -0
- data/vendor/tests/data/ordinal-split-banded2.html +45 -0
- data/vendor/tests/data/ordinal-split-flush.html +51 -0
- data/vendor/tests/data/ordinal-split.html +51 -0
- data/vendor/tests/data/range.html +105 -0
- data/vendor/tests/data/scale-date.html +46 -0
- data/vendor/tests/data/scale-date2.html +38 -0
- data/vendor/tests/data/scale-date3.html +38 -0
- data/vendor/tests/data/scale-date4.html +38 -0
- data/vendor/tests/data/scale-degenerate.html +143 -0
- data/vendor/tests/data/scale-linear.html +59 -0
- data/vendor/tests/data/scale-log.html +60 -0
- data/vendor/tests/data/scale-log2.html +60 -0
- data/vendor/tests/data/scale-log3.html +60 -0
- data/vendor/tests/data/scale-log4.html +60 -0
- data/vendor/tests/data/scale-log5.html +60 -0
- data/vendor/tests/data/scale-log6.html +60 -0
- data/vendor/tests/data/scale-quantile.html +47 -0
- data/vendor/tests/data/scale-quantile2.html +50 -0
- data/vendor/tests/data/scale-quantile3.html +48 -0
- data/vendor/tests/data/scale-root.html +60 -0
- data/vendor/tests/data/scale-root2.html +39 -0
- data/vendor/tests/data/scale-tick-format.html +54 -0
- data/vendor/tests/data/scale-ticks.html +45 -0
- data/vendor/tests/data/sum.html +42 -0
- data/vendor/tests/data/variance.html +42 -0
- data/vendor/tests/diamond.js +40 -0
- data/vendor/tests/flare-imports.js +222 -0
- data/vendor/tests/flare.js +284 -0
- data/vendor/tests/geo/countries-hires.js +257 -0
- data/vendor/tests/geo/countries-lores.js +197 -0
- data/vendor/tests/geo/population.js +250 -0
- data/vendor/tests/geo/scale-aitoff.html +58 -0
- data/vendor/tests/geo/scale-gall-peters.html +56 -0
- data/vendor/tests/geo/scale-hammer.html +58 -0
- data/vendor/tests/geo/scale-identity.html +56 -0
- data/vendor/tests/geo/scale-mercator.html +56 -0
- data/vendor/tests/geo/scale-sinusoidal.html +57 -0
- data/vendor/tests/geo/scale-smart-domain.html +58 -0
- data/vendor/tests/geo/scale.html +55 -0
- data/vendor/tests/geo/scale2.html +40 -0
- data/vendor/tests/geo/us-states.js +61 -0
- data/vendor/tests/heatmap.js +63 -0
- data/vendor/tests/lang/globals.html +41 -0
- data/vendor/tests/lang/init.html +31 -0
- data/vendor/tests/layers.js +28 -0
- data/vendor/tests/layout/arc-directed.html +33 -0
- data/vendor/tests/layout/arc-radial.html +36 -0
- data/vendor/tests/layout/arc-undirected.html +32 -0
- data/vendor/tests/layout/arc.html +33 -0
- data/vendor/tests/layout/arc2.html +32 -0
- data/vendor/tests/layout/bullet-multiples.html +60 -0
- data/vendor/tests/layout/bullet.html +45 -0
- data/vendor/tests/layout/bullets.js +37 -0
- data/vendor/tests/layout/cluster-fill-group.html +24 -0
- data/vendor/tests/layout/cluster-fill.html +28 -0
- data/vendor/tests/layout/cluster-partition-radial-fill.html +43 -0
- data/vendor/tests/layout/cluster-radial-fill-radius.html +26 -0
- data/vendor/tests/layout/cluster-radial-fill.html +29 -0
- data/vendor/tests/layout/cluster-radial-group-fill.html +30 -0
- data/vendor/tests/layout/cluster-radial-radius.html +30 -0
- data/vendor/tests/layout/cluster-radial.html +28 -0
- data/vendor/tests/layout/cluster-radial2.html +33 -0
- data/vendor/tests/layout/cluster.html +34 -0
- data/vendor/tests/layout/cluster2.html +32 -0
- data/vendor/tests/layout/force-toggle.html +46 -0
- data/vendor/tests/layout/force.html +45 -0
- data/vendor/tests/layout/force2.html +58 -0
- data/vendor/tests/layout/force3.html +41 -0
- data/vendor/tests/layout/force4.html +45 -0
- data/vendor/tests/layout/force5.html +53 -0
- data/vendor/tests/layout/grid-cols.html +31 -0
- data/vendor/tests/layout/grid-heatmap.html +25 -0
- data/vendor/tests/layout/grid-rows.html +31 -0
- data/vendor/tests/layout/grid.html +34 -0
- data/vendor/tests/layout/horizon-color.html +31 -0
- data/vendor/tests/layout/horizon.html +31 -0
- data/vendor/tests/layout/indent-toggle.html +62 -0
- data/vendor/tests/layout/indent.html +25 -0
- data/vendor/tests/layout/indent2.html +33 -0
- data/vendor/tests/layout/matrix-sort.html +28 -0
- data/vendor/tests/layout/matrix.html +35 -0
- data/vendor/tests/layout/network.html +43 -0
- data/vendor/tests/layout/pack-bubble.html +45 -0
- data/vendor/tests/layout/pack.html +26 -0
- data/vendor/tests/layout/pack2.html +32 -0
- data/vendor/tests/layout/partition-fill.html +27 -0
- data/vendor/tests/layout/partition-fill2.html +22 -0
- data/vendor/tests/layout/partition-fill3.html +27 -0
- data/vendor/tests/layout/partition-radial-fill-radius.html +25 -0
- data/vendor/tests/layout/partition-radial-fill.html +26 -0
- data/vendor/tests/layout/partition-radial-fill2.html +23 -0
- data/vendor/tests/layout/partition-radial-fill3.html +29 -0
- data/vendor/tests/layout/partition-radial-radius.html +29 -0
- data/vendor/tests/layout/partition-radial.html +30 -0
- data/vendor/tests/layout/partition-radial2.html +33 -0
- data/vendor/tests/layout/partition.html +33 -0
- data/vendor/tests/layout/partition2.html +32 -0
- data/vendor/tests/layout/rollup.html +50 -0
- data/vendor/tests/layout/stack-empty.html +27 -0
- data/vendor/tests/layout/stack-expand.html +41 -0
- data/vendor/tests/layout/stack-reverse.html +42 -0
- data/vendor/tests/layout/stack-right.html +42 -0
- data/vendor/tests/layout/stack-rule.html +61 -0
- data/vendor/tests/layout/stack-visible.html +43 -0
- data/vendor/tests/layout/stack.html +53 -0
- data/vendor/tests/layout/tree-radial.html +31 -0
- data/vendor/tests/layout/tree-radial2.html +34 -0
- data/vendor/tests/layout/tree-toggle.html +36 -0
- data/vendor/tests/layout/tree.html +31 -0
- data/vendor/tests/layout/tree2.html +35 -0
- data/vendor/tests/layout/treemap-hierarchy.html +40 -0
- data/vendor/tests/layout/treemap-margin.html +26 -0
- data/vendor/tests/layout/treemap-round.html +40 -0
- data/vendor/tests/layout/treemap-slice.html +34 -0
- data/vendor/tests/layout/treemap.html +37 -0
- data/vendor/tests/life.js +212 -0
- data/vendor/tests/mark/anchor.html +25 -0
- data/vendor/tests/mark/area-anchor-chain.html +42 -0
- data/vendor/tests/mark/area-anchor-line.html +57 -0
- data/vendor/tests/mark/area-anchor-stack.html +35 -0
- data/vendor/tests/mark/area-anchor.html +43 -0
- data/vendor/tests/mark/area-anchor2.html +33 -0
- data/vendor/tests/mark/area-cardinal.html +57 -0
- data/vendor/tests/mark/area-monotone.html +57 -0
- data/vendor/tests/mark/area-segmented-basis.html +30 -0
- data/vendor/tests/mark/area-segmented-cardinal.html +30 -0
- data/vendor/tests/mark/area-segmented-monotone.html +30 -0
- data/vendor/tests/mark/area-segmented-step.html +44 -0
- data/vendor/tests/mark/area-segmented.html +29 -0
- data/vendor/tests/mark/area-stacked-cardinal.html +54 -0
- data/vendor/tests/mark/area-stacked-monotone.html +54 -0
- data/vendor/tests/mark/area-stacked.html +53 -0
- data/vendor/tests/mark/area-step.html +43 -0
- data/vendor/tests/mark/area-zero.html +32 -0
- data/vendor/tests/mark/area.html +57 -0
- data/vendor/tests/mark/bar-anchor-stack.html +51 -0
- data/vendor/tests/mark/bar-anchor.html +44 -0
- data/vendor/tests/mark/bar-column-grouped.html +63 -0
- data/vendor/tests/mark/bar-column-stacked.html +56 -0
- data/vendor/tests/mark/bar-column.html +54 -0
- data/vendor/tests/mark/bar-grouped.html +63 -0
- data/vendor/tests/mark/bar-stacked.html +57 -0
- data/vendor/tests/mark/bar.html +54 -0
- data/vendor/tests/mark/cursor.html +41 -0
- data/vendor/tests/mark/def-type.html +23 -0
- data/vendor/tests/mark/dot-anchor.html +33 -0
- data/vendor/tests/mark/dot-radius.html +22 -0
- data/vendor/tests/mark/dot-stroke.html +43 -0
- data/vendor/tests/mark/dot.html +52 -0
- data/vendor/tests/mark/dot2.html +61 -0
- data/vendor/tests/mark/ease.html +90 -0
- data/vendor/tests/mark/event-dblclick.html +30 -0
- data/vendor/tests/mark/event-prototype.html +45 -0
- data/vendor/tests/mark/event-render.html +45 -0
- data/vendor/tests/mark/event.html +24 -0
- data/vendor/tests/mark/image-color-inherit.html +33 -0
- data/vendor/tests/mark/image-color.html +35 -0
- data/vendor/tests/mark/image-color2.html +35 -0
- data/vendor/tests/mark/image-heatmap.html +29 -0
- data/vendor/tests/mark/image.html +32 -0
- data/vendor/tests/mark/label-break.html +54 -0
- data/vendor/tests/mark/label-decoration.html +22 -0
- data/vendor/tests/mark/label-events.html +32 -0
- data/vendor/tests/mark/line-anchor.html +42 -0
- data/vendor/tests/mark/line-basis.html +54 -0
- data/vendor/tests/mark/line-brownian.html +57 -0
- data/vendor/tests/mark/line-cardinal.html +77 -0
- data/vendor/tests/mark/line-catmull-rom.html +78 -0
- data/vendor/tests/mark/line-curve.html +65 -0
- data/vendor/tests/mark/line-eccentricity.html +39 -0
- data/vendor/tests/mark/line-fill.html +24 -0
- data/vendor/tests/mark/line-join.html +51 -0
- data/vendor/tests/mark/line-monotone-non-monotone.html +53 -0
- data/vendor/tests/mark/line-monotone-two-way.html +61 -0
- data/vendor/tests/mark/line-monotone.html +53 -0
- data/vendor/tests/mark/line-polar.html +36 -0
- data/vendor/tests/mark/line-segmented-basis.html +57 -0
- data/vendor/tests/mark/line-segmented-cardinal.html +80 -0
- data/vendor/tests/mark/line-segmented-join.html +52 -0
- data/vendor/tests/mark/line-segmented-monotone.html +56 -0
- data/vendor/tests/mark/line-segmented-polar.html +30 -0
- data/vendor/tests/mark/line-segmented-step.html +41 -0
- data/vendor/tests/mark/line-segmented-step2.html +32 -0
- data/vendor/tests/mark/line-segmented.html +30 -0
- data/vendor/tests/mark/line-step.html +39 -0
- data/vendor/tests/mark/line-tension.html +59 -0
- data/vendor/tests/mark/line.html +51 -0
- data/vendor/tests/mark/panel-anchor.html +37 -0
- data/vendor/tests/mark/panel-anchor2.html +31 -0
- data/vendor/tests/mark/panel-anchor3.html +22 -0
- data/vendor/tests/mark/panel-anchor4.html +28 -0
- data/vendor/tests/mark/panel-anchor5.html +28 -0
- data/vendor/tests/mark/panel-append.html +29 -0
- data/vendor/tests/mark/panel-canvas.html +107 -0
- data/vendor/tests/mark/panel-fill.html +50 -0
- data/vendor/tests/mark/panel-mouse.html +53 -0
- data/vendor/tests/mark/panel-transform.html +67 -0
- data/vendor/tests/mark/property-cast.html +24 -0
- data/vendor/tests/mark/render-partial.html +42 -0
- data/vendor/tests/mark/rule-anchor.html +29 -0
- data/vendor/tests/mark/title.html +41 -0
- data/vendor/tests/mark/transition-anchor.html +47 -0
- data/vendor/tests/mark/transition-wedge.html +47 -0
- data/vendor/tests/mark/transition.html +106 -0
- data/vendor/tests/mark/wedge-donut.html +35 -0
- data/vendor/tests/mark/wedge-implied.html +42 -0
- data/vendor/tests/mark/wedge-pie.html +37 -0
- data/vendor/tests/mark/wedge-ring.html +27 -0
- data/vendor/tests/miserables.js +348 -0
- data/vendor/tests/physics/dorling.html +70 -0
- data/vendor/tests/physics/simulation.html +56 -0
- data/vendor/tests/social.js +28 -0
- data/vendor/tests/stanford.png +0 -0
- data/vendor/tests/style.css +5 -0
- data/vendor/tests/testify.css +29 -0
- data/vendor/tests/testify.js +16 -0
- data/vendor/tests/text/format-number.html +75 -0
- data/web/first.svg +1 -0
- data/web/index.html +48 -0
- metadata +434 -31
- data.tar.gz.sig +0 -0
- metadata.gz.sig +0 -2
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Dot Radius</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
|
+
|
|
13
|
+
vis.add(pv.Dot)
|
|
14
|
+
.def("left", 100)
|
|
15
|
+
.def("top", 100)
|
|
16
|
+
.def("shapeRadius", 90);
|
|
17
|
+
|
|
18
|
+
vis.render();
|
|
19
|
+
|
|
20
|
+
</script>
|
|
21
|
+
</body>
|
|
22
|
+
</html>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Dot Stroke</title>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
<link type="text/css" href="../style.css" rel="stylesheet"/>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<script type="text/javascript+protovis">
|
|
9
|
+
|
|
10
|
+
var vis = new pv.Panel()
|
|
11
|
+
.width(500)
|
|
12
|
+
.height(200)
|
|
13
|
+
.top(100)
|
|
14
|
+
.bottom(100);
|
|
15
|
+
|
|
16
|
+
vis.anchor("top").add(pv.Dot)
|
|
17
|
+
.shape("circle")
|
|
18
|
+
.shapeSize(3000)
|
|
19
|
+
.fillStyle("lightcoral")
|
|
20
|
+
.strokeStyle("hsla(240,50%,50%,.5)")
|
|
21
|
+
.lineWidth(10)
|
|
22
|
+
.event("mousedown", function() this.lineWidth(this.lineWidth() + 20))
|
|
23
|
+
.anchor("center").add(pv.Label)
|
|
24
|
+
.text("DO NOT PUSH");
|
|
25
|
+
|
|
26
|
+
vis.anchor("bottom").add(pv.Dot)
|
|
27
|
+
.shape("square")
|
|
28
|
+
.shapeSize(1000)
|
|
29
|
+
.fillStyle("lightcoral")
|
|
30
|
+
.strokeStyle("hsla(240,50%,50%,.5)")
|
|
31
|
+
.lineWidth(10)
|
|
32
|
+
.event("mousedown", function() this.lineWidth(this.lineWidth() + 20));
|
|
33
|
+
|
|
34
|
+
vis.render();
|
|
35
|
+
|
|
36
|
+
</script><p>
|
|
37
|
+
|
|
38
|
+
When paths have very thick stroke widths, the stroke path can self-intersect.
|
|
39
|
+
This test checks that the stroke path is stroked using the nonzero rather than
|
|
40
|
+
evenodd winding rule.
|
|
41
|
+
|
|
42
|
+
</body>
|
|
43
|
+
</html>
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Scatterplot</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(100).map(Math.random);
|
|
10
|
+
|
|
11
|
+
var w = 400,
|
|
12
|
+
h = 400,
|
|
13
|
+
x = pv.Scale.linear(0, 99).range(0, w),
|
|
14
|
+
y = pv.Scale.linear(0, 1).range(0, h),
|
|
15
|
+
c = pv.Scale.linear(0, 1).range("orange", "brown");
|
|
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
|
+
.strokeStyle("#ccc");
|
|
25
|
+
|
|
26
|
+
vis.add(pv.Rule)
|
|
27
|
+
.data(y.ticks())
|
|
28
|
+
.bottom(y)
|
|
29
|
+
.strokeStyle("#eee")
|
|
30
|
+
.anchor("left").add(pv.Label)
|
|
31
|
+
.text(y.tickFormat);
|
|
32
|
+
|
|
33
|
+
vis.add(pv.Rule)
|
|
34
|
+
.data(x.ticks())
|
|
35
|
+
.left(x)
|
|
36
|
+
.strokeStyle("#eee")
|
|
37
|
+
.anchor("bottom").add(pv.Label)
|
|
38
|
+
.visible(function(d) d > 0)
|
|
39
|
+
.text(x.tickFormat);
|
|
40
|
+
|
|
41
|
+
vis.add(pv.Dot)
|
|
42
|
+
.data(data)
|
|
43
|
+
.left(function() x(this.index))
|
|
44
|
+
.bottom(y)
|
|
45
|
+
.strokeStyle(c)
|
|
46
|
+
.fillStyle(function() this.strokeStyle().alpha(.2));
|
|
47
|
+
|
|
48
|
+
vis.render();
|
|
49
|
+
|
|
50
|
+
</script>
|
|
51
|
+
</body>
|
|
52
|
+
</html>
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Scatterplot</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(100).map(function(x) {
|
|
10
|
+
return {x:x, y:Math.random(), z:Math.pow(10, 2 * Math.random())};
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
/* Sizing and scales. */
|
|
14
|
+
var w = 400,
|
|
15
|
+
h = 400,
|
|
16
|
+
x = pv.Scale.linear(0, 99).range(0, w),
|
|
17
|
+
y = pv.Scale.linear(0, 1).range(0, h),
|
|
18
|
+
c = pv.Scale.log(1, 100).range("orange", "brown");
|
|
19
|
+
|
|
20
|
+
/* The root panel. */
|
|
21
|
+
var vis = new pv.Panel()
|
|
22
|
+
.width(w)
|
|
23
|
+
.height(h)
|
|
24
|
+
.bottom(20)
|
|
25
|
+
.left(20)
|
|
26
|
+
.right(10)
|
|
27
|
+
.top(5);
|
|
28
|
+
|
|
29
|
+
/* Y-axis and ticks. */
|
|
30
|
+
vis.add(pv.Rule)
|
|
31
|
+
.data(y.ticks())
|
|
32
|
+
.bottom(y)
|
|
33
|
+
.strokeStyle(function(d) d ? "#eee" : "#000")
|
|
34
|
+
.anchor("left").add(pv.Label)
|
|
35
|
+
.text(y.tickFormat);
|
|
36
|
+
|
|
37
|
+
/* X-axis and ticks. */
|
|
38
|
+
vis.add(pv.Rule)
|
|
39
|
+
.data(x.ticks())
|
|
40
|
+
.left(x)
|
|
41
|
+
.strokeStyle(function(d) d ? "#eee" : "#000")
|
|
42
|
+
.anchor("bottom").add(pv.Label)
|
|
43
|
+
.visible(function(d) d > 0)
|
|
44
|
+
.text(x.tickFormat);
|
|
45
|
+
|
|
46
|
+
/* The dot plot! */
|
|
47
|
+
var dot = vis.add(pv.Panel)
|
|
48
|
+
.data(data)
|
|
49
|
+
.add(pv.Dot)
|
|
50
|
+
.left(function(d) x(d.x))
|
|
51
|
+
.bottom(function(d) y(d.y))
|
|
52
|
+
.strokeStyle(function(d) c(d.z))
|
|
53
|
+
.fillStyle(function() this.strokeStyle().alpha(.2))
|
|
54
|
+
.shapeSize(function(d) d.z)
|
|
55
|
+
.title(function(d) d.z);
|
|
56
|
+
|
|
57
|
+
vis.render();
|
|
58
|
+
|
|
59
|
+
</script>
|
|
60
|
+
</body>
|
|
61
|
+
</html>
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Ease</title>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
</head>
|
|
6
|
+
<body>
|
|
7
|
+
<select id="menu" onchange="ease = pv.ease(this.value); vis.render();">
|
|
8
|
+
<option value="linear">linear</option>
|
|
9
|
+
<option value="quad-in">quad-in</option>
|
|
10
|
+
<option value="quad-out">quad-out</option>
|
|
11
|
+
<option value="quad-in-out">quad-in-out</option>
|
|
12
|
+
<option value="quad-out-in">quad-out-in</option>
|
|
13
|
+
<option value="cubic-in">cubic-in</option>
|
|
14
|
+
<option value="cubic-out">cubic-out</option>
|
|
15
|
+
<option value="cubic-in-out">cubic-in-out</option>
|
|
16
|
+
<option value="cubic-out-in">cubic-out-in</option>
|
|
17
|
+
<option value="sin-in">sin-in</option>
|
|
18
|
+
<option value="sin-out">sin-out</option>
|
|
19
|
+
<option value="sin-in-out">sin-in-out</option>
|
|
20
|
+
<option value="sin-out-in">sin-out-in</option>
|
|
21
|
+
<option value="exp-in">exp-in</option>
|
|
22
|
+
<option value="exp-out">exp-out</option>
|
|
23
|
+
<option value="exp-in-out">exp-in-out</option>
|
|
24
|
+
<option value="exp-out-in">exp-out-in</option>
|
|
25
|
+
<option value="circle-in">circle-in</option>
|
|
26
|
+
<option value="circle-out">circle-out</option>
|
|
27
|
+
<option value="circle-in-out">circle-in-out</option>
|
|
28
|
+
<option value="circle-out-in">circle-out-in</option>
|
|
29
|
+
<option value="elastic-in">elastic-in</option>
|
|
30
|
+
<option value="elastic-out">elastic-out</option>
|
|
31
|
+
<option value="elastic-in-out">elastic-in-out</option>
|
|
32
|
+
<option value="elastic-out-in">elastic-out-in</option>
|
|
33
|
+
<option value="back-in">back-in</option>
|
|
34
|
+
<option value="back-out">back-out</option>
|
|
35
|
+
<option value="back-in-out">back-in-out</option>
|
|
36
|
+
<option value="back-out-in">back-out-in</option>
|
|
37
|
+
<option value="bounce-in">bounce-in</option>
|
|
38
|
+
<option value="bounce-out">bounce-out</option>
|
|
39
|
+
<option value="bounce-in-out">bounce-in-out</option>
|
|
40
|
+
<option value="bounce-out-in">bounce-out-in</option>
|
|
41
|
+
</select><br>
|
|
42
|
+
<script type="text/javascript+protovis">
|
|
43
|
+
|
|
44
|
+
var ease = pv.ease("linear");
|
|
45
|
+
|
|
46
|
+
var w = 500,
|
|
47
|
+
h = 750,
|
|
48
|
+
x = pv.Scale.linear(0, 1).range(0, w),
|
|
49
|
+
y = pv.Scale.linear(-.25, 1.25).range(0, h);
|
|
50
|
+
|
|
51
|
+
var vis = new pv.Panel()
|
|
52
|
+
.width(w)
|
|
53
|
+
.height(h)
|
|
54
|
+
.margin(20);
|
|
55
|
+
|
|
56
|
+
vis.add(pv.Rule)
|
|
57
|
+
.data(x.ticks())
|
|
58
|
+
.left(x)
|
|
59
|
+
.strokeStyle("#ddd")
|
|
60
|
+
.anchor("bottom").add(pv.Label)
|
|
61
|
+
.text(x.tickFormat);
|
|
62
|
+
|
|
63
|
+
vis.add(pv.Rule)
|
|
64
|
+
.data(y.ticks(20))
|
|
65
|
+
.bottom(y)
|
|
66
|
+
.strokeStyle("#ddd")
|
|
67
|
+
.anchor("left").add(pv.Label)
|
|
68
|
+
.text(y.tickFormat);
|
|
69
|
+
|
|
70
|
+
vis.add(pv.Rule)
|
|
71
|
+
.data([0, 1])
|
|
72
|
+
.bottom(y)
|
|
73
|
+
.strokeStyle("#000");
|
|
74
|
+
|
|
75
|
+
vis.add(pv.Rule)
|
|
76
|
+
.data([0, 1])
|
|
77
|
+
.left(x)
|
|
78
|
+
.strokeStyle("#000");
|
|
79
|
+
|
|
80
|
+
vis.add(pv.Line)
|
|
81
|
+
.data(function() pv.range(0, 1.001, .001).map(function(t) ({x:t, y:ease(t)})))
|
|
82
|
+
.left(function(d) x(d.x))
|
|
83
|
+
.bottom(function(d) y(d.y));
|
|
84
|
+
|
|
85
|
+
vis.render();
|
|
86
|
+
menu.focus();
|
|
87
|
+
|
|
88
|
+
</script>
|
|
89
|
+
</body>
|
|
90
|
+
</html>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Double Click</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
|
+
.strokeStyle("black")
|
|
13
|
+
.lineWidth(10)
|
|
14
|
+
.fillStyle("lightgreen")
|
|
15
|
+
.event("click", function() label1.text("click"))
|
|
16
|
+
.event("dblclick", function() label1.text("dblclick"))
|
|
17
|
+
.event("mousedown", function() label2.text("mousedown"))
|
|
18
|
+
.event("mouseup", function() label2.text("mouseup"));
|
|
19
|
+
|
|
20
|
+
var label1 = vis.anchor("center").add(pv.Label)
|
|
21
|
+
.textBaseline("bottom");
|
|
22
|
+
|
|
23
|
+
var label2 = vis.anchor("center").add(pv.Label)
|
|
24
|
+
.textBaseline("top");
|
|
25
|
+
|
|
26
|
+
vis.render();
|
|
27
|
+
|
|
28
|
+
</script>
|
|
29
|
+
</body>
|
|
30
|
+
</html>
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Event Prototype</title>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
<link type="text/css" href="../style.css" rel="stylesheet"/>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<script type="text/javascript+protovis">
|
|
9
|
+
|
|
10
|
+
var vis = new pv.Panel()
|
|
11
|
+
.width(285)
|
|
12
|
+
.height(200)
|
|
13
|
+
.strokeStyle("black")
|
|
14
|
+
.lineWidth(10);
|
|
15
|
+
|
|
16
|
+
var panel = vis.add(pv.Panel)
|
|
17
|
+
.data(pv.range(10))
|
|
18
|
+
.top(function(d) d * 20)
|
|
19
|
+
.transform(function(d) pv.Transform.identity.translate(d * 10, 0).scale(d))
|
|
20
|
+
.fillStyle("green")
|
|
21
|
+
.event("mouseover", function() label.textStyle("white").i(pv.Mark.prototype.index))
|
|
22
|
+
.event("mouseout", function() label.textStyle("black").i(-1));
|
|
23
|
+
|
|
24
|
+
var label = panel.add(pv.Rule)
|
|
25
|
+
.top(0)
|
|
26
|
+
.left(0)
|
|
27
|
+
.width(10)
|
|
28
|
+
.anchor("right").add(pv.Label)
|
|
29
|
+
.def("i", -1)
|
|
30
|
+
.text(function() this.i() > 0 ? this.scale + " / " + this.i() : "MOUSEOVER ME");
|
|
31
|
+
|
|
32
|
+
vis.render();
|
|
33
|
+
|
|
34
|
+
</script><p>
|
|
35
|
+
|
|
36
|
+
This test verifies that partial rendering correctly observes the current scale
|
|
37
|
+
(the text size should not change); it verifies that the <tt>scale</tt> and
|
|
38
|
+
<tt>index</tt> properties are set inside event handlers (on mouseover, the text
|
|
39
|
+
labels should read "1 / 1" etc.); it verifies that partial rendering
|
|
40
|
+
wires up the scene of preceding siblings, so as to allow property chaining (no
|
|
41
|
+
crashes); lastly it verifies that when a panel triggers an event, its children
|
|
42
|
+
have a <tt>scene</tt> attribute set, but no index.
|
|
43
|
+
|
|
44
|
+
</body>
|
|
45
|
+
</html>
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Event Render</title>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
<link type="text/css" href="../style.css" rel="stylesheet"/>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<script type="text/javascript+protovis">
|
|
9
|
+
|
|
10
|
+
var vis = new pv.Panel()
|
|
11
|
+
.width(200)
|
|
12
|
+
.height(200)
|
|
13
|
+
.strokeStyle("black")
|
|
14
|
+
.lineWidth(10);
|
|
15
|
+
|
|
16
|
+
var bar = vis.add(pv.Bar)
|
|
17
|
+
.fillStyle("green")
|
|
18
|
+
.event("mouseover", function() {
|
|
19
|
+
this.fillStyle("lightgreen").render();
|
|
20
|
+
label.text(this.fillStyle().color);
|
|
21
|
+
vis.render();
|
|
22
|
+
})
|
|
23
|
+
.event("mouseout", function() {
|
|
24
|
+
this.fillStyle("green");
|
|
25
|
+
label.text("*** rgb(144,238,144) ***");
|
|
26
|
+
vis.render();
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
var label = bar.anchor("center").add(pv.Label)
|
|
30
|
+
.text("MOUSEOVER ME");
|
|
31
|
+
|
|
32
|
+
vis.render();
|
|
33
|
+
|
|
34
|
+
</script><p>
|
|
35
|
+
|
|
36
|
+
This test verifies that <tt>render</tt> does not lose scene context.<p>
|
|
37
|
+
|
|
38
|
+
This test works by redefining the <tt>fillStyle</tt> on the bar on
|
|
39
|
+
mouseover. The bar is immediately rendered, and then the label's text property
|
|
40
|
+
is set to the evaluated <tt>fillStyle</tt>. This property value can be queried
|
|
41
|
+
because rendering does not blindly erase the <tt>scene</tt> and <tt>index</tt>
|
|
42
|
+
attributes associated with bar after rendering.
|
|
43
|
+
|
|
44
|
+
</body>
|
|
45
|
+
</html>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Event</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
|
+
.strokeStyle("black")
|
|
13
|
+
.lineWidth(10)
|
|
14
|
+
.fillStyle("green")
|
|
15
|
+
.event("mouseover", function() label.text(pv.event))
|
|
16
|
+
.event("mouseout", function() label.text(""));
|
|
17
|
+
|
|
18
|
+
var label = vis.anchor("center").add(pv.Label);
|
|
19
|
+
|
|
20
|
+
vis.render();
|
|
21
|
+
|
|
22
|
+
</script>
|
|
23
|
+
</body>
|
|
24
|
+
</html>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Image</title>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
<link type="text/css" href="../style.css" rel="stylesheet"/>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<script type="text/javascript+protovis">
|
|
9
|
+
|
|
10
|
+
var vis = new pv.Panel()
|
|
11
|
+
.width(300)
|
|
12
|
+
.height(300)
|
|
13
|
+
.fillStyle("#F7E7BA");
|
|
14
|
+
|
|
15
|
+
vis.add(pv.Image)
|
|
16
|
+
.data([{a: 10, b: 40, c: 30, color: "#89B7D9"}])
|
|
17
|
+
.imageWidth(150)
|
|
18
|
+
.imageHeight(150)
|
|
19
|
+
.image(function(x, y, d)
|
|
20
|
+
((x + d.c) % d.b < d.a) && (x & 1 ^ y & 1)
|
|
21
|
+
|| ((y + d.c) % d.b < d.a) && !(x & 1 ^ y & 1)
|
|
22
|
+
? d.color : null)
|
|
23
|
+
.add(pv.Image)
|
|
24
|
+
.data([{a: 4, b: 40, c: 7, color: "#705551"}]);
|
|
25
|
+
|
|
26
|
+
vis.render();
|
|
27
|
+
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<p>This test verifies that the <tt>image</tt> psuedo-property is inherited.
|
|
31
|
+
You should see a pleasant tartan.
|
|
32
|
+
</body>
|
|
33
|
+
</html>
|