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,86 @@
|
|
1
|
+
/**
|
2
|
+
* Abstract; see the various scale implementations.
|
3
|
+
*
|
4
|
+
* @class Represents a scale; a function that performs a transformation from
|
5
|
+
* data domain to visual range. For quantitative and quantile scales, the domain
|
6
|
+
* is expressed as numbers; for ordinal scales, the domain is expressed as
|
7
|
+
* strings (or equivalently objects with unique string representations). The
|
8
|
+
* "visual range" may correspond to pixel space, colors, font sizes, and the
|
9
|
+
* like.
|
10
|
+
*
|
11
|
+
* <p>Note that scales are functions, and thus can be used as properties
|
12
|
+
* directly, assuming that the data associated with a mark is a number. While
|
13
|
+
* this is convenient for single-use scales, frequently it is desirable to
|
14
|
+
* define scales globally:
|
15
|
+
*
|
16
|
+
* <pre>var y = pv.Scale.linear(0, 100).range(0, 640);</pre>
|
17
|
+
*
|
18
|
+
* The <tt>y</tt> scale can now be equivalently referenced within a property:
|
19
|
+
*
|
20
|
+
* <pre> .height(function(d) y(d))</pre>
|
21
|
+
*
|
22
|
+
* Alternatively, if the data are not simple numbers, the appropriate value can
|
23
|
+
* be passed to the <tt>y</tt> scale (e.g., <tt>d.foo</tt>). The {@link #by}
|
24
|
+
* method similarly allows the data to be mapped to a numeric value before
|
25
|
+
* performing the linear transformation.
|
26
|
+
*
|
27
|
+
* @see pv.Scale.quantitative
|
28
|
+
* @see pv.Scale.quantile
|
29
|
+
* @see pv.Scale.ordinal
|
30
|
+
* @extends function
|
31
|
+
*/
|
32
|
+
pv.Scale = function() {};
|
33
|
+
|
34
|
+
/**
|
35
|
+
* @private Returns a function that interpolators from the start value to the
|
36
|
+
* end value, given a parameter <i>t</i> in [0, 1].
|
37
|
+
*
|
38
|
+
* @param start the start value.
|
39
|
+
* @param end the end value.
|
40
|
+
*/
|
41
|
+
pv.Scale.interpolator = function(start, end) {
|
42
|
+
if (typeof start == "number") {
|
43
|
+
return function(t) {
|
44
|
+
return t * (end - start) + start;
|
45
|
+
};
|
46
|
+
}
|
47
|
+
|
48
|
+
/* For now, assume color. */
|
49
|
+
start = pv.color(start).rgb();
|
50
|
+
end = pv.color(end).rgb();
|
51
|
+
return function(t) {
|
52
|
+
var a = start.a * (1 - t) + end.a * t;
|
53
|
+
if (a < 1e-5) a = 0; // avoid scientific notation
|
54
|
+
return (start.a == 0) ? pv.rgb(end.r, end.g, end.b, a)
|
55
|
+
: ((end.a == 0) ? pv.rgb(start.r, start.g, start.b, a)
|
56
|
+
: pv.rgb(
|
57
|
+
Math.round(start.r * (1 - t) + end.r * t),
|
58
|
+
Math.round(start.g * (1 - t) + end.g * t),
|
59
|
+
Math.round(start.b * (1 - t) + end.b * t), a));
|
60
|
+
};
|
61
|
+
};
|
62
|
+
|
63
|
+
/**
|
64
|
+
* Returns a view of this scale by the specified accessor function <tt>f</tt>.
|
65
|
+
* Given a scale <tt>y</tt>, <tt>y.by(function(d) d.foo)</tt> is equivalent to
|
66
|
+
* <tt>function(d) y(d.foo)</tt>.
|
67
|
+
*
|
68
|
+
* <p>This method is provided for convenience, such that scales can be
|
69
|
+
* succinctly defined inline. For example, given an array of data elements that
|
70
|
+
* have a <tt>score</tt> attribute with the domain [0, 1], the height property
|
71
|
+
* could be specified as:
|
72
|
+
*
|
73
|
+
* <pre> .height(pv.Scale.linear().range(0, 480).by(function(d) d.score))</pre>
|
74
|
+
*
|
75
|
+
* This is equivalent to:
|
76
|
+
*
|
77
|
+
* <pre> .height(function(d) d.score * 480)</pre>
|
78
|
+
*
|
79
|
+
* This method should be used judiciously; it is typically more clear to invoke
|
80
|
+
* the scale directly, passing in the value to be scaled.
|
81
|
+
*
|
82
|
+
* @function
|
83
|
+
* @name pv.Scale.prototype.by
|
84
|
+
* @param {function} f an accessor function.
|
85
|
+
* @returns {pv.Scale} a view of this scale by the specified accessor function.
|
86
|
+
*/
|
@@ -0,0 +1,109 @@
|
|
1
|
+
/**
|
2
|
+
* Returns a new identity transform.
|
3
|
+
*
|
4
|
+
* @class Represents a transformation matrix. The transformation matrix is
|
5
|
+
* limited to expressing translate and uniform scale transforms only; shearing,
|
6
|
+
* rotation, general affine, and other transforms are not supported.
|
7
|
+
*
|
8
|
+
* <p>The methods on this class treat the transform as immutable, returning a
|
9
|
+
* copy of the transformation matrix with the specified transform applied. Note,
|
10
|
+
* alternatively, that the matrix fields can be get and set directly.
|
11
|
+
*/
|
12
|
+
pv.Transform = function() {};
|
13
|
+
pv.Transform.prototype = {k: 1, x: 0, y: 0};
|
14
|
+
|
15
|
+
/**
|
16
|
+
* The scale magnitude; defaults to 1.
|
17
|
+
*
|
18
|
+
* @type number
|
19
|
+
* @name pv.Transform.prototype.k
|
20
|
+
*/
|
21
|
+
|
22
|
+
/**
|
23
|
+
* The x-offset; defaults to 0.
|
24
|
+
*
|
25
|
+
* @type number
|
26
|
+
* @name pv.Transform.prototype.x
|
27
|
+
*/
|
28
|
+
|
29
|
+
/**
|
30
|
+
* The y-offset; defaults to 0.
|
31
|
+
*
|
32
|
+
* @type number
|
33
|
+
* @name pv.Transform.prototype.y
|
34
|
+
*/
|
35
|
+
|
36
|
+
/**
|
37
|
+
* @private The identity transform.
|
38
|
+
*
|
39
|
+
* @type pv.Transform
|
40
|
+
*/
|
41
|
+
pv.Transform.identity = new pv.Transform();
|
42
|
+
|
43
|
+
// k 0 x 1 0 a k 0 ka+x
|
44
|
+
// 0 k y * 0 1 b = 0 k kb+y
|
45
|
+
// 0 0 1 0 0 1 0 0 1
|
46
|
+
|
47
|
+
/**
|
48
|
+
* Returns a translated copy of this transformation matrix.
|
49
|
+
*
|
50
|
+
* @param {number} x the x-offset.
|
51
|
+
* @param {number} y the y-offset.
|
52
|
+
* @returns {pv.Transform} the translated transformation matrix.
|
53
|
+
*/
|
54
|
+
pv.Transform.prototype.translate = function(x, y) {
|
55
|
+
var v = new pv.Transform();
|
56
|
+
v.k = this.k;
|
57
|
+
v.x = this.k * x + this.x;
|
58
|
+
v.y = this.k * y + this.y;
|
59
|
+
return v;
|
60
|
+
};
|
61
|
+
|
62
|
+
// k 0 x d 0 0 kd 0 x
|
63
|
+
// 0 k y * 0 d 0 = 0 kd y
|
64
|
+
// 0 0 1 0 0 1 0 0 1
|
65
|
+
|
66
|
+
/**
|
67
|
+
* Returns a scaled copy of this transformation matrix.
|
68
|
+
*
|
69
|
+
* @param {number} k
|
70
|
+
* @returns {pv.Transform} the scaled transformation matrix.
|
71
|
+
*/
|
72
|
+
pv.Transform.prototype.scale = function(k) {
|
73
|
+
var v = new pv.Transform();
|
74
|
+
v.k = this.k * k;
|
75
|
+
v.x = this.x;
|
76
|
+
v.y = this.y;
|
77
|
+
return v;
|
78
|
+
};
|
79
|
+
|
80
|
+
/**
|
81
|
+
* Returns the inverse of this transformation matrix.
|
82
|
+
*
|
83
|
+
* @returns {pv.Transform} the inverted transformation matrix.
|
84
|
+
*/
|
85
|
+
pv.Transform.prototype.invert = function() {
|
86
|
+
var v = new pv.Transform(), k = 1 / this.k;
|
87
|
+
v.k = k;
|
88
|
+
v.x = -this.x * k;
|
89
|
+
v.y = -this.y * k;
|
90
|
+
return v;
|
91
|
+
};
|
92
|
+
|
93
|
+
// k 0 x d 0 a kd 0 ka+x
|
94
|
+
// 0 k y * 0 d b = 0 kd kb+y
|
95
|
+
// 0 0 1 0 0 1 0 0 1
|
96
|
+
|
97
|
+
/**
|
98
|
+
* Returns this matrix post-multiplied by the specified matrix <i>m</i>.
|
99
|
+
*
|
100
|
+
* @param {pv.Transform} m
|
101
|
+
* @returns {pv.Transform} the post-multiplied transformation matrix.
|
102
|
+
*/
|
103
|
+
pv.Transform.prototype.times = function(m) {
|
104
|
+
var v = new pv.Transform();
|
105
|
+
v.k = this.k * m.k;
|
106
|
+
v.x = this.k * m.x + this.x;
|
107
|
+
v.y = this.k * m.y + this.y;
|
108
|
+
return v;
|
109
|
+
};
|
@@ -0,0 +1,124 @@
|
|
1
|
+
/**
|
2
|
+
* Returns a {@link pv.Tree} operator for the specified array. This is a
|
3
|
+
* convenience factory method, equivalent to <tt>new pv.Tree(array)</tt>.
|
4
|
+
*
|
5
|
+
* @see pv.Tree
|
6
|
+
* @param {array} array an array from which to construct a tree.
|
7
|
+
* @returns {pv.Tree} a tree operator for the specified array.
|
8
|
+
*/
|
9
|
+
pv.tree = function(array) {
|
10
|
+
return new pv.Tree(array);
|
11
|
+
};
|
12
|
+
|
13
|
+
/**
|
14
|
+
* Constructs a tree operator for the specified array. This constructor should
|
15
|
+
* not be invoked directly; use {@link pv.tree} instead.
|
16
|
+
*
|
17
|
+
* @class Represents a tree operator for the specified array. The tree operator
|
18
|
+
* allows a hierarchical map to be constructed from an array; it is similar to
|
19
|
+
* the {@link pv.Nest} operator, except the hierarchy is derived dynamically
|
20
|
+
* from the array elements.
|
21
|
+
*
|
22
|
+
* <p>For example, given an array of size information for ActionScript classes:
|
23
|
+
*
|
24
|
+
* <pre>{ name: "flare.flex.FlareVis", size: 4116 },
|
25
|
+
* { name: "flare.physics.DragForce", size: 1082 },
|
26
|
+
* { name: "flare.physics.GravityForce", size: 1336 }, ...</pre>
|
27
|
+
*
|
28
|
+
* To facilitate visualization, it may be useful to nest the elements by their
|
29
|
+
* package hierarchy:
|
30
|
+
*
|
31
|
+
* <pre>var tree = pv.tree(classes)
|
32
|
+
* .keys(function(d) d.name.split("."))
|
33
|
+
* .map();</pre>
|
34
|
+
*
|
35
|
+
* The resulting tree is:
|
36
|
+
*
|
37
|
+
* <pre>{ flare: {
|
38
|
+
* flex: {
|
39
|
+
* FlareVis: {
|
40
|
+
* name: "flare.flex.FlareVis",
|
41
|
+
* size: 4116 } },
|
42
|
+
* physics: {
|
43
|
+
* DragForce: {
|
44
|
+
* name: "flare.physics.DragForce",
|
45
|
+
* size: 1082 },
|
46
|
+
* GravityForce: {
|
47
|
+
* name: "flare.physics.GravityForce",
|
48
|
+
* size: 1336 } },
|
49
|
+
* ... } }</pre>
|
50
|
+
*
|
51
|
+
* By specifying a value function,
|
52
|
+
*
|
53
|
+
* <pre>var tree = pv.tree(classes)
|
54
|
+
* .keys(function(d) d.name.split("."))
|
55
|
+
* .value(function(d) d.size)
|
56
|
+
* .map();</pre>
|
57
|
+
*
|
58
|
+
* we can further eliminate redundant data:
|
59
|
+
*
|
60
|
+
* <pre>{ flare: {
|
61
|
+
* flex: {
|
62
|
+
* FlareVis: 4116 },
|
63
|
+
* physics: {
|
64
|
+
* DragForce: 1082,
|
65
|
+
* GravityForce: 1336 },
|
66
|
+
* ... } }</pre>
|
67
|
+
*
|
68
|
+
* For visualizations with large data sets, performance improvements may be seen
|
69
|
+
* by storing the data in a tree format, and then flattening it into an array at
|
70
|
+
* runtime with {@link pv.Flatten}.
|
71
|
+
*
|
72
|
+
* @param {array} array an array from which to construct a tree.
|
73
|
+
*/
|
74
|
+
pv.Tree = function(array) {
|
75
|
+
this.array = array;
|
76
|
+
};
|
77
|
+
|
78
|
+
/**
|
79
|
+
* Assigns a <i>keys</i> function to this operator; required. The keys function
|
80
|
+
* returns an array of <tt>string</tt>s for each element in the associated
|
81
|
+
* array; these keys determine how the elements are nested in the tree. The
|
82
|
+
* returned keys should be unique for each element in the array; otherwise, the
|
83
|
+
* behavior of this operator is undefined.
|
84
|
+
*
|
85
|
+
* @param {function} k the keys function.
|
86
|
+
* @returns {pv.Tree} this.
|
87
|
+
*/
|
88
|
+
pv.Tree.prototype.keys = function(k) {
|
89
|
+
this.k = k;
|
90
|
+
return this;
|
91
|
+
};
|
92
|
+
|
93
|
+
/**
|
94
|
+
* Assigns a <i>value</i> function to this operator; optional. The value
|
95
|
+
* function specifies an optional transformation of the element in the array
|
96
|
+
* before it is inserted into the map. If no value function is specified, it is
|
97
|
+
* equivalent to using the identity function.
|
98
|
+
*
|
99
|
+
* @param {function} k the value function.
|
100
|
+
* @returns {pv.Tree} this.
|
101
|
+
*/
|
102
|
+
pv.Tree.prototype.value = function(v) {
|
103
|
+
this.v = v;
|
104
|
+
return this;
|
105
|
+
};
|
106
|
+
|
107
|
+
/**
|
108
|
+
* Returns a hierarchical map of values. The hierarchy is determined by the keys
|
109
|
+
* function; the values in the map are determined by the value function.
|
110
|
+
*
|
111
|
+
* @returns a hierarchical map of values.
|
112
|
+
*/
|
113
|
+
pv.Tree.prototype.map = function() {
|
114
|
+
var map = {}, o = {};
|
115
|
+
for (var i = 0; i < this.array.length; i++) {
|
116
|
+
o.index = i;
|
117
|
+
var value = this.array[i], keys = this.k.call(o, value), node = map;
|
118
|
+
for (var j = 0; j < keys.length - 1; j++) {
|
119
|
+
node = node[keys[j]] || (node[keys[j]] = {});
|
120
|
+
}
|
121
|
+
node[keys[j]] = this.v ? this.v.call(o, value) : value;
|
122
|
+
}
|
123
|
+
return map;
|
124
|
+
};
|
@@ -0,0 +1,118 @@
|
|
1
|
+
/**
|
2
|
+
* Returns a {@link pv.Vector} for the specified <i>x</i> and <i>y</i>
|
3
|
+
* coordinate. This is a convenience factory method, equivalent to <tt>new
|
4
|
+
* pv.Vector(x, y)</tt>.
|
5
|
+
*
|
6
|
+
* @see pv.Vector
|
7
|
+
* @param {number} x the <i>x</i> coordinate.
|
8
|
+
* @param {number} y the <i>y</i> coordinate.
|
9
|
+
* @returns {pv.Vector} a vector for the specified coordinates.
|
10
|
+
*/
|
11
|
+
pv.vector = function(x, y) {
|
12
|
+
return new pv.Vector(x, y);
|
13
|
+
};
|
14
|
+
|
15
|
+
/**
|
16
|
+
* Constructs a {@link pv.Vector} for the specified <i>x</i> and <i>y</i>
|
17
|
+
* coordinate. This constructor should not be invoked directly; use
|
18
|
+
* {@link pv.vector} instead.
|
19
|
+
*
|
20
|
+
* @class Represents a two-dimensional vector; a 2-tuple <i>⟨x,
|
21
|
+
* y⟩</i>. The intent of this class is to simplify vector math. Note that
|
22
|
+
* in performance-sensitive cases it may be more efficient to represent 2D
|
23
|
+
* vectors as simple objects with <tt>x</tt> and <tt>y</tt> attributes, rather
|
24
|
+
* than using instances of this class.
|
25
|
+
*
|
26
|
+
* @param {number} x the <i>x</i> coordinate.
|
27
|
+
* @param {number} y the <i>y</i> coordinate.
|
28
|
+
*/
|
29
|
+
pv.Vector = function(x, y) {
|
30
|
+
this.x = x;
|
31
|
+
this.y = y;
|
32
|
+
};
|
33
|
+
|
34
|
+
/**
|
35
|
+
* Returns a vector perpendicular to this vector: <i>⟨-y, x⟩</i>.
|
36
|
+
*
|
37
|
+
* @returns {pv.Vector} a perpendicular vector.
|
38
|
+
*/
|
39
|
+
pv.Vector.prototype.perp = function() {
|
40
|
+
return new pv.Vector(-this.y, this.x);
|
41
|
+
};
|
42
|
+
|
43
|
+
/**
|
44
|
+
* Returns a normalized copy of this vector: a vector with the same direction,
|
45
|
+
* but unit length. If this vector has zero length this method returns a copy of
|
46
|
+
* this vector.
|
47
|
+
*
|
48
|
+
* @returns {pv.Vector} a unit vector.
|
49
|
+
*/
|
50
|
+
pv.Vector.prototype.norm = function() {
|
51
|
+
var l = this.length();
|
52
|
+
return this.times(l ? (1 / l) : 1);
|
53
|
+
};
|
54
|
+
|
55
|
+
/**
|
56
|
+
* Returns the magnitude of this vector, defined as <i>sqrt(x * x + y * y)</i>.
|
57
|
+
*
|
58
|
+
* @returns {number} a length.
|
59
|
+
*/
|
60
|
+
pv.Vector.prototype.length = function() {
|
61
|
+
return Math.sqrt(this.x * this.x + this.y * this.y);
|
62
|
+
};
|
63
|
+
|
64
|
+
/**
|
65
|
+
* Returns a scaled copy of this vector: <i>⟨x * k, y * k⟩</i>.
|
66
|
+
* To perform the equivalent divide operation, use <i>1 / k</i>.
|
67
|
+
*
|
68
|
+
* @param {number} k the scale factor.
|
69
|
+
* @returns {pv.Vector} a scaled vector.
|
70
|
+
*/
|
71
|
+
pv.Vector.prototype.times = function(k) {
|
72
|
+
return new pv.Vector(this.x * k, this.y * k);
|
73
|
+
};
|
74
|
+
|
75
|
+
/**
|
76
|
+
* Returns this vector plus the vector <i>v</i>: <i>⟨x + v.x, y +
|
77
|
+
* v.y⟩</i>. If only one argument is specified, it is interpreted as the
|
78
|
+
* vector <i>v</i>.
|
79
|
+
*
|
80
|
+
* @param {number} x the <i>x</i> coordinate to add.
|
81
|
+
* @param {number} y the <i>y</i> coordinate to add.
|
82
|
+
* @returns {pv.Vector} a new vector.
|
83
|
+
*/
|
84
|
+
pv.Vector.prototype.plus = function(x, y) {
|
85
|
+
return (arguments.length == 1)
|
86
|
+
? new pv.Vector(this.x + x.x, this.y + x.y)
|
87
|
+
: new pv.Vector(this.x + x, this.y + y);
|
88
|
+
};
|
89
|
+
|
90
|
+
/**
|
91
|
+
* Returns this vector minus the vector <i>v</i>: <i>⟨x - v.x, y -
|
92
|
+
* v.y⟩</i>. If only one argument is specified, it is interpreted as the
|
93
|
+
* vector <i>v</i>.
|
94
|
+
*
|
95
|
+
* @param {number} x the <i>x</i> coordinate to subtract.
|
96
|
+
* @param {number} y the <i>y</i> coordinate to subtract.
|
97
|
+
* @returns {pv.Vector} a new vector.
|
98
|
+
*/
|
99
|
+
pv.Vector.prototype.minus = function(x, y) {
|
100
|
+
return (arguments.length == 1)
|
101
|
+
? new pv.Vector(this.x - x.x, this.y - x.y)
|
102
|
+
: new pv.Vector(this.x - x, this.y - y);
|
103
|
+
};
|
104
|
+
|
105
|
+
/**
|
106
|
+
* Returns the dot product of this vector and the vector <i>v</i>: <i>x * v.x +
|
107
|
+
* y * v.y</i>. If only one argument is specified, it is interpreted as the
|
108
|
+
* vector <i>v</i>.
|
109
|
+
*
|
110
|
+
* @param {number} x the <i>x</i> coordinate to dot.
|
111
|
+
* @param {number} y the <i>y</i> coordinate to dot.
|
112
|
+
* @returns {number} a dot product.
|
113
|
+
*/
|
114
|
+
pv.Vector.prototype.dot = function(x, y) {
|
115
|
+
return (arguments.length == 1)
|
116
|
+
? this.x * x.x + this.y * x.y
|
117
|
+
: this.x * x + this.y * y;
|
118
|
+
};
|
@@ -0,0 +1,307 @@
|
|
1
|
+
/**
|
2
|
+
* Returns a geographic scale. The arguments to this constructor are optional,
|
3
|
+
* and equivalent to calling {@link #projection}.
|
4
|
+
*
|
5
|
+
* @class Represents a geographic scale; a mapping between latitude-longitude
|
6
|
+
* coordinates and screen pixel coordinates. By default, the domain is inferred
|
7
|
+
* from the geographic coordinates, so that the domain fills the output range.
|
8
|
+
*
|
9
|
+
* <p>Note that geographic scales are two-dimensional transformations, rather
|
10
|
+
* than the one-dimensional bidrectional mapping typical of other scales.
|
11
|
+
* Rather than mapping (for example) between a numeric domain and a numeric
|
12
|
+
* range, geographic scales map between two coordinate objects: {@link
|
13
|
+
* pv.Geo.LatLng} and {@link pv.Vector}.
|
14
|
+
*
|
15
|
+
* @param {pv.Geo.Projection} [p] optional projection.
|
16
|
+
* @see pv.Geo.scale#ticks
|
17
|
+
*/
|
18
|
+
pv.Geo.scale = function(p) {
|
19
|
+
var rmin = {x: 0, y: 0}, // default range minimum
|
20
|
+
rmax = {x: 1, y: 1}, // default range maximum
|
21
|
+
d = [], // default domain
|
22
|
+
j = pv.Geo.projections.identity, // domain <-> normalized range
|
23
|
+
x = pv.Scale.linear(-1, 1).range(0, 1), // normalized <-> range
|
24
|
+
y = pv.Scale.linear(-1, 1).range(1, 0), // normalized <-> range
|
25
|
+
c = {lng: 0, lat: 0}, // Center Point
|
26
|
+
lastLatLng, // cached latlng
|
27
|
+
lastPoint; // cached point
|
28
|
+
|
29
|
+
/** @private */
|
30
|
+
function scale(latlng) {
|
31
|
+
if (!lastLatLng
|
32
|
+
|| (latlng.lng != lastLatLng.lng)
|
33
|
+
|| (latlng.lat != lastLatLng.lat)) {
|
34
|
+
lastLatLng = latlng;
|
35
|
+
var p = project(latlng);
|
36
|
+
lastPoint = {x: x(p.x), y: y(p.y)};
|
37
|
+
}
|
38
|
+
return lastPoint;
|
39
|
+
}
|
40
|
+
|
41
|
+
/** @private */
|
42
|
+
function project(latlng) {
|
43
|
+
var offset = {lng: latlng.lng - c.lng, lat: latlng.lat};
|
44
|
+
return j.project(offset);
|
45
|
+
}
|
46
|
+
|
47
|
+
/** @private */
|
48
|
+
function invert(xy) {
|
49
|
+
var latlng = j.invert(xy);
|
50
|
+
latlng.lng += c.lng;
|
51
|
+
return latlng;
|
52
|
+
}
|
53
|
+
|
54
|
+
/** Returns the projected x-coordinate. */
|
55
|
+
scale.x = function(latlng) {
|
56
|
+
return scale(latlng).x;
|
57
|
+
};
|
58
|
+
|
59
|
+
/** Returns the projected y-coordinate. */
|
60
|
+
scale.y = function(latlng) {
|
61
|
+
return scale(latlng).y;
|
62
|
+
};
|
63
|
+
|
64
|
+
/**
|
65
|
+
* Abstract; this is a local namespace on a given geographic scale.
|
66
|
+
*
|
67
|
+
* @namespace Tick functions for geographic scales. Because geographic scales
|
68
|
+
* represent two-dimensional transformations (as opposed to one-dimensional
|
69
|
+
* transformations typical of other scales), the tick values are similarly
|
70
|
+
* represented as two-dimensional coordinates in the input domain, i.e.,
|
71
|
+
* {@link pv.Geo.LatLng} objects.
|
72
|
+
*
|
73
|
+
* <p>Also, note that non-rectilinear projections, such as sinsuoidal and
|
74
|
+
* aitoff, may not produce straight lines for constant longitude or constant
|
75
|
+
* latitude. Therefore the returned array of ticks is a two-dimensional array,
|
76
|
+
* sampling various latitudes as constant longitude, and vice versa.
|
77
|
+
*
|
78
|
+
* <p>The tick lines can therefore be approximated as polylines, either with
|
79
|
+
* "linear" or "cardinal" interpolation. This is not as accurate as drawing
|
80
|
+
* the true curve through the projection space, but is usually sufficient.
|
81
|
+
*
|
82
|
+
* @name pv.Geo.scale.prototype.ticks
|
83
|
+
* @see pv.Geo.scale
|
84
|
+
* @see pv.Geo.LatLng
|
85
|
+
* @see pv.Line#interpolate
|
86
|
+
*/
|
87
|
+
scale.ticks = {
|
88
|
+
|
89
|
+
/**
|
90
|
+
* Returns longitude ticks.
|
91
|
+
*
|
92
|
+
* @function
|
93
|
+
* @param {number} [m] the desired number of ticks.
|
94
|
+
* @returns {array} a nested array of <tt>pv.Geo.LatLng</tt> ticks.
|
95
|
+
* @name pv.Geo.scale.prototype.ticks.prototype.lng
|
96
|
+
*/
|
97
|
+
lng: function(m) {
|
98
|
+
var lat, lng;
|
99
|
+
if (d.length > 1) {
|
100
|
+
var s = pv.Scale.linear();
|
101
|
+
if (m == undefined) m = 10;
|
102
|
+
lat = s.domain(d, function(d) { return d.lat; }).ticks(m);
|
103
|
+
lng = s.domain(d, function(d) { return d.lng; }).ticks(m);
|
104
|
+
} else {
|
105
|
+
lat = pv.range(-80, 81, 10);
|
106
|
+
lng = pv.range(-180, 181, 10);
|
107
|
+
}
|
108
|
+
return lng.map(function(lng) {
|
109
|
+
return lat.map(function(lat) {
|
110
|
+
return {lat: lat, lng: lng};
|
111
|
+
});
|
112
|
+
});
|
113
|
+
},
|
114
|
+
|
115
|
+
/**
|
116
|
+
* Returns latitude ticks.
|
117
|
+
*
|
118
|
+
* @function
|
119
|
+
* @param {number} [m] the desired number of ticks.
|
120
|
+
* @returns {array} a nested array of <tt>pv.Geo.LatLng</tt> ticks.
|
121
|
+
* @name pv.Geo.scale.prototype.ticks.prototype.lat
|
122
|
+
*/
|
123
|
+
lat: function(m) {
|
124
|
+
return pv.transpose(scale.ticks.lng(m));
|
125
|
+
}
|
126
|
+
};
|
127
|
+
|
128
|
+
/**
|
129
|
+
* Inverts the specified value in the output range, returning the
|
130
|
+
* corresponding value in the input domain. This is frequently used to convert
|
131
|
+
* the mouse location (see {@link pv.Mark#mouse}) to a value in the input
|
132
|
+
* domain. Inversion is only supported for numeric ranges, and not colors.
|
133
|
+
*
|
134
|
+
* <p>Note that this method does not do any rounding or bounds checking. If
|
135
|
+
* the input domain is discrete (e.g., an array index), the returned value
|
136
|
+
* should be rounded. If the specified <tt>y</tt> value is outside the range,
|
137
|
+
* the returned value may be equivalently outside the input domain.
|
138
|
+
*
|
139
|
+
* @function
|
140
|
+
* @name pv.Geo.scale.prototype.invert
|
141
|
+
* @param {number} y a value in the output range (a pixel location).
|
142
|
+
* @returns {number} a value in the input domain.
|
143
|
+
*/
|
144
|
+
scale.invert = function(p) {
|
145
|
+
return invert({x: x.invert(p.x), y: y.invert(p.y)});
|
146
|
+
};
|
147
|
+
|
148
|
+
/**
|
149
|
+
* Sets or gets the input domain. Note that unlike quantitative scales, the
|
150
|
+
* domain cannot be reduced to a simple rectangle (i.e., minimum and maximum
|
151
|
+
* values for latitude and longitude). Instead, the domain values must be
|
152
|
+
* projected to normalized space, effectively finding the domain in normalized
|
153
|
+
* space rather than in terms of latitude and longitude. Thus, changing the
|
154
|
+
* projection requires recomputing the normalized domain.
|
155
|
+
*
|
156
|
+
* <p>This method can be invoked several ways:
|
157
|
+
*
|
158
|
+
* <p>1. <tt>domain(values...)</tt>
|
159
|
+
*
|
160
|
+
* <p>Specifying the domain as a series of {@link pv.Geo.LatLng}s is the most
|
161
|
+
* explicit and recommended approach. However, if the domain values are
|
162
|
+
* derived from data, you may find the second method more appropriate.
|
163
|
+
*
|
164
|
+
* <p>2. <tt>domain(array, f)</tt>
|
165
|
+
*
|
166
|
+
* <p>Rather than enumerating the domain explicitly, you can specify a single
|
167
|
+
* argument of an array. In addition, you can specify an optional accessor
|
168
|
+
* function to extract the domain values (as {@link pv.Geo.LatLng}s) from the
|
169
|
+
* array. If the specified array has fewer than two elements, this scale will
|
170
|
+
* default to the full normalized domain.
|
171
|
+
*
|
172
|
+
* <p>2. <tt>domain()</tt>
|
173
|
+
*
|
174
|
+
* <p>Invoking the <tt>domain</tt> method with no arguments returns the
|
175
|
+
* current domain as an array.
|
176
|
+
*
|
177
|
+
* @function
|
178
|
+
* @name pv.Geo.scale.prototype.domain
|
179
|
+
* @param {...} domain... domain values.
|
180
|
+
* @returns {pv.Geo.scale} <tt>this</tt>, or the current domain.
|
181
|
+
*/
|
182
|
+
scale.domain = function(array, f) {
|
183
|
+
if (arguments.length) {
|
184
|
+
d = (array instanceof Array)
|
185
|
+
? ((arguments.length > 1) ? pv.map(array, f) : array)
|
186
|
+
: Array.prototype.slice.call(arguments);
|
187
|
+
if (d.length > 1) {
|
188
|
+
var lngs = d.map(function(c) { return c.lng; });
|
189
|
+
var lats = d.map(function(c) { return c.lat; });
|
190
|
+
c = {
|
191
|
+
lng: (pv.max(lngs) + pv.min(lngs)) / 2,
|
192
|
+
lat: (pv.max(lats) + pv.min(lats)) / 2
|
193
|
+
};
|
194
|
+
var n = d.map(project); // normalized domain
|
195
|
+
x.domain(n, function(p) { return p.x; });
|
196
|
+
y.domain(n, function(p) { return p.y; });
|
197
|
+
} else {
|
198
|
+
c = {lng: 0, lat: 0};
|
199
|
+
x.domain(-1, 1);
|
200
|
+
y.domain(-1, 1);
|
201
|
+
}
|
202
|
+
lastLatLng = null; // invalidate the cache
|
203
|
+
return this;
|
204
|
+
}
|
205
|
+
return d;
|
206
|
+
};
|
207
|
+
|
208
|
+
/**
|
209
|
+
* Sets or gets the output range. This method can be invoked several ways:
|
210
|
+
*
|
211
|
+
* <p>1. <tt>range(min, max)</tt>
|
212
|
+
*
|
213
|
+
* <p>If two objects are specified, the arguments should be {@link pv.Vector}s
|
214
|
+
* which specify the minimum and maximum values of the x- and y-coordinates
|
215
|
+
* explicitly.
|
216
|
+
*
|
217
|
+
* <p>2. <tt>range(width, height)</tt>
|
218
|
+
*
|
219
|
+
* <p>If two numbers are specified, the arguments specify the maximum values
|
220
|
+
* of the x- and y-coordinates explicitly; the minimum values are implicitly
|
221
|
+
* zero.
|
222
|
+
*
|
223
|
+
* <p>3. <tt>range()</tt>
|
224
|
+
*
|
225
|
+
* <p>Invoking the <tt>range</tt> method with no arguments returns the current
|
226
|
+
* range as an array of two {@link pv.Vector}s: the minimum (top-left) and
|
227
|
+
* maximum (bottom-right) values.
|
228
|
+
*
|
229
|
+
* @function
|
230
|
+
* @name pv.Geo.scale.prototype.range
|
231
|
+
* @param {...} range... range values.
|
232
|
+
* @returns {pv.Geo.scale} <tt>this</tt>, or the current range.
|
233
|
+
*/
|
234
|
+
scale.range = function(min, max) {
|
235
|
+
if (arguments.length) {
|
236
|
+
if (typeof min == "object") {
|
237
|
+
rmin = {x: Number(min.x), y: Number(min.y)};
|
238
|
+
rmax = {x: Number(max.x), y: Number(max.y)};
|
239
|
+
} else {
|
240
|
+
rmin = {x: 0, y: 0};
|
241
|
+
rmax = {x: Number(min), y: Number(max)};
|
242
|
+
}
|
243
|
+
x.range(rmin.x, rmax.x);
|
244
|
+
y.range(rmax.y, rmin.y); // XXX flipped?
|
245
|
+
lastLatLng = null; // invalidate the cache
|
246
|
+
return this;
|
247
|
+
}
|
248
|
+
return [rmin, rmax];
|
249
|
+
};
|
250
|
+
|
251
|
+
/**
|
252
|
+
* Sets or gets the projection. This method can be invoked several ways:
|
253
|
+
*
|
254
|
+
* <p>1. <tt>projection(string)</tt>
|
255
|
+
*
|
256
|
+
* <p>Specifying a string sets the projection to the given named projection in
|
257
|
+
* {@link pv.Geo.projections}. If no such projection is found, the identity
|
258
|
+
* projection is used.
|
259
|
+
*
|
260
|
+
* <p>2. <tt>projection(object)</tt>
|
261
|
+
*
|
262
|
+
* <p>Specifying an object sets the projection to the given custom projection,
|
263
|
+
* which must implement the <i>forward</i> and <i>inverse</i> methods per the
|
264
|
+
* {@link pv.Geo.Projection} interface.
|
265
|
+
*
|
266
|
+
* <p>3. <tt>projection()</tt>
|
267
|
+
*
|
268
|
+
* <p>Invoking the <tt>projection</tt> method with no arguments returns the
|
269
|
+
* current object that defined the projection.
|
270
|
+
*
|
271
|
+
* @function
|
272
|
+
* @name pv.Scale.geo.prototype.projection
|
273
|
+
* @param {...} range... range values.
|
274
|
+
* @returns {pv.Scale.geo} <tt>this</tt>, or the current range.
|
275
|
+
*/
|
276
|
+
scale.projection = function(p) {
|
277
|
+
if (arguments.length) {
|
278
|
+
j = typeof p == "string"
|
279
|
+
? pv.Geo.projections[p] || pv.Geo.projections.identity
|
280
|
+
: p;
|
281
|
+
return this.domain(d); // recompute normalized domain
|
282
|
+
}
|
283
|
+
return p;
|
284
|
+
};
|
285
|
+
|
286
|
+
/**
|
287
|
+
* Returns a view of this scale by the specified accessor function <tt>f</tt>.
|
288
|
+
* Given a scale <tt>g</tt>, <tt>g.by(function(d) d.foo)</tt> is equivalent to
|
289
|
+
* <tt>function(d) g(d.foo)</tt>. This method should be used judiciously; it
|
290
|
+
* is typically more clear to invoke the scale directly, passing in the value
|
291
|
+
* to be scaled.
|
292
|
+
*
|
293
|
+
* @function
|
294
|
+
* @name pv.Geo.scale.prototype.by
|
295
|
+
* @param {function} f an accessor function.
|
296
|
+
* @returns {pv.Geo.scale} a view of this scale by the specified accessor
|
297
|
+
* function.
|
298
|
+
*/
|
299
|
+
scale.by = function(f) {
|
300
|
+
function by() { return scale(f.apply(this, arguments)); }
|
301
|
+
for (var method in scale) by[method] = scale[method];
|
302
|
+
return by;
|
303
|
+
};
|
304
|
+
|
305
|
+
if (arguments.length) scale.projection(p);
|
306
|
+
return scale;
|
307
|
+
};
|