rubyvis 0.1.0 → 0.1.1
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/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,65 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
5
|
+
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
|
|
6
|
+
<script type="text/javascript" src="jquery.tipsy.js"></script>
|
|
7
|
+
<script type="text/javascript" src="tipsy.js"></script>
|
|
8
|
+
<link type="text/css" href="tipsy.css" rel="stylesheet"/>
|
|
9
|
+
<title>Tipsy Bar</title>
|
|
10
|
+
<style type="text/css">
|
|
11
|
+
|
|
12
|
+
body {
|
|
13
|
+
font: 10px sans-serif;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
</style>
|
|
17
|
+
</head>
|
|
18
|
+
<body>
|
|
19
|
+
<script type="text/javascript+protovis">
|
|
20
|
+
|
|
21
|
+
var data = pv.range(10).map(Math.random),
|
|
22
|
+
w = 400,
|
|
23
|
+
h = 250,
|
|
24
|
+
x = pv.Scale.linear(0, 1).range(0, w),
|
|
25
|
+
y = pv.Scale.ordinal(pv.range(10)).splitBanded(0, h, 4/5);
|
|
26
|
+
|
|
27
|
+
var vis = new pv.Panel()
|
|
28
|
+
.width(w)
|
|
29
|
+
.height(h)
|
|
30
|
+
.bottom(20)
|
|
31
|
+
.left(20)
|
|
32
|
+
.right(10)
|
|
33
|
+
.top(5);
|
|
34
|
+
|
|
35
|
+
var bar = vis.add(pv.Bar)
|
|
36
|
+
.data(data)
|
|
37
|
+
.top(function() y(this.index))
|
|
38
|
+
.height(y.range().band)
|
|
39
|
+
.left(0)
|
|
40
|
+
.width(x)
|
|
41
|
+
.title(function(d) d.toFixed(1))
|
|
42
|
+
.event("mouseover", pv.Behavior.tipsy({gravity: "w", fade: true}));
|
|
43
|
+
|
|
44
|
+
bar.anchor("left").add(pv.Label)
|
|
45
|
+
.textMargin(5)
|
|
46
|
+
.textAlign("right")
|
|
47
|
+
.text(function() "ABCDEFGHIJK".charAt(this.index));
|
|
48
|
+
|
|
49
|
+
vis.add(pv.Rule)
|
|
50
|
+
.data(x.ticks())
|
|
51
|
+
.left(function(d) Math.round(x(d)) - .5)
|
|
52
|
+
.strokeStyle(function(d) d ? "rgba(255,255,255,.3)" : "#000")
|
|
53
|
+
.add(pv.Rule)
|
|
54
|
+
.bottom(0)
|
|
55
|
+
.height(5)
|
|
56
|
+
.strokeStyle("#000")
|
|
57
|
+
.anchor("bottom").add(pv.Label)
|
|
58
|
+
.text(function(d) d.toFixed(1));
|
|
59
|
+
|
|
60
|
+
vis.render();
|
|
61
|
+
|
|
62
|
+
</script>
|
|
63
|
+
<div id="example"></div>
|
|
64
|
+
</body>
|
|
65
|
+
</html>
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Tipsy Line</title>
|
|
5
|
+
<script type="text/javascript" src="../../protovis-d3.3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
|
|
7
|
+
<script type="text/javascript" src="jquery.tipsy.js"></script>
|
|
8
|
+
<script type="text/javascript" src="tipsy.js"></script>
|
|
9
|
+
<link type="text/css" href="tipsy.css" rel="stylesheet"/>
|
|
10
|
+
<style type="text/css">
|
|
11
|
+
|
|
12
|
+
body {
|
|
13
|
+
font: 10px sans-serif;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
</style>
|
|
17
|
+
</head>
|
|
18
|
+
<body>
|
|
19
|
+
<script type="text/javascript+protovis">
|
|
20
|
+
|
|
21
|
+
var data = pv.range(0, 10, .1).map(function(x) {
|
|
22
|
+
return {x: x, y: Math.sin(x) + Math.random() * .5 + 2};
|
|
23
|
+
}),
|
|
24
|
+
w = 400,
|
|
25
|
+
h = 200,
|
|
26
|
+
x = pv.Scale.linear(data, function(d) d.x).range(0, w),
|
|
27
|
+
y = pv.Scale.linear(0, 4).range(0, h);
|
|
28
|
+
|
|
29
|
+
var vis = new pv.Panel()
|
|
30
|
+
.width(w)
|
|
31
|
+
.height(h)
|
|
32
|
+
.bottom(20)
|
|
33
|
+
.left(20)
|
|
34
|
+
.right(10)
|
|
35
|
+
.top(5)
|
|
36
|
+
.fillStyle("#fff")
|
|
37
|
+
.event("mousemove", pv.Behavior.point(Infinity).collapse("y"));
|
|
38
|
+
|
|
39
|
+
vis.add(pv.Rule)
|
|
40
|
+
.data(y.ticks())
|
|
41
|
+
.visible(function() !(this.index % 2))
|
|
42
|
+
.bottom(function(d) Math.round(y(d)) - .5)
|
|
43
|
+
.strokeStyle("#eee")
|
|
44
|
+
.anchor("left").add(pv.Label)
|
|
45
|
+
.text(function(d) d.toFixed(1));
|
|
46
|
+
|
|
47
|
+
vis.add(pv.Rule)
|
|
48
|
+
.data(x.ticks())
|
|
49
|
+
.visible(function(d) d > 0)
|
|
50
|
+
.left(function(d) Math.round(x(d)) - .5)
|
|
51
|
+
.strokeStyle("#eee")
|
|
52
|
+
.anchor("bottom").add(pv.Label)
|
|
53
|
+
.text(function(d) d.toFixed());
|
|
54
|
+
|
|
55
|
+
vis.add(pv.Line)
|
|
56
|
+
.data(data)
|
|
57
|
+
.left(function(d) x(d.x))
|
|
58
|
+
.bottom(function(d) y(d.y))
|
|
59
|
+
.lineWidth(3)
|
|
60
|
+
.text(function(d) d.x.toFixed(2) + ', ' + d.y.toFixed(2))
|
|
61
|
+
.event("point", pv.Behavior.tipsy({gravity: 's'}));
|
|
62
|
+
|
|
63
|
+
vis.render();
|
|
64
|
+
|
|
65
|
+
</script>
|
|
66
|
+
</body>
|
|
67
|
+
</html>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
.tipsy { pointer-events: none; padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
|
|
2
|
+
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
|
|
3
|
+
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
|
|
4
|
+
.tipsy-arrow { position: absolute; background: url(tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
|
|
5
|
+
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
|
|
6
|
+
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
|
|
7
|
+
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
|
|
8
|
+
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
|
|
9
|
+
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
|
|
10
|
+
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
|
|
11
|
+
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
|
|
12
|
+
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
|
|
Binary file
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
pv.Behavior.tipsy = function(opts) {
|
|
2
|
+
var tip;
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @private When the mouse leaves the root panel, trigger a mouseleave event
|
|
6
|
+
* on the tooltip span. This is necessary for dimensionless marks (e.g.,
|
|
7
|
+
* lines) when the mouse isn't actually over the span.
|
|
8
|
+
*/
|
|
9
|
+
function trigger() {
|
|
10
|
+
if (tip) {
|
|
11
|
+
$(tip).tipsy("hide");
|
|
12
|
+
tip.parentNode.removeChild(tip);
|
|
13
|
+
tip = null;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
return function(d) {
|
|
18
|
+
/* Compute the transform to offset the tooltip position. */
|
|
19
|
+
var t = pv.Transform.identity, p = this.parent;
|
|
20
|
+
do {
|
|
21
|
+
t = t.translate(p.left(), p.top()).times(p.transform());
|
|
22
|
+
} while (p = p.parent);
|
|
23
|
+
|
|
24
|
+
/* Create and cache the tooltip span to be used by tipsy. */
|
|
25
|
+
if (!tip) {
|
|
26
|
+
var c = this.root.canvas();
|
|
27
|
+
c.style.position = "relative";
|
|
28
|
+
$(c).mouseleave(trigger);
|
|
29
|
+
|
|
30
|
+
tip = c.appendChild(document.createElement("div"));
|
|
31
|
+
tip.style.position = "absolute";
|
|
32
|
+
tip.style.pointerEvents = "none"; // ignore mouse events
|
|
33
|
+
$(tip).tipsy(opts);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Propagate the tooltip text. */
|
|
37
|
+
tip.title = this.title() || this.text();
|
|
38
|
+
|
|
39
|
+
/*
|
|
40
|
+
* Compute bounding box. TODO support area, lines, wedges, stroke. Also
|
|
41
|
+
* note that CSS positioning does not support subpixels, and the current
|
|
42
|
+
* rounding implementation can be off by one pixel.
|
|
43
|
+
*/
|
|
44
|
+
if (this.properties.width) {
|
|
45
|
+
tip.style.width = Math.ceil(this.width() * t.k) + 1 + "px";
|
|
46
|
+
tip.style.height = Math.ceil(this.height() * t.k) + 1 + "px";
|
|
47
|
+
} else if (this.properties.shapeRadius) {
|
|
48
|
+
var r = this.shapeRadius();
|
|
49
|
+
t.x -= r;
|
|
50
|
+
t.y -= r;
|
|
51
|
+
tip.style.height = tip.style.width = Math.ceil(2 * r * t.k) + "px";
|
|
52
|
+
}
|
|
53
|
+
tip.style.left = Math.floor(this.left() * t.k + t.x) + "px";
|
|
54
|
+
tip.style.top = Math.floor(this.top() * t.k + t.y) + "px";
|
|
55
|
+
|
|
56
|
+
/*
|
|
57
|
+
* Cleanup the tooltip span on mouseout. Immediately trigger the tooltip;
|
|
58
|
+
* this is necessary for dimensionless marks. Note that the tip has
|
|
59
|
+
* pointer-events disabled (so as to not interfere with other mouse
|
|
60
|
+
* events, such as "click"); thus the mouseleave event handler is
|
|
61
|
+
* registered on the event target rather than the tip overlay.
|
|
62
|
+
*/
|
|
63
|
+
if (tip.style.height) $(pv.event.target).mouseleave(trigger);
|
|
64
|
+
$(tip).tipsy("show");
|
|
65
|
+
};
|
|
66
|
+
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Weather</title>
|
|
4
|
+
<link type="text/css" href="../ex.css" rel="stylesheet"/>
|
|
5
|
+
<script type="text/javascript" src="../../protovis-r3.3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="weather.js"></script>
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
|
|
9
|
+
#fig {
|
|
10
|
+
width: 200px;
|
|
11
|
+
height: 250px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body><div id="center"><div id="fig">
|
|
17
|
+
<script type="text/javascript+protovis">
|
|
18
|
+
|
|
19
|
+
var w = 18, h = 3;
|
|
20
|
+
|
|
21
|
+
var vis = new pv.Panel()
|
|
22
|
+
.width(200)
|
|
23
|
+
.height(250);
|
|
24
|
+
|
|
25
|
+
/* Record range. */
|
|
26
|
+
var record = vis.add(pv.Bar)
|
|
27
|
+
.data(weather)
|
|
28
|
+
.bottom(function(d) d.record.low * h)
|
|
29
|
+
.height(function(d) (d.record.high - d.record.low) * h)
|
|
30
|
+
.left(function() this.index * w)
|
|
31
|
+
.width(w - 2)
|
|
32
|
+
.fillStyle("#ccc");
|
|
33
|
+
|
|
34
|
+
/* Normal range. */
|
|
35
|
+
record.add(pv.Bar)
|
|
36
|
+
.bottom(function(d) d.normal.low * h)
|
|
37
|
+
.height(function(d) (d.normal.high - d.normal.low) * h)
|
|
38
|
+
.fillStyle("#999");
|
|
39
|
+
|
|
40
|
+
/* White grid lines. */
|
|
41
|
+
vis.add(pv.Rule)
|
|
42
|
+
.data([20, 40, 60])
|
|
43
|
+
.bottom(function(d) d * h + 1)
|
|
44
|
+
.left(0).right(20)
|
|
45
|
+
.lineWidth(2).strokeStyle("white")
|
|
46
|
+
.anchor("right").add(pv.Label)
|
|
47
|
+
.text(function(d) d + "\u00b0");
|
|
48
|
+
|
|
49
|
+
/* Actual and forecast range. */
|
|
50
|
+
record.add(pv.Bar)
|
|
51
|
+
.visible(function(d) d.actual)
|
|
52
|
+
.bottom(function(d) d.actual.low * h)
|
|
53
|
+
.height(function(d) (d.actual.high - d.actual.low) * h)
|
|
54
|
+
.left(function() this.index * w + 3)
|
|
55
|
+
.width(w - 8)
|
|
56
|
+
.fillStyle("black")
|
|
57
|
+
.add(pv.Bar)
|
|
58
|
+
.visible(function(d) d.forecast)
|
|
59
|
+
.bottom(function(d) d.forecast.high.low * h)
|
|
60
|
+
.height(function(d) (d.forecast.high.high - d.forecast.high.low) * h)
|
|
61
|
+
.add(pv.Bar)
|
|
62
|
+
.bottom(function(d) d.forecast.low.low * h)
|
|
63
|
+
.height(function(d) (d.forecast.low.high - d.forecast.low.low) * h)
|
|
64
|
+
.add(pv.Bar)
|
|
65
|
+
.bottom(function(d) d.forecast.low.low * h)
|
|
66
|
+
.height(function(d) (d.forecast.high.high - d.forecast.low.low) * h)
|
|
67
|
+
.left(function() this.index * w + 3 + Math.floor((w - 8) / 3))
|
|
68
|
+
.width(Math.ceil((w - 8) / 3));
|
|
69
|
+
|
|
70
|
+
/* Day labels. */
|
|
71
|
+
record.anchor("top").add(pv.Label)
|
|
72
|
+
.top(16)
|
|
73
|
+
.text(function(d) d.day);
|
|
74
|
+
|
|
75
|
+
/* Title. */
|
|
76
|
+
vis.add(pv.Label)
|
|
77
|
+
.top(0).left(0)
|
|
78
|
+
.textBaseline("top")
|
|
79
|
+
.font("bold 10pt Sans-Serif")
|
|
80
|
+
.text("Seattle ");
|
|
81
|
+
|
|
82
|
+
vis.render();
|
|
83
|
+
|
|
84
|
+
</script>
|
|
85
|
+
</div></div></body>
|
|
86
|
+
</html>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var weather = [
|
|
2
|
+
{ day: "M",
|
|
3
|
+
record: { high: 62, low: 15 },
|
|
4
|
+
normal: { high: 50, low: 38 },
|
|
5
|
+
actual: { high: 48, low: 36 } },
|
|
6
|
+
{ day: "T",
|
|
7
|
+
record: { high: 62, low: 23 },
|
|
8
|
+
normal: { high: 50, low: 38 },
|
|
9
|
+
actual: { high: 50, low: 40 } },
|
|
10
|
+
{ day: "W",
|
|
11
|
+
record: { high: 61, low: 20 },
|
|
12
|
+
normal: { high: 50, low: 38 },
|
|
13
|
+
actual: { high: 55, low: 36 } },
|
|
14
|
+
{ day: "T",
|
|
15
|
+
record: { high: 67, low: 21 },
|
|
16
|
+
normal: { high: 50, low: 38 },
|
|
17
|
+
actual: { high: 51, low: 33 } },
|
|
18
|
+
{ day: "F",
|
|
19
|
+
record: { high: 61, low: 23 },
|
|
20
|
+
normal: { high: 50, low: 38 },
|
|
21
|
+
actual: { high: 50, low: 30 } },
|
|
22
|
+
{ day: "S",
|
|
23
|
+
record: { high: 67, low: 20 },
|
|
24
|
+
normal: { high: 50, low: 38 },
|
|
25
|
+
forecast: { high: { high: 53, low: 49 }, low: { high: 40, low: 35 } } },
|
|
26
|
+
{ day: "S",
|
|
27
|
+
record: { high: 63, low: 23 },
|
|
28
|
+
normal: { high: 50, low: 39 },
|
|
29
|
+
forecast: { high: { high: 55, low: 49 }, low: { high: 42, low: 37 } } },
|
|
30
|
+
{ day: "M",
|
|
31
|
+
record: { high: 61, low: 26 },
|
|
32
|
+
normal: { high: 51, low: 39 },
|
|
33
|
+
forecast: { high: { high: 53, low: 49 }, low: { high: 43, low: 40 } } },
|
|
34
|
+
{ day: "T",
|
|
35
|
+
record: { high: 61, low: 24 },
|
|
36
|
+
normal: { high: 51, low: 39 },
|
|
37
|
+
forecast: { high: { high: 52, low: 46 }, low: { high: 44, low: 40 } } },
|
|
38
|
+
{ day: "W",
|
|
39
|
+
record: { high: 63, low: 20 },
|
|
40
|
+
normal: { high: 51, low: 39 },
|
|
41
|
+
forecast: { high: { high: 53, low: 46 }, low: { high: 43, low: 38 } } }
|
|
42
|
+
];
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Wheat & Wages</title>
|
|
4
|
+
<link type="text/css" href="../ex.css" rel="stylesheet"/>
|
|
5
|
+
<script type="text/javascript" src="../../protovis-r3.3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="wheat.js"></script>
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
|
|
9
|
+
body {
|
|
10
|
+
font: oblique small baskerville;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
#fig {
|
|
14
|
+
width: 860px;
|
|
15
|
+
height: 465px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#title {
|
|
19
|
+
position: absolute;
|
|
20
|
+
top: 70px;
|
|
21
|
+
left: 200px;
|
|
22
|
+
padding: 10px;
|
|
23
|
+
background: white;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
large {
|
|
27
|
+
font-size: medium;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
</style>
|
|
31
|
+
</head>
|
|
32
|
+
<body><div id="center"><div id="fig">
|
|
33
|
+
<center id="title">
|
|
34
|
+
<large><b>CHART</b>,<br>
|
|
35
|
+
Shewing at One View<br>
|
|
36
|
+
The Price of The Quarter of Wheat,</large><br> &
|
|
37
|
+
Wages of Labour by the Week,<br>
|
|
38
|
+
from The Year 1565 to 1821,<br>
|
|
39
|
+
by WILLIAM PLAYFAIR
|
|
40
|
+
</center>
|
|
41
|
+
<script type="text/javascript+protovis">
|
|
42
|
+
|
|
43
|
+
var w = 860 - 60,
|
|
44
|
+
h = 465 - 20,
|
|
45
|
+
x = pv.Scale.linear(1565, 1821).range(0, w),
|
|
46
|
+
y = pv.Scale.linear(0, 100).range(0, h);
|
|
47
|
+
|
|
48
|
+
var vis = new pv.Panel()
|
|
49
|
+
.width(w)
|
|
50
|
+
.height(h)
|
|
51
|
+
.right(60)
|
|
52
|
+
.bottom(20);
|
|
53
|
+
|
|
54
|
+
/* Price of The Quarter of Wheat. */
|
|
55
|
+
vis.add(pv.Area)
|
|
56
|
+
.data(wheat)
|
|
57
|
+
.interpolate("step-after")
|
|
58
|
+
.bottom(0)
|
|
59
|
+
.height(function(d) y(d.wheat))
|
|
60
|
+
.left(function(d) x(d.year))
|
|
61
|
+
.fillStyle("#aaa")
|
|
62
|
+
.strokeStyle("#999")
|
|
63
|
+
.add(pv.Rule);
|
|
64
|
+
|
|
65
|
+
/* Weekly Wages of a Good Mechanic. */
|
|
66
|
+
vis.add(pv.Area)
|
|
67
|
+
.data(wheat.filter(function(d) d.wages))
|
|
68
|
+
.left(function(d) x(d.year))
|
|
69
|
+
.bottom(0)
|
|
70
|
+
.height(function(d) y(d.wages))
|
|
71
|
+
.fillStyle("hsla(195, 50%, 80%, .75)")
|
|
72
|
+
.anchor("top").add(pv.Line)
|
|
73
|
+
.fillStyle(null)
|
|
74
|
+
.lineWidth(4)
|
|
75
|
+
.strokeStyle("lightcoral")
|
|
76
|
+
.add(pv.Line)
|
|
77
|
+
.top(function() this.proto.top() + 1.5)
|
|
78
|
+
.lineWidth(1.5)
|
|
79
|
+
.strokeStyle("black");
|
|
80
|
+
|
|
81
|
+
vis.add(pv.Label)
|
|
82
|
+
.left(130).bottom(31)
|
|
83
|
+
.font("italic 10px serif")
|
|
84
|
+
.text("Weekly Wages of a Good Mechanic");
|
|
85
|
+
|
|
86
|
+
/* Y-axis. */
|
|
87
|
+
vis.add(pv.Rule)
|
|
88
|
+
.bottom(-.5)
|
|
89
|
+
.add(pv.Rule)
|
|
90
|
+
.data(pv.range(0, 100, 10))
|
|
91
|
+
.bottom(y)
|
|
92
|
+
.strokeStyle("rgba(255, 255, 255, .2)")
|
|
93
|
+
.anchor("right").add(pv.Label)
|
|
94
|
+
.visible(function() !(this.index & 1))
|
|
95
|
+
.text(function(s) s + (s ? "" : " shillings"));
|
|
96
|
+
|
|
97
|
+
/* X-axis. */
|
|
98
|
+
vis.add(pv.Rule)
|
|
99
|
+
.data(pv.range(1560, 1830, 10))
|
|
100
|
+
.bottom(0)
|
|
101
|
+
.left(x)
|
|
102
|
+
.height(-4)
|
|
103
|
+
.add(pv.Rule)
|
|
104
|
+
.data(pv.range(1600, 1850, 50))
|
|
105
|
+
.height(null)
|
|
106
|
+
.top(0)
|
|
107
|
+
.strokeStyle("rgba(0, 0, 0, .2)")
|
|
108
|
+
.anchor("bottom").add(pv.Label)
|
|
109
|
+
.textMargin(8);
|
|
110
|
+
|
|
111
|
+
/* Monarchs. */
|
|
112
|
+
vis.add(pv.Bar)
|
|
113
|
+
.data(monarch)
|
|
114
|
+
.height(5)
|
|
115
|
+
.top(function(d) (!d.commonwealth && (this.index % 2)) ? 15 : 10)
|
|
116
|
+
.fillStyle(function(d) d.commonwealth ? null : "#000")
|
|
117
|
+
.strokeStyle("#000")
|
|
118
|
+
.left(function(d) x(d.start))
|
|
119
|
+
.width(function(d) x(d.end) - x(d.start))
|
|
120
|
+
.anchor("center").add(pv.Label)
|
|
121
|
+
.textBaseline("top")
|
|
122
|
+
.textMargin(6)
|
|
123
|
+
.font("italic 10px serif")
|
|
124
|
+
.text(function(d) d.name);
|
|
125
|
+
|
|
126
|
+
vis.render();
|
|
127
|
+
|
|
128
|
+
</script>
|
|
129
|
+
</div></div></body>
|
|
130
|
+
</html>
|