bum 0.0.4 → 0.0.12
Sign up to get free protection for your applications and to get access to all the features.
- data/README +0 -12
- data/bin/bum +16 -49
- data/bin/bum_master +20 -0
- data/lib/actor.rb +0 -0
- data/lib/app_role.rb +83 -0
- data/lib/client.rb +104 -0
- data/lib/db_crap.rb +85 -0
- data/lib/db_role.rb +107 -0
- data/lib/demo_socket.rb +51 -0
- data/lib/master.rb +109 -0
- data/lib/master_web.rb +81 -0
- data/lib/nice_socket.rb +77 -0
- data/lib/node.rb +96 -0
- data/lib/proxy_role.rb +132 -0
- data/lib/role.rb +99 -0
- data/lib/scenario.rb +186 -0
- data/lib/server.rb +30 -0
- data/lib/stats_role.rb +89 -0
- data/public/app.css +91 -0
- data/public/css/light.css +105 -0
- data/public/d3/LICENSE +26 -0
- data/public/d3/Makefile +247 -0
- data/public/d3/README.md +51 -0
- data/public/d3/d3.chart.js +984 -0
- data/public/d3/d3.chart.min.js +1 -0
- data/public/d3/d3.csv.js +92 -0
- data/public/d3/d3.csv.min.js +1 -0
- data/public/d3/d3.geo.js +692 -0
- data/public/d3/d3.geo.min.js +1 -0
- data/public/d3/d3.geom.js +825 -0
- data/public/d3/d3.geom.min.js +1 -0
- data/public/d3/d3.js +4013 -0
- data/public/d3/d3.layout.js +1865 -0
- data/public/d3/d3.layout.min.js +1 -0
- data/public/d3/d3.min.js +2 -0
- data/public/d3/d3.time.js +663 -0
- data/public/d3/d3.time.min.js +1 -0
- data/public/d3/examples/albers/albers.html +168 -0
- data/public/d3/examples/area/area-radial.html +48 -0
- data/public/d3/examples/area/area.html +113 -0
- data/public/d3/examples/axis/axis-alternating.html +50 -0
- data/public/d3/examples/axis/axis-ggplot2.html +68 -0
- data/public/d3/examples/axis/axis-multiples.html +117 -0
- data/public/d3/examples/axis/axis-orientations.html +63 -0
- data/public/d3/examples/axis/axis-transition.html +153 -0
- data/public/d3/examples/azimuthal/azimuthal.css +21 -0
- data/public/d3/examples/azimuthal/azimuthal.html +84 -0
- data/public/d3/examples/azimuthal/azimuthal.js +27 -0
- data/public/d3/examples/bar/bar.html +93 -0
- data/public/d3/examples/box/box.css +4 -0
- data/public/d3/examples/box/box.html +19 -0
- data/public/d3/examples/box/box.js +68 -0
- data/public/d3/examples/bubble/bubble.css +8 -0
- data/public/d3/examples/bubble/bubble.html +14 -0
- data/public/d3/examples/bubble/bubble.js +46 -0
- data/public/d3/examples/bullet/bullet.css +10 -0
- data/public/d3/examples/bullet/bullet.html +18 -0
- data/public/d3/examples/bullet/bullet.js +53 -0
- data/public/d3/examples/bullet/bullets.json +7 -0
- data/public/d3/examples/bundle/bundle-radial.css +9 -0
- data/public/d3/examples/bundle/bundle-radial.html +15 -0
- data/public/d3/examples/bundle/bundle-radial.js +50 -0
- data/public/d3/examples/bundle/bundle-treemap.css +14 -0
- data/public/d3/examples/bundle/bundle-treemap.html +16 -0
- data/public/d3/examples/bundle/bundle-treemap.js +53 -0
- data/public/d3/examples/bundle/packages.js +49 -0
- data/public/d3/examples/button.css +35 -0
- data/public/d3/examples/calendar/calendar.css +16 -0
- data/public/d3/examples/calendar/calendar.js +50 -0
- data/public/d3/examples/calendar/dji.csv +5233 -0
- data/public/d3/examples/calendar/dji.html +16 -0
- data/public/d3/examples/calendar/dji.js +61 -0
- data/public/d3/examples/calendar/vix.csv +5231 -0
- data/public/d3/examples/calendar/vix.html +16 -0
- data/public/d3/examples/calendar/vix.js +60 -0
- data/public/d3/examples/cartogram/cartogram.css +20 -0
- data/public/d3/examples/cartogram/cartogram.html +15 -0
- data/public/d3/examples/cartogram/cartogram.js +51 -0
- data/public/d3/examples/cartogram/demers.css +9 -0
- data/public/d3/examples/cartogram/demers.html +16 -0
- data/public/d3/examples/cartogram/demers.js +79 -0
- data/public/d3/examples/cartogram/dorling.css +9 -0
- data/public/d3/examples/cartogram/dorling.html +16 -0
- data/public/d3/examples/cartogram/dorling.js +80 -0
- data/public/d3/examples/chord/chord-flare.html +109 -0
- data/public/d3/examples/chord/chord.css +9 -0
- data/public/d3/examples/chord/chord.html +14 -0
- data/public/d3/examples/chord/chord.js +98 -0
- data/public/d3/examples/choropleth/choropleth-area.html +51 -0
- data/public/d3/examples/choropleth/choropleth-bounds.html +46 -0
- data/public/d3/examples/choropleth/choropleth.css +16 -0
- data/public/d3/examples/choropleth/choropleth.html +15 -0
- data/public/d3/examples/choropleth/choropleth.js +38 -0
- data/public/d3/examples/choropleth/unemployment.json +1 -0
- data/public/d3/examples/clock/clock.css +23 -0
- data/public/d3/examples/clock/clock.html +17 -0
- data/public/d3/examples/clock/clock.js +87 -0
- data/public/d3/examples/cluster/cluster-radial.html +14 -0
- data/public/d3/examples/cluster/cluster-radial.js +39 -0
- data/public/d3/examples/cluster/cluster.css +15 -0
- data/public/d3/examples/cluster/cluster.html +14 -0
- data/public/d3/examples/cluster/cluster.js +39 -0
- data/public/d3/examples/contour/contour.html +108 -0
- data/public/d3/examples/crimea/crimea-stacked-area.html +109 -0
- data/public/d3/examples/crimea/crimea-stacked-bar.html +98 -0
- data/public/d3/examples/crimea/crimea.csv +24 -0
- data/public/d3/examples/data/README +5 -0
- data/public/d3/examples/data/faithful.json +8 -0
- data/public/d3/examples/data/flare-imports.json +222 -0
- data/public/d3/examples/data/flare.json +380 -0
- data/public/d3/examples/data/morley.csv +101 -0
- data/public/d3/examples/data/sample.csv +2 -0
- data/public/d3/examples/data/sample.html +5 -0
- data/public/d3/examples/data/sample.json +1 -0
- data/public/d3/examples/data/sample.txt +1 -0
- data/public/d3/examples/data/sample.xml +4 -0
- data/public/d3/examples/data/stocks.csv +807 -0
- data/public/d3/examples/data/unemployment.csv +1709 -0
- data/public/d3/examples/data/us-borders.json +1 -0
- data/public/d3/examples/data/us-counties.json +3216 -0
- data/public/d3/examples/data/us-state-centroids.json +1 -0
- data/public/d3/examples/data/us-states.json +54 -0
- data/public/d3/examples/data/world-countries.json +246 -0
- data/public/d3/examples/delaunay/delaunay.html +44 -0
- data/public/d3/examples/donut/donut.html +124 -0
- data/public/d3/examples/dot/dot.html +103 -0
- data/public/d3/examples/force/README +10 -0
- data/public/d3/examples/force/force-bounds.html +70 -0
- data/public/d3/examples/force/force-cluster.html +251 -0
- data/public/d3/examples/force/force-dynamic.html +118 -0
- data/public/d3/examples/force/force-interactive.html +136 -0
- data/public/d3/examples/force/force-map.html +104 -0
- data/public/d3/examples/force/force-multi-foci.html +68 -0
- data/public/d3/examples/force/force.css +9 -0
- data/public/d3/examples/force/force.html +14 -0
- data/public/d3/examples/force/force.js +56 -0
- data/public/d3/examples/force/miserables.json +1 -0
- data/public/d3/examples/hello-world/hello-data-key.html +60 -0
- data/public/d3/examples/hello-world/hello-data-nested-key.html +75 -0
- data/public/d3/examples/hello-world/hello-data-nested.html +77 -0
- data/public/d3/examples/hello-world/hello-data.html +46 -0
- data/public/d3/examples/hello-world/hello-event.html +53 -0
- data/public/d3/examples/hello-world/hello-node-key.html +25 -0
- data/public/d3/examples/hello-world/hello-sort.html +75 -0
- data/public/d3/examples/hello-world/hello-transform.html +41 -0
- data/public/d3/examples/hello-world/hello-transition-undefined.html +43 -0
- data/public/d3/examples/hello-world/hello-transition.html +47 -0
- data/public/d3/examples/hello-world/hello-webkit-transition.html +64 -0
- data/public/d3/examples/hello-world/select-enter-add.html +29 -0
- data/public/d3/examples/hello-world/selectAll-enter-add.html +20 -0
- data/public/d3/examples/histogram/histogram.html +80 -0
- data/public/d3/examples/horizon/horizon.css +9 -0
- data/public/d3/examples/horizon/horizon.html +25 -0
- data/public/d3/examples/horizon/horizon.js +43 -0
- data/public/d3/examples/horizon/unemployment.json +1 -0
- data/public/d3/examples/hull/hull.html +75 -0
- data/public/d3/examples/kde/kde.css +9 -0
- data/public/d3/examples/kde/kde.html +14 -0
- data/public/d3/examples/kde/kde.js +40 -0
- data/public/d3/examples/line/line.css +22 -0
- data/public/d3/examples/line/line.html +11 -0
- data/public/d3/examples/line/line.js +63 -0
- data/public/d3/examples/marimekko/marimekko.html +116 -0
- data/public/d3/examples/marimekko/marimekko.json +18 -0
- data/public/d3/examples/marker/marker.html +169 -0
- data/public/d3/examples/mercator/mercator.html +133 -0
- data/public/d3/examples/moire/moire.html +53 -0
- data/public/d3/examples/pack/pack.css +15 -0
- data/public/d3/examples/pack/pack.html +14 -0
- data/public/d3/examples/pack/pack.js +33 -0
- data/public/d3/examples/partition/partition-icicle-zoom.html +59 -0
- data/public/d3/examples/partition/partition-icicle.html +45 -0
- data/public/d3/examples/partition/partition-sunburst-zoom.html +72 -0
- data/public/d3/examples/partition/partition-sunburst.html +21 -0
- data/public/d3/examples/partition/partition-sunburst.js +72 -0
- data/public/d3/examples/pie/pie-transition.html +70 -0
- data/public/d3/examples/pie/pie.html +51 -0
- data/public/d3/examples/population/population.css +28 -0
- data/public/d3/examples/population/population.csv +571 -0
- data/public/d3/examples/population/population.html +13 -0
- data/public/d3/examples/population/population.js +126 -0
- data/public/d3/examples/qq/qq.css +18 -0
- data/public/d3/examples/qq/qq.html +21 -0
- data/public/d3/examples/qq/qq.js +66 -0
- data/public/d3/examples/qq/stats.js +28 -0
- data/public/d3/examples/qq/turkers.json +1 -0
- data/public/d3/examples/quadtree/quadtree.html +114 -0
- data/public/d3/examples/sizzle/sizzle.html +27 -0
- data/public/d3/examples/sort/sort.css +4 -0
- data/public/d3/examples/sort/sort.html +12 -0
- data/public/d3/examples/sort/sort.js +112 -0
- data/public/d3/examples/spline/spline.css +30 -0
- data/public/d3/examples/spline/spline.html +14 -0
- data/public/d3/examples/spline/spline.js +113 -0
- data/public/d3/examples/splom/cross.js +7 -0
- data/public/d3/examples/splom/flowers.json +1 -0
- data/public/d3/examples/splom/splom.css +8 -0
- data/public/d3/examples/splom/splom.html +14 -0
- data/public/d3/examples/splom/splom.js +149 -0
- data/public/d3/examples/stream/stack.css +7 -0
- data/public/d3/examples/stream/stack.html +22 -0
- data/public/d3/examples/stream/stack.js +119 -0
- data/public/d3/examples/stream/stream.css +3 -0
- data/public/d3/examples/stream/stream.html +19 -0
- data/public/d3/examples/stream/stream.js +42 -0
- data/public/d3/examples/stream/stream_layers.js +33 -0
- data/public/d3/examples/superformula/dot.html +104 -0
- data/public/d3/examples/superformula/explorer.html +120 -0
- data/public/d3/examples/superformula/superformula.html +70 -0
- data/public/d3/examples/superformula/superformula.js +98 -0
- data/public/d3/examples/symbol-map/symbol-map.html +67 -0
- data/public/d3/examples/touch/touch.html +65 -0
- data/public/d3/examples/tree/tree-dynamic.html +111 -0
- data/public/d3/examples/tree/tree-interactive.html +139 -0
- data/public/d3/examples/tree/tree-radial.html +14 -0
- data/public/d3/examples/tree/tree-radial.js +40 -0
- data/public/d3/examples/tree/tree.css +15 -0
- data/public/d3/examples/tree/tree.html +14 -0
- data/public/d3/examples/tree/tree.js +39 -0
- data/public/d3/examples/treemap/treemap-svg.html +22 -0
- data/public/d3/examples/treemap/treemap-svg.js +34 -0
- data/public/d3/examples/treemap/treemap.css +8 -0
- data/public/d3/examples/treemap/treemap.html +22 -0
- data/public/d3/examples/treemap/treemap.js +53 -0
- data/public/d3/examples/voroboids/boid.js +235 -0
- data/public/d3/examples/voroboids/voroboids.css +15 -0
- data/public/d3/examples/voroboids/voroboids.html +14 -0
- data/public/d3/examples/voroboids/voroboids.js +65 -0
- data/public/d3/examples/voronoi/voronoi.css +16 -0
- data/public/d3/examples/voronoi/voronoi.html +15 -0
- data/public/d3/examples/voronoi/voronoi.js +34 -0
- data/public/d3/examples/zoom-pan/zoom-pan-transform.html +95 -0
- data/public/d3/examples/zoom-pan/zoom-pan.html +119 -0
- data/public/d3/examples/zoom/dji.csv +5233 -0
- data/public/d3/examples/zoom/zoom.html +162 -0
- data/public/d3/lib/colorbrewer/LICENSE +38 -0
- data/public/d3/lib/colorbrewer/colorbrewer.css +1327 -0
- data/public/d3/lib/colorbrewer/colorbrewer.js +32 -0
- data/public/d3/lib/jit/LICENSE +27 -0
- data/public/d3/lib/jquery-ui/LICENSE +25 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_flat_10_000000_40x100.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-icons_222222_256x240.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-icons_228ef1_256x240.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-icons_ef8c08_256x240.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-icons_ffd27a_256x240.png +0 -0
- data/public/d3/lib/jquery-ui/images/ui-icons_ffffff_256x240.png +0 -0
- data/public/d3/lib/jquery-ui/jquery-ui.css +318 -0
- data/public/d3/lib/jquery-ui/jquery-ui.min.js +83 -0
- data/public/d3/lib/jquery/LICENSE +20 -0
- data/public/d3/lib/jquery/jquery.js +6883 -0
- data/public/d3/lib/jquery/jquery.min.js +166 -0
- data/public/d3/lib/polymaps/LICENSE +28 -0
- data/public/d3/lib/protovis/LICENSE +27 -0
- data/public/d3/lib/science/LICENSE +26 -0
- data/public/d3/lib/science/science.js +5 -0
- data/public/d3/lib/science/science.min.js +1 -0
- data/public/d3/lib/science/science.stats.js +166 -0
- data/public/d3/lib/science/science.stats.min.js +1 -0
- data/public/d3/lib/sizzle/LICENSE +24 -0
- data/public/d3/lib/sizzle/sizzle.js +1376 -0
- data/public/d3/lib/sizzle/sizzle.min.js +28 -0
- data/public/d3/package.json +14 -0
- data/public/d3/src/behavior/behavior.js +1 -0
- data/public/d3/src/behavior/drag.js +106 -0
- data/public/d3/src/behavior/zoom.js +212 -0
- data/public/d3/src/chart/box.js +297 -0
- data/public/d3/src/chart/bullet.js +237 -0
- data/public/d3/src/chart/chart.js +1 -0
- data/public/d3/src/chart/horizon.js +203 -0
- data/public/d3/src/chart/qq.js +245 -0
- data/public/d3/src/compat/date.js +3 -0
- data/public/d3/src/compat/style.js +9 -0
- data/public/d3/src/core/array.js +11 -0
- data/public/d3/src/core/ascending.js +3 -0
- data/public/d3/src/core/bisect.js +38 -0
- data/public/d3/src/core/collapse.js +3 -0
- data/public/d3/src/core/core.js +1 -0
- data/public/d3/src/core/descending.js +3 -0
- data/public/d3/src/core/dispatch.js +45 -0
- data/public/d3/src/core/ease.js +128 -0
- data/public/d3/src/core/entries.js +5 -0
- data/public/d3/src/core/event.js +1 -0
- data/public/d3/src/core/first.js +13 -0
- data/public/d3/src/core/format.js +85 -0
- data/public/d3/src/core/functor.js +3 -0
- data/public/d3/src/core/hsl.js +62 -0
- data/public/d3/src/core/html.js +10 -0
- data/public/d3/src/core/interpolate.js +180 -0
- data/public/d3/src/core/json.js +5 -0
- data/public/d3/src/core/keys.js +5 -0
- data/public/d3/src/core/last.js +13 -0
- data/public/d3/src/core/max.js +14 -0
- data/public/d3/src/core/merge.js +3 -0
- data/public/d3/src/core/min.js +14 -0
- data/public/d3/src/core/nest.js +87 -0
- data/public/d3/src/core/noop.js +1 -0
- data/public/d3/src/core/ns.js +19 -0
- data/public/d3/src/core/permute.js +7 -0
- data/public/d3/src/core/quantile.js +8 -0
- data/public/d3/src/core/range.js +21 -0
- data/public/d3/src/core/rebind.js +7 -0
- data/public/d3/src/core/requote.js +5 -0
- data/public/d3/src/core/rgb.js +284 -0
- data/public/d3/src/core/round.js +5 -0
- data/public/d3/src/core/selection-append.js +15 -0
- data/public/d3/src/core/selection-attr.js +44 -0
- data/public/d3/src/core/selection-call.js +13 -0
- data/public/d3/src/core/selection-classed.js +46 -0
- data/public/d3/src/core/selection-data.js +110 -0
- data/public/d3/src/core/selection-each.js +9 -0
- data/public/d3/src/core/selection-empty.js +3 -0
- data/public/d3/src/core/selection-enter-select.js +24 -0
- data/public/d3/src/core/selection-enter.js +10 -0
- data/public/d3/src/core/selection-filter.js +19 -0
- data/public/d3/src/core/selection-html.js +6 -0
- data/public/d3/src/core/selection-insert.js +20 -0
- data/public/d3/src/core/selection-map.js +5 -0
- data/public/d3/src/core/selection-node.js +9 -0
- data/public/d3/src/core/selection-on.js +34 -0
- data/public/d3/src/core/selection-property.js +23 -0
- data/public/d3/src/core/selection-remove.js +9 -0
- data/public/d3/src/core/selection-root.js +16 -0
- data/public/d3/src/core/selection-select.js +30 -0
- data/public/d3/src/core/selection-selectAll.js +24 -0
- data/public/d3/src/core/selection-sort.js +20 -0
- data/public/d3/src/core/selection-style.js +26 -0
- data/public/d3/src/core/selection-text.js +6 -0
- data/public/d3/src/core/selection-transition.js +14 -0
- data/public/d3/src/core/selection.js +21 -0
- data/public/d3/src/core/split.js +21 -0
- data/public/d3/src/core/sum.js +14 -0
- data/public/d3/src/core/text.js +10 -0
- data/public/d3/src/core/this.js +3 -0
- data/public/d3/src/core/timer.js +104 -0
- data/public/d3/src/core/transition-attr.js +23 -0
- data/public/d3/src/core/transition-delay.js +6 -0
- data/public/d3/src/core/transition-duration.js +6 -0
- data/public/d3/src/core/transition-each.js +9 -0
- data/public/d3/src/core/transition-remove.js +6 -0
- data/public/d3/src/core/transition-select.js +22 -0
- data/public/d3/src/core/transition-selectAll.js +20 -0
- data/public/d3/src/core/transition-style.js +14 -0
- data/public/d3/src/core/transition-text.js +7 -0
- data/public/d3/src/core/transition-transition.js +3 -0
- data/public/d3/src/core/transition.js +105 -0
- data/public/d3/src/core/uninterpolate.js +9 -0
- data/public/d3/src/core/values.js +5 -0
- data/public/d3/src/core/xhr.js +10 -0
- data/public/d3/src/core/xml.js +10 -0
- data/public/d3/src/core/zip.js +13 -0
- data/public/d3/src/csv/csv.js +5 -0
- data/public/d3/src/csv/format.js +13 -0
- data/public/d3/src/csv/parse.js +73 -0
- data/public/d3/src/end.js +1 -0
- data/public/d3/src/externs.js +6 -0
- data/public/d3/src/geo/albers.js +128 -0
- data/public/d3/src/geo/azimuthal.js +70 -0
- data/public/d3/src/geo/bounds.js +76 -0
- data/public/d3/src/geo/geo.js +1 -0
- data/public/d3/src/geo/greatCircle.js +91 -0
- data/public/d3/src/geo/mercator.js +36 -0
- data/public/d3/src/geo/path.js +289 -0
- data/public/d3/src/geom/contour.js +78 -0
- data/public/d3/src/geom/delaunay.js +31 -0
- data/public/d3/src/geom/geom.js +1 -0
- data/public/d3/src/geom/hull.js +98 -0
- data/public/d3/src/geom/polygon.js +88 -0
- data/public/d3/src/geom/quadtree.js +129 -0
- data/public/d3/src/geom/voronoi.js +399 -0
- data/public/d3/src/layout/bundle.js +57 -0
- data/public/d3/src/layout/chord.js +148 -0
- data/public/d3/src/layout/cluster.js +77 -0
- data/public/d3/src/layout/force.js +332 -0
- data/public/d3/src/layout/hierarchy.js +120 -0
- data/public/d3/src/layout/histogram.js +102 -0
- data/public/d3/src/layout/layout.js +1 -0
- data/public/d3/src/layout/pack.js +200 -0
- data/public/d3/src/layout/partition.js +48 -0
- data/public/d3/src/layout/pie.js +95 -0
- data/public/d3/src/layout/stack.js +237 -0
- data/public/d3/src/layout/tree.js +234 -0
- data/public/d3/src/layout/treemap.js +213 -0
- data/public/d3/src/scale/bilinear.js +7 -0
- data/public/d3/src/scale/category.js +54 -0
- data/public/d3/src/scale/linear.js +115 -0
- data/public/d3/src/scale/log.js +80 -0
- data/public/d3/src/scale/nice.js +21 -0
- data/public/d3/src/scale/ordinal.js +74 -0
- data/public/d3/src/scale/polylinear.js +16 -0
- data/public/d3/src/scale/pow.js +54 -0
- data/public/d3/src/scale/quantile.js +43 -0
- data/public/d3/src/scale/quantize.js +36 -0
- data/public/d3/src/scale/scale.js +6 -0
- data/public/d3/src/scale/sqrt.js +3 -0
- data/public/d3/src/start.js +1 -0
- data/public/d3/src/svg/arc.js +95 -0
- data/public/d3/src/svg/area-radial.js +10 -0
- data/public/d3/src/svg/area.js +84 -0
- data/public/d3/src/svg/axis.js +182 -0
- data/public/d3/src/svg/chord.js +99 -0
- data/public/d3/src/svg/diagonal-radial.js +22 -0
- data/public/d3/src/svg/diagonal.js +38 -0
- data/public/d3/src/svg/line-radial.js +22 -0
- data/public/d3/src/svg/line.js +419 -0
- data/public/d3/src/svg/mouse.js +29 -0
- data/public/d3/src/svg/svg.js +1 -0
- data/public/d3/src/svg/symbol.js +98 -0
- data/public/d3/src/svg/touches.js +8 -0
- data/public/d3/src/time/day.js +7 -0
- data/public/d3/src/time/days.js +11 -0
- data/public/d3/src/time/format-iso.js +1 -0
- data/public/d3/src/time/format-utc.js +48 -0
- data/public/d3/src/time/format.js +315 -0
- data/public/d3/src/time/hour.js +8 -0
- data/public/d3/src/time/hours.js +11 -0
- data/public/d3/src/time/minute.js +5 -0
- data/public/d3/src/time/minutes.js +11 -0
- data/public/d3/src/time/month.js +7 -0
- data/public/d3/src/time/months.js +11 -0
- data/public/d3/src/time/range.js +16 -0
- data/public/d3/src/time/scale-utc.js +36 -0
- data/public/d3/src/time/scale.js +123 -0
- data/public/d3/src/time/second.js +5 -0
- data/public/d3/src/time/seconds.js +7 -0
- data/public/d3/src/time/time.js +3 -0
- data/public/d3/src/time/week.js +9 -0
- data/public/d3/src/time/weeks.js +11 -0
- data/public/d3/src/time/year.js +7 -0
- data/public/d3/src/time/years.js +11 -0
- data/public/d3/test/core/ascending-test.js +47 -0
- data/public/d3/test/core/bisect-test.js +103 -0
- data/public/d3/test/core/descending-test.js +47 -0
- data/public/d3/test/core/dispatch-test.js +116 -0
- data/public/d3/test/core/ease-test.js +129 -0
- data/public/d3/test/core/entries-test.js +43 -0
- data/public/d3/test/core/first-test.js +42 -0
- data/public/d3/test/core/format-test.js +204 -0
- data/public/d3/test/core/functor-test.js +29 -0
- data/public/d3/test/core/hsl-test.js +87 -0
- data/public/d3/test/core/html-test.js +37 -0
- data/public/d3/test/core/interpolate-test.js +203 -0
- data/public/d3/test/core/json-test.js +37 -0
- data/public/d3/test/core/keys-test.js +31 -0
- data/public/d3/test/core/last-test.js +42 -0
- data/public/d3/test/core/max-test.js +50 -0
- data/public/d3/test/core/merge-test.js +27 -0
- data/public/d3/test/core/min-test.js +50 -0
- data/public/d3/test/core/nest-test.js +236 -0
- data/public/d3/test/core/ns-test.js +53 -0
- data/public/d3/test/core/permute-test.js +53 -0
- data/public/d3/test/core/quantile-test.js +50 -0
- data/public/d3/test/core/range-test.js +93 -0
- data/public/d3/test/core/rebind-test.js +38 -0
- data/public/d3/test/core/requote-test.js +53 -0
- data/public/d3/test/core/rgb-test.js +89 -0
- data/public/d3/test/core/round-test.js +70 -0
- data/public/d3/test/core/select-test.js +42 -0
- data/public/d3/test/core/selectAll-test.js +42 -0
- data/public/d3/test/core/selection-append-test.js +119 -0
- data/public/d3/test/core/selection-attr-test.js +153 -0
- data/public/d3/test/core/selection-call-test.js +71 -0
- data/public/d3/test/core/selection-classed-test.js +200 -0
- data/public/d3/test/core/selection-data-test.js +165 -0
- data/public/d3/test/core/selection-each-test.js +83 -0
- data/public/d3/test/core/selection-empty-test.js +51 -0
- data/public/d3/test/core/selection-filter-test.js +63 -0
- data/public/d3/test/core/selection-html-test.js +121 -0
- data/public/d3/test/core/selection-insert-test.js +132 -0
- data/public/d3/test/core/selection-map-test.js +47 -0
- data/public/d3/test/core/selection-node-test.js +50 -0
- data/public/d3/test/core/selection-on-test.js +95 -0
- data/public/d3/test/core/selection-property-test.js +91 -0
- data/public/d3/test/core/selection-remove-test.js +39 -0
- data/public/d3/test/core/selection-select-test.js +125 -0
- data/public/d3/test/core/selection-selectAll-test.js +127 -0
- data/public/d3/test/core/selection-sort-test.js +59 -0
- data/public/d3/test/core/selection-style-test.js +100 -0
- data/public/d3/test/core/selection-test.js +35 -0
- data/public/d3/test/core/selection-text-test.js +109 -0
- data/public/d3/test/core/split-test.js +34 -0
- data/public/d3/test/core/sum-test.js +47 -0
- data/public/d3/test/core/text-test.js +48 -0
- data/public/d3/test/core/timer-test.js +62 -0
- data/public/d3/test/core/transition-test-attr.js +33 -0
- data/public/d3/test/core/transition-test-attrTween.js +67 -0
- data/public/d3/test/core/transition-test-call.js +33 -0
- data/public/d3/test/core/transition-test-delay.js +41 -0
- data/public/d3/test/core/transition-test-duration.js +41 -0
- data/public/d3/test/core/transition-test-each.js +166 -0
- data/public/d3/test/core/transition-test-id.js +20 -0
- data/public/d3/test/core/transition-test-remove.js +46 -0
- data/public/d3/test/core/transition-test-select.js +63 -0
- data/public/d3/test/core/transition-test-selectAll.js +55 -0
- data/public/d3/test/core/transition-test-style.js +38 -0
- data/public/d3/test/core/transition-test-styleTween.js +73 -0
- data/public/d3/test/core/transition-test-text.js +30 -0
- data/public/d3/test/core/transition-test-transition.js +60 -0
- data/public/d3/test/core/transition-test-tween.js +71 -0
- data/public/d3/test/core/transition-test.js +65 -0
- data/public/d3/test/core/values-test.js +35 -0
- data/public/d3/test/core/version-test.js +18 -0
- data/public/d3/test/core/xhr-test.js +56 -0
- data/public/d3/test/core/xml-test.js +48 -0
- data/public/d3/test/core/zip-test.js +32 -0
- data/public/d3/test/csv/csv-test.js +38 -0
- data/public/d3/test/csv/format-test.js +39 -0
- data/public/d3/test/csv/parse-test.js +101 -0
- data/public/d3/test/env-assert.js +96 -0
- data/public/d3/test/env-fragment.js +8 -0
- data/public/d3/test/env-xhr.js +56 -0
- data/public/d3/test/env.js +13 -0
- data/public/d3/test/geo/albers-test.js +57 -0
- data/public/d3/test/geo/azimuthal-test.js +89 -0
- data/public/d3/test/geo/greatCircle-test.js +42 -0
- data/public/d3/test/geo/mercator-test.js +57 -0
- data/public/d3/test/layout/histogram-test.js +91 -0
- data/public/d3/test/layout/partition-test.js +39 -0
- data/public/d3/test/layout/tree-test.js +21 -0
- data/public/d3/test/layout/treemap-test.js +180 -0
- data/public/d3/test/scale/category-test.js +74 -0
- data/public/d3/test/scale/linear-test.js +239 -0
- data/public/d3/test/scale/log-test.js +220 -0
- data/public/d3/test/scale/ordinal-test.js +193 -0
- data/public/d3/test/scale/pow-test.js +259 -0
- data/public/d3/test/scale/quantile-test.js +64 -0
- data/public/d3/test/scale/quantize-test.js +69 -0
- data/public/d3/test/scale/sqrt-test.js +256 -0
- data/public/d3/test/svg/arc-test.js +147 -0
- data/public/d3/test/svg/area-radial-test.js +200 -0
- data/public/d3/test/svg/area-test.js +191 -0
- data/public/d3/test/svg/axis-test.js +347 -0
- data/public/d3/test/svg/line-radial-test.js +125 -0
- data/public/d3/test/svg/line-test.js +189 -0
- data/public/d3/test/svg/symbol-test.js +96 -0
- data/public/d3/test/time/day-test.js +65 -0
- data/public/d3/test/time/days-test.js +105 -0
- data/public/d3/test/time/format-test.js +430 -0
- data/public/d3/test/time/hour-test.js +103 -0
- data/public/d3/test/time/hours-test.js +135 -0
- data/public/d3/test/time/minute-test.js +43 -0
- data/public/d3/test/time/minutes-test.js +101 -0
- data/public/d3/test/time/month-test.js +53 -0
- data/public/d3/test/time/months-test.js +105 -0
- data/public/d3/test/time/scale-test.js +525 -0
- data/public/d3/test/time/second-test.js +41 -0
- data/public/d3/test/time/seconds-test.js +101 -0
- data/public/d3/test/time/week-test.js +59 -0
- data/public/d3/test/time/weeks-test.js +105 -0
- data/public/d3/test/time/year-test.js +41 -0
- data/public/d3/test/time/years-test.js +73 -0
- data/public/graph.js +42 -0
- data/public/jquery.min.js +4 -0
- data/public/test.html +36 -0
- data/public/testdata/bigfucker.js +212 -0
- data/public/testdata/names_and_enabled.js +232 -0
- data/public/testdata/one.js +79 -0
- data/public/testdata/withnames.js +198 -0
- data/public/viz.js +289 -0
- data/views/graph.erb +15 -0
- data/views/one.erb +34 -0
- data/views/two.erb +44 -0
- data/views/vis.erb +47 -0
- metadata +594 -18
- data/lib/bum.rb +0 -385
- data/lib/client.rb.erb +0 -7
- data/lib/dhcpd.rb +0 -84
- data/lib/hosts.rb +0 -61
- data/lib/vmx.rb +0 -24
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Streamgraph</title>
|
|
5
|
+
<script type="text/javascript" src="../../d3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="../../d3.layout.js"></script>
|
|
7
|
+
<script type="text/javascript" src="stream_layers.js"></script>
|
|
8
|
+
<link type="text/css" rel="stylesheet" href="../button.css"/>
|
|
9
|
+
<link type="text/css" rel="stylesheet" href="stream.css"/>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div id="chart">
|
|
13
|
+
<button class="first last" onclick="transition()">
|
|
14
|
+
Update
|
|
15
|
+
</button><p>
|
|
16
|
+
</div>
|
|
17
|
+
<script type="text/javascript" src="stream.js"></script>
|
|
18
|
+
</body>
|
|
19
|
+
</html>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var n = 20, // number of layers
|
|
2
|
+
m = 200, // number of samples per layer
|
|
3
|
+
data0 = d3.layout.stack().offset("wiggle")(stream_layers(n, m)),
|
|
4
|
+
data1 = d3.layout.stack().offset("wiggle")(stream_layers(n, m)),
|
|
5
|
+
color = d3.interpolateRgb("#aad", "#556");
|
|
6
|
+
|
|
7
|
+
var w = 960,
|
|
8
|
+
h = 500,
|
|
9
|
+
mx = m - 1,
|
|
10
|
+
my = d3.max(data0.concat(data1), function(d) {
|
|
11
|
+
return d3.max(d, function(d) {
|
|
12
|
+
return d.y0 + d.y;
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
var area = d3.svg.area()
|
|
17
|
+
.x(function(d) { return d.x * w / mx; })
|
|
18
|
+
.y0(function(d) { return h - d.y0 * h / my; })
|
|
19
|
+
.y1(function(d) { return h - (d.y + d.y0) * h / my; });
|
|
20
|
+
|
|
21
|
+
var vis = d3.select("#chart")
|
|
22
|
+
.append("svg:svg")
|
|
23
|
+
.attr("width", w)
|
|
24
|
+
.attr("height", h);
|
|
25
|
+
|
|
26
|
+
vis.selectAll("path")
|
|
27
|
+
.data(data0)
|
|
28
|
+
.enter().append("svg:path")
|
|
29
|
+
.style("fill", function() { return color(Math.random()); })
|
|
30
|
+
.attr("d", area);
|
|
31
|
+
|
|
32
|
+
function transition() {
|
|
33
|
+
d3.selectAll("path")
|
|
34
|
+
.data(function() {
|
|
35
|
+
var d = data1;
|
|
36
|
+
data1 = data0;
|
|
37
|
+
return data0 = d;
|
|
38
|
+
})
|
|
39
|
+
.transition()
|
|
40
|
+
.duration(2500)
|
|
41
|
+
.attr("d", area);
|
|
42
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* Inspired by Lee Byron's test data generator. */
|
|
2
|
+
function stream_layers(n, m, o) {
|
|
3
|
+
if (arguments.length < 3) o = 0;
|
|
4
|
+
function bump(a) {
|
|
5
|
+
var x = 1 / (.1 + Math.random()),
|
|
6
|
+
y = 2 * Math.random() - .5,
|
|
7
|
+
z = 10 / (.1 + Math.random());
|
|
8
|
+
for (var i = 0; i < m; i++) {
|
|
9
|
+
var w = (i / m - y) * z;
|
|
10
|
+
a[i] += x * Math.exp(-w * w);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return d3.range(n).map(function() {
|
|
14
|
+
var a = [], i;
|
|
15
|
+
for (i = 0; i < m; i++) a[i] = o + o * Math.random();
|
|
16
|
+
for (i = 0; i < 5; i++) bump(a);
|
|
17
|
+
return a.map(stream_index);
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* Another layer generator using gamma distributions. */
|
|
22
|
+
function stream_waves(n, m) {
|
|
23
|
+
return d3.range(n).map(function(i) {
|
|
24
|
+
return d3.range(m).map(function(j) {
|
|
25
|
+
var x = 20 * j / m - i / 3;
|
|
26
|
+
return 2 * x * Math.exp(-.5 * x);
|
|
27
|
+
}).map(stream_index);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function stream_index(d, i) {
|
|
32
|
+
return {x: i, y: Math.max(0, d)};
|
|
33
|
+
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Dot Plot</title>
|
|
5
|
+
<script type="text/javascript" src="../../d3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="superformula.js"></script>
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
|
|
9
|
+
body {
|
|
10
|
+
font: 10px sans-serif;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
path.dot {
|
|
14
|
+
fill: white;
|
|
15
|
+
stroke-width: 1.5px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
rect {
|
|
19
|
+
fill: none;
|
|
20
|
+
stroke: black;
|
|
21
|
+
shape-rendering: crispEdges;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.x line, .y line {
|
|
25
|
+
stroke: #ccc;
|
|
26
|
+
shape-rendering: crispEdges;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
</style>
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<script type="text/javascript">
|
|
33
|
+
|
|
34
|
+
var data = d3.range(100).map(function(i) {
|
|
35
|
+
return {x: i / 99, y: Math.random()};
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
var w = 450,
|
|
39
|
+
h = 450,
|
|
40
|
+
p = 20,
|
|
41
|
+
x = d3.scale.linear().range([0, w]),
|
|
42
|
+
y = d3.scale.linear().range([h, 0]),
|
|
43
|
+
type = d3.scale.ordinal().range(superformulaTypes),
|
|
44
|
+
color = d3.scale.category10();
|
|
45
|
+
|
|
46
|
+
var vis = d3.select("body")
|
|
47
|
+
.append("svg:svg")
|
|
48
|
+
.attr("width", w + p * 2)
|
|
49
|
+
.attr("height", h + p * 2)
|
|
50
|
+
.append("svg:g")
|
|
51
|
+
.attr("transform", "translate(" + p + "," + p + ")");
|
|
52
|
+
|
|
53
|
+
var xrule = vis.selectAll("g.x")
|
|
54
|
+
.data(x.ticks(10))
|
|
55
|
+
.enter().append("svg:g")
|
|
56
|
+
.attr("class", "x");
|
|
57
|
+
|
|
58
|
+
xrule.append("svg:line")
|
|
59
|
+
.attr("x1", x)
|
|
60
|
+
.attr("x2", x)
|
|
61
|
+
.attr("y1", 0)
|
|
62
|
+
.attr("y2", h);
|
|
63
|
+
|
|
64
|
+
xrule.append("svg:text")
|
|
65
|
+
.attr("x", x)
|
|
66
|
+
.attr("y", h + 3)
|
|
67
|
+
.attr("dy", ".71em")
|
|
68
|
+
.attr("text-anchor", "middle")
|
|
69
|
+
.text(x.tickFormat(10));
|
|
70
|
+
|
|
71
|
+
var yrule = vis.selectAll("g.y")
|
|
72
|
+
.data(y.ticks(10))
|
|
73
|
+
.enter().append("svg:g")
|
|
74
|
+
.attr("class", "y");
|
|
75
|
+
|
|
76
|
+
yrule.append("svg:line")
|
|
77
|
+
.attr("x1", 0)
|
|
78
|
+
.attr("x2", w)
|
|
79
|
+
.attr("y1", y)
|
|
80
|
+
.attr("y2", y);
|
|
81
|
+
|
|
82
|
+
yrule.append("svg:text")
|
|
83
|
+
.attr("x", -3)
|
|
84
|
+
.attr("y", y)
|
|
85
|
+
.attr("dy", ".35em")
|
|
86
|
+
.attr("text-anchor", "end")
|
|
87
|
+
.text(y.tickFormat(10));
|
|
88
|
+
|
|
89
|
+
vis.append("svg:rect")
|
|
90
|
+
.attr("width", w)
|
|
91
|
+
.attr("height", h);
|
|
92
|
+
|
|
93
|
+
vis.selectAll("path.dot")
|
|
94
|
+
.data(data)
|
|
95
|
+
.enter().append("svg:path")
|
|
96
|
+
.attr("class", "dot")
|
|
97
|
+
.attr("stroke", function(d, i) { return color(i); })
|
|
98
|
+
.attr("transform", function(d) { return "translate(" + x(d.x) + "," + y(d.y) + ")"; })
|
|
99
|
+
.attr("d", superformula()
|
|
100
|
+
.type(function(d, i) { return type(i); }));
|
|
101
|
+
|
|
102
|
+
</script>
|
|
103
|
+
</body>
|
|
104
|
+
</html>
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Superformula</title>
|
|
5
|
+
<script type="text/javascript" src="../../d3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="superformula.js"></script>
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
|
|
9
|
+
path {
|
|
10
|
+
stroke-width: 1.5px;
|
|
11
|
+
stroke: #666;
|
|
12
|
+
fill: #ddd;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
#controls {
|
|
16
|
+
position: absolute;
|
|
17
|
+
width: 240px;
|
|
18
|
+
font: 10px sans-serif;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
#controls span, #controls label {
|
|
22
|
+
position: relative;
|
|
23
|
+
top: -5px;
|
|
24
|
+
padding: 5px;
|
|
25
|
+
display: inline-block;
|
|
26
|
+
width: 20px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
#controls button {
|
|
30
|
+
font: 10px sans-serif;
|
|
31
|
+
padding: 5px;
|
|
32
|
+
width: 70px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
</style>
|
|
36
|
+
</head>
|
|
37
|
+
<body>
|
|
38
|
+
<div id="controls"></div>
|
|
39
|
+
<script type="text/javascript">
|
|
40
|
+
|
|
41
|
+
var types = {
|
|
42
|
+
asterisk: {m: 12, n1: .3, n2: 0, n3: 10, a: 1, b: 1},
|
|
43
|
+
bean: {m: 2, n1: 1, n2: 4, n3: 8, a: 1, b: 1},
|
|
44
|
+
butterfly: {m: 3, n1: 1, n2: 6, n3: 2, a: .6, b: 1},
|
|
45
|
+
circle: {m: 4, n1: 2, n2: 2, n3: 2, a: 1, b: 1},
|
|
46
|
+
clover: {m: 6, n1: .3, n2: 0, n3: 10, a: 1, b: 1},
|
|
47
|
+
cloverFour: {m: 8, n1: 10, n2: -1, n3: -8, a: 1, b: 1},
|
|
48
|
+
cross: {m: 8, n1: 1.3, n2: .01, n3: 8, a: 1, b: 1},
|
|
49
|
+
diamond: {m: 4, n1: 1, n2: 1, n3: 1, a: 1, b: 1},
|
|
50
|
+
drop: {m: 1, n1: .5, n2: .5, n3: .5, a: 1, b: 1},
|
|
51
|
+
ellipse: {m: 4, n1: 2, n2: 2, n3: 2, a: 9, b: 6},
|
|
52
|
+
gear: {m: 19, n1: 100, n2: 50, n3: 50, a: 1, b: 1},
|
|
53
|
+
heart: {m: 1, n1: .8, n2: 1, n3: -8, a: 1, b: .18},
|
|
54
|
+
heptagon: {m: 7, n1: 1000, n2: 400, n3: 400, a: 1, b: 1},
|
|
55
|
+
hexagon: {m: 6, n1: 1000, n2: 400, n3: 400, a: 1, b: 1},
|
|
56
|
+
malteseCross: {m: 8, n1: .9, n2: .1, n3: 100, a: 1, b: 1},
|
|
57
|
+
pentagon: {m: 5, n1: 1000, n2: 600, n3: 600, a: 1, b: 1},
|
|
58
|
+
rectangle: {m: 4, n1: 100, n2: 100, n3: 100, a: 2, b: 1},
|
|
59
|
+
roundedStar: {m: 5, n1: 2, n2: 7, n3: 7, a: 1, b: 1},
|
|
60
|
+
square: {m: 4, n1: 100, n2: 100, n3: 100, a: 1, b: 1},
|
|
61
|
+
star: {m: 5, n1: 30, n2: 100, n3: 100, a: 1, b: 1},
|
|
62
|
+
triangle: {m: 3, n1: 100, n2: 200, n3: 200, a: 1, b: 1}
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
var format = d3.format(".4n"),
|
|
66
|
+
scale = d3.scale.linear().domain([-10, 20, 1000]).range([0, 800, 1000]);
|
|
67
|
+
|
|
68
|
+
var svg = d3.select("body").append("svg:svg")
|
|
69
|
+
.attr("width", 960)
|
|
70
|
+
.attr("height", 500);
|
|
71
|
+
|
|
72
|
+
var shape = superformula()
|
|
73
|
+
.type("asterisk")
|
|
74
|
+
.size(100000)
|
|
75
|
+
.segments(3600);
|
|
76
|
+
|
|
77
|
+
var path = svg.append("svg:path")
|
|
78
|
+
.attr("class", "big")
|
|
79
|
+
.attr("transform", "translate(480,250)")
|
|
80
|
+
.attr("d", shape);
|
|
81
|
+
|
|
82
|
+
var control = d3.select("#controls").selectAll("div")
|
|
83
|
+
.data(d3.entries(types.asterisk))
|
|
84
|
+
.enter().append("div")
|
|
85
|
+
.attr("id", function(d) { return d.key; });
|
|
86
|
+
|
|
87
|
+
control.append("label")
|
|
88
|
+
.text(function(d) { return d.key; });
|
|
89
|
+
|
|
90
|
+
control.append("input")
|
|
91
|
+
.attr("type", "range")
|
|
92
|
+
.attr("max", 1000)
|
|
93
|
+
.attr("min", 0)
|
|
94
|
+
.property("value", function(d) { return scale(d.value); })
|
|
95
|
+
.on("change", function(d) {
|
|
96
|
+
var v = scale.invert(this.value);
|
|
97
|
+
path.attr("d", shape.param(d.key, v));
|
|
98
|
+
d3.select(this.nextSibling).text(format(v));
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
control.append("span")
|
|
102
|
+
.text(function(d) { return format(d.value); });
|
|
103
|
+
|
|
104
|
+
var types = d3.select("#controls").append("div").selectAll("button")
|
|
105
|
+
.data(d3.entries(types))
|
|
106
|
+
.enter().append("button")
|
|
107
|
+
.text(function(d) { return d.key; })
|
|
108
|
+
.on("click", function(d) {
|
|
109
|
+
for (var param in d.value) {
|
|
110
|
+
var control = d3.select("#" + param);
|
|
111
|
+
control.select("input").property("value", scale(d.value[param]));
|
|
112
|
+
control.select("span").text(format(d.value[param]));
|
|
113
|
+
shape.param(param, d.value[param]);
|
|
114
|
+
}
|
|
115
|
+
path.attr("d", shape);
|
|
116
|
+
});
|
|
117
|
+
|
|
118
|
+
</script>
|
|
119
|
+
</body>
|
|
120
|
+
</html>
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Superformula</title>
|
|
5
|
+
<script type="text/javascript" src="../../d3.js"></script>
|
|
6
|
+
<script type="text/javascript" src="superformula.js"></script>
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
|
|
9
|
+
path {
|
|
10
|
+
stroke-width: 1.5px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
path.small {
|
|
14
|
+
fill: steelblue;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
path.big {
|
|
18
|
+
stroke: #666;
|
|
19
|
+
fill: #ddd;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
path.small:hover {
|
|
23
|
+
stroke: steelblue;
|
|
24
|
+
fill: lightsteelblue;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
</style>
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<script type="text/javascript">
|
|
31
|
+
|
|
32
|
+
var size = 1000;
|
|
33
|
+
|
|
34
|
+
var x = d3.scale.ordinal()
|
|
35
|
+
.domain(superformulaTypes)
|
|
36
|
+
.rangePoints([0, 960], 1);
|
|
37
|
+
|
|
38
|
+
var svg = d3.select("body").append("svg:svg")
|
|
39
|
+
.attr("width", 960)
|
|
40
|
+
.attr("height", 500);
|
|
41
|
+
|
|
42
|
+
var small = superformula()
|
|
43
|
+
.type(String)
|
|
44
|
+
.size(size);
|
|
45
|
+
|
|
46
|
+
var big = superformula()
|
|
47
|
+
.type("square")
|
|
48
|
+
.size(size * 50)
|
|
49
|
+
.segments(360);
|
|
50
|
+
|
|
51
|
+
svg.selectAll("a")
|
|
52
|
+
.data(superformulaTypes)
|
|
53
|
+
.enter().append("svg:a")
|
|
54
|
+
.attr("xlink:title", String)
|
|
55
|
+
.attr("transform", function(d, i) { return "translate("+ x(d) + ",40)"; })
|
|
56
|
+
.append("svg:path")
|
|
57
|
+
.attr("class", "small")
|
|
58
|
+
.attr("d", small)
|
|
59
|
+
.on("mousedown", function() { d3.select(this).style("fill", "aliceblue"); })
|
|
60
|
+
.on("mouseup", function() { d3.select(this).style("fill", null); })
|
|
61
|
+
.on("click", function(d) { d3.select(".big").transition().duration(500).attr("d", big.type(d)); });
|
|
62
|
+
|
|
63
|
+
svg.append("svg:path")
|
|
64
|
+
.attr("class", "big")
|
|
65
|
+
.attr("transform", "translate(450,250)")
|
|
66
|
+
.attr("d", big);
|
|
67
|
+
|
|
68
|
+
</script>
|
|
69
|
+
</body>
|
|
70
|
+
</html>
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
var _symbol = d3.svg.symbol(),
|
|
3
|
+
_line = d3.svg.line();
|
|
4
|
+
|
|
5
|
+
superformula = function() {
|
|
6
|
+
var type = _symbol.type(),
|
|
7
|
+
size = _symbol.size(),
|
|
8
|
+
segments = size,
|
|
9
|
+
params = {};
|
|
10
|
+
|
|
11
|
+
function superformula(d, i) {
|
|
12
|
+
var n, p = _superformulaTypes[type.call(this, d, i)];
|
|
13
|
+
for (n in params) p[n] = params[n].call(this, d, i);
|
|
14
|
+
return _superformulaPath(p, segments.call(this, d, i), Math.sqrt(size.call(this, d, i)));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
superformula.type = function(x) {
|
|
18
|
+
if (!arguments.length) return type;
|
|
19
|
+
type = d3.functor(x);
|
|
20
|
+
return superformula;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
superformula.param = function(name, value) {
|
|
24
|
+
if (arguments.length < 2) return params[name];
|
|
25
|
+
params[name] = d3.functor(value);
|
|
26
|
+
return superformula;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
// size of superformula in square pixels
|
|
30
|
+
superformula.size = function(x) {
|
|
31
|
+
if (!arguments.length) return size;
|
|
32
|
+
size = d3.functor(x);
|
|
33
|
+
return superformula;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// number of discrete line segments
|
|
37
|
+
superformula.segments = function(x) {
|
|
38
|
+
if (!arguments.length) return segments;
|
|
39
|
+
segments = d3.functor(x);
|
|
40
|
+
return superformula;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
return superformula;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
function _superformulaPath(params, n, diameter) {
|
|
47
|
+
var i = -1,
|
|
48
|
+
dt = 2 * Math.PI / n,
|
|
49
|
+
t,
|
|
50
|
+
r = 0,
|
|
51
|
+
x,
|
|
52
|
+
y,
|
|
53
|
+
points = [];
|
|
54
|
+
|
|
55
|
+
while (++i < n) {
|
|
56
|
+
t = params.m * (i * dt - Math.PI) / 4;
|
|
57
|
+
t = Math.pow(Math.abs(Math.pow(Math.abs(Math.cos(t) / params.a), params.n2)
|
|
58
|
+
+ Math.pow(Math.abs(Math.sin(t) / params.b), params.n3)), -1 / params.n1);
|
|
59
|
+
if (t > r) r = t;
|
|
60
|
+
points.push(t);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
r = diameter * Math.SQRT1_2 / r;
|
|
64
|
+
i = -1; while (++i < n) {
|
|
65
|
+
x = (t = points[i] * r) * Math.cos(i * dt);
|
|
66
|
+
y = t * Math.sin(i * dt);
|
|
67
|
+
points[i] = [Math.abs(x) < 1e-6 ? 0 : x, Math.abs(y) < 1e-6 ? 0 : y];
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
return _line(points) + "Z";
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
var _superformulaTypes = {
|
|
74
|
+
asterisk: {m: 12, n1: .3, n2: 0, n3: 10, a: 1, b: 1},
|
|
75
|
+
bean: {m: 2, n1: 1, n2: 4, n3: 8, a: 1, b: 1},
|
|
76
|
+
butterfly: {m: 3, n1: 1, n2: 6, n3: 2, a: .6, b: 1},
|
|
77
|
+
circle: {m: 4, n1: 2, n2: 2, n3: 2, a: 1, b: 1},
|
|
78
|
+
clover: {m: 6, n1: .3, n2: 0, n3: 10, a: 1, b: 1},
|
|
79
|
+
cloverFour: {m: 8, n1: 10, n2: -1, n3: -8, a: 1, b: 1},
|
|
80
|
+
cross: {m: 8, n1: 1.3, n2: .01, n3: 8, a: 1, b: 1},
|
|
81
|
+
diamond: {m: 4, n1: 1, n2: 1, n3: 1, a: 1, b: 1},
|
|
82
|
+
drop: {m: 1, n1: .5, n2: .5, n3: .5, a: 1, b: 1},
|
|
83
|
+
ellipse: {m: 4, n1: 2, n2: 2, n3: 2, a: 9, b: 6},
|
|
84
|
+
gear: {m: 19, n1: 100, n2: 50, n3: 50, a: 1, b: 1},
|
|
85
|
+
heart: {m: 1, n1: .8, n2: 1, n3: -8, a: 1, b: .18},
|
|
86
|
+
heptagon: {m: 7, n1: 1000, n2: 400, n3: 400, a: 1, b: 1},
|
|
87
|
+
hexagon: {m: 6, n1: 1000, n2: 400, n3: 400, a: 1, b: 1},
|
|
88
|
+
malteseCross: {m: 8, n1: .9, n2: .1, n3: 100, a: 1, b: 1},
|
|
89
|
+
pentagon: {m: 5, n1: 1000, n2: 600, n3: 600, a: 1, b: 1},
|
|
90
|
+
rectangle: {m: 4, n1: 100, n2: 100, n3: 100, a: 2, b: 1},
|
|
91
|
+
roundedStar: {m: 5, n1: 2, n2: 7, n3: 7, a: 1, b: 1},
|
|
92
|
+
square: {m: 4, n1: 100, n2: 100, n3: 100, a: 1, b: 1},
|
|
93
|
+
star: {m: 5, n1: 30, n2: 100, n3: 100, a: 1, b: 1},
|
|
94
|
+
triangle: {m: 3, n1: 100, n2: 200, n3: 200, a: 1, b: 1}
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
superformulaTypes = d3.keys(_superformulaTypes);
|
|
98
|
+
})();
|