[r-cran-plotly] 02/07: Initial packaging

Andreas Tille tille at debian.org
Thu Dec 21 14:24:20 UTC 2017


This is an automated email from the git hooks/post-receive script.

tille pushed a commit to branch master
in repository r-cran-plotly.

commit c3b73c262e409c1e8b452e8d94ec3d12db601742
Author: Andreas Tille <tille at debian.org>
Date:   Thu Dec 21 14:45:56 2017 +0100

    Initial packaging
---
 debian/JS/plotly/LICENSE               |     21 +
 debian/JS/plotly/get-plotly            |      4 +
 debian/JS/plotly/plotly.js             | 186991 ++++++++++++++++++++++++++++++
 debian/JS/plotly/plotly.min.js         |     80 +
 debian/JS/typedarray/LICENSE           |     22 +
 debian/JS/typedarray/TypedArray.js     |    220 +
 debian/JS/typedarray/get-typedarray    |      4 +
 debian/JS/typedarray/typedarray.min.js |      1 +
 debian/README.source                   |     20 +
 debian/changelog                       |      6 +
 debian/compat                          |      1 +
 debian/control                         |     46 +
 debian/copyright                       |     41 +
 debian/docs                            |      2 +
 debian/links                           |      4 +
 debian/rules                           |     18 +
 debian/source/format                   |      1 +
 debian/tests/control                   |      5 +
 debian/tests/run-unit-test             |     17 +
 debian/watch                           |      4 +
 20 files changed, 187508 insertions(+)

diff --git a/debian/JS/plotly/LICENSE b/debian/JS/plotly/LICENSE
new file mode 100644
index 0000000..1516b64
--- /dev/null
+++ b/debian/JS/plotly/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Plotly, Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/debian/JS/plotly/get-plotly b/debian/JS/plotly/get-plotly
new file mode 100755
index 0000000..a6ab001
--- /dev/null
+++ b/debian/JS/plotly/get-plotly
@@ -0,0 +1,4 @@
+#!/bin/sh
+wget -q -N https://raw.githubusercontent.com/plotly/plotly.js/master/dist/plotly.js
+wget -q -N https://raw.githubusercontent.com/plotly/plotly.js/master/dist/plotly.min.js
+wget -q -N https://raw.githubusercontent.com/plotly/plotly.js/master/LICENSE
diff --git a/debian/JS/plotly/plotly.js b/debian/JS/plotly/plotly.js
new file mode 100644
index 0000000..2dcc928
--- /dev/null
+++ b/debian/JS/plotly/plotly.js
@@ -0,0 +1,186991 @@
+/**
+* plotly.js v1.31.2
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+* Licensed under the MIT license
+*/
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Plotly = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i) [...]
+'use strict';
+
+var Lib = require('../src/lib');
+var rules = {
+    "X,X div": "font-family:'Open Sans', verdana, arial, sans-serif;margin:0;padding:0;",
+    "X input,X button": "font-family:'Open Sans', verdana, arial, sans-serif;",
+    "X input:focus,X button:focus": "outline:none;",
+    "X a": "text-decoration:none;",
+    "X a:hover": "text-decoration:none;",
+    "X .crisp": "shape-rendering:crispEdges;",
+    "X .user-select-none": "-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;",
+    "X svg": "overflow:hidden;",
+    "X svg a": "fill:#447adb;",
+    "X svg a:hover": "fill:#3c6dc5;",
+    "X .main-svg": "position:absolute;top:0;left:0;pointer-events:none;",
+    "X .main-svg .draglayer": "pointer-events:all;",
+    "X .cursor-default": "cursor:default;",
+    "X .cursor-pointer": "cursor:pointer;",
+    "X .cursor-crosshair": "cursor:crosshair;",
+    "X .cursor-move": "cursor:move;",
+    "X .cursor-col-resize": "cursor:col-resize;",
+    "X .cursor-row-resize": "cursor:row-resize;",
+    "X .cursor-ns-resize": "cursor:ns-resize;",
+    "X .cursor-ew-resize": "cursor:ew-resize;",
+    "X .cursor-sw-resize": "cursor:sw-resize;",
+    "X .cursor-s-resize": "cursor:s-resize;",
+    "X .cursor-se-resize": "cursor:se-resize;",
+    "X .cursor-w-resize": "cursor:w-resize;",
+    "X .cursor-e-resize": "cursor:e-resize;",
+    "X .cursor-nw-resize": "cursor:nw-resize;",
+    "X .cursor-n-resize": "cursor:n-resize;",
+    "X .cursor-ne-resize": "cursor:ne-resize;",
+    "X .modebar": "position:absolute;top:2px;right:2px;z-index:1001;background:rgba(255,255,255,0.7);",
+    "X .modebar--hover": "opacity:0;-webkit-transition:opacity 0.3s ease 0s;-moz-transition:opacity 0.3s ease 0s;-ms-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;",
+    "X:hover .modebar--hover": "opacity:1;",
+    "X .modebar-group": "float:left;display:inline-block;box-sizing:border-box;margin-left:8px;position:relative;vertical-align:middle;white-space:nowrap;",
+    "X .modebar-group:first-child": "margin-left:0px;",
+    "X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;cursor:pointer;line-height:normal;box-sizing:border-box;",
+    "X .modebar-btn svg": "position:relative;top:2px;",
+    "X .modebar-btn path": "fill:rgba(0,31,95,0.3);",
+    "X .modebar-btn.active path,X .modebar-btn:hover path": "fill:rgba(0,22,72,0.5);",
+    "X .modebar-btn.modebar-btn--logo": "padding:3px 1px;",
+    "X .modebar-btn.modebar-btn--logo path": "fill:#447adb !important;",
+    "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",
+    "X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",
+    "X [data-title]:before": "content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
+    "X [data-title]:after": "content:attr(data-title);background:#69738a;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;",
+    "X .select-outline": "fill:none;stroke-width:1;shape-rendering:crispEdges;",
+    "X .select-outline-1": "stroke:white;",
+    "X .select-outline-2": "stroke:black;stroke-dasharray:2px 2px;",
+    Y: "font-family:'Open Sans';position:fixed;top:50px;right:20px;z-index:10000;font-size:10pt;max-width:180px;",
+    "Y p": "margin:0;",
+    "Y .notifier-note": "min-width:180px;max-width:250px;border:1px solid #fff;z-index:3000;margin:0;background-color:#8c97af;background-color:rgba(140,151,175,0.9);color:#fff;padding:10px;",
+    "Y .notifier-close": "color:#fff;opacity:0.8;float:right;padding:0 5px;background:none;border:none;font-size:20px;font-weight:bold;line-height:20px;",
+    "Y .notifier-close:hover": "color:#444;text-decoration:none;cursor:pointer;"
+};
+
+for(var selector in rules) {
+    var fullSelector = selector.replace(/^,/,' ,')
+        .replace(/X/g, '.js-plotly-plot .plotly')
+        .replace(/Y/g, '.plotly-notifier');
+    Lib.addStyleRule(fullSelector, rules[selector]);
+}
+
+},{"../src/lib":728}],2:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+    'undo': {
+        'width': 857.1,
+        'path': 'm857 350q0-87-34-166t-91-137-137-92-166-34q-96 0-183 41t-147 114q-4 6-4 13t5 11l76 77q6 5 14 5 9-1 13-7 41-53 100-82t126-29q58 0 110 23t92 61 61 91 22 111-22 111-61 91-92 61-110 23q-55 0-105-20t-90-57l77-77q17-16 8-38-10-23-33-23h-250q-15 0-25 11t-11 25v250q0 24 22 33 22 10 39-8l72-72q60 57 137 88t159 31q87 0 166-34t137-92 91-137 34-166z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'home': {
+        'width': 928.6,
+        'path': 'm786 296v-267q0-15-11-26t-25-10h-214v214h-143v-214h-214q-15 0-25 10t-11 26v267q0 1 0 2t0 2l321 264 321-264q1-1 1-4z m124 39l-34-41q-5-5-12-6h-2q-7 0-12 3l-386 322-386-322q-7-4-13-4-7 2-12 7l-35 41q-4 5-3 13t6 12l401 334q18 15 42 15t43-15l136-114v109q0 8 5 13t13 5h107q8 0 13-5t5-13v-227l122-102q5-5 6-12t-4-13z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'camera-retro': {
+        'width': 1000,
+        'path': 'm518 386q0 8-5 13t-13 5q-37 0-63-27t-26-63q0-8 5-13t13-5 12 5 5 13q0 23 16 38t38 16q8 0 13 5t5 13z m125-73q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z m-572-320h858v71h-858v-71z m643 320q0 89-62 152t-152 62-151-62-63-152 63-151 151-63 152 63 62 151z m-571 358h214v72h-214v-72z m-72-107h858v143h-462l-36-71h-360v-72z m929 143v-714q0-30-21-51t-50-21h-858q-29 0-50 21t-21 51v714q0 30 21 51t50 21h858q29 0 50-21t21-51z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'zoombox': {
+        'width': 1000,
+        'path': 'm1000-25l-250 251c40 63 63 138 63 218 0 224-182 406-407 406-224 0-406-182-406-406s183-406 407-406c80 0 155 22 218 62l250-250 125 125z m-812 250l0 438 437 0 0-438-437 0z m62 375l313 0 0-312-313 0 0 312z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'pan': {
+        'width': 1000,
+        'path': 'm1000 350l-187 188 0-125-250 0 0 250 125 0-188 187-187-187 125 0 0-250-250 0 0 125-188-188 186-187 0 125 252 0 0-250-125 0 187-188 188 188-125 0 0 250 250 0 0-126 187 188z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'zoom_plus': {
+        'width': 1000,
+        'path': 'm1 787l0-875 875 0 0 875-875 0z m687-500l-187 0 0-187-125 0 0 187-188 0 0 125 188 0 0 187 125 0 0-187 187 0 0-125z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'zoom_minus': {
+        'width': 1000,
+        'path': 'm0 788l0-876 875 0 0 876-875 0z m688-500l-500 0 0 125 500 0 0-125z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'autoscale': {
+        'width': 1000,
+        'path': 'm250 850l-187 0-63 0 0-62 0-188 63 0 0 188 187 0 0 62z m688 0l-188 0 0-62 188 0 0-188 62 0 0 188 0 62-62 0z m-875-938l0 188-63 0 0-188 0-62 63 0 187 0 0 62-187 0z m875 188l0-188-188 0 0-62 188 0 62 0 0 62 0 188-62 0z m-125 188l-1 0-93-94-156 156 156 156 92-93 2 0 0 250-250 0 0-2 93-92-156-156-156 156 94 92 0 2-250 0 0-250 0 0 93 93 157-156-157-156-93 94 0 0 0-250 250 0 0 0-94 93 156 157 156-157-93-93 0 0 250 0 0 250z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'tooltip_basic': {
+        'width': 1500,
+        'path': 'm375 725l0 0-375-375 375-374 0-1 1125 0 0 750-1125 0z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'tooltip_compare': {
+        'width': 1125,
+        'path': 'm187 786l0 2-187-188 188-187 0 0 937 0 0 373-938 0z m0-499l0 1-187-188 188-188 0 0 937 0 0 376-938-1z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'plotlylogo': {
+        'width': 1542,
+        'path': 'm0-10h182v-140h-182v140z m228 146h183v-286h-183v286z m225 714h182v-1000h-182v1000z m225-285h182v-715h-182v715z m225 142h183v-857h-183v857z m231-428h182v-429h-182v429z m225-291h183v-138h-183v138z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'z-axis': {
+        'width': 1000,
+        'path': 'm833 5l-17 108v41l-130-65 130-66c0 0 0 38 0 39 0-1 36-14 39-25 4-15-6-22-16-30-15-12-39-16-56-20-90-22-187-23-279-23-261 0-341 34-353 59 3 60 228 110 228 110-140-8-351-35-351-116 0-120 293-142 474-142 155 0 477 22 477 142 0 50-74 79-163 96z m-374 94c-58-5-99-21-99-40 0-24 65-43 144-43 79 0 143 19 143 43 0 19-42 34-98 40v216h87l-132 135-133-135h88v-216z m167 515h-136v1c16 16 31 34 46 52l84 109v54h-230v-71h124v-1c-16-17-28-32-44-51l-89-114v-51h245v72z',
+        'ascent': 850,
+        'descent': -150
+    },
+    '3d_rotate': {
+        'width': 1000,
+        'path': 'm922 660c-5 4-9 7-14 11-359 263-580-31-580-31l-102 28 58-400c0 1 1 1 2 2 118 108 351 249 351 249s-62 27-100 42c88 83 222 183 347 122 16-8 30-17 44-27-2 1-4 2-6 4z m36-329c0 0 64 229-88 296-62 27-124 14-175-11 157-78 225-208 249-266 8-19 11-31 11-31 2 5 6 15 11 32-5-13-8-20-8-20z m-775-239c70-31 117-50 198-32-121 80-199 346-199 346l-96-15-58-12c0 0 55-226 155-287z m603 133l-317-139c0 0 4-4 19-14 7-5 24-15 24-15s-177-147-389 4c235-287 536-112 536-112l31-22 100 299-4-1z m-2 [...]
+        'ascent': 850,
+        'descent': -150
+    },
+    'camera': {
+        'width': 1000,
+        'path': 'm500 450c-83 0-150-67-150-150 0-83 67-150 150-150 83 0 150 67 150 150 0 83-67 150-150 150z m400 150h-120c-16 0-34 13-39 29l-31 93c-6 15-23 28-40 28h-340c-16 0-34-13-39-28l-31-94c-6-15-23-28-40-28h-120c-55 0-100-45-100-100v-450c0-55 45-100 100-100h800c55 0 100 45 100 100v450c0 55-45 100-100 100z m-400-550c-138 0-250 112-250 250 0 138 112 250 250 250 138 0 250-112 250-250 0-138-112-250-250-250z m365 380c-19 0-35 16-35 35 0 19 16 35 35 35 19 0 35-16 35-35 0-19-16-35-35-35z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'movie': {
+        'width': 1000,
+        'path': 'm938 413l-188-125c0 37-17 71-44 94 64 38 107 107 107 187 0 121-98 219-219 219-121 0-219-98-219-219 0-61 25-117 66-156h-115c30 33 49 76 49 125 0 103-84 187-187 187s-188-84-188-187c0-57 26-107 65-141-38-22-65-62-65-109v-250c0-70 56-126 125-126h500c69 0 125 56 125 126l188-126c34 0 62 28 62 63v375c0 35-28 63-62 63z m-750 0c-69 0-125 56-125 125s56 125 125 125 125-56 125-125-56-125-125-125z m406-1c-87 0-157 70-157 157 0 86 70 156 157 156s156-70 156-156-70-157-156-157z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'question': {
+        'width': 857.1,
+        'path': 'm500 82v107q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h107q8 0 13 5t5 13z m143 375q0 49-31 91t-77 65-95 23q-136 0-207-119-9-14 4-24l74-55q4-4 10-4 9 0 14 7 30 38 48 51 19 14 48 14 27 0 48-15t21-33q0-21-11-34t-38-25q-35-16-65-48t-29-70v-20q0-8 5-13t13-5h107q8 0 13 5t5 13q0 10 12 27t30 28q18 10 28 16t25 19 25 27 16 34 7 45z m214-107q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'disk': {
+        'width': 857.1,
+        'path': 'm214-7h429v214h-429v-214z m500 0h72v500q0 8-6 21t-11 20l-157 156q-5 6-19 12t-22 5v-232q0-22-15-38t-38-16h-322q-22 0-37 16t-16 38v232h-72v-714h72v232q0 22 16 38t37 16h465q22 0 38-16t15-38v-232z m-214 518v178q0 8-5 13t-13 5h-107q-7 0-13-5t-5-13v-178q0-8 5-13t13-5h107q7 0 13 5t5 13z m357-18v-518q0-22-15-38t-38-16h-750q-23 0-38 16t-16 38v750q0 22 16 38t38 16h517q23 0 50-12t42-26l156-157q16-15 27-42t11-49z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'lasso': {
+        'width': 1031,
+        'path': 'm1018 538c-36 207-290 336-568 286-277-48-473-256-436-463 10-57 36-108 76-151-13-66 11-137 68-183 34-28 75-41 114-42l-55-70 0 0c-2-1-3-2-4-3-10-14-8-34 5-45 14-11 34-8 45 4 1 1 2 3 2 5l0 0 113 140c16 11 31 24 45 40 4 3 6 7 8 11 48-3 100 0 151 9 278 48 473 255 436 462z m-624-379c-80 14-149 48-197 96 42 42 109 47 156 9 33-26 47-66 41-105z m-187-74c-19 16-33 37-39 60 50-32 109-55 174-68-42-25-95-24-135 8z m360 75c-34-7-69-9-102-8 8 62-16 128-68 170-73 59-175 54-244-5-9 20-16 [...]
+        'ascent': 850,
+        'descent': -150
+    },
+    'selectbox': {
+        'width': 1000,
+        'path': 'm0 850l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m285 0l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m-857-286l0-143 143 0 0 143-143 0z m857 0l0-143 143 0 0 143-143 0z m-857-285l0-143 143 0 0 143-143 0z m857 0l0-143 143 0 0 143-143 0z m-857-286l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m285 0l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z',
+        'ascent': 850,
+        'descent': -150
+    },
+    'spikeline': {
+        'width': 1000,
+        'path': 'M512 409c0-57-46-104-103-104-57 0-104 47-104 104 0 57 47 103 104 103 57 0 103-46 103-103z m-327-39l92 0 0 92-92 0z m-185 0l92 0 0 92-92 0z m370-186l92 0 0 93-92 0z m0-184l92 0 0 92-92 0z',
+        'ascent': 850,
+        'descent': -150
+    }
+};
+
+},{}],3:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/transforms/aggregate');
+
+},{"../src/transforms/aggregate":1114}],4:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/bar');
+
+},{"../src/traces/bar":860}],5:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/box');
+
+},{"../src/traces/box":873}],6:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/components/calendars');
+
+},{"../src/components/calendars":602}],7:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/candlestick');
+
+},{"../src/traces/candlestick":881}],8:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/carpet');
+
+},{"../src/traces/carpet":902}],9:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/choropleth');
+
+},{"../src/traces/choropleth":917}],10:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/contour');
+
+},{"../src/traces/contour":929}],11:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/contourcarpet');
+
+},{"../src/traces/contourcarpet":944}],12:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/core');
+
+},{"../src/core":710}],13:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/transforms/filter');
+
+},{"../src/transforms/filter":1115}],14:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/transforms/groupby');
+
+},{"../src/transforms/groupby":1116}],15:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/heatmap');
+
+},{"../src/traces/heatmap":957}],16:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/heatmapgl');
+
+},{"../src/traces/heatmapgl":966}],17:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/histogram');
+
+},{"../src/traces/histogram":974}],18:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/histogram2d');
+
+},{"../src/traces/histogram2d":979}],19:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/histogram2dcontour');
+
+},{"../src/traces/histogram2dcontour":983}],20:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Plotly = require('./core');
+
+// traces
+Plotly.register([
+    require('./bar'),
+    require('./box'),
+    require('./heatmap'),
+    require('./histogram'),
+    require('./histogram2d'),
+    require('./histogram2dcontour'),
+    require('./pie'),
+    require('./contour'),
+    require('./scatterternary'),
+    require('./sankey'),
+
+    require('./scatter3d'),
+    require('./surface'),
+    require('./mesh3d'),
+
+    require('./scattergeo'),
+    require('./choropleth'),
+
+    require('./scattergl'),
+    require('./pointcloud'),
+    require('./heatmapgl'),
+    require('./parcoords'),
+    require('./table'),
+
+    require('./scattermapbox'),
+
+    require('./carpet'),
+    require('./scattercarpet'),
+    require('./contourcarpet'),
+
+    require('./ohlc'),
+    require('./candlestick')
+]);
+
+// transforms
+//
+// Please note that all *transform* methods are executed before
+// all *calcTransform* methods - which could possibly lead to
+// unexpected results when applying multiple transforms of different types
+// to a given trace.
+//
+// For more info, see:
+// https://github.com/plotly/plotly.js/pull/978#pullrequestreview-2403353
+//
+Plotly.register([
+    require('./aggregate'),
+    require('./filter'),
+    require('./groupby'),
+    require('./sort')
+]);
+
+// components
+Plotly.register([
+    require('./calendars')
+]);
+
+module.exports = Plotly;
+
+},{"./aggregate":3,"./bar":4,"./box":5,"./calendars":6,"./candlestick":7,"./carpet":8,"./choropleth":9,"./contour":10,"./contourcarpet":11,"./core":12,"./filter":13,"./groupby":14,"./heatmap":15,"./heatmapgl":16,"./histogram":17,"./histogram2d":18,"./histogram2dcontour":19,"./mesh3d":21,"./ohlc":22,"./parcoords":23,"./pie":24,"./pointcloud":25,"./sankey":26,"./scatter3d":27,"./scattercarpet":28,"./scattergeo":29,"./scattergl":30,"./scattermapbox":31,"./scatterternary":32,"./sort":33,"./s [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/mesh3d');
+
+},{"../src/traces/mesh3d":989}],22:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/ohlc');
+
+},{"../src/traces/ohlc":994}],23:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/parcoords');
+
+},{"../src/traces/parcoords":1003}],24:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/pie');
+
+},{"../src/traces/pie":1012}],25:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/pointcloud');
+
+},{"../src/traces/pointcloud":1021}],26:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/sankey');
+
+},{"../src/traces/sankey":1027}],27:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scatter3d');
+
+},{"../src/traces/scatter3d":1060}],28:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scattercarpet');
+
+},{"../src/traces/scattercarpet":1065}],29:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scattergeo');
+
+},{"../src/traces/scattergeo":1074}],30:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scattergl');
+
+},{"../src/traces/scattergl":1081}],31:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scattermapbox');
+
+},{"../src/traces/scattermapbox":1088}],32:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/scatterternary');
+
+},{"../src/traces/scatterternary":1095}],33:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/transforms/sort');
+
+},{"../src/transforms/sort":1117}],34:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/surface');
+
+},{"../src/traces/surface":1104}],35:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = require('../src/traces/table');
+
+},{"../src/traces/table":1112}],36:[function(require,module,exports){
+'use strict'
+
+module.exports = createCamera
+
+var now         = require('right-now')
+var createView  = require('3d-view')
+var mouseChange = require('mouse-change')
+var mouseWheel  = require('mouse-wheel')
+var mouseOffset = require('mouse-event-offset')
+
+function createCamera(element, options) {
+  element = element || document.body
+  options = options || {}
+
+  var limits  = [ 0.01, Infinity ]
+  if('distanceLimits' in options) {
+    limits[0] = options.distanceLimits[0]
+    limits[1] = options.distanceLimits[1]
+  }
+  if('zoomMin' in options) {
+    limits[0] = options.zoomMin
+  }
+  if('zoomMax' in options) {
+    limits[1] = options.zoomMax
+  }
+
+  var view = createView({
+    center: options.center || [0,0,0],
+    up:     options.up     || [0,1,0],
+    eye:    options.eye    || [0,0,10],
+    mode:   options.mode   || 'orbit',
+    distanceLimits: limits
+  })
+
+  var pmatrix = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+  var distance = 0.0
+  var width   = element.clientWidth
+  var height  = element.clientHeight
+
+  var camera = {
+    view:               view,
+    element:            element,
+    delay:              options.delay          || 16,
+    rotateSpeed:        options.rotateSpeed    || 1,
+    zoomSpeed:          options.zoomSpeed      || 1,
+    translateSpeed:     options.translateSpeed || 1,
+    flipX:              !!options.flipX,
+    flipY:              !!options.flipY,
+    modes:              view.modes,
+    tick: function() {
+      var t = now()
+      var delay = this.delay
+      view.idle(t-delay)
+      view.flush(t-(100+delay*2))
+      var ctime = t - 2 * delay
+      view.recalcMatrix(ctime)
+      var allEqual = true
+      var matrix = view.computedMatrix
+      for(var i=0; i<16; ++i) {
+        allEqual = allEqual && (pmatrix[i] === matrix[i])
+        pmatrix[i] = matrix[i]
+      }
+      var sizeChanged =
+          element.clientWidth === width &&
+          element.clientHeight === height
+      width  = element.clientWidth
+      height = element.clientHeight
+      if(allEqual) {
+        return !sizeChanged
+      }
+      distance = Math.exp(view.computedRadius[0])
+      return true
+    },
+    lookAt: function(center, eye, up) {
+      view.lookAt(view.lastT(), center, eye, up)
+    },
+    rotate: function(pitch, yaw, roll) {
+      view.rotate(view.lastT(), pitch, yaw, roll)
+    },
+    pan: function(dx, dy, dz) {
+      view.pan(view.lastT(), dx, dy, dz)
+    },
+    translate: function(dx, dy, dz) {
+      view.translate(view.lastT(), dx, dy, dz)
+    }
+  }
+
+  Object.defineProperties(camera, {
+    matrix: {
+      get: function() {
+        return view.computedMatrix
+      },
+      set: function(mat) {
+        view.setMatrix(view.lastT(), mat)
+        return view.computedMatrix
+      },
+      enumerable: true
+    },
+    mode: {
+      get: function() {
+        return view.getMode()
+      },
+      set: function(mode) {
+        view.setMode(mode)
+        return view.getMode()
+      },
+      enumerable: true
+    },
+    center: {
+      get: function() {
+        return view.computedCenter
+      },
+      set: function(ncenter) {
+        view.lookAt(view.lastT(), ncenter)
+        return view.computedCenter
+      },
+      enumerable: true
+    },
+    eye: {
+      get: function() {
+        return view.computedEye
+      },
+      set: function(neye) {
+        view.lookAt(view.lastT(), null, neye)
+        return view.computedEye
+      },
+      enumerable: true
+    },
+    up: {
+      get: function() {
+        return view.computedUp
+      },
+      set: function(nup) {
+        view.lookAt(view.lastT(), null, null, nup)
+        return view.computedUp
+      },
+      enumerable: true
+    },
+    distance: {
+      get: function() {
+        return distance
+      },
+      set: function(d) {
+        view.setDistance(view.lastT(), d)
+        return d
+      },
+      enumerable: true
+    },
+    distanceLimits: {
+      get: function() {
+        return view.getDistanceLimits(limits)
+      },
+      set: function(v) {
+        view.setDistanceLimits(v)
+        return v
+      },
+      enumerable: true
+    }
+  })
+
+  element.addEventListener('contextmenu', function(ev) {
+    ev.preventDefault()
+    return false
+  })
+
+  var lastX = 0, lastY = 0, lastMods = {shift: false, control: false, alt: false, meta: false}
+  mouseChange(element, handleInteraction)
+
+  //enable simple touch interactions
+  element.addEventListener('touchstart', function (ev) {
+    var xy = mouseOffset(ev.changedTouches[0], element)
+    handleInteraction(0, xy[0], xy[1], lastMods)
+    handleInteraction(1, xy[0], xy[1], lastMods)
+  })
+  element.addEventListener('touchmove', function (ev) {
+    var xy = mouseOffset(ev.changedTouches[0], element)
+    handleInteraction(1, xy[0], xy[1], lastMods)
+  })
+  element.addEventListener('touchend', function (ev) {
+    var xy = mouseOffset(ev.changedTouches[0], element)
+    handleInteraction(0, lastX, lastY, lastMods)
+  })
+
+  function handleInteraction (buttons, x, y, mods) {
+    var scale = 1.0 / element.clientHeight
+    var dx    = scale * (x - lastX)
+    var dy    = scale * (y - lastY)
+
+    var flipX = camera.flipX ? 1 : -1
+    var flipY = camera.flipY ? 1 : -1
+
+    var drot  = Math.PI * camera.rotateSpeed
+
+    var t = now()
+
+    if(buttons & 1) {
+      if(mods.shift) {
+        view.rotate(t, 0, 0, -dx * drot)
+      } else {
+        view.rotate(t, flipX * drot * dx, -flipY * drot * dy, 0)
+      }
+    } else if(buttons & 2) {
+      view.pan(t, -camera.translateSpeed * dx * distance, camera.translateSpeed * dy * distance, 0)
+    } else if(buttons & 4) {
+      var kzoom = camera.zoomSpeed * dy / window.innerHeight * (t - view.lastT()) * 50.0
+      view.pan(t, 0, 0, distance * (Math.exp(kzoom) - 1))
+    }
+
+    lastX = x
+    lastY = y
+    lastMods = mods
+  }
+
+  mouseWheel(element, function(dx, dy, dz) {
+    var flipX = camera.flipX ? 1 : -1
+    var flipY = camera.flipY ? 1 : -1
+    var t = now()
+    if(Math.abs(dx) > Math.abs(dy)) {
+      view.rotate(t, 0, 0, -dx * flipX * Math.PI * camera.rotateSpeed / window.innerWidth)
+    } else {
+      var kzoom = camera.zoomSpeed * flipY * dy / window.innerHeight * (t - view.lastT()) / 100.0
+      view.pan(t, 0, 0, distance * (Math.exp(kzoom) - 1))
+    }
+  }, true)
+
+  return camera
+}
+
+},{"3d-view":37,"mouse-change":452,"mouse-event-offset":453,"mouse-wheel":455,"right-now":502}],37:[function(require,module,exports){
+'use strict'
+
+module.exports = createViewController
+
+var createTurntable = require('turntable-camera-controller')
+var createOrbit     = require('orbit-camera-controller')
+var createMatrix    = require('matrix-camera-controller')
+
+function ViewController(controllers, mode) {
+  this._controllerNames = Object.keys(controllers)
+  this._controllerList = this._controllerNames.map(function(n) {
+    return controllers[n]
+  })
+  this._mode   = mode
+  this._active = controllers[mode]
+  if(!this._active) {
+    this._mode   = 'turntable'
+    this._active = controllers.turntable
+  }
+  this.modes = this._controllerNames
+  this.computedMatrix = this._active.computedMatrix
+  this.computedEye    = this._active.computedEye
+  this.computedUp     = this._active.computedUp
+  this.computedCenter = this._active.computedCenter
+  this.computedRadius = this._active.computedRadius
+}
+
+var proto = ViewController.prototype
+
+var COMMON_METHODS = [
+  ['flush', 1],
+  ['idle', 1],
+  ['lookAt', 4],
+  ['rotate', 4],
+  ['pan', 4],
+  ['translate', 4],
+  ['setMatrix', 2],
+  ['setDistanceLimits', 2],
+  ['setDistance', 2]
+]
+
+COMMON_METHODS.forEach(function(method) {
+  var name = method[0]
+  var argNames = []
+  for(var i=0; i<method[1]; ++i) {
+    argNames.push('a'+i)
+  }
+  var code = 'var cc=this._controllerList;for(var i=0;i<cc.length;++i){cc[i].'+method[0]+'('+argNames.join()+')}'
+  proto[name] = Function.apply(null, argNames.concat(code))
+})
+
+proto.recalcMatrix = function(t) {
+  this._active.recalcMatrix(t)
+}
+
+proto.getDistance = function(t) {
+  return this._active.getDistance(t)
+}
+proto.getDistanceLimits = function(out) {
+  return this._active.getDistanceLimits(out)
+}
+
+proto.lastT = function() {
+  return this._active.lastT()
+}
+
+proto.setMode = function(mode) {
+  if(mode === this._mode) {
+    return
+  }
+  var idx = this._controllerNames.indexOf(mode)
+  if(idx < 0) {
+    return
+  }
+  var prev  = this._active
+  var next  = this._controllerList[idx]
+  var lastT = Math.max(prev.lastT(), next.lastT())
+
+  prev.recalcMatrix(lastT)
+  next.setMatrix(lastT, prev.computedMatrix)
+  
+  this._active = next
+  this._mode   = mode
+
+  //Update matrix properties
+  this.computedMatrix = this._active.computedMatrix
+  this.computedEye    = this._active.computedEye
+  this.computedUp     = this._active.computedUp
+  this.computedCenter = this._active.computedCenter
+  this.computedRadius = this._active.computedRadius
+}
+
+proto.getMode = function() {
+  return this._mode
+}
+
+function createViewController(options) {
+  options = options || {}
+
+  var eye       = options.eye    || [0,0,1]
+  var center    = options.center || [0,0,0]
+  var up        = options.up     || [0,1,0]
+  var limits    = options.distanceLimits || [0, Infinity]
+  var mode      = options.mode   || 'turntable'
+
+  var turntable = createTurntable()
+  var orbit     = createOrbit()
+  var matrix    = createMatrix()
+
+  turntable.setDistanceLimits(limits[0], limits[1])
+  turntable.lookAt(0, eye, center, up)
+  orbit.setDistanceLimits(limits[0], limits[1])
+  orbit.lookAt(0, eye, center, up)
+  matrix.setDistanceLimits(limits[0], limits[1])
+  matrix.lookAt(0, eye, center, up)
+
+  return new ViewController({
+    turntable: turntable,
+    orbit: orbit,
+    matrix: matrix
+  }, mode)
+}
+},{"matrix-camera-controller":450,"orbit-camera-controller":473,"turntable-camera-controller":538}],38:[function(require,module,exports){
+// https://github.com/d3/d3-sankey Version 0.5.0. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-array'), require('d3-collection'), require('d3-interpolate')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'd3-array', 'd3-collection', 'd3-interpolate'], factory) :
+	(factory((global.d3 = global.d3 || {}),global.d3,global.d3,global.d3));
+}(this, (function (exports,d3Array,d3Collection,d3Interpolate) { 'use strict';
+
+var sankey = function() {
+  var sankey = {},
+      nodeWidth = 24,
+      nodePadding = 8,
+      size = [1, 1],
+      nodes = [],
+      links = [];
+
+  sankey.nodeWidth = function(_) {
+    if (!arguments.length) return nodeWidth;
+    nodeWidth = +_;
+    return sankey;
+  };
+
+  sankey.nodePadding = function(_) {
+    if (!arguments.length) return nodePadding;
+    nodePadding = +_;
+    return sankey;
+  };
+
+  sankey.nodes = function(_) {
+    if (!arguments.length) return nodes;
+    nodes = _;
+    return sankey;
+  };
+
+  sankey.links = function(_) {
+    if (!arguments.length) return links;
+    links = _;
+    return sankey;
+  };
+
+  sankey.size = function(_) {
+    if (!arguments.length) return size;
+    size = _;
+    return sankey;
+  };
+
+  sankey.layout = function(iterations) {
+    computeNodeLinks();
+    computeNodeValues();
+    computeNodeBreadths();
+    computeNodeDepths(iterations);
+    computeLinkDepths();
+    return sankey;
+  };
+
+  sankey.relayout = function() {
+    computeLinkDepths();
+    return sankey;
+  };
+
+  sankey.link = function() {
+    var curvature = .5;
+
+    function link(d) {
+      var x0 = d.source.x + d.source.dx,
+          x1 = d.target.x,
+          xi = d3Interpolate.interpolateNumber(x0, x1),
+          x2 = xi(curvature),
+          x3 = xi(1 - curvature),
+          y0a = d.source.y + d.sy,
+          y0b = y0a + d.dy,
+          y1a = d.target.y + d.ty,
+          y1b = y1a + d.dy;
+      return "M" + x0 + "," + y0a
+           + "C" + x2 + "," + y0a
+           + " " + x3 + "," + y1a
+           + " " + x1 + "," + y1a
+           + "L" + x1 + "," + y1b
+           + "C" + x3 + "," + y1b
+           + " " + x2 + "," + y0b
+           + " " + x0 + "," + y0b
+           + "Z";
+    }
+
+    link.curvature = function(_) {
+      if (!arguments.length) return curvature;
+      curvature = +_;
+      return link;
+    };
+
+    return link;
+  };
+
+  // Populate the sourceLinks and targetLinks for each node.
+  // Also, if the source and target are not objects, assume they are indices.
+  function computeNodeLinks() {
+    nodes.forEach(function(node) {
+      node.sourceLinks = [];
+      node.targetLinks = [];
+    });
+    links.forEach(function(link, i) {
+      var source = link.source,
+          target = link.target;
+      if (typeof source === "number") source = link.source = nodes[link.source];
+      if (typeof target === "number") target = link.target = nodes[link.target];
+      link.originalIndex = i;
+      source.sourceLinks.push(link);
+      target.targetLinks.push(link);
+    });
+  }
+
+  // Compute the value (size) of each node by summing the associated links.
+  function computeNodeValues() {
+    nodes.forEach(function(node) {
+      node.value = Math.max(
+        d3Array.sum(node.sourceLinks, value),
+        d3Array.sum(node.targetLinks, value)
+      );
+    });
+  }
+
+  // Iteratively assign the breadth (x-position) for each node.
+  // Nodes are assigned the maximum breadth of incoming neighbors plus one;
+  // nodes with no incoming links are assigned breadth zero, while
+  // nodes with no outgoing links are assigned the maximum breadth.
+  function computeNodeBreadths() {
+    var remainingNodes = nodes,
+        nextNodes,
+        x = 0;
+
+    while (remainingNodes.length) {
+      nextNodes = [];
+      remainingNodes.forEach(function(node) {
+        node.x = x;
+        node.dx = nodeWidth;
+        node.sourceLinks.forEach(function(link) {
+          if (nextNodes.indexOf(link.target) < 0) {
+            nextNodes.push(link.target);
+          }
+        });
+      });
+      remainingNodes = nextNodes;
+      ++x;
+    }
+
+    //
+    moveSinksRight(x);
+    scaleNodeBreadths((size[0] - nodeWidth) / (x - 1));
+  }
+
+  // function moveSourcesRight() {
+  //   nodes.forEach(function(node) {
+  //     if (!node.targetLinks.length) {
+  //       node.x = min(node.sourceLinks, function(d) { return d.target.x; }) - 1;
+  //     }
+  //   });
+  // }
+
+  function moveSinksRight(x) {
+    nodes.forEach(function(node) {
+      if (!node.sourceLinks.length) {
+        node.x = x - 1;
+      }
+    });
+  }
+
+  function scaleNodeBreadths(kx) {
+    nodes.forEach(function(node) {
+      node.x *= kx;
+    });
+  }
+
+  function computeNodeDepths(iterations) {
+    var nodesByBreadth = d3Collection.nest()
+        .key(function(d) { return d.x; })
+        .sortKeys(d3Array.ascending)
+        .entries(nodes)
+        .map(function(d) { return d.values; });
+
+    //
+    initializeNodeDepth();
+    resolveCollisions();
+    for (var alpha = 1; iterations > 0; --iterations) {
+      relaxRightToLeft(alpha *= .99);
+      resolveCollisions();
+      relaxLeftToRight(alpha);
+      resolveCollisions();
+    }
+
+    function initializeNodeDepth() {
+      var ky = d3Array.min(nodesByBreadth, function(nodes) {
+        return (size[1] - (nodes.length - 1) * nodePadding) / d3Array.sum(nodes, value);
+      });
+
+      nodesByBreadth.forEach(function(nodes) {
+        nodes.forEach(function(node, i) {
+          node.y = i;
+          node.dy = node.value * ky;
+        });
+      });
+
+      links.forEach(function(link) {
+        link.dy = link.value * ky;
+      });
+    }
+
+    function relaxLeftToRight(alpha) {
+      nodesByBreadth.forEach(function(nodes) {
+        nodes.forEach(function(node) {
+          if (node.targetLinks.length) {
+            var y = d3Array.sum(node.targetLinks, weightedSource) / d3Array.sum(node.targetLinks, value);
+            node.y += (y - center(node)) * alpha;
+          }
+        });
+      });
+
+      function weightedSource(link) {
+        return center(link.source) * link.value;
+      }
+    }
+
+    function relaxRightToLeft(alpha) {
+      nodesByBreadth.slice().reverse().forEach(function(nodes) {
+        nodes.forEach(function(node) {
+          if (node.sourceLinks.length) {
+            var y = d3Array.sum(node.sourceLinks, weightedTarget) / d3Array.sum(node.sourceLinks, value);
+            node.y += (y - center(node)) * alpha;
+          }
+        });
+      });
+
+      function weightedTarget(link) {
+        return center(link.target) * link.value;
+      }
+    }
+
+    function resolveCollisions() {
+      nodesByBreadth.forEach(function(nodes) {
+        var node,
+            dy,
+            y0 = 0,
+            n = nodes.length,
+            i;
+
+        // Push any overlapping nodes down.
+        nodes.sort(ascendingDepth);
+        for (i = 0; i < n; ++i) {
+          node = nodes[i];
+          dy = y0 - node.y;
+          if (dy > 0) node.y += dy;
+          y0 = node.y + node.dy + nodePadding;
+        }
+
+        // If the bottommost node goes outside the bounds, push it back up.
+        dy = y0 - nodePadding - size[1];
+        if (dy > 0) {
+          y0 = node.y -= dy;
+
+          // Push any overlapping nodes back up.
+          for (i = n - 2; i >= 0; --i) {
+            node = nodes[i];
+            dy = node.y + node.dy + nodePadding - y0;
+            if (dy > 0) node.y -= dy;
+            y0 = node.y;
+          }
+        }
+      });
+    }
+
+    function ascendingDepth(a, b) {
+      return a.y - b.y;
+    }
+  }
+
+  function computeLinkDepths() {
+    nodes.forEach(function(node) {
+      node.sourceLinks.sort(ascendingTargetDepth);
+      node.targetLinks.sort(ascendingSourceDepth);
+    });
+    nodes.forEach(function(node) {
+      var sy = 0, ty = 0;
+      node.sourceLinks.forEach(function(link) {
+        link.sy = sy;
+        sy += link.dy;
+      });
+      node.targetLinks.forEach(function(link) {
+        link.ty = ty;
+        ty += link.dy;
+      });
+    });
+
+    function ascendingSourceDepth(a, b) {
+      return (a.source.y - b.source.y) || (a.originalIndex - b.originalIndex);
+    }
+
+    function ascendingTargetDepth(a, b) {
+      return (a.target.y - b.target.y) || (a.originalIndex - b.originalIndex);
+    }
+  }
+
+  function center(node) {
+    return node.y + node.dy / 2;
+  }
+
+  function value(link) {
+    return link.value;
+  }
+
+  return sankey;
+};
+
+exports.sankey = sankey;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{"d3-array":114,"d3-collection":115,"d3-interpolate":119}],39:[function(require,module,exports){
+'use strict'
+
+var weakMap      = typeof WeakMap === 'undefined' ? require('weak-map') : WeakMap
+var createBuffer = require('gl-buffer')
+var createVAO    = require('gl-vao')
+
+var TriangleCache = new weakMap()
+
+function createABigTriangle(gl) {
+
+  var triangleVAO = TriangleCache.get(gl)
+  var handle = triangleVAO && (triangleVAO._triangleBuffer.handle || triangleVAO._triangleBuffer.buffer)
+  if(!handle || !gl.isBuffer(handle)) {
+    var buf = createBuffer(gl, new Float32Array([-1, -1, -1, 4, 4, -1]))
+    triangleVAO = createVAO(gl, [
+      { buffer: buf,
+        type: gl.FLOAT,
+        size: 2
+      }
+    ])
+    triangleVAO._triangleBuffer = buf
+    TriangleCache.set(gl, triangleVAO)
+  }
+  triangleVAO.bind()
+  gl.drawArrays(gl.TRIANGLES, 0, 3)
+  triangleVAO.unbind()
+}
+
+module.exports = createABigTriangle
+
+},{"gl-buffer":156,"gl-vao":271,"weak-map":559}],40:[function(require,module,exports){
+var padLeft = require('pad-left')
+
+module.exports = addLineNumbers
+function addLineNumbers (string, start, delim) {
+  start = typeof start === 'number' ? start : 1
+  delim = delim || ': '
+
+  var lines = string.split(/\r?\n/)
+  var totalDigits = String(lines.length + start - 1).length
+  return lines.map(function (line, i) {
+    var c = i + start
+    var digits = String(c).length
+    var prefix = padLeft(c, totalDigits - digits)
+    return prefix + delim + line
+  }).join('\n')
+}
+
+},{"pad-left":474}],41:[function(require,module,exports){
+'use strict'
+
+module.exports = affineHull
+
+var orient = require('robust-orientation')
+
+function linearlyIndependent(points, d) {
+  var nhull = new Array(d+1)
+  for(var i=0; i<points.length; ++i) {
+    nhull[i] = points[i]
+  }
+  for(var i=0; i<=points.length; ++i) {
+    for(var j=points.length; j<=d; ++j) {
+      var x = new Array(d)
+      for(var k=0; k<d; ++k) {
+        x[k] = Math.pow(j+1-i, k)
+      }
+      nhull[j] = x
+    }
+    var o = orient.apply(void 0, nhull)
+    if(o) {
+      return true
+    }
+  }
+  return false
+}
+
+function affineHull(points) {
+  var n = points.length
+  if(n === 0) {
+    return []
+  }
+  if(n === 1) {
+    return [0]
+  }
+  var d = points[0].length
+  var frame = [ points[0] ]
+  var index = [ 0 ]
+  for(var i=1; i<n; ++i) {
+    frame.push(points[i])
+    if(!linearlyIndependent(frame, d)) {
+      frame.pop()
+      continue
+    }
+    index.push(i)
+    if(index.length === d+1) {
+      return index
+    }
+  }
+  return index
+}
+},{"robust-orientation":508}],42:[function(require,module,exports){
+'use strict'
+
+module.exports = alphaComplex
+
+var delaunay = require('delaunay-triangulate')
+var circumradius = require('circumradius')
+
+function alphaComplex(alpha, points) {
+  return delaunay(points).filter(function(cell) {
+    var simplex = new Array(cell.length)
+    for(var i=0; i<cell.length; ++i) {
+      simplex[i] = points[cell[i]]
+    }
+    return circumradius(simplex) * alpha < 1
+  })
+}
+},{"circumradius":87,"delaunay-triangulate":123}],43:[function(require,module,exports){
+module.exports = alphaShape
+
+var ac = require('alpha-complex')
+var bnd = require('simplicial-complex-boundary')
+
+function alphaShape(alpha, points) {
+  return bnd(ac(alpha, points))
+}
+},{"alpha-complex":42,"simplicial-complex-boundary":516}],44:[function(require,module,exports){
+'use strict'
+
+module.exports = normalize;
+
+function normalize (arr, dim) {
+	if (!arr || arr.length == null) throw Error('Argument should be an array')
+
+	if (dim == null) dim = 1
+	else dim = Math.floor(dim)
+
+	var bounds = Array(dim * 2)
+
+	for (var offset = 0; offset < dim; offset++) {
+		var max = -Infinity, min = Infinity, i = offset, l = arr.length;
+
+		for (; i < l; i+=dim) {
+			if (arr[i] > max) max = arr[i];
+			if (arr[i] < min) min = arr[i];
+		}
+
+		bounds[offset] = min
+		bounds[dim + offset] = max
+	}
+
+	return bounds;
+}
+
+},{}],45:[function(require,module,exports){
+'use strict'
+
+var getBounds = require('array-bounds')
+
+module.exports = normalize;
+
+function normalize (arr, dim, bounds) {
+	if (!arr || arr.length == null) throw Error('Argument should be an array')
+
+	if (dim == null) dim = 1
+	if (bounds == null) bounds = getBounds(arr, dim)
+
+	for (var offset = 0; offset < dim; offset++) {
+		var max = bounds[dim + offset], min = bounds[offset], i = offset, l = arr.length;
+
+		if (max === Infinity && min === -Infinity) {
+			for (i = offset; i < l; i+=dim) {
+				arr[i] = arr[i] === max ? 1 : arr[i] === min ? 0 : .5
+			}
+		}
+		else if (max === Infinity) {
+			for (i = offset; i < l; i+=dim) {
+				arr[i] = arr[i] === max ? 1 : 0
+			}
+		}
+		else if (min === -Infinity) {
+			for (i = offset; i < l; i+=dim) {
+				arr[i] = arr[i] === min ? 0 : 1
+			}
+		}
+		else {
+			var range = max - min
+			for (i = offset; i < l; i+=dim) {
+				arr[i] = (arr[i] - min) / range
+			}
+		}
+	}
+
+	return arr;
+}
+
+},{"array-bounds":44}],46:[function(require,module,exports){
+'use strict';
+
+var arraytools  = function () {
+
+  var that = {};
+
+  var RGB_REGEX =  /^rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(,.*)?\)$/;
+  var RGB_GROUP_REGEX = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,?\s*(.*)?\)$/;
+
+  function isPlainObject (v) {
+    return !Array.isArray(v) && v !== null && typeof v === 'object';
+  }
+
+  function linspace (start, end, num) {
+    var inc = (end - start) / Math.max(num - 1, 1);
+    var a = [];
+    for( var ii = 0; ii < num; ii++)
+      a.push(start + ii*inc);
+    return a;
+  }
+
+  function zip () {
+      var arrays = [].slice.call(arguments);
+      var lengths = arrays.map(function (a) {return a.length;});
+      var len = Math.min.apply(null, lengths);
+      var zipped = [];
+      for (var i = 0; i < len; i++) {
+          zipped[i] = [];
+          for (var j = 0; j < arrays.length; ++j) {
+              zipped[i][j] = arrays[j][i];
+          }
+      }
+      return zipped;
+  }
+
+  function zip3 (a, b, c) {
+      var len = Math.min.apply(null, [a.length, b.length, c.length]);
+      var result = [];
+      for (var n = 0; n < len; n++) {
+          result.push([a[n], b[n], c[n]]);
+      }
+      return result;
+  }
+
+  function sum (A) {
+    var acc = 0;
+    accumulate(A, acc);
+    function accumulate(x) {
+      for (var i = 0; i < x.length; i++) {
+        if (Array.isArray(x[i]))
+          accumulate(x[i], acc);
+        else
+          acc += x[i];
+      }
+    }
+    return acc;
+  }
+
+  function copy2D (arr) {
+    var carr = [];
+    for (var i = 0; i < arr.length; ++i) {
+      carr[i] = [];
+      for (var j = 0; j < arr[i].length; ++j) {
+        carr[i][j] = arr[i][j];
+      }
+    }
+
+    return carr;
+  }
+
+
+  function copy1D (arr) {
+    var carr = [];
+    for (var i = 0; i < arr.length; ++i) {
+      carr[i] = arr[i];
+    }
+
+    return carr;
+  }
+
+
+  function isEqual(arr1, arr2) {
+    if(arr1.length !== arr2.length)
+      return false;
+    for(var i = arr1.length; i--;) {
+      if(arr1[i] !== arr2[i])
+        return false;
+    }
+
+    return true;
+  }
+
+
+  function str2RgbArray(str, twoFiftySix) {
+    // convert hex or rbg strings to 0->1 or 0->255 rgb array
+    var rgb,
+        match;
+
+    if (typeof str !== 'string') return str;
+
+    rgb = [];
+    // hex notation
+    if (str[0] === '#') {
+      str = str.substr(1) // remove hash
+      if (str.length === 3) str += str // fff -> ffffff
+      match = parseInt(str, 16);
+      rgb[0] = ((match >> 16) & 255);
+      rgb[1] = ((match >> 8) & 255);
+      rgb[2] = (match & 255);
+    }
+
+    // rgb(34, 34, 127) or rgba(34, 34, 127, 0.1) notation
+    else if (RGB_REGEX.test(str)) {
+      match = str.match(RGB_GROUP_REGEX);
+      rgb[0] = parseInt(match[1]);
+      rgb[1] = parseInt(match[2]);
+      rgb[2] = parseInt(match[3]);
+    }
+
+    if (!twoFiftySix) {
+      for (var j=0; j<3; ++j) rgb[j] = rgb[j]/255
+    }
+
+
+    return rgb;
+  }
+
+
+  function str2RgbaArray(str, twoFiftySix) {
+    // convert hex or rbg strings to 0->1 or 0->255 rgb array
+    var rgb,
+        match;
+
+    if (typeof str !== 'string') return str;
+
+    rgb = [];
+    // hex notation
+    if (str[0] === '#') {
+      str = str.substr(1) // remove hash
+      if (str.length === 3) str += str // fff -> ffffff
+      match = parseInt(str, 16);
+      rgb[0] = ((match >> 16) & 255);
+      rgb[1] = ((match >> 8) & 255);
+      rgb[2] = (match & 255);
+    }
+
+    // rgb(34, 34, 127) or rgba(34, 34, 127, 0.1) notation
+    else if (RGB_REGEX.test(str)) {
+      match = str.match(RGB_GROUP_REGEX);
+      rgb[0] = parseInt(match[1]);
+      rgb[1] = parseInt(match[2]);
+      rgb[2] = parseInt(match[3]);
+      if (match[4]) rgb[3] = parseFloat(match[4]);
+      else rgb[3] = 1.0;
+    }
+
+
+
+    if (!twoFiftySix) {
+      for (var j=0; j<3; ++j) rgb[j] = rgb[j]/255
+    }
+
+
+    return rgb;
+  }
+
+
+
+
+
+  that.isPlainObject = isPlainObject;
+  that.linspace = linspace;
+  that.zip3 = zip3;
+  that.sum = sum;
+  that.zip = zip;
+  that.isEqual = isEqual;
+  that.copy2D = copy2D;
+  that.copy1D = copy1D;
+  that.str2RgbArray = str2RgbArray;
+  that.str2RgbaArray = str2RgbaArray;
+
+  return that
+
+}
+
+
+module.exports = arraytools();
+
+},{}],47:[function(require,module,exports){
+(function (global){
+'use strict';
+
+// compare and isBuffer taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js
+// original notice:
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <feross at feross.org> <http://feross.org>
+ * @license  MIT
+ */
+function compare(a, b) {
+  if (a === b) {
+    return 0;
+  }
+
+  var x = a.length;
+  var y = b.length;
+
+  for (var i = 0, len = Math.min(x, y); i < len; ++i) {
+    if (a[i] !== b[i]) {
+      x = a[i];
+      y = b[i];
+      break;
+    }
+  }
+
+  if (x < y) {
+    return -1;
+  }
+  if (y < x) {
+    return 1;
+  }
+  return 0;
+}
+function isBuffer(b) {
+  if (global.Buffer && typeof global.Buffer.isBuffer === 'function') {
+    return global.Buffer.isBuffer(b);
+  }
+  return !!(b != null && b._isBuffer);
+}
+
+// based on node assert, original notice:
+
+// http://wiki.commonjs.org/wiki/Unit_Testing/1.0
+//
+// THIS IS NOT TESTED NOR LIKELY TO WORK OUTSIDE V8!
+//
+// Originally from narwhal.js (http://narwhaljs.org)
+// Copyright (c) 2009 Thomas Robinson <280north.com>
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the 'Software'), to
+// deal in the Software without restriction, including without limitation the
+// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+// sell copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+// ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var util = require('util/');
+var hasOwn = Object.prototype.hasOwnProperty;
+var pSlice = Array.prototype.slice;
+var functionsHaveNames = (function () {
+  return function foo() {}.name === 'foo';
+}());
+function pToString (obj) {
+  return Object.prototype.toString.call(obj);
+}
+function isView(arrbuf) {
+  if (isBuffer(arrbuf)) {
+    return false;
+  }
+  if (typeof global.ArrayBuffer !== 'function') {
+    return false;
+  }
+  if (typeof ArrayBuffer.isView === 'function') {
+    return ArrayBuffer.isView(arrbuf);
+  }
+  if (!arrbuf) {
+    return false;
+  }
+  if (arrbuf instanceof DataView) {
+    return true;
+  }
+  if (arrbuf.buffer && arrbuf.buffer instanceof ArrayBuffer) {
+    return true;
+  }
+  return false;
+}
+// 1. The assert module provides functions that throw
+// AssertionError's when particular conditions are not met. The
+// assert module must conform to the following interface.
+
+var assert = module.exports = ok;
+
+// 2. The AssertionError is defined in assert.
+// new assert.AssertionError({ message: message,
+//                             actual: actual,
+//                             expected: expected })
+
+var regex = /\s*function\s+([^\(\s]*)\s*/;
+// based on https://github.com/ljharb/function.prototype.name/blob/adeeeec8bfcc6068b187d7d9fb3d5bb1d3a30899/implementation.js
+function getName(func) {
+  if (!util.isFunction(func)) {
+    return;
+  }
+  if (functionsHaveNames) {
+    return func.name;
+  }
+  var str = func.toString();
+  var match = str.match(regex);
+  return match && match[1];
+}
+assert.AssertionError = function AssertionError(options) {
+  this.name = 'AssertionError';
+  this.actual = options.actual;
+  this.expected = options.expected;
+  this.operator = options.operator;
+  if (options.message) {
+    this.message = options.message;
+    this.generatedMessage = false;
+  } else {
+    this.message = getMessage(this);
+    this.generatedMessage = true;
+  }
+  var stackStartFunction = options.stackStartFunction || fail;
+  if (Error.captureStackTrace) {
+    Error.captureStackTrace(this, stackStartFunction);
+  } else {
+    // non v8 browsers so we can have a stacktrace
+    var err = new Error();
+    if (err.stack) {
+      var out = err.stack;
+
+      // try to strip useless frames
+      var fn_name = getName(stackStartFunction);
+      var idx = out.indexOf('\n' + fn_name);
+      if (idx >= 0) {
+        // once we have located the function frame
+        // we need to strip out everything before it (and its line)
+        var next_line = out.indexOf('\n', idx + 1);
+        out = out.substring(next_line + 1);
+      }
+
+      this.stack = out;
+    }
+  }
+};
+
+// assert.AssertionError instanceof Error
+util.inherits(assert.AssertionError, Error);
+
+function truncate(s, n) {
+  if (typeof s === 'string') {
+    return s.length < n ? s : s.slice(0, n);
+  } else {
+    return s;
+  }
+}
+function inspect(something) {
+  if (functionsHaveNames || !util.isFunction(something)) {
+    return util.inspect(something);
+  }
+  var rawname = getName(something);
+  var name = rawname ? ': ' + rawname : '';
+  return '[Function' +  name + ']';
+}
+function getMessage(self) {
+  return truncate(inspect(self.actual), 128) + ' ' +
+         self.operator + ' ' +
+         truncate(inspect(self.expected), 128);
+}
+
+// At present only the three keys mentioned above are used and
+// understood by the spec. Implementations or sub modules can pass
+// other keys to the AssertionError's constructor - they will be
+// ignored.
+
+// 3. All of the following functions must throw an AssertionError
+// when a corresponding condition is not met, with a message that
+// may be undefined if not provided.  All assertion methods provide
+// both the actual and expected values to the assertion error for
+// display purposes.
+
+function fail(actual, expected, message, operator, stackStartFunction) {
+  throw new assert.AssertionError({
+    message: message,
+    actual: actual,
+    expected: expected,
+    operator: operator,
+    stackStartFunction: stackStartFunction
+  });
+}
+
+// EXTENSION! allows for well behaved errors defined elsewhere.
+assert.fail = fail;
+
+// 4. Pure assertion tests whether a value is truthy, as determined
+// by !!guard.
+// assert.ok(guard, message_opt);
+// This statement is equivalent to assert.equal(true, !!guard,
+// message_opt);. To test strictly for the value true, use
+// assert.strictEqual(true, guard, message_opt);.
+
+function ok(value, message) {
+  if (!value) fail(value, true, message, '==', assert.ok);
+}
+assert.ok = ok;
+
+// 5. The equality assertion tests shallow, coercive equality with
+// ==.
+// assert.equal(actual, expected, message_opt);
+
+assert.equal = function equal(actual, expected, message) {
+  if (actual != expected) fail(actual, expected, message, '==', assert.equal);
+};
+
+// 6. The non-equality assertion tests for whether two objects are not equal
+// with != assert.notEqual(actual, expected, message_opt);
+
+assert.notEqual = function notEqual(actual, expected, message) {
+  if (actual == expected) {
+    fail(actual, expected, message, '!=', assert.notEqual);
+  }
+};
+
+// 7. The equivalence assertion tests a deep equality relation.
+// assert.deepEqual(actual, expected, message_opt);
+
+assert.deepEqual = function deepEqual(actual, expected, message) {
+  if (!_deepEqual(actual, expected, false)) {
+    fail(actual, expected, message, 'deepEqual', assert.deepEqual);
+  }
+};
+
+assert.deepStrictEqual = function deepStrictEqual(actual, expected, message) {
+  if (!_deepEqual(actual, expected, true)) {
+    fail(actual, expected, message, 'deepStrictEqual', assert.deepStrictEqual);
+  }
+};
+
+function _deepEqual(actual, expected, strict, memos) {
+  // 7.1. All identical values are equivalent, as determined by ===.
+  if (actual === expected) {
+    return true;
+  } else if (isBuffer(actual) && isBuffer(expected)) {
+    return compare(actual, expected) === 0;
+
+  // 7.2. If the expected value is a Date object, the actual value is
+  // equivalent if it is also a Date object that refers to the same time.
+  } else if (util.isDate(actual) && util.isDate(expected)) {
+    return actual.getTime() === expected.getTime();
+
+  // 7.3 If the expected value is a RegExp object, the actual value is
+  // equivalent if it is also a RegExp object with the same source and
+  // properties (`global`, `multiline`, `lastIndex`, `ignoreCase`).
+  } else if (util.isRegExp(actual) && util.isRegExp(expected)) {
+    return actual.source === expected.source &&
+           actual.global === expected.global &&
+           actual.multiline === expected.multiline &&
+           actual.lastIndex === expected.lastIndex &&
+           actual.ignoreCase === expected.ignoreCase;
+
+  // 7.4. Other pairs that do not both pass typeof value == 'object',
+  // equivalence is determined by ==.
+  } else if ((actual === null || typeof actual !== 'object') &&
+             (expected === null || typeof expected !== 'object')) {
+    return strict ? actual === expected : actual == expected;
+
+  // If both values are instances of typed arrays, wrap their underlying
+  // ArrayBuffers in a Buffer each to increase performance
+  // This optimization requires the arrays to have the same type as checked by
+  // Object.prototype.toString (aka pToString). Never perform binary
+  // comparisons for Float*Arrays, though, since e.g. +0 === -0 but their
+  // bit patterns are not identical.
+  } else if (isView(actual) && isView(expected) &&
+             pToString(actual) === pToString(expected) &&
+             !(actual instanceof Float32Array ||
+               actual instanceof Float64Array)) {
+    return compare(new Uint8Array(actual.buffer),
+                   new Uint8Array(expected.buffer)) === 0;
+
+  // 7.5 For all other Object pairs, including Array objects, equivalence is
+  // determined by having the same number of owned properties (as verified
+  // with Object.prototype.hasOwnProperty.call), the same set of keys
+  // (although not necessarily the same order), equivalent values for every
+  // corresponding key, and an identical 'prototype' property. Note: this
+  // accounts for both named and indexed properties on Arrays.
+  } else if (isBuffer(actual) !== isBuffer(expected)) {
+    return false;
+  } else {
+    memos = memos || {actual: [], expected: []};
+
+    var actualIndex = memos.actual.indexOf(actual);
+    if (actualIndex !== -1) {
+      if (actualIndex === memos.expected.indexOf(expected)) {
+        return true;
+      }
+    }
+
+    memos.actual.push(actual);
+    memos.expected.push(expected);
+
+    return objEquiv(actual, expected, strict, memos);
+  }
+}
+
+function isArguments(object) {
+  return Object.prototype.toString.call(object) == '[object Arguments]';
+}
+
+function objEquiv(a, b, strict, actualVisitedObjects) {
+  if (a === null || a === undefined || b === null || b === undefined)
+    return false;
+  // if one is a primitive, the other must be same
+  if (util.isPrimitive(a) || util.isPrimitive(b))
+    return a === b;
+  if (strict && Object.getPrototypeOf(a) !== Object.getPrototypeOf(b))
+    return false;
+  var aIsArgs = isArguments(a);
+  var bIsArgs = isArguments(b);
+  if ((aIsArgs && !bIsArgs) || (!aIsArgs && bIsArgs))
+    return false;
+  if (aIsArgs) {
+    a = pSlice.call(a);
+    b = pSlice.call(b);
+    return _deepEqual(a, b, strict);
+  }
+  var ka = objectKeys(a);
+  var kb = objectKeys(b);
+  var key, i;
+  // having the same number of owned properties (keys incorporates
+  // hasOwnProperty)
+  if (ka.length !== kb.length)
+    return false;
+  //the same set of keys (although not necessarily the same order),
+  ka.sort();
+  kb.sort();
+  //~~~cheap key test
+  for (i = ka.length - 1; i >= 0; i--) {
+    if (ka[i] !== kb[i])
+      return false;
+  }
+  //equivalent values for every corresponding key, and
+  //~~~possibly expensive deep test
+  for (i = ka.length - 1; i >= 0; i--) {
+    key = ka[i];
+    if (!_deepEqual(a[key], b[key], strict, actualVisitedObjects))
+      return false;
+  }
+  return true;
+}
+
+// 8. The non-equivalence assertion tests for any deep inequality.
+// assert.notDeepEqual(actual, expected, message_opt);
+
+assert.notDeepEqual = function notDeepEqual(actual, expected, message) {
+  if (_deepEqual(actual, expected, false)) {
+    fail(actual, expected, message, 'notDeepEqual', assert.notDeepEqual);
+  }
+};
+
+assert.notDeepStrictEqual = notDeepStrictEqual;
+function notDeepStrictEqual(actual, expected, message) {
+  if (_deepEqual(actual, expected, true)) {
+    fail(actual, expected, message, 'notDeepStrictEqual', notDeepStrictEqual);
+  }
+}
+
+
+// 9. The strict equality assertion tests strict equality, as determined by ===.
+// assert.strictEqual(actual, expected, message_opt);
+
+assert.strictEqual = function strictEqual(actual, expected, message) {
+  if (actual !== expected) {
+    fail(actual, expected, message, '===', assert.strictEqual);
+  }
+};
+
+// 10. The strict non-equality assertion tests for strict inequality, as
+// determined by !==.  assert.notStrictEqual(actual, expected, message_opt);
+
+assert.notStrictEqual = function notStrictEqual(actual, expected, message) {
+  if (actual === expected) {
+    fail(actual, expected, message, '!==', assert.notStrictEqual);
+  }
+};
+
+function expectedException(actual, expected) {
+  if (!actual || !expected) {
+    return false;
+  }
+
+  if (Object.prototype.toString.call(expected) == '[object RegExp]') {
+    return expected.test(actual);
+  }
+
+  try {
+    if (actual instanceof expected) {
+      return true;
+    }
+  } catch (e) {
+    // Ignore.  The instanceof check doesn't work for arrow functions.
+  }
+
+  if (Error.isPrototypeOf(expected)) {
+    return false;
+  }
+
+  return expected.call({}, actual) === true;
+}
+
+function _tryBlock(block) {
+  var error;
+  try {
+    block();
+  } catch (e) {
+    error = e;
+  }
+  return error;
+}
+
+function _throws(shouldThrow, block, expected, message) {
+  var actual;
+
+  if (typeof block !== 'function') {
+    throw new TypeError('"block" argument must be a function');
+  }
+
+  if (typeof expected === 'string') {
+    message = expected;
+    expected = null;
+  }
+
+  actual = _tryBlock(block);
+
+  message = (expected && expected.name ? ' (' + expected.name + ').' : '.') +
+            (message ? ' ' + message : '.');
+
+  if (shouldThrow && !actual) {
+    fail(actual, expected, 'Missing expected exception' + message);
+  }
+
+  var userProvidedMessage = typeof message === 'string';
+  var isUnwantedException = !shouldThrow && util.isError(actual);
+  var isUnexpectedException = !shouldThrow && actual && !expected;
+
+  if ((isUnwantedException &&
+      userProvidedMessage &&
+      expectedException(actual, expected)) ||
+      isUnexpectedException) {
+    fail(actual, expected, 'Got unwanted exception' + message);
+  }
+
+  if ((shouldThrow && actual && expected &&
+      !expectedException(actual, expected)) || (!shouldThrow && actual)) {
+    throw actual;
+  }
+}
+
+// 11. Expected to throw an error:
+// assert.throws(block, Error_opt, message_opt);
+
+assert.throws = function(block, /*optional*/error, /*optional*/message) {
+  _throws(true, block, error, message);
+};
+
+// EXTENSION! This is annoying to write outside this module.
+assert.doesNotThrow = function(block, /*optional*/error, /*optional*/message) {
+  _throws(false, block, error, message);
+};
+
+assert.ifError = function(err) { if (err) throw err; };
+
+var objectKeys = Object.keys || function (obj) {
+  var keys = [];
+  for (var key in obj) {
+    if (hasOwn.call(obj, key)) keys.push(key);
+  }
+  return keys;
+};
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"util/":549}],48:[function(require,module,exports){
+module.exports = function _atob(str) {
+  return atob(str)
+}
+
+},{}],49:[function(require,module,exports){
+'use strict'
+
+module.exports = barycentric
+
+var solve = require('robust-linear-solve')
+
+function reduce(x) {
+  var r = 0
+  for(var i=0; i<x.length; ++i) {
+    r += x[i]
+  }
+  return r
+}
+
+function barycentric(simplex, point) {
+  var d = point.length
+  var A = new Array(d+1)
+  for(var i=0; i<d; ++i) {
+    var row = new Array(d+1)
+    for(var j=0; j<=d; ++j) {
+      row[j] = simplex[j][i]
+    }
+    A[i] = row
+  }
+  A[d] = new Array(d+1)
+  for(var i=0; i<=d; ++i) {
+    A[d][i] = 1
+  }
+
+  var b = new Array(d+1)
+  for(var i=0; i<d; ++i) {
+    b[i] = point[i]
+  }
+  b[d] = 1.0
+
+  var x = solve(A, b)
+  var w = reduce(x[d+1])
+  
+  if(w === 0) {
+    w = 1.0
+  }
+  var y = new Array(d+1)
+  for(var i=0; i<=d; ++i) {
+    y[i] = reduce(x[i]) / w
+  }
+  return y
+}
+},{"robust-linear-solve":507}],50:[function(require,module,exports){
+'use strict'
+
+var rationalize = require('./lib/rationalize')
+
+module.exports = add
+
+function add(a, b) {
+  return rationalize(
+    a[0].mul(b[1]).add(b[0].mul(a[1])),
+    a[1].mul(b[1]))
+}
+
+},{"./lib/rationalize":60}],51:[function(require,module,exports){
+'use strict'
+
+module.exports = cmp
+
+function cmp(a, b) {
+    return a[0].mul(b[1]).cmp(b[0].mul(a[1]))
+}
+
+},{}],52:[function(require,module,exports){
+'use strict'
+
+var rationalize = require('./lib/rationalize')
+
+module.exports = div
+
+function div(a, b) {
+  return rationalize(a[0].mul(b[1]), a[1].mul(b[0]))
+}
+
+},{"./lib/rationalize":60}],53:[function(require,module,exports){
+'use strict'
+
+var isRat = require('./is-rat')
+var isBN = require('./lib/is-bn')
+var num2bn = require('./lib/num-to-bn')
+var str2bn = require('./lib/str-to-bn')
+var rationalize = require('./lib/rationalize')
+var div = require('./div')
+
+module.exports = makeRational
+
+function makeRational(numer, denom) {
+  if(isRat(numer)) {
+    if(denom) {
+      return div(numer, makeRational(denom))
+    }
+    return [numer[0].clone(), numer[1].clone()]
+  }
+  var shift = 0
+  var a, b
+  if(isBN(numer)) {
+    a = numer.clone()
+  } else if(typeof numer === 'string') {
+    a = str2bn(numer)
+  } else if(numer === 0) {
+    return [num2bn(0), num2bn(1)]
+  } else if(numer === Math.floor(numer)) {
+    a = num2bn(numer)
+  } else {
+    while(numer !== Math.floor(numer)) {
+      numer = numer * Math.pow(2, 256)
+      shift -= 256
+    }
+    a = num2bn(numer)
+  }
+  if(isRat(denom)) {
+    a.mul(denom[1])
+    b = denom[0].clone()
+  } else if(isBN(denom)) {
+    b = denom.clone()
+  } else if(typeof denom === 'string') {
+    b = str2bn(denom)
+  } else if(!denom) {
+    b = num2bn(1)
+  } else if(denom === Math.floor(denom)) {
+    b = num2bn(denom)
+  } else {
+    while(denom !== Math.floor(denom)) {
+      denom = denom * Math.pow(2, 256)
+      shift += 256
+    }
+    b = num2bn(denom)
+  }
+  if(shift > 0) {
+    a = a.ushln(shift)
+  } else if(shift < 0) {
+    b = b.ushln(-shift)
+  }
+  return rationalize(a, b)
+}
+
+},{"./div":52,"./is-rat":54,"./lib/is-bn":58,"./lib/num-to-bn":59,"./lib/rationalize":60,"./lib/str-to-bn":61}],54:[function(require,module,exports){
+'use strict'
+
+var isBN = require('./lib/is-bn')
+
+module.exports = isRat
+
+function isRat(x) {
+  return Array.isArray(x) && x.length === 2 && isBN(x[0]) && isBN(x[1])
+}
+
+},{"./lib/is-bn":58}],55:[function(require,module,exports){
+'use strict'
+
+var BN = require('bn.js')
+
+module.exports = sign
+
+function sign (x) {
+  return x.cmp(new BN(0))
+}
+
+},{"bn.js":68}],56:[function(require,module,exports){
+'use strict'
+
+var sign = require('./bn-sign')
+
+module.exports = bn2num
+
+//TODO: Make this better
+function bn2num(b) {
+  var l = b.length
+  var words = b.words
+  var out = 0
+  if (l === 1) {
+    out = words[0]
+  } else if (l === 2) {
+    out = words[0] + (words[1] * 0x4000000)
+  } else {
+    for (var i = 0; i < l; i++) {
+      var w = words[i]
+      out += w * Math.pow(0x4000000, i)
+    }
+  }
+  return sign(b) * out
+}
+
+},{"./bn-sign":55}],57:[function(require,module,exports){
+'use strict'
+
+var db = require('double-bits')
+var ctz = require('bit-twiddle').countTrailingZeros
+
+module.exports = ctzNumber
+
+//Counts the number of trailing zeros
+function ctzNumber(x) {
+  var l = ctz(db.lo(x))
+  if(l < 32) {
+    return l
+  }
+  var h = ctz(db.hi(x))
+  if(h > 20) {
+    return 52
+  }
+  return h + 32
+}
+
+},{"bit-twiddle":67,"double-bits":124}],58:[function(require,module,exports){
+'use strict'
+
+var BN = require('bn.js')
+
+module.exports = isBN
+
+//Test if x is a bignumber
+//FIXME: obviously this is the wrong way to do it
+function isBN(x) {
+  return x && typeof x === 'object' && Boolean(x.words)
+}
+
+},{"bn.js":68}],59:[function(require,module,exports){
+'use strict'
+
+var BN = require('bn.js')
+var db = require('double-bits')
+
+module.exports = num2bn
+
+function num2bn(x) {
+  var e = db.exponent(x)
+  if(e < 52) {
+    return new BN(x)
+  } else {
+    return (new BN(x * Math.pow(2, 52-e))).ushln(e-52)
+  }
+}
+
+},{"bn.js":68,"double-bits":124}],60:[function(require,module,exports){
+'use strict'
+
+var num2bn = require('./num-to-bn')
+var sign = require('./bn-sign')
+
+module.exports = rationalize
+
+function rationalize(numer, denom) {
+  var snumer = sign(numer)
+  var sdenom = sign(denom)
+  if(snumer === 0) {
+    return [num2bn(0), num2bn(1)]
+  }
+  if(sdenom === 0) {
+    return [num2bn(0), num2bn(0)]
+  }
+  if(sdenom < 0) {
+    numer = numer.neg()
+    denom = denom.neg()
+  }
+  var d = numer.gcd(denom)
+  if(d.cmpn(1)) {
+    return [ numer.div(d), denom.div(d) ]
+  }
+  return [ numer, denom ]
+}
+
+},{"./bn-sign":55,"./num-to-bn":59}],61:[function(require,module,exports){
+'use strict'
+
+var BN = require('bn.js')
+
+module.exports = str2BN
+
+function str2BN(x) {
+  return new BN(x)
+}
+
+},{"bn.js":68}],62:[function(require,module,exports){
+'use strict'
+
+var rationalize = require('./lib/rationalize')
+
+module.exports = mul
+
+function mul(a, b) {
+  return rationalize(a[0].mul(b[0]), a[1].mul(b[1]))
+}
+
+},{"./lib/rationalize":60}],63:[function(require,module,exports){
+'use strict'
+
+var bnsign = require('./lib/bn-sign')
+
+module.exports = sign
+
+function sign(x) {
+  return bnsign(x[0]) * bnsign(x[1])
+}
+
+},{"./lib/bn-sign":55}],64:[function(require,module,exports){
+'use strict'
+
+var rationalize = require('./lib/rationalize')
+
+module.exports = sub
+
+function sub(a, b) {
+  return rationalize(a[0].mul(b[1]).sub(a[1].mul(b[0])), a[1].mul(b[1]))
+}
+
+},{"./lib/rationalize":60}],65:[function(require,module,exports){
+'use strict'
+
+var bn2num = require('./lib/bn-to-num')
+var ctz = require('./lib/ctz')
+
+module.exports = roundRat
+
+// Round a rational to the closest float
+function roundRat (f) {
+  var a = f[0]
+  var b = f[1]
+  if (a.cmpn(0) === 0) {
+    return 0
+  }
+  var h = a.abs().divmod(b.abs())
+  var iv = h.div
+  var x = bn2num(iv)
+  var ir = h.mod
+  var sgn = (a.negative !== b.negative) ? -1 : 1
+  if (ir.cmpn(0) === 0) {
+    return sgn * x
+  }
+  if (x) {
+    var s = ctz(x) + 4
+    var y = bn2num(ir.ushln(s).divRound(b))
+    return sgn * (x + y * Math.pow(2, -s))
+  } else {
+    var ybits = b.bitLength() - ir.bitLength() + 53
+    var y = bn2num(ir.ushln(ybits).divRound(b))
+    if (ybits < 1023) {
+      return sgn * y * Math.pow(2, -ybits)
+    }
+    y *= Math.pow(2, -1023)
+    return sgn * y * Math.pow(2, 1023 - ybits)
+  }
+}
+
+},{"./lib/bn-to-num":56,"./lib/ctz":57}],66:[function(require,module,exports){
+"use strict"
+
+function compileSearch(funcName, predicate, reversed, extraArgs, useNdarray, earlyOut) {
+  var code = [
+    "function ", funcName, "(a,l,h,", extraArgs.join(","),  "){",
+earlyOut ? "" : "var i=", (reversed ? "l-1" : "h+1"),
+";while(l<=h){\
+var m=(l+h)>>>1,x=a", useNdarray ? ".get(m)" : "[m]"]
+  if(earlyOut) {
+    if(predicate.indexOf("c") < 0) {
+      code.push(";if(x===y){return m}else if(x<=y){")
+    } else {
+      code.push(";var p=c(x,y);if(p===0){return m}else if(p<=0){")
+    }
+  } else {
+    code.push(";if(", predicate, "){i=m;")
+  }
+  if(reversed) {
+    code.push("l=m+1}else{h=m-1}")
+  } else {
+    code.push("h=m-1}else{l=m+1}")
+  }
+  code.push("}")
+  if(earlyOut) {
+    code.push("return -1};")
+  } else {
+    code.push("return i};")
+  }
+  return code.join("")
+}
+
+function compileBoundsSearch(predicate, reversed, suffix, earlyOut) {
+  var result = new Function([
+  compileSearch("A", "x" + predicate + "y", reversed, ["y"], false, earlyOut),
+  compileSearch("B", "x" + predicate + "y", reversed, ["y"], true, earlyOut),
+  compileSearch("P", "c(x,y)" + predicate + "0", reversed, ["y", "c"], false, earlyOut),
+  compileSearch("Q", "c(x,y)" + predicate + "0", reversed, ["y", "c"], true, earlyOut),
+"function dispatchBsearch", suffix, "(a,y,c,l,h){\
+if(a.shape){\
+if(typeof(c)==='function'){\
+return Q(a,(l===undefined)?0:l|0,(h===undefined)?a.shape[0]-1:h|0,y,c)\
+}else{\
+return B(a,(c===undefined)?0:c|0,(l===undefined)?a.shape[0]-1:l|0,y)\
+}}else{\
+if(typeof(c)==='function'){\
+return P(a,(l===undefined)?0:l|0,(h===undefined)?a.length-1:h|0,y,c)\
+}else{\
+return A(a,(c===undefined)?0:c|0,(l===undefined)?a.length-1:l|0,y)\
+}}}\
+return dispatchBsearch", suffix].join(""))
+  return result()
+}
+
+module.exports = {
+  ge: compileBoundsSearch(">=", false, "GE"),
+  gt: compileBoundsSearch(">", false, "GT"),
+  lt: compileBoundsSearch("<", true, "LT"),
+  le: compileBoundsSearch("<=", true, "LE"),
+  eq: compileBoundsSearch("-", true, "EQ", true)
+}
+
+},{}],67:[function(require,module,exports){
+/**
+ * Bit twiddling hacks for JavaScript.
+ *
+ * Author: Mikola Lysenko
+ *
+ * Ported from Stanford bit twiddling hack library:
+ *    http://graphics.stanford.edu/~seander/bithacks.html
+ */
+
+"use strict"; "use restrict";
+
+//Number of bits in an integer
+var INT_BITS = 32;
+
+//Constants
+exports.INT_BITS  = INT_BITS;
+exports.INT_MAX   =  0x7fffffff;
+exports.INT_MIN   = -1<<(INT_BITS-1);
+
+//Returns -1, 0, +1 depending on sign of x
+exports.sign = function(v) {
+  return (v > 0) - (v < 0);
+}
+
+//Computes absolute value of integer
+exports.abs = function(v) {
+  var mask = v >> (INT_BITS-1);
+  return (v ^ mask) - mask;
+}
+
+//Computes minimum of integers x and y
+exports.min = function(x, y) {
+  return y ^ ((x ^ y) & -(x < y));
+}
+
+//Computes maximum of integers x and y
+exports.max = function(x, y) {
+  return x ^ ((x ^ y) & -(x < y));
+}
+
+//Checks if a number is a power of two
+exports.isPow2 = function(v) {
+  return !(v & (v-1)) && (!!v);
+}
+
+//Computes log base 2 of v
+exports.log2 = function(v) {
+  var r, shift;
+  r =     (v > 0xFFFF) << 4; v >>>= r;
+  shift = (v > 0xFF  ) << 3; v >>>= shift; r |= shift;
+  shift = (v > 0xF   ) << 2; v >>>= shift; r |= shift;
+  shift = (v > 0x3   ) << 1; v >>>= shift; r |= shift;
+  return r | (v >> 1);
+}
+
+//Computes log base 10 of v
+exports.log10 = function(v) {
+  return  (v >= 1000000000) ? 9 : (v >= 100000000) ? 8 : (v >= 10000000) ? 7 :
+          (v >= 1000000) ? 6 : (v >= 100000) ? 5 : (v >= 10000) ? 4 :
+          (v >= 1000) ? 3 : (v >= 100) ? 2 : (v >= 10) ? 1 : 0;
+}
+
+//Counts number of bits
+exports.popCount = function(v) {
+  v = v - ((v >>> 1) & 0x55555555);
+  v = (v & 0x33333333) + ((v >>> 2) & 0x33333333);
+  return ((v + (v >>> 4) & 0xF0F0F0F) * 0x1010101) >>> 24;
+}
+
+//Counts number of trailing zeros
+function countTrailingZeros(v) {
+  var c = 32;
+  v &= -v;
+  if (v) c--;
+  if (v & 0x0000FFFF) c -= 16;
+  if (v & 0x00FF00FF) c -= 8;
+  if (v & 0x0F0F0F0F) c -= 4;
+  if (v & 0x33333333) c -= 2;
+  if (v & 0x55555555) c -= 1;
+  return c;
+}
+exports.countTrailingZeros = countTrailingZeros;
+
+//Rounds to next power of 2
+exports.nextPow2 = function(v) {
+  v += v === 0;
+  --v;
+  v |= v >>> 1;
+  v |= v >>> 2;
+  v |= v >>> 4;
+  v |= v >>> 8;
+  v |= v >>> 16;
+  return v + 1;
+}
+
+//Rounds down to previous power of 2
+exports.prevPow2 = function(v) {
+  v |= v >>> 1;
+  v |= v >>> 2;
+  v |= v >>> 4;
+  v |= v >>> 8;
+  v |= v >>> 16;
+  return v - (v>>>1);
+}
+
+//Computes parity of word
+exports.parity = function(v) {
+  v ^= v >>> 16;
+  v ^= v >>> 8;
+  v ^= v >>> 4;
+  v &= 0xf;
+  return (0x6996 >>> v) & 1;
+}
+
+var REVERSE_TABLE = new Array(256);
+
+(function(tab) {
+  for(var i=0; i<256; ++i) {
+    var v = i, r = i, s = 7;
+    for (v >>>= 1; v; v >>>= 1) {
+      r <<= 1;
+      r |= v & 1;
+      --s;
+    }
+    tab[i] = (r << s) & 0xff;
+  }
+})(REVERSE_TABLE);
+
+//Reverse bits in a 32 bit word
+exports.reverse = function(v) {
+  return  (REVERSE_TABLE[ v         & 0xff] << 24) |
+          (REVERSE_TABLE[(v >>> 8)  & 0xff] << 16) |
+          (REVERSE_TABLE[(v >>> 16) & 0xff] << 8)  |
+           REVERSE_TABLE[(v >>> 24) & 0xff];
+}
+
+//Interleave bits of 2 coordinates with 16 bits.  Useful for fast quadtree codes
+exports.interleave2 = function(x, y) {
+  x &= 0xFFFF;
+  x = (x | (x << 8)) & 0x00FF00FF;
+  x = (x | (x << 4)) & 0x0F0F0F0F;
+  x = (x | (x << 2)) & 0x33333333;
+  x = (x | (x << 1)) & 0x55555555;
+
+  y &= 0xFFFF;
+  y = (y | (y << 8)) & 0x00FF00FF;
+  y = (y | (y << 4)) & 0x0F0F0F0F;
+  y = (y | (y << 2)) & 0x33333333;
+  y = (y | (y << 1)) & 0x55555555;
+
+  return x | (y << 1);
+}
+
+//Extracts the nth interleaved component
+exports.deinterleave2 = function(v, n) {
+  v = (v >>> n) & 0x55555555;
+  v = (v | (v >>> 1))  & 0x33333333;
+  v = (v | (v >>> 2))  & 0x0F0F0F0F;
+  v = (v | (v >>> 4))  & 0x00FF00FF;
+  v = (v | (v >>> 16)) & 0x000FFFF;
+  return (v << 16) >> 16;
+}
+
+
+//Interleave bits of 3 coordinates, each with 10 bits.  Useful for fast octree codes
+exports.interleave3 = function(x, y, z) {
+  x &= 0x3FF;
+  x  = (x | (x<<16)) & 4278190335;
+  x  = (x | (x<<8))  & 251719695;
+  x  = (x | (x<<4))  & 3272356035;
+  x  = (x | (x<<2))  & 1227133513;
+
+  y &= 0x3FF;
+  y  = (y | (y<<16)) & 4278190335;
+  y  = (y | (y<<8))  & 251719695;
+  y  = (y | (y<<4))  & 3272356035;
+  y  = (y | (y<<2))  & 1227133513;
+  x |= (y << 1);
+  
+  z &= 0x3FF;
+  z  = (z | (z<<16)) & 4278190335;
+  z  = (z | (z<<8))  & 251719695;
+  z  = (z | (z<<4))  & 3272356035;
+  z  = (z | (z<<2))  & 1227133513;
+  
+  return x | (z << 2);
+}
+
+//Extracts nth interleaved component of a 3-tuple
+exports.deinterleave3 = function(v, n) {
+  v = (v >>> n)       & 1227133513;
+  v = (v | (v>>>2))   & 3272356035;
+  v = (v | (v>>>4))   & 251719695;
+  v = (v | (v>>>8))   & 4278190335;
+  v = (v | (v>>>16))  & 0x3FF;
+  return (v<<22)>>22;
+}
+
+//Computes next combination in colexicographic order (this is mistakenly called nextPermutation on the bit twiddling hacks page)
+exports.nextCombination = function(v) {
+  var t = v | (v - 1);
+  return (t + 1) | (((~t & -~t) - 1) >>> (countTrailingZeros(v) + 1));
+}
+
+
+},{}],68:[function(require,module,exports){
+(function (module, exports) {
+  'use strict';
+
+  // Utils
+  function assert (val, msg) {
+    if (!val) throw new Error(msg || 'Assertion failed');
+  }
+
+  // Could use `inherits` module, but don't want to move from single file
+  // architecture yet.
+  function inherits (ctor, superCtor) {
+    ctor.super_ = superCtor;
+    var TempCtor = function () {};
+    TempCtor.prototype = superCtor.prototype;
+    ctor.prototype = new TempCtor();
+    ctor.prototype.constructor = ctor;
+  }
+
+  // BN
+
+  function BN (number, base, endian) {
+    if (BN.isBN(number)) {
+      return number;
+    }
+
+    this.negative = 0;
+    this.words = null;
+    this.length = 0;
+
+    // Reduction context
+    this.red = null;
+
+    if (number !== null) {
+      if (base === 'le' || base === 'be') {
+        endian = base;
+        base = 10;
+      }
+
+      this._init(number || 0, base || 10, endian || 'be');
+    }
+  }
+  if (typeof module === 'object') {
+    module.exports = BN;
+  } else {
+    exports.BN = BN;
+  }
+
+  BN.BN = BN;
+  BN.wordSize = 26;
+
+  var Buffer;
+  try {
+    Buffer = require('buf' + 'fer').Buffer;
+  } catch (e) {
+  }
+
+  BN.isBN = function isBN (num) {
+    if (num instanceof BN) {
+      return true;
+    }
+
+    return num !== null && typeof num === 'object' &&
+      num.constructor.wordSize === BN.wordSize && Array.isArray(num.words);
+  };
+
+  BN.max = function max (left, right) {
+    if (left.cmp(right) > 0) return left;
+    return right;
+  };
+
+  BN.min = function min (left, right) {
+    if (left.cmp(right) < 0) return left;
+    return right;
+  };
+
+  BN.prototype._init = function init (number, base, endian) {
+    if (typeof number === 'number') {
+      return this._initNumber(number, base, endian);
+    }
+
+    if (typeof number === 'object') {
+      return this._initArray(number, base, endian);
+    }
+
+    if (base === 'hex') {
+      base = 16;
+    }
+    assert(base === (base | 0) && base >= 2 && base <= 36);
+
+    number = number.toString().replace(/\s+/g, '');
+    var start = 0;
+    if (number[0] === '-') {
+      start++;
+    }
+
+    if (base === 16) {
+      this._parseHex(number, start);
+    } else {
+      this._parseBase(number, base, start);
+    }
+
+    if (number[0] === '-') {
+      this.negative = 1;
+    }
+
+    this.strip();
+
+    if (endian !== 'le') return;
+
+    this._initArray(this.toArray(), base, endian);
+  };
+
+  BN.prototype._initNumber = function _initNumber (number, base, endian) {
+    if (number < 0) {
+      this.negative = 1;
+      number = -number;
+    }
+    if (number < 0x4000000) {
+      this.words = [ number & 0x3ffffff ];
+      this.length = 1;
+    } else if (number < 0x10000000000000) {
+      this.words = [
+        number & 0x3ffffff,
+        (number / 0x4000000) & 0x3ffffff
+      ];
+      this.length = 2;
+    } else {
+      assert(number < 0x20000000000000); // 2 ^ 53 (unsafe)
+      this.words = [
+        number & 0x3ffffff,
+        (number / 0x4000000) & 0x3ffffff,
+        1
+      ];
+      this.length = 3;
+    }
+
+    if (endian !== 'le') return;
+
+    // Reverse the bytes
+    this._initArray(this.toArray(), base, endian);
+  };
+
+  BN.prototype._initArray = function _initArray (number, base, endian) {
+    // Perhaps a Uint8Array
+    assert(typeof number.length === 'number');
+    if (number.length <= 0) {
+      this.words = [ 0 ];
+      this.length = 1;
+      return this;
+    }
+
+    this.length = Math.ceil(number.length / 3);
+    this.words = new Array(this.length);
+    for (var i = 0; i < this.length; i++) {
+      this.words[i] = 0;
+    }
+
+    var j, w;
+    var off = 0;
+    if (endian === 'be') {
+      for (i = number.length - 1, j = 0; i >= 0; i -= 3) {
+        w = number[i] | (number[i - 1] << 8) | (number[i - 2] << 16);
+        this.words[j] |= (w << off) & 0x3ffffff;
+        this.words[j + 1] = (w >>> (26 - off)) & 0x3ffffff;
+        off += 24;
+        if (off >= 26) {
+          off -= 26;
+          j++;
+        }
+      }
+    } else if (endian === 'le') {
+      for (i = 0, j = 0; i < number.length; i += 3) {
+        w = number[i] | (number[i + 1] << 8) | (number[i + 2] << 16);
+        this.words[j] |= (w << off) & 0x3ffffff;
+        this.words[j + 1] = (w >>> (26 - off)) & 0x3ffffff;
+        off += 24;
+        if (off >= 26) {
+          off -= 26;
+          j++;
+        }
+      }
+    }
+    return this.strip();
+  };
+
+  function parseHex (str, start, end) {
+    var r = 0;
+    var len = Math.min(str.length, end);
+    for (var i = start; i < len; i++) {
+      var c = str.charCodeAt(i) - 48;
+
+      r <<= 4;
+
+      // 'a' - 'f'
+      if (c >= 49 && c <= 54) {
+        r |= c - 49 + 0xa;
+
+      // 'A' - 'F'
+      } else if (c >= 17 && c <= 22) {
+        r |= c - 17 + 0xa;
+
+      // '0' - '9'
+      } else {
+        r |= c & 0xf;
+      }
+    }
+    return r;
+  }
+
+  BN.prototype._parseHex = function _parseHex (number, start) {
+    // Create possibly bigger array to ensure that it fits the number
+    this.length = Math.ceil((number.length - start) / 6);
+    this.words = new Array(this.length);
+    for (var i = 0; i < this.length; i++) {
+      this.words[i] = 0;
+    }
+
+    var j, w;
+    // Scan 24-bit chunks and add them to the number
+    var off = 0;
+    for (i = number.length - 6, j = 0; i >= start; i -= 6) {
+      w = parseHex(number, i, i + 6);
+      this.words[j] |= (w << off) & 0x3ffffff;
+      // NOTE: `0x3fffff` is intentional here, 26bits max shift + 24bit hex limb
+      this.words[j + 1] |= w >>> (26 - off) & 0x3fffff;
+      off += 24;
+      if (off >= 26) {
+        off -= 26;
+        j++;
+      }
+    }
+    if (i + 6 !== start) {
+      w = parseHex(number, start, i + 6);
+      this.words[j] |= (w << off) & 0x3ffffff;
+      this.words[j + 1] |= w >>> (26 - off) & 0x3fffff;
+    }
+    this.strip();
+  };
+
+  function parseBase (str, start, end, mul) {
+    var r = 0;
+    var len = Math.min(str.length, end);
+    for (var i = start; i < len; i++) {
+      var c = str.charCodeAt(i) - 48;
+
+      r *= mul;
+
+      // 'a'
+      if (c >= 49) {
+        r += c - 49 + 0xa;
+
+      // 'A'
+      } else if (c >= 17) {
+        r += c - 17 + 0xa;
+
+      // '0' - '9'
+      } else {
+        r += c;
+      }
+    }
+    return r;
+  }
+
+  BN.prototype._parseBase = function _parseBase (number, base, start) {
+    // Initialize as zero
+    this.words = [ 0 ];
+    this.length = 1;
+
+    // Find length of limb in base
+    for (var limbLen = 0, limbPow = 1; limbPow <= 0x3ffffff; limbPow *= base) {
+      limbLen++;
+    }
+    limbLen--;
+    limbPow = (limbPow / base) | 0;
+
+    var total = number.length - start;
+    var mod = total % limbLen;
+    var end = Math.min(total, total - mod) + start;
+
+    var word = 0;
+    for (var i = start; i < end; i += limbLen) {
+      word = parseBase(number, i, i + limbLen, base);
+
+      this.imuln(limbPow);
+      if (this.words[0] + word < 0x4000000) {
+        this.words[0] += word;
+      } else {
+        this._iaddn(word);
+      }
+    }
+
+    if (mod !== 0) {
+      var pow = 1;
+      word = parseBase(number, i, number.length, base);
+
+      for (i = 0; i < mod; i++) {
+        pow *= base;
+      }
+
+      this.imuln(pow);
+      if (this.words[0] + word < 0x4000000) {
+        this.words[0] += word;
+      } else {
+        this._iaddn(word);
+      }
+    }
+  };
+
+  BN.prototype.copy = function copy (dest) {
+    dest.words = new Array(this.length);
+    for (var i = 0; i < this.length; i++) {
+      dest.words[i] = this.words[i];
+    }
+    dest.length = this.length;
+    dest.negative = this.negative;
+    dest.red = this.red;
+  };
+
+  BN.prototype.clone = function clone () {
+    var r = new BN(null);
+    this.copy(r);
+    return r;
+  };
+
+  BN.prototype._expand = function _expand (size) {
+    while (this.length < size) {
+      this.words[this.length++] = 0;
+    }
+    return this;
+  };
+
+  // Remove leading `0` from `this`
+  BN.prototype.strip = function strip () {
+    while (this.length > 1 && this.words[this.length - 1] === 0) {
+      this.length--;
+    }
+    return this._normSign();
+  };
+
+  BN.prototype._normSign = function _normSign () {
+    // -0 = 0
+    if (this.length === 1 && this.words[0] === 0) {
+      this.negative = 0;
+    }
+    return this;
+  };
+
+  BN.prototype.inspect = function inspect () {
+    return (this.red ? '<BN-R: ' : '<BN: ') + this.toString(16) + '>';
+  };
+
+  /*
+
+  var zeros = [];
+  var groupSizes = [];
+  var groupBases = [];
+
+  var s = '';
+  var i = -1;
+  while (++i < BN.wordSize) {
+    zeros[i] = s;
+    s += '0';
+  }
+  groupSizes[0] = 0;
+  groupSizes[1] = 0;
+  groupBases[0] = 0;
+  groupBases[1] = 0;
+  var base = 2 - 1;
+  while (++base < 36 + 1) {
+    var groupSize = 0;
+    var groupBase = 1;
+    while (groupBase < (1 << BN.wordSize) / base) {
+      groupBase *= base;
+      groupSize += 1;
+    }
+    groupSizes[base] = groupSize;
+    groupBases[base] = groupBase;
+  }
+
+  */
+
+  var zeros = [
+    '',
+    '0',
+    '00',
+    '000',
+    '0000',
+    '00000',
+    '000000',
+    '0000000',
+    '00000000',
+    '000000000',
+    '0000000000',
+    '00000000000',
+    '000000000000',
+    '0000000000000',
+    '00000000000000',
+    '000000000000000',
+    '0000000000000000',
+    '00000000000000000',
+    '000000000000000000',
+    '0000000000000000000',
+    '00000000000000000000',
+    '000000000000000000000',
+    '0000000000000000000000',
+    '00000000000000000000000',
+    '000000000000000000000000',
+    '0000000000000000000000000'
+  ];
+
+  var groupSizes = [
+    0, 0,
+    25, 16, 12, 11, 10, 9, 8,
+    8, 7, 7, 7, 7, 6, 6,
+    6, 6, 6, 6, 6, 5, 5,
+    5, 5, 5, 5, 5, 5, 5,
+    5, 5, 5, 5, 5, 5, 5
+  ];
+
+  var groupBases = [
+    0, 0,
+    33554432, 43046721, 16777216, 48828125, 60466176, 40353607, 16777216,
+    43046721, 10000000, 19487171, 35831808, 62748517, 7529536, 11390625,
+    16777216, 24137569, 34012224, 47045881, 64000000, 4084101, 5153632,
+    6436343, 7962624, 9765625, 11881376, 14348907, 17210368, 20511149,
+    24300000, 28629151, 33554432, 39135393, 45435424, 52521875, 60466176
+  ];
+
+  BN.prototype.toString = function toString (base, padding) {
+    base = base || 10;
+    padding = padding | 0 || 1;
+
+    var out;
+    if (base === 16 || base === 'hex') {
+      out = '';
+      var off = 0;
+      var carry = 0;
+      for (var i = 0; i < this.length; i++) {
+        var w = this.words[i];
+        var word = (((w << off) | carry) & 0xffffff).toString(16);
+        carry = (w >>> (24 - off)) & 0xffffff;
+        if (carry !== 0 || i !== this.length - 1) {
+          out = zeros[6 - word.length] + word + out;
+        } else {
+          out = word + out;
+        }
+        off += 2;
+        if (off >= 26) {
+          off -= 26;
+          i--;
+        }
+      }
+      if (carry !== 0) {
+        out = carry.toString(16) + out;
+      }
+      while (out.length % padding !== 0) {
+        out = '0' + out;
+      }
+      if (this.negative !== 0) {
+        out = '-' + out;
+      }
+      return out;
+    }
+
+    if (base === (base | 0) && base >= 2 && base <= 36) {
+      // var groupSize = Math.floor(BN.wordSize * Math.LN2 / Math.log(base));
+      var groupSize = groupSizes[base];
+      // var groupBase = Math.pow(base, groupSize);
+      var groupBase = groupBases[base];
+      out = '';
+      var c = this.clone();
+      c.negative = 0;
+      while (!c.isZero()) {
+        var r = c.modn(groupBase).toString(base);
+        c = c.idivn(groupBase);
+
+        if (!c.isZero()) {
+          out = zeros[groupSize - r.length] + r + out;
+        } else {
+          out = r + out;
+        }
+      }
+      if (this.isZero()) {
+        out = '0' + out;
+      }
+      while (out.length % padding !== 0) {
+        out = '0' + out;
+      }
+      if (this.negative !== 0) {
+        out = '-' + out;
+      }
+      return out;
+    }
+
+    assert(false, 'Base should be between 2 and 36');
+  };
+
+  BN.prototype.toNumber = function toNumber () {
+    var ret = this.words[0];
+    if (this.length === 2) {
+      ret += this.words[1] * 0x4000000;
+    } else if (this.length === 3 && this.words[2] === 0x01) {
+      // NOTE: at this stage it is known that the top bit is set
+      ret += 0x10000000000000 + (this.words[1] * 0x4000000);
+    } else if (this.length > 2) {
+      assert(false, 'Number can only safely store up to 53 bits');
+    }
+    return (this.negative !== 0) ? -ret : ret;
+  };
+
+  BN.prototype.toJSON = function toJSON () {
+    return this.toString(16);
+  };
+
+  BN.prototype.toBuffer = function toBuffer (endian, length) {
+    assert(typeof Buffer !== 'undefined');
+    return this.toArrayLike(Buffer, endian, length);
+  };
+
+  BN.prototype.toArray = function toArray (endian, length) {
+    return this.toArrayLike(Array, endian, length);
+  };
+
+  BN.prototype.toArrayLike = function toArrayLike (ArrayType, endian, length) {
+    var byteLength = this.byteLength();
+    var reqLength = length || Math.max(1, byteLength);
+    assert(byteLength <= reqLength, 'byte array longer than desired length');
+    assert(reqLength > 0, 'Requested array length <= 0');
+
+    this.strip();
+    var littleEndian = endian === 'le';
+    var res = new ArrayType(reqLength);
+
+    var b, i;
+    var q = this.clone();
+    if (!littleEndian) {
+      // Assume big-endian
+      for (i = 0; i < reqLength - byteLength; i++) {
+        res[i] = 0;
+      }
+
+      for (i = 0; !q.isZero(); i++) {
+        b = q.andln(0xff);
+        q.iushrn(8);
+
+        res[reqLength - i - 1] = b;
+      }
+    } else {
+      for (i = 0; !q.isZero(); i++) {
+        b = q.andln(0xff);
+        q.iushrn(8);
+
+        res[i] = b;
+      }
+
+      for (; i < reqLength; i++) {
+        res[i] = 0;
+      }
+    }
+
+    return res;
+  };
+
+  if (Math.clz32) {
+    BN.prototype._countBits = function _countBits (w) {
+      return 32 - Math.clz32(w);
+    };
+  } else {
+    BN.prototype._countBits = function _countBits (w) {
+      var t = w;
+      var r = 0;
+      if (t >= 0x1000) {
+        r += 13;
+        t >>>= 13;
+      }
+      if (t >= 0x40) {
+        r += 7;
+        t >>>= 7;
+      }
+      if (t >= 0x8) {
+        r += 4;
+        t >>>= 4;
+      }
+      if (t >= 0x02) {
+        r += 2;
+        t >>>= 2;
+      }
+      return r + t;
+    };
+  }
+
+  BN.prototype._zeroBits = function _zeroBits (w) {
+    // Short-cut
+    if (w === 0) return 26;
+
+    var t = w;
+    var r = 0;
+    if ((t & 0x1fff) === 0) {
+      r += 13;
+      t >>>= 13;
+    }
+    if ((t & 0x7f) === 0) {
+      r += 7;
+      t >>>= 7;
+    }
+    if ((t & 0xf) === 0) {
+      r += 4;
+      t >>>= 4;
+    }
+    if ((t & 0x3) === 0) {
+      r += 2;
+      t >>>= 2;
+    }
+    if ((t & 0x1) === 0) {
+      r++;
+    }
+    return r;
+  };
+
+  // Return number of used bits in a BN
+  BN.prototype.bitLength = function bitLength () {
+    var w = this.words[this.length - 1];
+    var hi = this._countBits(w);
+    return (this.length - 1) * 26 + hi;
+  };
+
+  function toBitArray (num) {
+    var w = new Array(num.bitLength());
+
+    for (var bit = 0; bit < w.length; bit++) {
+      var off = (bit / 26) | 0;
+      var wbit = bit % 26;
+
+      w[bit] = (num.words[off] & (1 << wbit)) >>> wbit;
+    }
+
+    return w;
+  }
+
+  // Number of trailing zero bits
+  BN.prototype.zeroBits = function zeroBits () {
+    if (this.isZero()) return 0;
+
+    var r = 0;
+    for (var i = 0; i < this.length; i++) {
+      var b = this._zeroBits(this.words[i]);
+      r += b;
+      if (b !== 26) break;
+    }
+    return r;
+  };
+
+  BN.prototype.byteLength = function byteLength () {
+    return Math.ceil(this.bitLength() / 8);
+  };
+
+  BN.prototype.toTwos = function toTwos (width) {
+    if (this.negative !== 0) {
+      return this.abs().inotn(width).iaddn(1);
+    }
+    return this.clone();
+  };
+
+  BN.prototype.fromTwos = function fromTwos (width) {
+    if (this.testn(width - 1)) {
+      return this.notn(width).iaddn(1).ineg();
+    }
+    return this.clone();
+  };
+
+  BN.prototype.isNeg = function isNeg () {
+    return this.negative !== 0;
+  };
+
+  // Return negative clone of `this`
+  BN.prototype.neg = function neg () {
+    return this.clone().ineg();
+  };
+
+  BN.prototype.ineg = function ineg () {
+    if (!this.isZero()) {
+      this.negative ^= 1;
+    }
+
+    return this;
+  };
+
+  // Or `num` with `this` in-place
+  BN.prototype.iuor = function iuor (num) {
+    while (this.length < num.length) {
+      this.words[this.length++] = 0;
+    }
+
+    for (var i = 0; i < num.length; i++) {
+      this.words[i] = this.words[i] | num.words[i];
+    }
+
+    return this.strip();
+  };
+
+  BN.prototype.ior = function ior (num) {
+    assert((this.negative | num.negative) === 0);
+    return this.iuor(num);
+  };
+
+  // Or `num` with `this`
+  BN.prototype.or = function or (num) {
+    if (this.length > num.length) return this.clone().ior(num);
+    return num.clone().ior(this);
+  };
+
+  BN.prototype.uor = function uor (num) {
+    if (this.length > num.length) return this.clone().iuor(num);
+    return num.clone().iuor(this);
+  };
+
+  // And `num` with `this` in-place
+  BN.prototype.iuand = function iuand (num) {
+    // b = min-length(num, this)
+    var b;
+    if (this.length > num.length) {
+      b = num;
+    } else {
+      b = this;
+    }
+
+    for (var i = 0; i < b.length; i++) {
+      this.words[i] = this.words[i] & num.words[i];
+    }
+
+    this.length = b.length;
+
+    return this.strip();
+  };
+
+  BN.prototype.iand = function iand (num) {
+    assert((this.negative | num.negative) === 0);
+    return this.iuand(num);
+  };
+
+  // And `num` with `this`
+  BN.prototype.and = function and (num) {
+    if (this.length > num.length) return this.clone().iand(num);
+    return num.clone().iand(this);
+  };
+
+  BN.prototype.uand = function uand (num) {
+    if (this.length > num.length) return this.clone().iuand(num);
+    return num.clone().iuand(this);
+  };
+
+  // Xor `num` with `this` in-place
+  BN.prototype.iuxor = function iuxor (num) {
+    // a.length > b.length
+    var a;
+    var b;
+    if (this.length > num.length) {
+      a = this;
+      b = num;
+    } else {
+      a = num;
+      b = this;
+    }
+
+    for (var i = 0; i < b.length; i++) {
+      this.words[i] = a.words[i] ^ b.words[i];
+    }
+
+    if (this !== a) {
+      for (; i < a.length; i++) {
+        this.words[i] = a.words[i];
+      }
+    }
+
+    this.length = a.length;
+
+    return this.strip();
+  };
+
+  BN.prototype.ixor = function ixor (num) {
+    assert((this.negative | num.negative) === 0);
+    return this.iuxor(num);
+  };
+
+  // Xor `num` with `this`
+  BN.prototype.xor = function xor (num) {
+    if (this.length > num.length) return this.clone().ixor(num);
+    return num.clone().ixor(this);
+  };
+
+  BN.prototype.uxor = function uxor (num) {
+    if (this.length > num.length) return this.clone().iuxor(num);
+    return num.clone().iuxor(this);
+  };
+
+  // Not ``this`` with ``width`` bitwidth
+  BN.prototype.inotn = function inotn (width) {
+    assert(typeof width === 'number' && width >= 0);
+
+    var bytesNeeded = Math.ceil(width / 26) | 0;
+    var bitsLeft = width % 26;
+
+    // Extend the buffer with leading zeroes
+    this._expand(bytesNeeded);
+
+    if (bitsLeft > 0) {
+      bytesNeeded--;
+    }
+
+    // Handle complete words
+    for (var i = 0; i < bytesNeeded; i++) {
+      this.words[i] = ~this.words[i] & 0x3ffffff;
+    }
+
+    // Handle the residue
+    if (bitsLeft > 0) {
+      this.words[i] = ~this.words[i] & (0x3ffffff >> (26 - bitsLeft));
+    }
+
+    // And remove leading zeroes
+    return this.strip();
+  };
+
+  BN.prototype.notn = function notn (width) {
+    return this.clone().inotn(width);
+  };
+
+  // Set `bit` of `this`
+  BN.prototype.setn = function setn (bit, val) {
+    assert(typeof bit === 'number' && bit >= 0);
+
+    var off = (bit / 26) | 0;
+    var wbit = bit % 26;
+
+    this._expand(off + 1);
+
+    if (val) {
+      this.words[off] = this.words[off] | (1 << wbit);
+    } else {
+      this.words[off] = this.words[off] & ~(1 << wbit);
+    }
+
+    return this.strip();
+  };
+
+  // Add `num` to `this` in-place
+  BN.prototype.iadd = function iadd (num) {
+    var r;
+
+    // negative + positive
+    if (this.negative !== 0 && num.negative === 0) {
+      this.negative = 0;
+      r = this.isub(num);
+      this.negative ^= 1;
+      return this._normSign();
+
+    // positive + negative
+    } else if (this.negative === 0 && num.negative !== 0) {
+      num.negative = 0;
+      r = this.isub(num);
+      num.negative = 1;
+      return r._normSign();
+    }
+
+    // a.length > b.length
+    var a, b;
+    if (this.length > num.length) {
+      a = this;
+      b = num;
+    } else {
+      a = num;
+      b = this;
+    }
+
+    var carry = 0;
+    for (var i = 0; i < b.length; i++) {
+      r = (a.words[i] | 0) + (b.words[i] | 0) + carry;
+      this.words[i] = r & 0x3ffffff;
+      carry = r >>> 26;
+    }
+    for (; carry !== 0 && i < a.length; i++) {
+      r = (a.words[i] | 0) + carry;
+      this.words[i] = r & 0x3ffffff;
+      carry = r >>> 26;
+    }
+
+    this.length = a.length;
+    if (carry !== 0) {
+      this.words[this.length] = carry;
+      this.length++;
+    // Copy the rest of the words
+    } else if (a !== this) {
+      for (; i < a.length; i++) {
+        this.words[i] = a.words[i];
+      }
+    }
+
+    return this;
+  };
+
+  // Add `num` to `this`
+  BN.prototype.add = function add (num) {
+    var res;
+    if (num.negative !== 0 && this.negative === 0) {
+      num.negative = 0;
+      res = this.sub(num);
+      num.negative ^= 1;
+      return res;
+    } else if (num.negative === 0 && this.negative !== 0) {
+      this.negative = 0;
+      res = num.sub(this);
+      this.negative = 1;
+      return res;
+    }
+
+    if (this.length > num.length) return this.clone().iadd(num);
+
+    return num.clone().iadd(this);
+  };
+
+  // Subtract `num` from `this` in-place
+  BN.prototype.isub = function isub (num) {
+    // this - (-num) = this + num
+    if (num.negative !== 0) {
+      num.negative = 0;
+      var r = this.iadd(num);
+      num.negative = 1;
+      return r._normSign();
+
+    // -this - num = -(this + num)
+    } else if (this.negative !== 0) {
+      this.negative = 0;
+      this.iadd(num);
+      this.negative = 1;
+      return this._normSign();
+    }
+
+    // At this point both numbers are positive
+    var cmp = this.cmp(num);
+
+    // Optimization - zeroify
+    if (cmp === 0) {
+      this.negative = 0;
+      this.length = 1;
+      this.words[0] = 0;
+      return this;
+    }
+
+    // a > b
+    var a, b;
+    if (cmp > 0) {
+      a = this;
+      b = num;
+    } else {
+      a = num;
+      b = this;
+    }
+
+    var carry = 0;
+    for (var i = 0; i < b.length; i++) {
+      r = (a.words[i] | 0) - (b.words[i] | 0) + carry;
+      carry = r >> 26;
+      this.words[i] = r & 0x3ffffff;
+    }
+    for (; carry !== 0 && i < a.length; i++) {
+      r = (a.words[i] | 0) + carry;
+      carry = r >> 26;
+      this.words[i] = r & 0x3ffffff;
+    }
+
+    // Copy rest of the words
+    if (carry === 0 && i < a.length && a !== this) {
+      for (; i < a.length; i++) {
+        this.words[i] = a.words[i];
+      }
+    }
+
+    this.length = Math.max(this.length, i);
+
+    if (a !== this) {
+      this.negative = 1;
+    }
+
+    return this.strip();
+  };
+
+  // Subtract `num` from `this`
+  BN.prototype.sub = function sub (num) {
+    return this.clone().isub(num);
+  };
+
+  function smallMulTo (self, num, out) {
+    out.negative = num.negative ^ self.negative;
+    var len = (self.length + num.length) | 0;
+    out.length = len;
+    len = (len - 1) | 0;
+
+    // Peel one iteration (compiler can't do it, because of code complexity)
+    var a = self.words[0] | 0;
+    var b = num.words[0] | 0;
+    var r = a * b;
+
+    var lo = r & 0x3ffffff;
+    var carry = (r / 0x4000000) | 0;
+    out.words[0] = lo;
+
+    for (var k = 1; k < len; k++) {
+      // Sum all words with the same `i + j = k` and accumulate `ncarry`,
+      // note that ncarry could be >= 0x3ffffff
+      var ncarry = carry >>> 26;
+      var rword = carry & 0x3ffffff;
+      var maxJ = Math.min(k, num.length - 1);
+      for (var j = Math.max(0, k - self.length + 1); j <= maxJ; j++) {
+        var i = (k - j) | 0;
+        a = self.words[i] | 0;
+        b = num.words[j] | 0;
+        r = a * b + rword;
+        ncarry += (r / 0x4000000) | 0;
+        rword = r & 0x3ffffff;
+      }
+      out.words[k] = rword | 0;
+      carry = ncarry | 0;
+    }
+    if (carry !== 0) {
+      out.words[k] = carry | 0;
+    } else {
+      out.length--;
+    }
+
+    return out.strip();
+  }
+
+  // TODO(indutny): it may be reasonable to omit it for users who don't need
+  // to work with 256-bit numbers, otherwise it gives 20% improvement for 256-bit
+  // multiplication (like elliptic secp256k1).
+  var comb10MulTo = function comb10MulTo (self, num, out) {
+    var a = self.words;
+    var b = num.words;
+    var o = out.words;
+    var c = 0;
+    var lo;
+    var mid;
+    var hi;
+    var a0 = a[0] | 0;
+    var al0 = a0 & 0x1fff;
+    var ah0 = a0 >>> 13;
+    var a1 = a[1] | 0;
+    var al1 = a1 & 0x1fff;
+    var ah1 = a1 >>> 13;
+    var a2 = a[2] | 0;
+    var al2 = a2 & 0x1fff;
+    var ah2 = a2 >>> 13;
+    var a3 = a[3] | 0;
+    var al3 = a3 & 0x1fff;
+    var ah3 = a3 >>> 13;
+    var a4 = a[4] | 0;
+    var al4 = a4 & 0x1fff;
+    var ah4 = a4 >>> 13;
+    var a5 = a[5] | 0;
+    var al5 = a5 & 0x1fff;
+    var ah5 = a5 >>> 13;
+    var a6 = a[6] | 0;
+    var al6 = a6 & 0x1fff;
+    var ah6 = a6 >>> 13;
+    var a7 = a[7] | 0;
+    var al7 = a7 & 0x1fff;
+    var ah7 = a7 >>> 13;
+    var a8 = a[8] | 0;
+    var al8 = a8 & 0x1fff;
+    var ah8 = a8 >>> 13;
+    var a9 = a[9] | 0;
+    var al9 = a9 & 0x1fff;
+    var ah9 = a9 >>> 13;
+    var b0 = b[0] | 0;
+    var bl0 = b0 & 0x1fff;
+    var bh0 = b0 >>> 13;
+    var b1 = b[1] | 0;
+    var bl1 = b1 & 0x1fff;
+    var bh1 = b1 >>> 13;
+    var b2 = b[2] | 0;
+    var bl2 = b2 & 0x1fff;
+    var bh2 = b2 >>> 13;
+    var b3 = b[3] | 0;
+    var bl3 = b3 & 0x1fff;
+    var bh3 = b3 >>> 13;
+    var b4 = b[4] | 0;
+    var bl4 = b4 & 0x1fff;
+    var bh4 = b4 >>> 13;
+    var b5 = b[5] | 0;
+    var bl5 = b5 & 0x1fff;
+    var bh5 = b5 >>> 13;
+    var b6 = b[6] | 0;
+    var bl6 = b6 & 0x1fff;
+    var bh6 = b6 >>> 13;
+    var b7 = b[7] | 0;
+    var bl7 = b7 & 0x1fff;
+    var bh7 = b7 >>> 13;
+    var b8 = b[8] | 0;
+    var bl8 = b8 & 0x1fff;
+    var bh8 = b8 >>> 13;
+    var b9 = b[9] | 0;
+    var bl9 = b9 & 0x1fff;
+    var bh9 = b9 >>> 13;
+
+    out.negative = self.negative ^ num.negative;
+    out.length = 19;
+    /* k = 0 */
+    lo = Math.imul(al0, bl0);
+    mid = Math.imul(al0, bh0);
+    mid = (mid + Math.imul(ah0, bl0)) | 0;
+    hi = Math.imul(ah0, bh0);
+    var w0 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w0 >>> 26)) | 0;
+    w0 &= 0x3ffffff;
+    /* k = 1 */
+    lo = Math.imul(al1, bl0);
+    mid = Math.imul(al1, bh0);
+    mid = (mid + Math.imul(ah1, bl0)) | 0;
+    hi = Math.imul(ah1, bh0);
+    lo = (lo + Math.imul(al0, bl1)) | 0;
+    mid = (mid + Math.imul(al0, bh1)) | 0;
+    mid = (mid + Math.imul(ah0, bl1)) | 0;
+    hi = (hi + Math.imul(ah0, bh1)) | 0;
+    var w1 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w1 >>> 26)) | 0;
+    w1 &= 0x3ffffff;
+    /* k = 2 */
+    lo = Math.imul(al2, bl0);
+    mid = Math.imul(al2, bh0);
+    mid = (mid + Math.imul(ah2, bl0)) | 0;
+    hi = Math.imul(ah2, bh0);
+    lo = (lo + Math.imul(al1, bl1)) | 0;
+    mid = (mid + Math.imul(al1, bh1)) | 0;
+    mid = (mid + Math.imul(ah1, bl1)) | 0;
+    hi = (hi + Math.imul(ah1, bh1)) | 0;
+    lo = (lo + Math.imul(al0, bl2)) | 0;
+    mid = (mid + Math.imul(al0, bh2)) | 0;
+    mid = (mid + Math.imul(ah0, bl2)) | 0;
+    hi = (hi + Math.imul(ah0, bh2)) | 0;
+    var w2 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w2 >>> 26)) | 0;
+    w2 &= 0x3ffffff;
+    /* k = 3 */
+    lo = Math.imul(al3, bl0);
+    mid = Math.imul(al3, bh0);
+    mid = (mid + Math.imul(ah3, bl0)) | 0;
+    hi = Math.imul(ah3, bh0);
+    lo = (lo + Math.imul(al2, bl1)) | 0;
+    mid = (mid + Math.imul(al2, bh1)) | 0;
+    mid = (mid + Math.imul(ah2, bl1)) | 0;
+    hi = (hi + Math.imul(ah2, bh1)) | 0;
+    lo = (lo + Math.imul(al1, bl2)) | 0;
+    mid = (mid + Math.imul(al1, bh2)) | 0;
+    mid = (mid + Math.imul(ah1, bl2)) | 0;
+    hi = (hi + Math.imul(ah1, bh2)) | 0;
+    lo = (lo + Math.imul(al0, bl3)) | 0;
+    mid = (mid + Math.imul(al0, bh3)) | 0;
+    mid = (mid + Math.imul(ah0, bl3)) | 0;
+    hi = (hi + Math.imul(ah0, bh3)) | 0;
+    var w3 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w3 >>> 26)) | 0;
+    w3 &= 0x3ffffff;
+    /* k = 4 */
+    lo = Math.imul(al4, bl0);
+    mid = Math.imul(al4, bh0);
+    mid = (mid + Math.imul(ah4, bl0)) | 0;
+    hi = Math.imul(ah4, bh0);
+    lo = (lo + Math.imul(al3, bl1)) | 0;
+    mid = (mid + Math.imul(al3, bh1)) | 0;
+    mid = (mid + Math.imul(ah3, bl1)) | 0;
+    hi = (hi + Math.imul(ah3, bh1)) | 0;
+    lo = (lo + Math.imul(al2, bl2)) | 0;
+    mid = (mid + Math.imul(al2, bh2)) | 0;
+    mid = (mid + Math.imul(ah2, bl2)) | 0;
+    hi = (hi + Math.imul(ah2, bh2)) | 0;
+    lo = (lo + Math.imul(al1, bl3)) | 0;
+    mid = (mid + Math.imul(al1, bh3)) | 0;
+    mid = (mid + Math.imul(ah1, bl3)) | 0;
+    hi = (hi + Math.imul(ah1, bh3)) | 0;
+    lo = (lo + Math.imul(al0, bl4)) | 0;
+    mid = (mid + Math.imul(al0, bh4)) | 0;
+    mid = (mid + Math.imul(ah0, bl4)) | 0;
+    hi = (hi + Math.imul(ah0, bh4)) | 0;
+    var w4 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w4 >>> 26)) | 0;
+    w4 &= 0x3ffffff;
+    /* k = 5 */
+    lo = Math.imul(al5, bl0);
+    mid = Math.imul(al5, bh0);
+    mid = (mid + Math.imul(ah5, bl0)) | 0;
+    hi = Math.imul(ah5, bh0);
+    lo = (lo + Math.imul(al4, bl1)) | 0;
+    mid = (mid + Math.imul(al4, bh1)) | 0;
+    mid = (mid + Math.imul(ah4, bl1)) | 0;
+    hi = (hi + Math.imul(ah4, bh1)) | 0;
+    lo = (lo + Math.imul(al3, bl2)) | 0;
+    mid = (mid + Math.imul(al3, bh2)) | 0;
+    mid = (mid + Math.imul(ah3, bl2)) | 0;
+    hi = (hi + Math.imul(ah3, bh2)) | 0;
+    lo = (lo + Math.imul(al2, bl3)) | 0;
+    mid = (mid + Math.imul(al2, bh3)) | 0;
+    mid = (mid + Math.imul(ah2, bl3)) | 0;
+    hi = (hi + Math.imul(ah2, bh3)) | 0;
+    lo = (lo + Math.imul(al1, bl4)) | 0;
+    mid = (mid + Math.imul(al1, bh4)) | 0;
+    mid = (mid + Math.imul(ah1, bl4)) | 0;
+    hi = (hi + Math.imul(ah1, bh4)) | 0;
+    lo = (lo + Math.imul(al0, bl5)) | 0;
+    mid = (mid + Math.imul(al0, bh5)) | 0;
+    mid = (mid + Math.imul(ah0, bl5)) | 0;
+    hi = (hi + Math.imul(ah0, bh5)) | 0;
+    var w5 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w5 >>> 26)) | 0;
+    w5 &= 0x3ffffff;
+    /* k = 6 */
+    lo = Math.imul(al6, bl0);
+    mid = Math.imul(al6, bh0);
+    mid = (mid + Math.imul(ah6, bl0)) | 0;
+    hi = Math.imul(ah6, bh0);
+    lo = (lo + Math.imul(al5, bl1)) | 0;
+    mid = (mid + Math.imul(al5, bh1)) | 0;
+    mid = (mid + Math.imul(ah5, bl1)) | 0;
+    hi = (hi + Math.imul(ah5, bh1)) | 0;
+    lo = (lo + Math.imul(al4, bl2)) | 0;
+    mid = (mid + Math.imul(al4, bh2)) | 0;
+    mid = (mid + Math.imul(ah4, bl2)) | 0;
+    hi = (hi + Math.imul(ah4, bh2)) | 0;
+    lo = (lo + Math.imul(al3, bl3)) | 0;
+    mid = (mid + Math.imul(al3, bh3)) | 0;
+    mid = (mid + Math.imul(ah3, bl3)) | 0;
+    hi = (hi + Math.imul(ah3, bh3)) | 0;
+    lo = (lo + Math.imul(al2, bl4)) | 0;
+    mid = (mid + Math.imul(al2, bh4)) | 0;
+    mid = (mid + Math.imul(ah2, bl4)) | 0;
+    hi = (hi + Math.imul(ah2, bh4)) | 0;
+    lo = (lo + Math.imul(al1, bl5)) | 0;
+    mid = (mid + Math.imul(al1, bh5)) | 0;
+    mid = (mid + Math.imul(ah1, bl5)) | 0;
+    hi = (hi + Math.imul(ah1, bh5)) | 0;
+    lo = (lo + Math.imul(al0, bl6)) | 0;
+    mid = (mid + Math.imul(al0, bh6)) | 0;
+    mid = (mid + Math.imul(ah0, bl6)) | 0;
+    hi = (hi + Math.imul(ah0, bh6)) | 0;
+    var w6 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w6 >>> 26)) | 0;
+    w6 &= 0x3ffffff;
+    /* k = 7 */
+    lo = Math.imul(al7, bl0);
+    mid = Math.imul(al7, bh0);
+    mid = (mid + Math.imul(ah7, bl0)) | 0;
+    hi = Math.imul(ah7, bh0);
+    lo = (lo + Math.imul(al6, bl1)) | 0;
+    mid = (mid + Math.imul(al6, bh1)) | 0;
+    mid = (mid + Math.imul(ah6, bl1)) | 0;
+    hi = (hi + Math.imul(ah6, bh1)) | 0;
+    lo = (lo + Math.imul(al5, bl2)) | 0;
+    mid = (mid + Math.imul(al5, bh2)) | 0;
+    mid = (mid + Math.imul(ah5, bl2)) | 0;
+    hi = (hi + Math.imul(ah5, bh2)) | 0;
+    lo = (lo + Math.imul(al4, bl3)) | 0;
+    mid = (mid + Math.imul(al4, bh3)) | 0;
+    mid = (mid + Math.imul(ah4, bl3)) | 0;
+    hi = (hi + Math.imul(ah4, bh3)) | 0;
+    lo = (lo + Math.imul(al3, bl4)) | 0;
+    mid = (mid + Math.imul(al3, bh4)) | 0;
+    mid = (mid + Math.imul(ah3, bl4)) | 0;
+    hi = (hi + Math.imul(ah3, bh4)) | 0;
+    lo = (lo + Math.imul(al2, bl5)) | 0;
+    mid = (mid + Math.imul(al2, bh5)) | 0;
+    mid = (mid + Math.imul(ah2, bl5)) | 0;
+    hi = (hi + Math.imul(ah2, bh5)) | 0;
+    lo = (lo + Math.imul(al1, bl6)) | 0;
+    mid = (mid + Math.imul(al1, bh6)) | 0;
+    mid = (mid + Math.imul(ah1, bl6)) | 0;
+    hi = (hi + Math.imul(ah1, bh6)) | 0;
+    lo = (lo + Math.imul(al0, bl7)) | 0;
+    mid = (mid + Math.imul(al0, bh7)) | 0;
+    mid = (mid + Math.imul(ah0, bl7)) | 0;
+    hi = (hi + Math.imul(ah0, bh7)) | 0;
+    var w7 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w7 >>> 26)) | 0;
+    w7 &= 0x3ffffff;
+    /* k = 8 */
+    lo = Math.imul(al8, bl0);
+    mid = Math.imul(al8, bh0);
+    mid = (mid + Math.imul(ah8, bl0)) | 0;
+    hi = Math.imul(ah8, bh0);
+    lo = (lo + Math.imul(al7, bl1)) | 0;
+    mid = (mid + Math.imul(al7, bh1)) | 0;
+    mid = (mid + Math.imul(ah7, bl1)) | 0;
+    hi = (hi + Math.imul(ah7, bh1)) | 0;
+    lo = (lo + Math.imul(al6, bl2)) | 0;
+    mid = (mid + Math.imul(al6, bh2)) | 0;
+    mid = (mid + Math.imul(ah6, bl2)) | 0;
+    hi = (hi + Math.imul(ah6, bh2)) | 0;
+    lo = (lo + Math.imul(al5, bl3)) | 0;
+    mid = (mid + Math.imul(al5, bh3)) | 0;
+    mid = (mid + Math.imul(ah5, bl3)) | 0;
+    hi = (hi + Math.imul(ah5, bh3)) | 0;
+    lo = (lo + Math.imul(al4, bl4)) | 0;
+    mid = (mid + Math.imul(al4, bh4)) | 0;
+    mid = (mid + Math.imul(ah4, bl4)) | 0;
+    hi = (hi + Math.imul(ah4, bh4)) | 0;
+    lo = (lo + Math.imul(al3, bl5)) | 0;
+    mid = (mid + Math.imul(al3, bh5)) | 0;
+    mid = (mid + Math.imul(ah3, bl5)) | 0;
+    hi = (hi + Math.imul(ah3, bh5)) | 0;
+    lo = (lo + Math.imul(al2, bl6)) | 0;
+    mid = (mid + Math.imul(al2, bh6)) | 0;
+    mid = (mid + Math.imul(ah2, bl6)) | 0;
+    hi = (hi + Math.imul(ah2, bh6)) | 0;
+    lo = (lo + Math.imul(al1, bl7)) | 0;
+    mid = (mid + Math.imul(al1, bh7)) | 0;
+    mid = (mid + Math.imul(ah1, bl7)) | 0;
+    hi = (hi + Math.imul(ah1, bh7)) | 0;
+    lo = (lo + Math.imul(al0, bl8)) | 0;
+    mid = (mid + Math.imul(al0, bh8)) | 0;
+    mid = (mid + Math.imul(ah0, bl8)) | 0;
+    hi = (hi + Math.imul(ah0, bh8)) | 0;
+    var w8 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w8 >>> 26)) | 0;
+    w8 &= 0x3ffffff;
+    /* k = 9 */
+    lo = Math.imul(al9, bl0);
+    mid = Math.imul(al9, bh0);
+    mid = (mid + Math.imul(ah9, bl0)) | 0;
+    hi = Math.imul(ah9, bh0);
+    lo = (lo + Math.imul(al8, bl1)) | 0;
+    mid = (mid + Math.imul(al8, bh1)) | 0;
+    mid = (mid + Math.imul(ah8, bl1)) | 0;
+    hi = (hi + Math.imul(ah8, bh1)) | 0;
+    lo = (lo + Math.imul(al7, bl2)) | 0;
+    mid = (mid + Math.imul(al7, bh2)) | 0;
+    mid = (mid + Math.imul(ah7, bl2)) | 0;
+    hi = (hi + Math.imul(ah7, bh2)) | 0;
+    lo = (lo + Math.imul(al6, bl3)) | 0;
+    mid = (mid + Math.imul(al6, bh3)) | 0;
+    mid = (mid + Math.imul(ah6, bl3)) | 0;
+    hi = (hi + Math.imul(ah6, bh3)) | 0;
+    lo = (lo + Math.imul(al5, bl4)) | 0;
+    mid = (mid + Math.imul(al5, bh4)) | 0;
+    mid = (mid + Math.imul(ah5, bl4)) | 0;
+    hi = (hi + Math.imul(ah5, bh4)) | 0;
+    lo = (lo + Math.imul(al4, bl5)) | 0;
+    mid = (mid + Math.imul(al4, bh5)) | 0;
+    mid = (mid + Math.imul(ah4, bl5)) | 0;
+    hi = (hi + Math.imul(ah4, bh5)) | 0;
+    lo = (lo + Math.imul(al3, bl6)) | 0;
+    mid = (mid + Math.imul(al3, bh6)) | 0;
+    mid = (mid + Math.imul(ah3, bl6)) | 0;
+    hi = (hi + Math.imul(ah3, bh6)) | 0;
+    lo = (lo + Math.imul(al2, bl7)) | 0;
+    mid = (mid + Math.imul(al2, bh7)) | 0;
+    mid = (mid + Math.imul(ah2, bl7)) | 0;
+    hi = (hi + Math.imul(ah2, bh7)) | 0;
+    lo = (lo + Math.imul(al1, bl8)) | 0;
+    mid = (mid + Math.imul(al1, bh8)) | 0;
+    mid = (mid + Math.imul(ah1, bl8)) | 0;
+    hi = (hi + Math.imul(ah1, bh8)) | 0;
+    lo = (lo + Math.imul(al0, bl9)) | 0;
+    mid = (mid + Math.imul(al0, bh9)) | 0;
+    mid = (mid + Math.imul(ah0, bl9)) | 0;
+    hi = (hi + Math.imul(ah0, bh9)) | 0;
+    var w9 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w9 >>> 26)) | 0;
+    w9 &= 0x3ffffff;
+    /* k = 10 */
+    lo = Math.imul(al9, bl1);
+    mid = Math.imul(al9, bh1);
+    mid = (mid + Math.imul(ah9, bl1)) | 0;
+    hi = Math.imul(ah9, bh1);
+    lo = (lo + Math.imul(al8, bl2)) | 0;
+    mid = (mid + Math.imul(al8, bh2)) | 0;
+    mid = (mid + Math.imul(ah8, bl2)) | 0;
+    hi = (hi + Math.imul(ah8, bh2)) | 0;
+    lo = (lo + Math.imul(al7, bl3)) | 0;
+    mid = (mid + Math.imul(al7, bh3)) | 0;
+    mid = (mid + Math.imul(ah7, bl3)) | 0;
+    hi = (hi + Math.imul(ah7, bh3)) | 0;
+    lo = (lo + Math.imul(al6, bl4)) | 0;
+    mid = (mid + Math.imul(al6, bh4)) | 0;
+    mid = (mid + Math.imul(ah6, bl4)) | 0;
+    hi = (hi + Math.imul(ah6, bh4)) | 0;
+    lo = (lo + Math.imul(al5, bl5)) | 0;
+    mid = (mid + Math.imul(al5, bh5)) | 0;
+    mid = (mid + Math.imul(ah5, bl5)) | 0;
+    hi = (hi + Math.imul(ah5, bh5)) | 0;
+    lo = (lo + Math.imul(al4, bl6)) | 0;
+    mid = (mid + Math.imul(al4, bh6)) | 0;
+    mid = (mid + Math.imul(ah4, bl6)) | 0;
+    hi = (hi + Math.imul(ah4, bh6)) | 0;
+    lo = (lo + Math.imul(al3, bl7)) | 0;
+    mid = (mid + Math.imul(al3, bh7)) | 0;
+    mid = (mid + Math.imul(ah3, bl7)) | 0;
+    hi = (hi + Math.imul(ah3, bh7)) | 0;
+    lo = (lo + Math.imul(al2, bl8)) | 0;
+    mid = (mid + Math.imul(al2, bh8)) | 0;
+    mid = (mid + Math.imul(ah2, bl8)) | 0;
+    hi = (hi + Math.imul(ah2, bh8)) | 0;
+    lo = (lo + Math.imul(al1, bl9)) | 0;
+    mid = (mid + Math.imul(al1, bh9)) | 0;
+    mid = (mid + Math.imul(ah1, bl9)) | 0;
+    hi = (hi + Math.imul(ah1, bh9)) | 0;
+    var w10 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w10 >>> 26)) | 0;
+    w10 &= 0x3ffffff;
+    /* k = 11 */
+    lo = Math.imul(al9, bl2);
+    mid = Math.imul(al9, bh2);
+    mid = (mid + Math.imul(ah9, bl2)) | 0;
+    hi = Math.imul(ah9, bh2);
+    lo = (lo + Math.imul(al8, bl3)) | 0;
+    mid = (mid + Math.imul(al8, bh3)) | 0;
+    mid = (mid + Math.imul(ah8, bl3)) | 0;
+    hi = (hi + Math.imul(ah8, bh3)) | 0;
+    lo = (lo + Math.imul(al7, bl4)) | 0;
+    mid = (mid + Math.imul(al7, bh4)) | 0;
+    mid = (mid + Math.imul(ah7, bl4)) | 0;
+    hi = (hi + Math.imul(ah7, bh4)) | 0;
+    lo = (lo + Math.imul(al6, bl5)) | 0;
+    mid = (mid + Math.imul(al6, bh5)) | 0;
+    mid = (mid + Math.imul(ah6, bl5)) | 0;
+    hi = (hi + Math.imul(ah6, bh5)) | 0;
+    lo = (lo + Math.imul(al5, bl6)) | 0;
+    mid = (mid + Math.imul(al5, bh6)) | 0;
+    mid = (mid + Math.imul(ah5, bl6)) | 0;
+    hi = (hi + Math.imul(ah5, bh6)) | 0;
+    lo = (lo + Math.imul(al4, bl7)) | 0;
+    mid = (mid + Math.imul(al4, bh7)) | 0;
+    mid = (mid + Math.imul(ah4, bl7)) | 0;
+    hi = (hi + Math.imul(ah4, bh7)) | 0;
+    lo = (lo + Math.imul(al3, bl8)) | 0;
+    mid = (mid + Math.imul(al3, bh8)) | 0;
+    mid = (mid + Math.imul(ah3, bl8)) | 0;
+    hi = (hi + Math.imul(ah3, bh8)) | 0;
+    lo = (lo + Math.imul(al2, bl9)) | 0;
+    mid = (mid + Math.imul(al2, bh9)) | 0;
+    mid = (mid + Math.imul(ah2, bl9)) | 0;
+    hi = (hi + Math.imul(ah2, bh9)) | 0;
+    var w11 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w11 >>> 26)) | 0;
+    w11 &= 0x3ffffff;
+    /* k = 12 */
+    lo = Math.imul(al9, bl3);
+    mid = Math.imul(al9, bh3);
+    mid = (mid + Math.imul(ah9, bl3)) | 0;
+    hi = Math.imul(ah9, bh3);
+    lo = (lo + Math.imul(al8, bl4)) | 0;
+    mid = (mid + Math.imul(al8, bh4)) | 0;
+    mid = (mid + Math.imul(ah8, bl4)) | 0;
+    hi = (hi + Math.imul(ah8, bh4)) | 0;
+    lo = (lo + Math.imul(al7, bl5)) | 0;
+    mid = (mid + Math.imul(al7, bh5)) | 0;
+    mid = (mid + Math.imul(ah7, bl5)) | 0;
+    hi = (hi + Math.imul(ah7, bh5)) | 0;
+    lo = (lo + Math.imul(al6, bl6)) | 0;
+    mid = (mid + Math.imul(al6, bh6)) | 0;
+    mid = (mid + Math.imul(ah6, bl6)) | 0;
+    hi = (hi + Math.imul(ah6, bh6)) | 0;
+    lo = (lo + Math.imul(al5, bl7)) | 0;
+    mid = (mid + Math.imul(al5, bh7)) | 0;
+    mid = (mid + Math.imul(ah5, bl7)) | 0;
+    hi = (hi + Math.imul(ah5, bh7)) | 0;
+    lo = (lo + Math.imul(al4, bl8)) | 0;
+    mid = (mid + Math.imul(al4, bh8)) | 0;
+    mid = (mid + Math.imul(ah4, bl8)) | 0;
+    hi = (hi + Math.imul(ah4, bh8)) | 0;
+    lo = (lo + Math.imul(al3, bl9)) | 0;
+    mid = (mid + Math.imul(al3, bh9)) | 0;
+    mid = (mid + Math.imul(ah3, bl9)) | 0;
+    hi = (hi + Math.imul(ah3, bh9)) | 0;
+    var w12 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w12 >>> 26)) | 0;
+    w12 &= 0x3ffffff;
+    /* k = 13 */
+    lo = Math.imul(al9, bl4);
+    mid = Math.imul(al9, bh4);
+    mid = (mid + Math.imul(ah9, bl4)) | 0;
+    hi = Math.imul(ah9, bh4);
+    lo = (lo + Math.imul(al8, bl5)) | 0;
+    mid = (mid + Math.imul(al8, bh5)) | 0;
+    mid = (mid + Math.imul(ah8, bl5)) | 0;
+    hi = (hi + Math.imul(ah8, bh5)) | 0;
+    lo = (lo + Math.imul(al7, bl6)) | 0;
+    mid = (mid + Math.imul(al7, bh6)) | 0;
+    mid = (mid + Math.imul(ah7, bl6)) | 0;
+    hi = (hi + Math.imul(ah7, bh6)) | 0;
+    lo = (lo + Math.imul(al6, bl7)) | 0;
+    mid = (mid + Math.imul(al6, bh7)) | 0;
+    mid = (mid + Math.imul(ah6, bl7)) | 0;
+    hi = (hi + Math.imul(ah6, bh7)) | 0;
+    lo = (lo + Math.imul(al5, bl8)) | 0;
+    mid = (mid + Math.imul(al5, bh8)) | 0;
+    mid = (mid + Math.imul(ah5, bl8)) | 0;
+    hi = (hi + Math.imul(ah5, bh8)) | 0;
+    lo = (lo + Math.imul(al4, bl9)) | 0;
+    mid = (mid + Math.imul(al4, bh9)) | 0;
+    mid = (mid + Math.imul(ah4, bl9)) | 0;
+    hi = (hi + Math.imul(ah4, bh9)) | 0;
+    var w13 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w13 >>> 26)) | 0;
+    w13 &= 0x3ffffff;
+    /* k = 14 */
+    lo = Math.imul(al9, bl5);
+    mid = Math.imul(al9, bh5);
+    mid = (mid + Math.imul(ah9, bl5)) | 0;
+    hi = Math.imul(ah9, bh5);
+    lo = (lo + Math.imul(al8, bl6)) | 0;
+    mid = (mid + Math.imul(al8, bh6)) | 0;
+    mid = (mid + Math.imul(ah8, bl6)) | 0;
+    hi = (hi + Math.imul(ah8, bh6)) | 0;
+    lo = (lo + Math.imul(al7, bl7)) | 0;
+    mid = (mid + Math.imul(al7, bh7)) | 0;
+    mid = (mid + Math.imul(ah7, bl7)) | 0;
+    hi = (hi + Math.imul(ah7, bh7)) | 0;
+    lo = (lo + Math.imul(al6, bl8)) | 0;
+    mid = (mid + Math.imul(al6, bh8)) | 0;
+    mid = (mid + Math.imul(ah6, bl8)) | 0;
+    hi = (hi + Math.imul(ah6, bh8)) | 0;
+    lo = (lo + Math.imul(al5, bl9)) | 0;
+    mid = (mid + Math.imul(al5, bh9)) | 0;
+    mid = (mid + Math.imul(ah5, bl9)) | 0;
+    hi = (hi + Math.imul(ah5, bh9)) | 0;
+    var w14 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w14 >>> 26)) | 0;
+    w14 &= 0x3ffffff;
+    /* k = 15 */
+    lo = Math.imul(al9, bl6);
+    mid = Math.imul(al9, bh6);
+    mid = (mid + Math.imul(ah9, bl6)) | 0;
+    hi = Math.imul(ah9, bh6);
+    lo = (lo + Math.imul(al8, bl7)) | 0;
+    mid = (mid + Math.imul(al8, bh7)) | 0;
+    mid = (mid + Math.imul(ah8, bl7)) | 0;
+    hi = (hi + Math.imul(ah8, bh7)) | 0;
+    lo = (lo + Math.imul(al7, bl8)) | 0;
+    mid = (mid + Math.imul(al7, bh8)) | 0;
+    mid = (mid + Math.imul(ah7, bl8)) | 0;
+    hi = (hi + Math.imul(ah7, bh8)) | 0;
+    lo = (lo + Math.imul(al6, bl9)) | 0;
+    mid = (mid + Math.imul(al6, bh9)) | 0;
+    mid = (mid + Math.imul(ah6, bl9)) | 0;
+    hi = (hi + Math.imul(ah6, bh9)) | 0;
+    var w15 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w15 >>> 26)) | 0;
+    w15 &= 0x3ffffff;
+    /* k = 16 */
+    lo = Math.imul(al9, bl7);
+    mid = Math.imul(al9, bh7);
+    mid = (mid + Math.imul(ah9, bl7)) | 0;
+    hi = Math.imul(ah9, bh7);
+    lo = (lo + Math.imul(al8, bl8)) | 0;
+    mid = (mid + Math.imul(al8, bh8)) | 0;
+    mid = (mid + Math.imul(ah8, bl8)) | 0;
+    hi = (hi + Math.imul(ah8, bh8)) | 0;
+    lo = (lo + Math.imul(al7, bl9)) | 0;
+    mid = (mid + Math.imul(al7, bh9)) | 0;
+    mid = (mid + Math.imul(ah7, bl9)) | 0;
+    hi = (hi + Math.imul(ah7, bh9)) | 0;
+    var w16 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w16 >>> 26)) | 0;
+    w16 &= 0x3ffffff;
+    /* k = 17 */
+    lo = Math.imul(al9, bl8);
+    mid = Math.imul(al9, bh8);
+    mid = (mid + Math.imul(ah9, bl8)) | 0;
+    hi = Math.imul(ah9, bh8);
+    lo = (lo + Math.imul(al8, bl9)) | 0;
+    mid = (mid + Math.imul(al8, bh9)) | 0;
+    mid = (mid + Math.imul(ah8, bl9)) | 0;
+    hi = (hi + Math.imul(ah8, bh9)) | 0;
+    var w17 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w17 >>> 26)) | 0;
+    w17 &= 0x3ffffff;
+    /* k = 18 */
+    lo = Math.imul(al9, bl9);
+    mid = Math.imul(al9, bh9);
+    mid = (mid + Math.imul(ah9, bl9)) | 0;
+    hi = Math.imul(ah9, bh9);
+    var w18 = (((c + lo) | 0) + ((mid & 0x1fff) << 13)) | 0;
+    c = (((hi + (mid >>> 13)) | 0) + (w18 >>> 26)) | 0;
+    w18 &= 0x3ffffff;
+    o[0] = w0;
+    o[1] = w1;
+    o[2] = w2;
+    o[3] = w3;
+    o[4] = w4;
+    o[5] = w5;
+    o[6] = w6;
+    o[7] = w7;
+    o[8] = w8;
+    o[9] = w9;
+    o[10] = w10;
+    o[11] = w11;
+    o[12] = w12;
+    o[13] = w13;
+    o[14] = w14;
+    o[15] = w15;
+    o[16] = w16;
+    o[17] = w17;
+    o[18] = w18;
+    if (c !== 0) {
+      o[19] = c;
+      out.length++;
+    }
+    return out;
+  };
+
+  // Polyfill comb
+  if (!Math.imul) {
+    comb10MulTo = smallMulTo;
+  }
+
+  function bigMulTo (self, num, out) {
+    out.negative = num.negative ^ self.negative;
+    out.length = self.length + num.length;
+
+    var carry = 0;
+    var hncarry = 0;
+    for (var k = 0; k < out.length - 1; k++) {
+      // Sum all words with the same `i + j = k` and accumulate `ncarry`,
+      // note that ncarry could be >= 0x3ffffff
+      var ncarry = hncarry;
+      hncarry = 0;
+      var rword = carry & 0x3ffffff;
+      var maxJ = Math.min(k, num.length - 1);
+      for (var j = Math.max(0, k - self.length + 1); j <= maxJ; j++) {
+        var i = k - j;
+        var a = self.words[i] | 0;
+        var b = num.words[j] | 0;
+        var r = a * b;
+
+        var lo = r & 0x3ffffff;
+        ncarry = (ncarry + ((r / 0x4000000) | 0)) | 0;
+        lo = (lo + rword) | 0;
+        rword = lo & 0x3ffffff;
+        ncarry = (ncarry + (lo >>> 26)) | 0;
+
+        hncarry += ncarry >>> 26;
+        ncarry &= 0x3ffffff;
+      }
+      out.words[k] = rword;
+      carry = ncarry;
+      ncarry = hncarry;
+    }
+    if (carry !== 0) {
+      out.words[k] = carry;
+    } else {
+      out.length--;
+    }
+
+    return out.strip();
+  }
+
+  function jumboMulTo (self, num, out) {
+    var fftm = new FFTM();
+    return fftm.mulp(self, num, out);
+  }
+
+  BN.prototype.mulTo = function mulTo (num, out) {
+    var res;
+    var len = this.length + num.length;
+    if (this.length === 10 && num.length === 10) {
+      res = comb10MulTo(this, num, out);
+    } else if (len < 63) {
+      res = smallMulTo(this, num, out);
+    } else if (len < 1024) {
+      res = bigMulTo(this, num, out);
+    } else {
+      res = jumboMulTo(this, num, out);
+    }
+
+    return res;
+  };
+
+  // Cooley-Tukey algorithm for FFT
+  // slightly revisited to rely on looping instead of recursion
+
+  function FFTM (x, y) {
+    this.x = x;
+    this.y = y;
+  }
+
+  FFTM.prototype.makeRBT = function makeRBT (N) {
+    var t = new Array(N);
+    var l = BN.prototype._countBits(N) - 1;
+    for (var i = 0; i < N; i++) {
+      t[i] = this.revBin(i, l, N);
+    }
+
+    return t;
+  };
+
+  // Returns binary-reversed representation of `x`
+  FFTM.prototype.revBin = function revBin (x, l, N) {
+    if (x === 0 || x === N - 1) return x;
+
+    var rb = 0;
+    for (var i = 0; i < l; i++) {
+      rb |= (x & 1) << (l - i - 1);
+      x >>= 1;
+    }
+
+    return rb;
+  };
+
+  // Performs "tweedling" phase, therefore 'emulating'
+  // behaviour of the recursive algorithm
+  FFTM.prototype.permute = function permute (rbt, rws, iws, rtws, itws, N) {
+    for (var i = 0; i < N; i++) {
+      rtws[i] = rws[rbt[i]];
+      itws[i] = iws[rbt[i]];
+    }
+  };
+
+  FFTM.prototype.transform = function transform (rws, iws, rtws, itws, N, rbt) {
+    this.permute(rbt, rws, iws, rtws, itws, N);
+
+    for (var s = 1; s < N; s <<= 1) {
+      var l = s << 1;
+
+      var rtwdf = Math.cos(2 * Math.PI / l);
+      var itwdf = Math.sin(2 * Math.PI / l);
+
+      for (var p = 0; p < N; p += l) {
+        var rtwdf_ = rtwdf;
+        var itwdf_ = itwdf;
+
+        for (var j = 0; j < s; j++) {
+          var re = rtws[p + j];
+          var ie = itws[p + j];
+
+          var ro = rtws[p + j + s];
+          var io = itws[p + j + s];
+
+          var rx = rtwdf_ * ro - itwdf_ * io;
+
+          io = rtwdf_ * io + itwdf_ * ro;
+          ro = rx;
+
+          rtws[p + j] = re + ro;
+          itws[p + j] = ie + io;
+
+          rtws[p + j + s] = re - ro;
+          itws[p + j + s] = ie - io;
+
+          /* jshint maxdepth : false */
+          if (j !== l) {
+            rx = rtwdf * rtwdf_ - itwdf * itwdf_;
+
+            itwdf_ = rtwdf * itwdf_ + itwdf * rtwdf_;
+            rtwdf_ = rx;
+          }
+        }
+      }
+    }
+  };
+
+  FFTM.prototype.guessLen13b = function guessLen13b (n, m) {
+    var N = Math.max(m, n) | 1;
+    var odd = N & 1;
+    var i = 0;
+    for (N = N / 2 | 0; N; N = N >>> 1) {
+      i++;
+    }
+
+    return 1 << i + 1 + odd;
+  };
+
+  FFTM.prototype.conjugate = function conjugate (rws, iws, N) {
+    if (N <= 1) return;
+
+    for (var i = 0; i < N / 2; i++) {
+      var t = rws[i];
+
+      rws[i] = rws[N - i - 1];
+      rws[N - i - 1] = t;
+
+      t = iws[i];
+
+      iws[i] = -iws[N - i - 1];
+      iws[N - i - 1] = -t;
+    }
+  };
+
+  FFTM.prototype.normalize13b = function normalize13b (ws, N) {
+    var carry = 0;
+    for (var i = 0; i < N / 2; i++) {
+      var w = Math.round(ws[2 * i + 1] / N) * 0x2000 +
+        Math.round(ws[2 * i] / N) +
+        carry;
+
+      ws[i] = w & 0x3ffffff;
+
+      if (w < 0x4000000) {
+        carry = 0;
+      } else {
+        carry = w / 0x4000000 | 0;
+      }
+    }
+
+    return ws;
+  };
+
+  FFTM.prototype.convert13b = function convert13b (ws, len, rws, N) {
+    var carry = 0;
+    for (var i = 0; i < len; i++) {
+      carry = carry + (ws[i] | 0);
+
+      rws[2 * i] = carry & 0x1fff; carry = carry >>> 13;
+      rws[2 * i + 1] = carry & 0x1fff; carry = carry >>> 13;
+    }
+
+    // Pad with zeroes
+    for (i = 2 * len; i < N; ++i) {
+      rws[i] = 0;
+    }
+
+    assert(carry === 0);
+    assert((carry & ~0x1fff) === 0);
+  };
+
+  FFTM.prototype.stub = function stub (N) {
+    var ph = new Array(N);
+    for (var i = 0; i < N; i++) {
+      ph[i] = 0;
+    }
+
+    return ph;
+  };
+
+  FFTM.prototype.mulp = function mulp (x, y, out) {
+    var N = 2 * this.guessLen13b(x.length, y.length);
+
+    var rbt = this.makeRBT(N);
+
+    var _ = this.stub(N);
+
+    var rws = new Array(N);
+    var rwst = new Array(N);
+    var iwst = new Array(N);
+
+    var nrws = new Array(N);
+    var nrwst = new Array(N);
+    var niwst = new Array(N);
+
+    var rmws = out.words;
+    rmws.length = N;
+
+    this.convert13b(x.words, x.length, rws, N);
+    this.convert13b(y.words, y.length, nrws, N);
+
+    this.transform(rws, _, rwst, iwst, N, rbt);
+    this.transform(nrws, _, nrwst, niwst, N, rbt);
+
+    for (var i = 0; i < N; i++) {
+      var rx = rwst[i] * nrwst[i] - iwst[i] * niwst[i];
+      iwst[i] = rwst[i] * niwst[i] + iwst[i] * nrwst[i];
+      rwst[i] = rx;
+    }
+
+    this.conjugate(rwst, iwst, N);
+    this.transform(rwst, iwst, rmws, _, N, rbt);
+    this.conjugate(rmws, _, N);
+    this.normalize13b(rmws, N);
+
+    out.negative = x.negative ^ y.negative;
+    out.length = x.length + y.length;
+    return out.strip();
+  };
+
+  // Multiply `this` by `num`
+  BN.prototype.mul = function mul (num) {
+    var out = new BN(null);
+    out.words = new Array(this.length + num.length);
+    return this.mulTo(num, out);
+  };
+
+  // Multiply employing FFT
+  BN.prototype.mulf = function mulf (num) {
+    var out = new BN(null);
+    out.words = new Array(this.length + num.length);
+    return jumboMulTo(this, num, out);
+  };
+
+  // In-place Multiplication
+  BN.prototype.imul = function imul (num) {
+    return this.clone().mulTo(num, this);
+  };
+
+  BN.prototype.imuln = function imuln (num) {
+    assert(typeof num === 'number');
+    assert(num < 0x4000000);
+
+    // Carry
+    var carry = 0;
+    for (var i = 0; i < this.length; i++) {
+      var w = (this.words[i] | 0) * num;
+      var lo = (w & 0x3ffffff) + (carry & 0x3ffffff);
+      carry >>= 26;
+      carry += (w / 0x4000000) | 0;
+      // NOTE: lo is 27bit maximum
+      carry += lo >>> 26;
+      this.words[i] = lo & 0x3ffffff;
+    }
+
+    if (carry !== 0) {
+      this.words[i] = carry;
+      this.length++;
+    }
+
+    return this;
+  };
+
+  BN.prototype.muln = function muln (num) {
+    return this.clone().imuln(num);
+  };
+
+  // `this` * `this`
+  BN.prototype.sqr = function sqr () {
+    return this.mul(this);
+  };
+
+  // `this` * `this` in-place
+  BN.prototype.isqr = function isqr () {
+    return this.imul(this.clone());
+  };
+
+  // Math.pow(`this`, `num`)
+  BN.prototype.pow = function pow (num) {
+    var w = toBitArray(num);
+    if (w.length === 0) return new BN(1);
+
+    // Skip leading zeroes
+    var res = this;
+    for (var i = 0; i < w.length; i++, res = res.sqr()) {
+      if (w[i] !== 0) break;
+    }
+
+    if (++i < w.length) {
+      for (var q = res.sqr(); i < w.length; i++, q = q.sqr()) {
+        if (w[i] === 0) continue;
+
+        res = res.mul(q);
+      }
+    }
+
+    return res;
+  };
+
+  // Shift-left in-place
+  BN.prototype.iushln = function iushln (bits) {
+    assert(typeof bits === 'number' && bits >= 0);
+    var r = bits % 26;
+    var s = (bits - r) / 26;
+    var carryMask = (0x3ffffff >>> (26 - r)) << (26 - r);
+    var i;
+
+    if (r !== 0) {
+      var carry = 0;
+
+      for (i = 0; i < this.length; i++) {
+        var newCarry = this.words[i] & carryMask;
+        var c = ((this.words[i] | 0) - newCarry) << r;
+        this.words[i] = c | carry;
+        carry = newCarry >>> (26 - r);
+      }
+
+      if (carry) {
+        this.words[i] = carry;
+        this.length++;
+      }
+    }
+
+    if (s !== 0) {
+      for (i = this.length - 1; i >= 0; i--) {
+        this.words[i + s] = this.words[i];
+      }
+
+      for (i = 0; i < s; i++) {
+        this.words[i] = 0;
+      }
+
+      this.length += s;
+    }
+
+    return this.strip();
+  };
+
+  BN.prototype.ishln = function ishln (bits) {
+    // TODO(indutny): implement me
+    assert(this.negative === 0);
+    return this.iushln(bits);
+  };
+
+  // Shift-right in-place
+  // NOTE: `hint` is a lowest bit before trailing zeroes
+  // NOTE: if `extended` is present - it will be filled with destroyed bits
+  BN.prototype.iushrn = function iushrn (bits, hint, extended) {
+    assert(typeof bits === 'number' && bits >= 0);
+    var h;
+    if (hint) {
+      h = (hint - (hint % 26)) / 26;
+    } else {
+      h = 0;
+    }
+
+    var r = bits % 26;
+    var s = Math.min((bits - r) / 26, this.length);
+    var mask = 0x3ffffff ^ ((0x3ffffff >>> r) << r);
+    var maskedWords = extended;
+
+    h -= s;
+    h = Math.max(0, h);
+
+    // Extended mode, copy masked part
+    if (maskedWords) {
+      for (var i = 0; i < s; i++) {
+        maskedWords.words[i] = this.words[i];
+      }
+      maskedWords.length = s;
+    }
+
+    if (s === 0) {
+      // No-op, we should not move anything at all
+    } else if (this.length > s) {
+      this.length -= s;
+      for (i = 0; i < this.length; i++) {
+        this.words[i] = this.words[i + s];
+      }
+    } else {
+      this.words[0] = 0;
+      this.length = 1;
+    }
+
+    var carry = 0;
+    for (i = this.length - 1; i >= 0 && (carry !== 0 || i >= h); i--) {
+      var word = this.words[i] | 0;
+      this.words[i] = (carry << (26 - r)) | (word >>> r);
+      carry = word & mask;
+    }
+
+    // Push carried bits as a mask
+    if (maskedWords && carry !== 0) {
+      maskedWords.words[maskedWords.length++] = carry;
+    }
+
+    if (this.length === 0) {
+      this.words[0] = 0;
+      this.length = 1;
+    }
+
+    return this.strip();
+  };
+
+  BN.prototype.ishrn = function ishrn (bits, hint, extended) {
+    // TODO(indutny): implement me
+    assert(this.negative === 0);
+    return this.iushrn(bits, hint, extended);
+  };
+
+  // Shift-left
+  BN.prototype.shln = function shln (bits) {
+    return this.clone().ishln(bits);
+  };
+
+  BN.prototype.ushln = function ushln (bits) {
+    return this.clone().iushln(bits);
+  };
+
+  // Shift-right
+  BN.prototype.shrn = function shrn (bits) {
+    return this.clone().ishrn(bits);
+  };
+
+  BN.prototype.ushrn = function ushrn (bits) {
+    return this.clone().iushrn(bits);
+  };
+
+  // Test if n bit is set
+  BN.prototype.testn = function testn (bit) {
+    assert(typeof bit === 'number' && bit >= 0);
+    var r = bit % 26;
+    var s = (bit - r) / 26;
+    var q = 1 << r;
+
+    // Fast case: bit is much higher than all existing words
+    if (this.length <= s) return false;
+
+    // Check bit and return
+    var w = this.words[s];
+
+    return !!(w & q);
+  };
+
+  // Return only lowers bits of number (in-place)
+  BN.prototype.imaskn = function imaskn (bits) {
+    assert(typeof bits === 'number' && bits >= 0);
+    var r = bits % 26;
+    var s = (bits - r) / 26;
+
+    assert(this.negative === 0, 'imaskn works only with positive numbers');
+
+    if (this.length <= s) {
+      return this;
+    }
+
+    if (r !== 0) {
+      s++;
+    }
+    this.length = Math.min(s, this.length);
+
+    if (r !== 0) {
+      var mask = 0x3ffffff ^ ((0x3ffffff >>> r) << r);
+      this.words[this.length - 1] &= mask;
+    }
+
+    return this.strip();
+  };
+
+  // Return only lowers bits of number
+  BN.prototype.maskn = function maskn (bits) {
+    return this.clone().imaskn(bits);
+  };
+
+  // Add plain number `num` to `this`
+  BN.prototype.iaddn = function iaddn (num) {
+    assert(typeof num === 'number');
+    assert(num < 0x4000000);
+    if (num < 0) return this.isubn(-num);
+
+    // Possible sign change
+    if (this.negative !== 0) {
+      if (this.length === 1 && (this.words[0] | 0) < num) {
+        this.words[0] = num - (this.words[0] | 0);
+        this.negative = 0;
+        return this;
+      }
+
+      this.negative = 0;
+      this.isubn(num);
+      this.negative = 1;
+      return this;
+    }
+
+    // Add without checks
+    return this._iaddn(num);
+  };
+
+  BN.prototype._iaddn = function _iaddn (num) {
+    this.words[0] += num;
+
+    // Carry
+    for (var i = 0; i < this.length && this.words[i] >= 0x4000000; i++) {
+      this.words[i] -= 0x4000000;
+      if (i === this.length - 1) {
+        this.words[i + 1] = 1;
+      } else {
+        this.words[i + 1]++;
+      }
+    }
+    this.length = Math.max(this.length, i + 1);
+
+    return this;
+  };
+
+  // Subtract plain number `num` from `this`
+  BN.prototype.isubn = function isubn (num) {
+    assert(typeof num === 'number');
+    assert(num < 0x4000000);
+    if (num < 0) return this.iaddn(-num);
+
+    if (this.negative !== 0) {
+      this.negative = 0;
+      this.iaddn(num);
+      this.negative = 1;
+      return this;
+    }
+
+    this.words[0] -= num;
+
+    if (this.length === 1 && this.words[0] < 0) {
+      this.words[0] = -this.words[0];
+      this.negative = 1;
+    } else {
+      // Carry
+      for (var i = 0; i < this.length && this.words[i] < 0; i++) {
+        this.words[i] += 0x4000000;
+        this.words[i + 1] -= 1;
+      }
+    }
+
+    return this.strip();
+  };
+
+  BN.prototype.addn = function addn (num) {
+    return this.clone().iaddn(num);
+  };
+
+  BN.prototype.subn = function subn (num) {
+    return this.clone().isubn(num);
+  };
+
+  BN.prototype.iabs = function iabs () {
+    this.negative = 0;
+
+    return this;
+  };
+
+  BN.prototype.abs = function abs () {
+    return this.clone().iabs();
+  };
+
+  BN.prototype._ishlnsubmul = function _ishlnsubmul (num, mul, shift) {
+    var len = num.length + shift;
+    var i;
+
+    this._expand(len);
+
+    var w;
+    var carry = 0;
+    for (i = 0; i < num.length; i++) {
+      w = (this.words[i + shift] | 0) + carry;
+      var right = (num.words[i] | 0) * mul;
+      w -= right & 0x3ffffff;
+      carry = (w >> 26) - ((right / 0x4000000) | 0);
+      this.words[i + shift] = w & 0x3ffffff;
+    }
+    for (; i < this.length - shift; i++) {
+      w = (this.words[i + shift] | 0) + carry;
+      carry = w >> 26;
+      this.words[i + shift] = w & 0x3ffffff;
+    }
+
+    if (carry === 0) return this.strip();
+
+    // Subtraction overflow
+    assert(carry === -1);
+    carry = 0;
+    for (i = 0; i < this.length; i++) {
+      w = -(this.words[i] | 0) + carry;
+      carry = w >> 26;
+      this.words[i] = w & 0x3ffffff;
+    }
+    this.negative = 1;
+
+    return this.strip();
+  };
+
+  BN.prototype._wordDiv = function _wordDiv (num, mode) {
+    var shift = this.length - num.length;
+
+    var a = this.clone();
+    var b = num;
+
+    // Normalize
+    var bhi = b.words[b.length - 1] | 0;
+    var bhiBits = this._countBits(bhi);
+    shift = 26 - bhiBits;
+    if (shift !== 0) {
+      b = b.ushln(shift);
+      a.iushln(shift);
+      bhi = b.words[b.length - 1] | 0;
+    }
+
+    // Initialize quotient
+    var m = a.length - b.length;
+    var q;
+
+    if (mode !== 'mod') {
+      q = new BN(null);
+      q.length = m + 1;
+      q.words = new Array(q.length);
+      for (var i = 0; i < q.length; i++) {
+        q.words[i] = 0;
+      }
+    }
+
+    var diff = a.clone()._ishlnsubmul(b, 1, m);
+    if (diff.negative === 0) {
+      a = diff;
+      if (q) {
+        q.words[m] = 1;
+      }
+    }
+
+    for (var j = m - 1; j >= 0; j--) {
+      var qj = (a.words[b.length + j] | 0) * 0x4000000 +
+        (a.words[b.length + j - 1] | 0);
+
+      // NOTE: (qj / bhi) is (0x3ffffff * 0x4000000 + 0x3ffffff) / 0x2000000 max
+      // (0x7ffffff)
+      qj = Math.min((qj / bhi) | 0, 0x3ffffff);
+
+      a._ishlnsubmul(b, qj, j);
+      while (a.negative !== 0) {
+        qj--;
+        a.negative = 0;
+        a._ishlnsubmul(b, 1, j);
+        if (!a.isZero()) {
+          a.negative ^= 1;
+        }
+      }
+      if (q) {
+        q.words[j] = qj;
+      }
+    }
+    if (q) {
+      q.strip();
+    }
+    a.strip();
+
+    // Denormalize
+    if (mode !== 'div' && shift !== 0) {
+      a.iushrn(shift);
+    }
+
+    return {
+      div: q || null,
+      mod: a
+    };
+  };
+
+  // NOTE: 1) `mode` can be set to `mod` to request mod only,
+  //       to `div` to request div only, or be absent to
+  //       request both div & mod
+  //       2) `positive` is true if unsigned mod is requested
+  BN.prototype.divmod = function divmod (num, mode, positive) {
+    assert(!num.isZero());
+
+    if (this.isZero()) {
+      return {
+        div: new BN(0),
+        mod: new BN(0)
+      };
+    }
+
+    var div, mod, res;
+    if (this.negative !== 0 && num.negative === 0) {
+      res = this.neg().divmod(num, mode);
+
+      if (mode !== 'mod') {
+        div = res.div.neg();
+      }
+
+      if (mode !== 'div') {
+        mod = res.mod.neg();
+        if (positive && mod.negative !== 0) {
+          mod.iadd(num);
+        }
+      }
+
+      return {
+        div: div,
+        mod: mod
+      };
+    }
+
+    if (this.negative === 0 && num.negative !== 0) {
+      res = this.divmod(num.neg(), mode);
+
+      if (mode !== 'mod') {
+        div = res.div.neg();
+      }
+
+      return {
+        div: div,
+        mod: res.mod
+      };
+    }
+
+    if ((this.negative & num.negative) !== 0) {
+      res = this.neg().divmod(num.neg(), mode);
+
+      if (mode !== 'div') {
+        mod = res.mod.neg();
+        if (positive && mod.negative !== 0) {
+          mod.isub(num);
+        }
+      }
+
+      return {
+        div: res.div,
+        mod: mod
+      };
+    }
+
+    // Both numbers are positive at this point
+
+    // Strip both numbers to approximate shift value
+    if (num.length > this.length || this.cmp(num) < 0) {
+      return {
+        div: new BN(0),
+        mod: this
+      };
+    }
+
+    // Very short reduction
+    if (num.length === 1) {
+      if (mode === 'div') {
+        return {
+          div: this.divn(num.words[0]),
+          mod: null
+        };
+      }
+
+      if (mode === 'mod') {
+        return {
+          div: null,
+          mod: new BN(this.modn(num.words[0]))
+        };
+      }
+
+      return {
+        div: this.divn(num.words[0]),
+        mod: new BN(this.modn(num.words[0]))
+      };
+    }
+
+    return this._wordDiv(num, mode);
+  };
+
+  // Find `this` / `num`
+  BN.prototype.div = function div (num) {
+    return this.divmod(num, 'div', false).div;
+  };
+
+  // Find `this` % `num`
+  BN.prototype.mod = function mod (num) {
+    return this.divmod(num, 'mod', false).mod;
+  };
+
+  BN.prototype.umod = function umod (num) {
+    return this.divmod(num, 'mod', true).mod;
+  };
+
+  // Find Round(`this` / `num`)
+  BN.prototype.divRound = function divRound (num) {
+    var dm = this.divmod(num);
+
+    // Fast case - exact division
+    if (dm.mod.isZero()) return dm.div;
+
+    var mod = dm.div.negative !== 0 ? dm.mod.isub(num) : dm.mod;
+
+    var half = num.ushrn(1);
+    var r2 = num.andln(1);
+    var cmp = mod.cmp(half);
+
+    // Round down
+    if (cmp < 0 || r2 === 1 && cmp === 0) return dm.div;
+
+    // Round up
+    return dm.div.negative !== 0 ? dm.div.isubn(1) : dm.div.iaddn(1);
+  };
+
+  BN.prototype.modn = function modn (num) {
+    assert(num <= 0x3ffffff);
+    var p = (1 << 26) % num;
+
+    var acc = 0;
+    for (var i = this.length - 1; i >= 0; i--) {
+      acc = (p * acc + (this.words[i] | 0)) % num;
+    }
+
+    return acc;
+  };
+
+  // In-place division by number
+  BN.prototype.idivn = function idivn (num) {
+    assert(num <= 0x3ffffff);
+
+    var carry = 0;
+    for (var i = this.length - 1; i >= 0; i--) {
+      var w = (this.words[i] | 0) + carry * 0x4000000;
+      this.words[i] = (w / num) | 0;
+      carry = w % num;
+    }
+
+    return this.strip();
+  };
+
+  BN.prototype.divn = function divn (num) {
+    return this.clone().idivn(num);
+  };
+
+  BN.prototype.egcd = function egcd (p) {
+    assert(p.negative === 0);
+    assert(!p.isZero());
+
+    var x = this;
+    var y = p.clone();
+
+    if (x.negative !== 0) {
+      x = x.umod(p);
+    } else {
+      x = x.clone();
+    }
+
+    // A * x + B * y = x
+    var A = new BN(1);
+    var B = new BN(0);
+
+    // C * x + D * y = y
+    var C = new BN(0);
+    var D = new BN(1);
+
+    var g = 0;
+
+    while (x.isEven() && y.isEven()) {
+      x.iushrn(1);
+      y.iushrn(1);
+      ++g;
+    }
+
+    var yp = y.clone();
+    var xp = x.clone();
+
+    while (!x.isZero()) {
+      for (var i = 0, im = 1; (x.words[0] & im) === 0 && i < 26; ++i, im <<= 1);
+      if (i > 0) {
+        x.iushrn(i);
+        while (i-- > 0) {
+          if (A.isOdd() || B.isOdd()) {
+            A.iadd(yp);
+            B.isub(xp);
+          }
+
+          A.iushrn(1);
+          B.iushrn(1);
+        }
+      }
+
+      for (var j = 0, jm = 1; (y.words[0] & jm) === 0 && j < 26; ++j, jm <<= 1);
+      if (j > 0) {
+        y.iushrn(j);
+        while (j-- > 0) {
+          if (C.isOdd() || D.isOdd()) {
+            C.iadd(yp);
+            D.isub(xp);
+          }
+
+          C.iushrn(1);
+          D.iushrn(1);
+        }
+      }
+
+      if (x.cmp(y) >= 0) {
+        x.isub(y);
+        A.isub(C);
+        B.isub(D);
+      } else {
+        y.isub(x);
+        C.isub(A);
+        D.isub(B);
+      }
+    }
+
+    return {
+      a: C,
+      b: D,
+      gcd: y.iushln(g)
+    };
+  };
+
+  // This is reduced incarnation of the binary EEA
+  // above, designated to invert members of the
+  // _prime_ fields F(p) at a maximal speed
+  BN.prototype._invmp = function _invmp (p) {
+    assert(p.negative === 0);
+    assert(!p.isZero());
+
+    var a = this;
+    var b = p.clone();
+
+    if (a.negative !== 0) {
+      a = a.umod(p);
+    } else {
+      a = a.clone();
+    }
+
+    var x1 = new BN(1);
+    var x2 = new BN(0);
+
+    var delta = b.clone();
+
+    while (a.cmpn(1) > 0 && b.cmpn(1) > 0) {
+      for (var i = 0, im = 1; (a.words[0] & im) === 0 && i < 26; ++i, im <<= 1);
+      if (i > 0) {
+        a.iushrn(i);
+        while (i-- > 0) {
+          if (x1.isOdd()) {
+            x1.iadd(delta);
+          }
+
+          x1.iushrn(1);
+        }
+      }
+
+      for (var j = 0, jm = 1; (b.words[0] & jm) === 0 && j < 26; ++j, jm <<= 1);
+      if (j > 0) {
+        b.iushrn(j);
+        while (j-- > 0) {
+          if (x2.isOdd()) {
+            x2.iadd(delta);
+          }
+
+          x2.iushrn(1);
+        }
+      }
+
+      if (a.cmp(b) >= 0) {
+        a.isub(b);
+        x1.isub(x2);
+      } else {
+        b.isub(a);
+        x2.isub(x1);
+      }
+    }
+
+    var res;
+    if (a.cmpn(1) === 0) {
+      res = x1;
+    } else {
+      res = x2;
+    }
+
+    if (res.cmpn(0) < 0) {
+      res.iadd(p);
+    }
+
+    return res;
+  };
+
+  BN.prototype.gcd = function gcd (num) {
+    if (this.isZero()) return num.abs();
+    if (num.isZero()) return this.abs();
+
+    var a = this.clone();
+    var b = num.clone();
+    a.negative = 0;
+    b.negative = 0;
+
+    // Remove common factor of two
+    for (var shift = 0; a.isEven() && b.isEven(); shift++) {
+      a.iushrn(1);
+      b.iushrn(1);
+    }
+
+    do {
+      while (a.isEven()) {
+        a.iushrn(1);
+      }
+      while (b.isEven()) {
+        b.iushrn(1);
+      }
+
+      var r = a.cmp(b);
+      if (r < 0) {
+        // Swap `a` and `b` to make `a` always bigger than `b`
+        var t = a;
+        a = b;
+        b = t;
+      } else if (r === 0 || b.cmpn(1) === 0) {
+        break;
+      }
+
+      a.isub(b);
+    } while (true);
+
+    return b.iushln(shift);
+  };
+
+  // Invert number in the field F(num)
+  BN.prototype.invm = function invm (num) {
+    return this.egcd(num).a.umod(num);
+  };
+
+  BN.prototype.isEven = function isEven () {
+    return (this.words[0] & 1) === 0;
+  };
+
+  BN.prototype.isOdd = function isOdd () {
+    return (this.words[0] & 1) === 1;
+  };
+
+  // And first word and num
+  BN.prototype.andln = function andln (num) {
+    return this.words[0] & num;
+  };
+
+  // Increment at the bit position in-line
+  BN.prototype.bincn = function bincn (bit) {
+    assert(typeof bit === 'number');
+    var r = bit % 26;
+    var s = (bit - r) / 26;
+    var q = 1 << r;
+
+    // Fast case: bit is much higher than all existing words
+    if (this.length <= s) {
+      this._expand(s + 1);
+      this.words[s] |= q;
+      return this;
+    }
+
+    // Add bit and propagate, if needed
+    var carry = q;
+    for (var i = s; carry !== 0 && i < this.length; i++) {
+      var w = this.words[i] | 0;
+      w += carry;
+      carry = w >>> 26;
+      w &= 0x3ffffff;
+      this.words[i] = w;
+    }
+    if (carry !== 0) {
+      this.words[i] = carry;
+      this.length++;
+    }
+    return this;
+  };
+
+  BN.prototype.isZero = function isZero () {
+    return this.length === 1 && this.words[0] === 0;
+  };
+
+  BN.prototype.cmpn = function cmpn (num) {
+    var negative = num < 0;
+
+    if (this.negative !== 0 && !negative) return -1;
+    if (this.negative === 0 && negative) return 1;
+
+    this.strip();
+
+    var res;
+    if (this.length > 1) {
+      res = 1;
+    } else {
+      if (negative) {
+        num = -num;
+      }
+
+      assert(num <= 0x3ffffff, 'Number is too big');
+
+      var w = this.words[0] | 0;
+      res = w === num ? 0 : w < num ? -1 : 1;
+    }
+    if (this.negative !== 0) return -res | 0;
+    return res;
+  };
+
+  // Compare two numbers and return:
+  // 1 - if `this` > `num`
+  // 0 - if `this` == `num`
+  // -1 - if `this` < `num`
+  BN.prototype.cmp = function cmp (num) {
+    if (this.negative !== 0 && num.negative === 0) return -1;
+    if (this.negative === 0 && num.negative !== 0) return 1;
+
+    var res = this.ucmp(num);
+    if (this.negative !== 0) return -res | 0;
+    return res;
+  };
+
+  // Unsigned comparison
+  BN.prototype.ucmp = function ucmp (num) {
+    // At this point both numbers have the same sign
+    if (this.length > num.length) return 1;
+    if (this.length < num.length) return -1;
+
+    var res = 0;
+    for (var i = this.length - 1; i >= 0; i--) {
+      var a = this.words[i] | 0;
+      var b = num.words[i] | 0;
+
+      if (a === b) continue;
+      if (a < b) {
+        res = -1;
+      } else if (a > b) {
+        res = 1;
+      }
+      break;
+    }
+    return res;
+  };
+
+  BN.prototype.gtn = function gtn (num) {
+    return this.cmpn(num) === 1;
+  };
+
+  BN.prototype.gt = function gt (num) {
+    return this.cmp(num) === 1;
+  };
+
+  BN.prototype.gten = function gten (num) {
+    return this.cmpn(num) >= 0;
+  };
+
+  BN.prototype.gte = function gte (num) {
+    return this.cmp(num) >= 0;
+  };
+
+  BN.prototype.ltn = function ltn (num) {
+    return this.cmpn(num) === -1;
+  };
+
+  BN.prototype.lt = function lt (num) {
+    return this.cmp(num) === -1;
+  };
+
+  BN.prototype.lten = function lten (num) {
+    return this.cmpn(num) <= 0;
+  };
+
+  BN.prototype.lte = function lte (num) {
+    return this.cmp(num) <= 0;
+  };
+
+  BN.prototype.eqn = function eqn (num) {
+    return this.cmpn(num) === 0;
+  };
+
+  BN.prototype.eq = function eq (num) {
+    return this.cmp(num) === 0;
+  };
+
+  //
+  // A reduce context, could be using montgomery or something better, depending
+  // on the `m` itself.
+  //
+  BN.red = function red (num) {
+    return new Red(num);
+  };
+
+  BN.prototype.toRed = function toRed (ctx) {
+    assert(!this.red, 'Already a number in reduction context');
+    assert(this.negative === 0, 'red works only with positives');
+    return ctx.convertTo(this)._forceRed(ctx);
+  };
+
+  BN.prototype.fromRed = function fromRed () {
+    assert(this.red, 'fromRed works only with numbers in reduction context');
+    return this.red.convertFrom(this);
+  };
+
+  BN.prototype._forceRed = function _forceRed (ctx) {
+    this.red = ctx;
+    return this;
+  };
+
+  BN.prototype.forceRed = function forceRed (ctx) {
+    assert(!this.red, 'Already a number in reduction context');
+    return this._forceRed(ctx);
+  };
+
+  BN.prototype.redAdd = function redAdd (num) {
+    assert(this.red, 'redAdd works only with red numbers');
+    return this.red.add(this, num);
+  };
+
+  BN.prototype.redIAdd = function redIAdd (num) {
+    assert(this.red, 'redIAdd works only with red numbers');
+    return this.red.iadd(this, num);
+  };
+
+  BN.prototype.redSub = function redSub (num) {
+    assert(this.red, 'redSub works only with red numbers');
+    return this.red.sub(this, num);
+  };
+
+  BN.prototype.redISub = function redISub (num) {
+    assert(this.red, 'redISub works only with red numbers');
+    return this.red.isub(this, num);
+  };
+
+  BN.prototype.redShl = function redShl (num) {
+    assert(this.red, 'redShl works only with red numbers');
+    return this.red.shl(this, num);
+  };
+
+  BN.prototype.redMul = function redMul (num) {
+    assert(this.red, 'redMul works only with red numbers');
+    this.red._verify2(this, num);
+    return this.red.mul(this, num);
+  };
+
+  BN.prototype.redIMul = function redIMul (num) {
+    assert(this.red, 'redMul works only with red numbers');
+    this.red._verify2(this, num);
+    return this.red.imul(this, num);
+  };
+
+  BN.prototype.redSqr = function redSqr () {
+    assert(this.red, 'redSqr works only with red numbers');
+    this.red._verify1(this);
+    return this.red.sqr(this);
+  };
+
+  BN.prototype.redISqr = function redISqr () {
+    assert(this.red, 'redISqr works only with red numbers');
+    this.red._verify1(this);
+    return this.red.isqr(this);
+  };
+
+  // Square root over p
+  BN.prototype.redSqrt = function redSqrt () {
+    assert(this.red, 'redSqrt works only with red numbers');
+    this.red._verify1(this);
+    return this.red.sqrt(this);
+  };
+
+  BN.prototype.redInvm = function redInvm () {
+    assert(this.red, 'redInvm works only with red numbers');
+    this.red._verify1(this);
+    return this.red.invm(this);
+  };
+
+  // Return negative clone of `this` % `red modulo`
+  BN.prototype.redNeg = function redNeg () {
+    assert(this.red, 'redNeg works only with red numbers');
+    this.red._verify1(this);
+    return this.red.neg(this);
+  };
+
+  BN.prototype.redPow = function redPow (num) {
+    assert(this.red && !num.red, 'redPow(normalNum)');
+    this.red._verify1(this);
+    return this.red.pow(this, num);
+  };
+
+  // Prime numbers with efficient reduction
+  var primes = {
+    k256: null,
+    p224: null,
+    p192: null,
+    p25519: null
+  };
+
+  // Pseudo-Mersenne prime
+  function MPrime (name, p) {
+    // P = 2 ^ N - K
+    this.name = name;
+    this.p = new BN(p, 16);
+    this.n = this.p.bitLength();
+    this.k = new BN(1).iushln(this.n).isub(this.p);
+
+    this.tmp = this._tmp();
+  }
+
+  MPrime.prototype._tmp = function _tmp () {
+    var tmp = new BN(null);
+    tmp.words = new Array(Math.ceil(this.n / 13));
+    return tmp;
+  };
+
+  MPrime.prototype.ireduce = function ireduce (num) {
+    // Assumes that `num` is less than `P^2`
+    // num = HI * (2 ^ N - K) + HI * K + LO = HI * K + LO (mod P)
+    var r = num;
+    var rlen;
+
+    do {
+      this.split(r, this.tmp);
+      r = this.imulK(r);
+      r = r.iadd(this.tmp);
+      rlen = r.bitLength();
+    } while (rlen > this.n);
+
+    var cmp = rlen < this.n ? -1 : r.ucmp(this.p);
+    if (cmp === 0) {
+      r.words[0] = 0;
+      r.length = 1;
+    } else if (cmp > 0) {
+      r.isub(this.p);
+    } else {
+      r.strip();
+    }
+
+    return r;
+  };
+
+  MPrime.prototype.split = function split (input, out) {
+    input.iushrn(this.n, 0, out);
+  };
+
+  MPrime.prototype.imulK = function imulK (num) {
+    return num.imul(this.k);
+  };
+
+  function K256 () {
+    MPrime.call(
+      this,
+      'k256',
+      'ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff fffffffe fffffc2f');
+  }
+  inherits(K256, MPrime);
+
+  K256.prototype.split = function split (input, output) {
+    // 256 = 9 * 26 + 22
+    var mask = 0x3fffff;
+
+    var outLen = Math.min(input.length, 9);
+    for (var i = 0; i < outLen; i++) {
+      output.words[i] = input.words[i];
+    }
+    output.length = outLen;
+
+    if (input.length <= 9) {
+      input.words[0] = 0;
+      input.length = 1;
+      return;
+    }
+
+    // Shift by 9 limbs
+    var prev = input.words[9];
+    output.words[output.length++] = prev & mask;
+
+    for (i = 10; i < input.length; i++) {
+      var next = input.words[i] | 0;
+      input.words[i - 10] = ((next & mask) << 4) | (prev >>> 22);
+      prev = next;
+    }
+    prev >>>= 22;
+    input.words[i - 10] = prev;
+    if (prev === 0 && input.length > 10) {
+      input.length -= 10;
+    } else {
+      input.length -= 9;
+    }
+  };
+
+  K256.prototype.imulK = function imulK (num) {
+    // K = 0x1000003d1 = [ 0x40, 0x3d1 ]
+    num.words[num.length] = 0;
+    num.words[num.length + 1] = 0;
+    num.length += 2;
+
+    // bounded at: 0x40 * 0x3ffffff + 0x3d0 = 0x100000390
+    var lo = 0;
+    for (var i = 0; i < num.length; i++) {
+      var w = num.words[i] | 0;
+      lo += w * 0x3d1;
+      num.words[i] = lo & 0x3ffffff;
+      lo = w * 0x40 + ((lo / 0x4000000) | 0);
+    }
+
+    // Fast length reduction
+    if (num.words[num.length - 1] === 0) {
+      num.length--;
+      if (num.words[num.length - 1] === 0) {
+        num.length--;
+      }
+    }
+    return num;
+  };
+
+  function P224 () {
+    MPrime.call(
+      this,
+      'p224',
+      'ffffffff ffffffff ffffffff ffffffff 00000000 00000000 00000001');
+  }
+  inherits(P224, MPrime);
+
+  function P192 () {
+    MPrime.call(
+      this,
+      'p192',
+      'ffffffff ffffffff ffffffff fffffffe ffffffff ffffffff');
+  }
+  inherits(P192, MPrime);
+
+  function P25519 () {
+    // 2 ^ 255 - 19
+    MPrime.call(
+      this,
+      '25519',
+      '7fffffffffffffff ffffffffffffffff ffffffffffffffff ffffffffffffffed');
+  }
+  inherits(P25519, MPrime);
+
+  P25519.prototype.imulK = function imulK (num) {
+    // K = 0x13
+    var carry = 0;
+    for (var i = 0; i < num.length; i++) {
+      var hi = (num.words[i] | 0) * 0x13 + carry;
+      var lo = hi & 0x3ffffff;
+      hi >>>= 26;
+
+      num.words[i] = lo;
+      carry = hi;
+    }
+    if (carry !== 0) {
+      num.words[num.length++] = carry;
+    }
+    return num;
+  };
+
+  // Exported mostly for testing purposes, use plain name instead
+  BN._prime = function prime (name) {
+    // Cached version of prime
+    if (primes[name]) return primes[name];
+
+    var prime;
+    if (name === 'k256') {
+      prime = new K256();
+    } else if (name === 'p224') {
+      prime = new P224();
+    } else if (name === 'p192') {
+      prime = new P192();
+    } else if (name === 'p25519') {
+      prime = new P25519();
+    } else {
+      throw new Error('Unknown prime ' + name);
+    }
+    primes[name] = prime;
+
+    return prime;
+  };
+
+  //
+  // Base reduction engine
+  //
+  function Red (m) {
+    if (typeof m === 'string') {
+      var prime = BN._prime(m);
+      this.m = prime.p;
+      this.prime = prime;
+    } else {
+      assert(m.gtn(1), 'modulus must be greater than 1');
+      this.m = m;
+      this.prime = null;
+    }
+  }
+
+  Red.prototype._verify1 = function _verify1 (a) {
+    assert(a.negative === 0, 'red works only with positives');
+    assert(a.red, 'red works only with red numbers');
+  };
+
+  Red.prototype._verify2 = function _verify2 (a, b) {
+    assert((a.negative | b.negative) === 0, 'red works only with positives');
+    assert(a.red && a.red === b.red,
+      'red works only with red numbers');
+  };
+
+  Red.prototype.imod = function imod (a) {
+    if (this.prime) return this.prime.ireduce(a)._forceRed(this);
+    return a.umod(this.m)._forceRed(this);
+  };
+
+  Red.prototype.neg = function neg (a) {
+    if (a.isZero()) {
+      return a.clone();
+    }
+
+    return this.m.sub(a)._forceRed(this);
+  };
+
+  Red.prototype.add = function add (a, b) {
+    this._verify2(a, b);
+
+    var res = a.add(b);
+    if (res.cmp(this.m) >= 0) {
+      res.isub(this.m);
+    }
+    return res._forceRed(this);
+  };
+
+  Red.prototype.iadd = function iadd (a, b) {
+    this._verify2(a, b);
+
+    var res = a.iadd(b);
+    if (res.cmp(this.m) >= 0) {
+      res.isub(this.m);
+    }
+    return res;
+  };
+
+  Red.prototype.sub = function sub (a, b) {
+    this._verify2(a, b);
+
+    var res = a.sub(b);
+    if (res.cmpn(0) < 0) {
+      res.iadd(this.m);
+    }
+    return res._forceRed(this);
+  };
+
+  Red.prototype.isub = function isub (a, b) {
+    this._verify2(a, b);
+
+    var res = a.isub(b);
+    if (res.cmpn(0) < 0) {
+      res.iadd(this.m);
+    }
+    return res;
+  };
+
+  Red.prototype.shl = function shl (a, num) {
+    this._verify1(a);
+    return this.imod(a.ushln(num));
+  };
+
+  Red.prototype.imul = function imul (a, b) {
+    this._verify2(a, b);
+    return this.imod(a.imul(b));
+  };
+
+  Red.prototype.mul = function mul (a, b) {
+    this._verify2(a, b);
+    return this.imod(a.mul(b));
+  };
+
+  Red.prototype.isqr = function isqr (a) {
+    return this.imul(a, a.clone());
+  };
+
+  Red.prototype.sqr = function sqr (a) {
+    return this.mul(a, a);
+  };
+
+  Red.prototype.sqrt = function sqrt (a) {
+    if (a.isZero()) return a.clone();
+
+    var mod3 = this.m.andln(3);
+    assert(mod3 % 2 === 1);
+
+    // Fast case
+    if (mod3 === 3) {
+      var pow = this.m.add(new BN(1)).iushrn(2);
+      return this.pow(a, pow);
+    }
+
+    // Tonelli-Shanks algorithm (Totally unoptimized and slow)
+    //
+    // Find Q and S, that Q * 2 ^ S = (P - 1)
+    var q = this.m.subn(1);
+    var s = 0;
+    while (!q.isZero() && q.andln(1) === 0) {
+      s++;
+      q.iushrn(1);
+    }
+    assert(!q.isZero());
+
+    var one = new BN(1).toRed(this);
+    var nOne = one.redNeg();
+
+    // Find quadratic non-residue
+    // NOTE: Max is such because of generalized Riemann hypothesis.
+    var lpow = this.m.subn(1).iushrn(1);
+    var z = this.m.bitLength();
+    z = new BN(2 * z * z).toRed(this);
+
+    while (this.pow(z, lpow).cmp(nOne) !== 0) {
+      z.redIAdd(nOne);
+    }
+
+    var c = this.pow(z, q);
+    var r = this.pow(a, q.addn(1).iushrn(1));
+    var t = this.pow(a, q);
+    var m = s;
+    while (t.cmp(one) !== 0) {
+      var tmp = t;
+      for (var i = 0; tmp.cmp(one) !== 0; i++) {
+        tmp = tmp.redSqr();
+      }
+      assert(i < m);
+      var b = this.pow(c, new BN(1).iushln(m - i - 1));
+
+      r = r.redMul(b);
+      c = b.redSqr();
+      t = t.redMul(c);
+      m = i;
+    }
+
+    return r;
+  };
+
+  Red.prototype.invm = function invm (a) {
+    var inv = a._invmp(this.m);
+    if (inv.negative !== 0) {
+      inv.negative = 0;
+      return this.imod(inv).redNeg();
+    } else {
+      return this.imod(inv);
+    }
+  };
+
+  Red.prototype.pow = function pow (a, num) {
+    if (num.isZero()) return new BN(1);
+    if (num.cmpn(1) === 0) return a.clone();
+
+    var windowSize = 4;
+    var wnd = new Array(1 << windowSize);
+    wnd[0] = new BN(1).toRed(this);
+    wnd[1] = a;
+    for (var i = 2; i < wnd.length; i++) {
+      wnd[i] = this.mul(wnd[i - 1], a);
+    }
+
+    var res = wnd[0];
+    var current = 0;
+    var currentLen = 0;
+    var start = num.bitLength() % 26;
+    if (start === 0) {
+      start = 26;
+    }
+
+    for (i = num.length - 1; i >= 0; i--) {
+      var word = num.words[i];
+      for (var j = start - 1; j >= 0; j--) {
+        var bit = (word >> j) & 1;
+        if (res !== wnd[0]) {
+          res = this.sqr(res);
+        }
+
+        if (bit === 0 && current === 0) {
+          currentLen = 0;
+          continue;
+        }
+
+        current <<= 1;
+        current |= bit;
+        currentLen++;
+        if (currentLen !== windowSize && (i !== 0 || j !== 0)) continue;
+
+        res = this.mul(res, wnd[current]);
+        currentLen = 0;
+        current = 0;
+      }
+      start = 26;
+    }
+
+    return res;
+  };
+
+  Red.prototype.convertTo = function convertTo (num) {
+    var r = num.umod(this.m);
+
+    return r === num ? r.clone() : r;
+  };
+
+  Red.prototype.convertFrom = function convertFrom (num) {
+    var res = num.clone();
+    res.red = null;
+    return res;
+  };
+
+  //
+  // Montgomery method engine
+  //
+
+  BN.mont = function mont (num) {
+    return new Mont(num);
+  };
+
+  function Mont (m) {
+    Red.call(this, m);
+
+    this.shift = this.m.bitLength();
+    if (this.shift % 26 !== 0) {
+      this.shift += 26 - (this.shift % 26);
+    }
+
+    this.r = new BN(1).iushln(this.shift);
+    this.r2 = this.imod(this.r.sqr());
+    this.rinv = this.r._invmp(this.m);
+
+    this.minv = this.rinv.mul(this.r).isubn(1).div(this.m);
+    this.minv = this.minv.umod(this.r);
+    this.minv = this.r.sub(this.minv);
+  }
+  inherits(Mont, Red);
+
+  Mont.prototype.convertTo = function convertTo (num) {
+    return this.imod(num.ushln(this.shift));
+  };
+
+  Mont.prototype.convertFrom = function convertFrom (num) {
+    var r = this.imod(num.mul(this.rinv));
+    r.red = null;
+    return r;
+  };
+
+  Mont.prototype.imul = function imul (a, b) {
+    if (a.isZero() || b.isZero()) {
+      a.words[0] = 0;
+      a.length = 1;
+      return a;
+    }
+
+    var t = a.imul(b);
+    var c = t.maskn(this.shift).mul(this.minv).imaskn(this.shift).mul(this.m);
+    var u = t.isub(c).iushrn(this.shift);
+    var res = u;
+
+    if (u.cmp(this.m) >= 0) {
+      res = u.isub(this.m);
+    } else if (u.cmpn(0) < 0) {
+      res = u.iadd(this.m);
+    }
+
+    return res._forceRed(this);
+  };
+
+  Mont.prototype.mul = function mul (a, b) {
+    if (a.isZero() || b.isZero()) return new BN(0)._forceRed(this);
+
+    var t = a.mul(b);
+    var c = t.maskn(this.shift).mul(this.minv).imaskn(this.shift).mul(this.m);
+    var u = t.isub(c).iushrn(this.shift);
+    var res = u;
+    if (u.cmp(this.m) >= 0) {
+      res = u.isub(this.m);
+    } else if (u.cmpn(0) < 0) {
+      res = u.iadd(this.m);
+    }
+
+    return res._forceRed(this);
+  };
+
+  Mont.prototype.invm = function invm (a) {
+    // (AR)^-1 * R^2 = (A^-1 * R^-1) * R^2 = A^-1 * R
+    var res = this.imod(a._invmp(this.m).mul(this.r2));
+    return res._forceRed(this);
+  };
+})(typeof module === 'undefined' || module, this);
+
+},{}],69:[function(require,module,exports){
+'use strict'
+
+module.exports = boundary
+
+function boundary (cells) {
+  var i, j, k
+  var n = cells.length
+  var sz = 0
+  for (i = 0; i < n; ++i) {
+    sz += cells[i].length
+  }
+  var result = new Array(sz)
+  var ptr = 0
+  for (i = 0; i < n; ++i) {
+    var c = cells[i]
+    var d = c.length
+    for (j = 0; j < d; ++j) {
+      var b = result[ptr++] = new Array(d - 1)
+      var p = 0
+      for (k = 0; k < d; ++k) {
+        if (k === j) {
+          continue
+        }
+        b[p++] = c[k]
+      }
+      if (j & 1) {
+        var tmp = b[1]
+        b[1] = b[0]
+        b[0] = tmp
+      }
+    }
+  }
+  return result
+}
+
+},{}],70:[function(require,module,exports){
+'use strict'
+
+module.exports = boxIntersectWrapper
+
+var pool = require('typedarray-pool')
+var sweep = require('./lib/sweep')
+var boxIntersectIter = require('./lib/intersect')
+
+function boxEmpty(d, box) {
+  for(var j=0; j<d; ++j) {
+    if(!(box[j] <= box[j+d])) {
+      return true
+    }
+  }
+  return false
+}
+
+//Unpack boxes into a flat typed array, remove empty boxes
+function convertBoxes(boxes, d, data, ids) {
+  var ptr = 0
+  var count = 0
+  for(var i=0, n=boxes.length; i<n; ++i) {
+    var b = boxes[i]
+    if(boxEmpty(d, b)) {
+      continue
+    }
+    for(var j=0; j<2*d; ++j) {
+      data[ptr++] = b[j]
+    }
+    ids[count++] = i
+  }
+  return count
+}
+
+//Perform type conversions, check bounds
+function boxIntersect(red, blue, visit, full) {
+  var n = red.length
+  var m = blue.length
+
+  //If either array is empty, then we can skip this whole thing
+  if(n <= 0 || m <= 0) {
+    return
+  }
+
+  //Compute dimension, if it is 0 then we skip
+  var d = (red[0].length)>>>1
+  if(d <= 0) {
+    return
+  }
+
+  var retval
+
+  //Convert red boxes
+  var redList  = pool.mallocDouble(2*d*n)
+  var redIds   = pool.mallocInt32(n)
+  n = convertBoxes(red, d, redList, redIds)
+
+  if(n > 0) {
+    if(d === 1 && full) {
+      //Special case: 1d complete
+      sweep.init(n)
+      retval = sweep.sweepComplete(
+        d, visit, 
+        0, n, redList, redIds,
+        0, n, redList, redIds)
+    } else {
+
+      //Convert blue boxes
+      var blueList = pool.mallocDouble(2*d*m)
+      var blueIds  = pool.mallocInt32(m)
+      m = convertBoxes(blue, d, blueList, blueIds)
+
+      if(m > 0) {
+        sweep.init(n+m)
+
+        if(d === 1) {
+          //Special case: 1d bipartite
+          retval = sweep.sweepBipartite(
+            d, visit, 
+            0, n, redList,  redIds,
+            0, m, blueList, blueIds)
+        } else {
+          //General case:  d>1
+          retval = boxIntersectIter(
+            d, visit,    full,
+            n, redList,  redIds,
+            m, blueList, blueIds)
+        }
+
+        pool.free(blueList)
+        pool.free(blueIds)
+      }
+    }
+
+    pool.free(redList)
+    pool.free(redIds)
+  }
+
+  return retval
+}
+
+
+var RESULT
+
+function appendItem(i,j) {
+  RESULT.push([i,j])
+}
+
+function intersectFullArray(x) {
+  RESULT = []
+  boxIntersect(x, x, appendItem, true)
+  return RESULT
+}
+
+function intersectBipartiteArray(x, y) {
+  RESULT = []
+  boxIntersect(x, y, appendItem, false)
+  return RESULT
+}
+
+//User-friendly wrapper, handle full input and no-visitor cases
+function boxIntersectWrapper(arg0, arg1, arg2) {
+  var result
+  switch(arguments.length) {
+    case 1:
+      return intersectFullArray(arg0)
+    case 2:
+      if(typeof arg1 === 'function') {
+        return boxIntersect(arg0, arg0, arg1, true)
+      } else {
+        return intersectBipartiteArray(arg0, arg1)
+      }
+    case 3:
+      return boxIntersect(arg0, arg1, arg2, false)
+    default:
+      throw new Error('box-intersect: Invalid arguments')
+  }
+}
+},{"./lib/intersect":72,"./lib/sweep":76,"typedarray-pool":541}],71:[function(require,module,exports){
+'use strict'
+
+var DIMENSION   = 'd'
+var AXIS        = 'ax'
+var VISIT       = 'vv'
+var FLIP        = 'fp'
+
+var ELEM_SIZE   = 'es'
+
+var RED_START   = 'rs'
+var RED_END     = 're'
+var RED_BOXES   = 'rb'
+var RED_INDEX   = 'ri'
+var RED_PTR     = 'rp'
+
+var BLUE_START  = 'bs'
+var BLUE_END    = 'be'
+var BLUE_BOXES  = 'bb'
+var BLUE_INDEX  = 'bi'
+var BLUE_PTR    = 'bp'
+
+var RETVAL      = 'rv'
+
+var INNER_LABEL = 'Q'
+
+var ARGS = [
+  DIMENSION,
+  AXIS,
+  VISIT,
+  RED_START,
+  RED_END,
+  RED_BOXES,
+  RED_INDEX,
+  BLUE_START,
+  BLUE_END,
+  BLUE_BOXES,
+  BLUE_INDEX
+]
+
+function generateBruteForce(redMajor, flip, full) {
+  var funcName = 'bruteForce' + 
+    (redMajor ? 'Red' : 'Blue') + 
+    (flip ? 'Flip' : '') +
+    (full ? 'Full' : '')
+
+  var code = ['function ', funcName, '(', ARGS.join(), '){',
+    'var ', ELEM_SIZE, '=2*', DIMENSION, ';']
+
+  var redLoop = 
+    'for(var i=' + RED_START + ',' + RED_PTR + '=' + ELEM_SIZE + '*' + RED_START + ';' +
+        'i<' + RED_END +';' +
+        '++i,' + RED_PTR + '+=' + ELEM_SIZE + '){' +
+        'var x0=' + RED_BOXES + '[' + AXIS + '+' + RED_PTR + '],' +
+            'x1=' + RED_BOXES + '[' + AXIS + '+' + RED_PTR + '+' + DIMENSION + '],' +
+            'xi=' + RED_INDEX + '[i];'
+
+  var blueLoop = 
+    'for(var j=' + BLUE_START + ',' + BLUE_PTR + '=' + ELEM_SIZE + '*' + BLUE_START + ';' +
+        'j<' + BLUE_END + ';' +
+        '++j,' + BLUE_PTR + '+=' + ELEM_SIZE + '){' +
+        'var y0=' + BLUE_BOXES + '[' + AXIS + '+' + BLUE_PTR + '],' +
+            (full ? 'y1=' + BLUE_BOXES + '[' + AXIS + '+' + BLUE_PTR + '+' + DIMENSION + '],' : '') +
+            'yi=' + BLUE_INDEX + '[j];'
+
+  if(redMajor) {
+    code.push(redLoop, INNER_LABEL, ':', blueLoop)
+  } else {
+    code.push(blueLoop, INNER_LABEL, ':', redLoop)
+  }
+
+  if(full) {
+    code.push('if(y1<x0||x1<y0)continue;')
+  } else if(flip) {
+    code.push('if(y0<=x0||x1<y0)continue;')
+  } else {
+    code.push('if(y0<x0||x1<y0)continue;')
+  }
+
+  code.push('for(var k='+AXIS+'+1;k<'+DIMENSION+';++k){'+
+    'var r0='+RED_BOXES+'[k+'+RED_PTR+'],'+
+        'r1='+RED_BOXES+'[k+'+DIMENSION+'+'+RED_PTR+'],'+
+        'b0='+BLUE_BOXES+'[k+'+BLUE_PTR+'],'+
+        'b1='+BLUE_BOXES+'[k+'+DIMENSION+'+'+BLUE_PTR+'];'+
+      'if(r1<b0||b1<r0)continue ' + INNER_LABEL + ';}' +
+      'var ' + RETVAL + '=' + VISIT + '(')
+
+  if(flip) {
+    code.push('yi,xi')
+  } else {
+    code.push('xi,yi')
+  }
+
+  code.push(');if(' + RETVAL + '!==void 0)return ' + RETVAL + ';}}}')
+
+  return {
+    name: funcName, 
+    code: code.join('')
+  }
+}
+
+function bruteForcePlanner(full) {
+  var funcName = 'bruteForce' + (full ? 'Full' : 'Partial')
+  var prefix = []
+  var fargs = ARGS.slice()
+  if(!full) {
+    fargs.splice(3, 0, FLIP)
+  }
+
+  var code = ['function ' + funcName + '(' + fargs.join() + '){']
+
+  function invoke(redMajor, flip) {
+    var res = generateBruteForce(redMajor, flip, full)
+    prefix.push(res.code)
+    code.push('return ' + res.name + '(' + ARGS.join() + ');')
+  }
+
+  code.push('if(' + RED_END + '-' + RED_START + '>' +
+                    BLUE_END + '-' + BLUE_START + '){')
+
+  if(full) {
+    invoke(true, false)
+    code.push('}else{')
+    invoke(false, false)
+  } else {
+    code.push('if(' + FLIP + '){')
+    invoke(true, true)
+    code.push('}else{')
+    invoke(true, false)
+    code.push('}}else{if(' + FLIP + '){')
+    invoke(false, true)
+    code.push('}else{')
+    invoke(false, false)
+    code.push('}')
+  }
+  code.push('}}return ' + funcName)
+
+  var codeStr = prefix.join('') + code.join('')
+  var proc = new Function(codeStr)
+  return proc()
+}
+
+
+exports.partial = bruteForcePlanner(false)
+exports.full    = bruteForcePlanner(true)
+},{}],72:[function(require,module,exports){
+'use strict'
+
+module.exports = boxIntersectIter
+
+var pool = require('typedarray-pool')
+var bits = require('bit-twiddle')
+var bruteForce = require('./brute')
+var bruteForcePartial = bruteForce.partial
+var bruteForceFull = bruteForce.full
+var sweep = require('./sweep')
+var findMedian = require('./median')
+var genPartition = require('./partition')
+
+//Twiddle parameters
+var BRUTE_FORCE_CUTOFF    = 128       //Cut off for brute force search
+var SCAN_CUTOFF           = (1<<22)   //Cut off for two way scan
+var SCAN_COMPLETE_CUTOFF  = (1<<22)  
+
+//Partition functions
+var partitionInteriorContainsInterval = genPartition(
+  '!(lo>=p0)&&!(p1>=hi)', 
+  ['p0', 'p1'])
+
+var partitionStartEqual = genPartition(
+  'lo===p0',
+  ['p0'])
+
+var partitionStartLessThan = genPartition(
+  'lo<p0',
+  ['p0'])
+
+var partitionEndLessThanEqual = genPartition(
+  'hi<=p0',
+  ['p0'])
+
+var partitionContainsPoint = genPartition(
+  'lo<=p0&&p0<=hi',
+  ['p0'])
+
+var partitionContainsPointProper = genPartition(
+  'lo<p0&&p0<=hi',
+  ['p0'])
+
+//Frame size for iterative loop
+var IFRAME_SIZE = 6
+var DFRAME_SIZE = 2
+
+//Data for box statck
+var INIT_CAPACITY = 1024
+var BOX_ISTACK  = pool.mallocInt32(INIT_CAPACITY)
+var BOX_DSTACK  = pool.mallocDouble(INIT_CAPACITY)
+
+//Initialize iterative loop queue
+function iterInit(d, count) {
+  var levels = (8 * bits.log2(count+1) * (d+1))|0
+  var maxInts = bits.nextPow2(IFRAME_SIZE*levels)
+  if(BOX_ISTACK.length < maxInts) {
+    pool.free(BOX_ISTACK)
+    BOX_ISTACK = pool.mallocInt32(maxInts)
+  }
+  var maxDoubles = bits.nextPow2(DFRAME_SIZE*levels)
+  if(BOX_DSTACK < maxDoubles) {
+    pool.free(BOX_DSTACK)
+    BOX_DSTACK = pool.mallocDouble(maxDoubles)
+  }
+}
+
+//Append item to queue
+function iterPush(ptr,
+  axis, 
+  redStart, redEnd, 
+  blueStart, blueEnd, 
+  state, 
+  lo, hi) {
+
+  var iptr = IFRAME_SIZE * ptr
+  BOX_ISTACK[iptr]   = axis
+  BOX_ISTACK[iptr+1] = redStart
+  BOX_ISTACK[iptr+2] = redEnd
+  BOX_ISTACK[iptr+3] = blueStart
+  BOX_ISTACK[iptr+4] = blueEnd
+  BOX_ISTACK[iptr+5] = state
+
+  var dptr = DFRAME_SIZE * ptr
+  BOX_DSTACK[dptr]   = lo
+  BOX_DSTACK[dptr+1] = hi
+}
+
+//Special case:  Intersect single point with list of intervals
+function onePointPartial(
+  d, axis, visit, flip,
+  redStart, redEnd, red, redIndex,
+  blueOffset, blue, blueId) {
+
+  var elemSize = 2 * d
+  var bluePtr  = blueOffset * elemSize
+  var blueX    = blue[bluePtr + axis]
+
+red_loop:
+  for(var i=redStart, redPtr=redStart*elemSize; i<redEnd; ++i, redPtr+=elemSize) {
+    var r0 = red[redPtr+axis]
+    var r1 = red[redPtr+axis+d]
+    if(blueX < r0 || r1 < blueX) {
+      continue
+    }
+    if(flip && blueX === r0) {
+      continue
+    }
+    var redId = redIndex[i]
+    for(var j=axis+1; j<d; ++j) {
+      var r0 = red[redPtr+j]
+      var r1 = red[redPtr+j+d]
+      var b0 = blue[bluePtr+j]
+      var b1 = blue[bluePtr+j+d]
+      if(r1 < b0 || b1 < r0) {
+        continue red_loop
+      }
+    }
+    var retval
+    if(flip) {
+      retval = visit(blueId, redId)
+    } else {
+      retval = visit(redId, blueId)
+    }
+    if(retval !== void 0) {
+      return retval
+    }
+  }
+}
+
+//Special case:  Intersect one point with list of intervals
+function onePointFull(
+  d, axis, visit,
+  redStart, redEnd, red, redIndex,
+  blueOffset, blue, blueId) {
+
+  var elemSize = 2 * d
+  var bluePtr  = blueOffset * elemSize
+  var blueX    = blue[bluePtr + axis]
+
+red_loop:
+  for(var i=redStart, redPtr=redStart*elemSize; i<redEnd; ++i, redPtr+=elemSize) {
+    var redId = redIndex[i]
+    if(redId === blueId) {
+      continue
+    }
+    var r0 = red[redPtr+axis]
+    var r1 = red[redPtr+axis+d]
+    if(blueX < r0 || r1 < blueX) {
+      continue
+    }
+    for(var j=axis+1; j<d; ++j) {
+      var r0 = red[redPtr+j]
+      var r1 = red[redPtr+j+d]
+      var b0 = blue[bluePtr+j]
+      var b1 = blue[bluePtr+j+d]
+      if(r1 < b0 || b1 < r0) {
+        continue red_loop
+      }
+    }
+    var retval = visit(redId, blueId)
+    if(retval !== void 0) {
+      return retval
+    }
+  }
+}
+
+//The main box intersection routine
+function boxIntersectIter(
+  d, visit, initFull,
+  xSize, xBoxes, xIndex,
+  ySize, yBoxes, yIndex) {
+
+  //Reserve memory for stack
+  iterInit(d, xSize + ySize)
+
+  var top  = 0
+  var elemSize = 2 * d
+  var retval
+
+  iterPush(top++,
+      0,
+      0, xSize,
+      0, ySize,
+      initFull ? 16 : 0, 
+      -Infinity, Infinity)
+  if(!initFull) {
+    iterPush(top++,
+      0,
+      0, ySize,
+      0, xSize,
+      1, 
+      -Infinity, Infinity)
+  }
+
+  while(top > 0) {
+    top  -= 1
+
+    var iptr = top * IFRAME_SIZE
+    var axis      = BOX_ISTACK[iptr]
+    var redStart  = BOX_ISTACK[iptr+1]
+    var redEnd    = BOX_ISTACK[iptr+2]
+    var blueStart = BOX_ISTACK[iptr+3]
+    var blueEnd   = BOX_ISTACK[iptr+4]
+    var state     = BOX_ISTACK[iptr+5]
+
+    var dptr = top * DFRAME_SIZE
+    var lo        = BOX_DSTACK[dptr]
+    var hi        = BOX_DSTACK[dptr+1]
+
+    //Unpack state info
+    var flip      = (state & 1)
+    var full      = !!(state & 16)
+
+    //Unpack indices
+    var red       = xBoxes
+    var redIndex  = xIndex
+    var blue      = yBoxes
+    var blueIndex = yIndex
+    if(flip) {
+      red         = yBoxes
+      redIndex    = yIndex
+      blue        = xBoxes
+      blueIndex   = xIndex
+    }
+
+    if(state & 2) {
+      redEnd = partitionStartLessThan(
+        d, axis,
+        redStart, redEnd, red, redIndex,
+        hi)
+      if(redStart >= redEnd) {
+        continue
+      }
+    }
+    if(state & 4) {
+      redStart = partitionEndLessThanEqual(
+        d, axis,
+        redStart, redEnd, red, redIndex,
+        lo)
+      if(redStart >= redEnd) {
+        continue
+      }
+    }
+    
+    var redCount  = redEnd  - redStart
+    var blueCount = blueEnd - blueStart
+
+    if(full) {
+      if(d * redCount * (redCount + blueCount) < SCAN_COMPLETE_CUTOFF) {
+        retval = sweep.scanComplete(
+          d, axis, visit, 
+          redStart, redEnd, red, redIndex,
+          blueStart, blueEnd, blue, blueIndex)
+        if(retval !== void 0) {
+          return retval
+        }
+        continue
+      }
+    } else {
+      if(d * Math.min(redCount, blueCount) < BRUTE_FORCE_CUTOFF) {
+        //If input small, then use brute force
+        retval = bruteForcePartial(
+            d, axis, visit, flip,
+            redStart,  redEnd,  red,  redIndex,
+            blueStart, blueEnd, blue, blueIndex)
+        if(retval !== void 0) {
+          return retval
+        }
+        continue
+      } else if(d * redCount * blueCount < SCAN_CUTOFF) {
+        //If input medium sized, then use sweep and prune
+        retval = sweep.scanBipartite(
+          d, axis, visit, flip, 
+          redStart, redEnd, red, redIndex,
+          blueStart, blueEnd, blue, blueIndex)
+        if(retval !== void 0) {
+          return retval
+        }
+        continue
+      }
+    }
+    
+    //First, find all red intervals whose interior contains (lo,hi)
+    var red0 = partitionInteriorContainsInterval(
+      d, axis, 
+      redStart, redEnd, red, redIndex,
+      lo, hi)
+
+    //Lower dimensional case
+    if(redStart < red0) {
+
+      if(d * (red0 - redStart) < BRUTE_FORCE_CUTOFF) {
+        //Special case for small inputs: use brute force
+        retval = bruteForceFull(
+          d, axis+1, visit,
+          redStart, red0, red, redIndex,
+          blueStart, blueEnd, blue, blueIndex)
+        if(retval !== void 0) {
+          return retval
+        }
+      } else if(axis === d-2) {
+        if(flip) {
+          retval = sweep.sweepBipartite(
+            d, visit,
+            blueStart, blueEnd, blue, blueIndex,
+            redStart, red0, red, redIndex)
+        } else {
+          retval = sweep.sweepBipartite(
+            d, visit,
+            redStart, red0, red, redIndex,
+            blueStart, blueEnd, blue, blueIndex)
+        }
+        if(retval !== void 0) {
+          return retval
+        }
+      } else {
+        iterPush(top++,
+          axis+1,
+          redStart, red0,
+          blueStart, blueEnd,
+          flip,
+          -Infinity, Infinity)
+        iterPush(top++,
+          axis+1,
+          blueStart, blueEnd,
+          redStart, red0,
+          flip^1,
+          -Infinity, Infinity)
+      }
+    }
+
+    //Divide and conquer phase
+    if(red0 < redEnd) {
+
+      //Cut blue into 3 parts:
+      //
+      //  Points < mid point
+      //  Points = mid point
+      //  Points > mid point
+      //
+      var blue0 = findMedian(
+        d, axis, 
+        blueStart, blueEnd, blue, blueIndex)
+      var mid = blue[elemSize * blue0 + axis]
+      var blue1 = partitionStartEqual(
+        d, axis,
+        blue0, blueEnd, blue, blueIndex,
+        mid)
+
+      //Right case
+      if(blue1 < blueEnd) {
+        iterPush(top++,
+          axis,
+          red0, redEnd,
+          blue1, blueEnd,
+          (flip|4) + (full ? 16 : 0),
+          mid, hi)
+      }
+
+      //Left case
+      if(blueStart < blue0) {
+        iterPush(top++,
+          axis,
+          red0, redEnd,
+          blueStart, blue0,
+          (flip|2) + (full ? 16 : 0),
+          lo, mid)
+      }
+
+      //Center case (the hard part)
+      if(blue0 + 1 === blue1) {
+        //Optimization: Range with exactly 1 point, use a brute force scan
+        if(full) {
+          retval = onePointFull(
+            d, axis, visit,
+            red0, redEnd, red, redIndex,
+            blue0, blue, blueIndex[blue0])
+        } else {
+          retval = onePointPartial(
+            d, axis, visit, flip,
+            red0, redEnd, red, redIndex,
+            blue0, blue, blueIndex[blue0])
+        }
+        if(retval !== void 0) {
+          return retval
+        }
+      } else if(blue0 < blue1) {
+        var red1
+        if(full) {
+          //If full intersection, need to handle special case
+          red1 = partitionContainsPoint(
+            d, axis,
+            red0, redEnd, red, redIndex,
+            mid)
+          if(red0 < red1) {
+            var redX = partitionStartEqual(
+              d, axis,
+              red0, red1, red, redIndex,
+              mid)
+            if(axis === d-2) {
+              //Degenerate sweep intersection:
+              //  [red0, redX] with [blue0, blue1]
+              if(red0 < redX) {
+                retval = sweep.sweepComplete(
+                  d, visit,
+                  red0, redX, red, redIndex,
+                  blue0, blue1, blue, blueIndex)
+                if(retval !== void 0) {
+                  return retval
+                }
+              }
+
+              //Normal sweep intersection:
+              //  [redX, red1] with [blue0, blue1]
+              if(redX < red1) {
+                retval = sweep.sweepBipartite(
+                  d, visit,
+                  redX, red1, red, redIndex,
+                  blue0, blue1, blue, blueIndex)
+                if(retval !== void 0) {
+                  return retval
+                }
+              }
+            } else {
+              if(red0 < redX) {
+                iterPush(top++,
+                  axis+1,
+                  red0, redX,
+                  blue0, blue1,
+                  16,
+                  -Infinity, Infinity)
+              }
+              if(redX < red1) {
+                iterPush(top++,
+                  axis+1,
+                  redX, red1,
+                  blue0, blue1,
+                  0,
+                  -Infinity, Infinity)
+                iterPush(top++,
+                  axis+1,
+                  blue0, blue1,
+                  redX, red1,
+                  1,
+                  -Infinity, Infinity)
+              }
+            }
+          }
+        } else {
+          if(flip) {
+            red1 = partitionContainsPointProper(
+              d, axis,
+              red0, redEnd, red, redIndex,
+              mid)
+          } else {
+            red1 = partitionContainsPoint(
+              d, axis,
+              red0, redEnd, red, redIndex,
+              mid)
+          }
+          if(red0 < red1) {
+            if(axis === d-2) {
+              if(flip) {
+                retval = sweep.sweepBipartite(
+                  d, visit,
+                  blue0, blue1, blue, blueIndex,
+                  red0, red1, red, redIndex)
+              } else {
+                retval = sweep.sweepBipartite(
+                  d, visit,
+                  red0, red1, red, redIndex,
+                  blue0, blue1, blue, blueIndex)
+              }
+            } else {
+              iterPush(top++,
+                axis+1,
+                red0, red1,
+                blue0, blue1,
+                flip,
+                -Infinity, Infinity)
+              iterPush(top++,
+                axis+1,
+                blue0, blue1,
+                red0, red1,
+                flip^1,
+                -Infinity, Infinity)
+            }
+          }
+        }
+      }
+    }
+  }
+}
+},{"./brute":71,"./median":73,"./partition":74,"./sweep":76,"bit-twiddle":67,"typedarray-pool":541}],73:[function(require,module,exports){
+'use strict'
+
+module.exports = findMedian
+
+var genPartition = require('./partition')
+
+var partitionStartLessThan = genPartition('lo<p0', ['p0'])
+
+var PARTITION_THRESHOLD = 8   //Cut off for using insertion sort in findMedian
+
+//Base case for median finding:  Use insertion sort
+function insertionSort(d, axis, start, end, boxes, ids) {
+  var elemSize = 2 * d
+  var boxPtr = elemSize * (start+1) + axis
+  for(var i=start+1; i<end; ++i, boxPtr+=elemSize) {
+    var x = boxes[boxPtr]
+    for(var j=i, ptr=elemSize*(i-1); 
+        j>start && boxes[ptr+axis] > x; 
+        --j, ptr-=elemSize) {
+      //Swap
+      var aPtr = ptr
+      var bPtr = ptr+elemSize
+      for(var k=0; k<elemSize; ++k, ++aPtr, ++bPtr) {
+        var y = boxes[aPtr]
+        boxes[aPtr] = boxes[bPtr]
+        boxes[bPtr] = y
+      }
+      var tmp = ids[j]
+      ids[j] = ids[j-1]
+      ids[j-1] = tmp
+    }
+  }
+}
+
+//Find median using quick select algorithm
+//  takes O(n) time with high probability
+function findMedian(d, axis, start, end, boxes, ids) {
+  if(end <= start+1) {
+    return start
+  }
+
+  var lo       = start
+  var hi       = end
+  var mid      = ((end + start) >>> 1)
+  var elemSize = 2*d
+  var pivot    = mid
+  var value    = boxes[elemSize*mid+axis]
+  
+  while(lo < hi) {
+    if(hi - lo < PARTITION_THRESHOLD) {
+      insertionSort(d, axis, lo, hi, boxes, ids)
+      value = boxes[elemSize*mid+axis]
+      break
+    }
+    
+    //Select pivot using median-of-3
+    var count  = hi - lo
+    var pivot0 = (Math.random()*count+lo)|0
+    var value0 = boxes[elemSize*pivot0 + axis]
+    var pivot1 = (Math.random()*count+lo)|0
+    var value1 = boxes[elemSize*pivot1 + axis]
+    var pivot2 = (Math.random()*count+lo)|0
+    var value2 = boxes[elemSize*pivot2 + axis]
+    if(value0 <= value1) {
+      if(value2 >= value1) {
+        pivot = pivot1
+        value = value1
+      } else if(value0 >= value2) {
+        pivot = pivot0
+        value = value0
+      } else {
+        pivot = pivot2
+        value = value2
+      }
+    } else {
+      if(value1 >= value2) {
+        pivot = pivot1
+        value = value1
+      } else if(value2 >= value0) {
+        pivot = pivot0
+        value = value0
+      } else {
+        pivot = pivot2
+        value = value2
+      }
+    }
+
+    //Swap pivot to end of array
+    var aPtr = elemSize * (hi-1)
+    var bPtr = elemSize * pivot
+    for(var i=0; i<elemSize; ++i, ++aPtr, ++bPtr) {
+      var x = boxes[aPtr]
+      boxes[aPtr] = boxes[bPtr]
+      boxes[bPtr] = x
+    }
+    var y = ids[hi-1]
+    ids[hi-1] = ids[pivot]
+    ids[pivot] = y
+
+    //Partition using pivot
+    pivot = partitionStartLessThan(
+      d, axis, 
+      lo, hi-1, boxes, ids,
+      value)
+
+    //Swap pivot back
+    var aPtr = elemSize * (hi-1)
+    var bPtr = elemSize * pivot
+    for(var i=0; i<elemSize; ++i, ++aPtr, ++bPtr) {
+      var x = boxes[aPtr]
+      boxes[aPtr] = boxes[bPtr]
+      boxes[bPtr] = x
+    }
+    var y = ids[hi-1]
+    ids[hi-1] = ids[pivot]
+    ids[pivot] = y
+
+    //Swap pivot to last pivot
+    if(mid < pivot) {
+      hi = pivot-1
+      while(lo < hi && 
+        boxes[elemSize*(hi-1)+axis] === value) {
+        hi -= 1
+      }
+      hi += 1
+    } else if(pivot < mid) {
+      lo = pivot + 1
+      while(lo < hi &&
+        boxes[elemSize*lo+axis] === value) {
+        lo += 1
+      }
+    } else {
+      break
+    }
+  }
+
+  //Make sure pivot is at start
+  return partitionStartLessThan(
+    d, axis, 
+    start, mid, boxes, ids,
+    boxes[elemSize*mid+axis])
+}
+},{"./partition":74}],74:[function(require,module,exports){
+'use strict'
+
+module.exports = genPartition
+
+var code = 'for(var j=2*a,k=j*c,l=k,m=c,n=b,o=a+b,p=c;d>p;++p,k+=j){var _;if($)if(m===p)m+=1,l+=j;else{for(var s=0;j>s;++s){var t=e[k+s];e[k+s]=e[l],e[l++]=t}var u=f[p];f[p]=f[m],f[m++]=u}}return m'
+
+function genPartition(predicate, args) {
+  var fargs ='abcdef'.split('').concat(args)
+  var reads = []
+  if(predicate.indexOf('lo') >= 0) {
+    reads.push('lo=e[k+n]')
+  }
+  if(predicate.indexOf('hi') >= 0) {
+    reads.push('hi=e[k+o]')
+  }
+  fargs.push(
+    code.replace('_', reads.join())
+        .replace('$', predicate))
+  return Function.apply(void 0, fargs)
+}
+},{}],75:[function(require,module,exports){
+'use strict';
+
+//This code is extracted from ndarray-sort
+//It is inlined here as a temporary workaround
+
+module.exports = wrapper;
+
+var INSERT_SORT_CUTOFF = 32
+
+function wrapper(data, n0) {
+  if (n0 <= 4*INSERT_SORT_CUTOFF) {
+    insertionSort(0, n0 - 1, data);
+  } else {
+    quickSort(0, n0 - 1, data);
+  }
+}
+
+function insertionSort(left, right, data) {
+  var ptr = 2*(left+1)
+  for(var i=left+1; i<=right; ++i) {
+    var a = data[ptr++]
+    var b = data[ptr++]
+    var j = i
+    var jptr = ptr-2
+    while(j-- > left) {
+      var x = data[jptr-2]
+      var y = data[jptr-1]
+      if(x < a) {
+        break
+      } else if(x === a && y < b) {
+        break
+      }
+      data[jptr]   = x
+      data[jptr+1] = y
+      jptr -= 2
+    }
+    data[jptr]   = a
+    data[jptr+1] = b
+  }
+}
+
+function swap(i, j, data) {
+  i *= 2
+  j *= 2
+  var x = data[i]
+  var y = data[i+1]
+  data[i] = data[j]
+  data[i+1] = data[j+1]
+  data[j] = x
+  data[j+1] = y
+}
+
+function move(i, j, data) {
+  i *= 2
+  j *= 2
+  data[i] = data[j]
+  data[i+1] = data[j+1]
+}
+
+function rotate(i, j, k, data) {
+  i *= 2
+  j *= 2
+  k *= 2
+  var x = data[i]
+  var y = data[i+1]
+  data[i] = data[j]
+  data[i+1] = data[j+1]
+  data[j] = data[k]
+  data[j+1] = data[k+1]
+  data[k] = x
+  data[k+1] = y
+}
+
+function shufflePivot(i, j, px, py, data) {
+  i *= 2
+  j *= 2
+  data[i] = data[j]
+  data[j] = px
+  data[i+1] = data[j+1]
+  data[j+1] = py
+}
+
+function compare(i, j, data) {
+  i *= 2
+  j *= 2
+  var x = data[i],
+      y = data[j]
+  if(x < y) {
+    return false
+  } else if(x === y) {
+    return data[i+1] > data[j+1]
+  }
+  return true
+}
+
+function comparePivot(i, y, b, data) {
+  i *= 2
+  var x = data[i]
+  if(x < y) {
+    return true
+  } else if(x === y) {
+    return data[i+1] < b
+  }
+  return false
+}
+
+function quickSort(left, right, data) {
+  var sixth = (right - left + 1) / 6 | 0, 
+      index1 = left + sixth, 
+      index5 = right - sixth, 
+      index3 = left + right >> 1, 
+      index2 = index3 - sixth, 
+      index4 = index3 + sixth, 
+      el1 = index1, 
+      el2 = index2, 
+      el3 = index3, 
+      el4 = index4, 
+      el5 = index5, 
+      less = left + 1, 
+      great = right - 1, 
+      tmp = 0
+  if(compare(el1, el2, data)) {
+    tmp = el1
+    el1 = el2
+    el2 = tmp
+  }
+  if(compare(el4, el5, data)) {
+    tmp = el4
+    el4 = el5
+    el5 = tmp
+  }
+  if(compare(el1, el3, data)) {
+    tmp = el1
+    el1 = el3
+    el3 = tmp
+  }
+  if(compare(el2, el3, data)) {
+    tmp = el2
+    el2 = el3
+    el3 = tmp
+  }
+  if(compare(el1, el4, data)) {
+    tmp = el1
+    el1 = el4
+    el4 = tmp
+  }
+  if(compare(el3, el4, data)) {
+    tmp = el3
+    el3 = el4
+    el4 = tmp
+  }
+  if(compare(el2, el5, data)) {
+    tmp = el2
+    el2 = el5
+    el5 = tmp
+  }
+  if(compare(el2, el3, data)) {
+    tmp = el2
+    el2 = el3
+    el3 = tmp
+  }
+  if(compare(el4, el5, data)) {
+    tmp = el4
+    el4 = el5
+    el5 = tmp
+  }
+
+  var pivot1X = data[2*el2]
+  var pivot1Y = data[2*el2+1]
+  var pivot2X = data[2*el4]
+  var pivot2Y = data[2*el4+1]
+
+  var ptr0 = 2 * el1;
+  var ptr2 = 2 * el3;
+  var ptr4 = 2 * el5;
+  var ptr5 = 2 * index1;
+  var ptr6 = 2 * index3;
+  var ptr7 = 2 * index5;
+  for (var i1 = 0; i1 < 2; ++i1) {
+    var x = data[ptr0+i1];
+    var y = data[ptr2+i1];
+    var z = data[ptr4+i1];
+    data[ptr5+i1] = x;
+    data[ptr6+i1] = y;
+    data[ptr7+i1] = z;
+  }
+
+  move(index2, left, data)
+  move(index4, right, data)
+  for (var k = less; k <= great; ++k) {
+    if (comparePivot(k, pivot1X, pivot1Y, data)) {
+      if (k !== less) {
+        swap(k, less, data)
+      }
+      ++less;
+    } else {
+      if (!comparePivot(k, pivot2X, pivot2Y, data)) {
+        while (true) {
+          if (!comparePivot(great, pivot2X, pivot2Y, data)) {
+            if (--great < k) {
+              break;
+            }
+            continue;
+          } else {
+            if (comparePivot(great, pivot1X, pivot1Y, data)) {
+              rotate(k, less, great, data)
+              ++less;
+              --great;
+            } else {
+              swap(k, great, data)
+              --great;
+            }
+            break;
+          }
+        }
+      }
+    }
+  }
+  shufflePivot(left, less-1, pivot1X, pivot1Y, data)
+  shufflePivot(right, great+1, pivot2X, pivot2Y, data)
+  if (less - 2 - left <= INSERT_SORT_CUTOFF) {
+    insertionSort(left, less - 2, data);
+  } else {
+    quickSort(left, less - 2, data);
+  }
+  if (right - (great + 2) <= INSERT_SORT_CUTOFF) {
+    insertionSort(great + 2, right, data);
+  } else {
+    quickSort(great + 2, right, data);
+  }
+  if (great - less <= INSERT_SORT_CUTOFF) {
+    insertionSort(less, great, data);
+  } else {
+    quickSort(less, great, data);
+  }
+}
+},{}],76:[function(require,module,exports){
+'use strict'
+
+module.exports = {
+  init:           sqInit,
+  sweepBipartite: sweepBipartite,
+  sweepComplete:  sweepComplete,
+  scanBipartite:  scanBipartite,
+  scanComplete:   scanComplete
+}
+
+var pool  = require('typedarray-pool')
+var bits  = require('bit-twiddle')
+var isort = require('./sort')
+
+//Flag for blue
+var BLUE_FLAG = (1<<28)
+
+//1D sweep event queue stuff (use pool to save space)
+var INIT_CAPACITY      = 1024
+var RED_SWEEP_QUEUE    = pool.mallocInt32(INIT_CAPACITY)
+var RED_SWEEP_INDEX    = pool.mallocInt32(INIT_CAPACITY)
+var BLUE_SWEEP_QUEUE   = pool.mallocInt32(INIT_CAPACITY)
+var BLUE_SWEEP_INDEX   = pool.mallocInt32(INIT_CAPACITY)
+var COMMON_SWEEP_QUEUE = pool.mallocInt32(INIT_CAPACITY)
+var COMMON_SWEEP_INDEX = pool.mallocInt32(INIT_CAPACITY)
+var SWEEP_EVENTS       = pool.mallocDouble(INIT_CAPACITY * 8)
+
+//Reserves memory for the 1D sweep data structures
+function sqInit(count) {
+  var rcount = bits.nextPow2(count)
+  if(RED_SWEEP_QUEUE.length < rcount) {
+    pool.free(RED_SWEEP_QUEUE)
+    RED_SWEEP_QUEUE = pool.mallocInt32(rcount)
+  }
+  if(RED_SWEEP_INDEX.length < rcount) {
+    pool.free(RED_SWEEP_INDEX)
+    RED_SWEEP_INDEX = pool.mallocInt32(rcount)
+  }
+  if(BLUE_SWEEP_QUEUE.length < rcount) {
+    pool.free(BLUE_SWEEP_QUEUE)
+    BLUE_SWEEP_QUEUE = pool.mallocInt32(rcount)
+  }
+  if(BLUE_SWEEP_INDEX.length < rcount) {
+    pool.free(BLUE_SWEEP_INDEX)
+    BLUE_SWEEP_INDEX = pool.mallocInt32(rcount)
+  }
+  if(COMMON_SWEEP_QUEUE.length < rcount) {
+    pool.free(COMMON_SWEEP_QUEUE)
+    COMMON_SWEEP_QUEUE = pool.mallocInt32(rcount)
+  }
+  if(COMMON_SWEEP_INDEX.length < rcount) {
+    pool.free(COMMON_SWEEP_INDEX)
+    COMMON_SWEEP_INDEX = pool.mallocInt32(rcount)
+  }
+  var eventLength = 8 * rcount
+  if(SWEEP_EVENTS.length < eventLength) {
+    pool.free(SWEEP_EVENTS)
+    SWEEP_EVENTS = pool.mallocDouble(eventLength)
+  }
+}
+
+//Remove an item from the active queue in O(1)
+function sqPop(queue, index, count, item) {
+  var idx = index[item]
+  var top = queue[count-1]
+  queue[idx] = top
+  index[top] = idx
+}
+
+//Insert an item into the active queue in O(1)
+function sqPush(queue, index, count, item) {
+  queue[count] = item
+  index[item]  = count
+}
+
+//Recursion base case: use 1D sweep algorithm
+function sweepBipartite(
+    d, visit,
+    redStart,  redEnd, red, redIndex,
+    blueStart, blueEnd, blue, blueIndex) {
+
+  //store events as pairs [coordinate, idx]
+  //
+  //  red create:  -(idx+1)
+  //  red destroy: idx
+  //  blue create: -(idx+BLUE_FLAG)
+  //  blue destroy: idx+BLUE_FLAG
+  //
+  var ptr      = 0
+  var elemSize = 2*d
+  var istart   = d-1
+  var iend     = elemSize-1
+
+  for(var i=redStart; i<redEnd; ++i) {
+    var idx = redIndex[i]
+    var redOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = red[redOffset+istart]
+    SWEEP_EVENTS[ptr++] = -(idx+1)
+    SWEEP_EVENTS[ptr++] = red[redOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx
+  }
+
+  for(var i=blueStart; i<blueEnd; ++i) {
+    var idx = blueIndex[i]+BLUE_FLAG
+    var blueOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx
+  }
+
+  //process events from left->right
+  var n = ptr >>> 1
+  isort(SWEEP_EVENTS, n)
+  
+  var redActive  = 0
+  var blueActive = 0
+  for(var i=0; i<n; ++i) {
+    var e = SWEEP_EVENTS[2*i+1]|0
+    if(e >= BLUE_FLAG) {
+      //blue destroy event
+      e = (e-BLUE_FLAG)|0
+      sqPop(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive--, e)
+    } else if(e >= 0) {
+      //red destroy event
+      sqPop(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive--, e)
+    } else if(e <= -BLUE_FLAG) {
+      //blue create event
+      e = (-e-BLUE_FLAG)|0
+      for(var j=0; j<redActive; ++j) {
+        var retval = visit(RED_SWEEP_QUEUE[j], e)
+        if(retval !== void 0) {
+          return retval
+        }
+      }
+      sqPush(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive++, e)
+    } else {
+      //red create event
+      e = (-e-1)|0
+      for(var j=0; j<blueActive; ++j) {
+        var retval = visit(e, BLUE_SWEEP_QUEUE[j])
+        if(retval !== void 0) {
+          return retval
+        }
+      }
+      sqPush(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive++, e)
+    }
+  }
+}
+
+//Complete sweep
+function sweepComplete(d, visit, 
+  redStart, redEnd, red, redIndex,
+  blueStart, blueEnd, blue, blueIndex) {
+
+  var ptr      = 0
+  var elemSize = 2*d
+  var istart   = d-1
+  var iend     = elemSize-1
+
+  for(var i=redStart; i<redEnd; ++i) {
+    var idx = (redIndex[i]+1)<<1
+    var redOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = red[redOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+    SWEEP_EVENTS[ptr++] = red[redOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx
+  }
+
+  for(var i=blueStart; i<blueEnd; ++i) {
+    var idx = (blueIndex[i]+1)<<1
+    var blueOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+istart]
+    SWEEP_EVENTS[ptr++] = (-idx)|1
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx|1
+  }
+
+  //process events from left->right
+  var n = ptr >>> 1
+  isort(SWEEP_EVENTS, n)
+  
+  var redActive    = 0
+  var blueActive   = 0
+  var commonActive = 0
+  for(var i=0; i<n; ++i) {
+    var e     = SWEEP_EVENTS[2*i+1]|0
+    var color = e&1
+    if(i < n-1 && (e>>1) === (SWEEP_EVENTS[2*i+3]>>1)) {
+      color = 2
+      i += 1
+    }
+    
+    if(e < 0) {
+      //Create event
+      var id = -(e>>1) - 1
+
+      //Intersect with common
+      for(var j=0; j<commonActive; ++j) {
+        var retval = visit(COMMON_SWEEP_QUEUE[j], id)
+        if(retval !== void 0) {
+          return retval
+        }
+      }
+
+      if(color !== 0) {
+        //Intersect with red
+        for(var j=0; j<redActive; ++j) {
+          var retval = visit(RED_SWEEP_QUEUE[j], id)
+          if(retval !== void 0) {
+            return retval
+          }
+        }
+      }
+
+      if(color !== 1) {
+        //Intersect with blue
+        for(var j=0; j<blueActive; ++j) {
+          var retval = visit(BLUE_SWEEP_QUEUE[j], id)
+          if(retval !== void 0) {
+            return retval
+          }
+        }
+      }
+
+      if(color === 0) {
+        //Red
+        sqPush(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive++, id)
+      } else if(color === 1) {
+        //Blue
+        sqPush(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive++, id)
+      } else if(color === 2) {
+        //Both
+        sqPush(COMMON_SWEEP_QUEUE, COMMON_SWEEP_INDEX, commonActive++, id)
+      }
+    } else {
+      //Destroy event
+      var id = (e>>1) - 1
+      if(color === 0) {
+        //Red
+        sqPop(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive--, id)
+      } else if(color === 1) {
+        //Blue
+        sqPop(BLUE_SWEEP_QUEUE, BLUE_SWEEP_INDEX, blueActive--, id)
+      } else if(color === 2) {
+        //Both
+        sqPop(COMMON_SWEEP_QUEUE, COMMON_SWEEP_INDEX, commonActive--, id)
+      }
+    }
+  }
+}
+
+//Sweep and prune/scanline algorithm:
+//  Scan along axis, detect intersections
+//  Brute force all boxes along axis
+function scanBipartite(
+  d, axis, visit, flip,
+  redStart,  redEnd, red, redIndex,
+  blueStart, blueEnd, blue, blueIndex) {
+  
+  var ptr      = 0
+  var elemSize = 2*d
+  var istart   = axis
+  var iend     = axis+d
+
+  var redShift  = 1
+  var blueShift = 1
+  if(flip) {
+    blueShift = BLUE_FLAG
+  } else {
+    redShift  = BLUE_FLAG
+  }
+
+  for(var i=redStart; i<redEnd; ++i) {
+    var idx = i + redShift
+    var redOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = red[redOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+    SWEEP_EVENTS[ptr++] = red[redOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx
+  }
+  for(var i=blueStart; i<blueEnd; ++i) {
+    var idx = i + blueShift
+    var blueOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+  }
+
+  //process events from left->right
+  var n = ptr >>> 1
+  isort(SWEEP_EVENTS, n)
+  
+  var redActive    = 0
+  for(var i=0; i<n; ++i) {
+    var e = SWEEP_EVENTS[2*i+1]|0
+    if(e < 0) {
+      var idx   = -e
+      var isRed = false
+      if(idx >= BLUE_FLAG) {
+        isRed = !flip
+        idx -= BLUE_FLAG 
+      } else {
+        isRed = !!flip
+        idx -= 1
+      }
+      if(isRed) {
+        sqPush(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive++, idx)
+      } else {
+        var blueId  = blueIndex[idx]
+        var bluePtr = elemSize * idx
+        
+        var b0 = blue[bluePtr+axis+1]
+        var b1 = blue[bluePtr+axis+1+d]
+
+red_loop:
+        for(var j=0; j<redActive; ++j) {
+          var oidx   = RED_SWEEP_QUEUE[j]
+          var redPtr = elemSize * oidx
+
+          if(b1 < red[redPtr+axis+1] || 
+             red[redPtr+axis+1+d] < b0) {
+            continue
+          }
+
+          for(var k=axis+2; k<d; ++k) {
+            if(blue[bluePtr + k + d] < red[redPtr + k] || 
+               red[redPtr + k + d] < blue[bluePtr + k]) {
+              continue red_loop
+            }
+          }
+
+          var redId  = redIndex[oidx]
+          var retval
+          if(flip) {
+            retval = visit(blueId, redId)
+          } else {
+            retval = visit(redId, blueId)
+          }
+          if(retval !== void 0) {
+            return retval 
+          }
+        }
+      }
+    } else {
+      sqPop(RED_SWEEP_QUEUE, RED_SWEEP_INDEX, redActive--, e - redShift)
+    }
+  }
+}
+
+function scanComplete(
+  d, axis, visit,
+  redStart,  redEnd, red, redIndex,
+  blueStart, blueEnd, blue, blueIndex) {
+
+  var ptr      = 0
+  var elemSize = 2*d
+  var istart   = axis
+  var iend     = axis+d
+
+  for(var i=redStart; i<redEnd; ++i) {
+    var idx = i + BLUE_FLAG
+    var redOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = red[redOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+    SWEEP_EVENTS[ptr++] = red[redOffset+iend]
+    SWEEP_EVENTS[ptr++] = idx
+  }
+  for(var i=blueStart; i<blueEnd; ++i) {
+    var idx = i + 1
+    var blueOffset = elemSize*i
+    SWEEP_EVENTS[ptr++] = blue[blueOffset+istart]
+    SWEEP_EVENTS[ptr++] = -idx
+  }
+
+  //process events from left->right
+  var n = ptr >>> 1
+  isort(SWEEP_EVENTS, n)
+  
+  var redActive    = 0
+  for(var i=0; i<n; ++i) {
+    var e = SWEEP_EVENTS[2*i+1]|0
+    if(e < 0) {
+      var idx   = -e
+      if(idx >= BLUE_FLAG) {
+        RED_SWEEP_QUEUE[redActive++] = idx - BLUE_FLAG
+      } else {
+        idx -= 1
+        var blueId  = blueIndex[idx]
+        var bluePtr = elemSize * idx
+
+        var b0 = blue[bluePtr+axis+1]
+        var b1 = blue[bluePtr+axis+1+d]
+
+red_loop:
+        for(var j=0; j<redActive; ++j) {
+          var oidx   = RED_SWEEP_QUEUE[j]
+          var redId  = redIndex[oidx]
+
+          if(redId === blueId) {
+            break
+          }
+
+          var redPtr = elemSize * oidx
+          if(b1 < red[redPtr+axis+1] || 
+            red[redPtr+axis+1+d] < b0) {
+            continue
+          }
+          for(var k=axis+2; k<d; ++k) {
+            if(blue[bluePtr + k + d] < red[redPtr + k] || 
+               red[redPtr + k + d]   < blue[bluePtr + k]) {
+              continue red_loop
+            }
+          }
+
+          var retval = visit(redId, blueId)
+          if(retval !== void 0) {
+            return retval 
+          }
+        }
+      }
+    } else {
+      var idx = e - BLUE_FLAG
+      for(var j=redActive-1; j>=0; --j) {
+        if(RED_SWEEP_QUEUE[j] === idx) {
+          for(var k=j+1; k<redActive; ++k) {
+            RED_SWEEP_QUEUE[k-1] = RED_SWEEP_QUEUE[k]
+          }
+          break
+        }
+      }
+      --redActive
+    }
+  }
+}
+},{"./sort":75,"bit-twiddle":67,"typedarray-pool":541}],77:[function(require,module,exports){
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <feross at feross.org> <http://feross.org>
+ * @license  MIT
+ */
+/* eslint-disable no-proto */
+
+'use strict'
+
+var base64 = require('base64-js')
+var ieee754 = require('ieee754')
+
+exports.Buffer = Buffer
+exports.SlowBuffer = SlowBuffer
+exports.INSPECT_MAX_BYTES = 50
+
+var K_MAX_LENGTH = 0x7fffffff
+exports.kMaxLength = K_MAX_LENGTH
+
+/**
+ * If `Buffer.TYPED_ARRAY_SUPPORT`:
+ *   === true    Use Uint8Array implementation (fastest)
+ *   === false   Print warning and recommend using `buffer` v4.x which has an Object
+ *               implementation (most compatible, even IE6)
+ *
+ * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+,
+ * Opera 11.6+, iOS 4.2+.
+ *
+ * We report that the browser does not support typed arrays if the are not subclassable
+ * using __proto__. Firefox 4-29 lacks support for adding new properties to `Uint8Array`
+ * (See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438). IE 10 lacks support
+ * for __proto__ and has a buggy typed array implementation.
+ */
+Buffer.TYPED_ARRAY_SUPPORT = typedArraySupport()
+
+if (!Buffer.TYPED_ARRAY_SUPPORT && typeof console !== 'undefined' &&
+    typeof console.error === 'function') {
+  console.error(
+    'This browser lacks typed array (Uint8Array) support which is required by ' +
+    '`buffer` v5.x. Use `buffer` v4.x if you require old browser support.'
+  )
+}
+
+function typedArraySupport () {
+  // Can typed array instances can be augmented?
+  try {
+    var arr = new Uint8Array(1)
+    arr.__proto__ = {__proto__: Uint8Array.prototype, foo: function () { return 42 }}
+    return arr.foo() === 42
+  } catch (e) {
+    return false
+  }
+}
+
+function createBuffer (length) {
+  if (length > K_MAX_LENGTH) {
+    throw new RangeError('Invalid typed array length')
+  }
+  // Return an augmented `Uint8Array` instance
+  var buf = new Uint8Array(length)
+  buf.__proto__ = Buffer.prototype
+  return buf
+}
+
+/**
+ * The Buffer constructor returns instances of `Uint8Array` that have their
+ * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of
+ * `Uint8Array`, so the returned instances will have all the node `Buffer` methods
+ * and the `Uint8Array` methods. Square bracket notation works as expected -- it
+ * returns a single octet.
+ *
+ * The `Uint8Array` prototype remains unmodified.
+ */
+
+function Buffer (arg, encodingOrOffset, length) {
+  // Common case.
+  if (typeof arg === 'number') {
+    if (typeof encodingOrOffset === 'string') {
+      throw new Error(
+        'If encoding is specified then the first argument must be a string'
+      )
+    }
+    return allocUnsafe(arg)
+  }
+  return from(arg, encodingOrOffset, length)
+}
+
+// Fix subarray() in ES2016. See: https://github.com/feross/buffer/pull/97
+if (typeof Symbol !== 'undefined' && Symbol.species &&
+    Buffer[Symbol.species] === Buffer) {
+  Object.defineProperty(Buffer, Symbol.species, {
+    value: null,
+    configurable: true,
+    enumerable: false,
+    writable: false
+  })
+}
+
+Buffer.poolSize = 8192 // not used by this implementation
+
+function from (value, encodingOrOffset, length) {
+  if (typeof value === 'number') {
+    throw new TypeError('"value" argument must not be a number')
+  }
+
+  if (value instanceof ArrayBuffer) {
+    return fromArrayBuffer(value, encodingOrOffset, length)
+  }
+
+  if (typeof value === 'string') {
+    return fromString(value, encodingOrOffset)
+  }
+
+  return fromObject(value)
+}
+
+/**
+ * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError
+ * if value is a number.
+ * Buffer.from(str[, encoding])
+ * Buffer.from(array)
+ * Buffer.from(buffer)
+ * Buffer.from(arrayBuffer[, byteOffset[, length]])
+ **/
+Buffer.from = function (value, encodingOrOffset, length) {
+  return from(value, encodingOrOffset, length)
+}
+
+// Note: Change prototype *after* Buffer.from is defined to workaround Chrome bug:
+// https://github.com/feross/buffer/pull/148
+Buffer.prototype.__proto__ = Uint8Array.prototype
+Buffer.__proto__ = Uint8Array
+
+function assertSize (size) {
+  if (typeof size !== 'number') {
+    throw new TypeError('"size" argument must be a number')
+  } else if (size < 0) {
+    throw new RangeError('"size" argument must not be negative')
+  }
+}
+
+function alloc (size, fill, encoding) {
+  assertSize(size)
+  if (size <= 0) {
+    return createBuffer(size)
+  }
+  if (fill !== undefined) {
+    // Only pay attention to encoding if it's a string. This
+    // prevents accidentally sending in a number that would
+    // be interpretted as a start offset.
+    return typeof encoding === 'string'
+      ? createBuffer(size).fill(fill, encoding)
+      : createBuffer(size).fill(fill)
+  }
+  return createBuffer(size)
+}
+
+/**
+ * Creates a new filled Buffer instance.
+ * alloc(size[, fill[, encoding]])
+ **/
+Buffer.alloc = function (size, fill, encoding) {
+  return alloc(size, fill, encoding)
+}
+
+function allocUnsafe (size) {
+  assertSize(size)
+  return createBuffer(size < 0 ? 0 : checked(size) | 0)
+}
+
+/**
+ * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance.
+ * */
+Buffer.allocUnsafe = function (size) {
+  return allocUnsafe(size)
+}
+/**
+ * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance.
+ */
+Buffer.allocUnsafeSlow = function (size) {
+  return allocUnsafe(size)
+}
+
+function fromString (string, encoding) {
+  if (typeof encoding !== 'string' || encoding === '') {
+    encoding = 'utf8'
+  }
+
+  if (!Buffer.isEncoding(encoding)) {
+    throw new TypeError('"encoding" must be a valid string encoding')
+  }
+
+  var length = byteLength(string, encoding) | 0
+  var buf = createBuffer(length)
+
+  var actual = buf.write(string, encoding)
+
+  if (actual !== length) {
+    // Writing a hex string, for example, that contains invalid characters will
+    // cause everything after the first invalid character to be ignored. (e.g.
+    // 'abxxcd' will be treated as 'ab')
+    buf = buf.slice(0, actual)
+  }
+
+  return buf
+}
+
+function fromArrayLike (array) {
+  var length = array.length < 0 ? 0 : checked(array.length) | 0
+  var buf = createBuffer(length)
+  for (var i = 0; i < length; i += 1) {
+    buf[i] = array[i] & 255
+  }
+  return buf
+}
+
+function fromArrayBuffer (array, byteOffset, length) {
+  if (byteOffset < 0 || array.byteLength < byteOffset) {
+    throw new RangeError('\'offset\' is out of bounds')
+  }
+
+  if (array.byteLength < byteOffset + (length || 0)) {
+    throw new RangeError('\'length\' is out of bounds')
+  }
+
+  var buf
+  if (byteOffset === undefined && length === undefined) {
+    buf = new Uint8Array(array)
+  } else if (length === undefined) {
+    buf = new Uint8Array(array, byteOffset)
+  } else {
+    buf = new Uint8Array(array, byteOffset, length)
+  }
+
+  // Return an augmented `Uint8Array` instance
+  buf.__proto__ = Buffer.prototype
+  return buf
+}
+
+function fromObject (obj) {
+  if (Buffer.isBuffer(obj)) {
+    var len = checked(obj.length) | 0
+    var buf = createBuffer(len)
+
+    if (buf.length === 0) {
+      return buf
+    }
+
+    obj.copy(buf, 0, 0, len)
+    return buf
+  }
+
+  if (obj) {
+    if (isArrayBufferView(obj) || 'length' in obj) {
+      if (typeof obj.length !== 'number' || numberIsNaN(obj.length)) {
+        return createBuffer(0)
+      }
+      return fromArrayLike(obj)
+    }
+
+    if (obj.type === 'Buffer' && Array.isArray(obj.data)) {
+      return fromArrayLike(obj.data)
+    }
+  }
+
+  throw new TypeError('First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.')
+}
+
+function checked (length) {
+  // Note: cannot use `length < K_MAX_LENGTH` here because that fails when
+  // length is NaN (which is otherwise coerced to zero.)
+  if (length >= K_MAX_LENGTH) {
+    throw new RangeError('Attempt to allocate Buffer larger than maximum ' +
+                         'size: 0x' + K_MAX_LENGTH.toString(16) + ' bytes')
+  }
+  return length | 0
+}
+
+function SlowBuffer (length) {
+  if (+length != length) { // eslint-disable-line eqeqeq
+    length = 0
+  }
+  return Buffer.alloc(+length)
+}
+
+Buffer.isBuffer = function isBuffer (b) {
+  return b != null && b._isBuffer === true
+}
+
+Buffer.compare = function compare (a, b) {
+  if (!Buffer.isBuffer(a) || !Buffer.isBuffer(b)) {
+    throw new TypeError('Arguments must be Buffers')
+  }
+
+  if (a === b) return 0
+
+  var x = a.length
+  var y = b.length
+
+  for (var i = 0, len = Math.min(x, y); i < len; ++i) {
+    if (a[i] !== b[i]) {
+      x = a[i]
+      y = b[i]
+      break
+    }
+  }
+
+  if (x < y) return -1
+  if (y < x) return 1
+  return 0
+}
+
+Buffer.isEncoding = function isEncoding (encoding) {
+  switch (String(encoding).toLowerCase()) {
+    case 'hex':
+    case 'utf8':
+    case 'utf-8':
+    case 'ascii':
+    case 'latin1':
+    case 'binary':
+    case 'base64':
+    case 'ucs2':
+    case 'ucs-2':
+    case 'utf16le':
+    case 'utf-16le':
+      return true
+    default:
+      return false
+  }
+}
+
+Buffer.concat = function concat (list, length) {
+  if (!Array.isArray(list)) {
+    throw new TypeError('"list" argument must be an Array of Buffers')
+  }
+
+  if (list.length === 0) {
+    return Buffer.alloc(0)
+  }
+
+  var i
+  if (length === undefined) {
+    length = 0
+    for (i = 0; i < list.length; ++i) {
+      length += list[i].length
+    }
+  }
+
+  var buffer = Buffer.allocUnsafe(length)
+  var pos = 0
+  for (i = 0; i < list.length; ++i) {
+    var buf = list[i]
+    if (!Buffer.isBuffer(buf)) {
+      throw new TypeError('"list" argument must be an Array of Buffers')
+    }
+    buf.copy(buffer, pos)
+    pos += buf.length
+  }
+  return buffer
+}
+
+function byteLength (string, encoding) {
+  if (Buffer.isBuffer(string)) {
+    return string.length
+  }
+  if (isArrayBufferView(string) || string instanceof ArrayBuffer) {
+    return string.byteLength
+  }
+  if (typeof string !== 'string') {
+    string = '' + string
+  }
+
+  var len = string.length
+  if (len === 0) return 0
+
+  // Use a for loop to avoid recursion
+  var loweredCase = false
+  for (;;) {
+    switch (encoding) {
+      case 'ascii':
+      case 'latin1':
+      case 'binary':
+        return len
+      case 'utf8':
+      case 'utf-8':
+      case undefined:
+        return utf8ToBytes(string).length
+      case 'ucs2':
+      case 'ucs-2':
+      case 'utf16le':
+      case 'utf-16le':
+        return len * 2
+      case 'hex':
+        return len >>> 1
+      case 'base64':
+        return base64ToBytes(string).length
+      default:
+        if (loweredCase) return utf8ToBytes(string).length // assume utf8
+        encoding = ('' + encoding).toLowerCase()
+        loweredCase = true
+    }
+  }
+}
+Buffer.byteLength = byteLength
+
+function slowToString (encoding, start, end) {
+  var loweredCase = false
+
+  // No need to verify that "this.length <= MAX_UINT32" since it's a read-only
+  // property of a typed array.
+
+  // This behaves neither like String nor Uint8Array in that we set start/end
+  // to their upper/lower bounds if the value passed is out of range.
+  // undefined is handled specially as per ECMA-262 6th Edition,
+  // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization.
+  if (start === undefined || start < 0) {
+    start = 0
+  }
+  // Return early if start > this.length. Done here to prevent potential uint32
+  // coercion fail below.
+  if (start > this.length) {
+    return ''
+  }
+
+  if (end === undefined || end > this.length) {
+    end = this.length
+  }
+
+  if (end <= 0) {
+    return ''
+  }
+
+  // Force coersion to uint32. This will also coerce falsey/NaN values to 0.
+  end >>>= 0
+  start >>>= 0
+
+  if (end <= start) {
+    return ''
+  }
+
+  if (!encoding) encoding = 'utf8'
+
+  while (true) {
+    switch (encoding) {
+      case 'hex':
+        return hexSlice(this, start, end)
+
+      case 'utf8':
+      case 'utf-8':
+        return utf8Slice(this, start, end)
+
+      case 'ascii':
+        return asciiSlice(this, start, end)
+
+      case 'latin1':
+      case 'binary':
+        return latin1Slice(this, start, end)
+
+      case 'base64':
+        return base64Slice(this, start, end)
+
+      case 'ucs2':
+      case 'ucs-2':
+      case 'utf16le':
+      case 'utf-16le':
+        return utf16leSlice(this, start, end)
+
+      default:
+        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)
+        encoding = (encoding + '').toLowerCase()
+        loweredCase = true
+    }
+  }
+}
+
+// This property is used by `Buffer.isBuffer` (and the `is-buffer` npm package)
+// to detect a Buffer instance. It's not possible to use `instanceof Buffer`
+// reliably in a browserify context because there could be multiple different
+// copies of the 'buffer' package in use. This method works even for Buffer
+// instances that were created from another copy of the `buffer` package.
+// See: https://github.com/feross/buffer/issues/154
+Buffer.prototype._isBuffer = true
+
+function swap (b, n, m) {
+  var i = b[n]
+  b[n] = b[m]
+  b[m] = i
+}
+
+Buffer.prototype.swap16 = function swap16 () {
+  var len = this.length
+  if (len % 2 !== 0) {
+    throw new RangeError('Buffer size must be a multiple of 16-bits')
+  }
+  for (var i = 0; i < len; i += 2) {
+    swap(this, i, i + 1)
+  }
+  return this
+}
+
+Buffer.prototype.swap32 = function swap32 () {
+  var len = this.length
+  if (len % 4 !== 0) {
+    throw new RangeError('Buffer size must be a multiple of 32-bits')
+  }
+  for (var i = 0; i < len; i += 4) {
+    swap(this, i, i + 3)
+    swap(this, i + 1, i + 2)
+  }
+  return this
+}
+
+Buffer.prototype.swap64 = function swap64 () {
+  var len = this.length
+  if (len % 8 !== 0) {
+    throw new RangeError('Buffer size must be a multiple of 64-bits')
+  }
+  for (var i = 0; i < len; i += 8) {
+    swap(this, i, i + 7)
+    swap(this, i + 1, i + 6)
+    swap(this, i + 2, i + 5)
+    swap(this, i + 3, i + 4)
+  }
+  return this
+}
+
+Buffer.prototype.toString = function toString () {
+  var length = this.length
+  if (length === 0) return ''
+  if (arguments.length === 0) return utf8Slice(this, 0, length)
+  return slowToString.apply(this, arguments)
+}
+
+Buffer.prototype.equals = function equals (b) {
+  if (!Buffer.isBuffer(b)) throw new TypeError('Argument must be a Buffer')
+  if (this === b) return true
+  return Buffer.compare(this, b) === 0
+}
+
+Buffer.prototype.inspect = function inspect () {
+  var str = ''
+  var max = exports.INSPECT_MAX_BYTES
+  if (this.length > 0) {
+    str = this.toString('hex', 0, max).match(/.{2}/g).join(' ')
+    if (this.length > max) str += ' ... '
+  }
+  return '<Buffer ' + str + '>'
+}
+
+Buffer.prototype.compare = function compare (target, start, end, thisStart, thisEnd) {
+  if (!Buffer.isBuffer(target)) {
+    throw new TypeError('Argument must be a Buffer')
+  }
+
+  if (start === undefined) {
+    start = 0
+  }
+  if (end === undefined) {
+    end = target ? target.length : 0
+  }
+  if (thisStart === undefined) {
+    thisStart = 0
+  }
+  if (thisEnd === undefined) {
+    thisEnd = this.length
+  }
+
+  if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) {
+    throw new RangeError('out of range index')
+  }
+
+  if (thisStart >= thisEnd && start >= end) {
+    return 0
+  }
+  if (thisStart >= thisEnd) {
+    return -1
+  }
+  if (start >= end) {
+    return 1
+  }
+
+  start >>>= 0
+  end >>>= 0
+  thisStart >>>= 0
+  thisEnd >>>= 0
+
+  if (this === target) return 0
+
+  var x = thisEnd - thisStart
+  var y = end - start
+  var len = Math.min(x, y)
+
+  var thisCopy = this.slice(thisStart, thisEnd)
+  var targetCopy = target.slice(start, end)
+
+  for (var i = 0; i < len; ++i) {
+    if (thisCopy[i] !== targetCopy[i]) {
+      x = thisCopy[i]
+      y = targetCopy[i]
+      break
+    }
+  }
+
+  if (x < y) return -1
+  if (y < x) return 1
+  return 0
+}
+
+// Finds either the first index of `val` in `buffer` at offset >= `byteOffset`,
+// OR the last index of `val` in `buffer` at offset <= `byteOffset`.
+//
+// Arguments:
+// - buffer - a Buffer to search
+// - val - a string, Buffer, or number
+// - byteOffset - an index into `buffer`; will be clamped to an int32
+// - encoding - an optional encoding, relevant is val is a string
+// - dir - true for indexOf, false for lastIndexOf
+function bidirectionalIndexOf (buffer, val, byteOffset, encoding, dir) {
+  // Empty buffer means no match
+  if (buffer.length === 0) return -1
+
+  // Normalize byteOffset
+  if (typeof byteOffset === 'string') {
+    encoding = byteOffset
+    byteOffset = 0
+  } else if (byteOffset > 0x7fffffff) {
+    byteOffset = 0x7fffffff
+  } else if (byteOffset < -0x80000000) {
+    byteOffset = -0x80000000
+  }
+  byteOffset = +byteOffset  // Coerce to Number.
+  if (numberIsNaN(byteOffset)) {
+    // byteOffset: it it's undefined, null, NaN, "foo", etc, search whole buffer
+    byteOffset = dir ? 0 : (buffer.length - 1)
+  }
+
+  // Normalize byteOffset: negative offsets start from the end of the buffer
+  if (byteOffset < 0) byteOffset = buffer.length + byteOffset
+  if (byteOffset >= buffer.length) {
+    if (dir) return -1
+    else byteOffset = buffer.length - 1
+  } else if (byteOffset < 0) {
+    if (dir) byteOffset = 0
+    else return -1
+  }
+
+  // Normalize val
+  if (typeof val === 'string') {
+    val = Buffer.from(val, encoding)
+  }
+
+  // Finally, search either indexOf (if dir is true) or lastIndexOf
+  if (Buffer.isBuffer(val)) {
+    // Special case: looking for empty string/buffer always fails
+    if (val.length === 0) {
+      return -1
+    }
+    return arrayIndexOf(buffer, val, byteOffset, encoding, dir)
+  } else if (typeof val === 'number') {
+    val = val & 0xFF // Search for a byte value [0-255]
+    if (typeof Uint8Array.prototype.indexOf === 'function') {
+      if (dir) {
+        return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset)
+      } else {
+        return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset)
+      }
+    }
+    return arrayIndexOf(buffer, [ val ], byteOffset, encoding, dir)
+  }
+
+  throw new TypeError('val must be string, number or Buffer')
+}
+
+function arrayIndexOf (arr, val, byteOffset, encoding, dir) {
+  var indexSize = 1
+  var arrLength = arr.length
+  var valLength = val.length
+
+  if (encoding !== undefined) {
+    encoding = String(encoding).toLowerCase()
+    if (encoding === 'ucs2' || encoding === 'ucs-2' ||
+        encoding === 'utf16le' || encoding === 'utf-16le') {
+      if (arr.length < 2 || val.length < 2) {
+        return -1
+      }
+      indexSize = 2
+      arrLength /= 2
+      valLength /= 2
+      byteOffset /= 2
+    }
+  }
+
+  function read (buf, i) {
+    if (indexSize === 1) {
+      return buf[i]
+    } else {
+      return buf.readUInt16BE(i * indexSize)
+    }
+  }
+
+  var i
+  if (dir) {
+    var foundIndex = -1
+    for (i = byteOffset; i < arrLength; i++) {
+      if (read(arr, i) === read(val, foundIndex === -1 ? 0 : i - foundIndex)) {
+        if (foundIndex === -1) foundIndex = i
+        if (i - foundIndex + 1 === valLength) return foundIndex * indexSize
+      } else {
+        if (foundIndex !== -1) i -= i - foundIndex
+        foundIndex = -1
+      }
+    }
+  } else {
+    if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength
+    for (i = byteOffset; i >= 0; i--) {
+      var found = true
+      for (var j = 0; j < valLength; j++) {
+        if (read(arr, i + j) !== read(val, j)) {
+          found = false
+          break
+        }
+      }
+      if (found) return i
+    }
+  }
+
+  return -1
+}
+
+Buffer.prototype.includes = function includes (val, byteOffset, encoding) {
+  return this.indexOf(val, byteOffset, encoding) !== -1
+}
+
+Buffer.prototype.indexOf = function indexOf (val, byteOffset, encoding) {
+  return bidirectionalIndexOf(this, val, byteOffset, encoding, true)
+}
+
+Buffer.prototype.lastIndexOf = function lastIndexOf (val, byteOffset, encoding) {
+  return bidirectionalIndexOf(this, val, byteOffset, encoding, false)
+}
+
+function hexWrite (buf, string, offset, length) {
+  offset = Number(offset) || 0
+  var remaining = buf.length - offset
+  if (!length) {
+    length = remaining
+  } else {
+    length = Number(length)
+    if (length > remaining) {
+      length = remaining
+    }
+  }
+
+  // must be an even number of digits
+  var strLen = string.length
+  if (strLen % 2 !== 0) throw new TypeError('Invalid hex string')
+
+  if (length > strLen / 2) {
+    length = strLen / 2
+  }
+  for (var i = 0; i < length; ++i) {
+    var parsed = parseInt(string.substr(i * 2, 2), 16)
+    if (numberIsNaN(parsed)) return i
+    buf[offset + i] = parsed
+  }
+  return i
+}
+
+function utf8Write (buf, string, offset, length) {
+  return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length)
+}
+
+function asciiWrite (buf, string, offset, length) {
+  return blitBuffer(asciiToBytes(string), buf, offset, length)
+}
+
+function latin1Write (buf, string, offset, length) {
+  return asciiWrite(buf, string, offset, length)
+}
+
+function base64Write (buf, string, offset, length) {
+  return blitBuffer(base64ToBytes(string), buf, offset, length)
+}
+
+function ucs2Write (buf, string, offset, length) {
+  return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length)
+}
+
+Buffer.prototype.write = function write (string, offset, length, encoding) {
+  // Buffer#write(string)
+  if (offset === undefined) {
+    encoding = 'utf8'
+    length = this.length
+    offset = 0
+  // Buffer#write(string, encoding)
+  } else if (length === undefined && typeof offset === 'string') {
+    encoding = offset
+    length = this.length
+    offset = 0
+  // Buffer#write(string, offset[, length][, encoding])
+  } else if (isFinite(offset)) {
+    offset = offset >>> 0
+    if (isFinite(length)) {
+      length = length >>> 0
+      if (encoding === undefined) encoding = 'utf8'
+    } else {
+      encoding = length
+      length = undefined
+    }
+  } else {
+    throw new Error(
+      'Buffer.write(string, encoding, offset[, length]) is no longer supported'
+    )
+  }
+
+  var remaining = this.length - offset
+  if (length === undefined || length > remaining) length = remaining
+
+  if ((string.length > 0 && (length < 0 || offset < 0)) || offset > this.length) {
+    throw new RangeError('Attempt to write outside buffer bounds')
+  }
+
+  if (!encoding) encoding = 'utf8'
+
+  var loweredCase = false
+  for (;;) {
+    switch (encoding) {
+      case 'hex':
+        return hexWrite(this, string, offset, length)
+
+      case 'utf8':
+      case 'utf-8':
+        return utf8Write(this, string, offset, length)
+
+      case 'ascii':
+        return asciiWrite(this, string, offset, length)
+
+      case 'latin1':
+      case 'binary':
+        return latin1Write(this, string, offset, length)
+
+      case 'base64':
+        // Warning: maxLength not taken into account in base64Write
+        return base64Write(this, string, offset, length)
+
+      case 'ucs2':
+      case 'ucs-2':
+      case 'utf16le':
+      case 'utf-16le':
+        return ucs2Write(this, string, offset, length)
+
+      default:
+        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)
+        encoding = ('' + encoding).toLowerCase()
+        loweredCase = true
+    }
+  }
+}
+
+Buffer.prototype.toJSON = function toJSON () {
+  return {
+    type: 'Buffer',
+    data: Array.prototype.slice.call(this._arr || this, 0)
+  }
+}
+
+function base64Slice (buf, start, end) {
+  if (start === 0 && end === buf.length) {
+    return base64.fromByteArray(buf)
+  } else {
+    return base64.fromByteArray(buf.slice(start, end))
+  }
+}
+
+function utf8Slice (buf, start, end) {
+  end = Math.min(buf.length, end)
+  var res = []
+
+  var i = start
+  while (i < end) {
+    var firstByte = buf[i]
+    var codePoint = null
+    var bytesPerSequence = (firstByte > 0xEF) ? 4
+      : (firstByte > 0xDF) ? 3
+      : (firstByte > 0xBF) ? 2
+      : 1
+
+    if (i + bytesPerSequence <= end) {
+      var secondByte, thirdByte, fourthByte, tempCodePoint
+
+      switch (bytesPerSequence) {
+        case 1:
+          if (firstByte < 0x80) {
+            codePoint = firstByte
+          }
+          break
+        case 2:
+          secondByte = buf[i + 1]
+          if ((secondByte & 0xC0) === 0x80) {
+            tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F)
+            if (tempCodePoint > 0x7F) {
+              codePoint = tempCodePoint
+            }
+          }
+          break
+        case 3:
+          secondByte = buf[i + 1]
+          thirdByte = buf[i + 2]
+          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) {
+            tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F)
+            if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) {
+              codePoint = tempCodePoint
+            }
+          }
+          break
+        case 4:
+          secondByte = buf[i + 1]
+          thirdByte = buf[i + 2]
+          fourthByte = buf[i + 3]
+          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) {
+            tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F)
+            if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) {
+              codePoint = tempCodePoint
+            }
+          }
+      }
+    }
+
+    if (codePoint === null) {
+      // we did not generate a valid codePoint so insert a
+      // replacement char (U+FFFD) and advance only 1 byte
+      codePoint = 0xFFFD
+      bytesPerSequence = 1
+    } else if (codePoint > 0xFFFF) {
+      // encode to utf16 (surrogate pair dance)
+      codePoint -= 0x10000
+      res.push(codePoint >>> 10 & 0x3FF | 0xD800)
+      codePoint = 0xDC00 | codePoint & 0x3FF
+    }
+
+    res.push(codePoint)
+    i += bytesPerSequence
+  }
+
+  return decodeCodePointsArray(res)
+}
+
+// Based on http://stackoverflow.com/a/22747272/680742, the browser with
+// the lowest limit is Chrome, with 0x10000 args.
+// We go 1 magnitude less, for safety
+var MAX_ARGUMENTS_LENGTH = 0x1000
+
+function decodeCodePointsArray (codePoints) {
+  var len = codePoints.length
+  if (len <= MAX_ARGUMENTS_LENGTH) {
+    return String.fromCharCode.apply(String, codePoints) // avoid extra slice()
+  }
+
+  // Decode in chunks to avoid "call stack size exceeded".
+  var res = ''
+  var i = 0
+  while (i < len) {
+    res += String.fromCharCode.apply(
+      String,
+      codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH)
+    )
+  }
+  return res
+}
+
+function asciiSlice (buf, start, end) {
+  var ret = ''
+  end = Math.min(buf.length, end)
+
+  for (var i = start; i < end; ++i) {
+    ret += String.fromCharCode(buf[i] & 0x7F)
+  }
+  return ret
+}
+
+function latin1Slice (buf, start, end) {
+  var ret = ''
+  end = Math.min(buf.length, end)
+
+  for (var i = start; i < end; ++i) {
+    ret += String.fromCharCode(buf[i])
+  }
+  return ret
+}
+
+function hexSlice (buf, start, end) {
+  var len = buf.length
+
+  if (!start || start < 0) start = 0
+  if (!end || end < 0 || end > len) end = len
+
+  var out = ''
+  for (var i = start; i < end; ++i) {
+    out += toHex(buf[i])
+  }
+  return out
+}
+
+function utf16leSlice (buf, start, end) {
+  var bytes = buf.slice(start, end)
+  var res = ''
+  for (var i = 0; i < bytes.length; i += 2) {
+    res += String.fromCharCode(bytes[i] + (bytes[i + 1] * 256))
+  }
+  return res
+}
+
+Buffer.prototype.slice = function slice (start, end) {
+  var len = this.length
+  start = ~~start
+  end = end === undefined ? len : ~~end
+
+  if (start < 0) {
+    start += len
+    if (start < 0) start = 0
+  } else if (start > len) {
+    start = len
+  }
+
+  if (end < 0) {
+    end += len
+    if (end < 0) end = 0
+  } else if (end > len) {
+    end = len
+  }
+
+  if (end < start) end = start
+
+  var newBuf = this.subarray(start, end)
+  // Return an augmented `Uint8Array` instance
+  newBuf.__proto__ = Buffer.prototype
+  return newBuf
+}
+
+/*
+ * Need to make sure that buffer isn't trying to write out of bounds.
+ */
+function checkOffset (offset, ext, length) {
+  if ((offset % 1) !== 0 || offset < 0) throw new RangeError('offset is not uint')
+  if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length')
+}
+
+Buffer.prototype.readUIntLE = function readUIntLE (offset, byteLength, noAssert) {
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) checkOffset(offset, byteLength, this.length)
+
+  var val = this[offset]
+  var mul = 1
+  var i = 0
+  while (++i < byteLength && (mul *= 0x100)) {
+    val += this[offset + i] * mul
+  }
+
+  return val
+}
+
+Buffer.prototype.readUIntBE = function readUIntBE (offset, byteLength, noAssert) {
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) {
+    checkOffset(offset, byteLength, this.length)
+  }
+
+  var val = this[offset + --byteLength]
+  var mul = 1
+  while (byteLength > 0 && (mul *= 0x100)) {
+    val += this[offset + --byteLength] * mul
+  }
+
+  return val
+}
+
+Buffer.prototype.readUInt8 = function readUInt8 (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 1, this.length)
+  return this[offset]
+}
+
+Buffer.prototype.readUInt16LE = function readUInt16LE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 2, this.length)
+  return this[offset] | (this[offset + 1] << 8)
+}
+
+Buffer.prototype.readUInt16BE = function readUInt16BE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 2, this.length)
+  return (this[offset] << 8) | this[offset + 1]
+}
+
+Buffer.prototype.readUInt32LE = function readUInt32LE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+
+  return ((this[offset]) |
+      (this[offset + 1] << 8) |
+      (this[offset + 2] << 16)) +
+      (this[offset + 3] * 0x1000000)
+}
+
+Buffer.prototype.readUInt32BE = function readUInt32BE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+
+  return (this[offset] * 0x1000000) +
+    ((this[offset + 1] << 16) |
+    (this[offset + 2] << 8) |
+    this[offset + 3])
+}
+
+Buffer.prototype.readIntLE = function readIntLE (offset, byteLength, noAssert) {
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) checkOffset(offset, byteLength, this.length)
+
+  var val = this[offset]
+  var mul = 1
+  var i = 0
+  while (++i < byteLength && (mul *= 0x100)) {
+    val += this[offset + i] * mul
+  }
+  mul *= 0x80
+
+  if (val >= mul) val -= Math.pow(2, 8 * byteLength)
+
+  return val
+}
+
+Buffer.prototype.readIntBE = function readIntBE (offset, byteLength, noAssert) {
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) checkOffset(offset, byteLength, this.length)
+
+  var i = byteLength
+  var mul = 1
+  var val = this[offset + --i]
+  while (i > 0 && (mul *= 0x100)) {
+    val += this[offset + --i] * mul
+  }
+  mul *= 0x80
+
+  if (val >= mul) val -= Math.pow(2, 8 * byteLength)
+
+  return val
+}
+
+Buffer.prototype.readInt8 = function readInt8 (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 1, this.length)
+  if (!(this[offset] & 0x80)) return (this[offset])
+  return ((0xff - this[offset] + 1) * -1)
+}
+
+Buffer.prototype.readInt16LE = function readInt16LE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 2, this.length)
+  var val = this[offset] | (this[offset + 1] << 8)
+  return (val & 0x8000) ? val | 0xFFFF0000 : val
+}
+
+Buffer.prototype.readInt16BE = function readInt16BE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 2, this.length)
+  var val = this[offset + 1] | (this[offset] << 8)
+  return (val & 0x8000) ? val | 0xFFFF0000 : val
+}
+
+Buffer.prototype.readInt32LE = function readInt32LE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+
+  return (this[offset]) |
+    (this[offset + 1] << 8) |
+    (this[offset + 2] << 16) |
+    (this[offset + 3] << 24)
+}
+
+Buffer.prototype.readInt32BE = function readInt32BE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+
+  return (this[offset] << 24) |
+    (this[offset + 1] << 16) |
+    (this[offset + 2] << 8) |
+    (this[offset + 3])
+}
+
+Buffer.prototype.readFloatLE = function readFloatLE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+  return ieee754.read(this, offset, true, 23, 4)
+}
+
+Buffer.prototype.readFloatBE = function readFloatBE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 4, this.length)
+  return ieee754.read(this, offset, false, 23, 4)
+}
+
+Buffer.prototype.readDoubleLE = function readDoubleLE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 8, this.length)
+  return ieee754.read(this, offset, true, 52, 8)
+}
+
+Buffer.prototype.readDoubleBE = function readDoubleBE (offset, noAssert) {
+  offset = offset >>> 0
+  if (!noAssert) checkOffset(offset, 8, this.length)
+  return ieee754.read(this, offset, false, 52, 8)
+}
+
+function checkInt (buf, value, offset, ext, max, min) {
+  if (!Buffer.isBuffer(buf)) throw new TypeError('"buffer" argument must be a Buffer instance')
+  if (value > max || value < min) throw new RangeError('"value" argument is out of bounds')
+  if (offset + ext > buf.length) throw new RangeError('Index out of range')
+}
+
+Buffer.prototype.writeUIntLE = function writeUIntLE (value, offset, byteLength, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) {
+    var maxBytes = Math.pow(2, 8 * byteLength) - 1
+    checkInt(this, value, offset, byteLength, maxBytes, 0)
+  }
+
+  var mul = 1
+  var i = 0
+  this[offset] = value & 0xFF
+  while (++i < byteLength && (mul *= 0x100)) {
+    this[offset + i] = (value / mul) & 0xFF
+  }
+
+  return offset + byteLength
+}
+
+Buffer.prototype.writeUIntBE = function writeUIntBE (value, offset, byteLength, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  byteLength = byteLength >>> 0
+  if (!noAssert) {
+    var maxBytes = Math.pow(2, 8 * byteLength) - 1
+    checkInt(this, value, offset, byteLength, maxBytes, 0)
+  }
+
+  var i = byteLength - 1
+  var mul = 1
+  this[offset + i] = value & 0xFF
+  while (--i >= 0 && (mul *= 0x100)) {
+    this[offset + i] = (value / mul) & 0xFF
+  }
+
+  return offset + byteLength
+}
+
+Buffer.prototype.writeUInt8 = function writeUInt8 (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 1, 0xff, 0)
+  this[offset] = (value & 0xff)
+  return offset + 1
+}
+
+Buffer.prototype.writeUInt16LE = function writeUInt16LE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0)
+  this[offset] = (value & 0xff)
+  this[offset + 1] = (value >>> 8)
+  return offset + 2
+}
+
+Buffer.prototype.writeUInt16BE = function writeUInt16BE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0)
+  this[offset] = (value >>> 8)
+  this[offset + 1] = (value & 0xff)
+  return offset + 2
+}
+
+Buffer.prototype.writeUInt32LE = function writeUInt32LE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0)
+  this[offset + 3] = (value >>> 24)
+  this[offset + 2] = (value >>> 16)
+  this[offset + 1] = (value >>> 8)
+  this[offset] = (value & 0xff)
+  return offset + 4
+}
+
+Buffer.prototype.writeUInt32BE = function writeUInt32BE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0)
+  this[offset] = (value >>> 24)
+  this[offset + 1] = (value >>> 16)
+  this[offset + 2] = (value >>> 8)
+  this[offset + 3] = (value & 0xff)
+  return offset + 4
+}
+
+Buffer.prototype.writeIntLE = function writeIntLE (value, offset, byteLength, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) {
+    var limit = Math.pow(2, (8 * byteLength) - 1)
+
+    checkInt(this, value, offset, byteLength, limit - 1, -limit)
+  }
+
+  var i = 0
+  var mul = 1
+  var sub = 0
+  this[offset] = value & 0xFF
+  while (++i < byteLength && (mul *= 0x100)) {
+    if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) {
+      sub = 1
+    }
+    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF
+  }
+
+  return offset + byteLength
+}
+
+Buffer.prototype.writeIntBE = function writeIntBE (value, offset, byteLength, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) {
+    var limit = Math.pow(2, (8 * byteLength) - 1)
+
+    checkInt(this, value, offset, byteLength, limit - 1, -limit)
+  }
+
+  var i = byteLength - 1
+  var mul = 1
+  var sub = 0
+  this[offset + i] = value & 0xFF
+  while (--i >= 0 && (mul *= 0x100)) {
+    if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) {
+      sub = 1
+    }
+    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF
+  }
+
+  return offset + byteLength
+}
+
+Buffer.prototype.writeInt8 = function writeInt8 (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 1, 0x7f, -0x80)
+  if (value < 0) value = 0xff + value + 1
+  this[offset] = (value & 0xff)
+  return offset + 1
+}
+
+Buffer.prototype.writeInt16LE = function writeInt16LE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000)
+  this[offset] = (value & 0xff)
+  this[offset + 1] = (value >>> 8)
+  return offset + 2
+}
+
+Buffer.prototype.writeInt16BE = function writeInt16BE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000)
+  this[offset] = (value >>> 8)
+  this[offset + 1] = (value & 0xff)
+  return offset + 2
+}
+
+Buffer.prototype.writeInt32LE = function writeInt32LE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000)
+  this[offset] = (value & 0xff)
+  this[offset + 1] = (value >>> 8)
+  this[offset + 2] = (value >>> 16)
+  this[offset + 3] = (value >>> 24)
+  return offset + 4
+}
+
+Buffer.prototype.writeInt32BE = function writeInt32BE (value, offset, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000)
+  if (value < 0) value = 0xffffffff + value + 1
+  this[offset] = (value >>> 24)
+  this[offset + 1] = (value >>> 16)
+  this[offset + 2] = (value >>> 8)
+  this[offset + 3] = (value & 0xff)
+  return offset + 4
+}
+
+function checkIEEE754 (buf, value, offset, ext, max, min) {
+  if (offset + ext > buf.length) throw new RangeError('Index out of range')
+  if (offset < 0) throw new RangeError('Index out of range')
+}
+
+function writeFloat (buf, value, offset, littleEndian, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) {
+    checkIEEE754(buf, value, offset, 4, 3.4028234663852886e+38, -3.4028234663852886e+38)
+  }
+  ieee754.write(buf, value, offset, littleEndian, 23, 4)
+  return offset + 4
+}
+
+Buffer.prototype.writeFloatLE = function writeFloatLE (value, offset, noAssert) {
+  return writeFloat(this, value, offset, true, noAssert)
+}
+
+Buffer.prototype.writeFloatBE = function writeFloatBE (value, offset, noAssert) {
+  return writeFloat(this, value, offset, false, noAssert)
+}
+
+function writeDouble (buf, value, offset, littleEndian, noAssert) {
+  value = +value
+  offset = offset >>> 0
+  if (!noAssert) {
+    checkIEEE754(buf, value, offset, 8, 1.7976931348623157E+308, -1.7976931348623157E+308)
+  }
+  ieee754.write(buf, value, offset, littleEndian, 52, 8)
+  return offset + 8
+}
+
+Buffer.prototype.writeDoubleLE = function writeDoubleLE (value, offset, noAssert) {
+  return writeDouble(this, value, offset, true, noAssert)
+}
+
+Buffer.prototype.writeDoubleBE = function writeDoubleBE (value, offset, noAssert) {
+  return writeDouble(this, value, offset, false, noAssert)
+}
+
+// copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length)
+Buffer.prototype.copy = function copy (target, targetStart, start, end) {
+  if (!start) start = 0
+  if (!end && end !== 0) end = this.length
+  if (targetStart >= target.length) targetStart = target.length
+  if (!targetStart) targetStart = 0
+  if (end > 0 && end < start) end = start
+
+  // Copy 0 bytes; we're done
+  if (end === start) return 0
+  if (target.length === 0 || this.length === 0) return 0
+
+  // Fatal error conditions
+  if (targetStart < 0) {
+    throw new RangeError('targetStart out of bounds')
+  }
+  if (start < 0 || start >= this.length) throw new RangeError('sourceStart out of bounds')
+  if (end < 0) throw new RangeError('sourceEnd out of bounds')
+
+  // Are we oob?
+  if (end > this.length) end = this.length
+  if (target.length - targetStart < end - start) {
+    end = target.length - targetStart + start
+  }
+
+  var len = end - start
+  var i
+
+  if (this === target && start < targetStart && targetStart < end) {
+    // descending copy from end
+    for (i = len - 1; i >= 0; --i) {
+      target[i + targetStart] = this[i + start]
+    }
+  } else if (len < 1000) {
+    // ascending copy from start
+    for (i = 0; i < len; ++i) {
+      target[i + targetStart] = this[i + start]
+    }
+  } else {
+    Uint8Array.prototype.set.call(
+      target,
+      this.subarray(start, start + len),
+      targetStart
+    )
+  }
+
+  return len
+}
+
+// Usage:
+//    buffer.fill(number[, offset[, end]])
+//    buffer.fill(buffer[, offset[, end]])
+//    buffer.fill(string[, offset[, end]][, encoding])
+Buffer.prototype.fill = function fill (val, start, end, encoding) {
+  // Handle string cases:
+  if (typeof val === 'string') {
+    if (typeof start === 'string') {
+      encoding = start
+      start = 0
+      end = this.length
+    } else if (typeof end === 'string') {
+      encoding = end
+      end = this.length
+    }
+    if (val.length === 1) {
+      var code = val.charCodeAt(0)
+      if (code < 256) {
+        val = code
+      }
+    }
+    if (encoding !== undefined && typeof encoding !== 'string') {
+      throw new TypeError('encoding must be a string')
+    }
+    if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) {
+      throw new TypeError('Unknown encoding: ' + encoding)
+    }
+  } else if (typeof val === 'number') {
+    val = val & 255
+  }
+
+  // Invalid ranges are not set to a default, so can range check early.
+  if (start < 0 || this.length < start || this.length < end) {
+    throw new RangeError('Out of range index')
+  }
+
+  if (end <= start) {
+    return this
+  }
+
+  start = start >>> 0
+  end = end === undefined ? this.length : end >>> 0
+
+  if (!val) val = 0
+
+  var i
+  if (typeof val === 'number') {
+    for (i = start; i < end; ++i) {
+      this[i] = val
+    }
+  } else {
+    var bytes = Buffer.isBuffer(val)
+      ? val
+      : new Buffer(val, encoding)
+    var len = bytes.length
+    for (i = 0; i < end - start; ++i) {
+      this[i + start] = bytes[i % len]
+    }
+  }
+
+  return this
+}
+
+// HELPER FUNCTIONS
+// ================
+
+var INVALID_BASE64_RE = /[^+/0-9A-Za-z-_]/g
+
+function base64clean (str) {
+  // Node strips out invalid characters like \n and \t from the string, base64-js does not
+  str = str.trim().replace(INVALID_BASE64_RE, '')
+  // Node converts strings with length < 2 to ''
+  if (str.length < 2) return ''
+  // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not
+  while (str.length % 4 !== 0) {
+    str = str + '='
+  }
+  return str
+}
+
+function toHex (n) {
+  if (n < 16) return '0' + n.toString(16)
+  return n.toString(16)
+}
+
+function utf8ToBytes (string, units) {
+  units = units || Infinity
+  var codePoint
+  var length = string.length
+  var leadSurrogate = null
+  var bytes = []
+
+  for (var i = 0; i < length; ++i) {
+    codePoint = string.charCodeAt(i)
+
+    // is surrogate component
+    if (codePoint > 0xD7FF && codePoint < 0xE000) {
+      // last char was a lead
+      if (!leadSurrogate) {
+        // no lead yet
+        if (codePoint > 0xDBFF) {
+          // unexpected trail
+          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)
+          continue
+        } else if (i + 1 === length) {
+          // unpaired lead
+          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)
+          continue
+        }
+
+        // valid lead
+        leadSurrogate = codePoint
+
+        continue
+      }
+
+      // 2 leads in a row
+      if (codePoint < 0xDC00) {
+        if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)
+        leadSurrogate = codePoint
+        continue
+      }
+
+      // valid surrogate pair
+      codePoint = (leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00) + 0x10000
+    } else if (leadSurrogate) {
+      // valid bmp char, but last char was a lead
+      if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD)
+    }
+
+    leadSurrogate = null
+
+    // encode utf8
+    if (codePoint < 0x80) {
+      if ((units -= 1) < 0) break
+      bytes.push(codePoint)
+    } else if (codePoint < 0x800) {
+      if ((units -= 2) < 0) break
+      bytes.push(
+        codePoint >> 0x6 | 0xC0,
+        codePoint & 0x3F | 0x80
+      )
+    } else if (codePoint < 0x10000) {
+      if ((units -= 3) < 0) break
+      bytes.push(
+        codePoint >> 0xC | 0xE0,
+        codePoint >> 0x6 & 0x3F | 0x80,
+        codePoint & 0x3F | 0x80
+      )
+    } else if (codePoint < 0x110000) {
+      if ((units -= 4) < 0) break
+      bytes.push(
+        codePoint >> 0x12 | 0xF0,
+        codePoint >> 0xC & 0x3F | 0x80,
+        codePoint >> 0x6 & 0x3F | 0x80,
+        codePoint & 0x3F | 0x80
+      )
+    } else {
+      throw new Error('Invalid code point')
+    }
+  }
+
+  return bytes
+}
+
+function asciiToBytes (str) {
+  var byteArray = []
+  for (var i = 0; i < str.length; ++i) {
+    // Node's code seems to be doing this and not & 0x7F..
+    byteArray.push(str.charCodeAt(i) & 0xFF)
+  }
+  return byteArray
+}
+
+function utf16leToBytes (str, units) {
+  var c, hi, lo
+  var byteArray = []
+  for (var i = 0; i < str.length; ++i) {
+    if ((units -= 2) < 0) break
+
+    c = str.charCodeAt(i)
+    hi = c >> 8
+    lo = c % 256
+    byteArray.push(lo)
+    byteArray.push(hi)
+  }
+
+  return byteArray
+}
+
+function base64ToBytes (str) {
+  return base64.toByteArray(base64clean(str))
+}
+
+function blitBuffer (src, dst, offset, length) {
+  for (var i = 0; i < length; ++i) {
+    if ((i + offset >= dst.length) || (i >= src.length)) break
+    dst[i + offset] = src[i]
+  }
+  return i
+}
+
+// Node 0.10 supports `ArrayBuffer` but lacks `ArrayBuffer.isView`
+function isArrayBufferView (obj) {
+  return (typeof ArrayBuffer.isView === 'function') && ArrayBuffer.isView(obj)
+}
+
+function numberIsNaN (obj) {
+  return obj !== obj // eslint-disable-line no-self-compare
+}
+
+},{"base64-js":78,"ieee754":289}],78:[function(require,module,exports){
+'use strict'
+
+exports.byteLength = byteLength
+exports.toByteArray = toByteArray
+exports.fromByteArray = fromByteArray
+
+var lookup = []
+var revLookup = []
+var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array
+
+var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
+for (var i = 0, len = code.length; i < len; ++i) {
+  lookup[i] = code[i]
+  revLookup[code.charCodeAt(i)] = i
+}
+
+revLookup['-'.charCodeAt(0)] = 62
+revLookup['_'.charCodeAt(0)] = 63
+
+function placeHoldersCount (b64) {
+  var len = b64.length
+  if (len % 4 > 0) {
+    throw new Error('Invalid string. Length must be a multiple of 4')
+  }
+
+  // the number of equal signs (place holders)
+  // if there are two placeholders, than the two characters before it
+  // represent one byte
+  // if there is only one, then the three characters before it represent 2 bytes
+  // this is just a cheap hack to not do indexOf twice
+  return b64[len - 2] === '=' ? 2 : b64[len - 1] === '=' ? 1 : 0
+}
+
+function byteLength (b64) {
+  // base64 is 4/3 + up to two characters of the original data
+  return b64.length * 3 / 4 - placeHoldersCount(b64)
+}
+
+function toByteArray (b64) {
+  var i, j, l, tmp, placeHolders, arr
+  var len = b64.length
+  placeHolders = placeHoldersCount(b64)
+
+  arr = new Arr(len * 3 / 4 - placeHolders)
+
+  // if there are placeholders, only get up to the last complete 4 chars
+  l = placeHolders > 0 ? len - 4 : len
+
+  var L = 0
+
+  for (i = 0, j = 0; i < l; i += 4, j += 3) {
+    tmp = (revLookup[b64.charCodeAt(i)] << 18) | (revLookup[b64.charCodeAt(i + 1)] << 12) | (revLookup[b64.charCodeAt(i + 2)] << 6) | revLookup[b64.charCodeAt(i + 3)]
+    arr[L++] = (tmp >> 16) & 0xFF
+    arr[L++] = (tmp >> 8) & 0xFF
+    arr[L++] = tmp & 0xFF
+  }
+
+  if (placeHolders === 2) {
+    tmp = (revLookup[b64.charCodeAt(i)] << 2) | (revLookup[b64.charCodeAt(i + 1)] >> 4)
+    arr[L++] = tmp & 0xFF
+  } else if (placeHolders === 1) {
+    tmp = (revLookup[b64.charCodeAt(i)] << 10) | (revLookup[b64.charCodeAt(i + 1)] << 4) | (revLookup[b64.charCodeAt(i + 2)] >> 2)
+    arr[L++] = (tmp >> 8) & 0xFF
+    arr[L++] = tmp & 0xFF
+  }
+
+  return arr
+}
+
+function tripletToBase64 (num) {
+  return lookup[num >> 18 & 0x3F] + lookup[num >> 12 & 0x3F] + lookup[num >> 6 & 0x3F] + lookup[num & 0x3F]
+}
+
+function encodeChunk (uint8, start, end) {
+  var tmp
+  var output = []
+  for (var i = start; i < end; i += 3) {
+    tmp = (uint8[i] << 16) + (uint8[i + 1] << 8) + (uint8[i + 2])
+    output.push(tripletToBase64(tmp))
+  }
+  return output.join('')
+}
+
+function fromByteArray (uint8) {
+  var tmp
+  var len = uint8.length
+  var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes
+  var output = ''
+  var parts = []
+  var maxChunkLength = 16383 // must be multiple of 3
+
+  // go through the array every three bytes, we'll deal with trailing stuff later
+  for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {
+    parts.push(encodeChunk(uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)))
+  }
+
+  // pad the end with zeros, but make sure to not forget the extra bytes
+  if (extraBytes === 1) {
+    tmp = uint8[len - 1]
+    output += lookup[tmp >> 2]
+    output += lookup[(tmp << 4) & 0x3F]
+    output += '=='
+  } else if (extraBytes === 2) {
+    tmp = (uint8[len - 2] << 8) + (uint8[len - 1])
+    output += lookup[tmp >> 10]
+    output += lookup[(tmp >> 4) & 0x3F]
+    output += lookup[(tmp << 2) & 0x3F]
+    output += '='
+  }
+
+  parts.push(output)
+
+  return parts.join('')
+}
+
+},{}],79:[function(require,module,exports){
+'use strict'
+
+var monotoneTriangulate = require('./lib/monotone')
+var makeIndex = require('./lib/triangulation')
+var delaunayFlip = require('./lib/delaunay')
+var filterTriangulation = require('./lib/filter')
+
+module.exports = cdt2d
+
+function canonicalizeEdge(e) {
+  return [Math.min(e[0], e[1]), Math.max(e[0], e[1])]
+}
+
+function compareEdge(a, b) {
+  return a[0]-b[0] || a[1]-b[1]
+}
+
+function canonicalizeEdges(edges) {
+  return edges.map(canonicalizeEdge).sort(compareEdge)
+}
+
+function getDefault(options, property, dflt) {
+  if(property in options) {
+    return options[property]
+  }
+  return dflt
+}
+
+function cdt2d(points, edges, options) {
+
+  if(!Array.isArray(edges)) {
+    options = edges || {}
+    edges = []
+  } else {
+    options = options || {}
+    edges = edges || []
+  }
+
+  //Parse out options
+  var delaunay = !!getDefault(options, 'delaunay', true)
+  var interior = !!getDefault(options, 'interior', true)
+  var exterior = !!getDefault(options, 'exterior', true)
+  var infinity = !!getDefault(options, 'infinity', false)
+
+  //Handle trivial case
+  if((!interior && !exterior) || points.length === 0) {
+    return []
+  }
+
+  //Construct initial triangulation
+  var cells = monotoneTriangulate(points, edges)
+
+  //If delaunay refinement needed, then improve quality by edge flipping
+  if(delaunay || interior !== exterior || infinity) {
+
+    //Index all of the cells to support fast neighborhood queries
+    var triangulation = makeIndex(points.length, canonicalizeEdges(edges))
+    for(var i=0; i<cells.length; ++i) {
+      var f = cells[i]
+      triangulation.addTriangle(f[0], f[1], f[2])
+    }
+
+    //Run edge flipping
+    if(delaunay) {
+      delaunayFlip(points, triangulation)
+    }
+
+    //Filter points
+    if(!exterior) {
+      return filterTriangulation(triangulation, -1)
+    } else if(!interior) {
+      return filterTriangulation(triangulation,  1, infinity)
+    } else if(infinity) {
+      return filterTriangulation(triangulation, 0, infinity)
+    } else {
+      return triangulation.cells()
+    }
+    
+  } else {
+    return cells
+  }
+}
+
+},{"./lib/delaunay":80,"./lib/filter":81,"./lib/monotone":82,"./lib/triangulation":83}],80:[function(require,module,exports){
+'use strict'
+
+var inCircle = require('robust-in-sphere')[4]
+var bsearch = require('binary-search-bounds')
+
+module.exports = delaunayRefine
+
+function testFlip(points, triangulation, stack, a, b, x) {
+  var y = triangulation.opposite(a, b)
+
+  //Test boundary edge
+  if(y < 0) {
+    return
+  }
+
+  //Swap edge if order flipped
+  if(b < a) {
+    var tmp = a
+    a = b
+    b = tmp
+    tmp = x
+    x = y
+    y = tmp
+  }
+
+  //Test if edge is constrained
+  if(triangulation.isConstraint(a, b)) {
+    return
+  }
+
+  //Test if edge is delaunay
+  if(inCircle(points[a], points[b], points[x], points[y]) < 0) {
+    stack.push(a, b)
+  }
+}
+
+//Assume edges are sorted lexicographically
+function delaunayRefine(points, triangulation) {
+  var stack = []
+
+  var numPoints = points.length
+  var stars = triangulation.stars
+  for(var a=0; a<numPoints; ++a) {
+    var star = stars[a]
+    for(var j=1; j<star.length; j+=2) {
+      var b = star[j]
+
+      //If order is not consistent, then skip edge
+      if(b < a) {
+        continue
+      }
+
+      //Check if edge is constrained
+      if(triangulation.isConstraint(a, b)) {
+        continue
+      }
+
+      //Find opposite edge
+      var x = star[j-1], y = -1
+      for(var k=1; k<star.length; k+=2) {
+        if(star[k-1] === b) {
+          y = star[k]
+          break
+        }
+      }
+
+      //If this is a boundary edge, don't flip it
+      if(y < 0) {
+        continue
+      }
+
+      //If edge is in circle, flip it
+      if(inCircle(points[a], points[b], points[x], points[y]) < 0) {
+        stack.push(a, b)
+      }
+    }
+  }
+
+  while(stack.length > 0) {
+    var b = stack.pop()
+    var a = stack.pop()
+
+    //Find opposite pairs
+    var x = -1, y = -1
+    var star = stars[a]
+    for(var i=1; i<star.length; i+=2) {
+      var s = star[i-1]
+      var t = star[i]
+      if(s === b) {
+        y = t
+      } else if(t === b) {
+        x = s
+      }
+    }
+
+    //If x/y are both valid then skip edge
+    if(x < 0 || y < 0) {
+      continue
+    }
+
+    //If edge is now delaunay, then don't flip it
+    if(inCircle(points[a], points[b], points[x], points[y]) >= 0) {
+      continue
+    }
+
+    //Flip the edge
+    triangulation.flip(a, b)
+
+    //Test flipping neighboring edges
+    testFlip(points, triangulation, stack, x, a, y)
+    testFlip(points, triangulation, stack, a, y, x)
+    testFlip(points, triangulation, stack, y, b, x)
+    testFlip(points, triangulation, stack, b, x, y)
+  }
+}
+
+},{"binary-search-bounds":84,"robust-in-sphere":506}],81:[function(require,module,exports){
+'use strict'
+
+var bsearch = require('binary-search-bounds')
+
+module.exports = classifyFaces
+
+function FaceIndex(cells, neighbor, constraint, flags, active, next, boundary) {
+  this.cells       = cells
+  this.neighbor    = neighbor
+  this.flags       = flags
+  this.constraint  = constraint
+  this.active      = active
+  this.next        = next
+  this.boundary    = boundary
+}
+
+var proto = FaceIndex.prototype
+
+function compareCell(a, b) {
+  return a[0] - b[0] ||
+         a[1] - b[1] ||
+         a[2] - b[2]
+}
+
+proto.locate = (function() {
+  var key = [0,0,0]
+  return function(a, b, c) {
+    var x = a, y = b, z = c
+    if(b < c) {
+      if(b < a) {
+        x = b
+        y = c
+        z = a
+      }
+    } else if(c < a) {
+      x = c
+      y = a
+      z = b
+    }
+    if(x < 0) {
+      return -1
+    }
+    key[0] = x
+    key[1] = y
+    key[2] = z
+    return bsearch.eq(this.cells, key, compareCell)
+  }
+})()
+
+function indexCells(triangulation, infinity) {
+  //First get cells and canonicalize
+  var cells = triangulation.cells()
+  var nc = cells.length
+  for(var i=0; i<nc; ++i) {
+    var c = cells[i]
+    var x = c[0], y = c[1], z = c[2]
+    if(y < z) {
+      if(y < x) {
+        c[0] = y
+        c[1] = z
+        c[2] = x
+      }
+    } else if(z < x) {
+      c[0] = z
+      c[1] = x
+      c[2] = y
+    }
+  }
+  cells.sort(compareCell)
+
+  //Initialize flag array
+  var flags = new Array(nc)
+  for(var i=0; i<flags.length; ++i) {
+    flags[i] = 0
+  }
+
+  //Build neighbor index, initialize queues
+  var active = []
+  var next   = []
+  var neighbor = new Array(3*nc)
+  var constraint = new Array(3*nc)
+  var boundary = null
+  if(infinity) {
+    boundary = []
+  }
+  var index = new FaceIndex(
+    cells,
+    neighbor,
+    constraint,
+    flags,
+    active,
+    next,
+    boundary)
+  for(var i=0; i<nc; ++i) {
+    var c = cells[i]
+    for(var j=0; j<3; ++j) {
+      var x = c[j], y = c[(j+1)%3]
+      var a = neighbor[3*i+j] = index.locate(y, x, triangulation.opposite(y, x))
+      var b = constraint[3*i+j] = triangulation.isConstraint(x, y)
+      if(a < 0) {
+        if(b) {
+          next.push(i)
+        } else {
+          active.push(i)
+          flags[i] = 1
+        }
+        if(infinity) {
+          boundary.push([y, x, -1])
+        }
+      }
+    }
+  }
+  return index
+}
+
+function filterCells(cells, flags, target) {
+  var ptr = 0
+  for(var i=0; i<cells.length; ++i) {
+    if(flags[i] === target) {
+      cells[ptr++] = cells[i]
+    }
+  }
+  cells.length = ptr
+  return cells
+}
+
+function classifyFaces(triangulation, target, infinity) {
+  var index = indexCells(triangulation, infinity)
+
+  if(target === 0) {
+    if(infinity) {
+      return index.cells.concat(index.boundary)
+    } else {
+      return index.cells
+    }
+  }
+
+  var side = 1
+  var active = index.active
+  var next = index.next
+  var flags = index.flags
+  var cells = index.cells
+  var constraint = index.constraint
+  var neighbor = index.neighbor
+
+  while(active.length > 0 || next.length > 0) {
+    while(active.length > 0) {
+      var t = active.pop()
+      if(flags[t] === -side) {
+        continue
+      }
+      flags[t] = side
+      var c = cells[t]
+      for(var j=0; j<3; ++j) {
+        var f = neighbor[3*t+j]
+        if(f >= 0 && flags[f] === 0) {
+          if(constraint[3*t+j]) {
+            next.push(f)
+          } else {
+            active.push(f)
+            flags[f] = side
+          }
+        }
+      }
+    }
+
+    //Swap arrays and loop
+    var tmp = next
+    next = active
+    active = tmp
+    next.length = 0
+    side = -side
+  }
+
+  var result = filterCells(cells, flags, target)
+  if(infinity) {
+    return result.concat(index.boundary)
+  }
+  return result
+}
+
+},{"binary-search-bounds":84}],82:[function(require,module,exports){
+'use strict'
+
+var bsearch = require('binary-search-bounds')
+var orient = require('robust-orientation')[3]
+
+var EVENT_POINT = 0
+var EVENT_END   = 1
+var EVENT_START = 2
+
+module.exports = monotoneTriangulate
+
+//A partial convex hull fragment, made of two unimonotone polygons
+function PartialHull(a, b, idx, lowerIds, upperIds) {
+  this.a = a
+  this.b = b
+  this.idx = idx
+  this.lowerIds = lowerIds
+  this.upperIds = upperIds
+}
+
+//An event in the sweep line procedure
+function Event(a, b, type, idx) {
+  this.a    = a
+  this.b    = b
+  this.type = type
+  this.idx  = idx
+}
+
+//This is used to compare events for the sweep line procedure
+// Points are:
+//  1. sorted lexicographically
+//  2. sorted by type  (point < end < start)
+//  3. segments sorted by winding order
+//  4. sorted by index
+function compareEvent(a, b) {
+  var d =
+    (a.a[0] - b.a[0]) ||
+    (a.a[1] - b.a[1]) ||
+    (a.type - b.type)
+  if(d) { return d }
+  if(a.type !== EVENT_POINT) {
+    d = orient(a.a, a.b, b.b)
+    if(d) { return d }
+  }
+  return a.idx - b.idx
+}
+
+function testPoint(hull, p) {
+  return orient(hull.a, hull.b, p)
+}
+
+function addPoint(cells, hulls, points, p, idx) {
+  var lo = bsearch.lt(hulls, p, testPoint)
+  var hi = bsearch.gt(hulls, p, testPoint)
+  for(var i=lo; i<hi; ++i) {
+    var hull = hulls[i]
+
+    //Insert p into lower hull
+    var lowerIds = hull.lowerIds
+    var m = lowerIds.length
+    while(m > 1 && orient(
+        points[lowerIds[m-2]],
+        points[lowerIds[m-1]],
+        p) > 0) {
+      cells.push(
+        [lowerIds[m-1],
+         lowerIds[m-2],
+         idx])
+      m -= 1
+    }
+    lowerIds.length = m
+    lowerIds.push(idx)
+
+    //Insert p into upper hull
+    var upperIds = hull.upperIds
+    var m = upperIds.length
+    while(m > 1 && orient(
+        points[upperIds[m-2]],
+        points[upperIds[m-1]],
+        p) < 0) {
+      cells.push(
+        [upperIds[m-2],
+         upperIds[m-1],
+         idx])
+      m -= 1
+    }
+    upperIds.length = m
+    upperIds.push(idx)
+  }
+}
+
+function findSplit(hull, edge) {
+  var d
+  if(hull.a[0] < edge.a[0]) {
+    d = orient(hull.a, hull.b, edge.a)
+  } else {
+    d = orient(edge.b, edge.a, hull.a)
+  }
+  if(d) { return d }
+  if(edge.b[0] < hull.b[0]) {
+    d = orient(hull.a, hull.b, edge.b)
+  } else {
+    d = orient(edge.b, edge.a, hull.b)
+  }
+  return d || hull.idx - edge.idx
+}
+
+function splitHulls(hulls, points, event) {
+  var splitIdx = bsearch.le(hulls, event, findSplit)
+  var hull = hulls[splitIdx]
+  var upperIds = hull.upperIds
+  var x = upperIds[upperIds.length-1]
+  hull.upperIds = [x]
+  hulls.splice(splitIdx+1, 0,
+    new PartialHull(event.a, event.b, event.idx, [x], upperIds))
+}
+
+
+function mergeHulls(hulls, points, event) {
+  //Swap pointers for merge search
+  var tmp = event.a
+  event.a = event.b
+  event.b = tmp
+  var mergeIdx = bsearch.eq(hulls, event, findSplit)
+  var upper = hulls[mergeIdx]
+  var lower = hulls[mergeIdx-1]
+  lower.upperIds = upper.upperIds
+  hulls.splice(mergeIdx, 1)
+}
+
+
+function monotoneTriangulate(points, edges) {
+
+  var numPoints = points.length
+  var numEdges = edges.length
+
+  var events = []
+
+  //Create point events
+  for(var i=0; i<numPoints; ++i) {
+    events.push(new Event(
+      points[i],
+      null,
+      EVENT_POINT,
+      i))
+  }
+
+  //Create edge events
+  for(var i=0; i<numEdges; ++i) {
+    var e = edges[i]
+    var a = points[e[0]]
+    var b = points[e[1]]
+    if(a[0] < b[0]) {
+      events.push(
+        new Event(a, b, EVENT_START, i),
+        new Event(b, a, EVENT_END, i))
+    } else if(a[0] > b[0]) {
+      events.push(
+        new Event(b, a, EVENT_START, i),
+        new Event(a, b, EVENT_END, i))
+    }
+  }
+
+  //Sort events
+  events.sort(compareEvent)
+
+  //Initialize hull
+  var minX = events[0].a[0] - (1 + Math.abs(events[0].a[0])) * Math.pow(2, -52)
+  var hull = [ new PartialHull([minX, 1], [minX, 0], -1, [], [], [], []) ]
+
+  //Process events in order
+  var cells = []
+  for(var i=0, numEvents=events.length; i<numEvents; ++i) {
+    var event = events[i]
+    var type = event.type
+    if(type === EVENT_POINT) {
+      addPoint(cells, hull, points, event.a, event.idx)
+    } else if(type === EVENT_START) {
+      splitHulls(hull, points, event)
+    } else {
+      mergeHulls(hull, points, event)
+    }
+  }
+
+  //Return triangulation
+  return cells
+}
+
+},{"binary-search-bounds":84,"robust-orientation":508}],83:[function(require,module,exports){
+'use strict'
+
+var bsearch = require('binary-search-bounds')
+
+module.exports = createTriangulation
+
+function Triangulation(stars, edges) {
+  this.stars = stars
+  this.edges = edges
+}
+
+var proto = Triangulation.prototype
+
+function removePair(list, j, k) {
+  for(var i=1, n=list.length; i<n; i+=2) {
+    if(list[i-1] === j && list[i] === k) {
+      list[i-1] = list[n-2]
+      list[i] = list[n-1]
+      list.length = n - 2
+      return
+    }
+  }
+}
+
+proto.isConstraint = (function() {
+  var e = [0,0]
+  function compareLex(a, b) {
+    return a[0] - b[0] || a[1] - b[1]
+  }
+  return function(i, j) {
+    e[0] = Math.min(i,j)
+    e[1] = Math.max(i,j)
+    return bsearch.eq(this.edges, e, compareLex) >= 0
+  }
+})()
+
+proto.removeTriangle = function(i, j, k) {
+  var stars = this.stars
+  removePair(stars[i], j, k)
+  removePair(stars[j], k, i)
+  removePair(stars[k], i, j)
+}
+
+proto.addTriangle = function(i, j, k) {
+  var stars = this.stars
+  stars[i].push(j, k)
+  stars[j].push(k, i)
+  stars[k].push(i, j)
+}
+
+proto.opposite = function(j, i) {
+  var list = this.stars[i]
+  for(var k=1, n=list.length; k<n; k+=2) {
+    if(list[k] === j) {
+      return list[k-1]
+    }
+  }
+  return -1
+}
+
+proto.flip = function(i, j) {
+  var a = this.opposite(i, j)
+  var b = this.opposite(j, i)
+  this.removeTriangle(i, j, a)
+  this.removeTriangle(j, i, b)
+  this.addTriangle(i, b, a)
+  this.addTriangle(j, a, b)
+}
+
+proto.edges = function() {
+  var stars = this.stars
+  var result = []
+  for(var i=0, n=stars.length; i<n; ++i) {
+    var list = stars[i]
+    for(var j=0, m=list.length; j<m; j+=2) {
+      result.push([list[j], list[j+1]])
+    }
+  }
+  return result
+}
+
+proto.cells = function() {
+  var stars = this.stars
+  var result = []
+  for(var i=0, n=stars.length; i<n; ++i) {
+    var list = stars[i]
+    for(var j=0, m=list.length; j<m; j+=2) {
+      var s = list[j]
+      var t = list[j+1]
+      if(i < Math.min(s, t)) {
+        result.push([i, s, t])
+      }
+    }
+  }
+  return result
+}
+
+function createTriangulation(numVerts, edges) {
+  var stars = new Array(numVerts)
+  for(var i=0; i<numVerts; ++i) {
+    stars[i] = []
+  }
+  return new Triangulation(stars, edges)
+}
+
+},{"binary-search-bounds":84}],84:[function(require,module,exports){
+"use strict"
+
+function compileSearch(funcName, predicate, reversed, extraArgs, earlyOut) {
+  var code = [
+    "function ", funcName, "(a,l,h,", extraArgs.join(","),  "){",
+earlyOut ? "" : "var i=", (reversed ? "l-1" : "h+1"),
+";while(l<=h){\
+var m=(l+h)>>>1,x=a[m]"]
+  if(earlyOut) {
+    if(predicate.indexOf("c") < 0) {
+      code.push(";if(x===y){return m}else if(x<=y){")
+    } else {
+      code.push(";var p=c(x,y);if(p===0){return m}else if(p<=0){")
+    }
+  } else {
+    code.push(";if(", predicate, "){i=m;")
+  }
+  if(reversed) {
+    code.push("l=m+1}else{h=m-1}")
+  } else {
+    code.push("h=m-1}else{l=m+1}")
+  }
+  code.push("}")
+  if(earlyOut) {
+    code.push("return -1};")
+  } else {
+    code.push("return i};")
+  }
+  return code.join("")
+}
+
+function compileBoundsSearch(predicate, reversed, suffix, earlyOut) {
+  var result = new Function([
+  compileSearch("A", "x" + predicate + "y", reversed, ["y"], earlyOut),
+  compileSearch("P", "c(x,y)" + predicate + "0", reversed, ["y", "c"], earlyOut),
+"function dispatchBsearch", suffix, "(a,y,c,l,h){\
+if(typeof(c)==='function'){\
+return P(a,(l===void 0)?0:l|0,(h===void 0)?a.length-1:h|0,y,c)\
+}else{\
+return A(a,(c===void 0)?0:c|0,(l===void 0)?a.length-1:l|0,y)\
+}}\
+return dispatchBsearch", suffix].join(""))
+  return result()
+}
+
+module.exports = {
+  ge: compileBoundsSearch(">=", false, "GE"),
+  gt: compileBoundsSearch(">", false, "GT"),
+  lt: compileBoundsSearch("<", true, "LT"),
+  le: compileBoundsSearch("<=", true, "LE"),
+  eq: compileBoundsSearch("-", true, "EQ", true)
+}
+
+},{}],85:[function(require,module,exports){
+'use strict'
+
+module.exports = orientation
+
+function orientation(s) {
+  var p = 1
+  for(var i=1; i<s.length; ++i) {
+    for(var j=0; j<i; ++j) {
+      if(s[i] < s[j]) {
+        p = -p
+      } else if(s[j] === s[i]) {
+        return 0
+      }
+    }
+  }
+  return p
+}
+
+},{}],86:[function(require,module,exports){
+"use strict"
+
+var dup = require("dup")
+var solve = require("robust-linear-solve")
+
+function dot(a, b) {
+  var s = 0.0
+  var d = a.length
+  for(var i=0; i<d; ++i) {
+    s += a[i] * b[i]
+  }
+  return s
+}
+
+function barycentricCircumcenter(points) {
+  var N = points.length
+  if(N === 0) {
+    return []
+  }
+  
+  var D = points[0].length
+  var A = dup([points.length+1, points.length+1], 1.0)
+  var b = dup([points.length+1], 1.0)
+  A[N][N] = 0.0
+  for(var i=0; i<N; ++i) {
+    for(var j=0; j<=i; ++j) {
+      A[j][i] = A[i][j] = 2.0 * dot(points[i], points[j])
+    }
+    b[i] = dot(points[i], points[i])
+  }
+  var x = solve(A, b)
+
+  var denom = 0.0
+  var h = x[N+1]
+  for(var i=0; i<h.length; ++i) {
+    denom += h[i]
+  }
+
+  var y = new Array(N)
+  for(var i=0; i<N; ++i) {
+    var h = x[i]
+    var numer = 0.0
+    for(var j=0; j<h.length; ++j) {
+      numer += h[j]
+    }
+    y[i] =  numer / denom
+  }
+
+  return y
+}
+
+function circumcenter(points) {
+  if(points.length === 0) {
+    return []
+  }
+  var D = points[0].length
+  var result = dup([D])
+  var weights = barycentricCircumcenter(points)
+  for(var i=0; i<points.length; ++i) {
+    for(var j=0; j<D; ++j) {
+      result[j] += points[i][j] * weights[i]
+    }
+  }
+  return result
+}
+
+circumcenter.barycenetric = barycentricCircumcenter
+module.exports = circumcenter
+},{"dup":125,"robust-linear-solve":507}],87:[function(require,module,exports){
+module.exports = circumradius
+
+var circumcenter = require('circumcenter')
+
+function circumradius(points) {
+  var center = circumcenter(points)
+  var avgDist = 0.0
+  for(var i=0; i<points.length; ++i) {
+    var p = points[i]
+    for(var j=0; j<center.length; ++j) {
+      avgDist += Math.pow(p[j] - center[j], 2)
+    }
+  }
+  return Math.sqrt(avgDist / points.length)
+}
+},{"circumcenter":86}],88:[function(require,module,exports){
+module.exports = clamp
+
+function clamp(value, min, max) {
+  return min < max
+    ? (value < min ? min : value > max ? max : value)
+    : (value < max ? max : value > min ? min : value)
+}
+
+},{}],89:[function(require,module,exports){
+'use strict'
+
+module.exports = cleanPSLG
+
+var UnionFind = require('union-find')
+var boxIntersect = require('box-intersect')
+var segseg = require('robust-segment-intersect')
+var rat = require('big-rat')
+var ratCmp = require('big-rat/cmp')
+var ratToFloat = require('big-rat/to-float')
+var ratVec = require('rat-vec')
+var nextafter = require('nextafter')
+
+var solveIntersection = require('./lib/rat-seg-intersect')
+
+// Bounds on a rational number when rounded to a float
+function boundRat (r) {
+  var f = ratToFloat(r)
+  return [
+    nextafter(f, -Infinity),
+    nextafter(f, Infinity)
+  ]
+}
+
+// Convert a list of edges in a pslg to bounding boxes
+function boundEdges (points, edges) {
+  var bounds = new Array(edges.length)
+  for (var i = 0; i < edges.length; ++i) {
+    var e = edges[i]
+    var a = points[e[0]]
+    var b = points[e[1]]
+    bounds[i] = [
+      nextafter(Math.min(a[0], b[0]), -Infinity),
+      nextafter(Math.min(a[1], b[1]), -Infinity),
+      nextafter(Math.max(a[0], b[0]), Infinity),
+      nextafter(Math.max(a[1], b[1]), Infinity)
+    ]
+  }
+  return bounds
+}
+
+// Convert a list of points into bounding boxes by duplicating coords
+function boundPoints (points) {
+  var bounds = new Array(points.length)
+  for (var i = 0; i < points.length; ++i) {
+    var p = points[i]
+    bounds[i] = [
+      nextafter(p[0], -Infinity),
+      nextafter(p[1], -Infinity),
+      nextafter(p[0], Infinity),
+      nextafter(p[1], Infinity)
+    ]
+  }
+  return bounds
+}
+
+// Find all pairs of crossing edges in a pslg (given edge bounds)
+function getCrossings (points, edges, edgeBounds) {
+  var result = []
+  boxIntersect(edgeBounds, function (i, j) {
+    var e = edges[i]
+    var f = edges[j]
+    if (e[0] === f[0] || e[0] === f[1] ||
+      e[1] === f[0] || e[1] === f[1]) {
+      return
+    }
+    var a = points[e[0]]
+    var b = points[e[1]]
+    var c = points[f[0]]
+    var d = points[f[1]]
+    if (segseg(a, b, c, d)) {
+      result.push([i, j])
+    }
+  })
+  return result
+}
+
+// Find all pairs of crossing vertices in a pslg (given edge/vert bounds)
+function getTJunctions (points, edges, edgeBounds, vertBounds) {
+  var result = []
+  boxIntersect(edgeBounds, vertBounds, function (i, v) {
+    var e = edges[i]
+    if (e[0] === v || e[1] === v) {
+      return
+    }
+    var p = points[v]
+    var a = points[e[0]]
+    var b = points[e[1]]
+    if (segseg(a, b, p, p)) {
+      result.push([i, v])
+    }
+  })
+  return result
+}
+
+// Cut edges along crossings/tjunctions
+function cutEdges (floatPoints, edges, crossings, junctions, useColor) {
+  var i, e
+
+  // Convert crossings into tjunctions by constructing rational points
+  var ratPoints = floatPoints.map(function(p) {
+      return [
+          rat(p[0]),
+          rat(p[1])
+      ]
+  })
+  for (i = 0; i < crossings.length; ++i) {
+    var crossing = crossings[i]
+    e = crossing[0]
+    var f = crossing[1]
+    var ee = edges[e]
+    var ef = edges[f]
+    var x = solveIntersection(
+      ratVec(floatPoints[ee[0]]),
+      ratVec(floatPoints[ee[1]]),
+      ratVec(floatPoints[ef[0]]),
+      ratVec(floatPoints[ef[1]]))
+    if (!x) {
+      // Segments are parallel, should already be handled by t-junctions
+      continue
+    }
+    var idx = floatPoints.length
+    floatPoints.push([ratToFloat(x[0]), ratToFloat(x[1])])
+    ratPoints.push(x)
+    junctions.push([e, idx], [f, idx])
+  }
+
+  // Sort tjunctions
+  junctions.sort(function (a, b) {
+    if (a[0] !== b[0]) {
+      return a[0] - b[0]
+    }
+    var u = ratPoints[a[1]]
+    var v = ratPoints[b[1]]
+    return ratCmp(u[0], v[0]) || ratCmp(u[1], v[1])
+  })
+
+  // Split edges along junctions
+  for (i = junctions.length - 1; i >= 0; --i) {
+    var junction = junctions[i]
+    e = junction[0]
+
+    var edge = edges[e]
+    var s = edge[0]
+    var t = edge[1]
+
+    // Check if edge is not lexicographically sorted
+    var a = floatPoints[s]
+    var b = floatPoints[t]
+    if (((a[0] - b[0]) || (a[1] - b[1])) < 0) {
+      var tmp = s
+      s = t
+      t = tmp
+    }
+
+    // Split leading edge
+    edge[0] = s
+    var last = edge[1] = junction[1]
+
+    // If we are grouping edges by color, remember to track data
+    var color
+    if (useColor) {
+      color = edge[2]
+    }
+
+    // Split other edges
+    while (i > 0 && junctions[i - 1][0] === e) {
+      var junction = junctions[--i]
+      var next = junction[1]
+      if (useColor) {
+        edges.push([last, next, color])
+      } else {
+        edges.push([last, next])
+      }
+      last = next
+    }
+
+    // Add final edge
+    if (useColor) {
+      edges.push([last, t, color])
+    } else {
+      edges.push([last, t])
+    }
+  }
+
+  // Return constructed rational points
+  return ratPoints
+}
+
+// Merge overlapping points
+function dedupPoints (floatPoints, ratPoints, floatBounds) {
+  var numPoints = ratPoints.length
+  var uf = new UnionFind(numPoints)
+
+  // Compute rational bounds
+  var bounds = []
+  for (var i = 0; i < ratPoints.length; ++i) {
+    var p = ratPoints[i]
+    var xb = boundRat(p[0])
+    var yb = boundRat(p[1])
+    bounds.push([
+      nextafter(xb[0], -Infinity),
+      nextafter(yb[0], -Infinity),
+      nextafter(xb[1], Infinity),
+      nextafter(yb[1], Infinity)
+    ])
+  }
+
+  // Link all points with over lapping boxes
+  boxIntersect(bounds, function (i, j) {
+    uf.link(i, j)
+  })
+
+  // Do 1 pass over points to combine points in label sets
+  var noDupes = true
+  var labels = new Array(numPoints)
+  for (var i = 0; i < numPoints; ++i) {
+    var j = uf.find(i)
+    if (j !== i) {
+      // Clear no-dupes flag, zero out label
+      noDupes = false
+      // Make each point the top-left point from its cell
+      floatPoints[j] = [
+        Math.min(floatPoints[i][0], floatPoints[j][0]),
+        Math.min(floatPoints[i][1], floatPoints[j][1])
+      ]
+    }
+  }
+
+  // If no duplicates, return null to signal termination
+  if (noDupes) {
+    return null
+  }
+
+  var ptr = 0
+  for (var i = 0; i < numPoints; ++i) {
+    var j = uf.find(i)
+    if (j === i) {
+      labels[i] = ptr
+      floatPoints[ptr++] = floatPoints[i]
+    } else {
+      labels[i] = -1
+    }
+  }
+
+  floatPoints.length = ptr
+
+  // Do a second pass to fix up missing labels
+  for (var i = 0; i < numPoints; ++i) {
+    if (labels[i] < 0) {
+      labels[i] = labels[uf.find(i)]
+    }
+  }
+
+  // Return resulting union-find data structure
+  return labels
+}
+
+function compareLex2 (a, b) { return (a[0] - b[0]) || (a[1] - b[1]) }
+function compareLex3 (a, b) {
+  var d = (a[0] - b[0]) || (a[1] - b[1])
+  if (d) {
+    return d
+  }
+  if (a[2] < b[2]) {
+    return -1
+  } else if (a[2] > b[2]) {
+    return 1
+  }
+  return 0
+}
+
+// Remove duplicate edge labels
+function dedupEdges (edges, labels, useColor) {
+  if (edges.length === 0) {
+    return
+  }
+  if (labels) {
+    for (var i = 0; i < edges.length; ++i) {
+      var e = edges[i]
+      var a = labels[e[0]]
+      var b = labels[e[1]]
+      e[0] = Math.min(a, b)
+      e[1] = Math.max(a, b)
+    }
+  } else {
+    for (var i = 0; i < edges.length; ++i) {
+      var e = edges[i]
+      var a = e[0]
+      var b = e[1]
+      e[0] = Math.min(a, b)
+      e[1] = Math.max(a, b)
+    }
+  }
+  if (useColor) {
+    edges.sort(compareLex3)
+  } else {
+    edges.sort(compareLex2)
+  }
+  var ptr = 1
+  for (var i = 1; i < edges.length; ++i) {
+    var prev = edges[i - 1]
+    var next = edges[i]
+    if (next[0] === prev[0] && next[1] === prev[1] &&
+      (!useColor || next[2] === prev[2])) {
+      continue
+    }
+    edges[ptr++] = next
+  }
+  edges.length = ptr
+}
+
+function preRound (points, edges, useColor) {
+  var labels = dedupPoints(points, [], boundPoints(points))
+  dedupEdges(edges, labels, useColor)
+  return !!labels
+}
+
+// Repeat until convergence
+function snapRound (points, edges, useColor) {
+  // 1. find edge crossings
+  var edgeBounds = boundEdges(points, edges)
+  var crossings = getCrossings(points, edges, edgeBounds)
+
+  // 2. find t-junctions
+  var vertBounds = boundPoints(points)
+  var tjunctions = getTJunctions(points, edges, edgeBounds, vertBounds)
+
+  // 3. cut edges, construct rational points
+  var ratPoints = cutEdges(points, edges, crossings, tjunctions, useColor)
+
+  // 4. dedupe verts
+  var labels = dedupPoints(points, ratPoints, vertBounds)
+
+  // 5. dedupe edges
+  dedupEdges(edges, labels, useColor)
+
+  // 6. check termination
+  if (!labels) {
+    return (crossings.length > 0 || tjunctions.length > 0)
+  }
+
+  // More iterations necessary
+  return true
+}
+
+// Main loop, runs PSLG clean up until completion
+function cleanPSLG (points, edges, colors) {
+  // If using colors, augment edges with color data
+  var prevEdges
+  if (colors) {
+    prevEdges = edges
+    var augEdges = new Array(edges.length)
+    for (var i = 0; i < edges.length; ++i) {
+      var e = edges[i]
+      augEdges[i] = [e[0], e[1], colors[i]]
+    }
+    edges = augEdges
+  }
+
+  // First round: remove duplicate edges and points
+  var modified = preRound(points, edges, !!colors)
+
+  // Run snap rounding until convergence
+  while (snapRound(points, edges, !!colors)) {
+    modified = true
+  }
+
+  // Strip color tags
+  if (!!colors && modified) {
+    prevEdges.length = 0
+    colors.length = 0
+    for (var i = 0; i < edges.length; ++i) {
+      var e = edges[i]
+      prevEdges.push([e[0], e[1]])
+      colors.push(e[2])
+    }
+  }
+
+  return modified
+}
+
+},{"./lib/rat-seg-intersect":90,"big-rat":53,"big-rat/cmp":51,"big-rat/to-float":65,"box-intersect":70,"nextafter":468,"rat-vec":495,"robust-segment-intersect":511,"union-find":542}],90:[function(require,module,exports){
+'use strict'
+
+module.exports = solveIntersection
+
+var ratMul = require('big-rat/mul')
+var ratDiv = require('big-rat/div')
+var ratSub = require('big-rat/sub')
+var ratSign = require('big-rat/sign')
+var rvSub = require('rat-vec/sub')
+var rvAdd = require('rat-vec/add')
+var rvMuls = require('rat-vec/muls')
+
+function ratPerp (a, b) {
+  return ratSub(ratMul(a[0], b[1]), ratMul(a[1], b[0]))
+}
+
+// Solve for intersection
+//  x = a + t (b-a)
+//  (x - c) ^ (d-c) = 0
+//  (t * (b-a) + (a-c) ) ^ (d-c) = 0
+//  t * (b-a)^(d-c) = (d-c)^(a-c)
+//  t = (d-c)^(a-c) / (b-a)^(d-c)
+
+function solveIntersection (a, b, c, d) {
+  var ba = rvSub(b, a)
+  var dc = rvSub(d, c)
+
+  var baXdc = ratPerp(ba, dc)
+
+  if (ratSign(baXdc) === 0) {
+    return null
+  }
+
+  var ac = rvSub(a, c)
+  var dcXac = ratPerp(dc, ac)
+
+  var t = ratDiv(dcXac, baXdc)
+  var s = rvMuls(ba, t)
+  var r = rvAdd(a, s)
+
+  return r
+}
+
+},{"big-rat/div":52,"big-rat/mul":62,"big-rat/sign":63,"big-rat/sub":64,"rat-vec/add":494,"rat-vec/muls":496,"rat-vec/sub":497}],91:[function(require,module,exports){
+(function (Buffer){
+var clone = (function() {
+'use strict';
+
+/**
+ * Clones (copies) an Object using deep copying.
+ *
+ * This function supports circular references by default, but if you are certain
+ * there are no circular references in your object, you can save some CPU time
+ * by calling clone(obj, false).
+ *
+ * Caution: if `circular` is false and `parent` contains circular references,
+ * your program may enter an infinite loop and crash.
+ *
+ * @param `parent` - the object to be cloned
+ * @param `circular` - set to true if the object to be cloned may contain
+ *    circular references. (optional - true by default)
+ * @param `depth` - set to a number if the object is only to be cloned to
+ *    a particular depth. (optional - defaults to Infinity)
+ * @param `prototype` - sets the prototype to be used when cloning an object.
+ *    (optional - defaults to parent prototype).
+*/
+function clone(parent, circular, depth, prototype) {
+  var filter;
+  if (typeof circular === 'object') {
+    depth = circular.depth;
+    prototype = circular.prototype;
+    filter = circular.filter;
+    circular = circular.circular
+  }
+  // maintain two arrays for circular references, where corresponding parents
+  // and children have the same index
+  var allParents = [];
+  var allChildren = [];
+
+  var useBuffer = typeof Buffer != 'undefined';
+
+  if (typeof circular == 'undefined')
+    circular = true;
+
+  if (typeof depth == 'undefined')
+    depth = Infinity;
+
+  // recurse this function so we don't reset allParents and allChildren
+  function _clone(parent, depth) {
+    // cloning null always returns null
+    if (parent === null)
+      return null;
+
+    if (depth == 0)
+      return parent;
+
+    var child;
+    var proto;
+    if (typeof parent != 'object') {
+      return parent;
+    }
+
+    if (clone.__isArray(parent)) {
+      child = [];
+    } else if (clone.__isRegExp(parent)) {
+      child = new RegExp(parent.source, __getRegExpFlags(parent));
+      if (parent.lastIndex) child.lastIndex = parent.lastIndex;
+    } else if (clone.__isDate(parent)) {
+      child = new Date(parent.getTime());
+    } else if (useBuffer && Buffer.isBuffer(parent)) {
+      child = new Buffer(parent.length);
+      parent.copy(child);
+      return child;
+    } else {
+      if (typeof prototype == 'undefined') {
+        proto = Object.getPrototypeOf(parent);
+        child = Object.create(proto);
+      }
+      else {
+        child = Object.create(prototype);
+        proto = prototype;
+      }
+    }
+
+    if (circular) {
+      var index = allParents.indexOf(parent);
+
+      if (index != -1) {
+        return allChildren[index];
+      }
+      allParents.push(parent);
+      allChildren.push(child);
+    }
+
+    for (var i in parent) {
+      var attrs;
+      if (proto) {
+        attrs = Object.getOwnPropertyDescriptor(proto, i);
+      }
+
+      if (attrs && attrs.set == null) {
+        continue;
+      }
+      child[i] = _clone(parent[i], depth - 1);
+    }
+
+    return child;
+  }
+
+  return _clone(parent, depth);
+}
+
+/**
+ * Simple flat clone using prototype, accepts only objects, usefull for property
+ * override on FLAT configuration object (no nested props).
+ *
+ * USE WITH CAUTION! This may not behave as you wish if you do not know how this
+ * works.
+ */
+clone.clonePrototype = function clonePrototype(parent) {
+  if (parent === null)
+    return null;
+
+  var c = function () {};
+  c.prototype = parent;
+  return new c();
+};
+
+// private utility functions
+
+function __objToStr(o) {
+  return Object.prototype.toString.call(o);
+};
+clone.__objToStr = __objToStr;
+
+function __isDate(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object Date]';
+};
+clone.__isDate = __isDate;
+
+function __isArray(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object Array]';
+};
+clone.__isArray = __isArray;
+
+function __isRegExp(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object RegExp]';
+};
+clone.__isRegExp = __isRegExp;
+
+function __getRegExpFlags(re) {
+  var flags = '';
+  if (re.global) flags += 'g';
+  if (re.ignoreCase) flags += 'i';
+  if (re.multiline) flags += 'm';
+  return flags;
+};
+clone.__getRegExpFlags = __getRegExpFlags;
+
+return clone;
+})();
+
+if (typeof module === 'object' && module.exports) {
+  module.exports = clone;
+}
+
+}).call(this,require("buffer").Buffer)
+},{"buffer":77}],92:[function(require,module,exports){
+/** @module  color-id */
+
+'use strict'
+
+var clamp = require('clamp')
+
+module.exports = toNumber
+module.exports.to = toNumber
+module.exports.from = fromNumber
+
+function toNumber (rgba, normalized) {
+	if(normalized == null) normalized = true
+
+	var r = rgba[0], g = rgba[1], b = rgba[2], a = rgba[3]
+
+	if (a == null) a = normalized ? 1 : 255
+
+	if (normalized) {
+		r *= 255
+		g *= 255
+		b *= 255
+		a *= 255
+	}
+
+	r = clamp(r, 0, 255) & 0xFF
+	g = clamp(g, 0, 255) & 0xFF
+	b = clamp(b, 0, 255) & 0xFF
+	a = clamp(a, 0, 255) & 0xFF
+
+	//hi-order shift converts to -1, so we can't use <<24
+	var n = (r * 0x01000000) + (g << 16) + (b << 8) + (a)
+
+	return n
+}
+
+function fromNumber (n, normalized) {
+	n = +n
+
+	var r = n >>> 24
+	var g = (n & 0x00ff0000) >>> 16
+	var b = (n & 0x0000ff00) >>> 8
+	var a = n & 0x000000ff
+
+	if (normalized === false) return [r, g, b, a]
+
+	return [r/255, g/255, b/255, a/255]
+}
+
+},{"clamp":88}],93:[function(require,module,exports){
+'use strict'
+
+module.exports = {
+	"aliceblue": [240, 248, 255],
+	"antiquewhite": [250, 235, 215],
+	"aqua": [0, 255, 255],
+	"aquamarine": [127, 255, 212],
+	"azure": [240, 255, 255],
+	"beige": [245, 245, 220],
+	"bisque": [255, 228, 196],
+	"black": [0, 0, 0],
+	"blanchedalmond": [255, 235, 205],
+	"blue": [0, 0, 255],
+	"blueviolet": [138, 43, 226],
+	"brown": [165, 42, 42],
+	"burlywood": [222, 184, 135],
+	"cadetblue": [95, 158, 160],
+	"chartreuse": [127, 255, 0],
+	"chocolate": [210, 105, 30],
+	"coral": [255, 127, 80],
+	"cornflowerblue": [100, 149, 237],
+	"cornsilk": [255, 248, 220],
+	"crimson": [220, 20, 60],
+	"cyan": [0, 255, 255],
+	"darkblue": [0, 0, 139],
+	"darkcyan": [0, 139, 139],
+	"darkgoldenrod": [184, 134, 11],
+	"darkgray": [169, 169, 169],
+	"darkgreen": [0, 100, 0],
+	"darkgrey": [169, 169, 169],
+	"darkkhaki": [189, 183, 107],
+	"darkmagenta": [139, 0, 139],
+	"darkolivegreen": [85, 107, 47],
+	"darkorange": [255, 140, 0],
+	"darkorchid": [153, 50, 204],
+	"darkred": [139, 0, 0],
+	"darksalmon": [233, 150, 122],
+	"darkseagreen": [143, 188, 143],
+	"darkslateblue": [72, 61, 139],
+	"darkslategray": [47, 79, 79],
+	"darkslategrey": [47, 79, 79],
+	"darkturquoise": [0, 206, 209],
+	"darkviolet": [148, 0, 211],
+	"deeppink": [255, 20, 147],
+	"deepskyblue": [0, 191, 255],
+	"dimgray": [105, 105, 105],
+	"dimgrey": [105, 105, 105],
+	"dodgerblue": [30, 144, 255],
+	"firebrick": [178, 34, 34],
+	"floralwhite": [255, 250, 240],
+	"forestgreen": [34, 139, 34],
+	"fuchsia": [255, 0, 255],
+	"gainsboro": [220, 220, 220],
+	"ghostwhite": [248, 248, 255],
+	"gold": [255, 215, 0],
+	"goldenrod": [218, 165, 32],
+	"gray": [128, 128, 128],
+	"green": [0, 128, 0],
+	"greenyellow": [173, 255, 47],
+	"grey": [128, 128, 128],
+	"honeydew": [240, 255, 240],
+	"hotpink": [255, 105, 180],
+	"indianred": [205, 92, 92],
+	"indigo": [75, 0, 130],
+	"ivory": [255, 255, 240],
+	"khaki": [240, 230, 140],
+	"lavender": [230, 230, 250],
+	"lavenderblush": [255, 240, 245],
+	"lawngreen": [124, 252, 0],
+	"lemonchiffon": [255, 250, 205],
+	"lightblue": [173, 216, 230],
+	"lightcoral": [240, 128, 128],
+	"lightcyan": [224, 255, 255],
+	"lightgoldenrodyellow": [250, 250, 210],
+	"lightgray": [211, 211, 211],
+	"lightgreen": [144, 238, 144],
+	"lightgrey": [211, 211, 211],
+	"lightpink": [255, 182, 193],
+	"lightsalmon": [255, 160, 122],
+	"lightseagreen": [32, 178, 170],
+	"lightskyblue": [135, 206, 250],
+	"lightslategray": [119, 136, 153],
+	"lightslategrey": [119, 136, 153],
+	"lightsteelblue": [176, 196, 222],
+	"lightyellow": [255, 255, 224],
+	"lime": [0, 255, 0],
+	"limegreen": [50, 205, 50],
+	"linen": [250, 240, 230],
+	"magenta": [255, 0, 255],
+	"maroon": [128, 0, 0],
+	"mediumaquamarine": [102, 205, 170],
+	"mediumblue": [0, 0, 205],
+	"mediumorchid": [186, 85, 211],
+	"mediumpurple": [147, 112, 219],
+	"mediumseagreen": [60, 179, 113],
+	"mediumslateblue": [123, 104, 238],
+	"mediumspringgreen": [0, 250, 154],
+	"mediumturquoise": [72, 209, 204],
+	"mediumvioletred": [199, 21, 133],
+	"midnightblue": [25, 25, 112],
+	"mintcream": [245, 255, 250],
+	"mistyrose": [255, 228, 225],
+	"moccasin": [255, 228, 181],
+	"navajowhite": [255, 222, 173],
+	"navy": [0, 0, 128],
+	"oldlace": [253, 245, 230],
+	"olive": [128, 128, 0],
+	"olivedrab": [107, 142, 35],
+	"orange": [255, 165, 0],
+	"orangered": [255, 69, 0],
+	"orchid": [218, 112, 214],
+	"palegoldenrod": [238, 232, 170],
+	"palegreen": [152, 251, 152],
+	"paleturquoise": [175, 238, 238],
+	"palevioletred": [219, 112, 147],
+	"papayawhip": [255, 239, 213],
+	"peachpuff": [255, 218, 185],
+	"peru": [205, 133, 63],
+	"pink": [255, 192, 203],
+	"plum": [221, 160, 221],
+	"powderblue": [176, 224, 230],
+	"purple": [128, 0, 128],
+	"rebeccapurple": [102, 51, 153],
+	"red": [255, 0, 0],
+	"rosybrown": [188, 143, 143],
+	"royalblue": [65, 105, 225],
+	"saddlebrown": [139, 69, 19],
+	"salmon": [250, 128, 114],
+	"sandybrown": [244, 164, 96],
+	"seagreen": [46, 139, 87],
+	"seashell": [255, 245, 238],
+	"sienna": [160, 82, 45],
+	"silver": [192, 192, 192],
+	"skyblue": [135, 206, 235],
+	"slateblue": [106, 90, 205],
+	"slategray": [112, 128, 144],
+	"slategrey": [112, 128, 144],
+	"snow": [255, 250, 250],
+	"springgreen": [0, 255, 127],
+	"steelblue": [70, 130, 180],
+	"tan": [210, 180, 140],
+	"teal": [0, 128, 128],
+	"thistle": [216, 191, 216],
+	"tomato": [255, 99, 71],
+	"turquoise": [64, 224, 208],
+	"violet": [238, 130, 238],
+	"wheat": [245, 222, 179],
+	"white": [255, 255, 255],
+	"whitesmoke": [245, 245, 245],
+	"yellow": [255, 255, 0],
+	"yellowgreen": [154, 205, 50]
+};
+
+},{}],94:[function(require,module,exports){
+(function (global){
+/**
+ * @module color-parse
+ */
+
+'use strict'
+
+
+module.exports = parse;
+
+
+var names = require('color-name');
+var isObject = require('is-plain-obj');
+
+
+/**
+ * Base hues
+ * http://dev.w3.org/csswg/css-color/#typedef-named-hue
+ */
+//FIXME: use external hue detector
+var baseHues = {
+	red: 0,
+	orange: 60,
+	yellow: 120,
+	green: 180,
+	blue: 240,
+	purple: 300
+};
+
+
+/**
+ * Parse color from the string passed
+ *
+ * @return {Object} A space indicator `space`, an array `values` and `alpha`
+ */
+function parse (cstr) {
+	var m, parts = [], alpha = 1, space;
+
+	if (typeof cstr === 'string') {
+		//keyword
+		if (names[cstr]) {
+			parts = names[cstr].slice();
+			space = 'rgb'
+		}
+
+		//reserved words
+		else if (cstr === 'transparent') {
+			alpha = 0;
+			space = 'rgb'
+			parts = [0,0,0]
+		}
+
+		//hex
+		else if (/^#[A-Fa-f0-9]+$/.test(cstr)) {
+			var base = cstr.slice(1);
+			var size = base.length;
+			var isShort = size <= 4;
+			alpha = 1;
+
+			if (isShort) {
+				parts = [
+					parseInt(base[0] + base[0], 16),
+					parseInt(base[1] + base[1], 16),
+					parseInt(base[2] + base[2], 16)
+				]
+				if (size === 4) {
+					alpha = parseInt(base[3] + base[3], 16) / 255
+				}
+			}
+			else {
+				parts = [
+					parseInt(base[0] + base[1], 16),
+					parseInt(base[2] + base[3], 16),
+					parseInt(base[4] + base[5], 16)
+				]
+				if (size === 8) {
+					alpha = parseInt(base[6] + base[7], 16) / 255
+				}
+			}
+
+			if (!parts[0]) parts[0] = 0;
+			if (!parts[1]) parts[1] = 0;
+			if (!parts[2]) parts[2] = 0;
+
+			space = 'rgb'
+		}
+
+		//color space
+		else if (m = /^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(cstr)) {
+			var name = m[1];
+			var base = name.replace(/a$/, '');
+			space = base;
+			var size = base === 'cmyk' ? 4 : base === 'gray' ? 1 : 3;
+			parts = m[2].trim()
+				.split(/\s*,\s*/)
+				.map(function (x, i) {
+					//<percentage>
+					if (/%$/.test(x)) {
+						//alpha
+						if (i === size)	return parseFloat(x) / 100;
+						//rgb
+						if (base === 'rgb') return parseFloat(x) * 255 / 100;
+						return parseFloat(x);
+					}
+					//hue
+					else if (base[i] === 'h') {
+						//<deg>
+						if (/deg$/.test(x)) {
+							return parseFloat(x);
+						}
+						//<base-hue>
+						else if (baseHues[x] !== undefined) {
+							return baseHues[x];
+						}
+					}
+					return parseFloat(x);
+				});
+
+			if (name === base) parts.push(1);
+			alpha = parts[size] === undefined ? 1 : parts[size];
+			parts = parts.slice(0, size);
+		}
+
+		//named channels case
+		else if (cstr.length > 10 && /[0-9](?:\s|\/)/.test(cstr)) {
+			parts = cstr.match(/([0-9]+)/g).map(function (value) {
+				return parseFloat(value);
+			});
+
+			space = cstr.match(/([a-z])/ig).join('').toLowerCase();
+		}
+	}
+
+	//numeric case
+	else if (typeof cstr === 'number') {
+		space = 'rgb'
+		parts = [cstr >>> 16, (cstr & 0x00ff00) >>> 8, cstr & 0x0000ff];
+	}
+
+	//object case - detects css cases of rgb and hsl
+	else if (isObject(cstr)) {
+		if (cstr.r != null) {
+			parts = [cstr.r, cstr.g, cstr.b];
+			space = 'rgb'
+		}
+		else if (cstr.red != null) {
+			parts = [cstr.red, cstr.green, cstr.blue];
+			space = 'rgb'
+		}
+		else if (cstr.h != null) {
+			parts = [cstr.h, cstr.s, cstr.l];
+			space = 'hsl';
+		}
+		else if (cstr.hue != null) {
+			parts = [cstr.hue, cstr.saturation, cstr.lightness];
+			space = 'hsl';
+		}
+
+		if (cstr.a != null) alpha = cstr.a;
+		else if (cstr.alpha != null) alpha = cstr.alpha;
+		else if (cstr.opacity != null) alpha = cstr.opacity / 100;
+	}
+
+	//array
+	else if (Array.isArray(cstr) || global.ArrayBuffer && ArrayBuffer.isView && ArrayBuffer.isView(cstr)) {
+		parts = [cstr[0], cstr[1], cstr[2]];
+		space = 'rgb'
+		alpha = cstr.length === 4 ? cstr[3] : 1;
+	}
+
+	return {
+		space: space,
+		values: parts,
+		alpha: alpha
+	};
+}
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"color-name":93,"is-plain-obj":297}],95:[function(require,module,exports){
+/** @module  color-rgba */
+
+'use strict'
+
+var parse = require('color-parse')
+var hsl = require('color-space/hsl')
+var clamp = require('clamp')
+
+module.exports = function rgba (color, normalize) {
+	if (Array.isArray(color)) return color;
+
+	if (normalize == null) normalize = true
+
+	var parsed = parse(color);
+
+	if (!parsed.space) return [];
+
+	var values = parsed.values, i, l = values.length;
+	for (i = 0; i < l; i++) {
+		values[i] = clamp(values[i], 0, 255)
+	}
+
+	if (parsed.space[0] === 'h') {
+		values = hsl.rgb(values)
+	}
+
+	if (normalize) {
+		for (i = 0; i < l; i++) {
+			values[i] /= 255
+		}
+	}
+
+	values.push(clamp(parsed.alpha, 0, 1))
+
+	return values
+}
+
+
+},{"clamp":88,"color-parse":94,"color-space/hsl":96}],96:[function(require,module,exports){
+/**
+ * @module color-space/hsl
+ */
+'use strict'
+
+var rgb = require('./rgb');
+
+module.exports = {
+	name: 'hsl',
+	min: [0,0,0],
+	max: [360,100,100],
+	channel: ['hue', 'saturation', 'lightness'],
+	alias: ['HSL'],
+
+	rgb: function(hsl) {
+		var h = hsl[0] / 360,
+				s = hsl[1] / 100,
+				l = hsl[2] / 100,
+				t1, t2, t3, rgb, val;
+
+		if (s === 0) {
+			val = l * 255;
+			return [val, val, val];
+		}
+
+		if (l < 0.5) {
+			t2 = l * (1 + s);
+		}
+		else {
+			t2 = l + s - l * s;
+		}
+		t1 = 2 * l - t2;
+
+		rgb = [0, 0, 0];
+		for (var i = 0; i < 3; i++) {
+			t3 = h + 1 / 3 * - (i - 1);
+			if (t3 < 0) {
+				t3++;
+			}
+			else if (t3 > 1) {
+				t3--;
+			}
+
+			if (6 * t3 < 1) {
+				val = t1 + (t2 - t1) * 6 * t3;
+			}
+			else if (2 * t3 < 1) {
+				val = t2;
+			}
+			else if (3 * t3 < 2) {
+				val = t1 + (t2 - t1) * (2 / 3 - t3) * 6;
+			}
+			else {
+				val = t1;
+			}
+
+			rgb[i] = val * 255;
+		}
+
+		return rgb;
+	}
+};
+
+
+//extend rgb
+rgb.hsl = function(rgb) {
+	var r = rgb[0]/255,
+			g = rgb[1]/255,
+			b = rgb[2]/255,
+			min = Math.min(r, g, b),
+			max = Math.max(r, g, b),
+			delta = max - min,
+			h, s, l;
+
+	if (max === min) {
+		h = 0;
+	}
+	else if (r === max) {
+		h = (g - b) / delta;
+	}
+	else if (g === max) {
+		h = 2 + (b - r) / delta;
+	}
+	else if (b === max) {
+		h = 4 + (r - g)/ delta;
+	}
+
+	h = Math.min(h * 60, 360);
+
+	if (h < 0) {
+		h += 360;
+	}
+
+	l = (min + max) / 2;
+
+	if (max === min) {
+		s = 0;
+	}
+	else if (l <= 0.5) {
+		s = delta / (max + min);
+	}
+	else {
+		s = delta / (2 - max - min);
+	}
+
+	return [h, s * 100, l * 100];
+};
+
+},{"./rgb":97}],97:[function(require,module,exports){
+/**
+ * RGB space.
+ *
+ * @module  color-space/rgb
+ */
+'use strict'
+
+module.exports = {
+	name: 'rgb',
+	min: [0,0,0],
+	max: [255,255,255],
+	channel: ['red', 'green', 'blue'],
+	alias: ['RGB']
+};
+
+},{}],98:[function(require,module,exports){
+module.exports={
+	"jet":[{"index":0,"rgb":[0,0,131]},{"index":0.125,"rgb":[0,60,170]},{"index":0.375,"rgb":[5,255,255]},{"index":0.625,"rgb":[255,255,0]},{"index":0.875,"rgb":[250,0,0]},{"index":1,"rgb":[128,0,0]}],
+
+	"hsv":[{"index":0,"rgb":[255,0,0]},{"index":0.169,"rgb":[253,255,2]},{"index":0.173,"rgb":[247,255,2]},{"index":0.337,"rgb":[0,252,4]},{"index":0.341,"rgb":[0,252,10]},{"index":0.506,"rgb":[1,249,255]},{"index":0.671,"rgb":[2,0,253]},{"index":0.675,"rgb":[8,0,253]},{"index":0.839,"rgb":[255,0,251]},{"index":0.843,"rgb":[255,0,245]},{"index":1,"rgb":[255,0,6]}],
+
+	"hot":[{"index":0,"rgb":[0,0,0]},{"index":0.3,"rgb":[230,0,0]},{"index":0.6,"rgb":[255,210,0]},{"index":1,"rgb":[255,255,255]}],
+
+	"cool":[{"index":0,"rgb":[0,255,255]},{"index":1,"rgb":[255,0,255]}],
+
+	"spring":[{"index":0,"rgb":[255,0,255]},{"index":1,"rgb":[255,255,0]}],
+
+	"summer":[{"index":0,"rgb":[0,128,102]},{"index":1,"rgb":[255,255,102]}],
+
+	"autumn":[{"index":0,"rgb":[255,0,0]},{"index":1,"rgb":[255,255,0]}],
+
+	"winter":[{"index":0,"rgb":[0,0,255]},{"index":1,"rgb":[0,255,128]}],
+
+	"bone":[{"index":0,"rgb":[0,0,0]},{"index":0.376,"rgb":[84,84,116]},{"index":0.753,"rgb":[169,200,200]},{"index":1,"rgb":[255,255,255]}],
+
+	"copper":[{"index":0,"rgb":[0,0,0]},{"index":0.804,"rgb":[255,160,102]},{"index":1,"rgb":[255,199,127]}],
+
+	"greys":[{"index":0,"rgb":[0,0,0]},{"index":1,"rgb":[255,255,255]}],
+
+	"yignbu":[{"index":0,"rgb":[8,29,88]},{"index":0.125,"rgb":[37,52,148]},{"index":0.25,"rgb":[34,94,168]},{"index":0.375,"rgb":[29,145,192]},{"index":0.5,"rgb":[65,182,196]},{"index":0.625,"rgb":[127,205,187]},{"index":0.75,"rgb":[199,233,180]},{"index":0.875,"rgb":[237,248,217]},{"index":1,"rgb":[255,255,217]}],
+
+	"greens":[{"index":0,"rgb":[0,68,27]},{"index":0.125,"rgb":[0,109,44]},{"index":0.25,"rgb":[35,139,69]},{"index":0.375,"rgb":[65,171,93]},{"index":0.5,"rgb":[116,196,118]},{"index":0.625,"rgb":[161,217,155]},{"index":0.75,"rgb":[199,233,192]},{"index":0.875,"rgb":[229,245,224]},{"index":1,"rgb":[247,252,245]}],
+
+	"yiorrd":[{"index":0,"rgb":[128,0,38]},{"index":0.125,"rgb":[189,0,38]},{"index":0.25,"rgb":[227,26,28]},{"index":0.375,"rgb":[252,78,42]},{"index":0.5,"rgb":[253,141,60]},{"index":0.625,"rgb":[254,178,76]},{"index":0.75,"rgb":[254,217,118]},{"index":0.875,"rgb":[255,237,160]},{"index":1,"rgb":[255,255,204]}],
+
+	"bluered":[{"index":0,"rgb":[0,0,255]},{"index":1,"rgb":[255,0,0]}],
+
+	"rdbu":[{"index":0,"rgb":[5,10,172]},{"index":0.35,"rgb":[106,137,247]},{"index":0.5,"rgb":[190,190,190]},{"index":0.6,"rgb":[220,170,132]},{"index":0.7,"rgb":[230,145,90]},{"index":1,"rgb":[178,10,28]}],
+
+	"picnic":[{"index":0,"rgb":[0,0,255]},{"index":0.1,"rgb":[51,153,255]},{"index":0.2,"rgb":[102,204,255]},{"index":0.3,"rgb":[153,204,255]},{"index":0.4,"rgb":[204,204,255]},{"index":0.5,"rgb":[255,255,255]},{"index":0.6,"rgb":[255,204,255]},{"index":0.7,"rgb":[255,153,255]},{"index":0.8,"rgb":[255,102,204]},{"index":0.9,"rgb":[255,102,102]},{"index":1,"rgb":[255,0,0]}],
+
+	"rainbow":[{"index":0,"rgb":[150,0,90]},{"index":0.125,"rgb":[0,0,200]},{"index":0.25,"rgb":[0,25,255]},{"index":0.375,"rgb":[0,152,255]},{"index":0.5,"rgb":[44,255,150]},{"index":0.625,"rgb":[151,255,0]},{"index":0.75,"rgb":[255,234,0]},{"index":0.875,"rgb":[255,111,0]},{"index":1,"rgb":[255,0,0]}],
+
+	"portland":[{"index":0,"rgb":[12,51,131]},{"index":0.25,"rgb":[10,136,186]},{"index":0.5,"rgb":[242,211,56]},{"index":0.75,"rgb":[242,143,56]},{"index":1,"rgb":[217,30,30]}],
+
+	"blackbody":[{"index":0,"rgb":[0,0,0]},{"index":0.2,"rgb":[230,0,0]},{"index":0.4,"rgb":[230,210,0]},{"index":0.7,"rgb":[255,255,255]},{"index":1,"rgb":[160,200,255]}],
+
+	"earth":[{"index":0,"rgb":[0,0,130]},{"index":0.1,"rgb":[0,180,180]},{"index":0.2,"rgb":[40,210,40]},{"index":0.4,"rgb":[230,230,50]},{"index":0.6,"rgb":[120,70,20]},{"index":1,"rgb":[255,255,255]}],
+
+	"electric":[{"index":0,"rgb":[0,0,0]},{"index":0.15,"rgb":[30,0,100]},{"index":0.4,"rgb":[120,0,100]},{"index":0.6,"rgb":[160,90,0]},{"index":0.8,"rgb":[230,200,0]},{"index":1,"rgb":[255,250,220]}],
+
+	"alpha": [{"index":0, "rgb": [255,255,255,0]},{"index":0, "rgb": [255,255,255,1]}],
+
+	"viridis": [{"index":0,"rgb":[68,1,84]},{"index":0.13,"rgb":[71,44,122]},{"index":0.25,"rgb":[59,81,139]},{"index":0.38,"rgb":[44,113,142]},{"index":0.5,"rgb":[33,144,141]},{"index":0.63,"rgb":[39,173,129]},{"index":0.75,"rgb":[92,200,99]},{"index":0.88,"rgb":[170,220,50]},{"index":1,"rgb":[253,231,37]}],
+
+	"inferno": [{"index":0,"rgb":[0,0,4]},{"index":0.13,"rgb":[31,12,72]},{"index":0.25,"rgb":[85,15,109]},{"index":0.38,"rgb":[136,34,106]},{"index":0.5,"rgb":[186,54,85]},{"index":0.63,"rgb":[227,89,51]},{"index":0.75,"rgb":[249,140,10]},{"index":0.88,"rgb":[249,201,50]},{"index":1,"rgb":[252,255,164]}],
+
+	"magma": [{"index":0,"rgb":[0,0,4]},{"index":0.13,"rgb":[28,16,68]},{"index":0.25,"rgb":[79,18,123]},{"index":0.38,"rgb":[129,37,129]},{"index":0.5,"rgb":[181,54,122]},{"index":0.63,"rgb":[229,80,100]},{"index":0.75,"rgb":[251,135,97]},{"index":0.88,"rgb":[254,194,135]},{"index":1,"rgb":[252,253,191]}],
+
+	"plasma": [{"index":0,"rgb":[13,8,135]},{"index":0.13,"rgb":[75,3,161]},{"index":0.25,"rgb":[125,3,168]},{"index":0.38,"rgb":[168,34,150]},{"index":0.5,"rgb":[203,70,121]},{"index":0.63,"rgb":[229,107,93]},{"index":0.75,"rgb":[248,148,65]},{"index":0.88,"rgb":[253,195,40]},{"index":1,"rgb":[240,249,33]}],
+
+	"warm": [{"index":0,"rgb":[125,0,179]},{"index":0.13,"rgb":[172,0,187]},{"index":0.25,"rgb":[219,0,170]},{"index":0.38,"rgb":[255,0,130]},{"index":0.5,"rgb":[255,63,74]},{"index":0.63,"rgb":[255,123,0]},{"index":0.75,"rgb":[234,176,0]},{"index":0.88,"rgb":[190,228,0]},{"index":1,"rgb":[147,255,0]}],
+
+	"cool": [{"index":0,"rgb":[125,0,179]},{"index":0.13,"rgb":[116,0,218]},{"index":0.25,"rgb":[98,74,237]},{"index":0.38,"rgb":[68,146,231]},{"index":0.5,"rgb":[0,204,197]},{"index":0.63,"rgb":[0,247,146]},{"index":0.75,"rgb":[0,255,88]},{"index":0.88,"rgb":[40,255,8]},{"index":1,"rgb":[147,255,0]}],
+
+	"rainbow-soft": [{"index":0,"rgb":[125,0,179]},{"index":0.1,"rgb":[199,0,180]},{"index":0.2,"rgb":[255,0,121]},{"index":0.3,"rgb":[255,108,0]},{"index":0.4,"rgb":[222,194,0]},{"index":0.5,"rgb":[150,255,0]},{"index":0.6,"rgb":[0,255,55]},{"index":0.7,"rgb":[0,246,150]},{"index":0.8,"rgb":[50,167,222]},{"index":0.9,"rgb":[103,51,235]},{"index":1,"rgb":[124,0,186]}],
+
+	"bathymetry": [{"index":0,"rgb":[40,26,44]},{"index":0.13,"rgb":[59,49,90]},{"index":0.25,"rgb":[64,76,139]},{"index":0.38,"rgb":[63,110,151]},{"index":0.5,"rgb":[72,142,158]},{"index":0.63,"rgb":[85,174,163]},{"index":0.75,"rgb":[120,206,163]},{"index":0.88,"rgb":[187,230,172]},{"index":1,"rgb":[253,254,204]}],
+
+	"cdom": [{"index":0,"rgb":[47,15,62]},{"index":0.13,"rgb":[87,23,86]},{"index":0.25,"rgb":[130,28,99]},{"index":0.38,"rgb":[171,41,96]},{"index":0.5,"rgb":[206,67,86]},{"index":0.63,"rgb":[230,106,84]},{"index":0.75,"rgb":[242,149,103]},{"index":0.88,"rgb":[249,193,135]},{"index":1,"rgb":[254,237,176]}],
+
+	"chlorophyll": [{"index":0,"rgb":[18,36,20]},{"index":0.13,"rgb":[25,63,41]},{"index":0.25,"rgb":[24,91,59]},{"index":0.38,"rgb":[13,119,72]},{"index":0.5,"rgb":[18,148,80]},{"index":0.63,"rgb":[80,173,89]},{"index":0.75,"rgb":[132,196,122]},{"index":0.88,"rgb":[175,221,162]},{"index":1,"rgb":[215,249,208]}],
+
+	"density": [{"index":0,"rgb":[54,14,36]},{"index":0.13,"rgb":[89,23,80]},{"index":0.25,"rgb":[110,45,132]},{"index":0.38,"rgb":[120,77,178]},{"index":0.5,"rgb":[120,113,213]},{"index":0.63,"rgb":[115,151,228]},{"index":0.75,"rgb":[134,185,227]},{"index":0.88,"rgb":[177,214,227]},{"index":1,"rgb":[230,241,241]}],
+
+	"freesurface-blue": [{"index":0,"rgb":[30,4,110]},{"index":0.13,"rgb":[47,14,176]},{"index":0.25,"rgb":[41,45,236]},{"index":0.38,"rgb":[25,99,212]},{"index":0.5,"rgb":[68,131,200]},{"index":0.63,"rgb":[114,156,197]},{"index":0.75,"rgb":[157,181,203]},{"index":0.88,"rgb":[200,208,216]},{"index":1,"rgb":[241,237,236]}],
+
+	"freesurface-red": [{"index":0,"rgb":[60,9,18]},{"index":0.13,"rgb":[100,17,27]},{"index":0.25,"rgb":[142,20,29]},{"index":0.38,"rgb":[177,43,27]},{"index":0.5,"rgb":[192,87,63]},{"index":0.63,"rgb":[205,125,105]},{"index":0.75,"rgb":[216,162,148]},{"index":0.88,"rgb":[227,199,193]},{"index":1,"rgb":[241,237,236]}],
+
+	"oxygen": [{"index":0,"rgb":[64,5,5]},{"index":0.13,"rgb":[106,6,15]},{"index":0.25,"rgb":[144,26,7]},{"index":0.38,"rgb":[168,64,3]},{"index":0.5,"rgb":[188,100,4]},{"index":0.63,"rgb":[206,136,11]},{"index":0.75,"rgb":[220,174,25]},{"index":0.88,"rgb":[231,215,44]},{"index":1,"rgb":[248,254,105]}],
+
+	"par": [{"index":0,"rgb":[51,20,24]},{"index":0.13,"rgb":[90,32,35]},{"index":0.25,"rgb":[129,44,34]},{"index":0.38,"rgb":[159,68,25]},{"index":0.5,"rgb":[182,99,19]},{"index":0.63,"rgb":[199,134,22]},{"index":0.75,"rgb":[212,171,35]},{"index":0.88,"rgb":[221,210,54]},{"index":1,"rgb":[225,253,75]}],
+
+	"phase": [{"index":0,"rgb":[145,105,18]},{"index":0.13,"rgb":[184,71,38]},{"index":0.25,"rgb":[186,58,115]},{"index":0.38,"rgb":[160,71,185]},{"index":0.5,"rgb":[110,97,218]},{"index":0.63,"rgb":[50,123,164]},{"index":0.75,"rgb":[31,131,110]},{"index":0.88,"rgb":[77,129,34]},{"index":1,"rgb":[145,105,18]}],
+
+	"salinity": [{"index":0,"rgb":[42,24,108]},{"index":0.13,"rgb":[33,50,162]},{"index":0.25,"rgb":[15,90,145]},{"index":0.38,"rgb":[40,118,137]},{"index":0.5,"rgb":[59,146,135]},{"index":0.63,"rgb":[79,175,126]},{"index":0.75,"rgb":[120,203,104]},{"index":0.88,"rgb":[193,221,100]},{"index":1,"rgb":[253,239,154]}],
+
+	"temperature": [{"index":0,"rgb":[4,35,51]},{"index":0.13,"rgb":[23,51,122]},{"index":0.25,"rgb":[85,59,157]},{"index":0.38,"rgb":[129,79,143]},{"index":0.5,"rgb":[175,95,130]},{"index":0.63,"rgb":[222,112,101]},{"index":0.75,"rgb":[249,146,66]},{"index":0.88,"rgb":[249,196,65]},{"index":1,"rgb":[232,250,91]}],
+
+	"turbidity": [{"index":0,"rgb":[34,31,27]},{"index":0.13,"rgb":[65,50,41]},{"index":0.25,"rgb":[98,69,52]},{"index":0.38,"rgb":[131,89,57]},{"index":0.5,"rgb":[161,112,59]},{"index":0.63,"rgb":[185,140,66]},{"index":0.75,"rgb":[202,174,88]},{"index":0.88,"rgb":[216,209,126]},{"index":1,"rgb":[233,246,171]}],
+
+	"velocity-blue": [{"index":0,"rgb":[17,32,64]},{"index":0.13,"rgb":[35,52,116]},{"index":0.25,"rgb":[29,81,156]},{"index":0.38,"rgb":[31,113,162]},{"index":0.5,"rgb":[50,144,169]},{"index":0.63,"rgb":[87,173,176]},{"index":0.75,"rgb":[149,196,189]},{"index":0.88,"rgb":[203,221,211]},{"index":1,"rgb":[254,251,230]}],
+
+	"velocity-green": [{"index":0,"rgb":[23,35,19]},{"index":0.13,"rgb":[24,64,38]},{"index":0.25,"rgb":[11,95,45]},{"index":0.38,"rgb":[39,123,35]},{"index":0.5,"rgb":[95,146,12]},{"index":0.63,"rgb":[152,165,18]},{"index":0.75,"rgb":[201,186,69]},{"index":0.88,"rgb":[233,216,137]},{"index":1,"rgb":[255,253,205]}],
+
+	"cubehelix": [{"index":0,"rgb":[0,0,0]},{"index":0.07,"rgb":[22,5,59]},{"index":0.13,"rgb":[60,4,105]},{"index":0.2,"rgb":[109,1,135]},{"index":0.27,"rgb":[161,0,147]},{"index":0.33,"rgb":[210,2,142]},{"index":0.4,"rgb":[251,11,123]},{"index":0.47,"rgb":[255,29,97]},{"index":0.53,"rgb":[255,54,69]},{"index":0.6,"rgb":[255,85,46]},{"index":0.67,"rgb":[255,120,34]},{"index":0.73,"rgb":[255,157,37]},{"index":0.8,"rgb":[241,191,57]},{"index":0.87,"rgb":[224,220,93]},{"index":0.93,"rgb":[218 [...]
+};
+
+},{}],99:[function(require,module,exports){
+/*
+ * Ben Postlethwaite
+ * January 2013
+ * License MIT
+ */
+'use strict';
+
+var at = require('arraytools');
+var clone = require('clone');
+var colorScale = require('./colorScales');
+
+module.exports = createColormap;
+
+function createColormap (spec) {
+    /*
+     * Default Options
+     */
+    var indicies, rgba, fromrgba, torgba,
+        nsteps, cmap, colormap, format,
+        nshades, colors, alpha, index, i,
+        r = [],
+        g = [],
+        b = [],
+        a = [];
+
+    if ( !at.isPlainObject(spec) ) spec = {};
+
+    nshades = spec.nshades || 72;
+    format = spec.format || 'hex';
+
+    colormap = spec.colormap;
+    if (!colormap) colormap = 'jet';
+
+    if (typeof colormap === 'string') {
+        colormap = colormap.toLowerCase();
+
+        if (!colorScale[colormap]) {
+            throw Error(colormap + ' not a supported colorscale');
+        }
+
+        cmap = clone(colorScale[colormap]);
+
+    } else if (Array.isArray(colormap)) {
+        cmap = clone(colormap);
+
+    } else {
+        throw Error('unsupported colormap option', colormap);
+    }
+
+    if (cmap.length > nshades) {
+        throw new Error(
+            colormap+' map requires nshades to be at least size '+cmap.length
+        );
+    }
+
+    if (!Array.isArray(spec.alpha)) {
+
+        if (typeof spec.alpha === 'number') {
+            alpha = [spec.alpha, spec.alpha];
+
+        } else {
+            alpha = [1, 1];
+        }
+
+    } else if (spec.alpha.length !== 2) {
+        alpha = [1, 1];
+
+    } else {
+        alpha = clone(spec.alpha);
+    }
+
+    /*
+     * map index points from 0->1 to 0 -> n-1
+     */
+    indicies = cmap.map(function(c) {
+        return Math.round(c.index * nshades);
+    });
+
+    /*
+     * Add alpha channel to the map
+     */
+    if (alpha[0] < 0) alpha[0] = 0;
+    if (alpha[1] < 0) alpha[0] = 0;
+    if (alpha[0] > 1) alpha[0] = 1;
+    if (alpha[1] > 1) alpha[0] = 1;
+
+    for (i = 0; i < indicies.length; ++i) {
+        index = cmap[i].index;
+        rgba = cmap[i].rgb;
+
+        // if user supplies their own map use it
+        if (rgba.length === 4 && rgba[3] >= 0 && rgba[3] <= 1) continue;
+        rgba[3] = alpha[0] + (alpha[1] - alpha[0])*index;
+    }
+
+    /*
+     * map increasing linear values between indicies to
+     * linear steps in colorvalues
+     */
+    for (i = 0; i < indicies.length-1; ++i) {
+        nsteps = indicies[i+1] - indicies[i];
+        fromrgba = cmap[i].rgb;
+        torgba = cmap[i+1].rgb;
+        r = r.concat(at.linspace(fromrgba[0], torgba[0], nsteps ) );
+        g = g.concat(at.linspace(fromrgba[1], torgba[1], nsteps ) );
+        b = b.concat(at.linspace(fromrgba[2], torgba[2], nsteps ) );
+        a = a.concat(at.linspace(fromrgba[3], torgba[3], nsteps ) );
+    }
+
+    r = r.map( Math.round );
+    g = g.map( Math.round );
+    b = b.map( Math.round );
+
+    colors = at.zip(r, g, b, a);
+
+    if (format === 'hex') colors = colors.map( rgb2hex );
+    if (format === 'rgbaString') colors = colors.map( rgbaStr );
+
+    return colors;
+};
+
+
+function rgb2hex (rgba) {
+    var dig, hex = '#';
+    for (var i = 0; i < 3; ++i) {
+        dig = rgba[i];
+        dig = dig.toString(16);
+        hex += ('00' + dig).substr( dig.length );
+    }
+    return hex;
+}
+
+function rgbaStr (rgba) {
+    return 'rgba(' + rgba.join(',') + ')';
+}
+
+},{"./colorScales":98,"arraytools":46,"clone":91}],100:[function(require,module,exports){
+"use strict"
+
+module.exports = compareAngle
+
+var orient = require("robust-orientation")
+var sgn = require("signum")
+var twoSum = require("two-sum")
+var robustProduct = require("robust-product")
+var robustSum = require("robust-sum")
+
+function testInterior(a, b, c) {
+  var x0 = twoSum(a[0], -b[0])
+  var y0 = twoSum(a[1], -b[1])
+  var x1 = twoSum(c[0], -b[0])
+  var y1 = twoSum(c[1], -b[1])
+
+  var d = robustSum(
+    robustProduct(x0, x1),
+    robustProduct(y0, y1))
+
+  return d[d.length-1] >= 0
+}
+
+function compareAngle(a, b, c, d) {
+  var bcd = orient(b, c, d)
+  if(bcd === 0) {
+    //Handle degenerate cases
+    var sabc = sgn(orient(a, b, c))
+    var sabd = sgn(orient(a, b, d))
+    if(sabc === sabd) {
+      if(sabc === 0) {
+        var ic = testInterior(a, b, c)
+        var id = testInterior(a, b, d)
+        if(ic === id) {
+          return 0
+        } else if(ic) {
+          return 1
+        } else {
+          return -1
+        }
+      }
+      return 0
+    } else if(sabd === 0) {
+      if(sabc > 0) {
+        return -1
+      } else if(testInterior(a, b, d)) {
+        return -1
+      } else {
+        return 1
+      }
+    } else if(sabc === 0) {
+      if(sabd > 0) {
+        return 1
+      } else if(testInterior(a, b, c)) {
+        return 1
+      } else {
+        return -1
+      }
+    }
+    return sgn(sabd - sabc)
+  }
+  var abc = orient(a, b, c)
+  if(abc > 0) {
+    if(bcd > 0 && orient(a, b, d) > 0) {
+      return 1
+    }
+    return -1
+  } else if(abc < 0) {
+    if(bcd > 0 || orient(a, b, d) > 0) {
+      return 1
+    }
+    return -1
+  } else {
+    var abd = orient(a, b, d)
+    if(abd > 0) {
+      return 1
+    } else {
+      if(testInterior(a, b, c)) {
+        return 1
+      } else {
+        return -1
+      }
+    }
+  }
+}
+},{"robust-orientation":508,"robust-product":509,"robust-sum":513,"signum":515,"two-sum":540}],101:[function(require,module,exports){
+module.exports = compareCells
+
+var min = Math.min
+
+function compareInt(a, b) {
+  return a - b
+}
+
+function compareCells(a, b) {
+  var n = a.length
+    , t = a.length - b.length
+  if(t) {
+    return t
+  }
+  switch(n) {
+    case 0:
+      return 0
+    case 1:
+      return a[0] - b[0]
+    case 2:
+      return (a[0]+a[1]-b[0]-b[1]) ||
+             min(a[0],a[1]) - min(b[0],b[1])
+    case 3:
+      var l1 = a[0]+a[1]
+        , m1 = b[0]+b[1]
+      t = l1+a[2] - (m1+b[2])
+      if(t) {
+        return t
+      }
+      var l0 = min(a[0], a[1])
+        , m0 = min(b[0], b[1])
+      return min(l0, a[2]) - min(m0, b[2]) ||
+             min(l0+a[2], l1) - min(m0+b[2], m1)
+    case 4:
+      var aw=a[0], ax=a[1], ay=a[2], az=a[3]
+        , bw=b[0], bx=b[1], by=b[2], bz=b[3]
+      return (aw+ax+ay+az)-(bw+bx+by+bz) ||
+             min(aw,ax,ay,az)-min(bw,bx,by,bz,bw) ||
+             min(aw+ax,aw+ay,aw+az,ax+ay,ax+az,ay+az) -
+               min(bw+bx,bw+by,bw+bz,bx+by,bx+bz,by+bz) ||
+             min(aw+ax+ay,aw+ax+az,aw+ay+az,ax+ay+az) -
+               min(bw+bx+by,bw+bx+bz,bw+by+bz,bx+by+bz)
+    default:
+      var as = a.slice().sort(compareInt)
+      var bs = b.slice().sort(compareInt)
+      for(var i=0; i<n; ++i) {
+        t = as[i] - bs[i]
+        if(t) {
+          return t
+        }
+      }
+      return 0
+  }
+}
+
+},{}],102:[function(require,module,exports){
+'use strict'
+
+var compareCells = require('compare-cell')
+var parity = require('cell-orientation')
+
+module.exports = compareOrientedCells
+
+function compareOrientedCells(a, b) {
+  return compareCells(a, b) || parity(a) - parity(b)
+}
+
+},{"cell-orientation":85,"compare-cell":101}],103:[function(require,module,exports){
+"use strict"
+
+var convexHull1d = require('./lib/ch1d')
+var convexHull2d = require('./lib/ch2d')
+var convexHullnd = require('./lib/chnd')
+
+module.exports = convexHull
+
+function convexHull(points) {
+  var n = points.length
+  if(n === 0) {
+    return []
+  } else if(n === 1) {
+    return [[0]]
+  }
+  var d = points[0].length
+  if(d === 0) {
+    return []
+  } else if(d === 1) {
+    return convexHull1d(points)
+  } else if(d === 2) {
+    return convexHull2d(points)
+  }
+  return convexHullnd(points, d)
+}
+},{"./lib/ch1d":104,"./lib/ch2d":105,"./lib/chnd":106}],104:[function(require,module,exports){
+"use strict"
+
+module.exports = convexHull1d
+
+function convexHull1d(points) {
+  var lo = 0
+  var hi = 0
+  for(var i=1; i<points.length; ++i) {
+    if(points[i][0] < points[lo][0]) {
+      lo = i
+    }
+    if(points[i][0] > points[hi][0]) {
+      hi = i
+    }
+  }
+  if(lo < hi) {
+    return [[lo], [hi]]
+  } else if(lo > hi) {
+    return [[hi], [lo]]
+  } else {
+    return [[lo]]
+  }
+}
+},{}],105:[function(require,module,exports){
+'use strict'
+
+module.exports = convexHull2D
+
+var monotoneHull = require('monotone-convex-hull-2d')
+
+function convexHull2D(points) {
+  var hull = monotoneHull(points)
+  var h = hull.length
+  if(h <= 2) {
+    return []
+  }
+  var edges = new Array(h)
+  var a = hull[h-1]
+  for(var i=0; i<h; ++i) {
+    var b = hull[i]
+    edges[i] = [a,b]
+    a = b
+  }
+  return edges
+}
+
+},{"monotone-convex-hull-2d":451}],106:[function(require,module,exports){
+'use strict'
+
+module.exports = convexHullnD
+
+var ich = require('incremental-convex-hull')
+var aff = require('affine-hull')
+
+function permute(points, front) {
+  var n = points.length
+  var npoints = new Array(n)
+  for(var i=0; i<front.length; ++i) {
+    npoints[i] = points[front[i]]
+  }
+  var ptr = front.length
+  for(var i=0; i<n; ++i) {
+    if(front.indexOf(i) < 0) {
+      npoints[ptr++] = points[i]
+    }
+  }
+  return npoints
+}
+
+function invPermute(cells, front) {
+  var nc = cells.length
+  var nf = front.length
+  for(var i=0; i<nc; ++i) {
+    var c = cells[i]
+    for(var j=0; j<c.length; ++j) {
+      var x = c[j]
+      if(x < nf) {
+        c[j] = front[x]
+      } else {
+        x = x - nf
+        for(var k=0; k<nf; ++k) {
+          if(x >= front[k]) {
+            x += 1
+          }
+        }
+        c[j] = x
+      }
+    }
+  }
+  return cells
+}
+
+function convexHullnD(points, d) {
+  try {
+    return ich(points, true)
+  } catch(e) {
+    //If point set is degenerate, try to find a basis and rerun it
+    var ah = aff(points)
+    if(ah.length <= d) {
+      //No basis, no try
+      return []
+    }
+    var npoints = permute(points, ah)
+    var nhull   = ich(npoints, true)
+    return invPermute(nhull, ah)
+  }
+}
+},{"affine-hull":41,"incremental-convex-hull":290}],107:[function(require,module,exports){
+module.exports = {
+  AFG: 'afghan',
+  ALA: '\\b\\wland',
+  ALB: 'albania',
+  DZA: 'algeria',
+  ASM: '^(?=.*americ).*samoa',
+  AND: 'andorra',
+  AGO: 'angola',
+  AIA: 'anguill?a',
+  ATA: 'antarctica',
+  ATG: 'antigua',
+  ARG: 'argentin',
+  ARM: 'armenia',
+  ABW: '^(?!.*bonaire).*\\baruba',
+  AUS: 'australia',
+  AUT: '^(?!.*hungary).*austria|\\baustri.*\\bemp',
+  AZE: 'azerbaijan',
+  BHS: 'bahamas',
+  BHR: 'bahrain',
+  BGD: 'bangladesh|^(?=.*east).*paki?stan',
+  BRB: 'barbados',
+  BLR: 'belarus|byelo',
+  BEL: '^(?!.*luxem).*belgium',
+  BLZ: 'belize|^(?=.*british).*honduras',
+  BEN: 'benin|dahome',
+  BMU: 'bermuda',
+  BTN: 'bhutan',
+  BOL: 'bolivia',
+  BES: '^(?=.*bonaire).*eustatius|^(?=.*carib).*netherlands|\\bbes.?islands',
+  BIH: 'herzegovina|bosnia',
+  BWA: 'botswana|bechuana',
+  BVT: 'bouvet',
+  BRA: 'brazil',
+  IOT: 'british.?indian.?ocean',
+  BRN: 'brunei',
+  BGR: 'bulgaria',
+  BFA: 'burkina|\\bfaso|upper.?volta',
+  BDI: 'burundi',
+  CPV: 'verde',
+  KHM: 'cambodia|kampuchea|khmer',
+  CMR: 'cameroon',
+  CAN: 'canada',
+  CYM: 'cayman',
+  CAF: '\\bcentral.african.republic',
+  TCD: '\\bchad',
+  CHL: '\\bchile',
+  CHN: '^(?!.*\\bmac)(?!.*\\bhong)(?!.*\\btai)(?!.*\\brep).*china|^(?=.*peo)(?=.*rep).*china',
+  CXR: 'christmas',
+  CCK: '\\bcocos|keeling',
+  COL: 'colombia',
+  COM: 'comoro',
+  COG: '^(?!.*\\bdem)(?!.*\\bd[\\.]?r)(?!.*kinshasa)(?!.*zaire)(?!.*belg)(?!.*l.opoldville)(?!.*free).*\\bcongo',
+  COK: '\\bcook',
+  CRI: 'costa.?rica',
+  CIV: 'ivoire|ivory',
+  HRV: 'croatia',
+  CUB: '\\bcuba',
+  CUW: '^(?!.*bonaire).*\\bcura(c|ç)ao',
+  CYP: 'cyprus',
+  CSK: 'czechoslovakia',
+  CZE: '^(?=.*rep).*czech|czechia|bohemia',
+  COD: '\\bdem.*congo|congo.*\\bdem|congo.*\\bd[\\.]?r|\\bd[\\.]?r.*congo|belgian.?congo|congo.?free.?state|kinshasa|zaire|l.opoldville|drc|droc|rdc',
+  DNK: 'denmark',
+  DJI: 'djibouti',
+  DMA: 'dominica(?!n)',
+  DOM: 'dominican.rep',
+  ECU: 'ecuador',
+  EGY: 'egypt',
+  SLV: 'el.?salvador',
+  GNQ: 'guine.*eq|eq.*guine|^(?=.*span).*guinea',
+  ERI: 'eritrea',
+  EST: 'estonia',
+  ETH: 'ethiopia|abyssinia',
+  FLK: 'falkland|malvinas',
+  FRO: 'faroe|faeroe',
+  FJI: 'fiji',
+  FIN: 'finland',
+  FRA: '^(?!.*\\bdep)(?!.*martinique).*france|french.?republic|\\bgaul',
+  GUF: '^(?=.*french).*guiana',
+  PYF: 'french.?polynesia|tahiti',
+  ATF: 'french.?southern',
+  GAB: 'gabon',
+  GMB: 'gambia',
+  GEO: '^(?!.*south).*georgia',
+  DDR: 'german.?democratic.?republic|democratic.?republic.*germany|east.germany',
+  DEU: '^(?!.*east).*germany|^(?=.*\\bfed.*\\brep).*german',
+  GHA: 'ghana|gold.?coast',
+  GIB: 'gibraltar',
+  GRC: 'greece|hellenic|hellas',
+  GRL: 'greenland',
+  GRD: 'grenada',
+  GLP: 'guadeloupe',
+  GUM: '\\bguam',
+  GTM: 'guatemala',
+  GGY: 'guernsey',
+  GIN: '^(?!.*eq)(?!.*span)(?!.*bissau)(?!.*portu)(?!.*new).*guinea',
+  GNB: 'bissau|^(?=.*portu).*guinea',
+  GUY: 'guyana|british.?guiana',
+  HTI: 'haiti',
+  HMD: 'heard.*mcdonald',
+  VAT: 'holy.?see|vatican|papal.?st',
+  HND: '^(?!.*brit).*honduras',
+  HKG: 'hong.?kong',
+  HUN: '^(?!.*austr).*hungary',
+  ISL: 'iceland',
+  IND: 'india(?!.*ocea)',
+  IDN: 'indonesia',
+  IRN: '\\biran|persia',
+  IRQ: '\\biraq|mesopotamia',
+  IRL: '(^ireland)|(^republic.*ireland)',
+  IMN: '^(?=.*isle).*\\bman',
+  ISR: 'israel',
+  ITA: 'italy',
+  JAM: 'jamaica',
+  JPN: 'japan',
+  JEY: 'jersey',
+  JOR: 'jordan',
+  KAZ: 'kazak',
+  KEN: 'kenya|british.?east.?africa|east.?africa.?prot',
+  KIR: 'kiribati',
+  PRK: '^(?=.*democrat|people|north|d.*p.*.r).*\\bkorea|dprk|korea.*(d.*p.*r)',
+  KWT: 'kuwait',
+  KGZ: 'kyrgyz|kirghiz',
+  LAO: '\\blaos?\\b',
+  LVA: 'latvia',
+  LBN: 'lebanon',
+  LSO: 'lesotho|basuto',
+  LBR: 'liberia',
+  LBY: 'libya',
+  LIE: 'liechtenstein',
+  LTU: 'lithuania',
+  LUX: '^(?!.*belg).*luxem',
+  MAC: 'maca(o|u)',
+  MDG: 'madagascar|malagasy',
+  MWI: 'malawi|nyasa',
+  MYS: 'malaysia',
+  MDV: 'maldive',
+  MLI: '\\bmali\\b',
+  MLT: '\\bmalta',
+  MHL: 'marshall',
+  MTQ: 'martinique',
+  MRT: 'mauritania',
+  MUS: 'mauritius',
+  MYT: '\\bmayotte',
+  MEX: '\\bmexic',
+  FSM: 'fed.*micronesia|micronesia.*fed',
+  MCO: 'monaco',
+  MNG: 'mongolia',
+  MNE: '^(?!.*serbia).*montenegro',
+  MSR: 'montserrat',
+  MAR: 'morocco|\\bmaroc',
+  MOZ: 'mozambique',
+  MMR: 'myanmar|burma',
+  NAM: 'namibia',
+  NRU: 'nauru',
+  NPL: 'nepal',
+  NLD: '^(?!.*\\bant)(?!.*\\bcarib).*netherlands',
+  ANT: '^(?=.*\\bant).*(nether|dutch)',
+  NCL: 'new.?caledonia',
+  NZL: 'new.?zealand',
+  NIC: 'nicaragua',
+  NER: '\\bniger(?!ia)',
+  NGA: 'nigeria',
+  NIU: 'niue',
+  NFK: 'norfolk',
+  MNP: 'mariana',
+  NOR: 'norway',
+  OMN: '\\boman|trucial',
+  PAK: '^(?!.*east).*paki?stan',
+  PLW: 'palau',
+  PSE: 'palestin|\\bgaza|west.?bank',
+  PAN: 'panama',
+  PNG: 'papua|new.?guinea',
+  PRY: 'paraguay',
+  PER: 'peru',
+  PHL: 'philippines',
+  PCN: 'pitcairn',
+  POL: 'poland',
+  PRT: 'portugal',
+  PRI: 'puerto.?rico',
+  QAT: 'qatar',
+  KOR: '^(?!.*d.*p.*r)(?!.*democrat)(?!.*people)(?!.*north).*\\bkorea(?!.*d.*p.*r)',
+  MDA: 'moldov|b(a|e)ssarabia',
+  REU: 'r(e|é)union',
+  ROU: 'r(o|u|ou)mania',
+  RUS: '\\brussia|soviet.?union|u\\.?s\\.?s\\.?r|socialist.?republics',
+  RWA: 'rwanda',
+  BLM: 'barth(e|é)lemy',
+  SHN: 'helena',
+  KNA: 'kitts|\\bnevis',
+  LCA: '\\blucia',
+  MAF: '^(?=.*collectivity).*martin|^(?=.*france).*martin(?!ique)|^(?=.*french).*martin(?!ique)',
+  SPM: 'miquelon',
+  VCT: 'vincent',
+  WSM: '^(?!.*amer).*samoa',
+  SMR: 'san.?marino',
+  STP: '\\bs(a|ã)o.?tom(e|é)',
+  SAU: '\\bsa\\w*.?arabia',
+  SEN: 'senegal',
+  SRB: '^(?!.*monte).*serbia',
+  SYC: 'seychell',
+  SLE: 'sierra',
+  SGP: 'singapore',
+  SXM: '^(?!.*martin)(?!.*saba).*maarten',
+  SVK: '^(?!.*cze).*slovak',
+  SVN: 'slovenia',
+  SLB: 'solomon',
+  SOM: 'somali',
+  ZAF: 'south.africa|s\\\\..?africa',
+  SGS: 'south.?georgia|sandwich',
+  SSD: '\\bs\\w*.?sudan',
+  ESP: 'spain',
+  LKA: 'sri.?lanka|ceylon',
+  SDN: '^(?!.*\\bs(?!u)).*sudan',
+  SUR: 'surinam|dutch.?guiana',
+  SJM: 'svalbard',
+  SWZ: 'swaziland',
+  SWE: 'sweden',
+  CHE: 'switz|swiss',
+  SYR: 'syria',
+  TWN: 'taiwan|taipei|formosa|^(?!.*peo)(?=.*rep).*china',
+  TJK: 'tajik',
+  THA: 'thailand|\\bsiam',
+  MKD: 'macedonia|fyrom',
+  TLS: '^(?=.*leste).*timor|^(?=.*east).*timor',
+  TGO: 'togo',
+  TKL: 'tokelau',
+  TON: 'tonga',
+  TTO: 'trinidad|tobago',
+  TUN: 'tunisia',
+  TUR: 'turkey',
+  TKM: 'turkmen',
+  TCA: 'turks',
+  TUV: 'tuvalu',
+  UGA: 'uganda',
+  UKR: 'ukrain',
+  ARE: 'emirates|^u\\.?a\\.?e\\.?$|united.?arab.?em',
+  GBR: 'united.?kingdom|britain|^u\\.?k\\.?$',
+  TZA: 'tanzania',
+  USA: 'united.?states\\b(?!.*islands)|\\bu\\.?s\\.?a\\.?\\b|^\\s*u\\.?s\\.?\\b(?!.*islands)',
+  UMI: 'minor.?outlying.?is',
+  URY: 'uruguay',
+  UZB: 'uzbek',
+  VUT: 'vanuatu|new.?hebrides',
+  VEN: 'venezuela',
+  VNM: '^(?!.*republic).*viet.?nam|^(?=.*socialist).*viet.?nam',
+  VGB: '^(?=.*\\bu\\.?\\s?k).*virgin|^(?=.*brit).*virgin|^(?=.*kingdom).*virgin',
+  VIR: '^(?=.*\\bu\\.?\\s?s).*virgin|^(?=.*states).*virgin',
+  WLF: 'futuna|wallis',
+  ESH: 'western.sahara',
+  YEM: '^(?!.*arab)(?!.*north)(?!.*sana)(?!.*peo)(?!.*dem)(?!.*south)(?!.*aden)(?!.*\\bp\\.?d\\.?r).*yemen',
+  YMD: '^(?=.*peo).*yemen|^(?!.*rep)(?=.*dem).*yemen|^(?=.*south).*yemen|^(?=.*aden).*yemen|^(?=.*\\bp\\.?d\\.?r).*yemen',
+  YUG: 'yugoslavia',
+  ZMB: 'zambia|northern.?rhodesia',
+  EAZ: 'zanzibar',
+  ZWE: 'zimbabwe|^(?!.*northern).*rhodesia'
+}
+
+},{}],108:[function(require,module,exports){
+// (c) Dean McNamee <dean at gmail.com>, 2012.
+//
+// https://github.com/deanm/css-color-parser-js
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to
+// deal in the Software without restriction, including without limitation the
+// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+// sell copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+// IN THE SOFTWARE.
+
+// http://www.w3.org/TR/css3-color/
+var kCSSColorTable = {
+  "transparent": [0,0,0,0], "aliceblue": [240,248,255,1],
+  "antiquewhite": [250,235,215,1], "aqua": [0,255,255,1],
+  "aquamarine": [127,255,212,1], "azure": [240,255,255,1],
+  "beige": [245,245,220,1], "bisque": [255,228,196,1],
+  "black": [0,0,0,1], "blanchedalmond": [255,235,205,1],
+  "blue": [0,0,255,1], "blueviolet": [138,43,226,1],
+  "brown": [165,42,42,1], "burlywood": [222,184,135,1],
+  "cadetblue": [95,158,160,1], "chartreuse": [127,255,0,1],
+  "chocolate": [210,105,30,1], "coral": [255,127,80,1],
+  "cornflowerblue": [100,149,237,1], "cornsilk": [255,248,220,1],
+  "crimson": [220,20,60,1], "cyan": [0,255,255,1],
+  "darkblue": [0,0,139,1], "darkcyan": [0,139,139,1],
+  "darkgoldenrod": [184,134,11,1], "darkgray": [169,169,169,1],
+  "darkgreen": [0,100,0,1], "darkgrey": [169,169,169,1],
+  "darkkhaki": [189,183,107,1], "darkmagenta": [139,0,139,1],
+  "darkolivegreen": [85,107,47,1], "darkorange": [255,140,0,1],
+  "darkorchid": [153,50,204,1], "darkred": [139,0,0,1],
+  "darksalmon": [233,150,122,1], "darkseagreen": [143,188,143,1],
+  "darkslateblue": [72,61,139,1], "darkslategray": [47,79,79,1],
+  "darkslategrey": [47,79,79,1], "darkturquoise": [0,206,209,1],
+  "darkviolet": [148,0,211,1], "deeppink": [255,20,147,1],
+  "deepskyblue": [0,191,255,1], "dimgray": [105,105,105,1],
+  "dimgrey": [105,105,105,1], "dodgerblue": [30,144,255,1],
+  "firebrick": [178,34,34,1], "floralwhite": [255,250,240,1],
+  "forestgreen": [34,139,34,1], "fuchsia": [255,0,255,1],
+  "gainsboro": [220,220,220,1], "ghostwhite": [248,248,255,1],
+  "gold": [255,215,0,1], "goldenrod": [218,165,32,1],
+  "gray": [128,128,128,1], "green": [0,128,0,1],
+  "greenyellow": [173,255,47,1], "grey": [128,128,128,1],
+  "honeydew": [240,255,240,1], "hotpink": [255,105,180,1],
+  "indianred": [205,92,92,1], "indigo": [75,0,130,1],
+  "ivory": [255,255,240,1], "khaki": [240,230,140,1],
+  "lavender": [230,230,250,1], "lavenderblush": [255,240,245,1],
+  "lawngreen": [124,252,0,1], "lemonchiffon": [255,250,205,1],
+  "lightblue": [173,216,230,1], "lightcoral": [240,128,128,1],
+  "lightcyan": [224,255,255,1], "lightgoldenrodyellow": [250,250,210,1],
+  "lightgray": [211,211,211,1], "lightgreen": [144,238,144,1],
+  "lightgrey": [211,211,211,1], "lightpink": [255,182,193,1],
+  "lightsalmon": [255,160,122,1], "lightseagreen": [32,178,170,1],
+  "lightskyblue": [135,206,250,1], "lightslategray": [119,136,153,1],
+  "lightslategrey": [119,136,153,1], "lightsteelblue": [176,196,222,1],
+  "lightyellow": [255,255,224,1], "lime": [0,255,0,1],
+  "limegreen": [50,205,50,1], "linen": [250,240,230,1],
+  "magenta": [255,0,255,1], "maroon": [128,0,0,1],
+  "mediumaquamarine": [102,205,170,1], "mediumblue": [0,0,205,1],
+  "mediumorchid": [186,85,211,1], "mediumpurple": [147,112,219,1],
+  "mediumseagreen": [60,179,113,1], "mediumslateblue": [123,104,238,1],
+  "mediumspringgreen": [0,250,154,1], "mediumturquoise": [72,209,204,1],
+  "mediumvioletred": [199,21,133,1], "midnightblue": [25,25,112,1],
+  "mintcream": [245,255,250,1], "mistyrose": [255,228,225,1],
+  "moccasin": [255,228,181,1], "navajowhite": [255,222,173,1],
+  "navy": [0,0,128,1], "oldlace": [253,245,230,1],
+  "olive": [128,128,0,1], "olivedrab": [107,142,35,1],
+  "orange": [255,165,0,1], "orangered": [255,69,0,1],
+  "orchid": [218,112,214,1], "palegoldenrod": [238,232,170,1],
+  "palegreen": [152,251,152,1], "paleturquoise": [175,238,238,1],
+  "palevioletred": [219,112,147,1], "papayawhip": [255,239,213,1],
+  "peachpuff": [255,218,185,1], "peru": [205,133,63,1],
+  "pink": [255,192,203,1], "plum": [221,160,221,1],
+  "powderblue": [176,224,230,1], "purple": [128,0,128,1],
+  "rebeccapurple": [102,51,153,1],
+  "red": [255,0,0,1], "rosybrown": [188,143,143,1],
+  "royalblue": [65,105,225,1], "saddlebrown": [139,69,19,1],
+  "salmon": [250,128,114,1], "sandybrown": [244,164,96,1],
+  "seagreen": [46,139,87,1], "seashell": [255,245,238,1],
+  "sienna": [160,82,45,1], "silver": [192,192,192,1],
+  "skyblue": [135,206,235,1], "slateblue": [106,90,205,1],
+  "slategray": [112,128,144,1], "slategrey": [112,128,144,1],
+  "snow": [255,250,250,1], "springgreen": [0,255,127,1],
+  "steelblue": [70,130,180,1], "tan": [210,180,140,1],
+  "teal": [0,128,128,1], "thistle": [216,191,216,1],
+  "tomato": [255,99,71,1], "turquoise": [64,224,208,1],
+  "violet": [238,130,238,1], "wheat": [245,222,179,1],
+  "white": [255,255,255,1], "whitesmoke": [245,245,245,1],
+  "yellow": [255,255,0,1], "yellowgreen": [154,205,50,1]}
+
+function clamp_css_byte(i) {  // Clamp to integer 0 .. 255.
+  i = Math.round(i);  // Seems to be what Chrome does (vs truncation).
+  return i < 0 ? 0 : i > 255 ? 255 : i;
+}
+
+function clamp_css_float(f) {  // Clamp to float 0.0 .. 1.0.
+  return f < 0 ? 0 : f > 1 ? 1 : f;
+}
+
+function parse_css_int(str) {  // int or percentage.
+  if (str[str.length - 1] === '%')
+    return clamp_css_byte(parseFloat(str) / 100 * 255);
+  return clamp_css_byte(parseInt(str));
+}
+
+function parse_css_float(str) {  // float or percentage.
+  if (str[str.length - 1] === '%')
+    return clamp_css_float(parseFloat(str) / 100);
+  return clamp_css_float(parseFloat(str));
+}
+
+function css_hue_to_rgb(m1, m2, h) {
+  if (h < 0) h += 1;
+  else if (h > 1) h -= 1;
+
+  if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
+  if (h * 2 < 1) return m2;
+  if (h * 3 < 2) return m1 + (m2 - m1) * (2/3 - h) * 6;
+  return m1;
+}
+
+function parseCSSColor(css_str) {
+  // Remove all whitespace, not compliant, but should just be more accepting.
+  var str = css_str.replace(/ /g, '').toLowerCase();
+
+  // Color keywords (and transparent) lookup.
+  if (str in kCSSColorTable) return kCSSColorTable[str].slice();  // dup.
+
+  // #abc and #abc123 syntax.
+  if (str[0] === '#') {
+    if (str.length === 4) {
+      var iv = parseInt(str.substr(1), 16);  // TODO(deanm): Stricter parsing.
+      if (!(iv >= 0 && iv <= 0xfff)) return null;  // Covers NaN.
+      return [((iv & 0xf00) >> 4) | ((iv & 0xf00) >> 8),
+              (iv & 0xf0) | ((iv & 0xf0) >> 4),
+              (iv & 0xf) | ((iv & 0xf) << 4),
+              1];
+    } else if (str.length === 7) {
+      var iv = parseInt(str.substr(1), 16);  // TODO(deanm): Stricter parsing.
+      if (!(iv >= 0 && iv <= 0xffffff)) return null;  // Covers NaN.
+      return [(iv & 0xff0000) >> 16,
+              (iv & 0xff00) >> 8,
+              iv & 0xff,
+              1];
+    }
+
+    return null;
+  }
+
+  var op = str.indexOf('('), ep = str.indexOf(')');
+  if (op !== -1 && ep + 1 === str.length) {
+    var fname = str.substr(0, op);
+    var params = str.substr(op+1, ep-(op+1)).split(',');
+    var alpha = 1;  // To allow case fallthrough.
+    switch (fname) {
+      case 'rgba':
+        if (params.length !== 4) return null;
+        alpha = parse_css_float(params.pop());
+        // Fall through.
+      case 'rgb':
+        if (params.length !== 3) return null;
+        return [parse_css_int(params[0]),
+                parse_css_int(params[1]),
+                parse_css_int(params[2]),
+                alpha];
+      case 'hsla':
+        if (params.length !== 4) return null;
+        alpha = parse_css_float(params.pop());
+        // Fall through.
+      case 'hsl':
+        if (params.length !== 3) return null;
+        var h = (((parseFloat(params[0]) % 360) + 360) % 360) / 360;  // 0 .. 1
+        // NOTE(deanm): According to the CSS spec s/l should only be
+        // percentages, but we don't bother and let float or percentage.
+        var s = parse_css_float(params[1]);
+        var l = parse_css_float(params[2]);
+        var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+        var m1 = l * 2 - m2;
+        return [clamp_css_byte(css_hue_to_rgb(m1, m2, h+1/3) * 255),
+                clamp_css_byte(css_hue_to_rgb(m1, m2, h) * 255),
+                clamp_css_byte(css_hue_to_rgb(m1, m2, h-1/3) * 255),
+                alpha];
+      default:
+        return null;
+    }
+  }
+
+  return null;
+}
+
+try { exports.parseCSSColor = parseCSSColor } catch(e) { }
+
+},{}],109:[function(require,module,exports){
+"use strict"
+
+function dcubicHermite(p0, v0, p1, v1, t, f) {
+  var dh00 = 6*t*t-6*t,
+      dh10 = 3*t*t-4*t + 1,
+      dh01 = -6*t*t+6*t,
+      dh11 = 3*t*t-2*t
+  if(p0.length) {
+    if(!f) {
+      f = new Array(p0.length)
+    }
+    for(var i=p0.length-1; i>=0; --i) {
+      f[i] = dh00*p0[i] + dh10*v0[i] + dh01*p1[i] + dh11*v1[i]
+    }
+    return f
+  }
+  return dh00*p0 + dh10*v0 + dh01*p1[i] + dh11*v1
+}
+
+function cubicHermite(p0, v0, p1, v1, t, f) {
+  var ti  = (t-1), t2 = t*t, ti2 = ti*ti,
+      h00 = (1+2*t)*ti2,
+      h10 = t*ti2,
+      h01 = t2*(3-2*t),
+      h11 = t2*ti
+  if(p0.length) {
+    if(!f) {
+      f = new Array(p0.length)
+    }
+    for(var i=p0.length-1; i>=0; --i) {
+      f[i] = h00*p0[i] + h10*v0[i] + h01*p1[i] + h11*v1[i]
+    }
+    return f
+  }
+  return h00*p0 + h10*v0 + h01*p1 + h11*v1
+}
+
+module.exports = cubicHermite
+module.exports.derivative = dcubicHermite
+},{}],110:[function(require,module,exports){
+"use strict"
+
+var createThunk = require("./lib/thunk.js")
+
+function Procedure() {
+  this.argTypes = []
+  this.shimArgs = []
+  this.arrayArgs = []
+  this.arrayBlockIndices = []
+  this.scalarArgs = []
+  this.offsetArgs = []
+  this.offsetArgIndex = []
+  this.indexArgs = []
+  this.shapeArgs = []
+  this.funcName = ""
+  this.pre = null
+  this.body = null
+  this.post = null
+  this.debug = false
+}
+
+function compileCwise(user_args) {
+  //Create procedure
+  var proc = new Procedure()
+  
+  //Parse blocks
+  proc.pre    = user_args.pre
+  proc.body   = user_args.body
+  proc.post   = user_args.post
+
+  //Parse arguments
+  var proc_args = user_args.args.slice(0)
+  proc.argTypes = proc_args
+  for(var i=0; i<proc_args.length; ++i) {
+    var arg_type = proc_args[i]
+    if(arg_type === "array" || (typeof arg_type === "object" && arg_type.blockIndices)) {
+      proc.argTypes[i] = "array"
+      proc.arrayArgs.push(i)
+      proc.arrayBlockIndices.push(arg_type.blockIndices ? arg_type.blockIndices : 0)
+      proc.shimArgs.push("array" + i)
+      if(i < proc.pre.args.length && proc.pre.args[i].count>0) {
+        throw new Error("cwise: pre() block may not reference array args")
+      }
+      if(i < proc.post.args.length && proc.post.args[i].count>0) {
+        throw new Error("cwise: post() block may not reference array args")
+      }
+    } else if(arg_type === "scalar") {
+      proc.scalarArgs.push(i)
+      proc.shimArgs.push("scalar" + i)
+    } else if(arg_type === "index") {
+      proc.indexArgs.push(i)
+      if(i < proc.pre.args.length && proc.pre.args[i].count > 0) {
+        throw new Error("cwise: pre() block may not reference array index")
+      }
+      if(i < proc.body.args.length && proc.body.args[i].lvalue) {
+        throw new Error("cwise: body() block may not write to array index")
+      }
+      if(i < proc.post.args.length && proc.post.args[i].count > 0) {
+        throw new Error("cwise: post() block may not reference array index")
+      }
+    } else if(arg_type === "shape") {
+      proc.shapeArgs.push(i)
+      if(i < proc.pre.args.length && proc.pre.args[i].lvalue) {
+        throw new Error("cwise: pre() block may not write to array shape")
+      }
+      if(i < proc.body.args.length && proc.body.args[i].lvalue) {
+        throw new Error("cwise: body() block may not write to array shape")
+      }
+      if(i < proc.post.args.length && proc.post.args[i].lvalue) {
+        throw new Error("cwise: post() block may not write to array shape")
+      }
+    } else if(typeof arg_type === "object" && arg_type.offset) {
+      proc.argTypes[i] = "offset"
+      proc.offsetArgs.push({ array: arg_type.array, offset:arg_type.offset })
+      proc.offsetArgIndex.push(i)
+    } else {
+      throw new Error("cwise: Unknown argument type " + proc_args[i])
+    }
+  }
+  
+  //Make sure at least one array argument was specified
+  if(proc.arrayArgs.length <= 0) {
+    throw new Error("cwise: No array arguments specified")
+  }
+  
+  //Make sure arguments are correct
+  if(proc.pre.args.length > proc_args.length) {
+    throw new Error("cwise: Too many arguments in pre() block")
+  }
+  if(proc.body.args.length > proc_args.length) {
+    throw new Error("cwise: Too many arguments in body() block")
+  }
+  if(proc.post.args.length > proc_args.length) {
+    throw new Error("cwise: Too many arguments in post() block")
+  }
+
+  //Check debug flag
+  proc.debug = !!user_args.printCode || !!user_args.debug
+  
+  //Retrieve name
+  proc.funcName = user_args.funcName || "cwise"
+  
+  //Read in block size
+  proc.blockSize = user_args.blockSize || 64
+
+  return createThunk(proc)
+}
+
+module.exports = compileCwise
+
+},{"./lib/thunk.js":112}],111:[function(require,module,exports){
+"use strict"
+
+var uniq = require("uniq")
+
+// This function generates very simple loops analogous to how you typically traverse arrays (the outermost loop corresponds to the slowest changing index, the innermost loop to the fastest changing index)
+// TODO: If two arrays have the same strides (and offsets) there is potential for decreasing the number of "pointers" and related variables. The drawback is that the type signature would become more specific and that there would thus be less potential for caching, but it might still be worth it, especially when dealing with large numbers of arguments.
+function innerFill(order, proc, body) {
+  var dimension = order.length
+    , nargs = proc.arrayArgs.length
+    , has_index = proc.indexArgs.length>0
+    , code = []
+    , vars = []
+    , idx=0, pidx=0, i, j
+  for(i=0; i<dimension; ++i) { // Iteration variables
+    vars.push(["i",i,"=0"].join(""))
+  }
+  //Compute scan deltas
+  for(j=0; j<nargs; ++j) {
+    for(i=0; i<dimension; ++i) {
+      pidx = idx
+      idx = order[i]
+      if(i === 0) { // The innermost/fastest dimension's delta is simply its stride
+        vars.push(["d",j,"s",i,"=t",j,"p",idx].join(""))
+      } else { // For other dimensions the delta is basically the stride minus something which essentially "rewinds" the previous (more inner) dimension
+        vars.push(["d",j,"s",i,"=(t",j,"p",idx,"-s",pidx,"*t",j,"p",pidx,")"].join(""))
+      }
+    }
+  }
+  if (vars.length > 0) {
+    code.push("var " + vars.join(","))
+  }  
+  //Scan loop
+  for(i=dimension-1; i>=0; --i) { // Start at largest stride and work your way inwards
+    idx = order[i]
+    code.push(["for(i",i,"=0;i",i,"<s",idx,";++i",i,"){"].join(""))
+  }
+  //Push body of inner loop
+  code.push(body)
+  //Advance scan pointers
+  for(i=0; i<dimension; ++i) {
+    pidx = idx
+    idx = order[i]
+    for(j=0; j<nargs; ++j) {
+      code.push(["p",j,"+=d",j,"s",i].join(""))
+    }
+    if(has_index) {
+      if(i > 0) {
+        code.push(["index[",pidx,"]-=s",pidx].join(""))
+      }
+      code.push(["++index[",idx,"]"].join(""))
+    }
+    code.push("}")
+  }
+  return code.join("\n")
+}
+
+// Generate "outer" loops that loop over blocks of data, applying "inner" loops to the blocks by manipulating the local variables in such a way that the inner loop only "sees" the current block.
+// TODO: If this is used, then the previous declaration (done by generateCwiseOp) of s* is essentially unnecessary.
+//       I believe the s* are not used elsewhere (in particular, I don't think they're used in the pre/post parts and "shape" is defined independently), so it would be possible to make defining the s* dependent on what loop method is being used.
+function outerFill(matched, order, proc, body) {
+  var dimension = order.length
+    , nargs = proc.arrayArgs.length
+    , blockSize = proc.blockSize
+    , has_index = proc.indexArgs.length > 0
+    , code = []
+  for(var i=0; i<nargs; ++i) {
+    code.push(["var offset",i,"=p",i].join(""))
+  }
+  //Generate loops for unmatched dimensions
+  // The order in which these dimensions are traversed is fairly arbitrary (from small stride to large stride, for the first argument)
+  // TODO: It would be nice if the order in which these loops are placed would also be somehow "optimal" (at the very least we should check that it really doesn't hurt us if they're not).
+  for(var i=matched; i<dimension; ++i) {
+    code.push(["for(var j"+i+"=SS[", order[i], "]|0;j", i, ">0;){"].join("")) // Iterate back to front
+    code.push(["if(j",i,"<",blockSize,"){"].join("")) // Either decrease j by blockSize (s = blockSize), or set it to zero (after setting s = j).
+    code.push(["s",order[i],"=j",i].join(""))
+    code.push(["j",i,"=0"].join(""))
+    code.push(["}else{s",order[i],"=",blockSize].join(""))
+    code.push(["j",i,"-=",blockSize,"}"].join(""))
+    if(has_index) {
+      code.push(["index[",order[i],"]=j",i].join(""))
+    }
+  }
+  for(var i=0; i<nargs; ++i) {
+    var indexStr = ["offset"+i]
+    for(var j=matched; j<dimension; ++j) {
+      indexStr.push(["j",j,"*t",i,"p",order[j]].join(""))
+    }
+    code.push(["p",i,"=(",indexStr.join("+"),")"].join(""))
+  }
+  code.push(innerFill(order, proc, body))
+  for(var i=matched; i<dimension; ++i) {
+    code.push("}")
+  }
+  return code.join("\n")
+}
+
+//Count the number of compatible inner orders
+// This is the length of the longest common prefix of the arrays in orders.
+// Each array in orders lists the dimensions of the correspond ndarray in order of increasing stride.
+// This is thus the maximum number of dimensions that can be efficiently traversed by simple nested loops for all arrays.
+function countMatches(orders) {
+  var matched = 0, dimension = orders[0].length
+  while(matched < dimension) {
+    for(var j=1; j<orders.length; ++j) {
+      if(orders[j][matched] !== orders[0][matched]) {
+        return matched
+      }
+    }
+    ++matched
+  }
+  return matched
+}
+
+//Processes a block according to the given data types
+// Replaces variable names by different ones, either "local" ones (that are then ferried in and out of the given array) or ones matching the arguments that the function performing the ultimate loop will accept.
+function processBlock(block, proc, dtypes) {
+  var code = block.body
+  var pre = []
+  var post = []
+  for(var i=0; i<block.args.length; ++i) {
+    var carg = block.args[i]
+    if(carg.count <= 0) {
+      continue
+    }
+    var re = new RegExp(carg.name, "g")
+    var ptrStr = ""
+    var arrNum = proc.arrayArgs.indexOf(i)
+    switch(proc.argTypes[i]) {
+      case "offset":
+        var offArgIndex = proc.offsetArgIndex.indexOf(i)
+        var offArg = proc.offsetArgs[offArgIndex]
+        arrNum = offArg.array
+        ptrStr = "+q" + offArgIndex // Adds offset to the "pointer" in the array
+      case "array":
+        ptrStr = "p" + arrNum + ptrStr
+        var localStr = "l" + i
+        var arrStr = "a" + arrNum
+        if (proc.arrayBlockIndices[arrNum] === 0) { // Argument to body is just a single value from this array
+          if(carg.count === 1) { // Argument/array used only once(?)
+            if(dtypes[arrNum] === "generic") {
+              if(carg.lvalue) {
+                pre.push(["var ", localStr, "=", arrStr, ".get(", ptrStr, ")"].join("")) // Is this necessary if the argument is ONLY used as an lvalue? (keep in mind that we can have a += something, so we would actually need to check carg.rvalue)
+                code = code.replace(re, localStr)
+                post.push([arrStr, ".set(", ptrStr, ",", localStr,")"].join(""))
+              } else {
+                code = code.replace(re, [arrStr, ".get(", ptrStr, ")"].join(""))
+              }
+            } else {
+              code = code.replace(re, [arrStr, "[", ptrStr, "]"].join(""))
+            }
+          } else if(dtypes[arrNum] === "generic") {
+            pre.push(["var ", localStr, "=", arrStr, ".get(", ptrStr, ")"].join("")) // TODO: Could we optimize by checking for carg.rvalue?
+            code = code.replace(re, localStr)
+            if(carg.lvalue) {
+              post.push([arrStr, ".set(", ptrStr, ",", localStr,")"].join(""))
+            }
+          } else {
+            pre.push(["var ", localStr, "=", arrStr, "[", ptrStr, "]"].join("")) // TODO: Could we optimize by checking for carg.rvalue?
+            code = code.replace(re, localStr)
+            if(carg.lvalue) {
+              post.push([arrStr, "[", ptrStr, "]=", localStr].join(""))
+            }
+          }
+        } else { // Argument to body is a "block"
+          var reStrArr = [carg.name], ptrStrArr = [ptrStr]
+          for(var j=0; j<Math.abs(proc.arrayBlockIndices[arrNum]); j++) {
+            reStrArr.push("\\s*\\[([^\\]]+)\\]")
+            ptrStrArr.push("$" + (j+1) + "*t" + arrNum + "b" + j) // Matched index times stride
+          }
+          re = new RegExp(reStrArr.join(""), "g")
+          ptrStr = ptrStrArr.join("+")
+          if(dtypes[arrNum] === "generic") {
+            /*if(carg.lvalue) {
+              pre.push(["var ", localStr, "=", arrStr, ".get(", ptrStr, ")"].join("")) // Is this necessary if the argument is ONLY used as an lvalue? (keep in mind that we can have a += something, so we would actually need to check carg.rvalue)
+              code = code.replace(re, localStr)
+              post.push([arrStr, ".set(", ptrStr, ",", localStr,")"].join(""))
+            } else {
+              code = code.replace(re, [arrStr, ".get(", ptrStr, ")"].join(""))
+            }*/
+            throw new Error("cwise: Generic arrays not supported in combination with blocks!")
+          } else {
+            // This does not produce any local variables, even if variables are used multiple times. It would be possible to do so, but it would complicate things quite a bit.
+            code = code.replace(re, [arrStr, "[", ptrStr, "]"].join(""))
+          }
+        }
+      break
+      case "scalar":
+        code = code.replace(re, "Y" + proc.scalarArgs.indexOf(i))
+      break
+      case "index":
+        code = code.replace(re, "index")
+      break
+      case "shape":
+        code = code.replace(re, "shape")
+      break
+    }
+  }
+  return [pre.join("\n"), code, post.join("\n")].join("\n").trim()
+}
+
+function typeSummary(dtypes) {
+  var summary = new Array(dtypes.length)
+  var allEqual = true
+  for(var i=0; i<dtypes.length; ++i) {
+    var t = dtypes[i]
+    var digits = t.match(/\d+/)
+    if(!digits) {
+      digits = ""
+    } else {
+      digits = digits[0]
+    }
+    if(t.charAt(0) === 0) {
+      summary[i] = "u" + t.charAt(1) + digits
+    } else {
+      summary[i] = t.charAt(0) + digits
+    }
+    if(i > 0) {
+      allEqual = allEqual && summary[i] === summary[i-1]
+    }
+  }
+  if(allEqual) {
+    return summary[0]
+  }
+  return summary.join("")
+}
+
+//Generates a cwise operator
+function generateCWiseOp(proc, typesig) {
+
+  //Compute dimension
+  // Arrays get put first in typesig, and there are two entries per array (dtype and order), so this gets the number of dimensions in the first array arg.
+  var dimension = (typesig[1].length - Math.abs(proc.arrayBlockIndices[0]))|0
+  var orders = new Array(proc.arrayArgs.length)
+  var dtypes = new Array(proc.arrayArgs.length)
+  for(var i=0; i<proc.arrayArgs.length; ++i) {
+    dtypes[i] = typesig[2*i]
+    orders[i] = typesig[2*i+1]
+  }
+  
+  //Determine where block and loop indices start and end
+  var blockBegin = [], blockEnd = [] // These indices are exposed as blocks
+  var loopBegin = [], loopEnd = [] // These indices are iterated over
+  var loopOrders = [] // orders restricted to the loop indices
+  for(var i=0; i<proc.arrayArgs.length; ++i) {
+    if (proc.arrayBlockIndices[i]<0) {
+      loopBegin.push(0)
+      loopEnd.push(dimension)
+      blockBegin.push(dimension)
+      blockEnd.push(dimension+proc.arrayBlockIndices[i])
+    } else {
+      loopBegin.push(proc.arrayBlockIndices[i]) // Non-negative
+      loopEnd.push(proc.arrayBlockIndices[i]+dimension)
+      blockBegin.push(0)
+      blockEnd.push(proc.arrayBlockIndices[i])
+    }
+    var newOrder = []
+    for(var j=0; j<orders[i].length; j++) {
+      if (loopBegin[i]<=orders[i][j] && orders[i][j]<loopEnd[i]) {
+        newOrder.push(orders[i][j]-loopBegin[i]) // If this is a loop index, put it in newOrder, subtracting loopBegin, to make sure that all loopOrders are using a common set of indices.
+      }
+    }
+    loopOrders.push(newOrder)
+  }
+
+  //First create arguments for procedure
+  var arglist = ["SS"] // SS is the overall shape over which we iterate
+  var code = ["'use strict'"]
+  var vars = []
+  
+  for(var j=0; j<dimension; ++j) {
+    vars.push(["s", j, "=SS[", j, "]"].join("")) // The limits for each dimension.
+  }
+  for(var i=0; i<proc.arrayArgs.length; ++i) {
+    arglist.push("a"+i) // Actual data array
+    arglist.push("t"+i) // Strides
+    arglist.push("p"+i) // Offset in the array at which the data starts (also used for iterating over the data)
+    
+    for(var j=0; j<dimension; ++j) { // Unpack the strides into vars for looping
+      vars.push(["t",i,"p",j,"=t",i,"[",loopBegin[i]+j,"]"].join(""))
+    }
+    
+    for(var j=0; j<Math.abs(proc.arrayBlockIndices[i]); ++j) { // Unpack the strides into vars for block iteration
+      vars.push(["t",i,"b",j,"=t",i,"[",blockBegin[i]+j,"]"].join(""))
+    }
+  }
+  for(var i=0; i<proc.scalarArgs.length; ++i) {
+    arglist.push("Y" + i)
+  }
+  if(proc.shapeArgs.length > 0) {
+    vars.push("shape=SS.slice(0)") // Makes the shape over which we iterate available to the user defined functions (so you can use width/height for example)
+  }
+  if(proc.indexArgs.length > 0) {
+    // Prepare an array to keep track of the (logical) indices, initialized to dimension zeroes.
+    var zeros = new Array(dimension)
+    for(var i=0; i<dimension; ++i) {
+      zeros[i] = "0"
+    }
+    vars.push(["index=[", zeros.join(","), "]"].join(""))
+  }
+  for(var i=0; i<proc.offsetArgs.length; ++i) { // Offset arguments used for stencil operations
+    var off_arg = proc.offsetArgs[i]
+    var init_string = []
+    for(var j=0; j<off_arg.offset.length; ++j) {
+      if(off_arg.offset[j] === 0) {
+        continue
+      } else if(off_arg.offset[j] === 1) {
+        init_string.push(["t", off_arg.array, "p", j].join(""))      
+      } else {
+        init_string.push([off_arg.offset[j], "*t", off_arg.array, "p", j].join(""))
+      }
+    }
+    if(init_string.length === 0) {
+      vars.push("q" + i + "=0")
+    } else {
+      vars.push(["q", i, "=", init_string.join("+")].join(""))
+    }
+  }
+
+  //Prepare this variables
+  var thisVars = uniq([].concat(proc.pre.thisVars)
+                      .concat(proc.body.thisVars)
+                      .concat(proc.post.thisVars))
+  vars = vars.concat(thisVars)
+  if (vars.length > 0) {
+    code.push("var " + vars.join(","))
+  }
+  for(var i=0; i<proc.arrayArgs.length; ++i) {
+    code.push("p"+i+"|=0")
+  }
+  
+  //Inline prelude
+  if(proc.pre.body.length > 3) {
+    code.push(processBlock(proc.pre, proc, dtypes))
+  }
+
+  //Process body
+  var body = processBlock(proc.body, proc, dtypes)
+  var matched = countMatches(loopOrders)
+  if(matched < dimension) {
+    code.push(outerFill(matched, loopOrders[0], proc, body)) // TODO: Rather than passing loopOrders[0], it might be interesting to look at passing an order that represents the majority of the arguments for example.
+  } else {
+    code.push(innerFill(loopOrders[0], proc, body))
+  }
+
+  //Inline epilog
+  if(proc.post.body.length > 3) {
+    code.push(processBlock(proc.post, proc, dtypes))
+  }
+  
+  if(proc.debug) {
+    console.log("-----Generated cwise routine for ", typesig, ":\n" + code.join("\n") + "\n----------")
+  }
+  
+  var loopName = [(proc.funcName||"unnamed"), "_cwise_loop_", orders[0].join("s"),"m",matched,typeSummary(dtypes)].join("")
+  var f = new Function(["function ",loopName,"(", arglist.join(","),"){", code.join("\n"),"} return ", loopName].join(""))
+  return f()
+}
+module.exports = generateCWiseOp
+
+},{"uniq":543}],112:[function(require,module,exports){
+"use strict"
+
+// The function below is called when constructing a cwise function object, and does the following:
+// A function object is constructed which accepts as argument a compilation function and returns another function.
+// It is this other function that is eventually returned by createThunk, and this function is the one that actually
+// checks whether a certain pattern of arguments has already been used before and compiles new loops as needed.
+// The compilation passed to the first function object is used for compiling new functions.
+// Once this function object is created, it is called with compile as argument, where the first argument of compile
+// is bound to "proc" (essentially containing a preprocessed version of the user arguments to cwise).
+// So createThunk roughly works like this:
+// function createThunk(proc) {
+//   var thunk = function(compileBound) {
+//     var CACHED = {}
+//     return function(arrays and scalars) {
+//       if (dtype and order of arrays in CACHED) {
+//         var func = CACHED[dtype and order of arrays]
+//       } else {
+//         var func = CACHED[dtype and order of arrays] = compileBound(dtype and order of arrays)
+//       }
+//       return func(arrays and scalars)
+//     }
+//   }
+//   return thunk(compile.bind1(proc))
+// }
+
+var compile = require("./compile.js")
+
+function createThunk(proc) {
+  var code = ["'use strict'", "var CACHED={}"]
+  var vars = []
+  var thunkName = proc.funcName + "_cwise_thunk"
+  
+  //Build thunk
+  code.push(["return function ", thunkName, "(", proc.shimArgs.join(","), "){"].join(""))
+  var typesig = []
+  var string_typesig = []
+  var proc_args = [["array",proc.arrayArgs[0],".shape.slice(", // Slice shape so that we only retain the shape over which we iterate (which gets passed to the cwise operator as SS).
+                    Math.max(0,proc.arrayBlockIndices[0]),proc.arrayBlockIndices[0]<0?(","+proc.arrayBlockIndices[0]+")"):")"].join("")]
+  var shapeLengthConditions = [], shapeConditions = []
+  // Process array arguments
+  for(var i=0; i<proc.arrayArgs.length; ++i) {
+    var j = proc.arrayArgs[i]
+    vars.push(["t", j, "=array", j, ".dtype,",
+               "r", j, "=array", j, ".order"].join(""))
+    typesig.push("t" + j)
+    typesig.push("r" + j)
+    string_typesig.push("t"+j)
+    string_typesig.push("r"+j+".join()")
+    proc_args.push("array" + j + ".data")
+    proc_args.push("array" + j + ".stride")
+    proc_args.push("array" + j + ".offset|0")
+    if (i>0) { // Gather conditions to check for shape equality (ignoring block indices)
+      shapeLengthConditions.push("array" + proc.arrayArgs[0] + ".shape.length===array" + j + ".shape.length+" + (Math.abs(proc.arrayBlockIndices[0])-Math.abs(proc.arrayBlockIndices[i])))
+      shapeConditions.push("array" + proc.arrayArgs[0] + ".shape[shapeIndex+" + Math.max(0,proc.arrayBlockIndices[0]) + "]===array" + j + ".shape[shapeIndex+" + Math.max(0,proc.arrayBlockIndices[i]) + "]")
+    }
+  }
+  // Check for shape equality
+  if (proc.arrayArgs.length > 1) {
+    code.push("if (!(" + shapeLengthConditions.join(" && ") + ")) throw new Error('cwise: Arrays do not all have the same dimensionality!')")
+    code.push("for(var shapeIndex=array" + proc.arrayArgs[0] + ".shape.length-" + Math.abs(proc.arrayBlockIndices[0]) + "; shapeIndex-->0;) {")
+    code.push("if (!(" + shapeConditions.join(" && ") + ")) throw new Error('cwise: Arrays do not all have the same shape!')")
+    code.push("}")
+  }
+  // Process scalar arguments
+  for(var i=0; i<proc.scalarArgs.length; ++i) {
+    proc_args.push("scalar" + proc.scalarArgs[i])
+  }
+  // Check for cached function (and if not present, generate it)
+  vars.push(["type=[", string_typesig.join(","), "].join()"].join(""))
+  vars.push("proc=CACHED[type]")
+  code.push("var " + vars.join(","))
+  
+  code.push(["if(!proc){",
+             "CACHED[type]=proc=compile([", typesig.join(","), "])}",
+             "return proc(", proc_args.join(","), ")}"].join(""))
+
+  if(proc.debug) {
+    console.log("-----Generated thunk:\n" + code.join("\n") + "\n----------")
+  }
+  
+  //Compile thunk
+  var thunk = new Function("compile", code.join("\n"))
+  return thunk(compile.bind(undefined, proc))
+}
+
+module.exports = createThunk
+
+},{"./compile.js":111}],113:[function(require,module,exports){
+module.exports = require("cwise-compiler")
+},{"cwise-compiler":110}],114:[function(require,module,exports){
+// https://d3js.org/d3-array/ Version 1.2.0. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var ascending = function(a, b) {
+  return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+};
+
+var bisector = function(compare) {
+  if (compare.length === 1) compare = ascendingComparator(compare);
+  return {
+    left: function(a, x, lo, hi) {
+      if (lo == null) lo = 0;
+      if (hi == null) hi = a.length;
+      while (lo < hi) {
+        var mid = lo + hi >>> 1;
+        if (compare(a[mid], x) < 0) lo = mid + 1;
+        else hi = mid;
+      }
+      return lo;
+    },
+    right: function(a, x, lo, hi) {
+      if (lo == null) lo = 0;
+      if (hi == null) hi = a.length;
+      while (lo < hi) {
+        var mid = lo + hi >>> 1;
+        if (compare(a[mid], x) > 0) hi = mid;
+        else lo = mid + 1;
+      }
+      return lo;
+    }
+  };
+};
+
+function ascendingComparator(f) {
+  return function(d, x) {
+    return ascending(f(d), x);
+  };
+}
+
+var ascendingBisect = bisector(ascending);
+var bisectRight = ascendingBisect.right;
+var bisectLeft = ascendingBisect.left;
+
+var pairs = function(array, f) {
+  if (f == null) f = pair;
+  var i = 0, n = array.length - 1, p = array[0], pairs = new Array(n < 0 ? 0 : n);
+  while (i < n) pairs[i] = f(p, p = array[++i]);
+  return pairs;
+};
+
+function pair(a, b) {
+  return [a, b];
+}
+
+var cross = function(values0, values1, reduce) {
+  var n0 = values0.length,
+      n1 = values1.length,
+      values = new Array(n0 * n1),
+      i0,
+      i1,
+      i,
+      value0;
+
+  if (reduce == null) reduce = pair;
+
+  for (i0 = i = 0; i0 < n0; ++i0) {
+    for (value0 = values0[i0], i1 = 0; i1 < n1; ++i1, ++i) {
+      values[i] = reduce(value0, values1[i1]);
+    }
+  }
+
+  return values;
+};
+
+var descending = function(a, b) {
+  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;
+};
+
+var number = function(x) {
+  return x === null ? NaN : +x;
+};
+
+var variance = function(values, valueof) {
+  var n = values.length,
+      m = 0,
+      i = -1,
+      mean = 0,
+      value,
+      delta,
+      sum = 0;
+
+  if (valueof == null) {
+    while (++i < n) {
+      if (!isNaN(value = number(values[i]))) {
+        delta = value - mean;
+        mean += delta / ++m;
+        sum += delta * (value - mean);
+      }
+    }
+  }
+
+  else {
+    while (++i < n) {
+      if (!isNaN(value = number(valueof(values[i], i, values)))) {
+        delta = value - mean;
+        mean += delta / ++m;
+        sum += delta * (value - mean);
+      }
+    }
+  }
+
+  if (m > 1) return sum / (m - 1);
+};
+
+var deviation = function(array, f) {
+  var v = variance(array, f);
+  return v ? Math.sqrt(v) : v;
+};
+
+var extent = function(values, valueof) {
+  var n = values.length,
+      i = -1,
+      value,
+      min,
+      max;
+
+  if (valueof == null) {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = values[i]) != null && value >= value) {
+        min = max = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = values[i]) != null) {
+            if (min > value) min = value;
+            if (max < value) max = value;
+          }
+        }
+      }
+    }
+  }
+
+  else {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = valueof(values[i], i, values)) != null && value >= value) {
+        min = max = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = valueof(values[i], i, values)) != null) {
+            if (min > value) min = value;
+            if (max < value) max = value;
+          }
+        }
+      }
+    }
+  }
+
+  return [min, max];
+};
+
+var array = Array.prototype;
+
+var slice = array.slice;
+var map = array.map;
+
+var constant = function(x) {
+  return function() {
+    return x;
+  };
+};
+
+var identity = function(x) {
+  return x;
+};
+
+var range = function(start, stop, step) {
+  start = +start, stop = +stop, step = (n = arguments.length) < 2 ? (stop = start, start = 0, 1) : n < 3 ? 1 : +step;
+
+  var i = -1,
+      n = Math.max(0, Math.ceil((stop - start) / step)) | 0,
+      range = new Array(n);
+
+  while (++i < n) {
+    range[i] = start + i * step;
+  }
+
+  return range;
+};
+
+var e10 = Math.sqrt(50);
+var e5 = Math.sqrt(10);
+var e2 = Math.sqrt(2);
+
+var ticks = function(start, stop, count) {
+  var reverse = stop < start,
+      i = -1,
+      n,
+      ticks,
+      step;
+
+  if (reverse) n = start, start = stop, stop = n;
+
+  if ((step = tickIncrement(start, stop, count)) === 0 || !isFinite(step)) return [];
+
+  if (step > 0) {
+    start = Math.ceil(start / step);
+    stop = Math.floor(stop / step);
+    ticks = new Array(n = Math.ceil(stop - start + 1));
+    while (++i < n) ticks[i] = (start + i) * step;
+  } else {
+    start = Math.floor(start * step);
+    stop = Math.ceil(stop * step);
+    ticks = new Array(n = Math.ceil(start - stop + 1));
+    while (++i < n) ticks[i] = (start - i) / step;
+  }
+
+  if (reverse) ticks.reverse();
+
+  return ticks;
+};
+
+function tickIncrement(start, stop, count) {
+  var step = (stop - start) / Math.max(0, count),
+      power = Math.floor(Math.log(step) / Math.LN10),
+      error = step / Math.pow(10, power);
+  return power >= 0
+      ? (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1) * Math.pow(10, power)
+      : -Math.pow(10, -power) / (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1);
+}
+
+function tickStep(start, stop, count) {
+  var step0 = Math.abs(stop - start) / Math.max(0, count),
+      step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10)),
+      error = step0 / step1;
+  if (error >= e10) step1 *= 10;
+  else if (error >= e5) step1 *= 5;
+  else if (error >= e2) step1 *= 2;
+  return stop < start ? -step1 : step1;
+}
+
+var sturges = function(values) {
+  return Math.ceil(Math.log(values.length) / Math.LN2) + 1;
+};
+
+var histogram = function() {
+  var value = identity,
+      domain = extent,
+      threshold = sturges;
+
+  function histogram(data) {
+    var i,
+        n = data.length,
+        x,
+        values = new Array(n);
+
+    for (i = 0; i < n; ++i) {
+      values[i] = value(data[i], i, data);
+    }
+
+    var xz = domain(values),
+        x0 = xz[0],
+        x1 = xz[1],
+        tz = threshold(values, x0, x1);
+
+    // Convert number of thresholds into uniform thresholds.
+    if (!Array.isArray(tz)) {
+      tz = tickStep(x0, x1, tz);
+      tz = range(Math.ceil(x0 / tz) * tz, Math.floor(x1 / tz) * tz, tz); // exclusive
+    }
+
+    // Remove any thresholds outside the domain.
+    var m = tz.length;
+    while (tz[0] <= x0) tz.shift(), --m;
+    while (tz[m - 1] > x1) tz.pop(), --m;
+
+    var bins = new Array(m + 1),
+        bin;
+
+    // Initialize bins.
+    for (i = 0; i <= m; ++i) {
+      bin = bins[i] = [];
+      bin.x0 = i > 0 ? tz[i - 1] : x0;
+      bin.x1 = i < m ? tz[i] : x1;
+    }
+
+    // Assign data to bins by value, ignoring any outside the domain.
+    for (i = 0; i < n; ++i) {
+      x = values[i];
+      if (x0 <= x && x <= x1) {
+        bins[bisectRight(tz, x, 0, m)].push(data[i]);
+      }
+    }
+
+    return bins;
+  }
+
+  histogram.value = function(_) {
+    return arguments.length ? (value = typeof _ === "function" ? _ : constant(_), histogram) : value;
+  };
+
+  histogram.domain = function(_) {
+    return arguments.length ? (domain = typeof _ === "function" ? _ : constant([_[0], _[1]]), histogram) : domain;
+  };
+
+  histogram.thresholds = function(_) {
+    return arguments.length ? (threshold = typeof _ === "function" ? _ : Array.isArray(_) ? constant(slice.call(_)) : constant(_), histogram) : threshold;
+  };
+
+  return histogram;
+};
+
+var quantile = function(values, p, valueof) {
+  if (valueof == null) valueof = number;
+  if (!(n = values.length)) return;
+  if ((p = +p) <= 0 || n < 2) return +valueof(values[0], 0, values);
+  if (p >= 1) return +valueof(values[n - 1], n - 1, values);
+  var n,
+      i = (n - 1) * p,
+      i0 = Math.floor(i),
+      value0 = +valueof(values[i0], i0, values),
+      value1 = +valueof(values[i0 + 1], i0 + 1, values);
+  return value0 + (value1 - value0) * (i - i0);
+};
+
+var freedmanDiaconis = function(values, min, max) {
+  values = map.call(values, number).sort(ascending);
+  return Math.ceil((max - min) / (2 * (quantile(values, 0.75) - quantile(values, 0.25)) * Math.pow(values.length, -1 / 3)));
+};
+
+var scott = function(values, min, max) {
+  return Math.ceil((max - min) / (3.5 * deviation(values) * Math.pow(values.length, -1 / 3)));
+};
+
+var max = function(values, valueof) {
+  var n = values.length,
+      i = -1,
+      value,
+      max;
+
+  if (valueof == null) {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = values[i]) != null && value >= value) {
+        max = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = values[i]) != null && value > max) {
+            max = value;
+          }
+        }
+      }
+    }
+  }
+
+  else {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = valueof(values[i], i, values)) != null && value >= value) {
+        max = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = valueof(values[i], i, values)) != null && value > max) {
+            max = value;
+          }
+        }
+      }
+    }
+  }
+
+  return max;
+};
+
+var mean = function(values, valueof) {
+  var n = values.length,
+      m = n,
+      i = -1,
+      value,
+      sum = 0;
+
+  if (valueof == null) {
+    while (++i < n) {
+      if (!isNaN(value = number(values[i]))) sum += value;
+      else --m;
+    }
+  }
+
+  else {
+    while (++i < n) {
+      if (!isNaN(value = number(valueof(values[i], i, values)))) sum += value;
+      else --m;
+    }
+  }
+
+  if (m) return sum / m;
+};
+
+var median = function(values, valueof) {
+  var n = values.length,
+      i = -1,
+      value,
+      numbers = [];
+
+  if (valueof == null) {
+    while (++i < n) {
+      if (!isNaN(value = number(values[i]))) {
+        numbers.push(value);
+      }
+    }
+  }
+
+  else {
+    while (++i < n) {
+      if (!isNaN(value = number(valueof(values[i], i, values)))) {
+        numbers.push(value);
+      }
+    }
+  }
+
+  return quantile(numbers.sort(ascending), 0.5);
+};
+
+var merge = function(arrays) {
+  var n = arrays.length,
+      m,
+      i = -1,
+      j = 0,
+      merged,
+      array;
+
+  while (++i < n) j += arrays[i].length;
+  merged = new Array(j);
+
+  while (--n >= 0) {
+    array = arrays[n];
+    m = array.length;
+    while (--m >= 0) {
+      merged[--j] = array[m];
+    }
+  }
+
+  return merged;
+};
+
+var min = function(values, valueof) {
+  var n = values.length,
+      i = -1,
+      value,
+      min;
+
+  if (valueof == null) {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = values[i]) != null && value >= value) {
+        min = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = values[i]) != null && min > value) {
+            min = value;
+          }
+        }
+      }
+    }
+  }
+
+  else {
+    while (++i < n) { // Find the first comparable value.
+      if ((value = valueof(values[i], i, values)) != null && value >= value) {
+        min = value;
+        while (++i < n) { // Compare the remaining values.
+          if ((value = valueof(values[i], i, values)) != null && min > value) {
+            min = value;
+          }
+        }
+      }
+    }
+  }
+
+  return min;
+};
+
+var permute = function(array, indexes) {
+  var i = indexes.length, permutes = new Array(i);
+  while (i--) permutes[i] = array[indexes[i]];
+  return permutes;
+};
+
+var scan = function(values, compare) {
+  if (!(n = values.length)) return;
+  var n,
+      i = 0,
+      j = 0,
+      xi,
+      xj = values[j];
+
+  if (compare == null) compare = ascending;
+
+  while (++i < n) {
+    if (compare(xi = values[i], xj) < 0 || compare(xj, xj) !== 0) {
+      xj = xi, j = i;
+    }
+  }
+
+  if (compare(xj, xj) === 0) return j;
+};
+
+var shuffle = function(array, i0, i1) {
+  var m = (i1 == null ? array.length : i1) - (i0 = i0 == null ? 0 : +i0),
+      t,
+      i;
+
+  while (m) {
+    i = Math.random() * m-- | 0;
+    t = array[m + i0];
+    array[m + i0] = array[i + i0];
+    array[i + i0] = t;
+  }
+
+  return array;
+};
+
+var sum = function(values, valueof) {
+  var n = values.length,
+      i = -1,
+      value,
+      sum = 0;
+
+  if (valueof == null) {
+    while (++i < n) {
+      if (value = +values[i]) sum += value; // Note: zero and null are equivalent.
+    }
+  }
+
+  else {
+    while (++i < n) {
+      if (value = +valueof(values[i], i, values)) sum += value;
+    }
+  }
+
+  return sum;
+};
+
+var transpose = function(matrix) {
+  if (!(n = matrix.length)) return [];
+  for (var i = -1, m = min(matrix, length), transpose = new Array(m); ++i < m;) {
+    for (var j = -1, n, row = transpose[i] = new Array(n); ++j < n;) {
+      row[j] = matrix[j][i];
+    }
+  }
+  return transpose;
+};
+
+function length(d) {
+  return d.length;
+}
+
+var zip = function() {
+  return transpose(arguments);
+};
+
+exports.bisect = bisectRight;
+exports.bisectRight = bisectRight;
+exports.bisectLeft = bisectLeft;
+exports.ascending = ascending;
+exports.bisector = bisector;
+exports.cross = cross;
+exports.descending = descending;
+exports.deviation = deviation;
+exports.extent = extent;
+exports.histogram = histogram;
+exports.thresholdFreedmanDiaconis = freedmanDiaconis;
+exports.thresholdScott = scott;
+exports.thresholdSturges = sturges;
+exports.max = max;
+exports.mean = mean;
+exports.median = median;
+exports.merge = merge;
+exports.min = min;
+exports.pairs = pairs;
+exports.permute = permute;
+exports.quantile = quantile;
+exports.range = range;
+exports.scan = scan;
+exports.shuffle = shuffle;
+exports.sum = sum;
+exports.ticks = ticks;
+exports.tickIncrement = tickIncrement;
+exports.tickStep = tickStep;
+exports.transpose = transpose;
+exports.variance = variance;
+exports.zip = zip;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],115:[function(require,module,exports){
+// https://d3js.org/d3-collection/ Version 1.0.3. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var prefix = "$";
+
+function Map() {}
+
+Map.prototype = map.prototype = {
+  constructor: Map,
+  has: function(key) {
+    return (prefix + key) in this;
+  },
+  get: function(key) {
+    return this[prefix + key];
+  },
+  set: function(key, value) {
+    this[prefix + key] = value;
+    return this;
+  },
+  remove: function(key) {
+    var property = prefix + key;
+    return property in this && delete this[property];
+  },
+  clear: function() {
+    for (var property in this) if (property[0] === prefix) delete this[property];
+  },
+  keys: function() {
+    var keys = [];
+    for (var property in this) if (property[0] === prefix) keys.push(property.slice(1));
+    return keys;
+  },
+  values: function() {
+    var values = [];
+    for (var property in this) if (property[0] === prefix) values.push(this[property]);
+    return values;
+  },
+  entries: function() {
+    var entries = [];
+    for (var property in this) if (property[0] === prefix) entries.push({key: property.slice(1), value: this[property]});
+    return entries;
+  },
+  size: function() {
+    var size = 0;
+    for (var property in this) if (property[0] === prefix) ++size;
+    return size;
+  },
+  empty: function() {
+    for (var property in this) if (property[0] === prefix) return false;
+    return true;
+  },
+  each: function(f) {
+    for (var property in this) if (property[0] === prefix) f(this[property], property.slice(1), this);
+  }
+};
+
+function map(object, f) {
+  var map = new Map;
+
+  // Copy constructor.
+  if (object instanceof Map) object.each(function(value, key) { map.set(key, value); });
+
+  // Index array by numeric index or specified key function.
+  else if (Array.isArray(object)) {
+    var i = -1,
+        n = object.length,
+        o;
+
+    if (f == null) while (++i < n) map.set(i, object[i]);
+    else while (++i < n) map.set(f(o = object[i], i, object), o);
+  }
+
+  // Convert object to map.
+  else if (object) for (var key in object) map.set(key, object[key]);
+
+  return map;
+}
+
+var nest = function() {
+  var keys = [],
+      sortKeys = [],
+      sortValues,
+      rollup,
+      nest;
+
+  function apply(array, depth, createResult, setResult) {
+    if (depth >= keys.length) return rollup != null
+        ? rollup(array) : (sortValues != null
+        ? array.sort(sortValues)
+        : array);
+
+    var i = -1,
+        n = array.length,
+        key = keys[depth++],
+        keyValue,
+        value,
+        valuesByKey = map(),
+        values,
+        result = createResult();
+
+    while (++i < n) {
+      if (values = valuesByKey.get(keyValue = key(value = array[i]) + "")) {
+        values.push(value);
+      } else {
+        valuesByKey.set(keyValue, [value]);
+      }
+    }
+
+    valuesByKey.each(function(values, key) {
+      setResult(result, key, apply(values, depth, createResult, setResult));
+    });
+
+    return result;
+  }
+
+  function entries(map$$1, depth) {
+    if (++depth > keys.length) return map$$1;
+    var array, sortKey = sortKeys[depth - 1];
+    if (rollup != null && depth >= keys.length) array = map$$1.entries();
+    else array = [], map$$1.each(function(v, k) { array.push({key: k, values: entries(v, depth)}); });
+    return sortKey != null ? array.sort(function(a, b) { return sortKey(a.key, b.key); }) : array;
+  }
+
+  return nest = {
+    object: function(array) { return apply(array, 0, createObject, setObject); },
+    map: function(array) { return apply(array, 0, createMap, setMap); },
+    entries: function(array) { return entries(apply(array, 0, createMap, setMap), 0); },
+    key: function(d) { keys.push(d); return nest; },
+    sortKeys: function(order) { sortKeys[keys.length - 1] = order; return nest; },
+    sortValues: function(order) { sortValues = order; return nest; },
+    rollup: function(f) { rollup = f; return nest; }
+  };
+};
+
+function createObject() {
+  return {};
+}
+
+function setObject(object, key, value) {
+  object[key] = value;
+}
+
+function createMap() {
+  return map();
+}
+
+function setMap(map$$1, key, value) {
+  map$$1.set(key, value);
+}
+
+function Set() {}
+
+var proto = map.prototype;
+
+Set.prototype = set.prototype = {
+  constructor: Set,
+  has: proto.has,
+  add: function(value) {
+    value += "";
+    this[prefix + value] = value;
+    return this;
+  },
+  remove: proto.remove,
+  clear: proto.clear,
+  values: proto.keys,
+  size: proto.size,
+  empty: proto.empty,
+  each: proto.each
+};
+
+function set(object, f) {
+  var set = new Set;
+
+  // Copy constructor.
+  if (object instanceof Set) object.each(function(value) { set.add(value); });
+
+  // Otherwise, assume it’s an array.
+  else if (object) {
+    var i = -1, n = object.length;
+    if (f == null) while (++i < n) set.add(object[i]);
+    else while (++i < n) set.add(f(object[i], i, object));
+  }
+
+  return set;
+}
+
+var keys = function(map) {
+  var keys = [];
+  for (var key in map) keys.push(key);
+  return keys;
+};
+
+var values = function(map) {
+  var values = [];
+  for (var key in map) values.push(map[key]);
+  return values;
+};
+
+var entries = function(map) {
+  var entries = [];
+  for (var key in map) entries.push({key: key, value: map[key]});
+  return entries;
+};
+
+exports.nest = nest;
+exports.set = set;
+exports.map = map;
+exports.keys = keys;
+exports.values = values;
+exports.entries = entries;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],116:[function(require,module,exports){
+// https://d3js.org/d3-color/ Version 1.0.3. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var define = function(constructor, factory, prototype) {
+  constructor.prototype = factory.prototype = prototype;
+  prototype.constructor = constructor;
+};
+
+function extend(parent, definition) {
+  var prototype = Object.create(parent.prototype);
+  for (var key in definition) prototype[key] = definition[key];
+  return prototype;
+}
+
+function Color() {}
+
+var darker = 0.7;
+var brighter = 1 / darker;
+
+var reI = "\\s*([+-]?\\d+)\\s*";
+var reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*";
+var reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*";
+var reHex3 = /^#([0-9a-f]{3})$/;
+var reHex6 = /^#([0-9a-f]{6})$/;
+var reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$");
+var reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$");
+var reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$");
+var reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$");
+var reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$");
+var reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
+
+var named = {
+  aliceblue: 0xf0f8ff,
+  antiquewhite: 0xfaebd7,
+  aqua: 0x00ffff,
+  aquamarine: 0x7fffd4,
+  azure: 0xf0ffff,
+  beige: 0xf5f5dc,
+  bisque: 0xffe4c4,
+  black: 0x000000,
+  blanchedalmond: 0xffebcd,
+  blue: 0x0000ff,
+  blueviolet: 0x8a2be2,
+  brown: 0xa52a2a,
+  burlywood: 0xdeb887,
+  cadetblue: 0x5f9ea0,
+  chartreuse: 0x7fff00,
+  chocolate: 0xd2691e,
+  coral: 0xff7f50,
+  cornflowerblue: 0x6495ed,
+  cornsilk: 0xfff8dc,
+  crimson: 0xdc143c,
+  cyan: 0x00ffff,
+  darkblue: 0x00008b,
+  darkcyan: 0x008b8b,
+  darkgoldenrod: 0xb8860b,
+  darkgray: 0xa9a9a9,
+  darkgreen: 0x006400,
+  darkgrey: 0xa9a9a9,
+  darkkhaki: 0xbdb76b,
+  darkmagenta: 0x8b008b,
+  darkolivegreen: 0x556b2f,
+  darkorange: 0xff8c00,
+  darkorchid: 0x9932cc,
+  darkred: 0x8b0000,
+  darksalmon: 0xe9967a,
+  darkseagreen: 0x8fbc8f,
+  darkslateblue: 0x483d8b,
+  darkslategray: 0x2f4f4f,
+  darkslategrey: 0x2f4f4f,
+  darkturquoise: 0x00ced1,
+  darkviolet: 0x9400d3,
+  deeppink: 0xff1493,
+  deepskyblue: 0x00bfff,
+  dimgray: 0x696969,
+  dimgrey: 0x696969,
+  dodgerblue: 0x1e90ff,
+  firebrick: 0xb22222,
+  floralwhite: 0xfffaf0,
+  forestgreen: 0x228b22,
+  fuchsia: 0xff00ff,
+  gainsboro: 0xdcdcdc,
+  ghostwhite: 0xf8f8ff,
+  gold: 0xffd700,
+  goldenrod: 0xdaa520,
+  gray: 0x808080,
+  green: 0x008000,
+  greenyellow: 0xadff2f,
+  grey: 0x808080,
+  honeydew: 0xf0fff0,
+  hotpink: 0xff69b4,
+  indianred: 0xcd5c5c,
+  indigo: 0x4b0082,
+  ivory: 0xfffff0,
+  khaki: 0xf0e68c,
+  lavender: 0xe6e6fa,
+  lavenderblush: 0xfff0f5,
+  lawngreen: 0x7cfc00,
+  lemonchiffon: 0xfffacd,
+  lightblue: 0xadd8e6,
+  lightcoral: 0xf08080,
+  lightcyan: 0xe0ffff,
+  lightgoldenrodyellow: 0xfafad2,
+  lightgray: 0xd3d3d3,
+  lightgreen: 0x90ee90,
+  lightgrey: 0xd3d3d3,
+  lightpink: 0xffb6c1,
+  lightsalmon: 0xffa07a,
+  lightseagreen: 0x20b2aa,
+  lightskyblue: 0x87cefa,
+  lightslategray: 0x778899,
+  lightslategrey: 0x778899,
+  lightsteelblue: 0xb0c4de,
+  lightyellow: 0xffffe0,
+  lime: 0x00ff00,
+  limegreen: 0x32cd32,
+  linen: 0xfaf0e6,
+  magenta: 0xff00ff,
+  maroon: 0x800000,
+  mediumaquamarine: 0x66cdaa,
+  mediumblue: 0x0000cd,
+  mediumorchid: 0xba55d3,
+  mediumpurple: 0x9370db,
+  mediumseagreen: 0x3cb371,
+  mediumslateblue: 0x7b68ee,
+  mediumspringgreen: 0x00fa9a,
+  mediumturquoise: 0x48d1cc,
+  mediumvioletred: 0xc71585,
+  midnightblue: 0x191970,
+  mintcream: 0xf5fffa,
+  mistyrose: 0xffe4e1,
+  moccasin: 0xffe4b5,
+  navajowhite: 0xffdead,
+  navy: 0x000080,
+  oldlace: 0xfdf5e6,
+  olive: 0x808000,
+  olivedrab: 0x6b8e23,
+  orange: 0xffa500,
+  orangered: 0xff4500,
+  orchid: 0xda70d6,
+  palegoldenrod: 0xeee8aa,
+  palegreen: 0x98fb98,
+  paleturquoise: 0xafeeee,
+  palevioletred: 0xdb7093,
+  papayawhip: 0xffefd5,
+  peachpuff: 0xffdab9,
+  peru: 0xcd853f,
+  pink: 0xffc0cb,
+  plum: 0xdda0dd,
+  powderblue: 0xb0e0e6,
+  purple: 0x800080,
+  rebeccapurple: 0x663399,
+  red: 0xff0000,
+  rosybrown: 0xbc8f8f,
+  royalblue: 0x4169e1,
+  saddlebrown: 0x8b4513,
+  salmon: 0xfa8072,
+  sandybrown: 0xf4a460,
+  seagreen: 0x2e8b57,
+  seashell: 0xfff5ee,
+  sienna: 0xa0522d,
+  silver: 0xc0c0c0,
+  skyblue: 0x87ceeb,
+  slateblue: 0x6a5acd,
+  slategray: 0x708090,
+  slategrey: 0x708090,
+  snow: 0xfffafa,
+  springgreen: 0x00ff7f,
+  steelblue: 0x4682b4,
+  tan: 0xd2b48c,
+  teal: 0x008080,
+  thistle: 0xd8bfd8,
+  tomato: 0xff6347,
+  turquoise: 0x40e0d0,
+  violet: 0xee82ee,
+  wheat: 0xf5deb3,
+  white: 0xffffff,
+  whitesmoke: 0xf5f5f5,
+  yellow: 0xffff00,
+  yellowgreen: 0x9acd32
+};
+
+define(Color, color, {
+  displayable: function() {
+    return this.rgb().displayable();
+  },
+  toString: function() {
+    return this.rgb() + "";
+  }
+});
+
+function color(format) {
+  var m;
+  format = (format + "").trim().toLowerCase();
+  return (m = reHex3.exec(format)) ? (m = parseInt(m[1], 16), new Rgb((m >> 8 & 0xf) | (m >> 4 & 0x0f0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1)) // #f00
+      : (m = reHex6.exec(format)) ? rgbn(parseInt(m[1], 16)) // #ff0000
+      : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
+      : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
+      : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
+      : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
+      : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
+      : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
+      : named.hasOwnProperty(format) ? rgbn(named[format])
+      : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0)
+      : null;
+}
+
+function rgbn(n) {
+  return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
+}
+
+function rgba(r, g, b, a) {
+  if (a <= 0) r = g = b = NaN;
+  return new Rgb(r, g, b, a);
+}
+
+function rgbConvert(o) {
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Rgb;
+  o = o.rgb();
+  return new Rgb(o.r, o.g, o.b, o.opacity);
+}
+
+function rgb(r, g, b, opacity) {
+  return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
+}
+
+function Rgb(r, g, b, opacity) {
+  this.r = +r;
+  this.g = +g;
+  this.b = +b;
+  this.opacity = +opacity;
+}
+
+define(Rgb, rgb, extend(Color, {
+  brighter: function(k) {
+    k = k == null ? brighter : Math.pow(brighter, k);
+    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+  },
+  darker: function(k) {
+    k = k == null ? darker : Math.pow(darker, k);
+    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+  },
+  rgb: function() {
+    return this;
+  },
+  displayable: function() {
+    return (0 <= this.r && this.r <= 255)
+        && (0 <= this.g && this.g <= 255)
+        && (0 <= this.b && this.b <= 255)
+        && (0 <= this.opacity && this.opacity <= 1);
+  },
+  toString: function() {
+    var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
+    return (a === 1 ? "rgb(" : "rgba(")
+        + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", "
+        + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", "
+        + Math.max(0, Math.min(255, Math.round(this.b) || 0))
+        + (a === 1 ? ")" : ", " + a + ")");
+  }
+}));
+
+function hsla(h, s, l, a) {
+  if (a <= 0) h = s = l = NaN;
+  else if (l <= 0 || l >= 1) h = s = NaN;
+  else if (s <= 0) h = NaN;
+  return new Hsl(h, s, l, a);
+}
+
+function hslConvert(o) {
+  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Hsl;
+  if (o instanceof Hsl) return o;
+  o = o.rgb();
+  var r = o.r / 255,
+      g = o.g / 255,
+      b = o.b / 255,
+      min = Math.min(r, g, b),
+      max = Math.max(r, g, b),
+      h = NaN,
+      s = max - min,
+      l = (max + min) / 2;
+  if (s) {
+    if (r === max) h = (g - b) / s + (g < b) * 6;
+    else if (g === max) h = (b - r) / s + 2;
+    else h = (r - g) / s + 4;
+    s /= l < 0.5 ? max + min : 2 - max - min;
+    h *= 60;
+  } else {
+    s = l > 0 && l < 1 ? 0 : h;
+  }
+  return new Hsl(h, s, l, o.opacity);
+}
+
+function hsl(h, s, l, opacity) {
+  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
+}
+
+function Hsl(h, s, l, opacity) {
+  this.h = +h;
+  this.s = +s;
+  this.l = +l;
+  this.opacity = +opacity;
+}
+
+define(Hsl, hsl, extend(Color, {
+  brighter: function(k) {
+    k = k == null ? brighter : Math.pow(brighter, k);
+    return new Hsl(this.h, this.s, this.l * k, this.opacity);
+  },
+  darker: function(k) {
+    k = k == null ? darker : Math.pow(darker, k);
+    return new Hsl(this.h, this.s, this.l * k, this.opacity);
+  },
+  rgb: function() {
+    var h = this.h % 360 + (this.h < 0) * 360,
+        s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
+        l = this.l,
+        m2 = l + (l < 0.5 ? l : 1 - l) * s,
+        m1 = 2 * l - m2;
+    return new Rgb(
+      hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
+      hsl2rgb(h, m1, m2),
+      hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
+      this.opacity
+    );
+  },
+  displayable: function() {
+    return (0 <= this.s && this.s <= 1 || isNaN(this.s))
+        && (0 <= this.l && this.l <= 1)
+        && (0 <= this.opacity && this.opacity <= 1);
+  }
+}));
+
+/* From FvD 13.37, CSS Color Module Level 3 */
+function hsl2rgb(h, m1, m2) {
+  return (h < 60 ? m1 + (m2 - m1) * h / 60
+      : h < 180 ? m2
+      : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60
+      : m1) * 255;
+}
+
+var deg2rad = Math.PI / 180;
+var rad2deg = 180 / Math.PI;
+
+var Kn = 18;
+var Xn = 0.950470;
+var Yn = 1;
+var Zn = 1.088830;
+var t0 = 4 / 29;
+var t1 = 6 / 29;
+var t2 = 3 * t1 * t1;
+var t3 = t1 * t1 * t1;
+
+function labConvert(o) {
+  if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
+  if (o instanceof Hcl) {
+    var h = o.h * deg2rad;
+    return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
+  }
+  if (!(o instanceof Rgb)) o = rgbConvert(o);
+  var b = rgb2xyz(o.r),
+      a = rgb2xyz(o.g),
+      l = rgb2xyz(o.b),
+      x = xyz2lab((0.4124564 * b + 0.3575761 * a + 0.1804375 * l) / Xn),
+      y = xyz2lab((0.2126729 * b + 0.7151522 * a + 0.0721750 * l) / Yn),
+      z = xyz2lab((0.0193339 * b + 0.1191920 * a + 0.9503041 * l) / Zn);
+  return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
+}
+
+function lab(l, a, b, opacity) {
+  return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
+}
+
+function Lab(l, a, b, opacity) {
+  this.l = +l;
+  this.a = +a;
+  this.b = +b;
+  this.opacity = +opacity;
+}
+
+define(Lab, lab, extend(Color, {
+  brighter: function(k) {
+    return new Lab(this.l + Kn * (k == null ? 1 : k), this.a, this.b, this.opacity);
+  },
+  darker: function(k) {
+    return new Lab(this.l - Kn * (k == null ? 1 : k), this.a, this.b, this.opacity);
+  },
+  rgb: function() {
+    var y = (this.l + 16) / 116,
+        x = isNaN(this.a) ? y : y + this.a / 500,
+        z = isNaN(this.b) ? y : y - this.b / 200;
+    y = Yn * lab2xyz(y);
+    x = Xn * lab2xyz(x);
+    z = Zn * lab2xyz(z);
+    return new Rgb(
+      xyz2rgb( 3.2404542 * x - 1.5371385 * y - 0.4985314 * z), // D65 -> sRGB
+      xyz2rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z),
+      xyz2rgb( 0.0556434 * x - 0.2040259 * y + 1.0572252 * z),
+      this.opacity
+    );
+  }
+}));
+
+function xyz2lab(t) {
+  return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;
+}
+
+function lab2xyz(t) {
+  return t > t1 ? t * t * t : t2 * (t - t0);
+}
+
+function xyz2rgb(x) {
+  return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
+}
+
+function rgb2xyz(x) {
+  return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+}
+
+function hclConvert(o) {
+  if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
+  if (!(o instanceof Lab)) o = labConvert(o);
+  var h = Math.atan2(o.b, o.a) * rad2deg;
+  return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
+}
+
+function hcl(h, c, l, opacity) {
+  return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
+}
+
+function Hcl(h, c, l, opacity) {
+  this.h = +h;
+  this.c = +c;
+  this.l = +l;
+  this.opacity = +opacity;
+}
+
+define(Hcl, hcl, extend(Color, {
+  brighter: function(k) {
+    return new Hcl(this.h, this.c, this.l + Kn * (k == null ? 1 : k), this.opacity);
+  },
+  darker: function(k) {
+    return new Hcl(this.h, this.c, this.l - Kn * (k == null ? 1 : k), this.opacity);
+  },
+  rgb: function() {
+    return labConvert(this).rgb();
+  }
+}));
+
+var A = -0.14861;
+var B = +1.78277;
+var C = -0.29227;
+var D = -0.90649;
+var E = +1.97294;
+var ED = E * D;
+var EB = E * B;
+var BC_DA = B * C - D * A;
+
+function cubehelixConvert(o) {
+  if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
+  if (!(o instanceof Rgb)) o = rgbConvert(o);
+  var r = o.r / 255,
+      g = o.g / 255,
+      b = o.b / 255,
+      l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
+      bl = b - l,
+      k = (E * (g - l) - C * bl) / D,
+      s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)), // NaN if l=0 or l=1
+      h = s ? Math.atan2(k, bl) * rad2deg - 120 : NaN;
+  return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
+}
+
+function cubehelix(h, s, l, opacity) {
+  return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
+}
+
+function Cubehelix(h, s, l, opacity) {
+  this.h = +h;
+  this.s = +s;
+  this.l = +l;
+  this.opacity = +opacity;
+}
+
+define(Cubehelix, cubehelix, extend(Color, {
+  brighter: function(k) {
+    k = k == null ? brighter : Math.pow(brighter, k);
+    return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
+  },
+  darker: function(k) {
+    k = k == null ? darker : Math.pow(darker, k);
+    return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
+  },
+  rgb: function() {
+    var h = isNaN(this.h) ? 0 : (this.h + 120) * deg2rad,
+        l = +this.l,
+        a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
+        cosh = Math.cos(h),
+        sinh = Math.sin(h);
+    return new Rgb(
+      255 * (l + a * (A * cosh + B * sinh)),
+      255 * (l + a * (C * cosh + D * sinh)),
+      255 * (l + a * (E * cosh)),
+      this.opacity
+    );
+  }
+}));
+
+exports.color = color;
+exports.rgb = rgb;
+exports.hsl = hsl;
+exports.lab = lab;
+exports.hcl = hcl;
+exports.cubehelix = cubehelix;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],117:[function(require,module,exports){
+// https://d3js.org/d3-dispatch/ Version 1.0.3. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var noop = {value: function() {}};
+
+function dispatch() {
+  for (var i = 0, n = arguments.length, _ = {}, t; i < n; ++i) {
+    if (!(t = arguments[i] + "") || (t in _)) throw new Error("illegal type: " + t);
+    _[t] = [];
+  }
+  return new Dispatch(_);
+}
+
+function Dispatch(_) {
+  this._ = _;
+}
+
+function parseTypenames(typenames, types) {
+  return typenames.trim().split(/^|\s+/).map(function(t) {
+    var name = "", i = t.indexOf(".");
+    if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
+    if (t && !types.hasOwnProperty(t)) throw new Error("unknown type: " + t);
+    return {type: t, name: name};
+  });
+}
+
+Dispatch.prototype = dispatch.prototype = {
+  constructor: Dispatch,
+  on: function(typename, callback) {
+    var _ = this._,
+        T = parseTypenames(typename + "", _),
+        t,
+        i = -1,
+        n = T.length;
+
+    // If no callback was specified, return the callback of the given type and name.
+    if (arguments.length < 2) {
+      while (++i < n) if ((t = (typename = T[i]).type) && (t = get(_[t], typename.name))) return t;
+      return;
+    }
+
+    // If a type was specified, set the callback for the given type and name.
+    // Otherwise, if a null callback was specified, remove callbacks of the given name.
+    if (callback != null && typeof callback !== "function") throw new Error("invalid callback: " + callback);
+    while (++i < n) {
+      if (t = (typename = T[i]).type) _[t] = set(_[t], typename.name, callback);
+      else if (callback == null) for (t in _) _[t] = set(_[t], typename.name, null);
+    }
+
+    return this;
+  },
+  copy: function() {
+    var copy = {}, _ = this._;
+    for (var t in _) copy[t] = _[t].slice();
+    return new Dispatch(copy);
+  },
+  call: function(type, that) {
+    if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i = 0, n, t; i < n; ++i) args[i] = arguments[i + 2];
+    if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
+    for (t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
+  },
+  apply: function(type, that, args) {
+    if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
+    for (var t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
+  }
+};
+
+function get(type, name) {
+  for (var i = 0, n = type.length, c; i < n; ++i) {
+    if ((c = type[i]).name === name) {
+      return c.value;
+    }
+  }
+}
+
+function set(type, name, callback) {
+  for (var i = 0, n = type.length; i < n; ++i) {
+    if (type[i].name === name) {
+      type[i] = noop, type = type.slice(0, i).concat(type.slice(i + 1));
+      break;
+    }
+  }
+  if (callback != null) type.push({name: name, value: callback});
+  return type;
+}
+
+exports.dispatch = dispatch;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],118:[function(require,module,exports){
+// https://d3js.org/d3-force/ Version 1.0.6. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-quadtree'), require('d3-collection'), require('d3-dispatch'), require('d3-timer')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'd3-quadtree', 'd3-collection', 'd3-dispatch', 'd3-timer'], factory) :
+	(factory((global.d3 = global.d3 || {}),global.d3,global.d3,global.d3,global.d3));
+}(this, (function (exports,d3Quadtree,d3Collection,d3Dispatch,d3Timer) { 'use strict';
+
+var center = function(x, y) {
+  var nodes;
+
+  if (x == null) x = 0;
+  if (y == null) y = 0;
+
+  function force() {
+    var i,
+        n = nodes.length,
+        node,
+        sx = 0,
+        sy = 0;
+
+    for (i = 0; i < n; ++i) {
+      node = nodes[i], sx += node.x, sy += node.y;
+    }
+
+    for (sx = sx / n - x, sy = sy / n - y, i = 0; i < n; ++i) {
+      node = nodes[i], node.x -= sx, node.y -= sy;
+    }
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+  };
+
+  force.x = function(_) {
+    return arguments.length ? (x = +_, force) : x;
+  };
+
+  force.y = function(_) {
+    return arguments.length ? (y = +_, force) : y;
+  };
+
+  return force;
+};
+
+var constant = function(x) {
+  return function() {
+    return x;
+  };
+};
+
+var jiggle = function() {
+  return (Math.random() - 0.5) * 1e-6;
+};
+
+function x(d) {
+  return d.x + d.vx;
+}
+
+function y(d) {
+  return d.y + d.vy;
+}
+
+var collide = function(radius) {
+  var nodes,
+      radii,
+      strength = 1,
+      iterations = 1;
+
+  if (typeof radius !== "function") radius = constant(radius == null ? 1 : +radius);
+
+  function force() {
+    var i, n = nodes.length,
+        tree,
+        node,
+        xi,
+        yi,
+        ri,
+        ri2;
+
+    for (var k = 0; k < iterations; ++k) {
+      tree = d3Quadtree.quadtree(nodes, x, y).visitAfter(prepare);
+      for (i = 0; i < n; ++i) {
+        node = nodes[i];
+        ri = radii[node.index], ri2 = ri * ri;
+        xi = node.x + node.vx;
+        yi = node.y + node.vy;
+        tree.visit(apply);
+      }
+    }
+
+    function apply(quad, x0, y0, x1, y1) {
+      var data = quad.data, rj = quad.r, r = ri + rj;
+      if (data) {
+        if (data.index > node.index) {
+          var x = xi - data.x - data.vx,
+              y = yi - data.y - data.vy,
+              l = x * x + y * y;
+          if (l < r * r) {
+            if (x === 0) x = jiggle(), l += x * x;
+            if (y === 0) y = jiggle(), l += y * y;
+            l = (r - (l = Math.sqrt(l))) / l * strength;
+            node.vx += (x *= l) * (r = (rj *= rj) / (ri2 + rj));
+            node.vy += (y *= l) * r;
+            data.vx -= x * (r = 1 - r);
+            data.vy -= y * r;
+          }
+        }
+        return;
+      }
+      return x0 > xi + r || x1 < xi - r || y0 > yi + r || y1 < yi - r;
+    }
+  }
+
+  function prepare(quad) {
+    if (quad.data) return quad.r = radii[quad.data.index];
+    for (var i = quad.r = 0; i < 4; ++i) {
+      if (quad[i] && quad[i].r > quad.r) {
+        quad.r = quad[i].r;
+      }
+    }
+  }
+
+  function initialize() {
+    if (!nodes) return;
+    var i, n = nodes.length, node;
+    radii = new Array(n);
+    for (i = 0; i < n; ++i) node = nodes[i], radii[node.index] = +radius(node, i, nodes);
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+    initialize();
+  };
+
+  force.iterations = function(_) {
+    return arguments.length ? (iterations = +_, force) : iterations;
+  };
+
+  force.strength = function(_) {
+    return arguments.length ? (strength = +_, force) : strength;
+  };
+
+  force.radius = function(_) {
+    return arguments.length ? (radius = typeof _ === "function" ? _ : constant(+_), initialize(), force) : radius;
+  };
+
+  return force;
+};
+
+function index(d) {
+  return d.index;
+}
+
+function find(nodeById, nodeId) {
+  var node = nodeById.get(nodeId);
+  if (!node) throw new Error("missing: " + nodeId);
+  return node;
+}
+
+var link = function(links) {
+  var id = index,
+      strength = defaultStrength,
+      strengths,
+      distance = constant(30),
+      distances,
+      nodes,
+      count,
+      bias,
+      iterations = 1;
+
+  if (links == null) links = [];
+
+  function defaultStrength(link) {
+    return 1 / Math.min(count[link.source.index], count[link.target.index]);
+  }
+
+  function force(alpha) {
+    for (var k = 0, n = links.length; k < iterations; ++k) {
+      for (var i = 0, link, source, target, x, y, l, b; i < n; ++i) {
+        link = links[i], source = link.source, target = link.target;
+        x = target.x + target.vx - source.x - source.vx || jiggle();
+        y = target.y + target.vy - source.y - source.vy || jiggle();
+        l = Math.sqrt(x * x + y * y);
+        l = (l - distances[i]) / l * alpha * strengths[i];
+        x *= l, y *= l;
+        target.vx -= x * (b = bias[i]);
+        target.vy -= y * b;
+        source.vx += x * (b = 1 - b);
+        source.vy += y * b;
+      }
+    }
+  }
+
+  function initialize() {
+    if (!nodes) return;
+
+    var i,
+        n = nodes.length,
+        m = links.length,
+        nodeById = d3Collection.map(nodes, id),
+        link;
+
+    for (i = 0, count = new Array(n); i < m; ++i) {
+      link = links[i], link.index = i;
+      if (typeof link.source !== "object") link.source = find(nodeById, link.source);
+      if (typeof link.target !== "object") link.target = find(nodeById, link.target);
+      count[link.source.index] = (count[link.source.index] || 0) + 1;
+      count[link.target.index] = (count[link.target.index] || 0) + 1;
+    }
+
+    for (i = 0, bias = new Array(m); i < m; ++i) {
+      link = links[i], bias[i] = count[link.source.index] / (count[link.source.index] + count[link.target.index]);
+    }
+
+    strengths = new Array(m), initializeStrength();
+    distances = new Array(m), initializeDistance();
+  }
+
+  function initializeStrength() {
+    if (!nodes) return;
+
+    for (var i = 0, n = links.length; i < n; ++i) {
+      strengths[i] = +strength(links[i], i, links);
+    }
+  }
+
+  function initializeDistance() {
+    if (!nodes) return;
+
+    for (var i = 0, n = links.length; i < n; ++i) {
+      distances[i] = +distance(links[i], i, links);
+    }
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+    initialize();
+  };
+
+  force.links = function(_) {
+    return arguments.length ? (links = _, initialize(), force) : links;
+  };
+
+  force.id = function(_) {
+    return arguments.length ? (id = _, force) : id;
+  };
+
+  force.iterations = function(_) {
+    return arguments.length ? (iterations = +_, force) : iterations;
+  };
+
+  force.strength = function(_) {
+    return arguments.length ? (strength = typeof _ === "function" ? _ : constant(+_), initializeStrength(), force) : strength;
+  };
+
+  force.distance = function(_) {
+    return arguments.length ? (distance = typeof _ === "function" ? _ : constant(+_), initializeDistance(), force) : distance;
+  };
+
+  return force;
+};
+
+function x$1(d) {
+  return d.x;
+}
+
+function y$1(d) {
+  return d.y;
+}
+
+var initialRadius = 10;
+var initialAngle = Math.PI * (3 - Math.sqrt(5));
+
+var simulation = function(nodes) {
+  var simulation,
+      alpha = 1,
+      alphaMin = 0.001,
+      alphaDecay = 1 - Math.pow(alphaMin, 1 / 300),
+      alphaTarget = 0,
+      velocityDecay = 0.6,
+      forces = d3Collection.map(),
+      stepper = d3Timer.timer(step),
+      event = d3Dispatch.dispatch("tick", "end");
+
+  if (nodes == null) nodes = [];
+
+  function step() {
+    tick();
+    event.call("tick", simulation);
+    if (alpha < alphaMin) {
+      stepper.stop();
+      event.call("end", simulation);
+    }
+  }
+
+  function tick() {
+    var i, n = nodes.length, node;
+
+    alpha += (alphaTarget - alpha) * alphaDecay;
+
+    forces.each(function(force) {
+      force(alpha);
+    });
+
+    for (i = 0; i < n; ++i) {
+      node = nodes[i];
+      if (node.fx == null) node.x += node.vx *= velocityDecay;
+      else node.x = node.fx, node.vx = 0;
+      if (node.fy == null) node.y += node.vy *= velocityDecay;
+      else node.y = node.fy, node.vy = 0;
+    }
+  }
+
+  function initializeNodes() {
+    for (var i = 0, n = nodes.length, node; i < n; ++i) {
+      node = nodes[i], node.index = i;
+      if (isNaN(node.x) || isNaN(node.y)) {
+        var radius = initialRadius * Math.sqrt(i), angle = i * initialAngle;
+        node.x = radius * Math.cos(angle);
+        node.y = radius * Math.sin(angle);
+      }
+      if (isNaN(node.vx) || isNaN(node.vy)) {
+        node.vx = node.vy = 0;
+      }
+    }
+  }
+
+  function initializeForce(force) {
+    if (force.initialize) force.initialize(nodes);
+    return force;
+  }
+
+  initializeNodes();
+
+  return simulation = {
+    tick: tick,
+
+    restart: function() {
+      return stepper.restart(step), simulation;
+    },
+
+    stop: function() {
+      return stepper.stop(), simulation;
+    },
+
+    nodes: function(_) {
+      return arguments.length ? (nodes = _, initializeNodes(), forces.each(initializeForce), simulation) : nodes;
+    },
+
+    alpha: function(_) {
+      return arguments.length ? (alpha = +_, simulation) : alpha;
+    },
+
+    alphaMin: function(_) {
+      return arguments.length ? (alphaMin = +_, simulation) : alphaMin;
+    },
+
+    alphaDecay: function(_) {
+      return arguments.length ? (alphaDecay = +_, simulation) : +alphaDecay;
+    },
+
+    alphaTarget: function(_) {
+      return arguments.length ? (alphaTarget = +_, simulation) : alphaTarget;
+    },
+
+    velocityDecay: function(_) {
+      return arguments.length ? (velocityDecay = 1 - _, simulation) : 1 - velocityDecay;
+    },
+
+    force: function(name, _) {
+      return arguments.length > 1 ? ((_ == null ? forces.remove(name) : forces.set(name, initializeForce(_))), simulation) : forces.get(name);
+    },
+
+    find: function(x, y, radius) {
+      var i = 0,
+          n = nodes.length,
+          dx,
+          dy,
+          d2,
+          node,
+          closest;
+
+      if (radius == null) radius = Infinity;
+      else radius *= radius;
+
+      for (i = 0; i < n; ++i) {
+        node = nodes[i];
+        dx = x - node.x;
+        dy = y - node.y;
+        d2 = dx * dx + dy * dy;
+        if (d2 < radius) closest = node, radius = d2;
+      }
+
+      return closest;
+    },
+
+    on: function(name, _) {
+      return arguments.length > 1 ? (event.on(name, _), simulation) : event.on(name);
+    }
+  };
+};
+
+var manyBody = function() {
+  var nodes,
+      node,
+      alpha,
+      strength = constant(-30),
+      strengths,
+      distanceMin2 = 1,
+      distanceMax2 = Infinity,
+      theta2 = 0.81;
+
+  function force(_) {
+    var i, n = nodes.length, tree = d3Quadtree.quadtree(nodes, x$1, y$1).visitAfter(accumulate);
+    for (alpha = _, i = 0; i < n; ++i) node = nodes[i], tree.visit(apply);
+  }
+
+  function initialize() {
+    if (!nodes) return;
+    var i, n = nodes.length, node;
+    strengths = new Array(n);
+    for (i = 0; i < n; ++i) node = nodes[i], strengths[node.index] = +strength(node, i, nodes);
+  }
+
+  function accumulate(quad) {
+    var strength = 0, q, c, x$$1, y$$1, i;
+
+    // For internal nodes, accumulate forces from child quadrants.
+    if (quad.length) {
+      for (x$$1 = y$$1 = i = 0; i < 4; ++i) {
+        if ((q = quad[i]) && (c = q.value)) {
+          strength += c, x$$1 += c * q.x, y$$1 += c * q.y;
+        }
+      }
+      quad.x = x$$1 / strength;
+      quad.y = y$$1 / strength;
+    }
+
+    // For leaf nodes, accumulate forces from coincident quadrants.
+    else {
+      q = quad;
+      q.x = q.data.x;
+      q.y = q.data.y;
+      do strength += strengths[q.data.index];
+      while (q = q.next);
+    }
+
+    quad.value = strength;
+  }
+
+  function apply(quad, x1, _, x2) {
+    if (!quad.value) return true;
+
+    var x$$1 = quad.x - node.x,
+        y$$1 = quad.y - node.y,
+        w = x2 - x1,
+        l = x$$1 * x$$1 + y$$1 * y$$1;
+
+    // Apply the Barnes-Hut approximation if possible.
+    // Limit forces for very close nodes; randomize direction if coincident.
+    if (w * w / theta2 < l) {
+      if (l < distanceMax2) {
+        if (x$$1 === 0) x$$1 = jiggle(), l += x$$1 * x$$1;
+        if (y$$1 === 0) y$$1 = jiggle(), l += y$$1 * y$$1;
+        if (l < distanceMin2) l = Math.sqrt(distanceMin2 * l);
+        node.vx += x$$1 * quad.value * alpha / l;
+        node.vy += y$$1 * quad.value * alpha / l;
+      }
+      return true;
+    }
+
+    // Otherwise, process points directly.
+    else if (quad.length || l >= distanceMax2) return;
+
+    // Limit forces for very close nodes; randomize direction if coincident.
+    if (quad.data !== node || quad.next) {
+      if (x$$1 === 0) x$$1 = jiggle(), l += x$$1 * x$$1;
+      if (y$$1 === 0) y$$1 = jiggle(), l += y$$1 * y$$1;
+      if (l < distanceMin2) l = Math.sqrt(distanceMin2 * l);
+    }
+
+    do if (quad.data !== node) {
+      w = strengths[quad.data.index] * alpha / l;
+      node.vx += x$$1 * w;
+      node.vy += y$$1 * w;
+    } while (quad = quad.next);
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+    initialize();
+  };
+
+  force.strength = function(_) {
+    return arguments.length ? (strength = typeof _ === "function" ? _ : constant(+_), initialize(), force) : strength;
+  };
+
+  force.distanceMin = function(_) {
+    return arguments.length ? (distanceMin2 = _ * _, force) : Math.sqrt(distanceMin2);
+  };
+
+  force.distanceMax = function(_) {
+    return arguments.length ? (distanceMax2 = _ * _, force) : Math.sqrt(distanceMax2);
+  };
+
+  force.theta = function(_) {
+    return arguments.length ? (theta2 = _ * _, force) : Math.sqrt(theta2);
+  };
+
+  return force;
+};
+
+var x$2 = function(x) {
+  var strength = constant(0.1),
+      nodes,
+      strengths,
+      xz;
+
+  if (typeof x !== "function") x = constant(x == null ? 0 : +x);
+
+  function force(alpha) {
+    for (var i = 0, n = nodes.length, node; i < n; ++i) {
+      node = nodes[i], node.vx += (xz[i] - node.x) * strengths[i] * alpha;
+    }
+  }
+
+  function initialize() {
+    if (!nodes) return;
+    var i, n = nodes.length;
+    strengths = new Array(n);
+    xz = new Array(n);
+    for (i = 0; i < n; ++i) {
+      strengths[i] = isNaN(xz[i] = +x(nodes[i], i, nodes)) ? 0 : +strength(nodes[i], i, nodes);
+    }
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+    initialize();
+  };
+
+  force.strength = function(_) {
+    return arguments.length ? (strength = typeof _ === "function" ? _ : constant(+_), initialize(), force) : strength;
+  };
+
+  force.x = function(_) {
+    return arguments.length ? (x = typeof _ === "function" ? _ : constant(+_), initialize(), force) : x;
+  };
+
+  return force;
+};
+
+var y$2 = function(y) {
+  var strength = constant(0.1),
+      nodes,
+      strengths,
+      yz;
+
+  if (typeof y !== "function") y = constant(y == null ? 0 : +y);
+
+  function force(alpha) {
+    for (var i = 0, n = nodes.length, node; i < n; ++i) {
+      node = nodes[i], node.vy += (yz[i] - node.y) * strengths[i] * alpha;
+    }
+  }
+
+  function initialize() {
+    if (!nodes) return;
+    var i, n = nodes.length;
+    strengths = new Array(n);
+    yz = new Array(n);
+    for (i = 0; i < n; ++i) {
+      strengths[i] = isNaN(yz[i] = +y(nodes[i], i, nodes)) ? 0 : +strength(nodes[i], i, nodes);
+    }
+  }
+
+  force.initialize = function(_) {
+    nodes = _;
+    initialize();
+  };
+
+  force.strength = function(_) {
+    return arguments.length ? (strength = typeof _ === "function" ? _ : constant(+_), initialize(), force) : strength;
+  };
+
+  force.y = function(_) {
+    return arguments.length ? (y = typeof _ === "function" ? _ : constant(+_), initialize(), force) : y;
+  };
+
+  return force;
+};
+
+exports.forceCenter = center;
+exports.forceCollide = collide;
+exports.forceLink = link;
+exports.forceManyBody = manyBody;
+exports.forceSimulation = simulation;
+exports.forceX = x$2;
+exports.forceY = y$2;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{"d3-collection":115,"d3-dispatch":117,"d3-quadtree":120,"d3-timer":121}],119:[function(require,module,exports){
+// https://d3js.org/d3-interpolate/ Version 1.1.5. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-color')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'd3-color'], factory) :
+	(factory((global.d3 = global.d3 || {}),global.d3));
+}(this, (function (exports,d3Color) { 'use strict';
+
+function basis(t1, v0, v1, v2, v3) {
+  var t2 = t1 * t1, t3 = t2 * t1;
+  return ((1 - 3 * t1 + 3 * t2 - t3) * v0
+      + (4 - 6 * t2 + 3 * t3) * v1
+      + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2
+      + t3 * v3) / 6;
+}
+
+var basis$1 = function(values) {
+  var n = values.length - 1;
+  return function(t) {
+    var i = t <= 0 ? (t = 0) : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
+        v1 = values[i],
+        v2 = values[i + 1],
+        v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
+        v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
+    return basis((t - i / n) * n, v0, v1, v2, v3);
+  };
+};
+
+var basisClosed = function(values) {
+  var n = values.length;
+  return function(t) {
+    var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
+        v0 = values[(i + n - 1) % n],
+        v1 = values[i % n],
+        v2 = values[(i + 1) % n],
+        v3 = values[(i + 2) % n];
+    return basis((t - i / n) * n, v0, v1, v2, v3);
+  };
+};
+
+var constant = function(x) {
+  return function() {
+    return x;
+  };
+};
+
+function linear(a, d) {
+  return function(t) {
+    return a + t * d;
+  };
+}
+
+function exponential(a, b, y) {
+  return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
+    return Math.pow(a + t * b, y);
+  };
+}
+
+function hue(a, b) {
+  var d = b - a;
+  return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : constant(isNaN(a) ? b : a);
+}
+
+function gamma(y) {
+  return (y = +y) === 1 ? nogamma : function(a, b) {
+    return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
+  };
+}
+
+function nogamma(a, b) {
+  var d = b - a;
+  return d ? linear(a, d) : constant(isNaN(a) ? b : a);
+}
+
+var rgb$1 = ((function rgbGamma(y) {
+  var color$$1 = gamma(y);
+
+  function rgb$$1(start, end) {
+    var r = color$$1((start = d3Color.rgb(start)).r, (end = d3Color.rgb(end)).r),
+        g = color$$1(start.g, end.g),
+        b = color$$1(start.b, end.b),
+        opacity = nogamma(start.opacity, end.opacity);
+    return function(t) {
+      start.r = r(t);
+      start.g = g(t);
+      start.b = b(t);
+      start.opacity = opacity(t);
+      return start + "";
+    };
+  }
+
+  rgb$$1.gamma = rgbGamma;
+
+  return rgb$$1;
+}))(1);
+
+function rgbSpline(spline) {
+  return function(colors) {
+    var n = colors.length,
+        r = new Array(n),
+        g = new Array(n),
+        b = new Array(n),
+        i, color$$1;
+    for (i = 0; i < n; ++i) {
+      color$$1 = d3Color.rgb(colors[i]);
+      r[i] = color$$1.r || 0;
+      g[i] = color$$1.g || 0;
+      b[i] = color$$1.b || 0;
+    }
+    r = spline(r);
+    g = spline(g);
+    b = spline(b);
+    color$$1.opacity = 1;
+    return function(t) {
+      color$$1.r = r(t);
+      color$$1.g = g(t);
+      color$$1.b = b(t);
+      return color$$1 + "";
+    };
+  };
+}
+
+var rgbBasis = rgbSpline(basis$1);
+var rgbBasisClosed = rgbSpline(basisClosed);
+
+var array = function(a, b) {
+  var nb = b ? b.length : 0,
+      na = a ? Math.min(nb, a.length) : 0,
+      x = new Array(nb),
+      c = new Array(nb),
+      i;
+
+  for (i = 0; i < na; ++i) x[i] = value(a[i], b[i]);
+  for (; i < nb; ++i) c[i] = b[i];
+
+  return function(t) {
+    for (i = 0; i < na; ++i) c[i] = x[i](t);
+    return c;
+  };
+};
+
+var date = function(a, b) {
+  var d = new Date;
+  return a = +a, b -= a, function(t) {
+    return d.setTime(a + b * t), d;
+  };
+};
+
+var number = function(a, b) {
+  return a = +a, b -= a, function(t) {
+    return a + b * t;
+  };
+};
+
+var object = function(a, b) {
+  var i = {},
+      c = {},
+      k;
+
+  if (a === null || typeof a !== "object") a = {};
+  if (b === null || typeof b !== "object") b = {};
+
+  for (k in b) {
+    if (k in a) {
+      i[k] = value(a[k], b[k]);
+    } else {
+      c[k] = b[k];
+    }
+  }
+
+  return function(t) {
+    for (k in i) c[k] = i[k](t);
+    return c;
+  };
+};
+
+var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g;
+var reB = new RegExp(reA.source, "g");
+
+function zero(b) {
+  return function() {
+    return b;
+  };
+}
+
+function one(b) {
+  return function(t) {
+    return b(t) + "";
+  };
+}
+
+var string = function(a, b) {
+  var bi = reA.lastIndex = reB.lastIndex = 0, // scan index for next number in b
+      am, // current match in a
+      bm, // current match in b
+      bs, // string preceding current number in b, if any
+      i = -1, // index in s
+      s = [], // string constants and placeholders
+      q = []; // number interpolators
+
+  // Coerce inputs to strings.
+  a = a + "", b = b + "";
+
+  // Interpolate pairs of numbers in a & b.
+  while ((am = reA.exec(a))
+      && (bm = reB.exec(b))) {
+    if ((bs = bm.index) > bi) { // a string precedes the next number in b
+      bs = b.slice(bi, bs);
+      if (s[i]) s[i] += bs; // coalesce with previous string
+      else s[++i] = bs;
+    }
+    if ((am = am[0]) === (bm = bm[0])) { // numbers in a & b match
+      if (s[i]) s[i] += bm; // coalesce with previous string
+      else s[++i] = bm;
+    } else { // interpolate non-matching numbers
+      s[++i] = null;
+      q.push({i: i, x: number(am, bm)});
+    }
+    bi = reB.lastIndex;
+  }
+
+  // Add remains of b.
+  if (bi < b.length) {
+    bs = b.slice(bi);
+    if (s[i]) s[i] += bs; // coalesce with previous string
+    else s[++i] = bs;
+  }
+
+  // Special optimization for only a single match.
+  // Otherwise, interpolate each of the numbers and rejoin the string.
+  return s.length < 2 ? (q[0]
+      ? one(q[0].x)
+      : zero(b))
+      : (b = q.length, function(t) {
+          for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);
+          return s.join("");
+        });
+};
+
+var value = function(a, b) {
+  var t = typeof b, c;
+  return b == null || t === "boolean" ? constant(b)
+      : (t === "number" ? number
+      : t === "string" ? ((c = d3Color.color(b)) ? (b = c, rgb$1) : string)
+      : b instanceof d3Color.color ? rgb$1
+      : b instanceof Date ? date
+      : Array.isArray(b) ? array
+      : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? object
+      : number)(a, b);
+};
+
+var round = function(a, b) {
+  return a = +a, b -= a, function(t) {
+    return Math.round(a + b * t);
+  };
+};
+
+var degrees = 180 / Math.PI;
+
+var identity = {
+  translateX: 0,
+  translateY: 0,
+  rotate: 0,
+  skewX: 0,
+  scaleX: 1,
+  scaleY: 1
+};
+
+var decompose = function(a, b, c, d, e, f) {
+  var scaleX, scaleY, skewX;
+  if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
+  if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
+  if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
+  if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
+  return {
+    translateX: e,
+    translateY: f,
+    rotate: Math.atan2(b, a) * degrees,
+    skewX: Math.atan(skewX) * degrees,
+    scaleX: scaleX,
+    scaleY: scaleY
+  };
+};
+
+var cssNode;
+var cssRoot;
+var cssView;
+var svgNode;
+
+function parseCss(value) {
+  if (value === "none") return identity;
+  if (!cssNode) cssNode = document.createElement("DIV"), cssRoot = document.documentElement, cssView = document.defaultView;
+  cssNode.style.transform = value;
+  value = cssView.getComputedStyle(cssRoot.appendChild(cssNode), null).getPropertyValue("transform");
+  cssRoot.removeChild(cssNode);
+  value = value.slice(7, -1).split(",");
+  return decompose(+value[0], +value[1], +value[2], +value[3], +value[4], +value[5]);
+}
+
+function parseSvg(value) {
+  if (value == null) return identity;
+  if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
+  svgNode.setAttribute("transform", value);
+  if (!(value = svgNode.transform.baseVal.consolidate())) return identity;
+  value = value.matrix;
+  return decompose(value.a, value.b, value.c, value.d, value.e, value.f);
+}
+
+function interpolateTransform(parse, pxComma, pxParen, degParen) {
+
+  function pop(s) {
+    return s.length ? s.pop() + " " : "";
+  }
+
+  function translate(xa, ya, xb, yb, s, q) {
+    if (xa !== xb || ya !== yb) {
+      var i = s.push("translate(", null, pxComma, null, pxParen);
+      q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});
+    } else if (xb || yb) {
+      s.push("translate(" + xb + pxComma + yb + pxParen);
+    }
+  }
+
+  function rotate(a, b, s, q) {
+    if (a !== b) {
+      if (a - b > 180) b += 360; else if (b - a > 180) a += 360; // shortest path
+      q.push({i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: number(a, b)});
+    } else if (b) {
+      s.push(pop(s) + "rotate(" + b + degParen);
+    }
+  }
+
+  function skewX(a, b, s, q) {
+    if (a !== b) {
+      q.push({i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: number(a, b)});
+    } else if (b) {
+      s.push(pop(s) + "skewX(" + b + degParen);
+    }
+  }
+
+  function scale(xa, ya, xb, yb, s, q) {
+    if (xa !== xb || ya !== yb) {
+      var i = s.push(pop(s) + "scale(", null, ",", null, ")");
+      q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});
+    } else if (xb !== 1 || yb !== 1) {
+      s.push(pop(s) + "scale(" + xb + "," + yb + ")");
+    }
+  }
+
+  return function(a, b) {
+    var s = [], // string constants and placeholders
+        q = []; // number interpolators
+    a = parse(a), b = parse(b);
+    translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
+    rotate(a.rotate, b.rotate, s, q);
+    skewX(a.skewX, b.skewX, s, q);
+    scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
+    a = b = null; // gc
+    return function(t) {
+      var i = -1, n = q.length, o;
+      while (++i < n) s[(o = q[i]).i] = o.x(t);
+      return s.join("");
+    };
+  };
+}
+
+var interpolateTransformCss = interpolateTransform(parseCss, "px, ", "px)", "deg)");
+var interpolateTransformSvg = interpolateTransform(parseSvg, ", ", ")", ")");
+
+var rho = Math.SQRT2;
+var rho2 = 2;
+var rho4 = 4;
+var epsilon2 = 1e-12;
+
+function cosh(x) {
+  return ((x = Math.exp(x)) + 1 / x) / 2;
+}
+
+function sinh(x) {
+  return ((x = Math.exp(x)) - 1 / x) / 2;
+}
+
+function tanh(x) {
+  return ((x = Math.exp(2 * x)) - 1) / (x + 1);
+}
+
+// p0 = [ux0, uy0, w0]
+// p1 = [ux1, uy1, w1]
+var zoom = function(p0, p1) {
+  var ux0 = p0[0], uy0 = p0[1], w0 = p0[2],
+      ux1 = p1[0], uy1 = p1[1], w1 = p1[2],
+      dx = ux1 - ux0,
+      dy = uy1 - uy0,
+      d2 = dx * dx + dy * dy,
+      i,
+      S;
+
+  // Special case for u0 ≅ u1.
+  if (d2 < epsilon2) {
+    S = Math.log(w1 / w0) / rho;
+    i = function(t) {
+      return [
+        ux0 + t * dx,
+        uy0 + t * dy,
+        w0 * Math.exp(rho * t * S)
+      ];
+    };
+  }
+
+  // General case.
+  else {
+    var d1 = Math.sqrt(d2),
+        b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
+        b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
+        r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
+        r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
+    S = (r1 - r0) / rho;
+    i = function(t) {
+      var s = t * S,
+          coshr0 = cosh(r0),
+          u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
+      return [
+        ux0 + u * dx,
+        uy0 + u * dy,
+        w0 * coshr0 / cosh(rho * s + r0)
+      ];
+    };
+  }
+
+  i.duration = S * 1000;
+
+  return i;
+};
+
+function hsl$1(hue$$1) {
+  return function(start, end) {
+    var h = hue$$1((start = d3Color.hsl(start)).h, (end = d3Color.hsl(end)).h),
+        s = nogamma(start.s, end.s),
+        l = nogamma(start.l, end.l),
+        opacity = nogamma(start.opacity, end.opacity);
+    return function(t) {
+      start.h = h(t);
+      start.s = s(t);
+      start.l = l(t);
+      start.opacity = opacity(t);
+      return start + "";
+    };
+  }
+}
+
+var hsl$2 = hsl$1(hue);
+var hslLong = hsl$1(nogamma);
+
+function lab$1(start, end) {
+  var l = nogamma((start = d3Color.lab(start)).l, (end = d3Color.lab(end)).l),
+      a = nogamma(start.a, end.a),
+      b = nogamma(start.b, end.b),
+      opacity = nogamma(start.opacity, end.opacity);
+  return function(t) {
+    start.l = l(t);
+    start.a = a(t);
+    start.b = b(t);
+    start.opacity = opacity(t);
+    return start + "";
+  };
+}
+
+function hcl$1(hue$$1) {
+  return function(start, end) {
+    var h = hue$$1((start = d3Color.hcl(start)).h, (end = d3Color.hcl(end)).h),
+        c = nogamma(start.c, end.c),
+        l = nogamma(start.l, end.l),
+        opacity = nogamma(start.opacity, end.opacity);
+    return function(t) {
+      start.h = h(t);
+      start.c = c(t);
+      start.l = l(t);
+      start.opacity = opacity(t);
+      return start + "";
+    };
+  }
+}
+
+var hcl$2 = hcl$1(hue);
+var hclLong = hcl$1(nogamma);
+
+function cubehelix$1(hue$$1) {
+  return (function cubehelixGamma(y) {
+    y = +y;
+
+    function cubehelix$$1(start, end) {
+      var h = hue$$1((start = d3Color.cubehelix(start)).h, (end = d3Color.cubehelix(end)).h),
+          s = nogamma(start.s, end.s),
+          l = nogamma(start.l, end.l),
+          opacity = nogamma(start.opacity, end.opacity);
+      return function(t) {
+        start.h = h(t);
+        start.s = s(t);
+        start.l = l(Math.pow(t, y));
+        start.opacity = opacity(t);
+        return start + "";
+      };
+    }
+
+    cubehelix$$1.gamma = cubehelixGamma;
+
+    return cubehelix$$1;
+  })(1);
+}
+
+var cubehelix$2 = cubehelix$1(hue);
+var cubehelixLong = cubehelix$1(nogamma);
+
+var quantize = function(interpolator, n) {
+  var samples = new Array(n);
+  for (var i = 0; i < n; ++i) samples[i] = interpolator(i / (n - 1));
+  return samples;
+};
+
+exports.interpolate = value;
+exports.interpolateArray = array;
+exports.interpolateBasis = basis$1;
+exports.interpolateBasisClosed = basisClosed;
+exports.interpolateDate = date;
+exports.interpolateNumber = number;
+exports.interpolateObject = object;
+exports.interpolateRound = round;
+exports.interpolateString = string;
+exports.interpolateTransformCss = interpolateTransformCss;
+exports.interpolateTransformSvg = interpolateTransformSvg;
+exports.interpolateZoom = zoom;
+exports.interpolateRgb = rgb$1;
+exports.interpolateRgbBasis = rgbBasis;
+exports.interpolateRgbBasisClosed = rgbBasisClosed;
+exports.interpolateHsl = hsl$2;
+exports.interpolateHslLong = hslLong;
+exports.interpolateLab = lab$1;
+exports.interpolateHcl = hcl$2;
+exports.interpolateHclLong = hclLong;
+exports.interpolateCubehelix = cubehelix$2;
+exports.interpolateCubehelixLong = cubehelixLong;
+exports.quantize = quantize;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{"d3-color":116}],120:[function(require,module,exports){
+// https://d3js.org/d3-quadtree/ Version 1.0.3. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var tree_add = function(d) {
+  var x = +this._x.call(null, d),
+      y = +this._y.call(null, d);
+  return add(this.cover(x, y), x, y, d);
+};
+
+function add(tree, x, y, d) {
+  if (isNaN(x) || isNaN(y)) return tree; // ignore invalid points
+
+  var parent,
+      node = tree._root,
+      leaf = {data: d},
+      x0 = tree._x0,
+      y0 = tree._y0,
+      x1 = tree._x1,
+      y1 = tree._y1,
+      xm,
+      ym,
+      xp,
+      yp,
+      right,
+      bottom,
+      i,
+      j;
+
+  // If the tree is empty, initialize the root as a leaf.
+  if (!node) return tree._root = leaf, tree;
+
+  // Find the existing leaf for the new point, or add it.
+  while (node.length) {
+    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm; else x1 = xm;
+    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym; else y1 = ym;
+    if (parent = node, !(node = node[i = bottom << 1 | right])) return parent[i] = leaf, tree;
+  }
+
+  // Is the new point is exactly coincident with the existing point?
+  xp = +tree._x.call(null, node.data);
+  yp = +tree._y.call(null, node.data);
+  if (x === xp && y === yp) return leaf.next = node, parent ? parent[i] = leaf : tree._root = leaf, tree;
+
+  // Otherwise, split the leaf node until the old and new point are separated.
+  do {
+    parent = parent ? parent[i] = new Array(4) : tree._root = new Array(4);
+    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm; else x1 = xm;
+    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym; else y1 = ym;
+  } while ((i = bottom << 1 | right) === (j = (yp >= ym) << 1 | (xp >= xm)));
+  return parent[j] = node, parent[i] = leaf, tree;
+}
+
+function addAll(data) {
+  var d, i, n = data.length,
+      x,
+      y,
+      xz = new Array(n),
+      yz = new Array(n),
+      x0 = Infinity,
+      y0 = Infinity,
+      x1 = -Infinity,
+      y1 = -Infinity;
+
+  // Compute the points and their extent.
+  for (i = 0; i < n; ++i) {
+    if (isNaN(x = +this._x.call(null, d = data[i])) || isNaN(y = +this._y.call(null, d))) continue;
+    xz[i] = x;
+    yz[i] = y;
+    if (x < x0) x0 = x;
+    if (x > x1) x1 = x;
+    if (y < y0) y0 = y;
+    if (y > y1) y1 = y;
+  }
+
+  // If there were no (valid) points, inherit the existing extent.
+  if (x1 < x0) x0 = this._x0, x1 = this._x1;
+  if (y1 < y0) y0 = this._y0, y1 = this._y1;
+
+  // Expand the tree to cover the new points.
+  this.cover(x0, y0).cover(x1, y1);
+
+  // Add the new points.
+  for (i = 0; i < n; ++i) {
+    add(this, xz[i], yz[i], data[i]);
+  }
+
+  return this;
+}
+
+var tree_cover = function(x, y) {
+  if (isNaN(x = +x) || isNaN(y = +y)) return this; // ignore invalid points
+
+  var x0 = this._x0,
+      y0 = this._y0,
+      x1 = this._x1,
+      y1 = this._y1;
+
+  // If the quadtree has no extent, initialize them.
+  // Integer extent are necessary so that if we later double the extent,
+  // the existing quadrant boundaries don’t change due to floating point error!
+  if (isNaN(x0)) {
+    x1 = (x0 = Math.floor(x)) + 1;
+    y1 = (y0 = Math.floor(y)) + 1;
+  }
+
+  // Otherwise, double repeatedly to cover.
+  else if (x0 > x || x > x1 || y0 > y || y > y1) {
+    var z = x1 - x0,
+        node = this._root,
+        parent,
+        i;
+
+    switch (i = (y < (y0 + y1) / 2) << 1 | (x < (x0 + x1) / 2)) {
+      case 0: {
+        do parent = new Array(4), parent[i] = node, node = parent;
+        while (z *= 2, x1 = x0 + z, y1 = y0 + z, x > x1 || y > y1);
+        break;
+      }
+      case 1: {
+        do parent = new Array(4), parent[i] = node, node = parent;
+        while (z *= 2, x0 = x1 - z, y1 = y0 + z, x0 > x || y > y1);
+        break;
+      }
+      case 2: {
+        do parent = new Array(4), parent[i] = node, node = parent;
+        while (z *= 2, x1 = x0 + z, y0 = y1 - z, x > x1 || y0 > y);
+        break;
+      }
+      case 3: {
+        do parent = new Array(4), parent[i] = node, node = parent;
+        while (z *= 2, x0 = x1 - z, y0 = y1 - z, x0 > x || y0 > y);
+        break;
+      }
+    }
+
+    if (this._root && this._root.length) this._root = node;
+  }
+
+  // If the quadtree covers the point already, just return.
+  else return this;
+
+  this._x0 = x0;
+  this._y0 = y0;
+  this._x1 = x1;
+  this._y1 = y1;
+  return this;
+};
+
+var tree_data = function() {
+  var data = [];
+  this.visit(function(node) {
+    if (!node.length) do data.push(node.data); while (node = node.next)
+  });
+  return data;
+};
+
+var tree_extent = function(_) {
+  return arguments.length
+      ? this.cover(+_[0][0], +_[0][1]).cover(+_[1][0], +_[1][1])
+      : isNaN(this._x0) ? undefined : [[this._x0, this._y0], [this._x1, this._y1]];
+};
+
+var Quad = function(node, x0, y0, x1, y1) {
+  this.node = node;
+  this.x0 = x0;
+  this.y0 = y0;
+  this.x1 = x1;
+  this.y1 = y1;
+};
+
+var tree_find = function(x, y, radius) {
+  var data,
+      x0 = this._x0,
+      y0 = this._y0,
+      x1,
+      y1,
+      x2,
+      y2,
+      x3 = this._x1,
+      y3 = this._y1,
+      quads = [],
+      node = this._root,
+      q,
+      i;
+
+  if (node) quads.push(new Quad(node, x0, y0, x3, y3));
+  if (radius == null) radius = Infinity;
+  else {
+    x0 = x - radius, y0 = y - radius;
+    x3 = x + radius, y3 = y + radius;
+    radius *= radius;
+  }
+
+  while (q = quads.pop()) {
+
+    // Stop searching if this quadrant can’t contain a closer node.
+    if (!(node = q.node)
+        || (x1 = q.x0) > x3
+        || (y1 = q.y0) > y3
+        || (x2 = q.x1) < x0
+        || (y2 = q.y1) < y0) continue;
+
+    // Bisect the current quadrant.
+    if (node.length) {
+      var xm = (x1 + x2) / 2,
+          ym = (y1 + y2) / 2;
+
+      quads.push(
+        new Quad(node[3], xm, ym, x2, y2),
+        new Quad(node[2], x1, ym, xm, y2),
+        new Quad(node[1], xm, y1, x2, ym),
+        new Quad(node[0], x1, y1, xm, ym)
+      );
+
+      // Visit the closest quadrant first.
+      if (i = (y >= ym) << 1 | (x >= xm)) {
+        q = quads[quads.length - 1];
+        quads[quads.length - 1] = quads[quads.length - 1 - i];
+        quads[quads.length - 1 - i] = q;
+      }
+    }
+
+    // Visit this point. (Visiting coincident points isn’t necessary!)
+    else {
+      var dx = x - +this._x.call(null, node.data),
+          dy = y - +this._y.call(null, node.data),
+          d2 = dx * dx + dy * dy;
+      if (d2 < radius) {
+        var d = Math.sqrt(radius = d2);
+        x0 = x - d, y0 = y - d;
+        x3 = x + d, y3 = y + d;
+        data = node.data;
+      }
+    }
+  }
+
+  return data;
+};
+
+var tree_remove = function(d) {
+  if (isNaN(x = +this._x.call(null, d)) || isNaN(y = +this._y.call(null, d))) return this; // ignore invalid points
+
+  var parent,
+      node = this._root,
+      retainer,
+      previous,
+      next,
+      x0 = this._x0,
+      y0 = this._y0,
+      x1 = this._x1,
+      y1 = this._y1,
+      x,
+      y,
+      xm,
+      ym,
+      right,
+      bottom,
+      i,
+      j;
+
+  // If the tree is empty, initialize the root as a leaf.
+  if (!node) return this;
+
+  // Find the leaf node for the point.
+  // While descending, also retain the deepest parent with a non-removed sibling.
+  if (node.length) while (true) {
+    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm; else x1 = xm;
+    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym; else y1 = ym;
+    if (!(parent = node, node = node[i = bottom << 1 | right])) return this;
+    if (!node.length) break;
+    if (parent[(i + 1) & 3] || parent[(i + 2) & 3] || parent[(i + 3) & 3]) retainer = parent, j = i;
+  }
+
+  // Find the point to remove.
+  while (node.data !== d) if (!(previous = node, node = node.next)) return this;
+  if (next = node.next) delete node.next;
+
+  // If there are multiple coincident points, remove just the point.
+  if (previous) return (next ? previous.next = next : delete previous.next), this;
+
+  // If this is the root point, remove it.
+  if (!parent) return this._root = next, this;
+
+  // Remove this leaf.
+  next ? parent[i] = next : delete parent[i];
+
+  // If the parent now contains exactly one leaf, collapse superfluous parents.
+  if ((node = parent[0] || parent[1] || parent[2] || parent[3])
+      && node === (parent[3] || parent[2] || parent[1] || parent[0])
+      && !node.length) {
+    if (retainer) retainer[j] = node;
+    else this._root = node;
+  }
+
+  return this;
+};
+
+function removeAll(data) {
+  for (var i = 0, n = data.length; i < n; ++i) this.remove(data[i]);
+  return this;
+}
+
+var tree_root = function() {
+  return this._root;
+};
+
+var tree_size = function() {
+  var size = 0;
+  this.visit(function(node) {
+    if (!node.length) do ++size; while (node = node.next)
+  });
+  return size;
+};
+
+var tree_visit = function(callback) {
+  var quads = [], q, node = this._root, child, x0, y0, x1, y1;
+  if (node) quads.push(new Quad(node, this._x0, this._y0, this._x1, this._y1));
+  while (q = quads.pop()) {
+    if (!callback(node = q.node, x0 = q.x0, y0 = q.y0, x1 = q.x1, y1 = q.y1) && node.length) {
+      var xm = (x0 + x1) / 2, ym = (y0 + y1) / 2;
+      if (child = node[3]) quads.push(new Quad(child, xm, ym, x1, y1));
+      if (child = node[2]) quads.push(new Quad(child, x0, ym, xm, y1));
+      if (child = node[1]) quads.push(new Quad(child, xm, y0, x1, ym));
+      if (child = node[0]) quads.push(new Quad(child, x0, y0, xm, ym));
+    }
+  }
+  return this;
+};
+
+var tree_visitAfter = function(callback) {
+  var quads = [], next = [], q;
+  if (this._root) quads.push(new Quad(this._root, this._x0, this._y0, this._x1, this._y1));
+  while (q = quads.pop()) {
+    var node = q.node;
+    if (node.length) {
+      var child, x0 = q.x0, y0 = q.y0, x1 = q.x1, y1 = q.y1, xm = (x0 + x1) / 2, ym = (y0 + y1) / 2;
+      if (child = node[0]) quads.push(new Quad(child, x0, y0, xm, ym));
+      if (child = node[1]) quads.push(new Quad(child, xm, y0, x1, ym));
+      if (child = node[2]) quads.push(new Quad(child, x0, ym, xm, y1));
+      if (child = node[3]) quads.push(new Quad(child, xm, ym, x1, y1));
+    }
+    next.push(q);
+  }
+  while (q = next.pop()) {
+    callback(q.node, q.x0, q.y0, q.x1, q.y1);
+  }
+  return this;
+};
+
+function defaultX(d) {
+  return d[0];
+}
+
+var tree_x = function(_) {
+  return arguments.length ? (this._x = _, this) : this._x;
+};
+
+function defaultY(d) {
+  return d[1];
+}
+
+var tree_y = function(_) {
+  return arguments.length ? (this._y = _, this) : this._y;
+};
+
+function quadtree(nodes, x, y) {
+  var tree = new Quadtree(x == null ? defaultX : x, y == null ? defaultY : y, NaN, NaN, NaN, NaN);
+  return nodes == null ? tree : tree.addAll(nodes);
+}
+
+function Quadtree(x, y, x0, y0, x1, y1) {
+  this._x = x;
+  this._y = y;
+  this._x0 = x0;
+  this._y0 = y0;
+  this._x1 = x1;
+  this._y1 = y1;
+  this._root = undefined;
+}
+
+function leaf_copy(leaf) {
+  var copy = {data: leaf.data}, next = copy;
+  while (leaf = leaf.next) next = next.next = {data: leaf.data};
+  return copy;
+}
+
+var treeProto = quadtree.prototype = Quadtree.prototype;
+
+treeProto.copy = function() {
+  var copy = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1),
+      node = this._root,
+      nodes,
+      child;
+
+  if (!node) return copy;
+
+  if (!node.length) return copy._root = leaf_copy(node), copy;
+
+  nodes = [{source: node, target: copy._root = new Array(4)}];
+  while (node = nodes.pop()) {
+    for (var i = 0; i < 4; ++i) {
+      if (child = node.source[i]) {
+        if (child.length) nodes.push({source: child, target: node.target[i] = new Array(4)});
+        else node.target[i] = leaf_copy(child);
+      }
+    }
+  }
+
+  return copy;
+};
+
+treeProto.add = tree_add;
+treeProto.addAll = addAll;
+treeProto.cover = tree_cover;
+treeProto.data = tree_data;
+treeProto.extent = tree_extent;
+treeProto.find = tree_find;
+treeProto.remove = tree_remove;
+treeProto.removeAll = removeAll;
+treeProto.root = tree_root;
+treeProto.size = tree_size;
+treeProto.visit = tree_visit;
+treeProto.visitAfter = tree_visitAfter;
+treeProto.x = tree_x;
+treeProto.y = tree_y;
+
+exports.quadtree = quadtree;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],121:[function(require,module,exports){
+// https://d3js.org/d3-timer/ Version 1.0.5. Copyright 2017 Mike Bostock.
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.d3 = global.d3 || {})));
+}(this, (function (exports) { 'use strict';
+
+var frame = 0;
+var timeout = 0;
+var interval = 0;
+var pokeDelay = 1000;
+var taskHead;
+var taskTail;
+var clockLast = 0;
+var clockNow = 0;
+var clockSkew = 0;
+var clock = typeof performance === "object" && performance.now ? performance : Date;
+var setFrame = typeof requestAnimationFrame === "function" ? requestAnimationFrame : function(f) { setTimeout(f, 17); };
+
+function now() {
+  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
+}
+
+function clearNow() {
+  clockNow = 0;
+}
+
+function Timer() {
+  this._call =
+  this._time =
+  this._next = null;
+}
+
+Timer.prototype = timer.prototype = {
+  constructor: Timer,
+  restart: function(callback, delay, time) {
+    if (typeof callback !== "function") throw new TypeError("callback is not a function");
+    time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
+    if (!this._next && taskTail !== this) {
+      if (taskTail) taskTail._next = this;
+      else taskHead = this;
+      taskTail = this;
+    }
+    this._call = callback;
+    this._time = time;
+    sleep();
+  },
+  stop: function() {
+    if (this._call) {
+      this._call = null;
+      this._time = Infinity;
+      sleep();
+    }
+  }
+};
+
+function timer(callback, delay, time) {
+  var t = new Timer;
+  t.restart(callback, delay, time);
+  return t;
+}
+
+function timerFlush() {
+  now(); // Get the current time, if not already set.
+  ++frame; // Pretend we’ve set an alarm, if we haven’t already.
+  var t = taskHead, e;
+  while (t) {
+    if ((e = clockNow - t._time) >= 0) t._call.call(null, e);
+    t = t._next;
+  }
+  --frame;
+}
+
+function wake() {
+  clockNow = (clockLast = clock.now()) + clockSkew;
+  frame = timeout = 0;
+  try {
+    timerFlush();
+  } finally {
+    frame = 0;
+    nap();
+    clockNow = 0;
+  }
+}
+
+function poke() {
+  var now = clock.now(), delay = now - clockLast;
+  if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
+}
+
+function nap() {
+  var t0, t1 = taskHead, t2, time = Infinity;
+  while (t1) {
+    if (t1._call) {
+      if (time > t1._time) time = t1._time;
+      t0 = t1, t1 = t1._next;
+    } else {
+      t2 = t1._next, t1._next = null;
+      t1 = t0 ? t0._next = t2 : taskHead = t2;
+    }
+  }
+  taskTail = t0;
+  sleep(time);
+}
+
+function sleep(time) {
+  if (frame) return; // Soonest alarm already set, or will be.
+  if (timeout) timeout = clearTimeout(timeout);
+  var delay = time - clockNow;
+  if (delay > 24) {
+    if (time < Infinity) timeout = setTimeout(wake, delay);
+    if (interval) interval = clearInterval(interval);
+  } else {
+    if (!interval) clockLast = clockNow, interval = setInterval(poke, pokeDelay);
+    frame = 1, setFrame(wake);
+  }
+}
+
+var timeout$1 = function(callback, delay, time) {
+  var t = new Timer;
+  delay = delay == null ? 0 : +delay;
+  t.restart(function(elapsed) {
+    t.stop();
+    callback(elapsed + delay);
+  }, delay, time);
+  return t;
+};
+
+var interval$1 = function(callback, delay, time) {
+  var t = new Timer, total = delay;
+  if (delay == null) return t.restart(callback, delay, time), t;
+  delay = +delay, time = time == null ? now() : +time;
+  t.restart(function tick(elapsed) {
+    elapsed += total;
+    t.restart(tick, total += delay, time);
+    callback(elapsed);
+  }, delay, time);
+  return t;
+};
+
+exports.now = now;
+exports.timer = timer;
+exports.timerFlush = timerFlush;
+exports.timeout = timeout$1;
+exports.interval = interval$1;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],122:[function(require,module,exports){
+!function() {
+  var d3 = {
+    version: "3.5.17"
+  };
+  var d3_arraySlice = [].slice, d3_array = function(list) {
+    return d3_arraySlice.call(list);
+  };
+  var d3_document = this.document;
+  function d3_documentElement(node) {
+    return node && (node.ownerDocument || node.document || node).documentElement;
+  }
+  function d3_window(node) {
+    return node && (node.ownerDocument && node.ownerDocument.defaultView || node.document && node || node.defaultView);
+  }
+  if (d3_document) {
+    try {
+      d3_array(d3_document.documentElement.childNodes)[0].nodeType;
+    } catch (e) {
+      d3_array = function(list) {
+        var i = list.length, array = new Array(i);
+        while (i--) array[i] = list[i];
+        return array;
+      };
+    }
+  }
+  if (!Date.now) Date.now = function() {
+    return +new Date();
+  };
+  if (d3_document) {
+    try {
+      d3_document.createElement("DIV").style.setProperty("opacity", 0, "");
+    } catch (error) {
+      var d3_element_prototype = this.Element.prototype, d3_element_setAttribute = d3_element_prototype.setAttribute, d3_element_setAttributeNS = d3_element_prototype.setAttributeNS, d3_style_prototype = this.CSSStyleDeclaration.prototype, d3_style_setProperty = d3_style_prototype.setProperty;
+      d3_element_prototype.setAttribute = function(name, value) {
+        d3_element_setAttribute.call(this, name, value + "");
+      };
+      d3_element_prototype.setAttributeNS = function(space, local, value) {
+        d3_element_setAttributeNS.call(this, space, local, value + "");
+      };
+      d3_style_prototype.setProperty = function(name, value, priority) {
+        d3_style_setProperty.call(this, name, value + "", priority);
+      };
+    }
+  }
+  d3.ascending = d3_ascending;
+  function d3_ascending(a, b) {
+    return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+  }
+  d3.descending = function(a, b) {
+    return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;
+  };
+  d3.min = function(array, f) {
+    var i = -1, n = array.length, a, b;
+    if (arguments.length === 1) {
+      while (++i < n) if ((b = array[i]) != null && b >= b) {
+        a = b;
+        break;
+      }
+      while (++i < n) if ((b = array[i]) != null && a > b) a = b;
+    } else {
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) {
+        a = b;
+        break;
+      }
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null && a > b) a = b;
+    }
+    return a;
+  };
+  d3.max = function(array, f) {
+    var i = -1, n = array.length, a, b;
+    if (arguments.length === 1) {
+      while (++i < n) if ((b = array[i]) != null && b >= b) {
+        a = b;
+        break;
+      }
+      while (++i < n) if ((b = array[i]) != null && b > a) a = b;
+    } else {
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) {
+        a = b;
+        break;
+      }
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null && b > a) a = b;
+    }
+    return a;
+  };
+  d3.extent = function(array, f) {
+    var i = -1, n = array.length, a, b, c;
+    if (arguments.length === 1) {
+      while (++i < n) if ((b = array[i]) != null && b >= b) {
+        a = c = b;
+        break;
+      }
+      while (++i < n) if ((b = array[i]) != null) {
+        if (a > b) a = b;
+        if (c < b) c = b;
+      }
+    } else {
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) {
+        a = c = b;
+        break;
+      }
+      while (++i < n) if ((b = f.call(array, array[i], i)) != null) {
+        if (a > b) a = b;
+        if (c < b) c = b;
+      }
+    }
+    return [ a, c ];
+  };
+  function d3_number(x) {
+    return x === null ? NaN : +x;
+  }
+  function d3_numeric(x) {
+    return !isNaN(x);
+  }
+  d3.sum = function(array, f) {
+    var s = 0, n = array.length, a, i = -1;
+    if (arguments.length === 1) {
+      while (++i < n) if (d3_numeric(a = +array[i])) s += a;
+    } else {
+      while (++i < n) if (d3_numeric(a = +f.call(array, array[i], i))) s += a;
+    }
+    return s;
+  };
+  d3.mean = function(array, f) {
+    var s = 0, n = array.length, a, i = -1, j = n;
+    if (arguments.length === 1) {
+      while (++i < n) if (d3_numeric(a = d3_number(array[i]))) s += a; else --j;
+    } else {
+      while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) s += a; else --j;
+    }
+    if (j) return s / j;
+  };
+  d3.quantile = function(values, p) {
+    var H = (values.length - 1) * p + 1, h = Math.floor(H), v = +values[h - 1], e = H - h;
+    return e ? v + e * (values[h] - v) : v;
+  };
+  d3.median = function(array, f) {
+    var numbers = [], n = array.length, a, i = -1;
+    if (arguments.length === 1) {
+      while (++i < n) if (d3_numeric(a = d3_number(array[i]))) numbers.push(a);
+    } else {
+      while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) numbers.push(a);
+    }
+    if (numbers.length) return d3.quantile(numbers.sort(d3_ascending), .5);
+  };
+  d3.variance = function(array, f) {
+    var n = array.length, m = 0, a, d, s = 0, i = -1, j = 0;
+    if (arguments.length === 1) {
+      while (++i < n) {
+        if (d3_numeric(a = d3_number(array[i]))) {
+          d = a - m;
+          m += d / ++j;
+          s += d * (a - m);
+        }
+      }
+    } else {
+      while (++i < n) {
+        if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) {
+          d = a - m;
+          m += d / ++j;
+          s += d * (a - m);
+        }
+      }
+    }
+    if (j > 1) return s / (j - 1);
+  };
+  d3.deviation = function() {
+    var v = d3.variance.apply(this, arguments);
+    return v ? Math.sqrt(v) : v;
+  };
+  function d3_bisector(compare) {
+    return {
+      left: function(a, x, lo, hi) {
+        if (arguments.length < 3) lo = 0;
+        if (arguments.length < 4) hi = a.length;
+        while (lo < hi) {
+          var mid = lo + hi >>> 1;
+          if (compare(a[mid], x) < 0) lo = mid + 1; else hi = mid;
+        }
+        return lo;
+      },
+      right: function(a, x, lo, hi) {
+        if (arguments.length < 3) lo = 0;
+        if (arguments.length < 4) hi = a.length;
+        while (lo < hi) {
+          var mid = lo + hi >>> 1;
+          if (compare(a[mid], x) > 0) hi = mid; else lo = mid + 1;
+        }
+        return lo;
+      }
+    };
+  }
+  var d3_bisect = d3_bisector(d3_ascending);
+  d3.bisectLeft = d3_bisect.left;
+  d3.bisect = d3.bisectRight = d3_bisect.right;
+  d3.bisector = function(f) {
+    return d3_bisector(f.length === 1 ? function(d, x) {
+      return d3_ascending(f(d), x);
+    } : f);
+  };
+  d3.shuffle = function(array, i0, i1) {
+    if ((m = arguments.length) < 3) {
+      i1 = array.length;
+      if (m < 2) i0 = 0;
+    }
+    var m = i1 - i0, t, i;
+    while (m) {
+      i = Math.random() * m-- | 0;
+      t = array[m + i0], array[m + i0] = array[i + i0], array[i + i0] = t;
+    }
+    return array;
+  };
+  d3.permute = function(array, indexes) {
+    var i = indexes.length, permutes = new Array(i);
+    while (i--) permutes[i] = array[indexes[i]];
+    return permutes;
+  };
+  d3.pairs = function(array) {
+    var i = 0, n = array.length - 1, p0, p1 = array[0], pairs = new Array(n < 0 ? 0 : n);
+    while (i < n) pairs[i] = [ p0 = p1, p1 = array[++i] ];
+    return pairs;
+  };
+  d3.transpose = function(matrix) {
+    if (!(n = matrix.length)) return [];
+    for (var i = -1, m = d3.min(matrix, d3_transposeLength), transpose = new Array(m); ++i < m; ) {
+      for (var j = -1, n, row = transpose[i] = new Array(n); ++j < n; ) {
+        row[j] = matrix[j][i];
+      }
+    }
+    return transpose;
+  };
+  function d3_transposeLength(d) {
+    return d.length;
+  }
+  d3.zip = function() {
+    return d3.transpose(arguments);
+  };
+  d3.keys = function(map) {
+    var keys = [];
+    for (var key in map) keys.push(key);
+    return keys;
+  };
+  d3.values = function(map) {
+    var values = [];
+    for (var key in map) values.push(map[key]);
+    return values;
+  };
+  d3.entries = function(map) {
+    var entries = [];
+    for (var key in map) entries.push({
+      key: key,
+      value: map[key]
+    });
+    return entries;
+  };
+  d3.merge = function(arrays) {
+    var n = arrays.length, m, i = -1, j = 0, merged, array;
+    while (++i < n) j += arrays[i].length;
+    merged = new Array(j);
+    while (--n >= 0) {
+      array = arrays[n];
+      m = array.length;
+      while (--m >= 0) {
+        merged[--j] = array[m];
+      }
+    }
+    return merged;
+  };
+  var abs = Math.abs;
+  d3.range = function(start, stop, step) {
+    if (arguments.length < 3) {
+      step = 1;
+      if (arguments.length < 2) {
+        stop = start;
+        start = 0;
+      }
+    }
+    if ((stop - start) / step === Infinity) throw new Error("infinite range");
+    var range = [], k = d3_range_integerScale(abs(step)), i = -1, j;
+    start *= k, stop *= k, step *= k;
+    if (step < 0) while ((j = start + step * ++i) > stop) range.push(j / k); else while ((j = start + step * ++i) < stop) range.push(j / k);
+    return range;
+  };
+  function d3_range_integerScale(x) {
+    var k = 1;
+    while (x * k % 1) k *= 10;
+    return k;
+  }
+  function d3_class(ctor, properties) {
+    for (var key in properties) {
+      Object.defineProperty(ctor.prototype, key, {
+        value: properties[key],
+        enumerable: false
+      });
+    }
+  }
+  d3.map = function(object, f) {
+    var map = new d3_Map();
+    if (object instanceof d3_Map) {
+      object.forEach(function(key, value) {
+        map.set(key, value);
+      });
+    } else if (Array.isArray(object)) {
+      var i = -1, n = object.length, o;
+      if (arguments.length === 1) while (++i < n) map.set(i, object[i]); else while (++i < n) map.set(f.call(object, o = object[i], i), o);
+    } else {
+      for (var key in object) map.set(key, object[key]);
+    }
+    return map;
+  };
+  function d3_Map() {
+    this._ = Object.create(null);
+  }
+  var d3_map_proto = "__proto__", d3_map_zero = "\x00";
+  d3_class(d3_Map, {
+    has: d3_map_has,
+    get: function(key) {
+      return this._[d3_map_escape(key)];
+    },
+    set: function(key, value) {
+      return this._[d3_map_escape(key)] = value;
+    },
+    remove: d3_map_remove,
+    keys: d3_map_keys,
+    values: function() {
+      var values = [];
+      for (var key in this._) values.push(this._[key]);
+      return values;
+    },
+    entries: function() {
+      var entries = [];
+      for (var key in this._) entries.push({
+        key: d3_map_unescape(key),
+        value: this._[key]
+      });
+      return entries;
+    },
+    size: d3_map_size,
+    empty: d3_map_empty,
+    forEach: function(f) {
+      for (var key in this._) f.call(this, d3_map_unescape(key), this._[key]);
+    }
+  });
+  function d3_map_escape(key) {
+    return (key += "") === d3_map_proto || key[0] === d3_map_zero ? d3_map_zero + key : key;
+  }
+  function d3_map_unescape(key) {
+    return (key += "")[0] === d3_map_zero ? key.slice(1) : key;
+  }
+  function d3_map_has(key) {
+    return d3_map_escape(key) in this._;
+  }
+  function d3_map_remove(key) {
+    return (key = d3_map_escape(key)) in this._ && delete this._[key];
+  }
+  function d3_map_keys() {
+    var keys = [];
+    for (var key in this._) keys.push(d3_map_unescape(key));
+    return keys;
+  }
+  function d3_map_size() {
+    var size = 0;
+    for (var key in this._) ++size;
+    return size;
+  }
+  function d3_map_empty() {
+    for (var key in this._) return false;
+    return true;
+  }
+  d3.nest = function() {
+    var nest = {}, keys = [], sortKeys = [], sortValues, rollup;
+    function map(mapType, array, depth) {
+      if (depth >= keys.length) return rollup ? rollup.call(nest, array) : sortValues ? array.sort(sortValues) : array;
+      var i = -1, n = array.length, key = keys[depth++], keyValue, object, setter, valuesByKey = new d3_Map(), values;
+      while (++i < n) {
+        if (values = valuesByKey.get(keyValue = key(object = array[i]))) {
+          values.push(object);
+        } else {
+          valuesByKey.set(keyValue, [ object ]);
+        }
+      }
+      if (mapType) {
+        object = mapType();
+        setter = function(keyValue, values) {
+          object.set(keyValue, map(mapType, values, depth));
+        };
+      } else {
+        object = {};
+        setter = function(keyValue, values) {
+          object[keyValue] = map(mapType, values, depth);
+        };
+      }
+      valuesByKey.forEach(setter);
+      return object;
+    }
+    function entries(map, depth) {
+      if (depth >= keys.length) return map;
+      var array = [], sortKey = sortKeys[depth++];
+      map.forEach(function(key, keyMap) {
+        array.push({
+          key: key,
+          values: entries(keyMap, depth)
+        });
+      });
+      return sortKey ? array.sort(function(a, b) {
+        return sortKey(a.key, b.key);
+      }) : array;
+    }
+    nest.map = function(array, mapType) {
+      return map(mapType, array, 0);
+    };
+    nest.entries = function(array) {
+      return entries(map(d3.map, array, 0), 0);
+    };
+    nest.key = function(d) {
+      keys.push(d);
+      return nest;
+    };
+    nest.sortKeys = function(order) {
+      sortKeys[keys.length - 1] = order;
+      return nest;
+    };
+    nest.sortValues = function(order) {
+      sortValues = order;
+      return nest;
+    };
+    nest.rollup = function(f) {
+      rollup = f;
+      return nest;
+    };
+    return nest;
+  };
+  d3.set = function(array) {
+    var set = new d3_Set();
+    if (array) for (var i = 0, n = array.length; i < n; ++i) set.add(array[i]);
+    return set;
+  };
+  function d3_Set() {
+    this._ = Object.create(null);
+  }
+  d3_class(d3_Set, {
+    has: d3_map_has,
+    add: function(key) {
+      this._[d3_map_escape(key += "")] = true;
+      return key;
+    },
+    remove: d3_map_remove,
+    values: d3_map_keys,
+    size: d3_map_size,
+    empty: d3_map_empty,
+    forEach: function(f) {
+      for (var key in this._) f.call(this, d3_map_unescape(key));
+    }
+  });
+  d3.behavior = {};
+  function d3_identity(d) {
+    return d;
+  }
+  d3.rebind = function(target, source) {
+    var i = 1, n = arguments.length, method;
+    while (++i < n) target[method = arguments[i]] = d3_rebind(target, source, source[method]);
+    return target;
+  };
+  function d3_rebind(target, source, method) {
+    return function() {
+      var value = method.apply(source, arguments);
+      return value === source ? target : value;
+    };
+  }
+  function d3_vendorSymbol(object, name) {
+    if (name in object) return name;
+    name = name.charAt(0).toUpperCase() + name.slice(1);
+    for (var i = 0, n = d3_vendorPrefixes.length; i < n; ++i) {
+      var prefixName = d3_vendorPrefixes[i] + name;
+      if (prefixName in object) return prefixName;
+    }
+  }
+  var d3_vendorPrefixes = [ "webkit", "ms", "moz", "Moz", "o", "O" ];
+  function d3_noop() {}
+  d3.dispatch = function() {
+    var dispatch = new d3_dispatch(), i = -1, n = arguments.length;
+    while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch);
+    return dispatch;
+  };
+  function d3_dispatch() {}
+  d3_dispatch.prototype.on = function(type, listener) {
+    var i = type.indexOf("."), name = "";
+    if (i >= 0) {
+      name = type.slice(i + 1);
+      type = type.slice(0, i);
+    }
+    if (type) return arguments.length < 2 ? this[type].on(name) : this[type].on(name, listener);
+    if (arguments.length === 2) {
+      if (listener == null) for (type in this) {
+        if (this.hasOwnProperty(type)) this[type].on(name, null);
+      }
+      return this;
+    }
+  };
+  function d3_dispatch_event(dispatch) {
+    var listeners = [], listenerByName = new d3_Map();
+    function event() {
+      var z = listeners, i = -1, n = z.length, l;
+      while (++i < n) if (l = z[i].on) l.apply(this, arguments);
+      return dispatch;
+    }
+    event.on = function(name, listener) {
+      var l = listenerByName.get(name), i;
+      if (arguments.length < 2) return l && l.on;
+      if (l) {
+        l.on = null;
+        listeners = listeners.slice(0, i = listeners.indexOf(l)).concat(listeners.slice(i + 1));
+        listenerByName.remove(name);
+      }
+      if (listener) listeners.push(listenerByName.set(name, {
+        on: listener
+      }));
+      return dispatch;
+    };
+    return event;
+  }
+  d3.event = null;
+  function d3_eventPreventDefault() {
+    d3.event.preventDefault();
+  }
+  function d3_eventSource() {
+    var e = d3.event, s;
+    while (s = e.sourceEvent) e = s;
+    return e;
+  }
+  function d3_eventDispatch(target) {
+    var dispatch = new d3_dispatch(), i = 0, n = arguments.length;
+    while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch);
+    dispatch.of = function(thiz, argumentz) {
+      return function(e1) {
+        try {
+          var e0 = e1.sourceEvent = d3.event;
+          e1.target = target;
+          d3.event = e1;
+          dispatch[e1.type].apply(thiz, argumentz);
+        } finally {
+          d3.event = e0;
+        }
+      };
+    };
+    return dispatch;
+  }
+  d3.requote = function(s) {
+    return s.replace(d3_requote_re, "\\$&");
+  };
+  var d3_requote_re = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g;
+  var d3_subclass = {}.__proto__ ? function(object, prototype) {
+    object.__proto__ = prototype;
+  } : function(object, prototype) {
+    for (var property in prototype) object[property] = prototype[property];
+  };
+  function d3_selection(groups) {
+    d3_subclass(groups, d3_selectionPrototype);
+    return groups;
+  }
+  var d3_select = function(s, n) {
+    return n.querySelector(s);
+  }, d3_selectAll = function(s, n) {
+    return n.querySelectorAll(s);
+  }, d3_selectMatches = function(n, s) {
+    var d3_selectMatcher = n.matches || n[d3_vendorSymbol(n, "matchesSelector")];
+    d3_selectMatches = function(n, s) {
+      return d3_selectMatcher.call(n, s);
+    };
+    return d3_selectMatches(n, s);
+  };
+  if (typeof Sizzle === "function") {
+    d3_select = function(s, n) {
+      return Sizzle(s, n)[0] || null;
+    };
+    d3_selectAll = Sizzle;
+    d3_selectMatches = Sizzle.matchesSelector;
+  }
+  d3.selection = function() {
+    return d3.select(d3_document.documentElement);
+  };
+  var d3_selectionPrototype = d3.selection.prototype = [];
+  d3_selectionPrototype.select = function(selector) {
+    var subgroups = [], subgroup, subnode, group, node;
+    selector = d3_selection_selector(selector);
+    for (var j = -1, m = this.length; ++j < m; ) {
+      subgroups.push(subgroup = []);
+      subgroup.parentNode = (group = this[j]).parentNode;
+      for (var i = -1, n = group.length; ++i < n; ) {
+        if (node = group[i]) {
+          subgroup.push(subnode = selector.call(node, node.__data__, i, j));
+          if (subnode && "__data__" in node) subnode.__data__ = node.__data__;
+        } else {
+          subgroup.push(null);
+        }
+      }
+    }
+    return d3_selection(subgroups);
+  };
+  function d3_selection_selector(selector) {
+    return typeof selector === "function" ? selector : function() {
+      return d3_select(selector, this);
+    };
+  }
+  d3_selectionPrototype.selectAll = function(selector) {
+    var subgroups = [], subgroup, node;
+    selector = d3_selection_selectorAll(selector);
+    for (var j = -1, m = this.length; ++j < m; ) {
+      for (var group = this[j], i = -1, n = group.length; ++i < n; ) {
+        if (node = group[i]) {
+          subgroups.push(subgroup = d3_array(selector.call(node, node.__data__, i, j)));
+          subgroup.parentNode = node;
+        }
+      }
+    }
+    return d3_selection(subgroups);
+  };
+  function d3_selection_selectorAll(selector) {
+    return typeof selector === "function" ? selector : function() {
+      return d3_selectAll(selector, this);
+    };
+  }
+  var d3_nsXhtml = "http://www.w3.org/1999/xhtml";
+  var d3_nsPrefix = {
+    svg: "http://www.w3.org/2000/svg",
+    xhtml: d3_nsXhtml,
+    xlink: "http://www.w3.org/1999/xlink",
+    xml: "http://www.w3.org/XML/1998/namespace",
+    xmlns: "http://www.w3.org/2000/xmlns/"
+  };
+  d3.ns = {
+    prefix: d3_nsPrefix,
+    qualify: function(name) {
+      var i = name.indexOf(":"), prefix = name;
+      if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1);
+      return d3_nsPrefix.hasOwnProperty(prefix) ? {
+        space: d3_nsPrefix[prefix],
+        local: name
+      } : name;
+    }
+  };
+  d3_selectionPrototype.attr = function(name, value) {
+    if (arguments.length < 2) {
+      if (typeof name === "string") {
+        var node = this.node();
+        name = d3.ns.qualify(name);
+        return name.local ? node.getAttributeNS(name.space, name.local) : node.getAttribute(name);
+      }
+      for (value in name) this.each(d3_selection_attr(value, name[value]));
+      return this;
+    }
+    return this.each(d3_selection_attr(name, value));
+  };
+  function d3_selection_attr(name, value) {
+    name = d3.ns.qualify(name);
+    function attrNull() {
+      this.removeAttribute(name);
+    }
+    function attrNullNS() {
+      this.removeAttributeNS(name.space, name.local);
+    }
+    function attrConstant() {
+      this.setAttribute(name, value);
+    }
+    function attrConstantNS() {
+      this.setAttributeNS(name.space, name.local, value);
+    }
+    function attrFunction() {
+      var x = value.apply(this, arguments);
+      if (x == null) this.removeAttribute(name); else this.setAttribute(name, x);
+    }
+    function attrFunctionNS() {
+      var x = value.apply(this, arguments);
+      if (x == null) this.removeAttributeNS(name.space, name.local); else this.setAttributeNS(name.space, name.local, x);
+    }
+    return value == null ? name.local ? attrNullNS : attrNull : typeof value === "function" ? name.local ? attrFunctionNS : attrFunction : name.local ? attrConstantNS : attrConstant;
+  }
+  function d3_collapse(s) {
+    return s.trim().replace(/\s+/g, " ");
+  }
+  d3_selectionPrototype.classed = function(name, value) {
+    if (arguments.length < 2) {
+      if (typeof name === "string") {
+        var node = this.node(), n = (name = d3_selection_classes(name)).length, i = -1;
+        if (value = node.classList) {
+          while (++i < n) if (!value.contains(name[i])) return false;
+        } else {
+          value = node.getAttribute("class");
+          while (++i < n) if (!d3_selection_classedRe(name[i]).test(value)) return false;
+        }
+        return true;
+      }
+      for (value in name) this.each(d3_selection_classed(value, name[value]));
+      return this;
+    }
+    return this.each(d3_selection_classed(name, value));
+  };
+  function d3_selection_classedRe(name) {
+    return new RegExp("(?:^|\\s+)" + d3.requote(name) + "(?:\\s+|$)", "g");
+  }
+  function d3_selection_classes(name) {
+    return (name + "").trim().split(/^|\s+/);
+  }
+  function d3_selection_classed(name, value) {
+    name = d3_selection_classes(name).map(d3_selection_classedName);
+    var n = name.length;
+    function classedConstant() {
+      var i = -1;
+      while (++i < n) name[i](this, value);
+    }
+    function classedFunction() {
+      var i = -1, x = value.apply(this, arguments);
+      while (++i < n) name[i](this, x);
+    }
+    return typeof value === "function" ? classedFunction : classedConstant;
+  }
+  function d3_selection_classedName(name) {
+    var re = d3_selection_classedRe(name);
+    return function(node, value) {
+      if (c = node.classList) return value ? c.add(name) : c.remove(name);
+      var c = node.getAttribute("class") || "";
+      if (value) {
+        re.lastIndex = 0;
+        if (!re.test(c)) node.setAttribute("class", d3_collapse(c + " " + name));
+      } else {
+        node.setAttribute("class", d3_collapse(c.replace(re, " ")));
+      }
+    };
+  }
+  d3_selectionPrototype.style = function(name, value, priority) {
+    var n = arguments.length;
+    if (n < 3) {
+      if (typeof name !== "string") {
+        if (n < 2) value = "";
+        for (priority in name) this.each(d3_selection_style(priority, name[priority], value));
+        return this;
+      }
+      if (n < 2) {
+        var node = this.node();
+        return d3_window(node).getComputedStyle(node, null).getPropertyValue(name);
+      }
+      priority = "";
+    }
+    return this.each(d3_selection_style(name, value, priority));
+  };
+  function d3_selection_style(name, value, priority) {
+    function styleNull() {
+      this.style.removeProperty(name);
+    }
+    function styleConstant() {
+      this.style.setProperty(name, value, priority);
+    }
+    function styleFunction() {
+      var x = value.apply(this, arguments);
+      if (x == null) this.style.removeProperty(name); else this.style.setProperty(name, x, priority);
+    }
+    return value == null ? styleNull : typeof value === "function" ? styleFunction : styleConstant;
+  }
+  d3_selectionPrototype.property = function(name, value) {
+    if (arguments.length < 2) {
+      if (typeof name === "string") return this.node()[name];
+      for (value in name) this.each(d3_selection_property(value, name[value]));
+      return this;
+    }
+    return this.each(d3_selection_property(name, value));
+  };
+  function d3_selection_property(name, value) {
+    function propertyNull() {
+      delete this[name];
+    }
+    function propertyConstant() {
+      this[name] = value;
+    }
+    function propertyFunction() {
+      var x = value.apply(this, arguments);
+      if (x == null) delete this[name]; else this[name] = x;
+    }
+    return value == null ? propertyNull : typeof value === "function" ? propertyFunction : propertyConstant;
+  }
+  d3_selectionPrototype.text = function(value) {
+    return arguments.length ? this.each(typeof value === "function" ? function() {
+      var v = value.apply(this, arguments);
+      this.textContent = v == null ? "" : v;
+    } : value == null ? function() {
+      this.textContent = "";
+    } : function() {
+      this.textContent = value;
+    }) : this.node().textContent;
+  };
+  d3_selectionPrototype.html = function(value) {
+    return arguments.length ? this.each(typeof value === "function" ? function() {
+      var v = value.apply(this, arguments);
+      this.innerHTML = v == null ? "" : v;
+    } : value == null ? function() {
+      this.innerHTML = "";
+    } : function() {
+      this.innerHTML = value;
+    }) : this.node().innerHTML;
+  };
+  d3_selectionPrototype.append = function(name) {
+    name = d3_selection_creator(name);
+    return this.select(function() {
+      return this.appendChild(name.apply(this, arguments));
+    });
+  };
+  function d3_selection_creator(name) {
+    function create() {
+      var document = this.ownerDocument, namespace = this.namespaceURI;
+      return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml ? document.createElement(name) : document.createElementNS(namespace, name);
+    }
+    function createNS() {
+      return this.ownerDocument.createElementNS(name.space, name.local);
+    }
+    return typeof name === "function" ? name : (name = d3.ns.qualify(name)).local ? createNS : create;
+  }
+  d3_selectionPrototype.insert = function(name, before) {
+    name = d3_selection_creator(name);
+    before = d3_selection_selector(before);
+    return this.select(function() {
+      return this.insertBefore(name.apply(this, arguments), before.apply(this, arguments) || null);
+    });
+  };
+  d3_selectionPrototype.remove = function() {
+    return this.each(d3_selectionRemove);
+  };
+  function d3_selectionRemove() {
+    var parent = this.parentNode;
+    if (parent) parent.removeChild(this);
+  }
+  d3_selectionPrototype.data = function(value, key) {
+    var i = -1, n = this.length, group, node;
+    if (!arguments.length) {
+      value = new Array(n = (group = this[0]).length);
+      while (++i < n) {
+        if (node = group[i]) {
+          value[i] = node.__data__;
+        }
+      }
+      return value;
+    }
+    function bind(group, groupData) {
+      var i, n = group.length, m = groupData.length, n0 = Math.min(n, m), updateNodes = new Array(m), enterNodes = new Array(m), exitNodes = new Array(n), node, nodeData;
+      if (key) {
+        var nodeByKeyValue = new d3_Map(), keyValues = new Array(n), keyValue;
+        for (i = -1; ++i < n; ) {
+          if (node = group[i]) {
+            if (nodeByKeyValue.has(keyValue = key.call(node, node.__data__, i))) {
+              exitNodes[i] = node;
+            } else {
+              nodeByKeyValue.set(keyValue, node);
+            }
+            keyValues[i] = keyValue;
+          }
+        }
+        for (i = -1; ++i < m; ) {
+          if (!(node = nodeByKeyValue.get(keyValue = key.call(groupData, nodeData = groupData[i], i)))) {
+            enterNodes[i] = d3_selection_dataNode(nodeData);
+          } else if (node !== true) {
+            updateNodes[i] = node;
+            node.__data__ = nodeData;
+          }
+          nodeByKeyValue.set(keyValue, true);
+        }
+        for (i = -1; ++i < n; ) {
+          if (i in keyValues && nodeByKeyValue.get(keyValues[i]) !== true) {
+            exitNodes[i] = group[i];
+          }
+        }
+      } else {
+        for (i = -1; ++i < n0; ) {
+          node = group[i];
+          nodeData = groupData[i];
+          if (node) {
+            node.__data__ = nodeData;
+            updateNodes[i] = node;
+          } else {
+            enterNodes[i] = d3_selection_dataNode(nodeData);
+          }
+        }
+        for (;i < m; ++i) {
+          enterNodes[i] = d3_selection_dataNode(groupData[i]);
+        }
+        for (;i < n; ++i) {
+          exitNodes[i] = group[i];
+        }
+      }
+      enterNodes.update = updateNodes;
+      enterNodes.parentNode = updateNodes.parentNode = exitNodes.parentNode = group.parentNode;
+      enter.push(enterNodes);
+      update.push(updateNodes);
+      exit.push(exitNodes);
+    }
+    var enter = d3_selection_enter([]), update = d3_selection([]), exit = d3_selection([]);
+    if (typeof value === "function") {
+      while (++i < n) {
+        bind(group = this[i], value.call(group, group.parentNode.__data__, i));
+      }
+    } else {
+      while (++i < n) {
+        bind(group = this[i], value);
+      }
+    }
+    update.enter = function() {
+      return enter;
+    };
+    update.exit = function() {
+      return exit;
+    };
+    return update;
+  };
+  function d3_selection_dataNode(data) {
+    return {
+      __data__: data
+    };
+  }
+  d3_selectionPrototype.datum = function(value) {
+    return arguments.length ? this.property("__data__", value) : this.property("__data__");
+  };
+  d3_selectionPrototype.filter = function(filter) {
+    var subgroups = [], subgroup, group, node;
+    if (typeof filter !== "function") filter = d3_selection_filter(filter);
+    for (var j = 0, m = this.length; j < m; j++) {
+      subgroups.push(subgroup = []);
+      subgroup.parentNode = (group = this[j]).parentNode;
+      for (var i = 0, n = group.length; i < n; i++) {
+        if ((node = group[i]) && filter.call(node, node.__data__, i, j)) {
+          subgroup.push(node);
+        }
+      }
+    }
+    return d3_selection(subgroups);
+  };
+  function d3_selection_filter(selector) {
+    return function() {
+      return d3_selectMatches(this, selector);
+    };
+  }
+  d3_selectionPrototype.order = function() {
+    for (var j = -1, m = this.length; ++j < m; ) {
+      for (var group = this[j], i = group.length - 1, next = group[i], node; --i >= 0; ) {
+        if (node = group[i]) {
+          if (next && next !== node.nextSibling) next.parentNode.insertBefore(node, next);
+          next = node;
+        }
+      }
+    }
+    return this;
+  };
+  d3_selectionPrototype.sort = function(comparator) {
+    comparator = d3_selection_sortComparator.apply(this, arguments);
+    for (var j = -1, m = this.length; ++j < m; ) this[j].sort(comparator);
+    return this.order();
+  };
+  function d3_selection_sortComparator(comparator) {
+    if (!arguments.length) comparator = d3_ascending;
+    return function(a, b) {
+      return a && b ? comparator(a.__data__, b.__data__) : !a - !b;
+    };
+  }
+  d3_selectionPrototype.each = function(callback) {
+    return d3_selection_each(this, function(node, i, j) {
+      callback.call(node, node.__data__, i, j);
+    });
+  };
+  function d3_selection_each(groups, callback) {
+    for (var j = 0, m = groups.length; j < m; j++) {
+      for (var group = groups[j], i = 0, n = group.length, node; i < n; i++) {
+        if (node = group[i]) callback(node, i, j);
+      }
+    }
+    return groups;
+  }
+  d3_selectionPrototype.call = function(callback) {
+    var args = d3_array(arguments);
+    callback.apply(args[0] = this, args);
+    return this;
+  };
+  d3_selectionPrototype.empty = function() {
+    return !this.node();
+  };
+  d3_selectionPrototype.node = function() {
+    for (var j = 0, m = this.length; j < m; j++) {
+      for (var group = this[j], i = 0, n = group.length; i < n; i++) {
+        var node = group[i];
+        if (node) return node;
+      }
+    }
+    return null;
+  };
+  d3_selectionPrototype.size = function() {
+    var n = 0;
+    d3_selection_each(this, function() {
+      ++n;
+    });
+    return n;
+  };
+  function d3_selection_enter(selection) {
+    d3_subclass(selection, d3_selection_enterPrototype);
+    return selection;
+  }
+  var d3_selection_enterPrototype = [];
+  d3.selection.enter = d3_selection_enter;
+  d3.selection.enter.prototype = d3_selection_enterPrototype;
+  d3_selection_enterPrototype.append = d3_selectionPrototype.append;
+  d3_selection_enterPrototype.empty = d3_selectionPrototype.empty;
+  d3_selection_enterPrototype.node = d3_selectionPrototype.node;
+  d3_selection_enterPrototype.call = d3_selectionPrototype.call;
+  d3_selection_enterPrototype.size = d3_selectionPrototype.size;
+  d3_selection_enterPrototype.select = function(selector) {
+    var subgroups = [], subgroup, subnode, upgroup, group, node;
+    for (var j = -1, m = this.length; ++j < m; ) {
+      upgroup = (group = this[j]).update;
+      subgroups.push(subgroup = []);
+      subgroup.parentNode = group.parentNode;
+      for (var i = -1, n = group.length; ++i < n; ) {
+        if (node = group[i]) {
+          subgroup.push(upgroup[i] = subnode = selector.call(group.parentNode, node.__data__, i, j));
+          subnode.__data__ = node.__data__;
+        } else {
+          subgroup.push(null);
+        }
+      }
+    }
+    return d3_selection(subgroups);
+  };
+  d3_selection_enterPrototype.insert = function(name, before) {
+    if (arguments.length < 2) before = d3_selection_enterInsertBefore(this);
+    return d3_selectionPrototype.insert.call(this, name, before);
+  };
+  function d3_selection_enterInsertBefore(enter) {
+    var i0, j0;
+    return function(d, i, j) {
+      var group = enter[j].update, n = group.length, node;
+      if (j != j0) j0 = j, i0 = 0;
+      if (i >= i0) i0 = i + 1;
+      while (!(node = group[i0]) && ++i0 < n) ;
+      return node;
+    };
+  }
+  d3.select = function(node) {
+    var group;
+    if (typeof node === "string") {
+      group = [ d3_select(node, d3_document) ];
+      group.parentNode = d3_document.documentElement;
+    } else {
+      group = [ node ];
+      group.parentNode = d3_documentElement(node);
+    }
+    return d3_selection([ group ]);
+  };
+  d3.selectAll = function(nodes) {
+    var group;
+    if (typeof nodes === "string") {
+      group = d3_array(d3_selectAll(nodes, d3_document));
+      group.parentNode = d3_document.documentElement;
+    } else {
+      group = d3_array(nodes);
+      group.parentNode = null;
+    }
+    return d3_selection([ group ]);
+  };
+  d3_selectionPrototype.on = function(type, listener, capture) {
+    var n = arguments.length;
+    if (n < 3) {
+      if (typeof type !== "string") {
+        if (n < 2) listener = false;
+        for (capture in type) this.each(d3_selection_on(capture, type[capture], listener));
+        return this;
+      }
+      if (n < 2) return (n = this.node()["__on" + type]) && n._;
+      capture = false;
+    }
+    return this.each(d3_selection_on(type, listener, capture));
+  };
+  function d3_selection_on(type, listener, capture) {
+    var name = "__on" + type, i = type.indexOf("."), wrap = d3_selection_onListener;
+    if (i > 0) type = type.slice(0, i);
+    var filter = d3_selection_onFilters.get(type);
+    if (filter) type = filter, wrap = d3_selection_onFilter;
+    function onRemove() {
+      var l = this[name];
+      if (l) {
+        this.removeEventListener(type, l, l.$);
+        delete this[name];
+      }
+    }
+    function onAdd() {
+      var l = wrap(listener, d3_array(arguments));
+      onRemove.call(this);
+      this.addEventListener(type, this[name] = l, l.$ = capture);
+      l._ = listener;
+    }
+    function removeAll() {
+      var re = new RegExp("^__on([^.]+)" + d3.requote(type) + "$"), match;
+      for (var name in this) {
+        if (match = name.match(re)) {
+          var l = this[name];
+          this.removeEventListener(match[1], l, l.$);
+          delete this[name];
+        }
+      }
+    }
+    return i ? listener ? onAdd : onRemove : listener ? d3_noop : removeAll;
+  }
+  var d3_selection_onFilters = d3.map({
+    mouseenter: "mouseover",
+    mouseleave: "mouseout"
+  });
+  if (d3_document) {
+    d3_selection_onFilters.forEach(function(k) {
+      if ("on" + k in d3_document) d3_selection_onFilters.remove(k);
+    });
+  }
+  function d3_selection_onListener(listener, argumentz) {
+    return function(e) {
+      var o = d3.event;
+      d3.event = e;
+      argumentz[0] = this.__data__;
+      try {
+        listener.apply(this, argumentz);
+      } finally {
+        d3.event = o;
+      }
+    };
+  }
+  function d3_selection_onFilter(listener, argumentz) {
+    var l = d3_selection_onListener(listener, argumentz);
+    return function(e) {
+      var target = this, related = e.relatedTarget;
+      if (!related || related !== target && !(related.compareDocumentPosition(target) & 8)) {
+        l.call(target, e);
+      }
+    };
+  }
+  var d3_event_dragSelect, d3_event_dragId = 0;
+  function d3_event_dragSuppress(node) {
+    var name = ".dragsuppress-" + ++d3_event_dragId, click = "click" + name, w = d3.select(d3_window(node)).on("touchmove" + name, d3_eventPreventDefault).on("dragstart" + name, d3_eventPreventDefault).on("selectstart" + name, d3_eventPreventDefault);
+    if (d3_event_dragSelect == null) {
+      d3_event_dragSelect = "onselectstart" in node ? false : d3_vendorSymbol(node.style, "userSelect");
+    }
+    if (d3_event_dragSelect) {
+      var style = d3_documentElement(node).style, select = style[d3_event_dragSelect];
+      style[d3_event_dragSelect] = "none";
+    }
+    return function(suppressClick) {
+      w.on(name, null);
+      if (d3_event_dragSelect) style[d3_event_dragSelect] = select;
+      if (suppressClick) {
+        var off = function() {
+          w.on(click, null);
+        };
+        w.on(click, function() {
+          d3_eventPreventDefault();
+          off();
+        }, true);
+        setTimeout(off, 0);
+      }
+    };
+  }
+  d3.mouse = function(container) {
+    return d3_mousePoint(container, d3_eventSource());
+  };
+  var d3_mouse_bug44083 = this.navigator && /WebKit/.test(this.navigator.userAgent) ? -1 : 0;
+  function d3_mousePoint(container, e) {
+    if (e.changedTouches) e = e.changedTouches[0];
+    var svg = container.ownerSVGElement || container;
+    if (svg.createSVGPoint) {
+      var point = svg.createSVGPoint();
+      if (d3_mouse_bug44083 < 0) {
+        var window = d3_window(container);
+        if (window.scrollX || window.scrollY) {
+          svg = d3.select("body").append("svg").style({
+            position: "absolute",
+            top: 0,
+            left: 0,
+            margin: 0,
+            padding: 0,
+            border: "none"
+          }, "important");
+          var ctm = svg[0][0].getScreenCTM();
+          d3_mouse_bug44083 = !(ctm.f || ctm.e);
+          svg.remove();
+        }
+      }
+      if (d3_mouse_bug44083) point.x = e.pageX, point.y = e.pageY; else point.x = e.clientX, 
+      point.y = e.clientY;
+      point = point.matrixTransform(container.getScreenCTM().inverse());
+      return [ point.x, point.y ];
+    }
+    var rect = container.getBoundingClientRect();
+    return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ];
+  }
+  d3.touch = function(container, touches, identifier) {
+    if (arguments.length < 3) identifier = touches, touches = d3_eventSource().changedTouches;
+    if (touches) for (var i = 0, n = touches.length, touch; i < n; ++i) {
+      if ((touch = touches[i]).identifier === identifier) {
+        return d3_mousePoint(container, touch);
+      }
+    }
+  };
+  d3.behavior.drag = function() {
+    var event = d3_eventDispatch(drag, "drag", "dragstart", "dragend"), origin = null, mousedown = dragstart(d3_noop, d3.mouse, d3_window, "mousemove", "mouseup"), touchstart = dragstart(d3_behavior_dragTouchId, d3.touch, d3_identity, "touchmove", "touchend");
+    function drag() {
+      this.on("mousedown.drag", mousedown).on("touchstart.drag", touchstart);
+    }
+    function dragstart(id, position, subject, move, end) {
+      return function() {
+        var that = this, target = d3.event.target.correspondingElement || d3.event.target, parent = that.parentNode, dispatch = event.of(that, arguments), dragged = 0, dragId = id(), dragName = ".drag" + (dragId == null ? "" : "-" + dragId), dragOffset, dragSubject = d3.select(subject(target)).on(move + dragName, moved).on(end + dragName, ended), dragRestore = d3_event_dragSuppress(target), position0 = position(parent, dragId);
+        if (origin) {
+          dragOffset = origin.apply(that, arguments);
+          dragOffset = [ dragOffset.x - position0[0], dragOffset.y - position0[1] ];
+        } else {
+          dragOffset = [ 0, 0 ];
+        }
+        dispatch({
+          type: "dragstart"
+        });
+        function moved() {
+          var position1 = position(parent, dragId), dx, dy;
+          if (!position1) return;
+          dx = position1[0] - position0[0];
+          dy = position1[1] - position0[1];
+          dragged |= dx | dy;
+          position0 = position1;
+          dispatch({
+            type: "drag",
+            x: position1[0] + dragOffset[0],
+            y: position1[1] + dragOffset[1],
+            dx: dx,
+            dy: dy
+          });
+        }
+        function ended() {
+          if (!position(parent, dragId)) return;
+          dragSubject.on(move + dragName, null).on(end + dragName, null);
+          dragRestore(dragged);
+          dispatch({
+            type: "dragend"
+          });
+        }
+      };
+    }
+    drag.origin = function(x) {
+      if (!arguments.length) return origin;
+      origin = x;
+      return drag;
+    };
+    return d3.rebind(drag, event, "on");
+  };
+  function d3_behavior_dragTouchId() {
+    return d3.event.changedTouches[0].identifier;
+  }
+  d3.touches = function(container, touches) {
+    if (arguments.length < 2) touches = d3_eventSource().touches;
+    return touches ? d3_array(touches).map(function(touch) {
+      var point = d3_mousePoint(container, touch);
+      point.identifier = touch.identifier;
+      return point;
+    }) : [];
+  };
+  var ε = 1e-6, ε2 = ε * ε, π = Math.PI, τ = 2 * π, τε = τ - ε, halfπ = π / 2, d3_radians = π / 180, d3_degrees = 180 / π;
+  function d3_sgn(x) {
+    return x > 0 ? 1 : x < 0 ? -1 : 0;
+  }
+  function d3_cross2d(a, b, c) {
+    return (b[0] - a[0]) * (c[1] - a[1]) - (b[1] - a[1]) * (c[0] - a[0]);
+  }
+  function d3_acos(x) {
+    return x > 1 ? 0 : x < -1 ? π : Math.acos(x);
+  }
+  function d3_asin(x) {
+    return x > 1 ? halfπ : x < -1 ? -halfπ : Math.asin(x);
+  }
+  function d3_sinh(x) {
+    return ((x = Math.exp(x)) - 1 / x) / 2;
+  }
+  function d3_cosh(x) {
+    return ((x = Math.exp(x)) + 1 / x) / 2;
+  }
+  function d3_tanh(x) {
+    return ((x = Math.exp(2 * x)) - 1) / (x + 1);
+  }
+  function d3_haversin(x) {
+    return (x = Math.sin(x / 2)) * x;
+  }
+  var ρ = Math.SQRT2, ρ2 = 2, ρ4 = 4;
+  d3.interpolateZoom = function(p0, p1) {
+    var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2], dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, i, S;
+    if (d2 < ε2) {
+      S = Math.log(w1 / w0) / ρ;
+      i = function(t) {
+        return [ ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(ρ * t * S) ];
+      };
+    } else {
+      var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + ρ4 * d2) / (2 * w0 * ρ2 * d1), b1 = (w1 * w1 - w0 * w0 - ρ4 * d2) / (2 * w1 * ρ2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
+      S = (r1 - r0) / ρ;
+      i = function(t) {
+        var s = t * S, coshr0 = d3_cosh(r0), u = w0 / (ρ2 * d1) * (coshr0 * d3_tanh(ρ * s + r0) - d3_sinh(r0));
+        return [ ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / d3_cosh(ρ * s + r0) ];
+      };
+    }
+    i.duration = S * 1e3;
+    return i;
+  };
+  d3.behavior.zoom = function() {
+    var view = {
+      x: 0,
+      y: 0,
+      k: 1
+    }, translate0, center0, center, size = [ 960, 500 ], scaleExtent = d3_behavior_zoomInfinity, duration = 250, zooming = 0, mousedown = "mousedown.zoom", mousemove = "mousemove.zoom", mouseup = "mouseup.zoom", mousewheelTimer, touchstart = "touchstart.zoom", touchtime, event = d3_eventDispatch(zoom, "zoomstart", "zoom", "zoomend"), x0, x1, y0, y1;
+    if (!d3_behavior_zoomWheel) {
+      d3_behavior_zoomWheel = "onwheel" in d3_document ? (d3_behavior_zoomDelta = function() {
+        return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1);
+      }, "wheel") : "onmousewheel" in d3_document ? (d3_behavior_zoomDelta = function() {
+        return d3.event.wheelDelta;
+      }, "mousewheel") : (d3_behavior_zoomDelta = function() {
+        return -d3.event.detail;
+      }, "MozMousePixelScroll");
+    }
+    function zoom(g) {
+      g.on(mousedown, mousedowned).on(d3_behavior_zoomWheel + ".zoom", mousewheeled).on("dblclick.zoom", dblclicked).on(touchstart, touchstarted);
+    }
+    zoom.event = function(g) {
+      g.each(function() {
+        var dispatch = event.of(this, arguments), view1 = view;
+        if (d3_transitionInheritId) {
+          d3.select(this).transition().each("start.zoom", function() {
+            view = this.__chart__ || {
+              x: 0,
+              y: 0,
+              k: 1
+            };
+            zoomstarted(dispatch);
+          }).tween("zoom:zoom", function() {
+            var dx = size[0], dy = size[1], cx = center0 ? center0[0] : dx / 2, cy = center0 ? center0[1] : dy / 2, i = d3.interpolateZoom([ (cx - view.x) / view.k, (cy - view.y) / view.k, dx / view.k ], [ (cx - view1.x) / view1.k, (cy - view1.y) / view1.k, dx / view1.k ]);
+            return function(t) {
+              var l = i(t), k = dx / l[2];
+              this.__chart__ = view = {
+                x: cx - l[0] * k,
+                y: cy - l[1] * k,
+                k: k
+              };
+              zoomed(dispatch);
+            };
+          }).each("interrupt.zoom", function() {
+            zoomended(dispatch);
+          }).each("end.zoom", function() {
+            zoomended(dispatch);
+          });
+        } else {
+          this.__chart__ = view;
+          zoomstarted(dispatch);
+          zoomed(dispatch);
+          zoomended(dispatch);
+        }
+      });
+    };
+    zoom.translate = function(_) {
+      if (!arguments.length) return [ view.x, view.y ];
+      view = {
+        x: +_[0],
+        y: +_[1],
+        k: view.k
+      };
+      rescale();
+      return zoom;
+    };
+    zoom.scale = function(_) {
+      if (!arguments.length) return view.k;
+      view = {
+        x: view.x,
+        y: view.y,
+        k: null
+      };
+      scaleTo(+_);
+      rescale();
+      return zoom;
+    };
+    zoom.scaleExtent = function(_) {
+      if (!arguments.length) return scaleExtent;
+      scaleExtent = _ == null ? d3_behavior_zoomInfinity : [ +_[0], +_[1] ];
+      return zoom;
+    };
+    zoom.center = function(_) {
+      if (!arguments.length) return center;
+      center = _ && [ +_[0], +_[1] ];
+      return zoom;
+    };
+    zoom.size = function(_) {
+      if (!arguments.length) return size;
+      size = _ && [ +_[0], +_[1] ];
+      return zoom;
+    };
+    zoom.duration = function(_) {
+      if (!arguments.length) return duration;
+      duration = +_;
+      return zoom;
+    };
+    zoom.x = function(z) {
+      if (!arguments.length) return x1;
+      x1 = z;
+      x0 = z.copy();
+      view = {
+        x: 0,
+        y: 0,
+        k: 1
+      };
+      return zoom;
+    };
+    zoom.y = function(z) {
+      if (!arguments.length) return y1;
+      y1 = z;
+      y0 = z.copy();
+      view = {
+        x: 0,
+        y: 0,
+        k: 1
+      };
+      return zoom;
+    };
+    function location(p) {
+      return [ (p[0] - view.x) / view.k, (p[1] - view.y) / view.k ];
+    }
+    function point(l) {
+      return [ l[0] * view.k + view.x, l[1] * view.k + view.y ];
+    }
+    function scaleTo(s) {
+      view.k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], s));
+    }
+    function translateTo(p, l) {
+      l = point(l);
+      view.x += p[0] - l[0];
+      view.y += p[1] - l[1];
+    }
+    function zoomTo(that, p, l, k) {
+      that.__chart__ = {
+        x: view.x,
+        y: view.y,
+        k: view.k
+      };
+      scaleTo(Math.pow(2, k));
+      translateTo(center0 = p, l);
+      that = d3.select(that);
+      if (duration > 0) that = that.transition().duration(duration);
+      that.call(zoom.event);
+    }
+    function rescale() {
+      if (x1) x1.domain(x0.range().map(function(x) {
+        return (x - view.x) / view.k;
+      }).map(x0.invert));
+      if (y1) y1.domain(y0.range().map(function(y) {
+        return (y - view.y) / view.k;
+      }).map(y0.invert));
+    }
+    function zoomstarted(dispatch) {
+      if (!zooming++) dispatch({
+        type: "zoomstart"
+      });
+    }
+    function zoomed(dispatch) {
+      rescale();
+      dispatch({
+        type: "zoom",
+        scale: view.k,
+        translate: [ view.x, view.y ]
+      });
+    }
+    function zoomended(dispatch) {
+      if (!--zooming) dispatch({
+        type: "zoomend"
+      }), center0 = null;
+    }
+    function mousedowned() {
+      var that = this, dispatch = event.of(that, arguments), dragged = 0, subject = d3.select(d3_window(that)).on(mousemove, moved).on(mouseup, ended), location0 = location(d3.mouse(that)), dragRestore = d3_event_dragSuppress(that);
+      d3_selection_interrupt.call(that);
+      zoomstarted(dispatch);
+      function moved() {
+        dragged = 1;
+        translateTo(d3.mouse(that), location0);
+        zoomed(dispatch);
+      }
+      function ended() {
+        subject.on(mousemove, null).on(mouseup, null);
+        dragRestore(dragged);
+        zoomended(dispatch);
+      }
+    }
+    function touchstarted() {
+      var that = this, dispatch = event.of(that, arguments), locations0 = {}, distance0 = 0, scale0, zoomName = ".zoom-" + d3.event.changedTouches[0].identifier, touchmove = "touchmove" + zoomName, touchend = "touchend" + zoomName, targets = [], subject = d3.select(that), dragRestore = d3_event_dragSuppress(that);
+      started();
+      zoomstarted(dispatch);
+      subject.on(mousedown, null).on(touchstart, started);
+      function relocate() {
+        var touches = d3.touches(that);
+        scale0 = view.k;
+        touches.forEach(function(t) {
+          if (t.identifier in locations0) locations0[t.identifier] = location(t);
+        });
+        return touches;
+      }
+      function started() {
+        var target = d3.event.target;
+        d3.select(target).on(touchmove, moved).on(touchend, ended);
+        targets.push(target);
+        var changed = d3.event.changedTouches;
+        for (var i = 0, n = changed.length; i < n; ++i) {
+          locations0[changed[i].identifier] = null;
+        }
+        var touches = relocate(), now = Date.now();
+        if (touches.length === 1) {
+          if (now - touchtime < 500) {
+            var p = touches[0];
+            zoomTo(that, p, locations0[p.identifier], Math.floor(Math.log(view.k) / Math.LN2) + 1);
+            d3_eventPreventDefault();
+          }
+          touchtime = now;
+        } else if (touches.length > 1) {
+          var p = touches[0], q = touches[1], dx = p[0] - q[0], dy = p[1] - q[1];
+          distance0 = dx * dx + dy * dy;
+        }
+      }
+      function moved() {
+        var touches = d3.touches(that), p0, l0, p1, l1;
+        d3_selection_interrupt.call(that);
+        for (var i = 0, n = touches.length; i < n; ++i, l1 = null) {
+          p1 = touches[i];
+          if (l1 = locations0[p1.identifier]) {
+            if (l0) break;
+            p0 = p1, l0 = l1;
+          }
+        }
+        if (l1) {
+          var distance1 = (distance1 = p1[0] - p0[0]) * distance1 + (distance1 = p1[1] - p0[1]) * distance1, scale1 = distance0 && Math.sqrt(distance1 / distance0);
+          p0 = [ (p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2 ];
+          l0 = [ (l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2 ];
+          scaleTo(scale1 * scale0);
+        }
+        touchtime = null;
+        translateTo(p0, l0);
+        zoomed(dispatch);
+      }
+      function ended() {
+        if (d3.event.touches.length) {
+          var changed = d3.event.changedTouches;
+          for (var i = 0, n = changed.length; i < n; ++i) {
+            delete locations0[changed[i].identifier];
+          }
+          for (var identifier in locations0) {
+            return void relocate();
+          }
+        }
+        d3.selectAll(targets).on(zoomName, null);
+        subject.on(mousedown, mousedowned).on(touchstart, touchstarted);
+        dragRestore();
+        zoomended(dispatch);
+      }
+    }
+    function mousewheeled() {
+      var dispatch = event.of(this, arguments);
+      if (mousewheelTimer) clearTimeout(mousewheelTimer); else d3_selection_interrupt.call(this), 
+      translate0 = location(center0 = center || d3.mouse(this)), zoomstarted(dispatch);
+      mousewheelTimer = setTimeout(function() {
+        mousewheelTimer = null;
+        zoomended(dispatch);
+      }, 50);
+      d3_eventPreventDefault();
+      scaleTo(Math.pow(2, d3_behavior_zoomDelta() * .002) * view.k);
+      translateTo(center0, translate0);
+      zoomed(dispatch);
+    }
+    function dblclicked() {
+      var p = d3.mouse(this), k = Math.log(view.k) / Math.LN2;
+      zoomTo(this, p, location(p), d3.event.shiftKey ? Math.ceil(k) - 1 : Math.floor(k) + 1);
+    }
+    return d3.rebind(zoom, event, "on");
+  };
+  var d3_behavior_zoomInfinity = [ 0, Infinity ], d3_behavior_zoomDelta, d3_behavior_zoomWheel;
+  d3.color = d3_color;
+  function d3_color() {}
+  d3_color.prototype.toString = function() {
+    return this.rgb() + "";
+  };
+  d3.hsl = d3_hsl;
+  function d3_hsl(h, s, l) {
+    return this instanceof d3_hsl ? void (this.h = +h, this.s = +s, this.l = +l) : arguments.length < 2 ? h instanceof d3_hsl ? new d3_hsl(h.h, h.s, h.l) : d3_rgb_parse("" + h, d3_rgb_hsl, d3_hsl) : new d3_hsl(h, s, l);
+  }
+  var d3_hslPrototype = d3_hsl.prototype = new d3_color();
+  d3_hslPrototype.brighter = function(k) {
+    k = Math.pow(.7, arguments.length ? k : 1);
+    return new d3_hsl(this.h, this.s, this.l / k);
+  };
+  d3_hslPrototype.darker = function(k) {
+    k = Math.pow(.7, arguments.length ? k : 1);
+    return new d3_hsl(this.h, this.s, k * this.l);
+  };
+  d3_hslPrototype.rgb = function() {
+    return d3_hsl_rgb(this.h, this.s, this.l);
+  };
+  function d3_hsl_rgb(h, s, l) {
+    var m1, m2;
+    h = isNaN(h) ? 0 : (h %= 360) < 0 ? h + 360 : h;
+    s = isNaN(s) ? 0 : s < 0 ? 0 : s > 1 ? 1 : s;
+    l = l < 0 ? 0 : l > 1 ? 1 : l;
+    m2 = l <= .5 ? l * (1 + s) : l + s - l * s;
+    m1 = 2 * l - m2;
+    function v(h) {
+      if (h > 360) h -= 360; else if (h < 0) h += 360;
+      if (h < 60) return m1 + (m2 - m1) * h / 60;
+      if (h < 180) return m2;
+      if (h < 240) return m1 + (m2 - m1) * (240 - h) / 60;
+      return m1;
+    }
+    function vv(h) {
+      return Math.round(v(h) * 255);
+    }
+    return new d3_rgb(vv(h + 120), vv(h), vv(h - 120));
+  }
+  d3.hcl = d3_hcl;
+  function d3_hcl(h, c, l) {
+    return this instanceof d3_hcl ? void (this.h = +h, this.c = +c, this.l = +l) : arguments.length < 2 ? h instanceof d3_hcl ? new d3_hcl(h.h, h.c, h.l) : h instanceof d3_lab ? d3_lab_hcl(h.l, h.a, h.b) : d3_lab_hcl((h = d3_rgb_lab((h = d3.rgb(h)).r, h.g, h.b)).l, h.a, h.b) : new d3_hcl(h, c, l);
+  }
+  var d3_hclPrototype = d3_hcl.prototype = new d3_color();
+  d3_hclPrototype.brighter = function(k) {
+    return new d3_hcl(this.h, this.c, Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1)));
+  };
+  d3_hclPrototype.darker = function(k) {
+    return new d3_hcl(this.h, this.c, Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1)));
+  };
+  d3_hclPrototype.rgb = function() {
+    return d3_hcl_lab(this.h, this.c, this.l).rgb();
+  };
+  function d3_hcl_lab(h, c, l) {
+    if (isNaN(h)) h = 0;
+    if (isNaN(c)) c = 0;
+    return new d3_lab(l, Math.cos(h *= d3_radians) * c, Math.sin(h) * c);
+  }
+  d3.lab = d3_lab;
+  function d3_lab(l, a, b) {
+    return this instanceof d3_lab ? void (this.l = +l, this.a = +a, this.b = +b) : arguments.length < 2 ? l instanceof d3_lab ? new d3_lab(l.l, l.a, l.b) : l instanceof d3_hcl ? d3_hcl_lab(l.h, l.c, l.l) : d3_rgb_lab((l = d3_rgb(l)).r, l.g, l.b) : new d3_lab(l, a, b);
+  }
+  var d3_lab_K = 18;
+  var d3_lab_X = .95047, d3_lab_Y = 1, d3_lab_Z = 1.08883;
+  var d3_labPrototype = d3_lab.prototype = new d3_color();
+  d3_labPrototype.brighter = function(k) {
+    return new d3_lab(Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1)), this.a, this.b);
+  };
+  d3_labPrototype.darker = function(k) {
+    return new d3_lab(Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1)), this.a, this.b);
+  };
+  d3_labPrototype.rgb = function() {
+    return d3_lab_rgb(this.l, this.a, this.b);
+  };
+  function d3_lab_rgb(l, a, b) {
+    var y = (l + 16) / 116, x = y + a / 500, z = y - b / 200;
+    x = d3_lab_xyz(x) * d3_lab_X;
+    y = d3_lab_xyz(y) * d3_lab_Y;
+    z = d3_lab_xyz(z) * d3_lab_Z;
+    return new d3_rgb(d3_xyz_rgb(3.2404542 * x - 1.5371385 * y - .4985314 * z), d3_xyz_rgb(-.969266 * x + 1.8760108 * y + .041556 * z), d3_xyz_rgb(.0556434 * x - .2040259 * y + 1.0572252 * z));
+  }
+  function d3_lab_hcl(l, a, b) {
+    return l > 0 ? new d3_hcl(Math.atan2(b, a) * d3_degrees, Math.sqrt(a * a + b * b), l) : new d3_hcl(NaN, NaN, l);
+  }
+  function d3_lab_xyz(x) {
+    return x > .206893034 ? x * x * x : (x - 4 / 29) / 7.787037;
+  }
+  function d3_xyz_lab(x) {
+    return x > .008856 ? Math.pow(x, 1 / 3) : 7.787037 * x + 4 / 29;
+  }
+  function d3_xyz_rgb(r) {
+    return Math.round(255 * (r <= .00304 ? 12.92 * r : 1.055 * Math.pow(r, 1 / 2.4) - .055));
+  }
+  d3.rgb = d3_rgb;
+  function d3_rgb(r, g, b) {
+    return this instanceof d3_rgb ? void (this.r = ~~r, this.g = ~~g, this.b = ~~b) : arguments.length < 2 ? r instanceof d3_rgb ? new d3_rgb(r.r, r.g, r.b) : d3_rgb_parse("" + r, d3_rgb, d3_hsl_rgb) : new d3_rgb(r, g, b);
+  }
+  function d3_rgbNumber(value) {
+    return new d3_rgb(value >> 16, value >> 8 & 255, value & 255);
+  }
+  function d3_rgbString(value) {
+    return d3_rgbNumber(value) + "";
+  }
+  var d3_rgbPrototype = d3_rgb.prototype = new d3_color();
+  d3_rgbPrototype.brighter = function(k) {
+    k = Math.pow(.7, arguments.length ? k : 1);
+    var r = this.r, g = this.g, b = this.b, i = 30;
+    if (!r && !g && !b) return new d3_rgb(i, i, i);
+    if (r && r < i) r = i;
+    if (g && g < i) g = i;
+    if (b && b < i) b = i;
+    return new d3_rgb(Math.min(255, r / k), Math.min(255, g / k), Math.min(255, b / k));
+  };
+  d3_rgbPrototype.darker = function(k) {
+    k = Math.pow(.7, arguments.length ? k : 1);
+    return new d3_rgb(k * this.r, k * this.g, k * this.b);
+  };
+  d3_rgbPrototype.hsl = function() {
+    return d3_rgb_hsl(this.r, this.g, this.b);
+  };
+  d3_rgbPrototype.toString = function() {
+    return "#" + d3_rgb_hex(this.r) + d3_rgb_hex(this.g) + d3_rgb_hex(this.b);
+  };
+  function d3_rgb_hex(v) {
+    return v < 16 ? "0" + Math.max(0, v).toString(16) : Math.min(255, v).toString(16);
+  }
+  function d3_rgb_parse(format, rgb, hsl) {
+    var r = 0, g = 0, b = 0, m1, m2, color;
+    m1 = /([a-z]+)\((.*)\)/.exec(format = format.toLowerCase());
+    if (m1) {
+      m2 = m1[2].split(",");
+      switch (m1[1]) {
+       case "hsl":
+        {
+          return hsl(parseFloat(m2[0]), parseFloat(m2[1]) / 100, parseFloat(m2[2]) / 100);
+        }
+
+       case "rgb":
+        {
+          return rgb(d3_rgb_parseNumber(m2[0]), d3_rgb_parseNumber(m2[1]), d3_rgb_parseNumber(m2[2]));
+        }
+      }
+    }
+    if (color = d3_rgb_names.get(format)) {
+      return rgb(color.r, color.g, color.b);
+    }
+    if (format != null && format.charAt(0) === "#" && !isNaN(color = parseInt(format.slice(1), 16))) {
+      if (format.length === 4) {
+        r = (color & 3840) >> 4;
+        r = r >> 4 | r;
+        g = color & 240;
+        g = g >> 4 | g;
+        b = color & 15;
+        b = b << 4 | b;
+      } else if (format.length === 7) {
+        r = (color & 16711680) >> 16;
+        g = (color & 65280) >> 8;
+        b = color & 255;
+      }
+    }
+    return rgb(r, g, b);
+  }
+  function d3_rgb_hsl(r, g, b) {
+    var min = Math.min(r /= 255, g /= 255, b /= 255), max = Math.max(r, g, b), d = max - min, h, s, l = (max + min) / 2;
+    if (d) {
+      s = l < .5 ? d / (max + min) : d / (2 - max - min);
+      if (r == max) h = (g - b) / d + (g < b ? 6 : 0); else if (g == max) h = (b - r) / d + 2; else h = (r - g) / d + 4;
+      h *= 60;
+    } else {
+      h = NaN;
+      s = l > 0 && l < 1 ? 0 : h;
+    }
+    return new d3_hsl(h, s, l);
+  }
+  function d3_rgb_lab(r, g, b) {
+    r = d3_rgb_xyz(r);
+    g = d3_rgb_xyz(g);
+    b = d3_rgb_xyz(b);
+    var x = d3_xyz_lab((.4124564 * r + .3575761 * g + .1804375 * b) / d3_lab_X), y = d3_xyz_lab((.2126729 * r + .7151522 * g + .072175 * b) / d3_lab_Y), z = d3_xyz_lab((.0193339 * r + .119192 * g + .9503041 * b) / d3_lab_Z);
+    return d3_lab(116 * y - 16, 500 * (x - y), 200 * (y - z));
+  }
+  function d3_rgb_xyz(r) {
+    return (r /= 255) <= .04045 ? r / 12.92 : Math.pow((r + .055) / 1.055, 2.4);
+  }
+  function d3_rgb_parseNumber(c) {
+    var f = parseFloat(c);
+    return c.charAt(c.length - 1) === "%" ? Math.round(f * 2.55) : f;
+  }
+  var d3_rgb_names = d3.map({
+    aliceblue: 15792383,
+    antiquewhite: 16444375,
+    aqua: 65535,
+    aquamarine: 8388564,
+    azure: 15794175,
+    beige: 16119260,
+    bisque: 16770244,
+    black: 0,
+    blanchedalmond: 16772045,
+    blue: 255,
+    blueviolet: 9055202,
+    brown: 10824234,
+    burlywood: 14596231,
+    cadetblue: 6266528,
+    chartreuse: 8388352,
+    chocolate: 13789470,
+    coral: 16744272,
+    cornflowerblue: 6591981,
+    cornsilk: 16775388,
+    crimson: 14423100,
+    cyan: 65535,
+    darkblue: 139,
+    darkcyan: 35723,
+    darkgoldenrod: 12092939,
+    darkgray: 11119017,
+    darkgreen: 25600,
+    darkgrey: 11119017,
+    darkkhaki: 12433259,
+    darkmagenta: 9109643,
+    darkolivegreen: 5597999,
+    darkorange: 16747520,
+    darkorchid: 10040012,
+    darkred: 9109504,
+    darksalmon: 15308410,
+    darkseagreen: 9419919,
+    darkslateblue: 4734347,
+    darkslategray: 3100495,
+    darkslategrey: 3100495,
+    darkturquoise: 52945,
+    darkviolet: 9699539,
+    deeppink: 16716947,
+    deepskyblue: 49151,
+    dimgray: 6908265,
+    dimgrey: 6908265,
+    dodgerblue: 2003199,
+    firebrick: 11674146,
+    floralwhite: 16775920,
+    forestgreen: 2263842,
+    fuchsia: 16711935,
+    gainsboro: 14474460,
+    ghostwhite: 16316671,
+    gold: 16766720,
+    goldenrod: 14329120,
+    gray: 8421504,
+    green: 32768,
+    greenyellow: 11403055,
+    grey: 8421504,
+    honeydew: 15794160,
+    hotpink: 16738740,
+    indianred: 13458524,
+    indigo: 4915330,
+    ivory: 16777200,
+    khaki: 15787660,
+    lavender: 15132410,
+    lavenderblush: 16773365,
+    lawngreen: 8190976,
+    lemonchiffon: 16775885,
+    lightblue: 11393254,
+    lightcoral: 15761536,
+    lightcyan: 14745599,
+    lightgoldenrodyellow: 16448210,
+    lightgray: 13882323,
+    lightgreen: 9498256,
+    lightgrey: 13882323,
+    lightpink: 16758465,
+    lightsalmon: 16752762,
+    lightseagreen: 2142890,
+    lightskyblue: 8900346,
+    lightslategray: 7833753,
+    lightslategrey: 7833753,
+    lightsteelblue: 11584734,
+    lightyellow: 16777184,
+    lime: 65280,
+    limegreen: 3329330,
+    linen: 16445670,
+    magenta: 16711935,
+    maroon: 8388608,
+    mediumaquamarine: 6737322,
+    mediumblue: 205,
+    mediumorchid: 12211667,
+    mediumpurple: 9662683,
+    mediumseagreen: 3978097,
+    mediumslateblue: 8087790,
+    mediumspringgreen: 64154,
+    mediumturquoise: 4772300,
+    mediumvioletred: 13047173,
+    midnightblue: 1644912,
+    mintcream: 16121850,
+    mistyrose: 16770273,
+    moccasin: 16770229,
+    navajowhite: 16768685,
+    navy: 128,
+    oldlace: 16643558,
+    olive: 8421376,
+    olivedrab: 7048739,
+    orange: 16753920,
+    orangered: 16729344,
+    orchid: 14315734,
+    palegoldenrod: 15657130,
+    palegreen: 10025880,
+    paleturquoise: 11529966,
+    palevioletred: 14381203,
+    papayawhip: 16773077,
+    peachpuff: 16767673,
+    peru: 13468991,
+    pink: 16761035,
+    plum: 14524637,
+    powderblue: 11591910,
+    purple: 8388736,
+    rebeccapurple: 6697881,
+    red: 16711680,
+    rosybrown: 12357519,
+    royalblue: 4286945,
+    saddlebrown: 9127187,
+    salmon: 16416882,
+    sandybrown: 16032864,
+    seagreen: 3050327,
+    seashell: 16774638,
+    sienna: 10506797,
+    silver: 12632256,
+    skyblue: 8900331,
+    slateblue: 6970061,
+    slategray: 7372944,
+    slategrey: 7372944,
+    snow: 16775930,
+    springgreen: 65407,
+    steelblue: 4620980,
+    tan: 13808780,
+    teal: 32896,
+    thistle: 14204888,
+    tomato: 16737095,
+    turquoise: 4251856,
+    violet: 15631086,
+    wheat: 16113331,
+    white: 16777215,
+    whitesmoke: 16119285,
+    yellow: 16776960,
+    yellowgreen: 10145074
+  });
+  d3_rgb_names.forEach(function(key, value) {
+    d3_rgb_names.set(key, d3_rgbNumber(value));
+  });
+  function d3_functor(v) {
+    return typeof v === "function" ? v : function() {
+      return v;
+    };
+  }
+  d3.functor = d3_functor;
+  d3.xhr = d3_xhrType(d3_identity);
+  function d3_xhrType(response) {
+    return function(url, mimeType, callback) {
+      if (arguments.length === 2 && typeof mimeType === "function") callback = mimeType, 
+      mimeType = null;
+      return d3_xhr(url, mimeType, response, callback);
+    };
+  }
+  function d3_xhr(url, mimeType, response, callback) {
+    var xhr = {}, dispatch = d3.dispatch("beforesend", "progress", "load", "error"), headers = {}, request = new XMLHttpRequest(), responseType = null;
+    if (this.XDomainRequest && !("withCredentials" in request) && /^(http(s)?:)?\/\//.test(url)) request = new XDomainRequest();
+    "onload" in request ? request.onload = request.onerror = respond : request.onreadystatechange = function() {
+      request.readyState > 3 && respond();
+    };
+    function respond() {
+      var status = request.status, result;
+      if (!status && d3_xhrHasResponse(request) || status >= 200 && status < 300 || status === 304) {
+        try {
+          result = response.call(xhr, request);
+        } catch (e) {
+          dispatch.error.call(xhr, e);
+          return;
+        }
+        dispatch.load.call(xhr, result);
+      } else {
+        dispatch.error.call(xhr, request);
+      }
+    }
+    request.onprogress = function(event) {
+      var o = d3.event;
+      d3.event = event;
+      try {
+        dispatch.progress.call(xhr, request);
+      } finally {
+        d3.event = o;
+      }
+    };
+    xhr.header = function(name, value) {
+      name = (name + "").toLowerCase();
+      if (arguments.length < 2) return headers[name];
+      if (value == null) delete headers[name]; else headers[name] = value + "";
+      return xhr;
+    };
+    xhr.mimeType = function(value) {
+      if (!arguments.length) return mimeType;
+      mimeType = value == null ? null : value + "";
+      return xhr;
+    };
+    xhr.responseType = function(value) {
+      if (!arguments.length) return responseType;
+      responseType = value;
+      return xhr;
+    };
+    xhr.response = function(value) {
+      response = value;
+      return xhr;
+    };
+    [ "get", "post" ].forEach(function(method) {
+      xhr[method] = function() {
+        return xhr.send.apply(xhr, [ method ].concat(d3_array(arguments)));
+      };
+    });
+    xhr.send = function(method, data, callback) {
+      if (arguments.length === 2 && typeof data === "function") callback = data, data = null;
+      request.open(method, url, true);
+      if (mimeType != null && !("accept" in headers)) headers["accept"] = mimeType + ",*/*";
+      if (request.setRequestHeader) for (var name in headers) request.setRequestHeader(name, headers[name]);
+      if (mimeType != null && request.overrideMimeType) request.overrideMimeType(mimeType);
+      if (responseType != null) request.responseType = responseType;
+      if (callback != null) xhr.on("error", callback).on("load", function(request) {
+        callback(null, request);
+      });
+      dispatch.beforesend.call(xhr, request);
+      request.send(data == null ? null : data);
+      return xhr;
+    };
+    xhr.abort = function() {
+      request.abort();
+      return xhr;
+    };
+    d3.rebind(xhr, dispatch, "on");
+    return callback == null ? xhr : xhr.get(d3_xhr_fixCallback(callback));
+  }
+  function d3_xhr_fixCallback(callback) {
+    return callback.length === 1 ? function(error, request) {
+      callback(error == null ? request : null);
+    } : callback;
+  }
+  function d3_xhrHasResponse(request) {
+    var type = request.responseType;
+    return type && type !== "text" ? request.response : request.responseText;
+  }
+  d3.dsv = function(delimiter, mimeType) {
+    var reFormat = new RegExp('["' + delimiter + "\n]"), delimiterCode = delimiter.charCodeAt(0);
+    function dsv(url, row, callback) {
+      if (arguments.length < 3) callback = row, row = null;
+      var xhr = d3_xhr(url, mimeType, row == null ? response : typedResponse(row), callback);
+      xhr.row = function(_) {
+        return arguments.length ? xhr.response((row = _) == null ? response : typedResponse(_)) : row;
+      };
+      return xhr;
+    }
+    function response(request) {
+      return dsv.parse(request.responseText);
+    }
+    function typedResponse(f) {
+      return function(request) {
+        return dsv.parse(request.responseText, f);
+      };
+    }
+    dsv.parse = function(text, f) {
+      var o;
+      return dsv.parseRows(text, function(row, i) {
+        if (o) return o(row, i - 1);
+        var a = new Function("d", "return {" + row.map(function(name, i) {
+          return JSON.stringify(name) + ": d[" + i + "]";
+        }).join(",") + "}");
+        o = f ? function(row, i) {
+          return f(a(row), i);
+        } : a;
+      });
+    };
+    dsv.parseRows = function(text, f) {
+      var EOL = {}, EOF = {}, rows = [], N = text.length, I = 0, n = 0, t, eol;
+      function token() {
+        if (I >= N) return EOF;
+        if (eol) return eol = false, EOL;
+        var j = I;
+        if (text.charCodeAt(j) === 34) {
+          var i = j;
+          while (i++ < N) {
+            if (text.charCodeAt(i) === 34) {
+              if (text.charCodeAt(i + 1) !== 34) break;
+              ++i;
+            }
+          }
+          I = i + 2;
+          var c = text.charCodeAt(i + 1);
+          if (c === 13) {
+            eol = true;
+            if (text.charCodeAt(i + 2) === 10) ++I;
+          } else if (c === 10) {
+            eol = true;
+          }
+          return text.slice(j + 1, i).replace(/""/g, '"');
+        }
+        while (I < N) {
+          var c = text.charCodeAt(I++), k = 1;
+          if (c === 10) eol = true; else if (c === 13) {
+            eol = true;
+            if (text.charCodeAt(I) === 10) ++I, ++k;
+          } else if (c !== delimiterCode) continue;
+          return text.slice(j, I - k);
+        }
+        return text.slice(j);
+      }
+      while ((t = token()) !== EOF) {
+        var a = [];
+        while (t !== EOL && t !== EOF) {
+          a.push(t);
+          t = token();
+        }
+        if (f && (a = f(a, n++)) == null) continue;
+        rows.push(a);
+      }
+      return rows;
+    };
+    dsv.format = function(rows) {
+      if (Array.isArray(rows[0])) return dsv.formatRows(rows);
+      var fieldSet = new d3_Set(), fields = [];
+      rows.forEach(function(row) {
+        for (var field in row) {
+          if (!fieldSet.has(field)) {
+            fields.push(fieldSet.add(field));
+          }
+        }
+      });
+      return [ fields.map(formatValue).join(delimiter) ].concat(rows.map(function(row) {
+        return fields.map(function(field) {
+          return formatValue(row[field]);
+        }).join(delimiter);
+      })).join("\n");
+    };
+    dsv.formatRows = function(rows) {
+      return rows.map(formatRow).join("\n");
+    };
+    function formatRow(row) {
+      return row.map(formatValue).join(delimiter);
+    }
+    function formatValue(text) {
+      return reFormat.test(text) ? '"' + text.replace(/\"/g, '""') + '"' : text;
+    }
+    return dsv;
+  };
+  d3.csv = d3.dsv(",", "text/csv");
+  d3.tsv = d3.dsv("	", "text/tab-separated-values");
+  var d3_timer_queueHead, d3_timer_queueTail, d3_timer_interval, d3_timer_timeout, d3_timer_frame = this[d3_vendorSymbol(this, "requestAnimationFrame")] || function(callback) {
+    setTimeout(callback, 17);
+  };
+  d3.timer = function() {
+    d3_timer.apply(this, arguments);
+  };
+  function d3_timer(callback, delay, then) {
+    var n = arguments.length;
+    if (n < 2) delay = 0;
+    if (n < 3) then = Date.now();
+    var time = then + delay, timer = {
+      c: callback,
+      t: time,
+      n: null
+    };
+    if (d3_timer_queueTail) d3_timer_queueTail.n = timer; else d3_timer_queueHead = timer;
+    d3_timer_queueTail = timer;
+    if (!d3_timer_interval) {
+      d3_timer_timeout = clearTimeout(d3_timer_timeout);
+      d3_timer_interval = 1;
+      d3_timer_frame(d3_timer_step);
+    }
+    return timer;
+  }
+  function d3_timer_step() {
+    var now = d3_timer_mark(), delay = d3_timer_sweep() - now;
+    if (delay > 24) {
+      if (isFinite(delay)) {
+        clearTimeout(d3_timer_timeout);
+        d3_timer_timeout = setTimeout(d3_timer_step, delay);
+      }
+      d3_timer_interval = 0;
+    } else {
+      d3_timer_interval = 1;
+      d3_timer_frame(d3_timer_step);
+    }
+  }
+  d3.timer.flush = function() {
+    d3_timer_mark();
+    d3_timer_sweep();
+  };
+  function d3_timer_mark() {
+    var now = Date.now(), timer = d3_timer_queueHead;
+    while (timer) {
+      if (now >= timer.t && timer.c(now - timer.t)) timer.c = null;
+      timer = timer.n;
+    }
+    return now;
+  }
+  function d3_timer_sweep() {
+    var t0, t1 = d3_timer_queueHead, time = Infinity;
+    while (t1) {
+      if (t1.c) {
+        if (t1.t < time) time = t1.t;
+        t1 = (t0 = t1).n;
+      } else {
+        t1 = t0 ? t0.n = t1.n : d3_timer_queueHead = t1.n;
+      }
+    }
+    d3_timer_queueTail = t0;
+    return time;
+  }
+  function d3_format_precision(x, p) {
+    return p - (x ? Math.ceil(Math.log(x) / Math.LN10) : 1);
+  }
+  d3.round = function(x, n) {
+    return n ? Math.round(x * (n = Math.pow(10, n))) / n : Math.round(x);
+  };
+  var d3_formatPrefixes = [ "y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y" ].map(d3_formatPrefix);
+  d3.formatPrefix = function(value, precision) {
+    var i = 0;
+    if (value = +value) {
+      if (value < 0) value *= -1;
+      if (precision) value = d3.round(value, d3_format_precision(value, precision));
+      i = 1 + Math.floor(1e-12 + Math.log(value) / Math.LN10);
+      i = Math.max(-24, Math.min(24, Math.floor((i - 1) / 3) * 3));
+    }
+    return d3_formatPrefixes[8 + i / 3];
+  };
+  function d3_formatPrefix(d, i) {
+    var k = Math.pow(10, abs(8 - i) * 3);
+    return {
+      scale: i > 8 ? function(d) {
+        return d / k;
+      } : function(d) {
+        return d * k;
+      },
+      symbol: d
+    };
+  }
+  function d3_locale_numberFormat(locale) {
+    var locale_decimal = locale.decimal, locale_thousands = locale.thousands, locale_grouping = locale.grouping, locale_currency = locale.currency, formatGroup = locale_grouping && locale_thousands ? function(value, width) {
+      var i = value.length, t = [], j = 0, g = locale_grouping[0], length = 0;
+      while (i > 0 && g > 0) {
+        if (length + g + 1 > width) g = Math.max(1, width - length);
+        t.push(value.substring(i -= g, i + g));
+        if ((length += g + 1) > width) break;
+        g = locale_grouping[j = (j + 1) % locale_grouping.length];
+      }
+      return t.reverse().join(locale_thousands);
+    } : d3_identity;
+    return function(specifier) {
+      var match = d3_format_re.exec(specifier), fill = match[1] || " ", align = match[2] || ">", sign = match[3] || "-", symbol = match[4] || "", zfill = match[5], width = +match[6], comma = match[7], precision = match[8], type = match[9], scale = 1, prefix = "", suffix = "", integer = false, exponent = true;
+      if (precision) precision = +precision.substring(1);
+      if (zfill || fill === "0" && align === "=") {
+        zfill = fill = "0";
+        align = "=";
+      }
+      switch (type) {
+       case "n":
+        comma = true;
+        type = "g";
+        break;
+
+       case "%":
+        scale = 100;
+        suffix = "%";
+        type = "f";
+        break;
+
+       case "p":
+        scale = 100;
+        suffix = "%";
+        type = "r";
+        break;
+
+       case "b":
+       case "o":
+       case "x":
+       case "X":
+        if (symbol === "#") prefix = "0" + type.toLowerCase();
+
+       case "c":
+        exponent = false;
+
+       case "d":
+        integer = true;
+        precision = 0;
+        break;
+
+       case "s":
+        scale = -1;
+        type = "r";
+        break;
+      }
+      if (symbol === "$") prefix = locale_currency[0], suffix = locale_currency[1];
+      if (type == "r" && !precision) type = "g";
+      if (precision != null) {
+        if (type == "g") precision = Math.max(1, Math.min(21, precision)); else if (type == "e" || type == "f") precision = Math.max(0, Math.min(20, precision));
+      }
+      type = d3_format_types.get(type) || d3_format_typeDefault;
+      var zcomma = zfill && comma;
+      return function(value) {
+        var fullSuffix = suffix;
+        if (integer && value % 1) return "";
+        var negative = value < 0 || value === 0 && 1 / value < 0 ? (value = -value, "-") : sign === "-" ? "" : sign;
+        if (scale < 0) {
+          var unit = d3.formatPrefix(value, precision);
+          value = unit.scale(value);
+          fullSuffix = unit.symbol + suffix;
+        } else {
+          value *= scale;
+        }
+        value = type(value, precision);
+        var i = value.lastIndexOf("."), before, after;
+        if (i < 0) {
+          var j = exponent ? value.lastIndexOf("e") : -1;
+          if (j < 0) before = value, after = ""; else before = value.substring(0, j), after = value.substring(j);
+        } else {
+          before = value.substring(0, i);
+          after = locale_decimal + value.substring(i + 1);
+        }
+        if (!zfill && comma) before = formatGroup(before, Infinity);
+        var length = prefix.length + before.length + after.length + (zcomma ? 0 : negative.length), padding = length < width ? new Array(length = width - length + 1).join(fill) : "";
+        if (zcomma) before = formatGroup(padding + before, padding.length ? width - after.length : Infinity);
+        negative += prefix;
+        value = before + after;
+        return (align === "<" ? negative + value + padding : align === ">" ? padding + negative + value : align === "^" ? padding.substring(0, length >>= 1) + negative + value + padding.substring(length) : negative + (zcomma ? value : padding + value)) + fullSuffix;
+      };
+    };
+  }
+  var d3_format_re = /(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i;
+  var d3_format_types = d3.map({
+    b: function(x) {
+      return x.toString(2);
+    },
+    c: function(x) {
+      return String.fromCharCode(x);
+    },
+    o: function(x) {
+      return x.toString(8);
+    },
+    x: function(x) {
+      return x.toString(16);
+    },
+    X: function(x) {
+      return x.toString(16).toUpperCase();
+    },
+    g: function(x, p) {
+      return x.toPrecision(p);
+    },
+    e: function(x, p) {
+      return x.toExponential(p);
+    },
+    f: function(x, p) {
+      return x.toFixed(p);
+    },
+    r: function(x, p) {
+      return (x = d3.round(x, d3_format_precision(x, p))).toFixed(Math.max(0, Math.min(20, d3_format_precision(x * (1 + 1e-15), p))));
+    }
+  });
+  function d3_format_typeDefault(x) {
+    return x + "";
+  }
+  var d3_time = d3.time = {}, d3_date = Date;
+  function d3_date_utc() {
+    this._ = new Date(arguments.length > 1 ? Date.UTC.apply(this, arguments) : arguments[0]);
+  }
+  d3_date_utc.prototype = {
+    getDate: function() {
+      return this._.getUTCDate();
+    },
+    getDay: function() {
+      return this._.getUTCDay();
+    },
+    getFullYear: function() {
+      return this._.getUTCFullYear();
+    },
+    getHours: function() {
+      return this._.getUTCHours();
+    },
+    getMilliseconds: function() {
+      return this._.getUTCMilliseconds();
+    },
+    getMinutes: function() {
+      return this._.getUTCMinutes();
+    },
+    getMonth: function() {
+      return this._.getUTCMonth();
+    },
+    getSeconds: function() {
+      return this._.getUTCSeconds();
+    },
+    getTime: function() {
+      return this._.getTime();
+    },
+    getTimezoneOffset: function() {
+      return 0;
+    },
+    valueOf: function() {
+      return this._.valueOf();
+    },
+    setDate: function() {
+      d3_time_prototype.setUTCDate.apply(this._, arguments);
+    },
+    setDay: function() {
+      d3_time_prototype.setUTCDay.apply(this._, arguments);
+    },
+    setFullYear: function() {
+      d3_time_prototype.setUTCFullYear.apply(this._, arguments);
+    },
+    setHours: function() {
+      d3_time_prototype.setUTCHours.apply(this._, arguments);
+    },
+    setMilliseconds: function() {
+      d3_time_prototype.setUTCMilliseconds.apply(this._, arguments);
+    },
+    setMinutes: function() {
+      d3_time_prototype.setUTCMinutes.apply(this._, arguments);
+    },
+    setMonth: function() {
+      d3_time_prototype.setUTCMonth.apply(this._, arguments);
+    },
+    setSeconds: function() {
+      d3_time_prototype.setUTCSeconds.apply(this._, arguments);
+    },
+    setTime: function() {
+      d3_time_prototype.setTime.apply(this._, arguments);
+    }
+  };
+  var d3_time_prototype = Date.prototype;
+  function d3_time_interval(local, step, number) {
+    function round(date) {
+      var d0 = local(date), d1 = offset(d0, 1);
+      return date - d0 < d1 - date ? d0 : d1;
+    }
+    function ceil(date) {
+      step(date = local(new d3_date(date - 1)), 1);
+      return date;
+    }
+    function offset(date, k) {
+      step(date = new d3_date(+date), k);
+      return date;
+    }
+    function range(t0, t1, dt) {
+      var time = ceil(t0), times = [];
+      if (dt > 1) {
+        while (time < t1) {
+          if (!(number(time) % dt)) times.push(new Date(+time));
+          step(time, 1);
+        }
+      } else {
+        while (time < t1) times.push(new Date(+time)), step(time, 1);
+      }
+      return times;
+    }
+    function range_utc(t0, t1, dt) {
+      try {
+        d3_date = d3_date_utc;
+        var utc = new d3_date_utc();
+        utc._ = t0;
+        return range(utc, t1, dt);
+      } finally {
+        d3_date = Date;
+      }
+    }
+    local.floor = local;
+    local.round = round;
+    local.ceil = ceil;
+    local.offset = offset;
+    local.range = range;
+    var utc = local.utc = d3_time_interval_utc(local);
+    utc.floor = utc;
+    utc.round = d3_time_interval_utc(round);
+    utc.ceil = d3_time_interval_utc(ceil);
+    utc.offset = d3_time_interval_utc(offset);
+    utc.range = range_utc;
+    return local;
+  }
+  function d3_time_interval_utc(method) {
+    return function(date, k) {
+      try {
+        d3_date = d3_date_utc;
+        var utc = new d3_date_utc();
+        utc._ = date;
+        return method(utc, k)._;
+      } finally {
+        d3_date = Date;
+      }
+    };
+  }
+  d3_time.year = d3_time_interval(function(date) {
+    date = d3_time.day(date);
+    date.setMonth(0, 1);
+    return date;
+  }, function(date, offset) {
+    date.setFullYear(date.getFullYear() + offset);
+  }, function(date) {
+    return date.getFullYear();
+  });
+  d3_time.years = d3_time.year.range;
+  d3_time.years.utc = d3_time.year.utc.range;
+  d3_time.day = d3_time_interval(function(date) {
+    var day = new d3_date(2e3, 0);
+    day.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());
+    return day;
+  }, function(date, offset) {
+    date.setDate(date.getDate() + offset);
+  }, function(date) {
+    return date.getDate() - 1;
+  });
+  d3_time.days = d3_time.day.range;
+  d3_time.days.utc = d3_time.day.utc.range;
+  d3_time.dayOfYear = function(date) {
+    var year = d3_time.year(date);
+    return Math.floor((date - year - (date.getTimezoneOffset() - year.getTimezoneOffset()) * 6e4) / 864e5);
+  };
+  [ "sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday" ].forEach(function(day, i) {
+    i = 7 - i;
+    var interval = d3_time[day] = d3_time_interval(function(date) {
+      (date = d3_time.day(date)).setDate(date.getDate() - (date.getDay() + i) % 7);
+      return date;
+    }, function(date, offset) {
+      date.setDate(date.getDate() + Math.floor(offset) * 7);
+    }, function(date) {
+      var day = d3_time.year(date).getDay();
+      return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7) - (day !== i);
+    });
+    d3_time[day + "s"] = interval.range;
+    d3_time[day + "s"].utc = interval.utc.range;
+    d3_time[day + "OfYear"] = function(date) {
+      var day = d3_time.year(date).getDay();
+      return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7);
+    };
+  });
+  d3_time.week = d3_time.sunday;
+  d3_time.weeks = d3_time.sunday.range;
+  d3_time.weeks.utc = d3_time.sunday.utc.range;
+  d3_time.weekOfYear = d3_time.sundayOfYear;
+  function d3_locale_timeFormat(locale) {
+    var locale_dateTime = locale.dateTime, locale_date = locale.date, locale_time = locale.time, locale_periods = locale.periods, locale_days = locale.days, locale_shortDays = locale.shortDays, locale_months = locale.months, locale_shortMonths = locale.shortMonths;
+    function d3_time_format(template) {
+      var n = template.length;
+      function format(date) {
+        var string = [], i = -1, j = 0, c, p, f;
+        while (++i < n) {
+          if (template.charCodeAt(i) === 37) {
+            string.push(template.slice(j, i));
+            if ((p = d3_time_formatPads[c = template.charAt(++i)]) != null) c = template.charAt(++i);
+            if (f = d3_time_formats[c]) c = f(date, p == null ? c === "e" ? " " : "0" : p);
+            string.push(c);
+            j = i + 1;
+          }
+        }
+        string.push(template.slice(j, i));
+        return string.join("");
+      }
+      format.parse = function(string) {
+        var d = {
+          y: 1900,
+          m: 0,
+          d: 1,
+          H: 0,
+          M: 0,
+          S: 0,
+          L: 0,
+          Z: null
+        }, i = d3_time_parse(d, template, string, 0);
+        if (i != string.length) return null;
+        if ("p" in d) d.H = d.H % 12 + d.p * 12;
+        var localZ = d.Z != null && d3_date !== d3_date_utc, date = new (localZ ? d3_date_utc : d3_date)();
+        if ("j" in d) date.setFullYear(d.y, 0, d.j); else if ("W" in d || "U" in d) {
+          if (!("w" in d)) d.w = "W" in d ? 1 : 0;
+          date.setFullYear(d.y, 0, 1);
+          date.setFullYear(d.y, 0, "W" in d ? (d.w + 6) % 7 + d.W * 7 - (date.getDay() + 5) % 7 : d.w + d.U * 7 - (date.getDay() + 6) % 7);
+        } else date.setFullYear(d.y, d.m, d.d);
+        date.setHours(d.H + (d.Z / 100 | 0), d.M + d.Z % 100, d.S, d.L);
+        return localZ ? date._ : date;
+      };
+      format.toString = function() {
+        return template;
+      };
+      return format;
+    }
+    function d3_time_parse(date, template, string, j) {
+      var c, p, t, i = 0, n = template.length, m = string.length;
+      while (i < n) {
+        if (j >= m) return -1;
+        c = template.charCodeAt(i++);
+        if (c === 37) {
+          t = template.charAt(i++);
+          p = d3_time_parsers[t in d3_time_formatPads ? template.charAt(i++) : t];
+          if (!p || (j = p(date, string, j)) < 0) return -1;
+        } else if (c != string.charCodeAt(j++)) {
+          return -1;
+        }
+      }
+      return j;
+    }
+    d3_time_format.utc = function(template) {
+      var local = d3_time_format(template);
+      function format(date) {
+        try {
+          d3_date = d3_date_utc;
+          var utc = new d3_date();
+          utc._ = date;
+          return local(utc);
+        } finally {
+          d3_date = Date;
+        }
+      }
+      format.parse = function(string) {
+        try {
+          d3_date = d3_date_utc;
+          var date = local.parse(string);
+          return date && date._;
+        } finally {
+          d3_date = Date;
+        }
+      };
+      format.toString = local.toString;
+      return format;
+    };
+    d3_time_format.multi = d3_time_format.utc.multi = d3_time_formatMulti;
+    var d3_time_periodLookup = d3.map(), d3_time_dayRe = d3_time_formatRe(locale_days), d3_time_dayLookup = d3_time_formatLookup(locale_days), d3_time_dayAbbrevRe = d3_time_formatRe(locale_shortDays), d3_time_dayAbbrevLookup = d3_time_formatLookup(locale_shortDays), d3_time_monthRe = d3_time_formatRe(locale_months), d3_time_monthLookup = d3_time_formatLookup(locale_months), d3_time_monthAbbrevRe = d3_time_formatRe(locale_shortMonths), d3_time_monthAbbrevLookup = d3_time_formatLookup(loca [...]
+    locale_periods.forEach(function(p, i) {
+      d3_time_periodLookup.set(p.toLowerCase(), i);
+    });
+    var d3_time_formats = {
+      a: function(d) {
+        return locale_shortDays[d.getDay()];
+      },
+      A: function(d) {
+        return locale_days[d.getDay()];
+      },
+      b: function(d) {
+        return locale_shortMonths[d.getMonth()];
+      },
+      B: function(d) {
+        return locale_months[d.getMonth()];
+      },
+      c: d3_time_format(locale_dateTime),
+      d: function(d, p) {
+        return d3_time_formatPad(d.getDate(), p, 2);
+      },
+      e: function(d, p) {
+        return d3_time_formatPad(d.getDate(), p, 2);
+      },
+      H: function(d, p) {
+        return d3_time_formatPad(d.getHours(), p, 2);
+      },
+      I: function(d, p) {
+        return d3_time_formatPad(d.getHours() % 12 || 12, p, 2);
+      },
+      j: function(d, p) {
+        return d3_time_formatPad(1 + d3_time.dayOfYear(d), p, 3);
+      },
+      L: function(d, p) {
+        return d3_time_formatPad(d.getMilliseconds(), p, 3);
+      },
+      m: function(d, p) {
+        return d3_time_formatPad(d.getMonth() + 1, p, 2);
+      },
+      M: function(d, p) {
+        return d3_time_formatPad(d.getMinutes(), p, 2);
+      },
+      p: function(d) {
+        return locale_periods[+(d.getHours() >= 12)];
+      },
+      S: function(d, p) {
+        return d3_time_formatPad(d.getSeconds(), p, 2);
+      },
+      U: function(d, p) {
+        return d3_time_formatPad(d3_time.sundayOfYear(d), p, 2);
+      },
+      w: function(d) {
+        return d.getDay();
+      },
+      W: function(d, p) {
+        return d3_time_formatPad(d3_time.mondayOfYear(d), p, 2);
+      },
+      x: d3_time_format(locale_date),
+      X: d3_time_format(locale_time),
+      y: function(d, p) {
+        return d3_time_formatPad(d.getFullYear() % 100, p, 2);
+      },
+      Y: function(d, p) {
+        return d3_time_formatPad(d.getFullYear() % 1e4, p, 4);
+      },
+      Z: d3_time_zone,
+      "%": function() {
+        return "%";
+      }
+    };
+    var d3_time_parsers = {
+      a: d3_time_parseWeekdayAbbrev,
+      A: d3_time_parseWeekday,
+      b: d3_time_parseMonthAbbrev,
+      B: d3_time_parseMonth,
+      c: d3_time_parseLocaleFull,
+      d: d3_time_parseDay,
+      e: d3_time_parseDay,
+      H: d3_time_parseHour24,
+      I: d3_time_parseHour24,
+      j: d3_time_parseDayOfYear,
+      L: d3_time_parseMilliseconds,
+      m: d3_time_parseMonthNumber,
+      M: d3_time_parseMinutes,
+      p: d3_time_parseAmPm,
+      S: d3_time_parseSeconds,
+      U: d3_time_parseWeekNumberSunday,
+      w: d3_time_parseWeekdayNumber,
+      W: d3_time_parseWeekNumberMonday,
+      x: d3_time_parseLocaleDate,
+      X: d3_time_parseLocaleTime,
+      y: d3_time_parseYear,
+      Y: d3_time_parseFullYear,
+      Z: d3_time_parseZone,
+      "%": d3_time_parseLiteralPercent
+    };
+    function d3_time_parseWeekdayAbbrev(date, string, i) {
+      d3_time_dayAbbrevRe.lastIndex = 0;
+      var n = d3_time_dayAbbrevRe.exec(string.slice(i));
+      return n ? (date.w = d3_time_dayAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+    function d3_time_parseWeekday(date, string, i) {
+      d3_time_dayRe.lastIndex = 0;
+      var n = d3_time_dayRe.exec(string.slice(i));
+      return n ? (date.w = d3_time_dayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+    function d3_time_parseMonthAbbrev(date, string, i) {
+      d3_time_monthAbbrevRe.lastIndex = 0;
+      var n = d3_time_monthAbbrevRe.exec(string.slice(i));
+      return n ? (date.m = d3_time_monthAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+    function d3_time_parseMonth(date, string, i) {
+      d3_time_monthRe.lastIndex = 0;
+      var n = d3_time_monthRe.exec(string.slice(i));
+      return n ? (date.m = d3_time_monthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+    function d3_time_parseLocaleFull(date, string, i) {
+      return d3_time_parse(date, d3_time_formats.c.toString(), string, i);
+    }
+    function d3_time_parseLocaleDate(date, string, i) {
+      return d3_time_parse(date, d3_time_formats.x.toString(), string, i);
+    }
+    function d3_time_parseLocaleTime(date, string, i) {
+      return d3_time_parse(date, d3_time_formats.X.toString(), string, i);
+    }
+    function d3_time_parseAmPm(date, string, i) {
+      var n = d3_time_periodLookup.get(string.slice(i, i += 2).toLowerCase());
+      return n == null ? -1 : (date.p = n, i);
+    }
+    return d3_time_format;
+  }
+  var d3_time_formatPads = {
+    "-": "",
+    _: " ",
+    "0": "0"
+  }, d3_time_numberRe = /^\s*\d+/, d3_time_percentRe = /^%/;
+  function d3_time_formatPad(value, fill, width) {
+    var sign = value < 0 ? "-" : "", string = (sign ? -value : value) + "", length = string.length;
+    return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string);
+  }
+  function d3_time_formatRe(names) {
+    return new RegExp("^(?:" + names.map(d3.requote).join("|") + ")", "i");
+  }
+  function d3_time_formatLookup(names) {
+    var map = new d3_Map(), i = -1, n = names.length;
+    while (++i < n) map.set(names[i].toLowerCase(), i);
+    return map;
+  }
+  function d3_time_parseWeekdayNumber(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 1));
+    return n ? (date.w = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseWeekNumberSunday(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i));
+    return n ? (date.U = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseWeekNumberMonday(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i));
+    return n ? (date.W = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseFullYear(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 4));
+    return n ? (date.y = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseYear(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.y = d3_time_expandYear(+n[0]), i + n[0].length) : -1;
+  }
+  function d3_time_parseZone(date, string, i) {
+    return /^[+-]\d{4}$/.test(string = string.slice(i, i + 5)) ? (date.Z = -string, 
+    i + 5) : -1;
+  }
+  function d3_time_expandYear(d) {
+    return d + (d > 68 ? 1900 : 2e3);
+  }
+  function d3_time_parseMonthNumber(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.m = n[0] - 1, i + n[0].length) : -1;
+  }
+  function d3_time_parseDay(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.d = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseDayOfYear(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 3));
+    return n ? (date.j = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseHour24(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.H = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseMinutes(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.M = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseSeconds(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 2));
+    return n ? (date.S = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_parseMilliseconds(date, string, i) {
+    d3_time_numberRe.lastIndex = 0;
+    var n = d3_time_numberRe.exec(string.slice(i, i + 3));
+    return n ? (date.L = +n[0], i + n[0].length) : -1;
+  }
+  function d3_time_zone(d) {
+    var z = d.getTimezoneOffset(), zs = z > 0 ? "-" : "+", zh = abs(z) / 60 | 0, zm = abs(z) % 60;
+    return zs + d3_time_formatPad(zh, "0", 2) + d3_time_formatPad(zm, "0", 2);
+  }
+  function d3_time_parseLiteralPercent(date, string, i) {
+    d3_time_percentRe.lastIndex = 0;
+    var n = d3_time_percentRe.exec(string.slice(i, i + 1));
+    return n ? i + n[0].length : -1;
+  }
+  function d3_time_formatMulti(formats) {
+    var n = formats.length, i = -1;
+    while (++i < n) formats[i][0] = this(formats[i][0]);
+    return function(date) {
+      var i = 0, f = formats[i];
+      while (!f[1](date)) f = formats[++i];
+      return f[0](date);
+    };
+  }
+  d3.locale = function(locale) {
+    return {
+      numberFormat: d3_locale_numberFormat(locale),
+      timeFormat: d3_locale_timeFormat(locale)
+    };
+  };
+  var d3_locale_enUS = d3.locale({
+    decimal: ".",
+    thousands: ",",
+    grouping: [ 3 ],
+    currency: [ "$", "" ],
+    dateTime: "%a %b %e %X %Y",
+    date: "%m/%d/%Y",
+    time: "%H:%M:%S",
+    periods: [ "AM", "PM" ],
+    days: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ],
+    shortDays: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
+    months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ],
+    shortMonths: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]
+  });
+  d3.format = d3_locale_enUS.numberFormat;
+  d3.geo = {};
+  function d3_adder() {}
+  d3_adder.prototype = {
+    s: 0,
+    t: 0,
+    add: function(y) {
+      d3_adderSum(y, this.t, d3_adderTemp);
+      d3_adderSum(d3_adderTemp.s, this.s, this);
+      if (this.s) this.t += d3_adderTemp.t; else this.s = d3_adderTemp.t;
+    },
+    reset: function() {
+      this.s = this.t = 0;
+    },
+    valueOf: function() {
+      return this.s;
+    }
+  };
+  var d3_adderTemp = new d3_adder();
+  function d3_adderSum(a, b, o) {
+    var x = o.s = a + b, bv = x - a, av = x - bv;
+    o.t = a - av + (b - bv);
+  }
+  d3.geo.stream = function(object, listener) {
+    if (object && d3_geo_streamObjectType.hasOwnProperty(object.type)) {
+      d3_geo_streamObjectType[object.type](object, listener);
+    } else {
+      d3_geo_streamGeometry(object, listener);
+    }
+  };
+  function d3_geo_streamGeometry(geometry, listener) {
+    if (geometry && d3_geo_streamGeometryType.hasOwnProperty(geometry.type)) {
+      d3_geo_streamGeometryType[geometry.type](geometry, listener);
+    }
+  }
+  var d3_geo_streamObjectType = {
+    Feature: function(feature, listener) {
+      d3_geo_streamGeometry(feature.geometry, listener);
+    },
+    FeatureCollection: function(object, listener) {
+      var features = object.features, i = -1, n = features.length;
+      while (++i < n) d3_geo_streamGeometry(features[i].geometry, listener);
+    }
+  };
+  var d3_geo_streamGeometryType = {
+    Sphere: function(object, listener) {
+      listener.sphere();
+    },
+    Point: function(object, listener) {
+      object = object.coordinates;
+      listener.point(object[0], object[1], object[2]);
+    },
+    MultiPoint: function(object, listener) {
+      var coordinates = object.coordinates, i = -1, n = coordinates.length;
+      while (++i < n) object = coordinates[i], listener.point(object[0], object[1], object[2]);
+    },
+    LineString: function(object, listener) {
+      d3_geo_streamLine(object.coordinates, listener, 0);
+    },
+    MultiLineString: function(object, listener) {
+      var coordinates = object.coordinates, i = -1, n = coordinates.length;
+      while (++i < n) d3_geo_streamLine(coordinates[i], listener, 0);
+    },
+    Polygon: function(object, listener) {
+      d3_geo_streamPolygon(object.coordinates, listener);
+    },
+    MultiPolygon: function(object, listener) {
+      var coordinates = object.coordinates, i = -1, n = coordinates.length;
+      while (++i < n) d3_geo_streamPolygon(coordinates[i], listener);
+    },
+    GeometryCollection: function(object, listener) {
+      var geometries = object.geometries, i = -1, n = geometries.length;
+      while (++i < n) d3_geo_streamGeometry(geometries[i], listener);
+    }
+  };
+  function d3_geo_streamLine(coordinates, listener, closed) {
+    var i = -1, n = coordinates.length - closed, coordinate;
+    listener.lineStart();
+    while (++i < n) coordinate = coordinates[i], listener.point(coordinate[0], coordinate[1], coordinate[2]);
+    listener.lineEnd();
+  }
+  function d3_geo_streamPolygon(coordinates, listener) {
+    var i = -1, n = coordinates.length;
+    listener.polygonStart();
+    while (++i < n) d3_geo_streamLine(coordinates[i], listener, 1);
+    listener.polygonEnd();
+  }
+  d3.geo.area = function(object) {
+    d3_geo_areaSum = 0;
+    d3.geo.stream(object, d3_geo_area);
+    return d3_geo_areaSum;
+  };
+  var d3_geo_areaSum, d3_geo_areaRingSum = new d3_adder();
+  var d3_geo_area = {
+    sphere: function() {
+      d3_geo_areaSum += 4 * π;
+    },
+    point: d3_noop,
+    lineStart: d3_noop,
+    lineEnd: d3_noop,
+    polygonStart: function() {
+      d3_geo_areaRingSum.reset();
+      d3_geo_area.lineStart = d3_geo_areaRingStart;
+    },
+    polygonEnd: function() {
+      var area = 2 * d3_geo_areaRingSum;
+      d3_geo_areaSum += area < 0 ? 4 * π + area : area;
+      d3_geo_area.lineStart = d3_geo_area.lineEnd = d3_geo_area.point = d3_noop;
+    }
+  };
+  function d3_geo_areaRingStart() {
+    var λ00, φ00, λ0, cosφ0, sinφ0;
+    d3_geo_area.point = function(λ, φ) {
+      d3_geo_area.point = nextPoint;
+      λ0 = (λ00 = λ) * d3_radians, cosφ0 = Math.cos(φ = (φ00 = φ) * d3_radians / 2 + π / 4), 
+      sinφ0 = Math.sin(φ);
+    };
+    function nextPoint(λ, φ) {
+      λ *= d3_radians;
+      φ = φ * d3_radians / 2 + π / 4;
+      var dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, cosφ = Math.cos(φ), sinφ = Math.sin(φ), k = sinφ0 * sinφ, u = cosφ0 * cosφ + k * Math.cos(adλ), v = k * sdλ * Math.sin(adλ);
+      d3_geo_areaRingSum.add(Math.atan2(v, u));
+      λ0 = λ, cosφ0 = cosφ, sinφ0 = sinφ;
+    }
+    d3_geo_area.lineEnd = function() {
+      nextPoint(λ00, φ00);
+    };
+  }
+  function d3_geo_cartesian(spherical) {
+    var λ = spherical[0], φ = spherical[1], cosφ = Math.cos(φ);
+    return [ cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ) ];
+  }
+  function d3_geo_cartesianDot(a, b) {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+  }
+  function d3_geo_cartesianCross(a, b) {
+    return [ a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0] ];
+  }
+  function d3_geo_cartesianAdd(a, b) {
+    a[0] += b[0];
+    a[1] += b[1];
+    a[2] += b[2];
+  }
+  function d3_geo_cartesianScale(vector, k) {
+    return [ vector[0] * k, vector[1] * k, vector[2] * k ];
+  }
+  function d3_geo_cartesianNormalize(d) {
+    var l = Math.sqrt(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
+    d[0] /= l;
+    d[1] /= l;
+    d[2] /= l;
+  }
+  function d3_geo_spherical(cartesian) {
+    return [ Math.atan2(cartesian[1], cartesian[0]), d3_asin(cartesian[2]) ];
+  }
+  function d3_geo_sphericalEqual(a, b) {
+    return abs(a[0] - b[0]) < ε && abs(a[1] - b[1]) < ε;
+  }
+  d3.geo.bounds = function() {
+    var λ0, φ0, λ1, φ1, λ_, λ__, φ__, p0, dλSum, ranges, range;
+    var bound = {
+      point: point,
+      lineStart: lineStart,
+      lineEnd: lineEnd,
+      polygonStart: function() {
+        bound.point = ringPoint;
+        bound.lineStart = ringStart;
+        bound.lineEnd = ringEnd;
+        dλSum = 0;
+        d3_geo_area.polygonStart();
+      },
+      polygonEnd: function() {
+        d3_geo_area.polygonEnd();
+        bound.point = point;
+        bound.lineStart = lineStart;
+        bound.lineEnd = lineEnd;
+        if (d3_geo_areaRingSum < 0) λ0 = -(λ1 = 180), φ0 = -(φ1 = 90); else if (dλSum > ε) φ1 = 90; else if (dλSum < -ε) φ0 = -90;
+        range[0] = λ0, range[1] = λ1;
+      }
+    };
+    function point(λ, φ) {
+      ranges.push(range = [ λ0 = λ, λ1 = λ ]);
+      if (φ < φ0) φ0 = φ;
+      if (φ > φ1) φ1 = φ;
+    }
+    function linePoint(λ, φ) {
+      var p = d3_geo_cartesian([ λ * d3_radians, φ * d3_radians ]);
+      if (p0) {
+        var normal = d3_geo_cartesianCross(p0, p), equatorial = [ normal[1], -normal[0], 0 ], inflection = d3_geo_cartesianCross(equatorial, normal);
+        d3_geo_cartesianNormalize(inflection);
+        inflection = d3_geo_spherical(inflection);
+        var dλ = λ - λ_, s = dλ > 0 ? 1 : -1, λi = inflection[0] * d3_degrees * s, antimeridian = abs(dλ) > 180;
+        if (antimeridian ^ (s * λ_ < λi && λi < s * λ)) {
+          var φi = inflection[1] * d3_degrees;
+          if (φi > φ1) φ1 = φi;
+        } else if (λi = (λi + 360) % 360 - 180, antimeridian ^ (s * λ_ < λi && λi < s * λ)) {
+          var φi = -inflection[1] * d3_degrees;
+          if (φi < φ0) φ0 = φi;
+        } else {
+          if (φ < φ0) φ0 = φ;
+          if (φ > φ1) φ1 = φ;
+        }
+        if (antimeridian) {
+          if (λ < λ_) {
+            if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ;
+          } else {
+            if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ;
+          }
+        } else {
+          if (λ1 >= λ0) {
+            if (λ < λ0) λ0 = λ;
+            if (λ > λ1) λ1 = λ;
+          } else {
+            if (λ > λ_) {
+              if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ;
+            } else {
+              if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ;
+            }
+          }
+        }
+      } else {
+        point(λ, φ);
+      }
+      p0 = p, λ_ = λ;
+    }
+    function lineStart() {
+      bound.point = linePoint;
+    }
+    function lineEnd() {
+      range[0] = λ0, range[1] = λ1;
+      bound.point = point;
+      p0 = null;
+    }
+    function ringPoint(λ, φ) {
+      if (p0) {
+        var dλ = λ - λ_;
+        dλSum += abs(dλ) > 180 ? dλ + (dλ > 0 ? 360 : -360) : dλ;
+      } else λ__ = λ, φ__ = φ;
+      d3_geo_area.point(λ, φ);
+      linePoint(λ, φ);
+    }
+    function ringStart() {
+      d3_geo_area.lineStart();
+    }
+    function ringEnd() {
+      ringPoint(λ__, φ__);
+      d3_geo_area.lineEnd();
+      if (abs(dλSum) > ε) λ0 = -(λ1 = 180);
+      range[0] = λ0, range[1] = λ1;
+      p0 = null;
+    }
+    function angle(λ0, λ1) {
+      return (λ1 -= λ0) < 0 ? λ1 + 360 : λ1;
+    }
+    function compareRanges(a, b) {
+      return a[0] - b[0];
+    }
+    function withinRange(x, range) {
+      return range[0] <= range[1] ? range[0] <= x && x <= range[1] : x < range[0] || range[1] < x;
+    }
+    return function(feature) {
+      φ1 = λ1 = -(λ0 = φ0 = Infinity);
+      ranges = [];
+      d3.geo.stream(feature, bound);
+      var n = ranges.length;
+      if (n) {
+        ranges.sort(compareRanges);
+        for (var i = 1, a = ranges[0], b, merged = [ a ]; i < n; ++i) {
+          b = ranges[i];
+          if (withinRange(b[0], a) || withinRange(b[1], a)) {
+            if (angle(a[0], b[1]) > angle(a[0], a[1])) a[1] = b[1];
+            if (angle(b[0], a[1]) > angle(a[0], a[1])) a[0] = b[0];
+          } else {
+            merged.push(a = b);
+          }
+        }
+        var best = -Infinity, dλ;
+        for (var n = merged.length - 1, i = 0, a = merged[n], b; i <= n; a = b, ++i) {
+          b = merged[i];
+          if ((dλ = angle(a[1], b[0])) > best) best = dλ, λ0 = b[0], λ1 = a[1];
+        }
+      }
+      ranges = range = null;
+      return λ0 === Infinity || φ0 === Infinity ? [ [ NaN, NaN ], [ NaN, NaN ] ] : [ [ λ0, φ0 ], [ λ1, φ1 ] ];
+    };
+  }();
+  d3.geo.centroid = function(object) {
+    d3_geo_centroidW0 = d3_geo_centroidW1 = d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0;
+    d3.geo.stream(object, d3_geo_centroid);
+    var x = d3_geo_centroidX2, y = d3_geo_centroidY2, z = d3_geo_centroidZ2, m = x * x + y * y + z * z;
+    if (m < ε2) {
+      x = d3_geo_centroidX1, y = d3_geo_centroidY1, z = d3_geo_centroidZ1;
+      if (d3_geo_centroidW1 < ε) x = d3_geo_centroidX0, y = d3_geo_centroidY0, z = d3_geo_centroidZ0;
+      m = x * x + y * y + z * z;
+      if (m < ε2) return [ NaN, NaN ];
+    }
+    return [ Math.atan2(y, x) * d3_degrees, d3_asin(z / Math.sqrt(m)) * d3_degrees ];
+  };
+  var d3_geo_centroidW0, d3_geo_centroidW1, d3_geo_centroidX0, d3_geo_centroidY0, d3_geo_centroidZ0, d3_geo_centroidX1, d3_geo_centroidY1, d3_geo_centroidZ1, d3_geo_centroidX2, d3_geo_centroidY2, d3_geo_centroidZ2;
+  var d3_geo_centroid = {
+    sphere: d3_noop,
+    point: d3_geo_centroidPoint,
+    lineStart: d3_geo_centroidLineStart,
+    lineEnd: d3_geo_centroidLineEnd,
+    polygonStart: function() {
+      d3_geo_centroid.lineStart = d3_geo_centroidRingStart;
+    },
+    polygonEnd: function() {
+      d3_geo_centroid.lineStart = d3_geo_centroidLineStart;
+    }
+  };
+  function d3_geo_centroidPoint(λ, φ) {
+    λ *= d3_radians;
+    var cosφ = Math.cos(φ *= d3_radians);
+    d3_geo_centroidPointXYZ(cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ));
+  }
+  function d3_geo_centroidPointXYZ(x, y, z) {
+    ++d3_geo_centroidW0;
+    d3_geo_centroidX0 += (x - d3_geo_centroidX0) / d3_geo_centroidW0;
+    d3_geo_centroidY0 += (y - d3_geo_centroidY0) / d3_geo_centroidW0;
+    d3_geo_centroidZ0 += (z - d3_geo_centroidZ0) / d3_geo_centroidW0;
+  }
+  function d3_geo_centroidLineStart() {
+    var x0, y0, z0;
+    d3_geo_centroid.point = function(λ, φ) {
+      λ *= d3_radians;
+      var cosφ = Math.cos(φ *= d3_radians);
+      x0 = cosφ * Math.cos(λ);
+      y0 = cosφ * Math.sin(λ);
+      z0 = Math.sin(φ);
+      d3_geo_centroid.point = nextPoint;
+      d3_geo_centroidPointXYZ(x0, y0, z0);
+    };
+    function nextPoint(λ, φ) {
+      λ *= d3_radians;
+      var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), w = Math.atan2(Math.sqrt((w = y0 * z - z0 * y) * w + (w = z0 * x - x0 * z) * w + (w = x0 * y - y0 * x) * w), x0 * x + y0 * y + z0 * z);
+      d3_geo_centroidW1 += w;
+      d3_geo_centroidX1 += w * (x0 + (x0 = x));
+      d3_geo_centroidY1 += w * (y0 + (y0 = y));
+      d3_geo_centroidZ1 += w * (z0 + (z0 = z));
+      d3_geo_centroidPointXYZ(x0, y0, z0);
+    }
+  }
+  function d3_geo_centroidLineEnd() {
+    d3_geo_centroid.point = d3_geo_centroidPoint;
+  }
+  function d3_geo_centroidRingStart() {
+    var λ00, φ00, x0, y0, z0;
+    d3_geo_centroid.point = function(λ, φ) {
+      λ00 = λ, φ00 = φ;
+      d3_geo_centroid.point = nextPoint;
+      λ *= d3_radians;
+      var cosφ = Math.cos(φ *= d3_radians);
+      x0 = cosφ * Math.cos(λ);
+      y0 = cosφ * Math.sin(λ);
+      z0 = Math.sin(φ);
+      d3_geo_centroidPointXYZ(x0, y0, z0);
+    };
+    d3_geo_centroid.lineEnd = function() {
+      nextPoint(λ00, φ00);
+      d3_geo_centroid.lineEnd = d3_geo_centroidLineEnd;
+      d3_geo_centroid.point = d3_geo_centroidPoint;
+    };
+    function nextPoint(λ, φ) {
+      λ *= d3_radians;
+      var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), cx = y0 * z - z0 * y, cy = z0 * x - x0 * z, cz = x0 * y - y0 * x, m = Math.sqrt(cx * cx + cy * cy + cz * cz), u = x0 * x + y0 * y + z0 * z, v = m && -d3_acos(u) / m, w = Math.atan2(m, u);
+      d3_geo_centroidX2 += v * cx;
+      d3_geo_centroidY2 += v * cy;
+      d3_geo_centroidZ2 += v * cz;
+      d3_geo_centroidW1 += w;
+      d3_geo_centroidX1 += w * (x0 + (x0 = x));
+      d3_geo_centroidY1 += w * (y0 + (y0 = y));
+      d3_geo_centroidZ1 += w * (z0 + (z0 = z));
+      d3_geo_centroidPointXYZ(x0, y0, z0);
+    }
+  }
+  function d3_geo_compose(a, b) {
+    function compose(x, y) {
+      return x = a(x, y), b(x[0], x[1]);
+    }
+    if (a.invert && b.invert) compose.invert = function(x, y) {
+      return x = b.invert(x, y), x && a.invert(x[0], x[1]);
+    };
+    return compose;
+  }
+  function d3_true() {
+    return true;
+  }
+  function d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener) {
+    var subject = [], clip = [];
+    segments.forEach(function(segment) {
+      if ((n = segment.length - 1) <= 0) return;
+      var n, p0 = segment[0], p1 = segment[n];
+      if (d3_geo_sphericalEqual(p0, p1)) {
+        listener.lineStart();
+        for (var i = 0; i < n; ++i) listener.point((p0 = segment[i])[0], p0[1]);
+        listener.lineEnd();
+        return;
+      }
+      var a = new d3_geo_clipPolygonIntersection(p0, segment, null, true), b = new d3_geo_clipPolygonIntersection(p0, null, a, false);
+      a.o = b;
+      subject.push(a);
+      clip.push(b);
+      a = new d3_geo_clipPolygonIntersection(p1, segment, null, false);
+      b = new d3_geo_clipPolygonIntersection(p1, null, a, true);
+      a.o = b;
+      subject.push(a);
+      clip.push(b);
+    });
+    clip.sort(compare);
+    d3_geo_clipPolygonLinkCircular(subject);
+    d3_geo_clipPolygonLinkCircular(clip);
+    if (!subject.length) return;
+    for (var i = 0, entry = clipStartInside, n = clip.length; i < n; ++i) {
+      clip[i].e = entry = !entry;
+    }
+    var start = subject[0], points, point;
+    while (1) {
+      var current = start, isSubject = true;
+      while (current.v) if ((current = current.n) === start) return;
+      points = current.z;
+      listener.lineStart();
+      do {
+        current.v = current.o.v = true;
+        if (current.e) {
+          if (isSubject) {
+            for (var i = 0, n = points.length; i < n; ++i) listener.point((point = points[i])[0], point[1]);
+          } else {
+            interpolate(current.x, current.n.x, 1, listener);
+          }
+          current = current.n;
+        } else {
+          if (isSubject) {
+            points = current.p.z;
+            for (var i = points.length - 1; i >= 0; --i) listener.point((point = points[i])[0], point[1]);
+          } else {
+            interpolate(current.x, current.p.x, -1, listener);
+          }
+          current = current.p;
+        }
+        current = current.o;
+        points = current.z;
+        isSubject = !isSubject;
+      } while (!current.v);
+      listener.lineEnd();
+    }
+  }
+  function d3_geo_clipPolygonLinkCircular(array) {
+    if (!(n = array.length)) return;
+    var n, i = 0, a = array[0], b;
+    while (++i < n) {
+      a.n = b = array[i];
+      b.p = a;
+      a = b;
+    }
+    a.n = b = array[0];
+    b.p = a;
+  }
+  function d3_geo_clipPolygonIntersection(point, points, other, entry) {
+    this.x = point;
+    this.z = points;
+    this.o = other;
+    this.e = entry;
+    this.v = false;
+    this.n = this.p = null;
+  }
+  function d3_geo_clip(pointVisible, clipLine, interpolate, clipStart) {
+    return function(rotate, listener) {
+      var line = clipLine(listener), rotatedClipStart = rotate.invert(clipStart[0], clipStart[1]);
+      var clip = {
+        point: point,
+        lineStart: lineStart,
+        lineEnd: lineEnd,
+        polygonStart: function() {
+          clip.point = pointRing;
+          clip.lineStart = ringStart;
+          clip.lineEnd = ringEnd;
+          segments = [];
+          polygon = [];
+        },
+        polygonEnd: function() {
+          clip.point = point;
+          clip.lineStart = lineStart;
+          clip.lineEnd = lineEnd;
+          segments = d3.merge(segments);
+          var clipStartInside = d3_geo_pointInPolygon(rotatedClipStart, polygon);
+          if (segments.length) {
+            if (!polygonStarted) listener.polygonStart(), polygonStarted = true;
+            d3_geo_clipPolygon(segments, d3_geo_clipSort, clipStartInside, interpolate, listener);
+          } else if (clipStartInside) {
+            if (!polygonStarted) listener.polygonStart(), polygonStarted = true;
+            listener.lineStart();
+            interpolate(null, null, 1, listener);
+            listener.lineEnd();
+          }
+          if (polygonStarted) listener.polygonEnd(), polygonStarted = false;
+          segments = polygon = null;
+        },
+        sphere: function() {
+          listener.polygonStart();
+          listener.lineStart();
+          interpolate(null, null, 1, listener);
+          listener.lineEnd();
+          listener.polygonEnd();
+        }
+      };
+      function point(λ, φ) {
+        var point = rotate(λ, φ);
+        if (pointVisible(λ = point[0], φ = point[1])) listener.point(λ, φ);
+      }
+      function pointLine(λ, φ) {
+        var point = rotate(λ, φ);
+        line.point(point[0], point[1]);
+      }
+      function lineStart() {
+        clip.point = pointLine;
+        line.lineStart();
+      }
+      function lineEnd() {
+        clip.point = point;
+        line.lineEnd();
+      }
+      var segments;
+      var buffer = d3_geo_clipBufferListener(), ringListener = clipLine(buffer), polygonStarted = false, polygon, ring;
+      function pointRing(λ, φ) {
+        ring.push([ λ, φ ]);
+        var point = rotate(λ, φ);
+        ringListener.point(point[0], point[1]);
+      }
+      function ringStart() {
+        ringListener.lineStart();
+        ring = [];
+      }
+      function ringEnd() {
+        pointRing(ring[0][0], ring[0][1]);
+        ringListener.lineEnd();
+        var clean = ringListener.clean(), ringSegments = buffer.buffer(), segment, n = ringSegments.length;
+        ring.pop();
+        polygon.push(ring);
+        ring = null;
+        if (!n) return;
+        if (clean & 1) {
+          segment = ringSegments[0];
+          var n = segment.length - 1, i = -1, point;
+          if (n > 0) {
+            if (!polygonStarted) listener.polygonStart(), polygonStarted = true;
+            listener.lineStart();
+            while (++i < n) listener.point((point = segment[i])[0], point[1]);
+            listener.lineEnd();
+          }
+          return;
+        }
+        if (n > 1 && clean & 2) ringSegments.push(ringSegments.pop().concat(ringSegments.shift()));
+        segments.push(ringSegments.filter(d3_geo_clipSegmentLength1));
+      }
+      return clip;
+    };
+  }
+  function d3_geo_clipSegmentLength1(segment) {
+    return segment.length > 1;
+  }
+  function d3_geo_clipBufferListener() {
+    var lines = [], line;
+    return {
+      lineStart: function() {
+        lines.push(line = []);
+      },
+      point: function(λ, φ) {
+        line.push([ λ, φ ]);
+      },
+      lineEnd: d3_noop,
+      buffer: function() {
+        var buffer = lines;
+        lines = [];
+        line = null;
+        return buffer;
+      },
+      rejoin: function() {
+        if (lines.length > 1) lines.push(lines.pop().concat(lines.shift()));
+      }
+    };
+  }
+  function d3_geo_clipSort(a, b) {
+    return ((a = a.x)[0] < 0 ? a[1] - halfπ - ε : halfπ - a[1]) - ((b = b.x)[0] < 0 ? b[1] - halfπ - ε : halfπ - b[1]);
+  }
+  var d3_geo_clipAntimeridian = d3_geo_clip(d3_true, d3_geo_clipAntimeridianLine, d3_geo_clipAntimeridianInterpolate, [ -π, -π / 2 ]);
+  function d3_geo_clipAntimeridianLine(listener) {
+    var λ0 = NaN, φ0 = NaN, sλ0 = NaN, clean;
+    return {
+      lineStart: function() {
+        listener.lineStart();
+        clean = 1;
+      },
+      point: function(λ1, φ1) {
+        var sλ1 = λ1 > 0 ? π : -π, dλ = abs(λ1 - λ0);
+        if (abs(dλ - π) < ε) {
+          listener.point(λ0, φ0 = (φ0 + φ1) / 2 > 0 ? halfπ : -halfπ);
+          listener.point(sλ0, φ0);
+          listener.lineEnd();
+          listener.lineStart();
+          listener.point(sλ1, φ0);
+          listener.point(λ1, φ0);
+          clean = 0;
+        } else if (sλ0 !== sλ1 && dλ >= π) {
+          if (abs(λ0 - sλ0) < ε) λ0 -= sλ0 * ε;
+          if (abs(λ1 - sλ1) < ε) λ1 -= sλ1 * ε;
+          φ0 = d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1);
+          listener.point(sλ0, φ0);
+          listener.lineEnd();
+          listener.lineStart();
+          listener.point(sλ1, φ0);
+          clean = 0;
+        }
+        listener.point(λ0 = λ1, φ0 = φ1);
+        sλ0 = sλ1;
+      },
+      lineEnd: function() {
+        listener.lineEnd();
+        λ0 = φ0 = NaN;
+      },
+      clean: function() {
+        return 2 - clean;
+      }
+    };
+  }
+  function d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1) {
+    var cosφ0, cosφ1, sinλ0_λ1 = Math.sin(λ0 - λ1);
+    return abs(sinλ0_λ1) > ε ? Math.atan((Math.sin(φ0) * (cosφ1 = Math.cos(φ1)) * Math.sin(λ1) - Math.sin(φ1) * (cosφ0 = Math.cos(φ0)) * Math.sin(λ0)) / (cosφ0 * cosφ1 * sinλ0_λ1)) : (φ0 + φ1) / 2;
+  }
+  function d3_geo_clipAntimeridianInterpolate(from, to, direction, listener) {
+    var φ;
+    if (from == null) {
+      φ = direction * halfπ;
+      listener.point(-π, φ);
+      listener.point(0, φ);
+      listener.point(π, φ);
+      listener.point(π, 0);
+      listener.point(π, -φ);
+      listener.point(0, -φ);
+      listener.point(-π, -φ);
+      listener.point(-π, 0);
+      listener.point(-π, φ);
+    } else if (abs(from[0] - to[0]) > ε) {
+      var s = from[0] < to[0] ? π : -π;
+      φ = direction * s / 2;
+      listener.point(-s, φ);
+      listener.point(0, φ);
+      listener.point(s, φ);
+    } else {
+      listener.point(to[0], to[1]);
+    }
+  }
+  function d3_geo_pointInPolygon(point, polygon) {
+    var meridian = point[0], parallel = point[1], meridianNormal = [ Math.sin(meridian), -Math.cos(meridian), 0 ], polarAngle = 0, winding = 0;
+    d3_geo_areaRingSum.reset();
+    for (var i = 0, n = polygon.length; i < n; ++i) {
+      var ring = polygon[i], m = ring.length;
+      if (!m) continue;
+      var point0 = ring[0], λ0 = point0[0], φ0 = point0[1] / 2 + π / 4, sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), j = 1;
+      while (true) {
+        if (j === m) j = 0;
+        point = ring[j];
+        var λ = point[0], φ = point[1] / 2 + π / 4, sinφ = Math.sin(φ), cosφ = Math.cos(φ), dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, antimeridian = adλ > π, k = sinφ0 * sinφ;
+        d3_geo_areaRingSum.add(Math.atan2(k * sdλ * Math.sin(adλ), cosφ0 * cosφ + k * Math.cos(adλ)));
+        polarAngle += antimeridian ? dλ + sdλ * τ : dλ;
+        if (antimeridian ^ λ0 >= meridian ^ λ >= meridian) {
+          var arc = d3_geo_cartesianCross(d3_geo_cartesian(point0), d3_geo_cartesian(point));
+          d3_geo_cartesianNormalize(arc);
+          var intersection = d3_geo_cartesianCross(meridianNormal, arc);
+          d3_geo_cartesianNormalize(intersection);
+          var φarc = (antimeridian ^ dλ >= 0 ? -1 : 1) * d3_asin(intersection[2]);
+          if (parallel > φarc || parallel === φarc && (arc[0] || arc[1])) {
+            winding += antimeridian ^ dλ >= 0 ? 1 : -1;
+          }
+        }
+        if (!j++) break;
+        λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ, point0 = point;
+      }
+    }
+    return (polarAngle < -ε || polarAngle < ε && d3_geo_areaRingSum < -ε) ^ winding & 1;
+  }
+  function d3_geo_clipCircle(radius) {
+    var cr = Math.cos(radius), smallRadius = cr > 0, notHemisphere = abs(cr) > ε, interpolate = d3_geo_circleInterpolate(radius, 6 * d3_radians);
+    return d3_geo_clip(visible, clipLine, interpolate, smallRadius ? [ 0, -radius ] : [ -π, radius - π ]);
+    function visible(λ, φ) {
+      return Math.cos(λ) * Math.cos(φ) > cr;
+    }
+    function clipLine(listener) {
+      var point0, c0, v0, v00, clean;
+      return {
+        lineStart: function() {
+          v00 = v0 = false;
+          clean = 1;
+        },
+        point: function(λ, φ) {
+          var point1 = [ λ, φ ], point2, v = visible(λ, φ), c = smallRadius ? v ? 0 : code(λ, φ) : v ? code(λ + (λ < 0 ? π : -π), φ) : 0;
+          if (!point0 && (v00 = v0 = v)) listener.lineStart();
+          if (v !== v0) {
+            point2 = intersect(point0, point1);
+            if (d3_geo_sphericalEqual(point0, point2) || d3_geo_sphericalEqual(point1, point2)) {
+              point1[0] += ε;
+              point1[1] += ε;
+              v = visible(point1[0], point1[1]);
+            }
+          }
+          if (v !== v0) {
+            clean = 0;
+            if (v) {
+              listener.lineStart();
+              point2 = intersect(point1, point0);
+              listener.point(point2[0], point2[1]);
+            } else {
+              point2 = intersect(point0, point1);
+              listener.point(point2[0], point2[1]);
+              listener.lineEnd();
+            }
+            point0 = point2;
+          } else if (notHemisphere && point0 && smallRadius ^ v) {
+            var t;
+            if (!(c & c0) && (t = intersect(point1, point0, true))) {
+              clean = 0;
+              if (smallRadius) {
+                listener.lineStart();
+                listener.point(t[0][0], t[0][1]);
+                listener.point(t[1][0], t[1][1]);
+                listener.lineEnd();
+              } else {
+                listener.point(t[1][0], t[1][1]);
+                listener.lineEnd();
+                listener.lineStart();
+                listener.point(t[0][0], t[0][1]);
+              }
+            }
+          }
+          if (v && (!point0 || !d3_geo_sphericalEqual(point0, point1))) {
+            listener.point(point1[0], point1[1]);
+          }
+          point0 = point1, v0 = v, c0 = c;
+        },
+        lineEnd: function() {
+          if (v0) listener.lineEnd();
+          point0 = null;
+        },
+        clean: function() {
+          return clean | (v00 && v0) << 1;
+        }
+      };
+    }
+    function intersect(a, b, two) {
+      var pa = d3_geo_cartesian(a), pb = d3_geo_cartesian(b);
+      var n1 = [ 1, 0, 0 ], n2 = d3_geo_cartesianCross(pa, pb), n2n2 = d3_geo_cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2;
+      if (!determinant) return !two && a;
+      var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = d3_geo_cartesianCross(n1, n2), A = d3_geo_cartesianScale(n1, c1), B = d3_geo_cartesianScale(n2, c2);
+      d3_geo_cartesianAdd(A, B);
+      var u = n1xn2, w = d3_geo_cartesianDot(A, u), uu = d3_geo_cartesianDot(u, u), t2 = w * w - uu * (d3_geo_cartesianDot(A, A) - 1);
+      if (t2 < 0) return;
+      var t = Math.sqrt(t2), q = d3_geo_cartesianScale(u, (-w - t) / uu);
+      d3_geo_cartesianAdd(q, A);
+      q = d3_geo_spherical(q);
+      if (!two) return q;
+      var λ0 = a[0], λ1 = b[0], φ0 = a[1], φ1 = b[1], z;
+      if (λ1 < λ0) z = λ0, λ0 = λ1, λ1 = z;
+      var δλ = λ1 - λ0, polar = abs(δλ - π) < ε, meridian = polar || δλ < ε;
+      if (!polar && φ1 < φ0) z = φ0, φ0 = φ1, φ1 = z;
+      if (meridian ? polar ? φ0 + φ1 > 0 ^ q[1] < (abs(q[0] - λ0) < ε ? φ0 : φ1) : φ0 <= q[1] && q[1] <= φ1 : δλ > π ^ (λ0 <= q[0] && q[0] <= λ1)) {
+        var q1 = d3_geo_cartesianScale(u, (-w + t) / uu);
+        d3_geo_cartesianAdd(q1, A);
+        return [ q, d3_geo_spherical(q1) ];
+      }
+    }
+    function code(λ, φ) {
+      var r = smallRadius ? radius : π - radius, code = 0;
+      if (λ < -r) code |= 1; else if (λ > r) code |= 2;
+      if (φ < -r) code |= 4; else if (φ > r) code |= 8;
+      return code;
+    }
+  }
+  function d3_geom_clipLine(x0, y0, x1, y1) {
+    return function(line) {
+      var a = line.a, b = line.b, ax = a.x, ay = a.y, bx = b.x, by = b.y, t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r;
+      r = x0 - ax;
+      if (!dx && r > 0) return;
+      r /= dx;
+      if (dx < 0) {
+        if (r < t0) return;
+        if (r < t1) t1 = r;
+      } else if (dx > 0) {
+        if (r > t1) return;
+        if (r > t0) t0 = r;
+      }
+      r = x1 - ax;
+      if (!dx && r < 0) return;
+      r /= dx;
+      if (dx < 0) {
+        if (r > t1) return;
+        if (r > t0) t0 = r;
+      } else if (dx > 0) {
+        if (r < t0) return;
+        if (r < t1) t1 = r;
+      }
+      r = y0 - ay;
+      if (!dy && r > 0) return;
+      r /= dy;
+      if (dy < 0) {
+        if (r < t0) return;
+        if (r < t1) t1 = r;
+      } else if (dy > 0) {
+        if (r > t1) return;
+        if (r > t0) t0 = r;
+      }
+      r = y1 - ay;
+      if (!dy && r < 0) return;
+      r /= dy;
+      if (dy < 0) {
+        if (r > t1) return;
+        if (r > t0) t0 = r;
+      } else if (dy > 0) {
+        if (r < t0) return;
+        if (r < t1) t1 = r;
+      }
+      if (t0 > 0) line.a = {
+        x: ax + t0 * dx,
+        y: ay + t0 * dy
+      };
+      if (t1 < 1) line.b = {
+        x: ax + t1 * dx,
+        y: ay + t1 * dy
+      };
+      return line;
+    };
+  }
+  var d3_geo_clipExtentMAX = 1e9;
+  d3.geo.clipExtent = function() {
+    var x0, y0, x1, y1, stream, clip, clipExtent = {
+      stream: function(output) {
+        if (stream) stream.valid = false;
+        stream = clip(output);
+        stream.valid = true;
+        return stream;
+      },
+      extent: function(_) {
+        if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ];
+        clip = d3_geo_clipExtent(x0 = +_[0][0], y0 = +_[0][1], x1 = +_[1][0], y1 = +_[1][1]);
+        if (stream) stream.valid = false, stream = null;
+        return clipExtent;
+      }
+    };
+    return clipExtent.extent([ [ 0, 0 ], [ 960, 500 ] ]);
+  };
+  function d3_geo_clipExtent(x0, y0, x1, y1) {
+    return function(listener) {
+      var listener_ = listener, bufferListener = d3_geo_clipBufferListener(), clipLine = d3_geom_clipLine(x0, y0, x1, y1), segments, polygon, ring;
+      var clip = {
+        point: point,
+        lineStart: lineStart,
+        lineEnd: lineEnd,
+        polygonStart: function() {
+          listener = bufferListener;
+          segments = [];
+          polygon = [];
+          clean = true;
+        },
+        polygonEnd: function() {
+          listener = listener_;
+          segments = d3.merge(segments);
+          var clipStartInside = insidePolygon([ x0, y1 ]), inside = clean && clipStartInside, visible = segments.length;
+          if (inside || visible) {
+            listener.polygonStart();
+            if (inside) {
+              listener.lineStart();
+              interpolate(null, null, 1, listener);
+              listener.lineEnd();
+            }
+            if (visible) {
+              d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener);
+            }
+            listener.polygonEnd();
+          }
+          segments = polygon = ring = null;
+        }
+      };
+      function insidePolygon(p) {
+        var wn = 0, n = polygon.length, y = p[1];
+        for (var i = 0; i < n; ++i) {
+          for (var j = 1, v = polygon[i], m = v.length, a = v[0], b; j < m; ++j) {
+            b = v[j];
+            if (a[1] <= y) {
+              if (b[1] > y && d3_cross2d(a, b, p) > 0) ++wn;
+            } else {
+              if (b[1] <= y && d3_cross2d(a, b, p) < 0) --wn;
+            }
+            a = b;
+          }
+        }
+        return wn !== 0;
+      }
+      function interpolate(from, to, direction, listener) {
+        var a = 0, a1 = 0;
+        if (from == null || (a = corner(from, direction)) !== (a1 = corner(to, direction)) || comparePoints(from, to) < 0 ^ direction > 0) {
+          do {
+            listener.point(a === 0 || a === 3 ? x0 : x1, a > 1 ? y1 : y0);
+          } while ((a = (a + direction + 4) % 4) !== a1);
+        } else {
+          listener.point(to[0], to[1]);
+        }
+      }
+      function pointVisible(x, y) {
+        return x0 <= x && x <= x1 && y0 <= y && y <= y1;
+      }
+      function point(x, y) {
+        if (pointVisible(x, y)) listener.point(x, y);
+      }
+      var x__, y__, v__, x_, y_, v_, first, clean;
+      function lineStart() {
+        clip.point = linePoint;
+        if (polygon) polygon.push(ring = []);
+        first = true;
+        v_ = false;
+        x_ = y_ = NaN;
+      }
+      function lineEnd() {
+        if (segments) {
+          linePoint(x__, y__);
+          if (v__ && v_) bufferListener.rejoin();
+          segments.push(bufferListener.buffer());
+        }
+        clip.point = point;
+        if (v_) listener.lineEnd();
+      }
+      function linePoint(x, y) {
+        x = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, x));
+        y = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, y));
+        var v = pointVisible(x, y);
+        if (polygon) ring.push([ x, y ]);
+        if (first) {
+          x__ = x, y__ = y, v__ = v;
+          first = false;
+          if (v) {
+            listener.lineStart();
+            listener.point(x, y);
+          }
+        } else {
+          if (v && v_) listener.point(x, y); else {
+            var l = {
+              a: {
+                x: x_,
+                y: y_
+              },
+              b: {
+                x: x,
+                y: y
+              }
+            };
+            if (clipLine(l)) {
+              if (!v_) {
+                listener.lineStart();
+                listener.point(l.a.x, l.a.y);
+              }
+              listener.point(l.b.x, l.b.y);
+              if (!v) listener.lineEnd();
+              clean = false;
+            } else if (v) {
+              listener.lineStart();
+              listener.point(x, y);
+              clean = false;
+            }
+          }
+        }
+        x_ = x, y_ = y, v_ = v;
+      }
+      return clip;
+    };
+    function corner(p, direction) {
+      return abs(p[0] - x0) < ε ? direction > 0 ? 0 : 3 : abs(p[0] - x1) < ε ? direction > 0 ? 2 : 1 : abs(p[1] - y0) < ε ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2;
+    }
+    function compare(a, b) {
+      return comparePoints(a.x, b.x);
+    }
+    function comparePoints(a, b) {
+      var ca = corner(a, 1), cb = corner(b, 1);
+      return ca !== cb ? ca - cb : ca === 0 ? b[1] - a[1] : ca === 1 ? a[0] - b[0] : ca === 2 ? a[1] - b[1] : b[0] - a[0];
+    }
+  }
+  function d3_geo_conic(projectAt) {
+    var φ0 = 0, φ1 = π / 3, m = d3_geo_projectionMutator(projectAt), p = m(φ0, φ1);
+    p.parallels = function(_) {
+      if (!arguments.length) return [ φ0 / π * 180, φ1 / π * 180 ];
+      return m(φ0 = _[0] * π / 180, φ1 = _[1] * π / 180);
+    };
+    return p;
+  }
+  function d3_geo_conicEqualArea(φ0, φ1) {
+    var sinφ0 = Math.sin(φ0), n = (sinφ0 + Math.sin(φ1)) / 2, C = 1 + sinφ0 * (2 * n - sinφ0), ρ0 = Math.sqrt(C) / n;
+    function forward(λ, φ) {
+      var ρ = Math.sqrt(C - 2 * n * Math.sin(φ)) / n;
+      return [ ρ * Math.sin(λ *= n), ρ0 - ρ * Math.cos(λ) ];
+    }
+    forward.invert = function(x, y) {
+      var ρ0_y = ρ0 - y;
+      return [ Math.atan2(x, ρ0_y) / n, d3_asin((C - (x * x + ρ0_y * ρ0_y) * n * n) / (2 * n)) ];
+    };
+    return forward;
+  }
+  (d3.geo.conicEqualArea = function() {
+    return d3_geo_conic(d3_geo_conicEqualArea);
+  }).raw = d3_geo_conicEqualArea;
+  d3.geo.albers = function() {
+    return d3.geo.conicEqualArea().rotate([ 96, 0 ]).center([ -.6, 38.7 ]).parallels([ 29.5, 45.5 ]).scale(1070);
+  };
+  d3.geo.albersUsa = function() {
+    var lower48 = d3.geo.albers();
+    var alaska = d3.geo.conicEqualArea().rotate([ 154, 0 ]).center([ -2, 58.5 ]).parallels([ 55, 65 ]);
+    var hawaii = d3.geo.conicEqualArea().rotate([ 157, 0 ]).center([ -3, 19.9 ]).parallels([ 8, 18 ]);
+    var point, pointStream = {
+      point: function(x, y) {
+        point = [ x, y ];
+      }
+    }, lower48Point, alaskaPoint, hawaiiPoint;
+    function albersUsa(coordinates) {
+      var x = coordinates[0], y = coordinates[1];
+      point = null;
+      (lower48Point(x, y), point) || (alaskaPoint(x, y), point) || hawaiiPoint(x, y);
+      return point;
+    }
+    albersUsa.invert = function(coordinates) {
+      var k = lower48.scale(), t = lower48.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k;
+      return (y >= .12 && y < .234 && x >= -.425 && x < -.214 ? alaska : y >= .166 && y < .234 && x >= -.214 && x < -.115 ? hawaii : lower48).invert(coordinates);
+    };
+    albersUsa.stream = function(stream) {
+      var lower48Stream = lower48.stream(stream), alaskaStream = alaska.stream(stream), hawaiiStream = hawaii.stream(stream);
+      return {
+        point: function(x, y) {
+          lower48Stream.point(x, y);
+          alaskaStream.point(x, y);
+          hawaiiStream.point(x, y);
+        },
+        sphere: function() {
+          lower48Stream.sphere();
+          alaskaStream.sphere();
+          hawaiiStream.sphere();
+        },
+        lineStart: function() {
+          lower48Stream.lineStart();
+          alaskaStream.lineStart();
+          hawaiiStream.lineStart();
+        },
+        lineEnd: function() {
+          lower48Stream.lineEnd();
+          alaskaStream.lineEnd();
+          hawaiiStream.lineEnd();
+        },
+        polygonStart: function() {
+          lower48Stream.polygonStart();
+          alaskaStream.polygonStart();
+          hawaiiStream.polygonStart();
+        },
+        polygonEnd: function() {
+          lower48Stream.polygonEnd();
+          alaskaStream.polygonEnd();
+          hawaiiStream.polygonEnd();
+        }
+      };
+    };
+    albersUsa.precision = function(_) {
+      if (!arguments.length) return lower48.precision();
+      lower48.precision(_);
+      alaska.precision(_);
+      hawaii.precision(_);
+      return albersUsa;
+    };
+    albersUsa.scale = function(_) {
+      if (!arguments.length) return lower48.scale();
+      lower48.scale(_);
+      alaska.scale(_ * .35);
+      hawaii.scale(_);
+      return albersUsa.translate(lower48.translate());
+    };
+    albersUsa.translate = function(_) {
+      if (!arguments.length) return lower48.translate();
+      var k = lower48.scale(), x = +_[0], y = +_[1];
+      lower48Point = lower48.translate(_).clipExtent([ [ x - .455 * k, y - .238 * k ], [ x + .455 * k, y + .238 * k ] ]).stream(pointStream).point;
+      alaskaPoint = alaska.translate([ x - .307 * k, y + .201 * k ]).clipExtent([ [ x - .425 * k + ε, y + .12 * k + ε ], [ x - .214 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point;
+      hawaiiPoint = hawaii.translate([ x - .205 * k, y + .212 * k ]).clipExtent([ [ x - .214 * k + ε, y + .166 * k + ε ], [ x - .115 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point;
+      return albersUsa;
+    };
+    return albersUsa.scale(1070);
+  };
+  var d3_geo_pathAreaSum, d3_geo_pathAreaPolygon, d3_geo_pathArea = {
+    point: d3_noop,
+    lineStart: d3_noop,
+    lineEnd: d3_noop,
+    polygonStart: function() {
+      d3_geo_pathAreaPolygon = 0;
+      d3_geo_pathArea.lineStart = d3_geo_pathAreaRingStart;
+    },
+    polygonEnd: function() {
+      d3_geo_pathArea.lineStart = d3_geo_pathArea.lineEnd = d3_geo_pathArea.point = d3_noop;
+      d3_geo_pathAreaSum += abs(d3_geo_pathAreaPolygon / 2);
+    }
+  };
+  function d3_geo_pathAreaRingStart() {
+    var x00, y00, x0, y0;
+    d3_geo_pathArea.point = function(x, y) {
+      d3_geo_pathArea.point = nextPoint;
+      x00 = x0 = x, y00 = y0 = y;
+    };
+    function nextPoint(x, y) {
+      d3_geo_pathAreaPolygon += y0 * x - x0 * y;
+      x0 = x, y0 = y;
+    }
+    d3_geo_pathArea.lineEnd = function() {
+      nextPoint(x00, y00);
+    };
+  }
+  var d3_geo_pathBoundsX0, d3_geo_pathBoundsY0, d3_geo_pathBoundsX1, d3_geo_pathBoundsY1;
+  var d3_geo_pathBounds = {
+    point: d3_geo_pathBoundsPoint,
+    lineStart: d3_noop,
+    lineEnd: d3_noop,
+    polygonStart: d3_noop,
+    polygonEnd: d3_noop
+  };
+  function d3_geo_pathBoundsPoint(x, y) {
+    if (x < d3_geo_pathBoundsX0) d3_geo_pathBoundsX0 = x;
+    if (x > d3_geo_pathBoundsX1) d3_geo_pathBoundsX1 = x;
+    if (y < d3_geo_pathBoundsY0) d3_geo_pathBoundsY0 = y;
+    if (y > d3_geo_pathBoundsY1) d3_geo_pathBoundsY1 = y;
+  }
+  function d3_geo_pathBuffer() {
+    var pointCircle = d3_geo_pathBufferCircle(4.5), buffer = [];
+    var stream = {
+      point: point,
+      lineStart: function() {
+        stream.point = pointLineStart;
+      },
+      lineEnd: lineEnd,
+      polygonStart: function() {
+        stream.lineEnd = lineEndPolygon;
+      },
+      polygonEnd: function() {
+        stream.lineEnd = lineEnd;
+        stream.point = point;
+      },
+      pointRadius: function(_) {
+        pointCircle = d3_geo_pathBufferCircle(_);
+        return stream;
+      },
+      result: function() {
+        if (buffer.length) {
+          var result = buffer.join("");
+          buffer = [];
+          return result;
+        }
+      }
+    };
+    function point(x, y) {
+      buffer.push("M", x, ",", y, pointCircle);
+    }
+    function pointLineStart(x, y) {
+      buffer.push("M", x, ",", y);
+      stream.point = pointLine;
+    }
+    function pointLine(x, y) {
+      buffer.push("L", x, ",", y);
+    }
+    function lineEnd() {
+      stream.point = point;
+    }
+    function lineEndPolygon() {
+      buffer.push("Z");
+    }
+    return stream;
+  }
+  function d3_geo_pathBufferCircle(radius) {
+    return "m0," + radius + "a" + radius + "," + radius + " 0 1,1 0," + -2 * radius + "a" + radius + "," + radius + " 0 1,1 0," + 2 * radius + "z";
+  }
+  var d3_geo_pathCentroid = {
+    point: d3_geo_pathCentroidPoint,
+    lineStart: d3_geo_pathCentroidLineStart,
+    lineEnd: d3_geo_pathCentroidLineEnd,
+    polygonStart: function() {
+      d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidRingStart;
+    },
+    polygonEnd: function() {
+      d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint;
+      d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidLineStart;
+      d3_geo_pathCentroid.lineEnd = d3_geo_pathCentroidLineEnd;
+    }
+  };
+  function d3_geo_pathCentroidPoint(x, y) {
+    d3_geo_centroidX0 += x;
+    d3_geo_centroidY0 += y;
+    ++d3_geo_centroidZ0;
+  }
+  function d3_geo_pathCentroidLineStart() {
+    var x0, y0;
+    d3_geo_pathCentroid.point = function(x, y) {
+      d3_geo_pathCentroid.point = nextPoint;
+      d3_geo_pathCentroidPoint(x0 = x, y0 = y);
+    };
+    function nextPoint(x, y) {
+      var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy);
+      d3_geo_centroidX1 += z * (x0 + x) / 2;
+      d3_geo_centroidY1 += z * (y0 + y) / 2;
+      d3_geo_centroidZ1 += z;
+      d3_geo_pathCentroidPoint(x0 = x, y0 = y);
+    }
+  }
+  function d3_geo_pathCentroidLineEnd() {
+    d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint;
+  }
+  function d3_geo_pathCentroidRingStart() {
+    var x00, y00, x0, y0;
+    d3_geo_pathCentroid.point = function(x, y) {
+      d3_geo_pathCentroid.point = nextPoint;
+      d3_geo_pathCentroidPoint(x00 = x0 = x, y00 = y0 = y);
+    };
+    function nextPoint(x, y) {
+      var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy);
+      d3_geo_centroidX1 += z * (x0 + x) / 2;
+      d3_geo_centroidY1 += z * (y0 + y) / 2;
+      d3_geo_centroidZ1 += z;
+      z = y0 * x - x0 * y;
+      d3_geo_centroidX2 += z * (x0 + x);
+      d3_geo_centroidY2 += z * (y0 + y);
+      d3_geo_centroidZ2 += z * 3;
+      d3_geo_pathCentroidPoint(x0 = x, y0 = y);
+    }
+    d3_geo_pathCentroid.lineEnd = function() {
+      nextPoint(x00, y00);
+    };
+  }
+  function d3_geo_pathContext(context) {
+    var pointRadius = 4.5;
+    var stream = {
+      point: point,
+      lineStart: function() {
+        stream.point = pointLineStart;
+      },
+      lineEnd: lineEnd,
+      polygonStart: function() {
+        stream.lineEnd = lineEndPolygon;
+      },
+      polygonEnd: function() {
+        stream.lineEnd = lineEnd;
+        stream.point = point;
+      },
+      pointRadius: function(_) {
+        pointRadius = _;
+        return stream;
+      },
+      result: d3_noop
+    };
+    function point(x, y) {
+      context.moveTo(x + pointRadius, y);
+      context.arc(x, y, pointRadius, 0, τ);
+    }
+    function pointLineStart(x, y) {
+      context.moveTo(x, y);
+      stream.point = pointLine;
+    }
+    function pointLine(x, y) {
+      context.lineTo(x, y);
+    }
+    function lineEnd() {
+      stream.point = point;
+    }
+    function lineEndPolygon() {
+      context.closePath();
+    }
+    return stream;
+  }
+  function d3_geo_resample(project) {
+    var δ2 = .5, cosMinDistance = Math.cos(30 * d3_radians), maxDepth = 16;
+    function resample(stream) {
+      return (maxDepth ? resampleRecursive : resampleNone)(stream);
+    }
+    function resampleNone(stream) {
+      return d3_geo_transformPoint(stream, function(x, y) {
+        x = project(x, y);
+        stream.point(x[0], x[1]);
+      });
+    }
+    function resampleRecursive(stream) {
+      var λ00, φ00, x00, y00, a00, b00, c00, λ0, x0, y0, a0, b0, c0;
+      var resample = {
+        point: point,
+        lineStart: lineStart,
+        lineEnd: lineEnd,
+        polygonStart: function() {
+          stream.polygonStart();
+          resample.lineStart = ringStart;
+        },
+        polygonEnd: function() {
+          stream.polygonEnd();
+          resample.lineStart = lineStart;
+        }
+      };
+      function point(x, y) {
+        x = project(x, y);
+        stream.point(x[0], x[1]);
+      }
+      function lineStart() {
+        x0 = NaN;
+        resample.point = linePoint;
+        stream.lineStart();
+      }
+      function linePoint(λ, φ) {
+        var c = d3_geo_cartesian([ λ, φ ]), p = project(λ, φ);
+        resampleLineTo(x0, y0, λ0, a0, b0, c0, x0 = p[0], y0 = p[1], λ0 = λ, a0 = c[0], b0 = c[1], c0 = c[2], maxDepth, stream);
+        stream.point(x0, y0);
+      }
+      function lineEnd() {
+        resample.point = point;
+        stream.lineEnd();
+      }
+      function ringStart() {
+        lineStart();
+        resample.point = ringPoint;
+        resample.lineEnd = ringEnd;
+      }
+      function ringPoint(λ, φ) {
+        linePoint(λ00 = λ, φ00 = φ), x00 = x0, y00 = y0, a00 = a0, b00 = b0, c00 = c0;
+        resample.point = linePoint;
+      }
+      function ringEnd() {
+        resampleLineTo(x0, y0, λ0, a0, b0, c0, x00, y00, λ00, a00, b00, c00, maxDepth, stream);
+        resample.lineEnd = lineEnd;
+        lineEnd();
+      }
+      return resample;
+    }
+    function resampleLineTo(x0, y0, λ0, a0, b0, c0, x1, y1, λ1, a1, b1, c1, depth, stream) {
+      var dx = x1 - x0, dy = y1 - y0, d2 = dx * dx + dy * dy;
+      if (d2 > 4 * δ2 && depth--) {
+        var a = a0 + a1, b = b0 + b1, c = c0 + c1, m = Math.sqrt(a * a + b * b + c * c), φ2 = Math.asin(c /= m), λ2 = abs(abs(c) - 1) < ε || abs(λ0 - λ1) < ε ? (λ0 + λ1) / 2 : Math.atan2(b, a), p = project(λ2, φ2), x2 = p[0], y2 = p[1], dx2 = x2 - x0, dy2 = y2 - y0, dz = dy * dx2 - dx * dy2;
+        if (dz * dz / d2 > δ2 || abs((dx * dx2 + dy * dy2) / d2 - .5) > .3 || a0 * a1 + b0 * b1 + c0 * c1 < cosMinDistance) {
+          resampleLineTo(x0, y0, λ0, a0, b0, c0, x2, y2, λ2, a /= m, b /= m, c, depth, stream);
+          stream.point(x2, y2);
+          resampleLineTo(x2, y2, λ2, a, b, c, x1, y1, λ1, a1, b1, c1, depth, stream);
+        }
+      }
+    }
+    resample.precision = function(_) {
+      if (!arguments.length) return Math.sqrt(δ2);
+      maxDepth = (δ2 = _ * _) > 0 && 16;
+      return resample;
+    };
+    return resample;
+  }
+  d3.geo.path = function() {
+    var pointRadius = 4.5, projection, context, projectStream, contextStream, cacheStream;
+    function path(object) {
+      if (object) {
+        if (typeof pointRadius === "function") contextStream.pointRadius(+pointRadius.apply(this, arguments));
+        if (!cacheStream || !cacheStream.valid) cacheStream = projectStream(contextStream);
+        d3.geo.stream(object, cacheStream);
+      }
+      return contextStream.result();
+    }
+    path.area = function(object) {
+      d3_geo_pathAreaSum = 0;
+      d3.geo.stream(object, projectStream(d3_geo_pathArea));
+      return d3_geo_pathAreaSum;
+    };
+    path.centroid = function(object) {
+      d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0;
+      d3.geo.stream(object, projectStream(d3_geo_pathCentroid));
+      return d3_geo_centroidZ2 ? [ d3_geo_centroidX2 / d3_geo_centroidZ2, d3_geo_centroidY2 / d3_geo_centroidZ2 ] : d3_geo_centroidZ1 ? [ d3_geo_centroidX1 / d3_geo_centroidZ1, d3_geo_centroidY1 / d3_geo_centroidZ1 ] : d3_geo_centroidZ0 ? [ d3_geo_centroidX0 / d3_geo_centroidZ0, d3_geo_centroidY0 / d3_geo_centroidZ0 ] : [ NaN, NaN ];
+    };
+    path.bounds = function(object) {
+      d3_geo_pathBoundsX1 = d3_geo_pathBoundsY1 = -(d3_geo_pathBoundsX0 = d3_geo_pathBoundsY0 = Infinity);
+      d3.geo.stream(object, projectStream(d3_geo_pathBounds));
+      return [ [ d3_geo_pathBoundsX0, d3_geo_pathBoundsY0 ], [ d3_geo_pathBoundsX1, d3_geo_pathBoundsY1 ] ];
+    };
+    path.projection = function(_) {
+      if (!arguments.length) return projection;
+      projectStream = (projection = _) ? _.stream || d3_geo_pathProjectStream(_) : d3_identity;
+      return reset();
+    };
+    path.context = function(_) {
+      if (!arguments.length) return context;
+      contextStream = (context = _) == null ? new d3_geo_pathBuffer() : new d3_geo_pathContext(_);
+      if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius);
+      return reset();
+    };
+    path.pointRadius = function(_) {
+      if (!arguments.length) return pointRadius;
+      pointRadius = typeof _ === "function" ? _ : (contextStream.pointRadius(+_), +_);
+      return path;
+    };
+    function reset() {
+      cacheStream = null;
+      return path;
+    }
+    return path.projection(d3.geo.albersUsa()).context(null);
+  };
+  function d3_geo_pathProjectStream(project) {
+    var resample = d3_geo_resample(function(x, y) {
+      return project([ x * d3_degrees, y * d3_degrees ]);
+    });
+    return function(stream) {
+      return d3_geo_projectionRadians(resample(stream));
+    };
+  }
+  d3.geo.transform = function(methods) {
+    return {
+      stream: function(stream) {
+        var transform = new d3_geo_transform(stream);
+        for (var k in methods) transform[k] = methods[k];
+        return transform;
+      }
+    };
+  };
+  function d3_geo_transform(stream) {
+    this.stream = stream;
+  }
+  d3_geo_transform.prototype = {
+    point: function(x, y) {
+      this.stream.point(x, y);
+    },
+    sphere: function() {
+      this.stream.sphere();
+    },
+    lineStart: function() {
+      this.stream.lineStart();
+    },
+    lineEnd: function() {
+      this.stream.lineEnd();
+    },
+    polygonStart: function() {
+      this.stream.polygonStart();
+    },
+    polygonEnd: function() {
+      this.stream.polygonEnd();
+    }
+  };
+  function d3_geo_transformPoint(stream, point) {
+    return {
+      point: point,
+      sphere: function() {
+        stream.sphere();
+      },
+      lineStart: function() {
+        stream.lineStart();
+      },
+      lineEnd: function() {
+        stream.lineEnd();
+      },
+      polygonStart: function() {
+        stream.polygonStart();
+      },
+      polygonEnd: function() {
+        stream.polygonEnd();
+      }
+    };
+  }
+  d3.geo.projection = d3_geo_projection;
+  d3.geo.projectionMutator = d3_geo_projectionMutator;
+  function d3_geo_projection(project) {
+    return d3_geo_projectionMutator(function() {
+      return project;
+    })();
+  }
+  function d3_geo_projectionMutator(projectAt) {
+    var project, rotate, projectRotate, projectResample = d3_geo_resample(function(x, y) {
+      x = project(x, y);
+      return [ x[0] * k + δx, δy - x[1] * k ];
+    }), k = 150, x = 480, y = 250, λ = 0, φ = 0, δλ = 0, δφ = 0, δγ = 0, δx, δy, preclip = d3_geo_clipAntimeridian, postclip = d3_identity, clipAngle = null, clipExtent = null, stream;
+    function projection(point) {
+      point = projectRotate(point[0] * d3_radians, point[1] * d3_radians);
+      return [ point[0] * k + δx, δy - point[1] * k ];
+    }
+    function invert(point) {
+      point = projectRotate.invert((point[0] - δx) / k, (δy - point[1]) / k);
+      return point && [ point[0] * d3_degrees, point[1] * d3_degrees ];
+    }
+    projection.stream = function(output) {
+      if (stream) stream.valid = false;
+      stream = d3_geo_projectionRadians(preclip(rotate, projectResample(postclip(output))));
+      stream.valid = true;
+      return stream;
+    };
+    projection.clipAngle = function(_) {
+      if (!arguments.length) return clipAngle;
+      preclip = _ == null ? (clipAngle = _, d3_geo_clipAntimeridian) : d3_geo_clipCircle((clipAngle = +_) * d3_radians);
+      return invalidate();
+    };
+    projection.clipExtent = function(_) {
+      if (!arguments.length) return clipExtent;
+      clipExtent = _;
+      postclip = _ ? d3_geo_clipExtent(_[0][0], _[0][1], _[1][0], _[1][1]) : d3_identity;
+      return invalidate();
+    };
+    projection.scale = function(_) {
+      if (!arguments.length) return k;
+      k = +_;
+      return reset();
+    };
+    projection.translate = function(_) {
+      if (!arguments.length) return [ x, y ];
+      x = +_[0];
+      y = +_[1];
+      return reset();
+    };
+    projection.center = function(_) {
+      if (!arguments.length) return [ λ * d3_degrees, φ * d3_degrees ];
+      λ = _[0] % 360 * d3_radians;
+      φ = _[1] % 360 * d3_radians;
+      return reset();
+    };
+    projection.rotate = function(_) {
+      if (!arguments.length) return [ δλ * d3_degrees, δφ * d3_degrees, δγ * d3_degrees ];
+      δλ = _[0] % 360 * d3_radians;
+      δφ = _[1] % 360 * d3_radians;
+      δγ = _.length > 2 ? _[2] % 360 * d3_radians : 0;
+      return reset();
+    };
+    d3.rebind(projection, projectResample, "precision");
+    function reset() {
+      projectRotate = d3_geo_compose(rotate = d3_geo_rotation(δλ, δφ, δγ), project);
+      var center = project(λ, φ);
+      δx = x - center[0] * k;
+      δy = y + center[1] * k;
+      return invalidate();
+    }
+    function invalidate() {
+      if (stream) stream.valid = false, stream = null;
+      return projection;
+    }
+    return function() {
+      project = projectAt.apply(this, arguments);
+      projection.invert = project.invert && invert;
+      return reset();
+    };
+  }
+  function d3_geo_projectionRadians(stream) {
+    return d3_geo_transformPoint(stream, function(x, y) {
+      stream.point(x * d3_radians, y * d3_radians);
+    });
+  }
+  function d3_geo_equirectangular(λ, φ) {
+    return [ λ, φ ];
+  }
+  (d3.geo.equirectangular = function() {
+    return d3_geo_projection(d3_geo_equirectangular);
+  }).raw = d3_geo_equirectangular.invert = d3_geo_equirectangular;
+  d3.geo.rotation = function(rotate) {
+    rotate = d3_geo_rotation(rotate[0] % 360 * d3_radians, rotate[1] * d3_radians, rotate.length > 2 ? rotate[2] * d3_radians : 0);
+    function forward(coordinates) {
+      coordinates = rotate(coordinates[0] * d3_radians, coordinates[1] * d3_radians);
+      return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates;
+    }
+    forward.invert = function(coordinates) {
+      coordinates = rotate.invert(coordinates[0] * d3_radians, coordinates[1] * d3_radians);
+      return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates;
+    };
+    return forward;
+  };
+  function d3_geo_identityRotation(λ, φ) {
+    return [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ];
+  }
+  d3_geo_identityRotation.invert = d3_geo_equirectangular;
+  function d3_geo_rotation(δλ, δφ, δγ) {
+    return δλ ? δφ || δγ ? d3_geo_compose(d3_geo_rotationλ(δλ), d3_geo_rotationφγ(δφ, δγ)) : d3_geo_rotationλ(δλ) : δφ || δγ ? d3_geo_rotationφγ(δφ, δγ) : d3_geo_identityRotation;
+  }
+  function d3_geo_forwardRotationλ(δλ) {
+    return function(λ, φ) {
+      return λ += δλ, [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ];
+    };
+  }
+  function d3_geo_rotationλ(δλ) {
+    var rotation = d3_geo_forwardRotationλ(δλ);
+    rotation.invert = d3_geo_forwardRotationλ(-δλ);
+    return rotation;
+  }
+  function d3_geo_rotationφγ(δφ, δγ) {
+    var cosδφ = Math.cos(δφ), sinδφ = Math.sin(δφ), cosδγ = Math.cos(δγ), sinδγ = Math.sin(δγ);
+    function rotation(λ, φ) {
+      var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδφ + x * sinδφ;
+      return [ Math.atan2(y * cosδγ - k * sinδγ, x * cosδφ - z * sinδφ), d3_asin(k * cosδγ + y * sinδγ) ];
+    }
+    rotation.invert = function(λ, φ) {
+      var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδγ - y * sinδγ;
+      return [ Math.atan2(y * cosδγ + z * sinδγ, x * cosδφ + k * sinδφ), d3_asin(k * cosδφ - x * sinδφ) ];
+    };
+    return rotation;
+  }
+  d3.geo.circle = function() {
+    var origin = [ 0, 0 ], angle, precision = 6, interpolate;
+    function circle() {
+      var center = typeof origin === "function" ? origin.apply(this, arguments) : origin, rotate = d3_geo_rotation(-center[0] * d3_radians, -center[1] * d3_radians, 0).invert, ring = [];
+      interpolate(null, null, 1, {
+        point: function(x, y) {
+          ring.push(x = rotate(x, y));
+          x[0] *= d3_degrees, x[1] *= d3_degrees;
+        }
+      });
+      return {
+        type: "Polygon",
+        coordinates: [ ring ]
+      };
+    }
+    circle.origin = function(x) {
+      if (!arguments.length) return origin;
+      origin = x;
+      return circle;
+    };
+    circle.angle = function(x) {
+      if (!arguments.length) return angle;
+      interpolate = d3_geo_circleInterpolate((angle = +x) * d3_radians, precision * d3_radians);
+      return circle;
+    };
+    circle.precision = function(_) {
+      if (!arguments.length) return precision;
+      interpolate = d3_geo_circleInterpolate(angle * d3_radians, (precision = +_) * d3_radians);
+      return circle;
+    };
+    return circle.angle(90);
+  };
+  function d3_geo_circleInterpolate(radius, precision) {
+    var cr = Math.cos(radius), sr = Math.sin(radius);
+    return function(from, to, direction, listener) {
+      var step = direction * precision;
+      if (from != null) {
+        from = d3_geo_circleAngle(cr, from);
+        to = d3_geo_circleAngle(cr, to);
+        if (direction > 0 ? from < to : from > to) from += direction * τ;
+      } else {
+        from = radius + direction * τ;
+        to = radius - .5 * step;
+      }
+      for (var point, t = from; direction > 0 ? t > to : t < to; t -= step) {
+        listener.point((point = d3_geo_spherical([ cr, -sr * Math.cos(t), -sr * Math.sin(t) ]))[0], point[1]);
+      }
+    };
+  }
+  function d3_geo_circleAngle(cr, point) {
+    var a = d3_geo_cartesian(point);
+    a[0] -= cr;
+    d3_geo_cartesianNormalize(a);
+    var angle = d3_acos(-a[1]);
+    return ((-a[2] < 0 ? -angle : angle) + 2 * Math.PI - ε) % (2 * Math.PI);
+  }
+  d3.geo.distance = function(a, b) {
+    var Δλ = (b[0] - a[0]) * d3_radians, φ0 = a[1] * d3_radians, φ1 = b[1] * d3_radians, sinΔλ = Math.sin(Δλ), cosΔλ = Math.cos(Δλ), sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), sinφ1 = Math.sin(φ1), cosφ1 = Math.cos(φ1), t;
+    return Math.atan2(Math.sqrt((t = cosφ1 * sinΔλ) * t + (t = cosφ0 * sinφ1 - sinφ0 * cosφ1 * cosΔλ) * t), sinφ0 * sinφ1 + cosφ0 * cosφ1 * cosΔλ);
+  };
+  d3.geo.graticule = function() {
+    var x1, x0, X1, X0, y1, y0, Y1, Y0, dx = 10, dy = dx, DX = 90, DY = 360, x, y, X, Y, precision = 2.5;
+    function graticule() {
+      return {
+        type: "MultiLineString",
+        coordinates: lines()
+      };
+    }
+    function lines() {
+      return d3.range(Math.ceil(X0 / DX) * DX, X1, DX).map(X).concat(d3.range(Math.ceil(Y0 / DY) * DY, Y1, DY).map(Y)).concat(d3.range(Math.ceil(x0 / dx) * dx, x1, dx).filter(function(x) {
+        return abs(x % DX) > ε;
+      }).map(x)).concat(d3.range(Math.ceil(y0 / dy) * dy, y1, dy).filter(function(y) {
+        return abs(y % DY) > ε;
+      }).map(y));
+    }
+    graticule.lines = function() {
+      return lines().map(function(coordinates) {
+        return {
+          type: "LineString",
+          coordinates: coordinates
+        };
+      });
+    };
+    graticule.outline = function() {
+      return {
+        type: "Polygon",
+        coordinates: [ X(X0).concat(Y(Y1).slice(1), X(X1).reverse().slice(1), Y(Y0).reverse().slice(1)) ]
+      };
+    };
+    graticule.extent = function(_) {
+      if (!arguments.length) return graticule.minorExtent();
+      return graticule.majorExtent(_).minorExtent(_);
+    };
+    graticule.majorExtent = function(_) {
+      if (!arguments.length) return [ [ X0, Y0 ], [ X1, Y1 ] ];
+      X0 = +_[0][0], X1 = +_[1][0];
+      Y0 = +_[0][1], Y1 = +_[1][1];
+      if (X0 > X1) _ = X0, X0 = X1, X1 = _;
+      if (Y0 > Y1) _ = Y0, Y0 = Y1, Y1 = _;
+      return graticule.precision(precision);
+    };
+    graticule.minorExtent = function(_) {
+      if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ];
+      x0 = +_[0][0], x1 = +_[1][0];
+      y0 = +_[0][1], y1 = +_[1][1];
+      if (x0 > x1) _ = x0, x0 = x1, x1 = _;
+      if (y0 > y1) _ = y0, y0 = y1, y1 = _;
+      return graticule.precision(precision);
+    };
+    graticule.step = function(_) {
+      if (!arguments.length) return graticule.minorStep();
+      return graticule.majorStep(_).minorStep(_);
+    };
+    graticule.majorStep = function(_) {
+      if (!arguments.length) return [ DX, DY ];
+      DX = +_[0], DY = +_[1];
+      return graticule;
+    };
+    graticule.minorStep = function(_) {
+      if (!arguments.length) return [ dx, dy ];
+      dx = +_[0], dy = +_[1];
+      return graticule;
+    };
+    graticule.precision = function(_) {
+      if (!arguments.length) return precision;
+      precision = +_;
+      x = d3_geo_graticuleX(y0, y1, 90);
+      y = d3_geo_graticuleY(x0, x1, precision);
+      X = d3_geo_graticuleX(Y0, Y1, 90);
+      Y = d3_geo_graticuleY(X0, X1, precision);
+      return graticule;
+    };
+    return graticule.majorExtent([ [ -180, -90 + ε ], [ 180, 90 - ε ] ]).minorExtent([ [ -180, -80 - ε ], [ 180, 80 + ε ] ]);
+  };
+  function d3_geo_graticuleX(y0, y1, dy) {
+    var y = d3.range(y0, y1 - ε, dy).concat(y1);
+    return function(x) {
+      return y.map(function(y) {
+        return [ x, y ];
+      });
+    };
+  }
+  function d3_geo_graticuleY(x0, x1, dx) {
+    var x = d3.range(x0, x1 - ε, dx).concat(x1);
+    return function(y) {
+      return x.map(function(x) {
+        return [ x, y ];
+      });
+    };
+  }
+  function d3_source(d) {
+    return d.source;
+  }
+  function d3_target(d) {
+    return d.target;
+  }
+  d3.geo.greatArc = function() {
+    var source = d3_source, source_, target = d3_target, target_;
+    function greatArc() {
+      return {
+        type: "LineString",
+        coordinates: [ source_ || source.apply(this, arguments), target_ || target.apply(this, arguments) ]
+      };
+    }
+    greatArc.distance = function() {
+      return d3.geo.distance(source_ || source.apply(this, arguments), target_ || target.apply(this, arguments));
+    };
+    greatArc.source = function(_) {
+      if (!arguments.length) return source;
+      source = _, source_ = typeof _ === "function" ? null : _;
+      return greatArc;
+    };
+    greatArc.target = function(_) {
+      if (!arguments.length) return target;
+      target = _, target_ = typeof _ === "function" ? null : _;
+      return greatArc;
+    };
+    greatArc.precision = function() {
+      return arguments.length ? greatArc : 0;
+    };
+    return greatArc;
+  };
+  d3.geo.interpolate = function(source, target) {
+    return d3_geo_interpolate(source[0] * d3_radians, source[1] * d3_radians, target[0] * d3_radians, target[1] * d3_radians);
+  };
+  function d3_geo_interpolate(x0, y0, x1, y1) {
+    var cy0 = Math.cos(y0), sy0 = Math.sin(y0), cy1 = Math.cos(y1), sy1 = Math.sin(y1), kx0 = cy0 * Math.cos(x0), ky0 = cy0 * Math.sin(x0), kx1 = cy1 * Math.cos(x1), ky1 = cy1 * Math.sin(x1), d = 2 * Math.asin(Math.sqrt(d3_haversin(y1 - y0) + cy0 * cy1 * d3_haversin(x1 - x0))), k = 1 / Math.sin(d);
+    var interpolate = d ? function(t) {
+      var B = Math.sin(t *= d) * k, A = Math.sin(d - t) * k, x = A * kx0 + B * kx1, y = A * ky0 + B * ky1, z = A * sy0 + B * sy1;
+      return [ Math.atan2(y, x) * d3_degrees, Math.atan2(z, Math.sqrt(x * x + y * y)) * d3_degrees ];
+    } : function() {
+      return [ x0 * d3_degrees, y0 * d3_degrees ];
+    };
+    interpolate.distance = d;
+    return interpolate;
+  }
+  d3.geo.length = function(object) {
+    d3_geo_lengthSum = 0;
+    d3.geo.stream(object, d3_geo_length);
+    return d3_geo_lengthSum;
+  };
+  var d3_geo_lengthSum;
+  var d3_geo_length = {
+    sphere: d3_noop,
+    point: d3_noop,
+    lineStart: d3_geo_lengthLineStart,
+    lineEnd: d3_noop,
+    polygonStart: d3_noop,
+    polygonEnd: d3_noop
+  };
+  function d3_geo_lengthLineStart() {
+    var λ0, sinφ0, cosφ0;
+    d3_geo_length.point = function(λ, φ) {
+      λ0 = λ * d3_radians, sinφ0 = Math.sin(φ *= d3_radians), cosφ0 = Math.cos(φ);
+      d3_geo_length.point = nextPoint;
+    };
+    d3_geo_length.lineEnd = function() {
+      d3_geo_length.point = d3_geo_length.lineEnd = d3_noop;
+    };
+    function nextPoint(λ, φ) {
+      var sinφ = Math.sin(φ *= d3_radians), cosφ = Math.cos(φ), t = abs((λ *= d3_radians) - λ0), cosΔλ = Math.cos(t);
+      d3_geo_lengthSum += Math.atan2(Math.sqrt((t = cosφ * Math.sin(t)) * t + (t = cosφ0 * sinφ - sinφ0 * cosφ * cosΔλ) * t), sinφ0 * sinφ + cosφ0 * cosφ * cosΔλ);
+      λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ;
+    }
+  }
+  function d3_geo_azimuthal(scale, angle) {
+    function azimuthal(λ, φ) {
+      var cosλ = Math.cos(λ), cosφ = Math.cos(φ), k = scale(cosλ * cosφ);
+      return [ k * cosφ * Math.sin(λ), k * Math.sin(φ) ];
+    }
+    azimuthal.invert = function(x, y) {
+      var ρ = Math.sqrt(x * x + y * y), c = angle(ρ), sinc = Math.sin(c), cosc = Math.cos(c);
+      return [ Math.atan2(x * sinc, ρ * cosc), Math.asin(ρ && y * sinc / ρ) ];
+    };
+    return azimuthal;
+  }
+  var d3_geo_azimuthalEqualArea = d3_geo_azimuthal(function(cosλcosφ) {
+    return Math.sqrt(2 / (1 + cosλcosφ));
+  }, function(ρ) {
+    return 2 * Math.asin(ρ / 2);
+  });
+  (d3.geo.azimuthalEqualArea = function() {
+    return d3_geo_projection(d3_geo_azimuthalEqualArea);
+  }).raw = d3_geo_azimuthalEqualArea;
+  var d3_geo_azimuthalEquidistant = d3_geo_azimuthal(function(cosλcosφ) {
+    var c = Math.acos(cosλcosφ);
+    return c && c / Math.sin(c);
+  }, d3_identity);
+  (d3.geo.azimuthalEquidistant = function() {
+    return d3_geo_projection(d3_geo_azimuthalEquidistant);
+  }).raw = d3_geo_azimuthalEquidistant;
+  function d3_geo_conicConformal(φ0, φ1) {
+    var cosφ0 = Math.cos(φ0), t = function(φ) {
+      return Math.tan(π / 4 + φ / 2);
+    }, n = φ0 === φ1 ? Math.sin(φ0) : Math.log(cosφ0 / Math.cos(φ1)) / Math.log(t(φ1) / t(φ0)), F = cosφ0 * Math.pow(t(φ0), n) / n;
+    if (!n) return d3_geo_mercator;
+    function forward(λ, φ) {
+      if (F > 0) {
+        if (φ < -halfπ + ε) φ = -halfπ + ε;
+      } else {
+        if (φ > halfπ - ε) φ = halfπ - ε;
+      }
+      var ρ = F / Math.pow(t(φ), n);
+      return [ ρ * Math.sin(n * λ), F - ρ * Math.cos(n * λ) ];
+    }
+    forward.invert = function(x, y) {
+      var ρ0_y = F - y, ρ = d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y);
+      return [ Math.atan2(x, ρ0_y) / n, 2 * Math.atan(Math.pow(F / ρ, 1 / n)) - halfπ ];
+    };
+    return forward;
+  }
+  (d3.geo.conicConformal = function() {
+    return d3_geo_conic(d3_geo_conicConformal);
+  }).raw = d3_geo_conicConformal;
+  function d3_geo_conicEquidistant(φ0, φ1) {
+    var cosφ0 = Math.cos(φ0), n = φ0 === φ1 ? Math.sin(φ0) : (cosφ0 - Math.cos(φ1)) / (φ1 - φ0), G = cosφ0 / n + φ0;
+    if (abs(n) < ε) return d3_geo_equirectangular;
+    function forward(λ, φ) {
+      var ρ = G - φ;
+      return [ ρ * Math.sin(n * λ), G - ρ * Math.cos(n * λ) ];
+    }
+    forward.invert = function(x, y) {
+      var ρ0_y = G - y;
+      return [ Math.atan2(x, ρ0_y) / n, G - d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y) ];
+    };
+    return forward;
+  }
+  (d3.geo.conicEquidistant = function() {
+    return d3_geo_conic(d3_geo_conicEquidistant);
+  }).raw = d3_geo_conicEquidistant;
+  var d3_geo_gnomonic = d3_geo_azimuthal(function(cosλcosφ) {
+    return 1 / cosλcosφ;
+  }, Math.atan);
+  (d3.geo.gnomonic = function() {
+    return d3_geo_projection(d3_geo_gnomonic);
+  }).raw = d3_geo_gnomonic;
+  function d3_geo_mercator(λ, φ) {
+    return [ λ, Math.log(Math.tan(π / 4 + φ / 2)) ];
+  }
+  d3_geo_mercator.invert = function(x, y) {
+    return [ x, 2 * Math.atan(Math.exp(y)) - halfπ ];
+  };
+  function d3_geo_mercatorProjection(project) {
+    var m = d3_geo_projection(project), scale = m.scale, translate = m.translate, clipExtent = m.clipExtent, clipAuto;
+    m.scale = function() {
+      var v = scale.apply(m, arguments);
+      return v === m ? clipAuto ? m.clipExtent(null) : m : v;
+    };
+    m.translate = function() {
+      var v = translate.apply(m, arguments);
+      return v === m ? clipAuto ? m.clipExtent(null) : m : v;
+    };
+    m.clipExtent = function(_) {
+      var v = clipExtent.apply(m, arguments);
+      if (v === m) {
+        if (clipAuto = _ == null) {
+          var k = π * scale(), t = translate();
+          clipExtent([ [ t[0] - k, t[1] - k ], [ t[0] + k, t[1] + k ] ]);
+        }
+      } else if (clipAuto) {
+        v = null;
+      }
+      return v;
+    };
+    return m.clipExtent(null);
+  }
+  (d3.geo.mercator = function() {
+    return d3_geo_mercatorProjection(d3_geo_mercator);
+  }).raw = d3_geo_mercator;
+  var d3_geo_orthographic = d3_geo_azimuthal(function() {
+    return 1;
+  }, Math.asin);
+  (d3.geo.orthographic = function() {
+    return d3_geo_projection(d3_geo_orthographic);
+  }).raw = d3_geo_orthographic;
+  var d3_geo_stereographic = d3_geo_azimuthal(function(cosλcosφ) {
+    return 1 / (1 + cosλcosφ);
+  }, function(ρ) {
+    return 2 * Math.atan(ρ);
+  });
+  (d3.geo.stereographic = function() {
+    return d3_geo_projection(d3_geo_stereographic);
+  }).raw = d3_geo_stereographic;
+  function d3_geo_transverseMercator(λ, φ) {
+    return [ Math.log(Math.tan(π / 4 + φ / 2)), -λ ];
+  }
+  d3_geo_transverseMercator.invert = function(x, y) {
+    return [ -y, 2 * Math.atan(Math.exp(x)) - halfπ ];
+  };
+  (d3.geo.transverseMercator = function() {
+    var projection = d3_geo_mercatorProjection(d3_geo_transverseMercator), center = projection.center, rotate = projection.rotate;
+    projection.center = function(_) {
+      return _ ? center([ -_[1], _[0] ]) : (_ = center(), [ _[1], -_[0] ]);
+    };
+    projection.rotate = function(_) {
+      return _ ? rotate([ _[0], _[1], _.length > 2 ? _[2] + 90 : 90 ]) : (_ = rotate(), 
+      [ _[0], _[1], _[2] - 90 ]);
+    };
+    return rotate([ 0, 0, 90 ]);
+  }).raw = d3_geo_transverseMercator;
+  d3.geom = {};
+  function d3_geom_pointX(d) {
+    return d[0];
+  }
+  function d3_geom_pointY(d) {
+    return d[1];
+  }
+  d3.geom.hull = function(vertices) {
+    var x = d3_geom_pointX, y = d3_geom_pointY;
+    if (arguments.length) return hull(vertices);
+    function hull(data) {
+      if (data.length < 3) return [];
+      var fx = d3_functor(x), fy = d3_functor(y), i, n = data.length, points = [], flippedPoints = [];
+      for (i = 0; i < n; i++) {
+        points.push([ +fx.call(this, data[i], i), +fy.call(this, data[i], i), i ]);
+      }
+      points.sort(d3_geom_hullOrder);
+      for (i = 0; i < n; i++) flippedPoints.push([ points[i][0], -points[i][1] ]);
+      var upper = d3_geom_hullUpper(points), lower = d3_geom_hullUpper(flippedPoints);
+      var skipLeft = lower[0] === upper[0], skipRight = lower[lower.length - 1] === upper[upper.length - 1], polygon = [];
+      for (i = upper.length - 1; i >= 0; --i) polygon.push(data[points[upper[i]][2]]);
+      for (i = +skipLeft; i < lower.length - skipRight; ++i) polygon.push(data[points[lower[i]][2]]);
+      return polygon;
+    }
+    hull.x = function(_) {
+      return arguments.length ? (x = _, hull) : x;
+    };
+    hull.y = function(_) {
+      return arguments.length ? (y = _, hull) : y;
+    };
+    return hull;
+  };
+  function d3_geom_hullUpper(points) {
+    var n = points.length, hull = [ 0, 1 ], hs = 2;
+    for (var i = 2; i < n; i++) {
+      while (hs > 1 && d3_cross2d(points[hull[hs - 2]], points[hull[hs - 1]], points[i]) <= 0) --hs;
+      hull[hs++] = i;
+    }
+    return hull.slice(0, hs);
+  }
+  function d3_geom_hullOrder(a, b) {
+    return a[0] - b[0] || a[1] - b[1];
+  }
+  d3.geom.polygon = function(coordinates) {
+    d3_subclass(coordinates, d3_geom_polygonPrototype);
+    return coordinates;
+  };
+  var d3_geom_polygonPrototype = d3.geom.polygon.prototype = [];
+  d3_geom_polygonPrototype.area = function() {
+    var i = -1, n = this.length, a, b = this[n - 1], area = 0;
+    while (++i < n) {
+      a = b;
+      b = this[i];
+      area += a[1] * b[0] - a[0] * b[1];
+    }
+    return area * .5;
+  };
+  d3_geom_polygonPrototype.centroid = function(k) {
+    var i = -1, n = this.length, x = 0, y = 0, a, b = this[n - 1], c;
+    if (!arguments.length) k = -1 / (6 * this.area());
+    while (++i < n) {
+      a = b;
+      b = this[i];
+      c = a[0] * b[1] - b[0] * a[1];
+      x += (a[0] + b[0]) * c;
+      y += (a[1] + b[1]) * c;
+    }
+    return [ x * k, y * k ];
+  };
+  d3_geom_polygonPrototype.clip = function(subject) {
+    var input, closed = d3_geom_polygonClosed(subject), i = -1, n = this.length - d3_geom_polygonClosed(this), j, m, a = this[n - 1], b, c, d;
+    while (++i < n) {
+      input = subject.slice();
+      subject.length = 0;
+      b = this[i];
+      c = input[(m = input.length - closed) - 1];
+      j = -1;
+      while (++j < m) {
+        d = input[j];
+        if (d3_geom_polygonInside(d, a, b)) {
+          if (!d3_geom_polygonInside(c, a, b)) {
+            subject.push(d3_geom_polygonIntersect(c, d, a, b));
+          }
+          subject.push(d);
+        } else if (d3_geom_polygonInside(c, a, b)) {
+          subject.push(d3_geom_polygonIntersect(c, d, a, b));
+        }
+        c = d;
+      }
+      if (closed) subject.push(subject[0]);
+      a = b;
+    }
+    return subject;
+  };
+  function d3_geom_polygonInside(p, a, b) {
+    return (b[0] - a[0]) * (p[1] - a[1]) < (b[1] - a[1]) * (p[0] - a[0]);
+  }
+  function d3_geom_polygonIntersect(c, d, a, b) {
+    var x1 = c[0], x3 = a[0], x21 = d[0] - x1, x43 = b[0] - x3, y1 = c[1], y3 = a[1], y21 = d[1] - y1, y43 = b[1] - y3, ua = (x43 * (y1 - y3) - y43 * (x1 - x3)) / (y43 * x21 - x43 * y21);
+    return [ x1 + ua * x21, y1 + ua * y21 ];
+  }
+  function d3_geom_polygonClosed(coordinates) {
+    var a = coordinates[0], b = coordinates[coordinates.length - 1];
+    return !(a[0] - b[0] || a[1] - b[1]);
+  }
+  var d3_geom_voronoiEdges, d3_geom_voronoiCells, d3_geom_voronoiBeaches, d3_geom_voronoiBeachPool = [], d3_geom_voronoiFirstCircle, d3_geom_voronoiCircles, d3_geom_voronoiCirclePool = [];
+  function d3_geom_voronoiBeach() {
+    d3_geom_voronoiRedBlackNode(this);
+    this.edge = this.site = this.circle = null;
+  }
+  function d3_geom_voronoiCreateBeach(site) {
+    var beach = d3_geom_voronoiBeachPool.pop() || new d3_geom_voronoiBeach();
+    beach.site = site;
+    return beach;
+  }
+  function d3_geom_voronoiDetachBeach(beach) {
+    d3_geom_voronoiDetachCircle(beach);
+    d3_geom_voronoiBeaches.remove(beach);
+    d3_geom_voronoiBeachPool.push(beach);
+    d3_geom_voronoiRedBlackNode(beach);
+  }
+  function d3_geom_voronoiRemoveBeach(beach) {
+    var circle = beach.circle, x = circle.x, y = circle.cy, vertex = {
+      x: x,
+      y: y
+    }, previous = beach.P, next = beach.N, disappearing = [ beach ];
+    d3_geom_voronoiDetachBeach(beach);
+    var lArc = previous;
+    while (lArc.circle && abs(x - lArc.circle.x) < ε && abs(y - lArc.circle.cy) < ε) {
+      previous = lArc.P;
+      disappearing.unshift(lArc);
+      d3_geom_voronoiDetachBeach(lArc);
+      lArc = previous;
+    }
+    disappearing.unshift(lArc);
+    d3_geom_voronoiDetachCircle(lArc);
+    var rArc = next;
+    while (rArc.circle && abs(x - rArc.circle.x) < ε && abs(y - rArc.circle.cy) < ε) {
+      next = rArc.N;
+      disappearing.push(rArc);
+      d3_geom_voronoiDetachBeach(rArc);
+      rArc = next;
+    }
+    disappearing.push(rArc);
+    d3_geom_voronoiDetachCircle(rArc);
+    var nArcs = disappearing.length, iArc;
+    for (iArc = 1; iArc < nArcs; ++iArc) {
+      rArc = disappearing[iArc];
+      lArc = disappearing[iArc - 1];
+      d3_geom_voronoiSetEdgeEnd(rArc.edge, lArc.site, rArc.site, vertex);
+    }
+    lArc = disappearing[0];
+    rArc = disappearing[nArcs - 1];
+    rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, rArc.site, null, vertex);
+    d3_geom_voronoiAttachCircle(lArc);
+    d3_geom_voronoiAttachCircle(rArc);
+  }
+  function d3_geom_voronoiAddBeach(site) {
+    var x = site.x, directrix = site.y, lArc, rArc, dxl, dxr, node = d3_geom_voronoiBeaches._;
+    while (node) {
+      dxl = d3_geom_voronoiLeftBreakPoint(node, directrix) - x;
+      if (dxl > ε) node = node.L; else {
+        dxr = x - d3_geom_voronoiRightBreakPoint(node, directrix);
+        if (dxr > ε) {
+          if (!node.R) {
+            lArc = node;
+            break;
+          }
+          node = node.R;
+        } else {
+          if (dxl > -ε) {
+            lArc = node.P;
+            rArc = node;
+          } else if (dxr > -ε) {
+            lArc = node;
+            rArc = node.N;
+          } else {
+            lArc = rArc = node;
+          }
+          break;
+        }
+      }
+    }
+    var newArc = d3_geom_voronoiCreateBeach(site);
+    d3_geom_voronoiBeaches.insert(lArc, newArc);
+    if (!lArc && !rArc) return;
+    if (lArc === rArc) {
+      d3_geom_voronoiDetachCircle(lArc);
+      rArc = d3_geom_voronoiCreateBeach(lArc.site);
+      d3_geom_voronoiBeaches.insert(newArc, rArc);
+      newArc.edge = rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site);
+      d3_geom_voronoiAttachCircle(lArc);
+      d3_geom_voronoiAttachCircle(rArc);
+      return;
+    }
+    if (!rArc) {
+      newArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site);
+      return;
+    }
+    d3_geom_voronoiDetachCircle(lArc);
+    d3_geom_voronoiDetachCircle(rArc);
+    var lSite = lArc.site, ax = lSite.x, ay = lSite.y, bx = site.x - ax, by = site.y - ay, rSite = rArc.site, cx = rSite.x - ax, cy = rSite.y - ay, d = 2 * (bx * cy - by * cx), hb = bx * bx + by * by, hc = cx * cx + cy * cy, vertex = {
+      x: (cy * hb - by * hc) / d + ax,
+      y: (bx * hc - cx * hb) / d + ay
+    };
+    d3_geom_voronoiSetEdgeEnd(rArc.edge, lSite, rSite, vertex);
+    newArc.edge = d3_geom_voronoiCreateEdge(lSite, site, null, vertex);
+    rArc.edge = d3_geom_voronoiCreateEdge(site, rSite, null, vertex);
+    d3_geom_voronoiAttachCircle(lArc);
+    d3_geom_voronoiAttachCircle(rArc);
+  }
+  function d3_geom_voronoiLeftBreakPoint(arc, directrix) {
+    var site = arc.site, rfocx = site.x, rfocy = site.y, pby2 = rfocy - directrix;
+    if (!pby2) return rfocx;
+    var lArc = arc.P;
+    if (!lArc) return -Infinity;
+    site = lArc.site;
+    var lfocx = site.x, lfocy = site.y, plby2 = lfocy - directrix;
+    if (!plby2) return lfocx;
+    var hl = lfocx - rfocx, aby2 = 1 / pby2 - 1 / plby2, b = hl / plby2;
+    if (aby2) return (-b + Math.sqrt(b * b - 2 * aby2 * (hl * hl / (-2 * plby2) - lfocy + plby2 / 2 + rfocy - pby2 / 2))) / aby2 + rfocx;
+    return (rfocx + lfocx) / 2;
+  }
+  function d3_geom_voronoiRightBreakPoint(arc, directrix) {
+    var rArc = arc.N;
+    if (rArc) return d3_geom_voronoiLeftBreakPoint(rArc, directrix);
+    var site = arc.site;
+    return site.y === directrix ? site.x : Infinity;
+  }
+  function d3_geom_voronoiCell(site) {
+    this.site = site;
+    this.edges = [];
+  }
+  d3_geom_voronoiCell.prototype.prepare = function() {
+    var halfEdges = this.edges, iHalfEdge = halfEdges.length, edge;
+    while (iHalfEdge--) {
+      edge = halfEdges[iHalfEdge].edge;
+      if (!edge.b || !edge.a) halfEdges.splice(iHalfEdge, 1);
+    }
+    halfEdges.sort(d3_geom_voronoiHalfEdgeOrder);
+    return halfEdges.length;
+  };
+  function d3_geom_voronoiCloseCells(extent) {
+    var x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], x2, y2, x3, y3, cells = d3_geom_voronoiCells, iCell = cells.length, cell, iHalfEdge, halfEdges, nHalfEdges, start, end;
+    while (iCell--) {
+      cell = cells[iCell];
+      if (!cell || !cell.prepare()) continue;
+      halfEdges = cell.edges;
+      nHalfEdges = halfEdges.length;
+      iHalfEdge = 0;
+      while (iHalfEdge < nHalfEdges) {
+        end = halfEdges[iHalfEdge].end(), x3 = end.x, y3 = end.y;
+        start = halfEdges[++iHalfEdge % nHalfEdges].start(), x2 = start.x, y2 = start.y;
+        if (abs(x3 - x2) > ε || abs(y3 - y2) > ε) {
+          halfEdges.splice(iHalfEdge, 0, new d3_geom_voronoiHalfEdge(d3_geom_voronoiCreateBorderEdge(cell.site, end, abs(x3 - x0) < ε && y1 - y3 > ε ? {
+            x: x0,
+            y: abs(x2 - x0) < ε ? y2 : y1
+          } : abs(y3 - y1) < ε && x1 - x3 > ε ? {
+            x: abs(y2 - y1) < ε ? x2 : x1,
+            y: y1
+          } : abs(x3 - x1) < ε && y3 - y0 > ε ? {
+            x: x1,
+            y: abs(x2 - x1) < ε ? y2 : y0
+          } : abs(y3 - y0) < ε && x3 - x0 > ε ? {
+            x: abs(y2 - y0) < ε ? x2 : x0,
+            y: y0
+          } : null), cell.site, null));
+          ++nHalfEdges;
+        }
+      }
+    }
+  }
+  function d3_geom_voronoiHalfEdgeOrder(a, b) {
+    return b.angle - a.angle;
+  }
+  function d3_geom_voronoiCircle() {
+    d3_geom_voronoiRedBlackNode(this);
+    this.x = this.y = this.arc = this.site = this.cy = null;
+  }
+  function d3_geom_voronoiAttachCircle(arc) {
+    var lArc = arc.P, rArc = arc.N;
+    if (!lArc || !rArc) return;
+    var lSite = lArc.site, cSite = arc.site, rSite = rArc.site;
+    if (lSite === rSite) return;
+    var bx = cSite.x, by = cSite.y, ax = lSite.x - bx, ay = lSite.y - by, cx = rSite.x - bx, cy = rSite.y - by;
+    var d = 2 * (ax * cy - ay * cx);
+    if (d >= -ε2) return;
+    var ha = ax * ax + ay * ay, hc = cx * cx + cy * cy, x = (cy * ha - ay * hc) / d, y = (ax * hc - cx * ha) / d, cy = y + by;
+    var circle = d3_geom_voronoiCirclePool.pop() || new d3_geom_voronoiCircle();
+    circle.arc = arc;
+    circle.site = cSite;
+    circle.x = x + bx;
+    circle.y = cy + Math.sqrt(x * x + y * y);
+    circle.cy = cy;
+    arc.circle = circle;
+    var before = null, node = d3_geom_voronoiCircles._;
+    while (node) {
+      if (circle.y < node.y || circle.y === node.y && circle.x <= node.x) {
+        if (node.L) node = node.L; else {
+          before = node.P;
+          break;
+        }
+      } else {
+        if (node.R) node = node.R; else {
+          before = node;
+          break;
+        }
+      }
+    }
+    d3_geom_voronoiCircles.insert(before, circle);
+    if (!before) d3_geom_voronoiFirstCircle = circle;
+  }
+  function d3_geom_voronoiDetachCircle(arc) {
+    var circle = arc.circle;
+    if (circle) {
+      if (!circle.P) d3_geom_voronoiFirstCircle = circle.N;
+      d3_geom_voronoiCircles.remove(circle);
+      d3_geom_voronoiCirclePool.push(circle);
+      d3_geom_voronoiRedBlackNode(circle);
+      arc.circle = null;
+    }
+  }
+  function d3_geom_voronoiClipEdges(extent) {
+    var edges = d3_geom_voronoiEdges, clip = d3_geom_clipLine(extent[0][0], extent[0][1], extent[1][0], extent[1][1]), i = edges.length, e;
+    while (i--) {
+      e = edges[i];
+      if (!d3_geom_voronoiConnectEdge(e, extent) || !clip(e) || abs(e.a.x - e.b.x) < ε && abs(e.a.y - e.b.y) < ε) {
+        e.a = e.b = null;
+        edges.splice(i, 1);
+      }
+    }
+  }
+  function d3_geom_voronoiConnectEdge(edge, extent) {
+    var vb = edge.b;
+    if (vb) return true;
+    var va = edge.a, x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], lSite = edge.l, rSite = edge.r, lx = lSite.x, ly = lSite.y, rx = rSite.x, ry = rSite.y, fx = (lx + rx) / 2, fy = (ly + ry) / 2, fm, fb;
+    if (ry === ly) {
+      if (fx < x0 || fx >= x1) return;
+      if (lx > rx) {
+        if (!va) va = {
+          x: fx,
+          y: y0
+        }; else if (va.y >= y1) return;
+        vb = {
+          x: fx,
+          y: y1
+        };
+      } else {
+        if (!va) va = {
+          x: fx,
+          y: y1
+        }; else if (va.y < y0) return;
+        vb = {
+          x: fx,
+          y: y0
+        };
+      }
+    } else {
+      fm = (lx - rx) / (ry - ly);
+      fb = fy - fm * fx;
+      if (fm < -1 || fm > 1) {
+        if (lx > rx) {
+          if (!va) va = {
+            x: (y0 - fb) / fm,
+            y: y0
+          }; else if (va.y >= y1) return;
+          vb = {
+            x: (y1 - fb) / fm,
+            y: y1
+          };
+        } else {
+          if (!va) va = {
+            x: (y1 - fb) / fm,
+            y: y1
+          }; else if (va.y < y0) return;
+          vb = {
+            x: (y0 - fb) / fm,
+            y: y0
+          };
+        }
+      } else {
+        if (ly < ry) {
+          if (!va) va = {
+            x: x0,
+            y: fm * x0 + fb
+          }; else if (va.x >= x1) return;
+          vb = {
+            x: x1,
+            y: fm * x1 + fb
+          };
+        } else {
+          if (!va) va = {
+            x: x1,
+            y: fm * x1 + fb
+          }; else if (va.x < x0) return;
+          vb = {
+            x: x0,
+            y: fm * x0 + fb
+          };
+        }
+      }
+    }
+    edge.a = va;
+    edge.b = vb;
+    return true;
+  }
+  function d3_geom_voronoiEdge(lSite, rSite) {
+    this.l = lSite;
+    this.r = rSite;
+    this.a = this.b = null;
+  }
+  function d3_geom_voronoiCreateEdge(lSite, rSite, va, vb) {
+    var edge = new d3_geom_voronoiEdge(lSite, rSite);
+    d3_geom_voronoiEdges.push(edge);
+    if (va) d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, va);
+    if (vb) d3_geom_voronoiSetEdgeEnd(edge, rSite, lSite, vb);
+    d3_geom_voronoiCells[lSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, lSite, rSite));
+    d3_geom_voronoiCells[rSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, rSite, lSite));
+    return edge;
+  }
+  function d3_geom_voronoiCreateBorderEdge(lSite, va, vb) {
+    var edge = new d3_geom_voronoiEdge(lSite, null);
+    edge.a = va;
+    edge.b = vb;
+    d3_geom_voronoiEdges.push(edge);
+    return edge;
+  }
+  function d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, vertex) {
+    if (!edge.a && !edge.b) {
+      edge.a = vertex;
+      edge.l = lSite;
+      edge.r = rSite;
+    } else if (edge.l === rSite) {
+      edge.b = vertex;
+    } else {
+      edge.a = vertex;
+    }
+  }
+  function d3_geom_voronoiHalfEdge(edge, lSite, rSite) {
+    var va = edge.a, vb = edge.b;
+    this.edge = edge;
+    this.site = lSite;
+    this.angle = rSite ? Math.atan2(rSite.y - lSite.y, rSite.x - lSite.x) : edge.l === lSite ? Math.atan2(vb.x - va.x, va.y - vb.y) : Math.atan2(va.x - vb.x, vb.y - va.y);
+  }
+  d3_geom_voronoiHalfEdge.prototype = {
+    start: function() {
+      return this.edge.l === this.site ? this.edge.a : this.edge.b;
+    },
+    end: function() {
+      return this.edge.l === this.site ? this.edge.b : this.edge.a;
+    }
+  };
+  function d3_geom_voronoiRedBlackTree() {
+    this._ = null;
+  }
+  function d3_geom_voronoiRedBlackNode(node) {
+    node.U = node.C = node.L = node.R = node.P = node.N = null;
+  }
+  d3_geom_voronoiRedBlackTree.prototype = {
+    insert: function(after, node) {
+      var parent, grandpa, uncle;
+      if (after) {
+        node.P = after;
+        node.N = after.N;
+        if (after.N) after.N.P = node;
+        after.N = node;
+        if (after.R) {
+          after = after.R;
+          while (after.L) after = after.L;
+          after.L = node;
+        } else {
+          after.R = node;
+        }
+        parent = after;
+      } else if (this._) {
+        after = d3_geom_voronoiRedBlackFirst(this._);
+        node.P = null;
+        node.N = after;
+        after.P = after.L = node;
+        parent = after;
+      } else {
+        node.P = node.N = null;
+        this._ = node;
+        parent = null;
+      }
+      node.L = node.R = null;
+      node.U = parent;
+      node.C = true;
+      after = node;
+      while (parent && parent.C) {
+        grandpa = parent.U;
+        if (parent === grandpa.L) {
+          uncle = grandpa.R;
+          if (uncle && uncle.C) {
+            parent.C = uncle.C = false;
+            grandpa.C = true;
+            after = grandpa;
+          } else {
+            if (after === parent.R) {
+              d3_geom_voronoiRedBlackRotateLeft(this, parent);
+              after = parent;
+              parent = after.U;
+            }
+            parent.C = false;
+            grandpa.C = true;
+            d3_geom_voronoiRedBlackRotateRight(this, grandpa);
+          }
+        } else {
+          uncle = grandpa.L;
+          if (uncle && uncle.C) {
+            parent.C = uncle.C = false;
+            grandpa.C = true;
+            after = grandpa;
+          } else {
+            if (after === parent.L) {
+              d3_geom_voronoiRedBlackRotateRight(this, parent);
+              after = parent;
+              parent = after.U;
+            }
+            parent.C = false;
+            grandpa.C = true;
+            d3_geom_voronoiRedBlackRotateLeft(this, grandpa);
+          }
+        }
+        parent = after.U;
+      }
+      this._.C = false;
+    },
+    remove: function(node) {
+      if (node.N) node.N.P = node.P;
+      if (node.P) node.P.N = node.N;
+      node.N = node.P = null;
+      var parent = node.U, sibling, left = node.L, right = node.R, next, red;
+      if (!left) next = right; else if (!right) next = left; else next = d3_geom_voronoiRedBlackFirst(right);
+      if (parent) {
+        if (parent.L === node) parent.L = next; else parent.R = next;
+      } else {
+        this._ = next;
+      }
+      if (left && right) {
+        red = next.C;
+        next.C = node.C;
+        next.L = left;
+        left.U = next;
+        if (next !== right) {
+          parent = next.U;
+          next.U = node.U;
+          node = next.R;
+          parent.L = node;
+          next.R = right;
+          right.U = next;
+        } else {
+          next.U = parent;
+          parent = next;
+          node = next.R;
+        }
+      } else {
+        red = node.C;
+        node = next;
+      }
+      if (node) node.U = parent;
+      if (red) return;
+      if (node && node.C) {
+        node.C = false;
+        return;
+      }
+      do {
+        if (node === this._) break;
+        if (node === parent.L) {
+          sibling = parent.R;
+          if (sibling.C) {
+            sibling.C = false;
+            parent.C = true;
+            d3_geom_voronoiRedBlackRotateLeft(this, parent);
+            sibling = parent.R;
+          }
+          if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) {
+            if (!sibling.R || !sibling.R.C) {
+              sibling.L.C = false;
+              sibling.C = true;
+              d3_geom_voronoiRedBlackRotateRight(this, sibling);
+              sibling = parent.R;
+            }
+            sibling.C = parent.C;
+            parent.C = sibling.R.C = false;
+            d3_geom_voronoiRedBlackRotateLeft(this, parent);
+            node = this._;
+            break;
+          }
+        } else {
+          sibling = parent.L;
+          if (sibling.C) {
+            sibling.C = false;
+            parent.C = true;
+            d3_geom_voronoiRedBlackRotateRight(this, parent);
+            sibling = parent.L;
+          }
+          if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) {
+            if (!sibling.L || !sibling.L.C) {
+              sibling.R.C = false;
+              sibling.C = true;
+              d3_geom_voronoiRedBlackRotateLeft(this, sibling);
+              sibling = parent.L;
+            }
+            sibling.C = parent.C;
+            parent.C = sibling.L.C = false;
+            d3_geom_voronoiRedBlackRotateRight(this, parent);
+            node = this._;
+            break;
+          }
+        }
+        sibling.C = true;
+        node = parent;
+        parent = parent.U;
+      } while (!node.C);
+      if (node) node.C = false;
+    }
+  };
+  function d3_geom_voronoiRedBlackRotateLeft(tree, node) {
+    var p = node, q = node.R, parent = p.U;
+    if (parent) {
+      if (parent.L === p) parent.L = q; else parent.R = q;
+    } else {
+      tree._ = q;
+    }
+    q.U = parent;
+    p.U = q;
+    p.R = q.L;
+    if (p.R) p.R.U = p;
+    q.L = p;
+  }
+  function d3_geom_voronoiRedBlackRotateRight(tree, node) {
+    var p = node, q = node.L, parent = p.U;
+    if (parent) {
+      if (parent.L === p) parent.L = q; else parent.R = q;
+    } else {
+      tree._ = q;
+    }
+    q.U = parent;
+    p.U = q;
+    p.L = q.R;
+    if (p.L) p.L.U = p;
+    q.R = p;
+  }
+  function d3_geom_voronoiRedBlackFirst(node) {
+    while (node.L) node = node.L;
+    return node;
+  }
+  function d3_geom_voronoi(sites, bbox) {
+    var site = sites.sort(d3_geom_voronoiVertexOrder).pop(), x0, y0, circle;
+    d3_geom_voronoiEdges = [];
+    d3_geom_voronoiCells = new Array(sites.length);
+    d3_geom_voronoiBeaches = new d3_geom_voronoiRedBlackTree();
+    d3_geom_voronoiCircles = new d3_geom_voronoiRedBlackTree();
+    while (true) {
+      circle = d3_geom_voronoiFirstCircle;
+      if (site && (!circle || site.y < circle.y || site.y === circle.y && site.x < circle.x)) {
+        if (site.x !== x0 || site.y !== y0) {
+          d3_geom_voronoiCells[site.i] = new d3_geom_voronoiCell(site);
+          d3_geom_voronoiAddBeach(site);
+          x0 = site.x, y0 = site.y;
+        }
+        site = sites.pop();
+      } else if (circle) {
+        d3_geom_voronoiRemoveBeach(circle.arc);
+      } else {
+        break;
+      }
+    }
+    if (bbox) d3_geom_voronoiClipEdges(bbox), d3_geom_voronoiCloseCells(bbox);
+    var diagram = {
+      cells: d3_geom_voronoiCells,
+      edges: d3_geom_voronoiEdges
+    };
+    d3_geom_voronoiBeaches = d3_geom_voronoiCircles = d3_geom_voronoiEdges = d3_geom_voronoiCells = null;
+    return diagram;
+  }
+  function d3_geom_voronoiVertexOrder(a, b) {
+    return b.y - a.y || b.x - a.x;
+  }
+  d3.geom.voronoi = function(points) {
+    var x = d3_geom_pointX, y = d3_geom_pointY, fx = x, fy = y, clipExtent = d3_geom_voronoiClipExtent;
+    if (points) return voronoi(points);
+    function voronoi(data) {
+      var polygons = new Array(data.length), x0 = clipExtent[0][0], y0 = clipExtent[0][1], x1 = clipExtent[1][0], y1 = clipExtent[1][1];
+      d3_geom_voronoi(sites(data), clipExtent).cells.forEach(function(cell, i) {
+        var edges = cell.edges, site = cell.site, polygon = polygons[i] = edges.length ? edges.map(function(e) {
+          var s = e.start();
+          return [ s.x, s.y ];
+        }) : site.x >= x0 && site.x <= x1 && site.y >= y0 && site.y <= y1 ? [ [ x0, y1 ], [ x1, y1 ], [ x1, y0 ], [ x0, y0 ] ] : [];
+        polygon.point = data[i];
+      });
+      return polygons;
+    }
+    function sites(data) {
+      return data.map(function(d, i) {
+        return {
+          x: Math.round(fx(d, i) / ε) * ε,
+          y: Math.round(fy(d, i) / ε) * ε,
+          i: i
+        };
+      });
+    }
+    voronoi.links = function(data) {
+      return d3_geom_voronoi(sites(data)).edges.filter(function(edge) {
+        return edge.l && edge.r;
+      }).map(function(edge) {
+        return {
+          source: data[edge.l.i],
+          target: data[edge.r.i]
+        };
+      });
+    };
+    voronoi.triangles = function(data) {
+      var triangles = [];
+      d3_geom_voronoi(sites(data)).cells.forEach(function(cell, i) {
+        var site = cell.site, edges = cell.edges.sort(d3_geom_voronoiHalfEdgeOrder), j = -1, m = edges.length, e0, s0, e1 = edges[m - 1].edge, s1 = e1.l === site ? e1.r : e1.l;
+        while (++j < m) {
+          e0 = e1;
+          s0 = s1;
+          e1 = edges[j].edge;
+          s1 = e1.l === site ? e1.r : e1.l;
+          if (i < s0.i && i < s1.i && d3_geom_voronoiTriangleArea(site, s0, s1) < 0) {
+            triangles.push([ data[i], data[s0.i], data[s1.i] ]);
+          }
+        }
+      });
+      return triangles;
+    };
+    voronoi.x = function(_) {
+      return arguments.length ? (fx = d3_functor(x = _), voronoi) : x;
+    };
+    voronoi.y = function(_) {
+      return arguments.length ? (fy = d3_functor(y = _), voronoi) : y;
+    };
+    voronoi.clipExtent = function(_) {
+      if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent;
+      clipExtent = _ == null ? d3_geom_voronoiClipExtent : _;
+      return voronoi;
+    };
+    voronoi.size = function(_) {
+      if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent && clipExtent[1];
+      return voronoi.clipExtent(_ && [ [ 0, 0 ], _ ]);
+    };
+    return voronoi;
+  };
+  var d3_geom_voronoiClipExtent = [ [ -1e6, -1e6 ], [ 1e6, 1e6 ] ];
+  function d3_geom_voronoiTriangleArea(a, b, c) {
+    return (a.x - c.x) * (b.y - a.y) - (a.x - b.x) * (c.y - a.y);
+  }
+  d3.geom.delaunay = function(vertices) {
+    return d3.geom.voronoi().triangles(vertices);
+  };
+  d3.geom.quadtree = function(points, x1, y1, x2, y2) {
+    var x = d3_geom_pointX, y = d3_geom_pointY, compat;
+    if (compat = arguments.length) {
+      x = d3_geom_quadtreeCompatX;
+      y = d3_geom_quadtreeCompatY;
+      if (compat === 3) {
+        y2 = y1;
+        x2 = x1;
+        y1 = x1 = 0;
+      }
+      return quadtree(points);
+    }
+    function quadtree(data) {
+      var d, fx = d3_functor(x), fy = d3_functor(y), xs, ys, i, n, x1_, y1_, x2_, y2_;
+      if (x1 != null) {
+        x1_ = x1, y1_ = y1, x2_ = x2, y2_ = y2;
+      } else {
+        x2_ = y2_ = -(x1_ = y1_ = Infinity);
+        xs = [], ys = [];
+        n = data.length;
+        if (compat) for (i = 0; i < n; ++i) {
+          d = data[i];
+          if (d.x < x1_) x1_ = d.x;
+          if (d.y < y1_) y1_ = d.y;
+          if (d.x > x2_) x2_ = d.x;
+          if (d.y > y2_) y2_ = d.y;
+          xs.push(d.x);
+          ys.push(d.y);
+        } else for (i = 0; i < n; ++i) {
+          var x_ = +fx(d = data[i], i), y_ = +fy(d, i);
+          if (x_ < x1_) x1_ = x_;
+          if (y_ < y1_) y1_ = y_;
+          if (x_ > x2_) x2_ = x_;
+          if (y_ > y2_) y2_ = y_;
+          xs.push(x_);
+          ys.push(y_);
+        }
+      }
+      var dx = x2_ - x1_, dy = y2_ - y1_;
+      if (dx > dy) y2_ = y1_ + dx; else x2_ = x1_ + dy;
+      function insert(n, d, x, y, x1, y1, x2, y2) {
+        if (isNaN(x) || isNaN(y)) return;
+        if (n.leaf) {
+          var nx = n.x, ny = n.y;
+          if (nx != null) {
+            if (abs(nx - x) + abs(ny - y) < .01) {
+              insertChild(n, d, x, y, x1, y1, x2, y2);
+            } else {
+              var nPoint = n.point;
+              n.x = n.y = n.point = null;
+              insertChild(n, nPoint, nx, ny, x1, y1, x2, y2);
+              insertChild(n, d, x, y, x1, y1, x2, y2);
+            }
+          } else {
+            n.x = x, n.y = y, n.point = d;
+          }
+        } else {
+          insertChild(n, d, x, y, x1, y1, x2, y2);
+        }
+      }
+      function insertChild(n, d, x, y, x1, y1, x2, y2) {
+        var xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym, i = below << 1 | right;
+        n.leaf = false;
+        n = n.nodes[i] || (n.nodes[i] = d3_geom_quadtreeNode());
+        if (right) x1 = xm; else x2 = xm;
+        if (below) y1 = ym; else y2 = ym;
+        insert(n, d, x, y, x1, y1, x2, y2);
+      }
+      var root = d3_geom_quadtreeNode();
+      root.add = function(d) {
+        insert(root, d, +fx(d, ++i), +fy(d, i), x1_, y1_, x2_, y2_);
+      };
+      root.visit = function(f) {
+        d3_geom_quadtreeVisit(f, root, x1_, y1_, x2_, y2_);
+      };
+      root.find = function(point) {
+        return d3_geom_quadtreeFind(root, point[0], point[1], x1_, y1_, x2_, y2_);
+      };
+      i = -1;
+      if (x1 == null) {
+        while (++i < n) {
+          insert(root, data[i], xs[i], ys[i], x1_, y1_, x2_, y2_);
+        }
+        --i;
+      } else data.forEach(root.add);
+      xs = ys = data = d = null;
+      return root;
+    }
+    quadtree.x = function(_) {
+      return arguments.length ? (x = _, quadtree) : x;
+    };
+    quadtree.y = function(_) {
+      return arguments.length ? (y = _, quadtree) : y;
+    };
+    quadtree.extent = function(_) {
+      if (!arguments.length) return x1 == null ? null : [ [ x1, y1 ], [ x2, y2 ] ];
+      if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = +_[0][0], y1 = +_[0][1], x2 = +_[1][0], 
+      y2 = +_[1][1];
+      return quadtree;
+    };
+    quadtree.size = function(_) {
+      if (!arguments.length) return x1 == null ? null : [ x2 - x1, y2 - y1 ];
+      if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = y1 = 0, x2 = +_[0], y2 = +_[1];
+      return quadtree;
+    };
+    return quadtree;
+  };
+  function d3_geom_quadtreeCompatX(d) {
+    return d.x;
+  }
+  function d3_geom_quadtreeCompatY(d) {
+    return d.y;
+  }
+  function d3_geom_quadtreeNode() {
+    return {
+      leaf: true,
+      nodes: [],
+      point: null,
+      x: null,
+      y: null
+    };
+  }
+  function d3_geom_quadtreeVisit(f, node, x1, y1, x2, y2) {
+    if (!f(node, x1, y1, x2, y2)) {
+      var sx = (x1 + x2) * .5, sy = (y1 + y2) * .5, children = node.nodes;
+      if (children[0]) d3_geom_quadtreeVisit(f, children[0], x1, y1, sx, sy);
+      if (children[1]) d3_geom_quadtreeVisit(f, children[1], sx, y1, x2, sy);
+      if (children[2]) d3_geom_quadtreeVisit(f, children[2], x1, sy, sx, y2);
+      if (children[3]) d3_geom_quadtreeVisit(f, children[3], sx, sy, x2, y2);
+    }
+  }
+  function d3_geom_quadtreeFind(root, x, y, x0, y0, x3, y3) {
+    var minDistance2 = Infinity, closestPoint;
+    (function find(node, x1, y1, x2, y2) {
+      if (x1 > x3 || y1 > y3 || x2 < x0 || y2 < y0) return;
+      if (point = node.point) {
+        var point, dx = x - node.x, dy = y - node.y, distance2 = dx * dx + dy * dy;
+        if (distance2 < minDistance2) {
+          var distance = Math.sqrt(minDistance2 = distance2);
+          x0 = x - distance, y0 = y - distance;
+          x3 = x + distance, y3 = y + distance;
+          closestPoint = point;
+        }
+      }
+      var children = node.nodes, xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym;
+      for (var i = below << 1 | right, j = i + 4; i < j; ++i) {
+        if (node = children[i & 3]) switch (i & 3) {
+         case 0:
+          find(node, x1, y1, xm, ym);
+          break;
+
+         case 1:
+          find(node, xm, y1, x2, ym);
+          break;
+
+         case 2:
+          find(node, x1, ym, xm, y2);
+          break;
+
+         case 3:
+          find(node, xm, ym, x2, y2);
+          break;
+        }
+      }
+    })(root, x0, y0, x3, y3);
+    return closestPoint;
+  }
+  d3.interpolateRgb = d3_interpolateRgb;
+  function d3_interpolateRgb(a, b) {
+    a = d3.rgb(a);
+    b = d3.rgb(b);
+    var ar = a.r, ag = a.g, ab = a.b, br = b.r - ar, bg = b.g - ag, bb = b.b - ab;
+    return function(t) {
+      return "#" + d3_rgb_hex(Math.round(ar + br * t)) + d3_rgb_hex(Math.round(ag + bg * t)) + d3_rgb_hex(Math.round(ab + bb * t));
+    };
+  }
+  d3.interpolateObject = d3_interpolateObject;
+  function d3_interpolateObject(a, b) {
+    var i = {}, c = {}, k;
+    for (k in a) {
+      if (k in b) {
+        i[k] = d3_interpolate(a[k], b[k]);
+      } else {
+        c[k] = a[k];
+      }
+    }
+    for (k in b) {
+      if (!(k in a)) {
+        c[k] = b[k];
+      }
+    }
+    return function(t) {
+      for (k in i) c[k] = i[k](t);
+      return c;
+    };
+  }
+  d3.interpolateNumber = d3_interpolateNumber;
+  function d3_interpolateNumber(a, b) {
+    a = +a, b = +b;
+    return function(t) {
+      return a * (1 - t) + b * t;
+    };
+  }
+  d3.interpolateString = d3_interpolateString;
+  function d3_interpolateString(a, b) {
+    var bi = d3_interpolate_numberA.lastIndex = d3_interpolate_numberB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = [];
+    a = a + "", b = b + "";
+    while ((am = d3_interpolate_numberA.exec(a)) && (bm = d3_interpolate_numberB.exec(b))) {
+      if ((bs = bm.index) > bi) {
+        bs = b.slice(bi, bs);
+        if (s[i]) s[i] += bs; else s[++i] = bs;
+      }
+      if ((am = am[0]) === (bm = bm[0])) {
+        if (s[i]) s[i] += bm; else s[++i] = bm;
+      } else {
+        s[++i] = null;
+        q.push({
+          i: i,
+          x: d3_interpolateNumber(am, bm)
+        });
+      }
+      bi = d3_interpolate_numberB.lastIndex;
+    }
+    if (bi < b.length) {
+      bs = b.slice(bi);
+      if (s[i]) s[i] += bs; else s[++i] = bs;
+    }
+    return s.length < 2 ? q[0] ? (b = q[0].x, function(t) {
+      return b(t) + "";
+    }) : function() {
+      return b;
+    } : (b = q.length, function(t) {
+      for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);
+      return s.join("");
+    });
+  }
+  var d3_interpolate_numberA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, d3_interpolate_numberB = new RegExp(d3_interpolate_numberA.source, "g");
+  d3.interpolate = d3_interpolate;
+  function d3_interpolate(a, b) {
+    var i = d3.interpolators.length, f;
+    while (--i >= 0 && !(f = d3.interpolators[i](a, b))) ;
+    return f;
+  }
+  d3.interpolators = [ function(a, b) {
+    var t = typeof b;
+    return (t === "string" ? d3_rgb_names.has(b.toLowerCase()) || /^(#|rgb\(|hsl\()/i.test(b) ? d3_interpolateRgb : d3_interpolateString : b instanceof d3_color ? d3_interpolateRgb : Array.isArray(b) ? d3_interpolateArray : t === "object" && isNaN(b) ? d3_interpolateObject : d3_interpolateNumber)(a, b);
+  } ];
+  d3.interpolateArray = d3_interpolateArray;
+  function d3_interpolateArray(a, b) {
+    var x = [], c = [], na = a.length, nb = b.length, n0 = Math.min(a.length, b.length), i;
+    for (i = 0; i < n0; ++i) x.push(d3_interpolate(a[i], b[i]));
+    for (;i < na; ++i) c[i] = a[i];
+    for (;i < nb; ++i) c[i] = b[i];
+    return function(t) {
+      for (i = 0; i < n0; ++i) c[i] = x[i](t);
+      return c;
+    };
+  }
+  var d3_ease_default = function() {
+    return d3_identity;
+  };
+  var d3_ease = d3.map({
+    linear: d3_ease_default,
+    poly: d3_ease_poly,
+    quad: function() {
+      return d3_ease_quad;
+    },
+    cubic: function() {
+      return d3_ease_cubic;
+    },
+    sin: function() {
+      return d3_ease_sin;
+    },
+    exp: function() {
+      return d3_ease_exp;
+    },
+    circle: function() {
+      return d3_ease_circle;
+    },
+    elastic: d3_ease_elastic,
+    back: d3_ease_back,
+    bounce: function() {
+      return d3_ease_bounce;
+    }
+  });
+  var d3_ease_mode = d3.map({
+    "in": d3_identity,
+    out: d3_ease_reverse,
+    "in-out": d3_ease_reflect,
+    "out-in": function(f) {
+      return d3_ease_reflect(d3_ease_reverse(f));
+    }
+  });
+  d3.ease = function(name) {
+    var i = name.indexOf("-"), t = i >= 0 ? name.slice(0, i) : name, m = i >= 0 ? name.slice(i + 1) : "in";
+    t = d3_ease.get(t) || d3_ease_default;
+    m = d3_ease_mode.get(m) || d3_identity;
+    return d3_ease_clamp(m(t.apply(null, d3_arraySlice.call(arguments, 1))));
+  };
+  function d3_ease_clamp(f) {
+    return function(t) {
+      return t <= 0 ? 0 : t >= 1 ? 1 : f(t);
+    };
+  }
+  function d3_ease_reverse(f) {
+    return function(t) {
+      return 1 - f(1 - t);
+    };
+  }
+  function d3_ease_reflect(f) {
+    return function(t) {
+      return .5 * (t < .5 ? f(2 * t) : 2 - f(2 - 2 * t));
+    };
+  }
+  function d3_ease_quad(t) {
+    return t * t;
+  }
+  function d3_ease_cubic(t) {
+    return t * t * t;
+  }
+  function d3_ease_cubicInOut(t) {
+    if (t <= 0) return 0;
+    if (t >= 1) return 1;
+    var t2 = t * t, t3 = t2 * t;
+    return 4 * (t < .5 ? t3 : 3 * (t - t2) + t3 - .75);
+  }
+  function d3_ease_poly(e) {
+    return function(t) {
+      return Math.pow(t, e);
+    };
+  }
+  function d3_ease_sin(t) {
+    return 1 - Math.cos(t * halfπ);
+  }
+  function d3_ease_exp(t) {
+    return Math.pow(2, 10 * (t - 1));
+  }
+  function d3_ease_circle(t) {
+    return 1 - Math.sqrt(1 - t * t);
+  }
+  function d3_ease_elastic(a, p) {
+    var s;
+    if (arguments.length < 2) p = .45;
+    if (arguments.length) s = p / τ * Math.asin(1 / a); else a = 1, s = p / 4;
+    return function(t) {
+      return 1 + a * Math.pow(2, -10 * t) * Math.sin((t - s) * τ / p);
+    };
+  }
+  function d3_ease_back(s) {
+    if (!s) s = 1.70158;
+    return function(t) {
+      return t * t * ((s + 1) * t - s);
+    };
+  }
+  function d3_ease_bounce(t) {
+    return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375;
+  }
+  d3.interpolateHcl = d3_interpolateHcl;
+  function d3_interpolateHcl(a, b) {
+    a = d3.hcl(a);
+    b = d3.hcl(b);
+    var ah = a.h, ac = a.c, al = a.l, bh = b.h - ah, bc = b.c - ac, bl = b.l - al;
+    if (isNaN(bc)) bc = 0, ac = isNaN(ac) ? b.c : ac;
+    if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360;
+    return function(t) {
+      return d3_hcl_lab(ah + bh * t, ac + bc * t, al + bl * t) + "";
+    };
+  }
+  d3.interpolateHsl = d3_interpolateHsl;
+  function d3_interpolateHsl(a, b) {
+    a = d3.hsl(a);
+    b = d3.hsl(b);
+    var ah = a.h, as = a.s, al = a.l, bh = b.h - ah, bs = b.s - as, bl = b.l - al;
+    if (isNaN(bs)) bs = 0, as = isNaN(as) ? b.s : as;
+    if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360;
+    return function(t) {
+      return d3_hsl_rgb(ah + bh * t, as + bs * t, al + bl * t) + "";
+    };
+  }
+  d3.interpolateLab = d3_interpolateLab;
+  function d3_interpolateLab(a, b) {
+    a = d3.lab(a);
+    b = d3.lab(b);
+    var al = a.l, aa = a.a, ab = a.b, bl = b.l - al, ba = b.a - aa, bb = b.b - ab;
+    return function(t) {
+      return d3_lab_rgb(al + bl * t, aa + ba * t, ab + bb * t) + "";
+    };
+  }
+  d3.interpolateRound = d3_interpolateRound;
+  function d3_interpolateRound(a, b) {
+    b -= a;
+    return function(t) {
+      return Math.round(a + b * t);
+    };
+  }
+  d3.transform = function(string) {
+    var g = d3_document.createElementNS(d3.ns.prefix.svg, "g");
+    return (d3.transform = function(string) {
+      if (string != null) {
+        g.setAttribute("transform", string);
+        var t = g.transform.baseVal.consolidate();
+      }
+      return new d3_transform(t ? t.matrix : d3_transformIdentity);
+    })(string);
+  };
+  function d3_transform(m) {
+    var r0 = [ m.a, m.b ], r1 = [ m.c, m.d ], kx = d3_transformNormalize(r0), kz = d3_transformDot(r0, r1), ky = d3_transformNormalize(d3_transformCombine(r1, r0, -kz)) || 0;
+    if (r0[0] * r1[1] < r1[0] * r0[1]) {
+      r0[0] *= -1;
+      r0[1] *= -1;
+      kx *= -1;
+      kz *= -1;
+    }
+    this.rotate = (kx ? Math.atan2(r0[1], r0[0]) : Math.atan2(-r1[0], r1[1])) * d3_degrees;
+    this.translate = [ m.e, m.f ];
+    this.scale = [ kx, ky ];
+    this.skew = ky ? Math.atan2(kz, ky) * d3_degrees : 0;
+  }
+  d3_transform.prototype.toString = function() {
+    return "translate(" + this.translate + ")rotate(" + this.rotate + ")skewX(" + this.skew + ")scale(" + this.scale + ")";
+  };
+  function d3_transformDot(a, b) {
+    return a[0] * b[0] + a[1] * b[1];
+  }
+  function d3_transformNormalize(a) {
+    var k = Math.sqrt(d3_transformDot(a, a));
+    if (k) {
+      a[0] /= k;
+      a[1] /= k;
+    }
+    return k;
+  }
+  function d3_transformCombine(a, b, k) {
+    a[0] += k * b[0];
+    a[1] += k * b[1];
+    return a;
+  }
+  var d3_transformIdentity = {
+    a: 1,
+    b: 0,
+    c: 0,
+    d: 1,
+    e: 0,
+    f: 0
+  };
+  d3.interpolateTransform = d3_interpolateTransform;
+  function d3_interpolateTransformPop(s) {
+    return s.length ? s.pop() + "," : "";
+  }
+  function d3_interpolateTranslate(ta, tb, s, q) {
+    if (ta[0] !== tb[0] || ta[1] !== tb[1]) {
+      var i = s.push("translate(", null, ",", null, ")");
+      q.push({
+        i: i - 4,
+        x: d3_interpolateNumber(ta[0], tb[0])
+      }, {
+        i: i - 2,
+        x: d3_interpolateNumber(ta[1], tb[1])
+      });
+    } else if (tb[0] || tb[1]) {
+      s.push("translate(" + tb + ")");
+    }
+  }
+  function d3_interpolateRotate(ra, rb, s, q) {
+    if (ra !== rb) {
+      if (ra - rb > 180) rb += 360; else if (rb - ra > 180) ra += 360;
+      q.push({
+        i: s.push(d3_interpolateTransformPop(s) + "rotate(", null, ")") - 2,
+        x: d3_interpolateNumber(ra, rb)
+      });
+    } else if (rb) {
+      s.push(d3_interpolateTransformPop(s) + "rotate(" + rb + ")");
+    }
+  }
+  function d3_interpolateSkew(wa, wb, s, q) {
+    if (wa !== wb) {
+      q.push({
+        i: s.push(d3_interpolateTransformPop(s) + "skewX(", null, ")") - 2,
+        x: d3_interpolateNumber(wa, wb)
+      });
+    } else if (wb) {
+      s.push(d3_interpolateTransformPop(s) + "skewX(" + wb + ")");
+    }
+  }
+  function d3_interpolateScale(ka, kb, s, q) {
+    if (ka[0] !== kb[0] || ka[1] !== kb[1]) {
+      var i = s.push(d3_interpolateTransformPop(s) + "scale(", null, ",", null, ")");
+      q.push({
+        i: i - 4,
+        x: d3_interpolateNumber(ka[0], kb[0])
+      }, {
+        i: i - 2,
+        x: d3_interpolateNumber(ka[1], kb[1])
+      });
+    } else if (kb[0] !== 1 || kb[1] !== 1) {
+      s.push(d3_interpolateTransformPop(s) + "scale(" + kb + ")");
+    }
+  }
+  function d3_interpolateTransform(a, b) {
+    var s = [], q = [];
+    a = d3.transform(a), b = d3.transform(b);
+    d3_interpolateTranslate(a.translate, b.translate, s, q);
+    d3_interpolateRotate(a.rotate, b.rotate, s, q);
+    d3_interpolateSkew(a.skew, b.skew, s, q);
+    d3_interpolateScale(a.scale, b.scale, s, q);
+    a = b = null;
+    return function(t) {
+      var i = -1, n = q.length, o;
+      while (++i < n) s[(o = q[i]).i] = o.x(t);
+      return s.join("");
+    };
+  }
+  function d3_uninterpolateNumber(a, b) {
+    b = (b -= a = +a) || 1 / b;
+    return function(x) {
+      return (x - a) / b;
+    };
+  }
+  function d3_uninterpolateClamp(a, b) {
+    b = (b -= a = +a) || 1 / b;
+    return function(x) {
+      return Math.max(0, Math.min(1, (x - a) / b));
+    };
+  }
+  d3.layout = {};
+  d3.layout.bundle = function() {
+    return function(links) {
+      var paths = [], i = -1, n = links.length;
+      while (++i < n) paths.push(d3_layout_bundlePath(links[i]));
+      return paths;
+    };
+  };
+  function d3_layout_bundlePath(link) {
+    var start = link.source, end = link.target, lca = d3_layout_bundleLeastCommonAncestor(start, end), points = [ start ];
+    while (start !== lca) {
+      start = start.parent;
+      points.push(start);
+    }
+    var k = points.length;
+    while (end !== lca) {
+      points.splice(k, 0, end);
+      end = end.parent;
+    }
+    return points;
+  }
+  function d3_layout_bundleAncestors(node) {
+    var ancestors = [], parent = node.parent;
+    while (parent != null) {
+      ancestors.push(node);
+      node = parent;
+      parent = parent.parent;
+    }
+    ancestors.push(node);
+    return ancestors;
+  }
+  function d3_layout_bundleLeastCommonAncestor(a, b) {
+    if (a === b) return a;
+    var aNodes = d3_layout_bundleAncestors(a), bNodes = d3_layout_bundleAncestors(b), aNode = aNodes.pop(), bNode = bNodes.pop(), sharedNode = null;
+    while (aNode === bNode) {
+      sharedNode = aNode;
+      aNode = aNodes.pop();
+      bNode = bNodes.pop();
+    }
+    return sharedNode;
+  }
+  d3.layout.chord = function() {
+    var chord = {}, chords, groups, matrix, n, padding = 0, sortGroups, sortSubgroups, sortChords;
+    function relayout() {
+      var subgroups = {}, groupSums = [], groupIndex = d3.range(n), subgroupIndex = [], k, x, x0, i, j;
+      chords = [];
+      groups = [];
+      k = 0, i = -1;
+      while (++i < n) {
+        x = 0, j = -1;
+        while (++j < n) {
+          x += matrix[i][j];
+        }
+        groupSums.push(x);
+        subgroupIndex.push(d3.range(n));
+        k += x;
+      }
+      if (sortGroups) {
+        groupIndex.sort(function(a, b) {
+          return sortGroups(groupSums[a], groupSums[b]);
+        });
+      }
+      if (sortSubgroups) {
+        subgroupIndex.forEach(function(d, i) {
+          d.sort(function(a, b) {
+            return sortSubgroups(matrix[i][a], matrix[i][b]);
+          });
+        });
+      }
+      k = (τ - padding * n) / k;
+      x = 0, i = -1;
+      while (++i < n) {
+        x0 = x, j = -1;
+        while (++j < n) {
+          var di = groupIndex[i], dj = subgroupIndex[di][j], v = matrix[di][dj], a0 = x, a1 = x += v * k;
+          subgroups[di + "-" + dj] = {
+            index: di,
+            subindex: dj,
+            startAngle: a0,
+            endAngle: a1,
+            value: v
+          };
+        }
+        groups[di] = {
+          index: di,
+          startAngle: x0,
+          endAngle: x,
+          value: groupSums[di]
+        };
+        x += padding;
+      }
+      i = -1;
+      while (++i < n) {
+        j = i - 1;
+        while (++j < n) {
+          var source = subgroups[i + "-" + j], target = subgroups[j + "-" + i];
+          if (source.value || target.value) {
+            chords.push(source.value < target.value ? {
+              source: target,
+              target: source
+            } : {
+              source: source,
+              target: target
+            });
+          }
+        }
+      }
+      if (sortChords) resort();
+    }
+    function resort() {
+      chords.sort(function(a, b) {
+        return sortChords((a.source.value + a.target.value) / 2, (b.source.value + b.target.value) / 2);
+      });
+    }
+    chord.matrix = function(x) {
+      if (!arguments.length) return matrix;
+      n = (matrix = x) && matrix.length;
+      chords = groups = null;
+      return chord;
+    };
+    chord.padding = function(x) {
+      if (!arguments.length) return padding;
+      padding = x;
+      chords = groups = null;
+      return chord;
+    };
+    chord.sortGroups = function(x) {
+      if (!arguments.length) return sortGroups;
+      sortGroups = x;
+      chords = groups = null;
+      return chord;
+    };
+    chord.sortSubgroups = function(x) {
+      if (!arguments.length) return sortSubgroups;
+      sortSubgroups = x;
+      chords = null;
+      return chord;
+    };
+    chord.sortChords = function(x) {
+      if (!arguments.length) return sortChords;
+      sortChords = x;
+      if (chords) resort();
+      return chord;
+    };
+    chord.chords = function() {
+      if (!chords) relayout();
+      return chords;
+    };
+    chord.groups = function() {
+      if (!groups) relayout();
+      return groups;
+    };
+    return chord;
+  };
+  d3.layout.force = function() {
+    var force = {}, event = d3.dispatch("start", "tick", "end"), timer, size = [ 1, 1 ], drag, alpha, friction = .9, linkDistance = d3_layout_forceLinkDistance, linkStrength = d3_layout_forceLinkStrength, charge = -30, chargeDistance2 = d3_layout_forceChargeDistance2, gravity = .1, theta2 = .64, nodes = [], links = [], distances, strengths, charges;
+    function repulse(node) {
+      return function(quad, x1, _, x2) {
+        if (quad.point !== node) {
+          var dx = quad.cx - node.x, dy = quad.cy - node.y, dw = x2 - x1, dn = dx * dx + dy * dy;
+          if (dw * dw / theta2 < dn) {
+            if (dn < chargeDistance2) {
+              var k = quad.charge / dn;
+              node.px -= dx * k;
+              node.py -= dy * k;
+            }
+            return true;
+          }
+          if (quad.point && dn && dn < chargeDistance2) {
+            var k = quad.pointCharge / dn;
+            node.px -= dx * k;
+            node.py -= dy * k;
+          }
+        }
+        return !quad.charge;
+      };
+    }
+    force.tick = function() {
+      if ((alpha *= .99) < .005) {
+        timer = null;
+        event.end({
+          type: "end",
+          alpha: alpha = 0
+        });
+        return true;
+      }
+      var n = nodes.length, m = links.length, q, i, o, s, t, l, k, x, y;
+      for (i = 0; i < m; ++i) {
+        o = links[i];
+        s = o.source;
+        t = o.target;
+        x = t.x - s.x;
+        y = t.y - s.y;
+        if (l = x * x + y * y) {
+          l = alpha * strengths[i] * ((l = Math.sqrt(l)) - distances[i]) / l;
+          x *= l;
+          y *= l;
+          t.x -= x * (k = s.weight + t.weight ? s.weight / (s.weight + t.weight) : .5);
+          t.y -= y * k;
+          s.x += x * (k = 1 - k);
+          s.y += y * k;
+        }
+      }
+      if (k = alpha * gravity) {
+        x = size[0] / 2;
+        y = size[1] / 2;
+        i = -1;
+        if (k) while (++i < n) {
+          o = nodes[i];
+          o.x += (x - o.x) * k;
+          o.y += (y - o.y) * k;
+        }
+      }
+      if (charge) {
+        d3_layout_forceAccumulate(q = d3.geom.quadtree(nodes), alpha, charges);
+        i = -1;
+        while (++i < n) {
+          if (!(o = nodes[i]).fixed) {
+            q.visit(repulse(o));
+          }
+        }
+      }
+      i = -1;
+      while (++i < n) {
+        o = nodes[i];
+        if (o.fixed) {
+          o.x = o.px;
+          o.y = o.py;
+        } else {
+          o.x -= (o.px - (o.px = o.x)) * friction;
+          o.y -= (o.py - (o.py = o.y)) * friction;
+        }
+      }
+      event.tick({
+        type: "tick",
+        alpha: alpha
+      });
+    };
+    force.nodes = function(x) {
+      if (!arguments.length) return nodes;
+      nodes = x;
+      return force;
+    };
+    force.links = function(x) {
+      if (!arguments.length) return links;
+      links = x;
+      return force;
+    };
+    force.size = function(x) {
+      if (!arguments.length) return size;
+      size = x;
+      return force;
+    };
+    force.linkDistance = function(x) {
+      if (!arguments.length) return linkDistance;
+      linkDistance = typeof x === "function" ? x : +x;
+      return force;
+    };
+    force.distance = force.linkDistance;
+    force.linkStrength = function(x) {
+      if (!arguments.length) return linkStrength;
+      linkStrength = typeof x === "function" ? x : +x;
+      return force;
+    };
+    force.friction = function(x) {
+      if (!arguments.length) return friction;
+      friction = +x;
+      return force;
+    };
+    force.charge = function(x) {
+      if (!arguments.length) return charge;
+      charge = typeof x === "function" ? x : +x;
+      return force;
+    };
+    force.chargeDistance = function(x) {
+      if (!arguments.length) return Math.sqrt(chargeDistance2);
+      chargeDistance2 = x * x;
+      return force;
+    };
+    force.gravity = function(x) {
+      if (!arguments.length) return gravity;
+      gravity = +x;
+      return force;
+    };
+    force.theta = function(x) {
+      if (!arguments.length) return Math.sqrt(theta2);
+      theta2 = x * x;
+      return force;
+    };
+    force.alpha = function(x) {
+      if (!arguments.length) return alpha;
+      x = +x;
+      if (alpha) {
+        if (x > 0) {
+          alpha = x;
+        } else {
+          timer.c = null, timer.t = NaN, timer = null;
+          event.end({
+            type: "end",
+            alpha: alpha = 0
+          });
+        }
+      } else if (x > 0) {
+        event.start({
+          type: "start",
+          alpha: alpha = x
+        });
+        timer = d3_timer(force.tick);
+      }
+      return force;
+    };
+    force.start = function() {
+      var i, n = nodes.length, m = links.length, w = size[0], h = size[1], neighbors, o;
+      for (i = 0; i < n; ++i) {
+        (o = nodes[i]).index = i;
+        o.weight = 0;
+      }
+      for (i = 0; i < m; ++i) {
+        o = links[i];
+        if (typeof o.source == "number") o.source = nodes[o.source];
+        if (typeof o.target == "number") o.target = nodes[o.target];
+        ++o.source.weight;
+        ++o.target.weight;
+      }
+      for (i = 0; i < n; ++i) {
+        o = nodes[i];
+        if (isNaN(o.x)) o.x = position("x", w);
+        if (isNaN(o.y)) o.y = position("y", h);
+        if (isNaN(o.px)) o.px = o.x;
+        if (isNaN(o.py)) o.py = o.y;
+      }
+      distances = [];
+      if (typeof linkDistance === "function") for (i = 0; i < m; ++i) distances[i] = +linkDistance.call(this, links[i], i); else for (i = 0; i < m; ++i) distances[i] = linkDistance;
+      strengths = [];
+      if (typeof linkStrength === "function") for (i = 0; i < m; ++i) strengths[i] = +linkStrength.call(this, links[i], i); else for (i = 0; i < m; ++i) strengths[i] = linkStrength;
+      charges = [];
+      if (typeof charge === "function") for (i = 0; i < n; ++i) charges[i] = +charge.call(this, nodes[i], i); else for (i = 0; i < n; ++i) charges[i] = charge;
+      function position(dimension, size) {
+        if (!neighbors) {
+          neighbors = new Array(n);
+          for (j = 0; j < n; ++j) {
+            neighbors[j] = [];
+          }
+          for (j = 0; j < m; ++j) {
+            var o = links[j];
+            neighbors[o.source.index].push(o.target);
+            neighbors[o.target.index].push(o.source);
+          }
+        }
+        var candidates = neighbors[i], j = -1, l = candidates.length, x;
+        while (++j < l) if (!isNaN(x = candidates[j][dimension])) return x;
+        return Math.random() * size;
+      }
+      return force.resume();
+    };
+    force.resume = function() {
+      return force.alpha(.1);
+    };
+    force.stop = function() {
+      return force.alpha(0);
+    };
+    force.drag = function() {
+      if (!drag) drag = d3.behavior.drag().origin(d3_identity).on("dragstart.force", d3_layout_forceDragstart).on("drag.force", dragmove).on("dragend.force", d3_layout_forceDragend);
+      if (!arguments.length) return drag;
+      this.on("mouseover.force", d3_layout_forceMouseover).on("mouseout.force", d3_layout_forceMouseout).call(drag);
+    };
+    function dragmove(d) {
+      d.px = d3.event.x, d.py = d3.event.y;
+      force.resume();
+    }
+    return d3.rebind(force, event, "on");
+  };
+  function d3_layout_forceDragstart(d) {
+    d.fixed |= 2;
+  }
+  function d3_layout_forceDragend(d) {
+    d.fixed &= ~6;
+  }
+  function d3_layout_forceMouseover(d) {
+    d.fixed |= 4;
+    d.px = d.x, d.py = d.y;
+  }
+  function d3_layout_forceMouseout(d) {
+    d.fixed &= ~4;
+  }
+  function d3_layout_forceAccumulate(quad, alpha, charges) {
+    var cx = 0, cy = 0;
+    quad.charge = 0;
+    if (!quad.leaf) {
+      var nodes = quad.nodes, n = nodes.length, i = -1, c;
+      while (++i < n) {
+        c = nodes[i];
+        if (c == null) continue;
+        d3_layout_forceAccumulate(c, alpha, charges);
+        quad.charge += c.charge;
+        cx += c.charge * c.cx;
+        cy += c.charge * c.cy;
+      }
+    }
+    if (quad.point) {
+      if (!quad.leaf) {
+        quad.point.x += Math.random() - .5;
+        quad.point.y += Math.random() - .5;
+      }
+      var k = alpha * charges[quad.point.index];
+      quad.charge += quad.pointCharge = k;
+      cx += k * quad.point.x;
+      cy += k * quad.point.y;
+    }
+    quad.cx = cx / quad.charge;
+    quad.cy = cy / quad.charge;
+  }
+  var d3_layout_forceLinkDistance = 20, d3_layout_forceLinkStrength = 1, d3_layout_forceChargeDistance2 = Infinity;
+  d3.layout.hierarchy = function() {
+    var sort = d3_layout_hierarchySort, children = d3_layout_hierarchyChildren, value = d3_layout_hierarchyValue;
+    function hierarchy(root) {
+      var stack = [ root ], nodes = [], node;
+      root.depth = 0;
+      while ((node = stack.pop()) != null) {
+        nodes.push(node);
+        if ((childs = children.call(hierarchy, node, node.depth)) && (n = childs.length)) {
+          var n, childs, child;
+          while (--n >= 0) {
+            stack.push(child = childs[n]);
+            child.parent = node;
+            child.depth = node.depth + 1;
+          }
+          if (value) node.value = 0;
+          node.children = childs;
+        } else {
+          if (value) node.value = +value.call(hierarchy, node, node.depth) || 0;
+          delete node.children;
+        }
+      }
+      d3_layout_hierarchyVisitAfter(root, function(node) {
+        var childs, parent;
+        if (sort && (childs = node.children)) childs.sort(sort);
+        if (value && (parent = node.parent)) parent.value += node.value;
+      });
+      return nodes;
+    }
+    hierarchy.sort = function(x) {
+      if (!arguments.length) return sort;
+      sort = x;
+      return hierarchy;
+    };
+    hierarchy.children = function(x) {
+      if (!arguments.length) return children;
+      children = x;
+      return hierarchy;
+    };
+    hierarchy.value = function(x) {
+      if (!arguments.length) return value;
+      value = x;
+      return hierarchy;
+    };
+    hierarchy.revalue = function(root) {
+      if (value) {
+        d3_layout_hierarchyVisitBefore(root, function(node) {
+          if (node.children) node.value = 0;
+        });
+        d3_layout_hierarchyVisitAfter(root, function(node) {
+          var parent;
+          if (!node.children) node.value = +value.call(hierarchy, node, node.depth) || 0;
+          if (parent = node.parent) parent.value += node.value;
+        });
+      }
+      return root;
+    };
+    return hierarchy;
+  };
+  function d3_layout_hierarchyRebind(object, hierarchy) {
+    d3.rebind(object, hierarchy, "sort", "children", "value");
+    object.nodes = object;
+    object.links = d3_layout_hierarchyLinks;
+    return object;
+  }
+  function d3_layout_hierarchyVisitBefore(node, callback) {
+    var nodes = [ node ];
+    while ((node = nodes.pop()) != null) {
+      callback(node);
+      if ((children = node.children) && (n = children.length)) {
+        var n, children;
+        while (--n >= 0) nodes.push(children[n]);
+      }
+    }
+  }
+  function d3_layout_hierarchyVisitAfter(node, callback) {
+    var nodes = [ node ], nodes2 = [];
+    while ((node = nodes.pop()) != null) {
+      nodes2.push(node);
+      if ((children = node.children) && (n = children.length)) {
+        var i = -1, n, children;
+        while (++i < n) nodes.push(children[i]);
+      }
+    }
+    while ((node = nodes2.pop()) != null) {
+      callback(node);
+    }
+  }
+  function d3_layout_hierarchyChildren(d) {
+    return d.children;
+  }
+  function d3_layout_hierarchyValue(d) {
+    return d.value;
+  }
+  function d3_layout_hierarchySort(a, b) {
+    return b.value - a.value;
+  }
+  function d3_layout_hierarchyLinks(nodes) {
+    return d3.merge(nodes.map(function(parent) {
+      return (parent.children || []).map(function(child) {
+        return {
+          source: parent,
+          target: child
+        };
+      });
+    }));
+  }
+  d3.layout.partition = function() {
+    var hierarchy = d3.layout.hierarchy(), size = [ 1, 1 ];
+    function position(node, x, dx, dy) {
+      var children = node.children;
+      node.x = x;
+      node.y = node.depth * dy;
+      node.dx = dx;
+      node.dy = dy;
+      if (children && (n = children.length)) {
+        var i = -1, n, c, d;
+        dx = node.value ? dx / node.value : 0;
+        while (++i < n) {
+          position(c = children[i], x, d = c.value * dx, dy);
+          x += d;
+        }
+      }
+    }
+    function depth(node) {
+      var children = node.children, d = 0;
+      if (children && (n = children.length)) {
+        var i = -1, n;
+        while (++i < n) d = Math.max(d, depth(children[i]));
+      }
+      return 1 + d;
+    }
+    function partition(d, i) {
+      var nodes = hierarchy.call(this, d, i);
+      position(nodes[0], 0, size[0], size[1] / depth(nodes[0]));
+      return nodes;
+    }
+    partition.size = function(x) {
+      if (!arguments.length) return size;
+      size = x;
+      return partition;
+    };
+    return d3_layout_hierarchyRebind(partition, hierarchy);
+  };
+  d3.layout.pie = function() {
+    var value = Number, sort = d3_layout_pieSortByValue, startAngle = 0, endAngle = τ, padAngle = 0;
+    function pie(data) {
+      var n = data.length, values = data.map(function(d, i) {
+        return +value.call(pie, d, i);
+      }), a = +(typeof startAngle === "function" ? startAngle.apply(this, arguments) : startAngle), da = (typeof endAngle === "function" ? endAngle.apply(this, arguments) : endAngle) - a, p = Math.min(Math.abs(da) / n, +(typeof padAngle === "function" ? padAngle.apply(this, arguments) : padAngle)), pa = p * (da < 0 ? -1 : 1), sum = d3.sum(values), k = sum ? (da - n * pa) / sum : 0, index = d3.range(n), arcs = [], v;
+      if (sort != null) index.sort(sort === d3_layout_pieSortByValue ? function(i, j) {
+        return values[j] - values[i];
+      } : function(i, j) {
+        return sort(data[i], data[j]);
+      });
+      index.forEach(function(i) {
+        arcs[i] = {
+          data: data[i],
+          value: v = values[i],
+          startAngle: a,
+          endAngle: a += v * k + pa,
+          padAngle: p
+        };
+      });
+      return arcs;
+    }
+    pie.value = function(_) {
+      if (!arguments.length) return value;
+      value = _;
+      return pie;
+    };
+    pie.sort = function(_) {
+      if (!arguments.length) return sort;
+      sort = _;
+      return pie;
+    };
+    pie.startAngle = function(_) {
+      if (!arguments.length) return startAngle;
+      startAngle = _;
+      return pie;
+    };
+    pie.endAngle = function(_) {
+      if (!arguments.length) return endAngle;
+      endAngle = _;
+      return pie;
+    };
+    pie.padAngle = function(_) {
+      if (!arguments.length) return padAngle;
+      padAngle = _;
+      return pie;
+    };
+    return pie;
+  };
+  var d3_layout_pieSortByValue = {};
+  d3.layout.stack = function() {
+    var values = d3_identity, order = d3_layout_stackOrderDefault, offset = d3_layout_stackOffsetZero, out = d3_layout_stackOut, x = d3_layout_stackX, y = d3_layout_stackY;
+    function stack(data, index) {
+      if (!(n = data.length)) return data;
+      var series = data.map(function(d, i) {
+        return values.call(stack, d, i);
+      });
+      var points = series.map(function(d) {
+        return d.map(function(v, i) {
+          return [ x.call(stack, v, i), y.call(stack, v, i) ];
+        });
+      });
+      var orders = order.call(stack, points, index);
+      series = d3.permute(series, orders);
+      points = d3.permute(points, orders);
+      var offsets = offset.call(stack, points, index);
+      var m = series[0].length, n, i, j, o;
+      for (j = 0; j < m; ++j) {
+        out.call(stack, series[0][j], o = offsets[j], points[0][j][1]);
+        for (i = 1; i < n; ++i) {
+          out.call(stack, series[i][j], o += points[i - 1][j][1], points[i][j][1]);
+        }
+      }
+      return data;
+    }
+    stack.values = function(x) {
+      if (!arguments.length) return values;
+      values = x;
+      return stack;
+    };
+    stack.order = function(x) {
+      if (!arguments.length) return order;
+      order = typeof x === "function" ? x : d3_layout_stackOrders.get(x) || d3_layout_stackOrderDefault;
+      return stack;
+    };
+    stack.offset = function(x) {
+      if (!arguments.length) return offset;
+      offset = typeof x === "function" ? x : d3_layout_stackOffsets.get(x) || d3_layout_stackOffsetZero;
+      return stack;
+    };
+    stack.x = function(z) {
+      if (!arguments.length) return x;
+      x = z;
+      return stack;
+    };
+    stack.y = function(z) {
+      if (!arguments.length) return y;
+      y = z;
+      return stack;
+    };
+    stack.out = function(z) {
+      if (!arguments.length) return out;
+      out = z;
+      return stack;
+    };
+    return stack;
+  };
+  function d3_layout_stackX(d) {
+    return d.x;
+  }
+  function d3_layout_stackY(d) {
+    return d.y;
+  }
+  function d3_layout_stackOut(d, y0, y) {
+    d.y0 = y0;
+    d.y = y;
+  }
+  var d3_layout_stackOrders = d3.map({
+    "inside-out": function(data) {
+      var n = data.length, i, j, max = data.map(d3_layout_stackMaxIndex), sums = data.map(d3_layout_stackReduceSum), index = d3.range(n).sort(function(a, b) {
+        return max[a] - max[b];
+      }), top = 0, bottom = 0, tops = [], bottoms = [];
+      for (i = 0; i < n; ++i) {
+        j = index[i];
+        if (top < bottom) {
+          top += sums[j];
+          tops.push(j);
+        } else {
+          bottom += sums[j];
+          bottoms.push(j);
+        }
+      }
+      return bottoms.reverse().concat(tops);
+    },
+    reverse: function(data) {
+      return d3.range(data.length).reverse();
+    },
+    "default": d3_layout_stackOrderDefault
+  });
+  var d3_layout_stackOffsets = d3.map({
+    silhouette: function(data) {
+      var n = data.length, m = data[0].length, sums = [], max = 0, i, j, o, y0 = [];
+      for (j = 0; j < m; ++j) {
+        for (i = 0, o = 0; i < n; i++) o += data[i][j][1];
+        if (o > max) max = o;
+        sums.push(o);
+      }
+      for (j = 0; j < m; ++j) {
+        y0[j] = (max - sums[j]) / 2;
+      }
+      return y0;
+    },
+    wiggle: function(data) {
+      var n = data.length, x = data[0], m = x.length, i, j, k, s1, s2, s3, dx, o, o0, y0 = [];
+      y0[0] = o = o0 = 0;
+      for (j = 1; j < m; ++j) {
+        for (i = 0, s1 = 0; i < n; ++i) s1 += data[i][j][1];
+        for (i = 0, s2 = 0, dx = x[j][0] - x[j - 1][0]; i < n; ++i) {
+          for (k = 0, s3 = (data[i][j][1] - data[i][j - 1][1]) / (2 * dx); k < i; ++k) {
+            s3 += (data[k][j][1] - data[k][j - 1][1]) / dx;
+          }
+          s2 += s3 * data[i][j][1];
+        }
+        y0[j] = o -= s1 ? s2 / s1 * dx : 0;
+        if (o < o0) o0 = o;
+      }
+      for (j = 0; j < m; ++j) y0[j] -= o0;
+      return y0;
+    },
+    expand: function(data) {
+      var n = data.length, m = data[0].length, k = 1 / n, i, j, o, y0 = [];
+      for (j = 0; j < m; ++j) {
+        for (i = 0, o = 0; i < n; i++) o += data[i][j][1];
+        if (o) for (i = 0; i < n; i++) data[i][j][1] /= o; else for (i = 0; i < n; i++) data[i][j][1] = k;
+      }
+      for (j = 0; j < m; ++j) y0[j] = 0;
+      return y0;
+    },
+    zero: d3_layout_stackOffsetZero
+  });
+  function d3_layout_stackOrderDefault(data) {
+    return d3.range(data.length);
+  }
+  function d3_layout_stackOffsetZero(data) {
+    var j = -1, m = data[0].length, y0 = [];
+    while (++j < m) y0[j] = 0;
+    return y0;
+  }
+  function d3_layout_stackMaxIndex(array) {
+    var i = 1, j = 0, v = array[0][1], k, n = array.length;
+    for (;i < n; ++i) {
+      if ((k = array[i][1]) > v) {
+        j = i;
+        v = k;
+      }
+    }
+    return j;
+  }
+  function d3_layout_stackReduceSum(d) {
+    return d.reduce(d3_layout_stackSum, 0);
+  }
+  function d3_layout_stackSum(p, d) {
+    return p + d[1];
+  }
+  d3.layout.histogram = function() {
+    var frequency = true, valuer = Number, ranger = d3_layout_histogramRange, binner = d3_layout_histogramBinSturges;
+    function histogram(data, i) {
+      var bins = [], values = data.map(valuer, this), range = ranger.call(this, values, i), thresholds = binner.call(this, range, values, i), bin, i = -1, n = values.length, m = thresholds.length - 1, k = frequency ? 1 : 1 / n, x;
+      while (++i < m) {
+        bin = bins[i] = [];
+        bin.dx = thresholds[i + 1] - (bin.x = thresholds[i]);
+        bin.y = 0;
+      }
+      if (m > 0) {
+        i = -1;
+        while (++i < n) {
+          x = values[i];
+          if (x >= range[0] && x <= range[1]) {
+            bin = bins[d3.bisect(thresholds, x, 1, m) - 1];
+            bin.y += k;
+            bin.push(data[i]);
+          }
+        }
+      }
+      return bins;
+    }
+    histogram.value = function(x) {
+      if (!arguments.length) return valuer;
+      valuer = x;
+      return histogram;
+    };
+    histogram.range = function(x) {
+      if (!arguments.length) return ranger;
+      ranger = d3_functor(x);
+      return histogram;
+    };
+    histogram.bins = function(x) {
+      if (!arguments.length) return binner;
+      binner = typeof x === "number" ? function(range) {
+        return d3_layout_histogramBinFixed(range, x);
+      } : d3_functor(x);
+      return histogram;
+    };
+    histogram.frequency = function(x) {
+      if (!arguments.length) return frequency;
+      frequency = !!x;
+      return histogram;
+    };
+    return histogram;
+  };
+  function d3_layout_histogramBinSturges(range, values) {
+    return d3_layout_histogramBinFixed(range, Math.ceil(Math.log(values.length) / Math.LN2 + 1));
+  }
+  function d3_layout_histogramBinFixed(range, n) {
+    var x = -1, b = +range[0], m = (range[1] - b) / n, f = [];
+    while (++x <= n) f[x] = m * x + b;
+    return f;
+  }
+  function d3_layout_histogramRange(values) {
+    return [ d3.min(values), d3.max(values) ];
+  }
+  d3.layout.pack = function() {
+    var hierarchy = d3.layout.hierarchy().sort(d3_layout_packSort), padding = 0, size = [ 1, 1 ], radius;
+    function pack(d, i) {
+      var nodes = hierarchy.call(this, d, i), root = nodes[0], w = size[0], h = size[1], r = radius == null ? Math.sqrt : typeof radius === "function" ? radius : function() {
+        return radius;
+      };
+      root.x = root.y = 0;
+      d3_layout_hierarchyVisitAfter(root, function(d) {
+        d.r = +r(d.value);
+      });
+      d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings);
+      if (padding) {
+        var dr = padding * (radius ? 1 : Math.max(2 * root.r / w, 2 * root.r / h)) / 2;
+        d3_layout_hierarchyVisitAfter(root, function(d) {
+          d.r += dr;
+        });
+        d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings);
+        d3_layout_hierarchyVisitAfter(root, function(d) {
+          d.r -= dr;
+        });
+      }
+      d3_layout_packTransform(root, w / 2, h / 2, radius ? 1 : 1 / Math.max(2 * root.r / w, 2 * root.r / h));
+      return nodes;
+    }
+    pack.size = function(_) {
+      if (!arguments.length) return size;
+      size = _;
+      return pack;
+    };
+    pack.radius = function(_) {
+      if (!arguments.length) return radius;
+      radius = _ == null || typeof _ === "function" ? _ : +_;
+      return pack;
+    };
+    pack.padding = function(_) {
+      if (!arguments.length) return padding;
+      padding = +_;
+      return pack;
+    };
+    return d3_layout_hierarchyRebind(pack, hierarchy);
+  };
+  function d3_layout_packSort(a, b) {
+    return a.value - b.value;
+  }
+  function d3_layout_packInsert(a, b) {
+    var c = a._pack_next;
+    a._pack_next = b;
+    b._pack_prev = a;
+    b._pack_next = c;
+    c._pack_prev = b;
+  }
+  function d3_layout_packSplice(a, b) {
+    a._pack_next = b;
+    b._pack_prev = a;
+  }
+  function d3_layout_packIntersects(a, b) {
+    var dx = b.x - a.x, dy = b.y - a.y, dr = a.r + b.r;
+    return .999 * dr * dr > dx * dx + dy * dy;
+  }
+  function d3_layout_packSiblings(node) {
+    if (!(nodes = node.children) || !(n = nodes.length)) return;
+    var nodes, xMin = Infinity, xMax = -Infinity, yMin = Infinity, yMax = -Infinity, a, b, c, i, j, k, n;
+    function bound(node) {
+      xMin = Math.min(node.x - node.r, xMin);
+      xMax = Math.max(node.x + node.r, xMax);
+      yMin = Math.min(node.y - node.r, yMin);
+      yMax = Math.max(node.y + node.r, yMax);
+    }
+    nodes.forEach(d3_layout_packLink);
+    a = nodes[0];
+    a.x = -a.r;
+    a.y = 0;
+    bound(a);
+    if (n > 1) {
+      b = nodes[1];
+      b.x = b.r;
+      b.y = 0;
+      bound(b);
+      if (n > 2) {
+        c = nodes[2];
+        d3_layout_packPlace(a, b, c);
+        bound(c);
+        d3_layout_packInsert(a, c);
+        a._pack_prev = c;
+        d3_layout_packInsert(c, b);
+        b = a._pack_next;
+        for (i = 3; i < n; i++) {
+          d3_layout_packPlace(a, b, c = nodes[i]);
+          var isect = 0, s1 = 1, s2 = 1;
+          for (j = b._pack_next; j !== b; j = j._pack_next, s1++) {
+            if (d3_layout_packIntersects(j, c)) {
+              isect = 1;
+              break;
+            }
+          }
+          if (isect == 1) {
+            for (k = a._pack_prev; k !== j._pack_prev; k = k._pack_prev, s2++) {
+              if (d3_layout_packIntersects(k, c)) {
+                break;
+              }
+            }
+          }
+          if (isect) {
+            if (s1 < s2 || s1 == s2 && b.r < a.r) d3_layout_packSplice(a, b = j); else d3_layout_packSplice(a = k, b);
+            i--;
+          } else {
+            d3_layout_packInsert(a, c);
+            b = c;
+            bound(c);
+          }
+        }
+      }
+    }
+    var cx = (xMin + xMax) / 2, cy = (yMin + yMax) / 2, cr = 0;
+    for (i = 0; i < n; i++) {
+      c = nodes[i];
+      c.x -= cx;
+      c.y -= cy;
+      cr = Math.max(cr, c.r + Math.sqrt(c.x * c.x + c.y * c.y));
+    }
+    node.r = cr;
+    nodes.forEach(d3_layout_packUnlink);
+  }
+  function d3_layout_packLink(node) {
+    node._pack_next = node._pack_prev = node;
+  }
+  function d3_layout_packUnlink(node) {
+    delete node._pack_next;
+    delete node._pack_prev;
+  }
+  function d3_layout_packTransform(node, x, y, k) {
+    var children = node.children;
+    node.x = x += k * node.x;
+    node.y = y += k * node.y;
+    node.r *= k;
+    if (children) {
+      var i = -1, n = children.length;
+      while (++i < n) d3_layout_packTransform(children[i], x, y, k);
+    }
+  }
+  function d3_layout_packPlace(a, b, c) {
+    var db = a.r + c.r, dx = b.x - a.x, dy = b.y - a.y;
+    if (db && (dx || dy)) {
+      var da = b.r + c.r, dc = dx * dx + dy * dy;
+      da *= da;
+      db *= db;
+      var x = .5 + (db - da) / (2 * dc), y = Math.sqrt(Math.max(0, 2 * da * (db + dc) - (db -= dc) * db - da * da)) / (2 * dc);
+      c.x = a.x + x * dx + y * dy;
+      c.y = a.y + x * dy - y * dx;
+    } else {
+      c.x = a.x + db;
+      c.y = a.y;
+    }
+  }
+  d3.layout.tree = function() {
+    var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = null;
+    function tree(d, i) {
+      var nodes = hierarchy.call(this, d, i), root0 = nodes[0], root1 = wrapTree(root0);
+      d3_layout_hierarchyVisitAfter(root1, firstWalk), root1.parent.m = -root1.z;
+      d3_layout_hierarchyVisitBefore(root1, secondWalk);
+      if (nodeSize) d3_layout_hierarchyVisitBefore(root0, sizeNode); else {
+        var left = root0, right = root0, bottom = root0;
+        d3_layout_hierarchyVisitBefore(root0, function(node) {
+          if (node.x < left.x) left = node;
+          if (node.x > right.x) right = node;
+          if (node.depth > bottom.depth) bottom = node;
+        });
+        var tx = separation(left, right) / 2 - left.x, kx = size[0] / (right.x + separation(right, left) / 2 + tx), ky = size[1] / (bottom.depth || 1);
+        d3_layout_hierarchyVisitBefore(root0, function(node) {
+          node.x = (node.x + tx) * kx;
+          node.y = node.depth * ky;
+        });
+      }
+      return nodes;
+    }
+    function wrapTree(root0) {
+      var root1 = {
+        A: null,
+        children: [ root0 ]
+      }, queue = [ root1 ], node1;
+      while ((node1 = queue.pop()) != null) {
+        for (var children = node1.children, child, i = 0, n = children.length; i < n; ++i) {
+          queue.push((children[i] = child = {
+            _: children[i],
+            parent: node1,
+            children: (child = children[i].children) && child.slice() || [],
+            A: null,
+            a: null,
+            z: 0,
+            m: 0,
+            c: 0,
+            s: 0,
+            t: null,
+            i: i
+          }).a = child);
+        }
+      }
+      return root1.children[0];
+    }
+    function firstWalk(v) {
+      var children = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null;
+      if (children.length) {
+        d3_layout_treeShift(v);
+        var midpoint = (children[0].z + children[children.length - 1].z) / 2;
+        if (w) {
+          v.z = w.z + separation(v._, w._);
+          v.m = v.z - midpoint;
+        } else {
+          v.z = midpoint;
+        }
+      } else if (w) {
+        v.z = w.z + separation(v._, w._);
+      }
+      v.parent.A = apportion(v, w, v.parent.A || siblings[0]);
+    }
+    function secondWalk(v) {
+      v._.x = v.z + v.parent.m;
+      v.m += v.parent.m;
+    }
+    function apportion(v, w, ancestor) {
+      if (w) {
+        var vip = v, vop = v, vim = w, vom = vip.parent.children[0], sip = vip.m, sop = vop.m, sim = vim.m, som = vom.m, shift;
+        while (vim = d3_layout_treeRight(vim), vip = d3_layout_treeLeft(vip), vim && vip) {
+          vom = d3_layout_treeLeft(vom);
+          vop = d3_layout_treeRight(vop);
+          vop.a = v;
+          shift = vim.z + sim - vip.z - sip + separation(vim._, vip._);
+          if (shift > 0) {
+            d3_layout_treeMove(d3_layout_treeAncestor(vim, v, ancestor), v, shift);
+            sip += shift;
+            sop += shift;
+          }
+          sim += vim.m;
+          sip += vip.m;
+          som += vom.m;
+          sop += vop.m;
+        }
+        if (vim && !d3_layout_treeRight(vop)) {
+          vop.t = vim;
+          vop.m += sim - sop;
+        }
+        if (vip && !d3_layout_treeLeft(vom)) {
+          vom.t = vip;
+          vom.m += sip - som;
+          ancestor = v;
+        }
+      }
+      return ancestor;
+    }
+    function sizeNode(node) {
+      node.x *= size[0];
+      node.y = node.depth * size[1];
+    }
+    tree.separation = function(x) {
+      if (!arguments.length) return separation;
+      separation = x;
+      return tree;
+    };
+    tree.size = function(x) {
+      if (!arguments.length) return nodeSize ? null : size;
+      nodeSize = (size = x) == null ? sizeNode : null;
+      return tree;
+    };
+    tree.nodeSize = function(x) {
+      if (!arguments.length) return nodeSize ? size : null;
+      nodeSize = (size = x) == null ? null : sizeNode;
+      return tree;
+    };
+    return d3_layout_hierarchyRebind(tree, hierarchy);
+  };
+  function d3_layout_treeSeparation(a, b) {
+    return a.parent == b.parent ? 1 : 2;
+  }
+  function d3_layout_treeLeft(v) {
+    var children = v.children;
+    return children.length ? children[0] : v.t;
+  }
+  function d3_layout_treeRight(v) {
+    var children = v.children, n;
+    return (n = children.length) ? children[n - 1] : v.t;
+  }
+  function d3_layout_treeMove(wm, wp, shift) {
+    var change = shift / (wp.i - wm.i);
+    wp.c -= change;
+    wp.s += shift;
+    wm.c += change;
+    wp.z += shift;
+    wp.m += shift;
+  }
+  function d3_layout_treeShift(v) {
+    var shift = 0, change = 0, children = v.children, i = children.length, w;
+    while (--i >= 0) {
+      w = children[i];
+      w.z += shift;
+      w.m += shift;
+      shift += w.s + (change += w.c);
+    }
+  }
+  function d3_layout_treeAncestor(vim, v, ancestor) {
+    return vim.a.parent === v.parent ? vim.a : ancestor;
+  }
+  d3.layout.cluster = function() {
+    var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = false;
+    function cluster(d, i) {
+      var nodes = hierarchy.call(this, d, i), root = nodes[0], previousNode, x = 0;
+      d3_layout_hierarchyVisitAfter(root, function(node) {
+        var children = node.children;
+        if (children && children.length) {
+          node.x = d3_layout_clusterX(children);
+          node.y = d3_layout_clusterY(children);
+        } else {
+          node.x = previousNode ? x += separation(node, previousNode) : 0;
+          node.y = 0;
+          previousNode = node;
+        }
+      });
+      var left = d3_layout_clusterLeft(root), right = d3_layout_clusterRight(root), x0 = left.x - separation(left, right) / 2, x1 = right.x + separation(right, left) / 2;
+      d3_layout_hierarchyVisitAfter(root, nodeSize ? function(node) {
+        node.x = (node.x - root.x) * size[0];
+        node.y = (root.y - node.y) * size[1];
+      } : function(node) {
+        node.x = (node.x - x0) / (x1 - x0) * size[0];
+        node.y = (1 - (root.y ? node.y / root.y : 1)) * size[1];
+      });
+      return nodes;
+    }
+    cluster.separation = function(x) {
+      if (!arguments.length) return separation;
+      separation = x;
+      return cluster;
+    };
+    cluster.size = function(x) {
+      if (!arguments.length) return nodeSize ? null : size;
+      nodeSize = (size = x) == null;
+      return cluster;
+    };
+    cluster.nodeSize = function(x) {
+      if (!arguments.length) return nodeSize ? size : null;
+      nodeSize = (size = x) != null;
+      return cluster;
+    };
+    return d3_layout_hierarchyRebind(cluster, hierarchy);
+  };
+  function d3_layout_clusterY(children) {
+    return 1 + d3.max(children, function(child) {
+      return child.y;
+    });
+  }
+  function d3_layout_clusterX(children) {
+    return children.reduce(function(x, child) {
+      return x + child.x;
+    }, 0) / children.length;
+  }
+  function d3_layout_clusterLeft(node) {
+    var children = node.children;
+    return children && children.length ? d3_layout_clusterLeft(children[0]) : node;
+  }
+  function d3_layout_clusterRight(node) {
+    var children = node.children, n;
+    return children && (n = children.length) ? d3_layout_clusterRight(children[n - 1]) : node;
+  }
+  d3.layout.treemap = function() {
+    var hierarchy = d3.layout.hierarchy(), round = Math.round, size = [ 1, 1 ], padding = null, pad = d3_layout_treemapPadNull, sticky = false, stickies, mode = "squarify", ratio = .5 * (1 + Math.sqrt(5));
+    function scale(children, k) {
+      var i = -1, n = children.length, child, area;
+      while (++i < n) {
+        area = (child = children[i]).value * (k < 0 ? 0 : k);
+        child.area = isNaN(area) || area <= 0 ? 0 : area;
+      }
+    }
+    function squarify(node) {
+      var children = node.children;
+      if (children && children.length) {
+        var rect = pad(node), row = [], remaining = children.slice(), child, best = Infinity, score, u = mode === "slice" ? rect.dx : mode === "dice" ? rect.dy : mode === "slice-dice" ? node.depth & 1 ? rect.dy : rect.dx : Math.min(rect.dx, rect.dy), n;
+        scale(remaining, rect.dx * rect.dy / node.value);
+        row.area = 0;
+        while ((n = remaining.length) > 0) {
+          row.push(child = remaining[n - 1]);
+          row.area += child.area;
+          if (mode !== "squarify" || (score = worst(row, u)) <= best) {
+            remaining.pop();
+            best = score;
+          } else {
+            row.area -= row.pop().area;
+            position(row, u, rect, false);
+            u = Math.min(rect.dx, rect.dy);
+            row.length = row.area = 0;
+            best = Infinity;
+          }
+        }
+        if (row.length) {
+          position(row, u, rect, true);
+          row.length = row.area = 0;
+        }
+        children.forEach(squarify);
+      }
+    }
+    function stickify(node) {
+      var children = node.children;
+      if (children && children.length) {
+        var rect = pad(node), remaining = children.slice(), child, row = [];
+        scale(remaining, rect.dx * rect.dy / node.value);
+        row.area = 0;
+        while (child = remaining.pop()) {
+          row.push(child);
+          row.area += child.area;
+          if (child.z != null) {
+            position(row, child.z ? rect.dx : rect.dy, rect, !remaining.length);
+            row.length = row.area = 0;
+          }
+        }
+        children.forEach(stickify);
+      }
+    }
+    function worst(row, u) {
+      var s = row.area, r, rmax = 0, rmin = Infinity, i = -1, n = row.length;
+      while (++i < n) {
+        if (!(r = row[i].area)) continue;
+        if (r < rmin) rmin = r;
+        if (r > rmax) rmax = r;
+      }
+      s *= s;
+      u *= u;
+      return s ? Math.max(u * rmax * ratio / s, s / (u * rmin * ratio)) : Infinity;
+    }
+    function position(row, u, rect, flush) {
+      var i = -1, n = row.length, x = rect.x, y = rect.y, v = u ? round(row.area / u) : 0, o;
+      if (u == rect.dx) {
+        if (flush || v > rect.dy) v = rect.dy;
+        while (++i < n) {
+          o = row[i];
+          o.x = x;
+          o.y = y;
+          o.dy = v;
+          x += o.dx = Math.min(rect.x + rect.dx - x, v ? round(o.area / v) : 0);
+        }
+        o.z = true;
+        o.dx += rect.x + rect.dx - x;
+        rect.y += v;
+        rect.dy -= v;
+      } else {
+        if (flush || v > rect.dx) v = rect.dx;
+        while (++i < n) {
+          o = row[i];
+          o.x = x;
+          o.y = y;
+          o.dx = v;
+          y += o.dy = Math.min(rect.y + rect.dy - y, v ? round(o.area / v) : 0);
+        }
+        o.z = false;
+        o.dy += rect.y + rect.dy - y;
+        rect.x += v;
+        rect.dx -= v;
+      }
+    }
+    function treemap(d) {
+      var nodes = stickies || hierarchy(d), root = nodes[0];
+      root.x = root.y = 0;
+      if (root.value) root.dx = size[0], root.dy = size[1]; else root.dx = root.dy = 0;
+      if (stickies) hierarchy.revalue(root);
+      scale([ root ], root.dx * root.dy / root.value);
+      (stickies ? stickify : squarify)(root);
+      if (sticky) stickies = nodes;
+      return nodes;
+    }
+    treemap.size = function(x) {
+      if (!arguments.length) return size;
+      size = x;
+      return treemap;
+    };
+    treemap.padding = function(x) {
+      if (!arguments.length) return padding;
+      function padFunction(node) {
+        var p = x.call(treemap, node, node.depth);
+        return p == null ? d3_layout_treemapPadNull(node) : d3_layout_treemapPad(node, typeof p === "number" ? [ p, p, p, p ] : p);
+      }
+      function padConstant(node) {
+        return d3_layout_treemapPad(node, x);
+      }
+      var type;
+      pad = (padding = x) == null ? d3_layout_treemapPadNull : (type = typeof x) === "function" ? padFunction : type === "number" ? (x = [ x, x, x, x ], 
+      padConstant) : padConstant;
+      return treemap;
+    };
+    treemap.round = function(x) {
+      if (!arguments.length) return round != Number;
+      round = x ? Math.round : Number;
+      return treemap;
+    };
+    treemap.sticky = function(x) {
+      if (!arguments.length) return sticky;
+      sticky = x;
+      stickies = null;
+      return treemap;
+    };
+    treemap.ratio = function(x) {
+      if (!arguments.length) return ratio;
+      ratio = x;
+      return treemap;
+    };
+    treemap.mode = function(x) {
+      if (!arguments.length) return mode;
+      mode = x + "";
+      return treemap;
+    };
+    return d3_layout_hierarchyRebind(treemap, hierarchy);
+  };
+  function d3_layout_treemapPadNull(node) {
+    return {
+      x: node.x,
+      y: node.y,
+      dx: node.dx,
+      dy: node.dy
+    };
+  }
+  function d3_layout_treemapPad(node, padding) {
+    var x = node.x + padding[3], y = node.y + padding[0], dx = node.dx - padding[1] - padding[3], dy = node.dy - padding[0] - padding[2];
+    if (dx < 0) {
+      x += dx / 2;
+      dx = 0;
+    }
+    if (dy < 0) {
+      y += dy / 2;
+      dy = 0;
+    }
+    return {
+      x: x,
+      y: y,
+      dx: dx,
+      dy: dy
+    };
+  }
+  d3.random = {
+    normal: function(µ, σ) {
+      var n = arguments.length;
+      if (n < 2) σ = 1;
+      if (n < 1) µ = 0;
+      return function() {
+        var x, y, r;
+        do {
+          x = Math.random() * 2 - 1;
+          y = Math.random() * 2 - 1;
+          r = x * x + y * y;
+        } while (!r || r > 1);
+        return µ + σ * x * Math.sqrt(-2 * Math.log(r) / r);
+      };
+    },
+    logNormal: function() {
+      var random = d3.random.normal.apply(d3, arguments);
+      return function() {
+        return Math.exp(random());
+      };
+    },
+    bates: function(m) {
+      var random = d3.random.irwinHall(m);
+      return function() {
+        return random() / m;
+      };
+    },
+    irwinHall: function(m) {
+      return function() {
+        for (var s = 0, j = 0; j < m; j++) s += Math.random();
+        return s;
+      };
+    }
+  };
+  d3.scale = {};
+  function d3_scaleExtent(domain) {
+    var start = domain[0], stop = domain[domain.length - 1];
+    return start < stop ? [ start, stop ] : [ stop, start ];
+  }
+  function d3_scaleRange(scale) {
+    return scale.rangeExtent ? scale.rangeExtent() : d3_scaleExtent(scale.range());
+  }
+  function d3_scale_bilinear(domain, range, uninterpolate, interpolate) {
+    var u = uninterpolate(domain[0], domain[1]), i = interpolate(range[0], range[1]);
+    return function(x) {
+      return i(u(x));
+    };
+  }
+  function d3_scale_nice(domain, nice) {
+    var i0 = 0, i1 = domain.length - 1, x0 = domain[i0], x1 = domain[i1], dx;
+    if (x1 < x0) {
+      dx = i0, i0 = i1, i1 = dx;
+      dx = x0, x0 = x1, x1 = dx;
+    }
+    domain[i0] = nice.floor(x0);
+    domain[i1] = nice.ceil(x1);
+    return domain;
+  }
+  function d3_scale_niceStep(step) {
+    return step ? {
+      floor: function(x) {
+        return Math.floor(x / step) * step;
+      },
+      ceil: function(x) {
+        return Math.ceil(x / step) * step;
+      }
+    } : d3_scale_niceIdentity;
+  }
+  var d3_scale_niceIdentity = {
+    floor: d3_identity,
+    ceil: d3_identity
+  };
+  function d3_scale_polylinear(domain, range, uninterpolate, interpolate) {
+    var u = [], i = [], j = 0, k = Math.min(domain.length, range.length) - 1;
+    if (domain[k] < domain[0]) {
+      domain = domain.slice().reverse();
+      range = range.slice().reverse();
+    }
+    while (++j <= k) {
+      u.push(uninterpolate(domain[j - 1], domain[j]));
+      i.push(interpolate(range[j - 1], range[j]));
+    }
+    return function(x) {
+      var j = d3.bisect(domain, x, 1, k) - 1;
+      return i[j](u[j](x));
+    };
+  }
+  d3.scale.linear = function() {
+    return d3_scale_linear([ 0, 1 ], [ 0, 1 ], d3_interpolate, false);
+  };
+  function d3_scale_linear(domain, range, interpolate, clamp) {
+    var output, input;
+    function rescale() {
+      var linear = Math.min(domain.length, range.length) > 2 ? d3_scale_polylinear : d3_scale_bilinear, uninterpolate = clamp ? d3_uninterpolateClamp : d3_uninterpolateNumber;
+      output = linear(domain, range, uninterpolate, interpolate);
+      input = linear(range, domain, uninterpolate, d3_interpolate);
+      return scale;
+    }
+    function scale(x) {
+      return output(x);
+    }
+    scale.invert = function(y) {
+      return input(y);
+    };
+    scale.domain = function(x) {
+      if (!arguments.length) return domain;
+      domain = x.map(Number);
+      return rescale();
+    };
+    scale.range = function(x) {
+      if (!arguments.length) return range;
+      range = x;
+      return rescale();
+    };
+    scale.rangeRound = function(x) {
+      return scale.range(x).interpolate(d3_interpolateRound);
+    };
+    scale.clamp = function(x) {
+      if (!arguments.length) return clamp;
+      clamp = x;
+      return rescale();
+    };
+    scale.interpolate = function(x) {
+      if (!arguments.length) return interpolate;
+      interpolate = x;
+      return rescale();
+    };
+    scale.ticks = function(m) {
+      return d3_scale_linearTicks(domain, m);
+    };
+    scale.tickFormat = function(m, format) {
+      return d3_scale_linearTickFormat(domain, m, format);
+    };
+    scale.nice = function(m) {
+      d3_scale_linearNice(domain, m);
+      return rescale();
+    };
+    scale.copy = function() {
+      return d3_scale_linear(domain, range, interpolate, clamp);
+    };
+    return rescale();
+  }
+  function d3_scale_linearRebind(scale, linear) {
+    return d3.rebind(scale, linear, "range", "rangeRound", "interpolate", "clamp");
+  }
+  function d3_scale_linearNice(domain, m) {
+    d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2]));
+    d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2]));
+    return domain;
+  }
+  function d3_scale_linearTickRange(domain, m) {
+    if (m == null) m = 10;
+    var extent = d3_scaleExtent(domain), span = extent[1] - extent[0], step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)), err = m / span * step;
+    if (err <= .15) step *= 10; else if (err <= .35) step *= 5; else if (err <= .75) step *= 2;
+    extent[0] = Math.ceil(extent[0] / step) * step;
+    extent[1] = Math.floor(extent[1] / step) * step + step * .5;
+    extent[2] = step;
+    return extent;
+  }
+  function d3_scale_linearTicks(domain, m) {
+    return d3.range.apply(d3, d3_scale_linearTickRange(domain, m));
+  }
+  function d3_scale_linearTickFormat(domain, m, format) {
+    var range = d3_scale_linearTickRange(domain, m);
+    if (format) {
+      var match = d3_format_re.exec(format);
+      match.shift();
+      if (match[8] === "s") {
+        var prefix = d3.formatPrefix(Math.max(abs(range[0]), abs(range[1])));
+        if (!match[7]) match[7] = "." + d3_scale_linearPrecision(prefix.scale(range[2]));
+        match[8] = "f";
+        format = d3.format(match.join(""));
+        return function(d) {
+          return format(prefix.scale(d)) + prefix.symbol;
+        };
+      }
+      if (!match[7]) match[7] = "." + d3_scale_linearFormatPrecision(match[8], range);
+      format = match.join("");
+    } else {
+      format = ",." + d3_scale_linearPrecision(range[2]) + "f";
+    }
+    return d3.format(format);
+  }
+  var d3_scale_linearFormatSignificant = {
+    s: 1,
+    g: 1,
+    p: 1,
+    r: 1,
+    e: 1
+  };
+  function d3_scale_linearPrecision(value) {
+    return -Math.floor(Math.log(value) / Math.LN10 + .01);
+  }
+  function d3_scale_linearFormatPrecision(type, range) {
+    var p = d3_scale_linearPrecision(range[2]);
+    return type in d3_scale_linearFormatSignificant ? Math.abs(p - d3_scale_linearPrecision(Math.max(abs(range[0]), abs(range[1])))) + +(type !== "e") : p - (type === "%") * 2;
+  }
+  d3.scale.log = function() {
+    return d3_scale_log(d3.scale.linear().domain([ 0, 1 ]), 10, true, [ 1, 10 ]);
+  };
+  function d3_scale_log(linear, base, positive, domain) {
+    function log(x) {
+      return (positive ? Math.log(x < 0 ? 0 : x) : -Math.log(x > 0 ? 0 : -x)) / Math.log(base);
+    }
+    function pow(x) {
+      return positive ? Math.pow(base, x) : -Math.pow(base, -x);
+    }
+    function scale(x) {
+      return linear(log(x));
+    }
+    scale.invert = function(x) {
+      return pow(linear.invert(x));
+    };
+    scale.domain = function(x) {
+      if (!arguments.length) return domain;
+      positive = x[0] >= 0;
+      linear.domain((domain = x.map(Number)).map(log));
+      return scale;
+    };
+    scale.base = function(_) {
+      if (!arguments.length) return base;
+      base = +_;
+      linear.domain(domain.map(log));
+      return scale;
+    };
+    scale.nice = function() {
+      var niced = d3_scale_nice(domain.map(log), positive ? Math : d3_scale_logNiceNegative);
+      linear.domain(niced);
+      domain = niced.map(pow);
+      return scale;
+    };
+    scale.ticks = function() {
+      var extent = d3_scaleExtent(domain), ticks = [], u = extent[0], v = extent[1], i = Math.floor(log(u)), j = Math.ceil(log(v)), n = base % 1 ? 2 : base;
+      if (isFinite(j - i)) {
+        if (positive) {
+          for (;i < j; i++) for (var k = 1; k < n; k++) ticks.push(pow(i) * k);
+          ticks.push(pow(i));
+        } else {
+          ticks.push(pow(i));
+          for (;i++ < j; ) for (var k = n - 1; k > 0; k--) ticks.push(pow(i) * k);
+        }
+        for (i = 0; ticks[i] < u; i++) {}
+        for (j = ticks.length; ticks[j - 1] > v; j--) {}
+        ticks = ticks.slice(i, j);
+      }
+      return ticks;
+    };
+    scale.tickFormat = function(n, format) {
+      if (!arguments.length) return d3_scale_logFormat;
+      if (arguments.length < 2) format = d3_scale_logFormat; else if (typeof format !== "function") format = d3.format(format);
+      var k = Math.max(1, base * n / scale.ticks().length);
+      return function(d) {
+        var i = d / pow(Math.round(log(d)));
+        if (i * base < base - .5) i *= base;
+        return i <= k ? format(d) : "";
+      };
+    };
+    scale.copy = function() {
+      return d3_scale_log(linear.copy(), base, positive, domain);
+    };
+    return d3_scale_linearRebind(scale, linear);
+  }
+  var d3_scale_logFormat = d3.format(".0e"), d3_scale_logNiceNegative = {
+    floor: function(x) {
+      return -Math.ceil(-x);
+    },
+    ceil: function(x) {
+      return -Math.floor(-x);
+    }
+  };
+  d3.scale.pow = function() {
+    return d3_scale_pow(d3.scale.linear(), 1, [ 0, 1 ]);
+  };
+  function d3_scale_pow(linear, exponent, domain) {
+    var powp = d3_scale_powPow(exponent), powb = d3_scale_powPow(1 / exponent);
+    function scale(x) {
+      return linear(powp(x));
+    }
+    scale.invert = function(x) {
+      return powb(linear.invert(x));
+    };
+    scale.domain = function(x) {
+      if (!arguments.length) return domain;
+      linear.domain((domain = x.map(Number)).map(powp));
+      return scale;
+    };
+    scale.ticks = function(m) {
+      return d3_scale_linearTicks(domain, m);
+    };
+    scale.tickFormat = function(m, format) {
+      return d3_scale_linearTickFormat(domain, m, format);
+    };
+    scale.nice = function(m) {
+      return scale.domain(d3_scale_linearNice(domain, m));
+    };
+    scale.exponent = function(x) {
+      if (!arguments.length) return exponent;
+      powp = d3_scale_powPow(exponent = x);
+      powb = d3_scale_powPow(1 / exponent);
+      linear.domain(domain.map(powp));
+      return scale;
+    };
+    scale.copy = function() {
+      return d3_scale_pow(linear.copy(), exponent, domain);
+    };
+    return d3_scale_linearRebind(scale, linear);
+  }
+  function d3_scale_powPow(e) {
+    return function(x) {
+      return x < 0 ? -Math.pow(-x, e) : Math.pow(x, e);
+    };
+  }
+  d3.scale.sqrt = function() {
+    return d3.scale.pow().exponent(.5);
+  };
+  d3.scale.ordinal = function() {
+    return d3_scale_ordinal([], {
+      t: "range",
+      a: [ [] ]
+    });
+  };
+  function d3_scale_ordinal(domain, ranger) {
+    var index, range, rangeBand;
+    function scale(x) {
+      return range[((index.get(x) || (ranger.t === "range" ? index.set(x, domain.push(x)) : NaN)) - 1) % range.length];
+    }
+    function steps(start, step) {
+      return d3.range(domain.length).map(function(i) {
+        return start + step * i;
+      });
+    }
+    scale.domain = function(x) {
+      if (!arguments.length) return domain;
+      domain = [];
+      index = new d3_Map();
+      var i = -1, n = x.length, xi;
+      while (++i < n) if (!index.has(xi = x[i])) index.set(xi, domain.push(xi));
+      return scale[ranger.t].apply(scale, ranger.a);
+    };
+    scale.range = function(x) {
+      if (!arguments.length) return range;
+      range = x;
+      rangeBand = 0;
+      ranger = {
+        t: "range",
+        a: arguments
+      };
+      return scale;
+    };
+    scale.rangePoints = function(x, padding) {
+      if (arguments.length < 2) padding = 0;
+      var start = x[0], stop = x[1], step = domain.length < 2 ? (start = (start + stop) / 2, 
+      0) : (stop - start) / (domain.length - 1 + padding);
+      range = steps(start + step * padding / 2, step);
+      rangeBand = 0;
+      ranger = {
+        t: "rangePoints",
+        a: arguments
+      };
+      return scale;
+    };
+    scale.rangeRoundPoints = function(x, padding) {
+      if (arguments.length < 2) padding = 0;
+      var start = x[0], stop = x[1], step = domain.length < 2 ? (start = stop = Math.round((start + stop) / 2), 
+      0) : (stop - start) / (domain.length - 1 + padding) | 0;
+      range = steps(start + Math.round(step * padding / 2 + (stop - start - (domain.length - 1 + padding) * step) / 2), step);
+      rangeBand = 0;
+      ranger = {
+        t: "rangeRoundPoints",
+        a: arguments
+      };
+      return scale;
+    };
+    scale.rangeBands = function(x, padding, outerPadding) {
+      if (arguments.length < 2) padding = 0;
+      if (arguments.length < 3) outerPadding = padding;
+      var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = (stop - start) / (domain.length - padding + 2 * outerPadding);
+      range = steps(start + step * outerPadding, step);
+      if (reverse) range.reverse();
+      rangeBand = step * (1 - padding);
+      ranger = {
+        t: "rangeBands",
+        a: arguments
+      };
+      return scale;
+    };
+    scale.rangeRoundBands = function(x, padding, outerPadding) {
+      if (arguments.length < 2) padding = 0;
+      if (arguments.length < 3) outerPadding = padding;
+      var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = Math.floor((stop - start) / (domain.length - padding + 2 * outerPadding));
+      range = steps(start + Math.round((stop - start - (domain.length - padding) * step) / 2), step);
+      if (reverse) range.reverse();
+      rangeBand = Math.round(step * (1 - padding));
+      ranger = {
+        t: "rangeRoundBands",
+        a: arguments
+      };
+      return scale;
+    };
+    scale.rangeBand = function() {
+      return rangeBand;
+    };
+    scale.rangeExtent = function() {
+      return d3_scaleExtent(ranger.a[0]);
+    };
+    scale.copy = function() {
+      return d3_scale_ordinal(domain, ranger);
+    };
+    return scale.domain(domain);
+  }
+  d3.scale.category10 = function() {
+    return d3.scale.ordinal().range(d3_category10);
+  };
+  d3.scale.category20 = function() {
+    return d3.scale.ordinal().range(d3_category20);
+  };
+  d3.scale.category20b = function() {
+    return d3.scale.ordinal().range(d3_category20b);
+  };
+  d3.scale.category20c = function() {
+    return d3.scale.ordinal().range(d3_category20c);
+  };
+  var d3_category10 = [ 2062260, 16744206, 2924588, 14034728, 9725885, 9197131, 14907330, 8355711, 12369186, 1556175 ].map(d3_rgbString);
+  var d3_category20 = [ 2062260, 11454440, 16744206, 16759672, 2924588, 10018698, 14034728, 16750742, 9725885, 12955861, 9197131, 12885140, 14907330, 16234194, 8355711, 13092807, 12369186, 14408589, 1556175, 10410725 ].map(d3_rgbString);
+  var d3_category20b = [ 3750777, 5395619, 7040719, 10264286, 6519097, 9216594, 11915115, 13556636, 9202993, 12426809, 15186514, 15190932, 8666169, 11356490, 14049643, 15177372, 8077683, 10834324, 13528509, 14589654 ].map(d3_rgbString);
+  var d3_category20c = [ 3244733, 7057110, 10406625, 13032431, 15095053, 16616764, 16625259, 16634018, 3253076, 7652470, 10607003, 13101504, 7695281, 10394312, 12369372, 14342891, 6513507, 9868950, 12434877, 14277081 ].map(d3_rgbString);
+  d3.scale.quantile = function() {
+    return d3_scale_quantile([], []);
+  };
+  function d3_scale_quantile(domain, range) {
+    var thresholds;
+    function rescale() {
+      var k = 0, q = range.length;
+      thresholds = [];
+      while (++k < q) thresholds[k - 1] = d3.quantile(domain, k / q);
+      return scale;
+    }
+    function scale(x) {
+      if (!isNaN(x = +x)) return range[d3.bisect(thresholds, x)];
+    }
+    scale.domain = function(x) {
+      if (!arguments.length) return domain;
+      domain = x.map(d3_number).filter(d3_numeric).sort(d3_ascending);
+      return rescale();
+    };
+    scale.range = function(x) {
+      if (!arguments.length) return range;
+      range = x;
+      return rescale();
+    };
+    scale.quantiles = function() {
+      return thresholds;
+    };
+    scale.invertExtent = function(y) {
+      y = range.indexOf(y);
+      return y < 0 ? [ NaN, NaN ] : [ y > 0 ? thresholds[y - 1] : domain[0], y < thresholds.length ? thresholds[y] : domain[domain.length - 1] ];
+    };
+    scale.copy = function() {
+      return d3_scale_quantile(domain, range);
+    };
+    return rescale();
+  }
+  d3.scale.quantize = function() {
+    return d3_scale_quantize(0, 1, [ 0, 1 ]);
+  };
+  function d3_scale_quantize(x0, x1, range) {
+    var kx, i;
+    function scale(x) {
+      return range[Math.max(0, Math.min(i, Math.floor(kx * (x - x0))))];
+    }
+    function rescale() {
+      kx = range.length / (x1 - x0);
+      i = range.length - 1;
+      return scale;
+    }
+    scale.domain = function(x) {
+      if (!arguments.length) return [ x0, x1 ];
+      x0 = +x[0];
+      x1 = +x[x.length - 1];
+      return rescale();
+    };
+    scale.range = function(x) {
+      if (!arguments.length) return range;
+      range = x;
+      return rescale();
+    };
+    scale.invertExtent = function(y) {
+      y = range.indexOf(y);
+      y = y < 0 ? NaN : y / kx + x0;
+      return [ y, y + 1 / kx ];
+    };
+    scale.copy = function() {
+      return d3_scale_quantize(x0, x1, range);
+    };
+    return rescale();
+  }
+  d3.scale.threshold = function() {
+    return d3_scale_threshold([ .5 ], [ 0, 1 ]);
+  };
+  function d3_scale_threshold(domain, range) {
+    function scale(x) {
+      if (x <= x) return range[d3.bisect(domain, x)];
+    }
+    scale.domain = function(_) {
+      if (!arguments.length) return domain;
+      domain = _;
+      return scale;
+    };
+    scale.range = function(_) {
+      if (!arguments.length) return range;
+      range = _;
+      return scale;
+    };
+    scale.invertExtent = function(y) {
+      y = range.indexOf(y);
+      return [ domain[y - 1], domain[y] ];
+    };
+    scale.copy = function() {
+      return d3_scale_threshold(domain, range);
+    };
+    return scale;
+  }
+  d3.scale.identity = function() {
+    return d3_scale_identity([ 0, 1 ]);
+  };
+  function d3_scale_identity(domain) {
+    function identity(x) {
+      return +x;
+    }
+    identity.invert = identity;
+    identity.domain = identity.range = function(x) {
+      if (!arguments.length) return domain;
+      domain = x.map(identity);
+      return identity;
+    };
+    identity.ticks = function(m) {
+      return d3_scale_linearTicks(domain, m);
+    };
+    identity.tickFormat = function(m, format) {
+      return d3_scale_linearTickFormat(domain, m, format);
+    };
+    identity.copy = function() {
+      return d3_scale_identity(domain);
+    };
+    return identity;
+  }
+  d3.svg = {};
+  function d3_zero() {
+    return 0;
+  }
+  d3.svg.arc = function() {
+    var innerRadius = d3_svg_arcInnerRadius, outerRadius = d3_svg_arcOuterRadius, cornerRadius = d3_zero, padRadius = d3_svg_arcAuto, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle, padAngle = d3_svg_arcPadAngle;
+    function arc() {
+      var r0 = Math.max(0, +innerRadius.apply(this, arguments)), r1 = Math.max(0, +outerRadius.apply(this, arguments)), a0 = startAngle.apply(this, arguments) - halfπ, a1 = endAngle.apply(this, arguments) - halfπ, da = Math.abs(a1 - a0), cw = a0 > a1 ? 0 : 1;
+      if (r1 < r0) rc = r1, r1 = r0, r0 = rc;
+      if (da >= τε) return circleSegment(r1, cw) + (r0 ? circleSegment(r0, 1 - cw) : "") + "Z";
+      var rc, cr, rp, ap, p0 = 0, p1 = 0, x0, y0, x1, y1, x2, y2, x3, y3, path = [];
+      if (ap = (+padAngle.apply(this, arguments) || 0) / 2) {
+        rp = padRadius === d3_svg_arcAuto ? Math.sqrt(r0 * r0 + r1 * r1) : +padRadius.apply(this, arguments);
+        if (!cw) p1 *= -1;
+        if (r1) p1 = d3_asin(rp / r1 * Math.sin(ap));
+        if (r0) p0 = d3_asin(rp / r0 * Math.sin(ap));
+      }
+      if (r1) {
+        x0 = r1 * Math.cos(a0 + p1);
+        y0 = r1 * Math.sin(a0 + p1);
+        x1 = r1 * Math.cos(a1 - p1);
+        y1 = r1 * Math.sin(a1 - p1);
+        var l1 = Math.abs(a1 - a0 - 2 * p1) <= π ? 0 : 1;
+        if (p1 && d3_svg_arcSweep(x0, y0, x1, y1) === cw ^ l1) {
+          var h1 = (a0 + a1) / 2;
+          x0 = r1 * Math.cos(h1);
+          y0 = r1 * Math.sin(h1);
+          x1 = y1 = null;
+        }
+      } else {
+        x0 = y0 = 0;
+      }
+      if (r0) {
+        x2 = r0 * Math.cos(a1 - p0);
+        y2 = r0 * Math.sin(a1 - p0);
+        x3 = r0 * Math.cos(a0 + p0);
+        y3 = r0 * Math.sin(a0 + p0);
+        var l0 = Math.abs(a0 - a1 + 2 * p0) <= π ? 0 : 1;
+        if (p0 && d3_svg_arcSweep(x2, y2, x3, y3) === 1 - cw ^ l0) {
+          var h0 = (a0 + a1) / 2;
+          x2 = r0 * Math.cos(h0);
+          y2 = r0 * Math.sin(h0);
+          x3 = y3 = null;
+        }
+      } else {
+        x2 = y2 = 0;
+      }
+      if (da > ε && (rc = Math.min(Math.abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments))) > .001) {
+        cr = r0 < r1 ^ cw ? 0 : 1;
+        var rc1 = rc, rc0 = rc;
+        if (da < π) {
+          var oc = x3 == null ? [ x2, y2 ] : x1 == null ? [ x0, y0 ] : d3_geom_polygonIntersect([ x0, y0 ], [ x3, y3 ], [ x1, y1 ], [ x2, y2 ]), ax = x0 - oc[0], ay = y0 - oc[1], bx = x1 - oc[0], by = y1 - oc[1], kc = 1 / Math.sin(Math.acos((ax * bx + ay * by) / (Math.sqrt(ax * ax + ay * ay) * Math.sqrt(bx * bx + by * by))) / 2), lc = Math.sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
+          rc0 = Math.min(rc, (r0 - lc) / (kc - 1));
+          rc1 = Math.min(rc, (r1 - lc) / (kc + 1));
+        }
+        if (x1 != null) {
+          var t30 = d3_svg_arcCornerTangents(x3 == null ? [ x2, y2 ] : [ x3, y3 ], [ x0, y0 ], r1, rc1, cw), t12 = d3_svg_arcCornerTangents([ x1, y1 ], [ x2, y2 ], r1, rc1, cw);
+          if (rc === rc1) {
+            path.push("M", t30[0], "A", rc1, ",", rc1, " 0 0,", cr, " ", t30[1], "A", r1, ",", r1, " 0 ", 1 - cw ^ d3_svg_arcSweep(t30[1][0], t30[1][1], t12[1][0], t12[1][1]), ",", cw, " ", t12[1], "A", rc1, ",", rc1, " 0 0,", cr, " ", t12[0]);
+          } else {
+            path.push("M", t30[0], "A", rc1, ",", rc1, " 0 1,", cr, " ", t12[0]);
+          }
+        } else {
+          path.push("M", x0, ",", y0);
+        }
+        if (x3 != null) {
+          var t03 = d3_svg_arcCornerTangents([ x0, y0 ], [ x3, y3 ], r0, -rc0, cw), t21 = d3_svg_arcCornerTangents([ x2, y2 ], x1 == null ? [ x0, y0 ] : [ x1, y1 ], r0, -rc0, cw);
+          if (rc === rc0) {
+            path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t21[1], "A", r0, ",", r0, " 0 ", cw ^ d3_svg_arcSweep(t21[1][0], t21[1][1], t03[1][0], t03[1][1]), ",", 1 - cw, " ", t03[1], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]);
+          } else {
+            path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]);
+          }
+        } else {
+          path.push("L", x2, ",", y2);
+        }
+      } else {
+        path.push("M", x0, ",", y0);
+        if (x1 != null) path.push("A", r1, ",", r1, " 0 ", l1, ",", cw, " ", x1, ",", y1);
+        path.push("L", x2, ",", y2);
+        if (x3 != null) path.push("A", r0, ",", r0, " 0 ", l0, ",", 1 - cw, " ", x3, ",", y3);
+      }
+      path.push("Z");
+      return path.join("");
+    }
+    function circleSegment(r1, cw) {
+      return "M0," + r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + -r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + r1;
+    }
+    arc.innerRadius = function(v) {
+      if (!arguments.length) return innerRadius;
+      innerRadius = d3_functor(v);
+      return arc;
+    };
+    arc.outerRadius = function(v) {
+      if (!arguments.length) return outerRadius;
+      outerRadius = d3_functor(v);
+      return arc;
+    };
+    arc.cornerRadius = function(v) {
+      if (!arguments.length) return cornerRadius;
+      cornerRadius = d3_functor(v);
+      return arc;
+    };
+    arc.padRadius = function(v) {
+      if (!arguments.length) return padRadius;
+      padRadius = v == d3_svg_arcAuto ? d3_svg_arcAuto : d3_functor(v);
+      return arc;
+    };
+    arc.startAngle = function(v) {
+      if (!arguments.length) return startAngle;
+      startAngle = d3_functor(v);
+      return arc;
+    };
+    arc.endAngle = function(v) {
+      if (!arguments.length) return endAngle;
+      endAngle = d3_functor(v);
+      return arc;
+    };
+    arc.padAngle = function(v) {
+      if (!arguments.length) return padAngle;
+      padAngle = d3_functor(v);
+      return arc;
+    };
+    arc.centroid = function() {
+      var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - halfπ;
+      return [ Math.cos(a) * r, Math.sin(a) * r ];
+    };
+    return arc;
+  };
+  var d3_svg_arcAuto = "auto";
+  function d3_svg_arcInnerRadius(d) {
+    return d.innerRadius;
+  }
+  function d3_svg_arcOuterRadius(d) {
+    return d.outerRadius;
+  }
+  function d3_svg_arcStartAngle(d) {
+    return d.startAngle;
+  }
+  function d3_svg_arcEndAngle(d) {
+    return d.endAngle;
+  }
+  function d3_svg_arcPadAngle(d) {
+    return d && d.padAngle;
+  }
+  function d3_svg_arcSweep(x0, y0, x1, y1) {
+    return (x0 - x1) * y0 - (y0 - y1) * x0 > 0 ? 0 : 1;
+  }
+  function d3_svg_arcCornerTangents(p0, p1, r1, rc, cw) {
+    var x01 = p0[0] - p1[0], y01 = p0[1] - p1[1], lo = (cw ? rc : -rc) / Math.sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x1 = p0[0] + ox, y1 = p0[1] + oy, x2 = p1[0] + ox, y2 = p1[1] + oy, x3 = (x1 + x2) / 2, y3 = (y1 + y2) / 2, dx = x2 - x1, dy = y2 - y1, d2 = dx * dx + dy * dy, r = r1 - rc, D = x1 * y2 - x2 * y1, d = (dy < 0 ? -1 : 1) * Math.sqrt(Math.max(0, r * r * d2 - D * D)), cx0 = (D * dy - dx * d) / d2, cy0 = (-D * dx - dy * d) / d2, cx1 = (D * dy + dx * d) / d2, [...]
+    if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;
+    return [ [ cx0 - ox, cy0 - oy ], [ cx0 * r1 / r, cy0 * r1 / r ] ];
+  }
+  function d3_svg_line(projection) {
+    var x = d3_geom_pointX, y = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, tension = .7;
+    function line(data) {
+      var segments = [], points = [], i = -1, n = data.length, d, fx = d3_functor(x), fy = d3_functor(y);
+      function segment() {
+        segments.push("M", interpolate(projection(points), tension));
+      }
+      while (++i < n) {
+        if (defined.call(this, d = data[i], i)) {
+          points.push([ +fx.call(this, d, i), +fy.call(this, d, i) ]);
+        } else if (points.length) {
+          segment();
+          points = [];
+        }
+      }
+      if (points.length) segment();
+      return segments.length ? segments.join("") : null;
+    }
+    line.x = function(_) {
+      if (!arguments.length) return x;
+      x = _;
+      return line;
+    };
+    line.y = function(_) {
+      if (!arguments.length) return y;
+      y = _;
+      return line;
+    };
+    line.defined = function(_) {
+      if (!arguments.length) return defined;
+      defined = _;
+      return line;
+    };
+    line.interpolate = function(_) {
+      if (!arguments.length) return interpolateKey;
+      if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key;
+      return line;
+    };
+    line.tension = function(_) {
+      if (!arguments.length) return tension;
+      tension = _;
+      return line;
+    };
+    return line;
+  }
+  d3.svg.line = function() {
+    return d3_svg_line(d3_identity);
+  };
+  var d3_svg_lineInterpolators = d3.map({
+    linear: d3_svg_lineLinear,
+    "linear-closed": d3_svg_lineLinearClosed,
+    step: d3_svg_lineStep,
+    "step-before": d3_svg_lineStepBefore,
+    "step-after": d3_svg_lineStepAfter,
+    basis: d3_svg_lineBasis,
+    "basis-open": d3_svg_lineBasisOpen,
+    "basis-closed": d3_svg_lineBasisClosed,
+    bundle: d3_svg_lineBundle,
+    cardinal: d3_svg_lineCardinal,
+    "cardinal-open": d3_svg_lineCardinalOpen,
+    "cardinal-closed": d3_svg_lineCardinalClosed,
+    monotone: d3_svg_lineMonotone
+  });
+  d3_svg_lineInterpolators.forEach(function(key, value) {
+    value.key = key;
+    value.closed = /-closed$/.test(key);
+  });
+  function d3_svg_lineLinear(points) {
+    return points.length > 1 ? points.join("L") : points + "Z";
+  }
+  function d3_svg_lineLinearClosed(points) {
+    return points.join("L") + "Z";
+  }
+  function d3_svg_lineStep(points) {
+    var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ];
+    while (++i < n) path.push("H", (p[0] + (p = points[i])[0]) / 2, "V", p[1]);
+    if (n > 1) path.push("H", p[0]);
+    return path.join("");
+  }
+  function d3_svg_lineStepBefore(points) {
+    var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ];
+    while (++i < n) path.push("V", (p = points[i])[1], "H", p[0]);
+    return path.join("");
+  }
+  function d3_svg_lineStepAfter(points) {
+    var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ];
+    while (++i < n) path.push("H", (p = points[i])[0], "V", p[1]);
+    return path.join("");
+  }
+  function d3_svg_lineCardinalOpen(points, tension) {
+    return points.length < 4 ? d3_svg_lineLinear(points) : points[1] + d3_svg_lineHermite(points.slice(1, -1), d3_svg_lineCardinalTangents(points, tension));
+  }
+  function d3_svg_lineCardinalClosed(points, tension) {
+    return points.length < 3 ? d3_svg_lineLinearClosed(points) : points[0] + d3_svg_lineHermite((points.push(points[0]), 
+    points), d3_svg_lineCardinalTangents([ points[points.length - 2] ].concat(points, [ points[1] ]), tension));
+  }
+  function d3_svg_lineCardinal(points, tension) {
+    return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineCardinalTangents(points, tension));
+  }
+  function d3_svg_lineHermite(points, tangents) {
+    if (tangents.length < 1 || points.length != tangents.length && points.length != tangents.length + 2) {
+      return d3_svg_lineLinear(points);
+    }
+    var quad = points.length != tangents.length, path = "", p0 = points[0], p = points[1], t0 = tangents[0], t = t0, pi = 1;
+    if (quad) {
+      path += "Q" + (p[0] - t0[0] * 2 / 3) + "," + (p[1] - t0[1] * 2 / 3) + "," + p[0] + "," + p[1];
+      p0 = points[1];
+      pi = 2;
+    }
+    if (tangents.length > 1) {
+      t = tangents[1];
+      p = points[pi];
+      pi++;
+      path += "C" + (p0[0] + t0[0]) + "," + (p0[1] + t0[1]) + "," + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1];
+      for (var i = 2; i < tangents.length; i++, pi++) {
+        p = points[pi];
+        t = tangents[i];
+        path += "S" + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1];
+      }
+    }
+    if (quad) {
+      var lp = points[pi];
+      path += "Q" + (p[0] + t[0] * 2 / 3) + "," + (p[1] + t[1] * 2 / 3) + "," + lp[0] + "," + lp[1];
+    }
+    return path;
+  }
+  function d3_svg_lineCardinalTangents(points, tension) {
+    var tangents = [], a = (1 - tension) / 2, p0, p1 = points[0], p2 = points[1], i = 1, n = points.length;
+    while (++i < n) {
+      p0 = p1;
+      p1 = p2;
+      p2 = points[i];
+      tangents.push([ a * (p2[0] - p0[0]), a * (p2[1] - p0[1]) ]);
+    }
+    return tangents;
+  }
+  function d3_svg_lineBasis(points) {
+    if (points.length < 3) return d3_svg_lineLinear(points);
+    var i = 1, n = points.length, pi = points[0], x0 = pi[0], y0 = pi[1], px = [ x0, x0, x0, (pi = points[1])[0] ], py = [ y0, y0, y0, pi[1] ], path = [ x0, ",", y0, "L", d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ];
+    points.push(points[n - 1]);
+    while (++i <= n) {
+      pi = points[i];
+      px.shift();
+      px.push(pi[0]);
+      py.shift();
+      py.push(pi[1]);
+      d3_svg_lineBasisBezier(path, px, py);
+    }
+    points.pop();
+    path.push("L", pi);
+    return path.join("");
+  }
+  function d3_svg_lineBasisOpen(points) {
+    if (points.length < 4) return d3_svg_lineLinear(points);
+    var path = [], i = -1, n = points.length, pi, px = [ 0 ], py = [ 0 ];
+    while (++i < 3) {
+      pi = points[i];
+      px.push(pi[0]);
+      py.push(pi[1]);
+    }
+    path.push(d3_svg_lineDot4(d3_svg_lineBasisBezier3, px) + "," + d3_svg_lineDot4(d3_svg_lineBasisBezier3, py));
+    --i;
+    while (++i < n) {
+      pi = points[i];
+      px.shift();
+      px.push(pi[0]);
+      py.shift();
+      py.push(pi[1]);
+      d3_svg_lineBasisBezier(path, px, py);
+    }
+    return path.join("");
+  }
+  function d3_svg_lineBasisClosed(points) {
+    var path, i = -1, n = points.length, m = n + 4, pi, px = [], py = [];
+    while (++i < 4) {
+      pi = points[i % n];
+      px.push(pi[0]);
+      py.push(pi[1]);
+    }
+    path = [ d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ];
+    --i;
+    while (++i < m) {
+      pi = points[i % n];
+      px.shift();
+      px.push(pi[0]);
+      py.shift();
+      py.push(pi[1]);
+      d3_svg_lineBasisBezier(path, px, py);
+    }
+    return path.join("");
+  }
+  function d3_svg_lineBundle(points, tension) {
+    var n = points.length - 1;
+    if (n) {
+      var x0 = points[0][0], y0 = points[0][1], dx = points[n][0] - x0, dy = points[n][1] - y0, i = -1, p, t;
+      while (++i <= n) {
+        p = points[i];
+        t = i / n;
+        p[0] = tension * p[0] + (1 - tension) * (x0 + t * dx);
+        p[1] = tension * p[1] + (1 - tension) * (y0 + t * dy);
+      }
+    }
+    return d3_svg_lineBasis(points);
+  }
+  function d3_svg_lineDot4(a, b) {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3];
+  }
+  var d3_svg_lineBasisBezier1 = [ 0, 2 / 3, 1 / 3, 0 ], d3_svg_lineBasisBezier2 = [ 0, 1 / 3, 2 / 3, 0 ], d3_svg_lineBasisBezier3 = [ 0, 1 / 6, 2 / 3, 1 / 6 ];
+  function d3_svg_lineBasisBezier(path, x, y) {
+    path.push("C", d3_svg_lineDot4(d3_svg_lineBasisBezier1, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier1, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, y));
+  }
+  function d3_svg_lineSlope(p0, p1) {
+    return (p1[1] - p0[1]) / (p1[0] - p0[0]);
+  }
+  function d3_svg_lineFiniteDifferences(points) {
+    var i = 0, j = points.length - 1, m = [], p0 = points[0], p1 = points[1], d = m[0] = d3_svg_lineSlope(p0, p1);
+    while (++i < j) {
+      m[i] = (d + (d = d3_svg_lineSlope(p0 = p1, p1 = points[i + 1]))) / 2;
+    }
+    m[i] = d;
+    return m;
+  }
+  function d3_svg_lineMonotoneTangents(points) {
+    var tangents = [], d, a, b, s, m = d3_svg_lineFiniteDifferences(points), i = -1, j = points.length - 1;
+    while (++i < j) {
+      d = d3_svg_lineSlope(points[i], points[i + 1]);
+      if (abs(d) < ε) {
+        m[i] = m[i + 1] = 0;
+      } else {
+        a = m[i] / d;
+        b = m[i + 1] / d;
+        s = a * a + b * b;
+        if (s > 9) {
+          s = d * 3 / Math.sqrt(s);
+          m[i] = s * a;
+          m[i + 1] = s * b;
+        }
+      }
+    }
+    i = -1;
+    while (++i <= j) {
+      s = (points[Math.min(j, i + 1)][0] - points[Math.max(0, i - 1)][0]) / (6 * (1 + m[i] * m[i]));
+      tangents.push([ s || 0, m[i] * s || 0 ]);
+    }
+    return tangents;
+  }
+  function d3_svg_lineMonotone(points) {
+    return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineMonotoneTangents(points));
+  }
+  d3.svg.line.radial = function() {
+    var line = d3_svg_line(d3_svg_lineRadial);
+    line.radius = line.x, delete line.x;
+    line.angle = line.y, delete line.y;
+    return line;
+  };
+  function d3_svg_lineRadial(points) {
+    var point, i = -1, n = points.length, r, a;
+    while (++i < n) {
+      point = points[i];
+      r = point[0];
+      a = point[1] - halfπ;
+      point[0] = r * Math.cos(a);
+      point[1] = r * Math.sin(a);
+    }
+    return points;
+  }
+  function d3_svg_area(projection) {
+    var x0 = d3_geom_pointX, x1 = d3_geom_pointX, y0 = 0, y1 = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, interpolateReverse = interpolate, L = "L", tension = .7;
+    function area(data) {
+      var segments = [], points0 = [], points1 = [], i = -1, n = data.length, d, fx0 = d3_functor(x0), fy0 = d3_functor(y0), fx1 = x0 === x1 ? function() {
+        return x;
+      } : d3_functor(x1), fy1 = y0 === y1 ? function() {
+        return y;
+      } : d3_functor(y1), x, y;
+      function segment() {
+        segments.push("M", interpolate(projection(points1), tension), L, interpolateReverse(projection(points0.reverse()), tension), "Z");
+      }
+      while (++i < n) {
+        if (defined.call(this, d = data[i], i)) {
+          points0.push([ x = +fx0.call(this, d, i), y = +fy0.call(this, d, i) ]);
+          points1.push([ +fx1.call(this, d, i), +fy1.call(this, d, i) ]);
+        } else if (points0.length) {
+          segment();
+          points0 = [];
+          points1 = [];
+        }
+      }
+      if (points0.length) segment();
+      return segments.length ? segments.join("") : null;
+    }
+    area.x = function(_) {
+      if (!arguments.length) return x1;
+      x0 = x1 = _;
+      return area;
+    };
+    area.x0 = function(_) {
+      if (!arguments.length) return x0;
+      x0 = _;
+      return area;
+    };
+    area.x1 = function(_) {
+      if (!arguments.length) return x1;
+      x1 = _;
+      return area;
+    };
+    area.y = function(_) {
+      if (!arguments.length) return y1;
+      y0 = y1 = _;
+      return area;
+    };
+    area.y0 = function(_) {
+      if (!arguments.length) return y0;
+      y0 = _;
+      return area;
+    };
+    area.y1 = function(_) {
+      if (!arguments.length) return y1;
+      y1 = _;
+      return area;
+    };
+    area.defined = function(_) {
+      if (!arguments.length) return defined;
+      defined = _;
+      return area;
+    };
+    area.interpolate = function(_) {
+      if (!arguments.length) return interpolateKey;
+      if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key;
+      interpolateReverse = interpolate.reverse || interpolate;
+      L = interpolate.closed ? "M" : "L";
+      return area;
+    };
+    area.tension = function(_) {
+      if (!arguments.length) return tension;
+      tension = _;
+      return area;
+    };
+    return area;
+  }
+  d3_svg_lineStepBefore.reverse = d3_svg_lineStepAfter;
+  d3_svg_lineStepAfter.reverse = d3_svg_lineStepBefore;
+  d3.svg.area = function() {
+    return d3_svg_area(d3_identity);
+  };
+  d3.svg.area.radial = function() {
+    var area = d3_svg_area(d3_svg_lineRadial);
+    area.radius = area.x, delete area.x;
+    area.innerRadius = area.x0, delete area.x0;
+    area.outerRadius = area.x1, delete area.x1;
+    area.angle = area.y, delete area.y;
+    area.startAngle = area.y0, delete area.y0;
+    area.endAngle = area.y1, delete area.y1;
+    return area;
+  };
+  d3.svg.chord = function() {
+    var source = d3_source, target = d3_target, radius = d3_svg_chordRadius, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle;
+    function chord(d, i) {
+      var s = subgroup(this, source, d, i), t = subgroup(this, target, d, i);
+      return "M" + s.p0 + arc(s.r, s.p1, s.a1 - s.a0) + (equals(s, t) ? curve(s.r, s.p1, s.r, s.p0) : curve(s.r, s.p1, t.r, t.p0) + arc(t.r, t.p1, t.a1 - t.a0) + curve(t.r, t.p1, s.r, s.p0)) + "Z";
+    }
+    function subgroup(self, f, d, i) {
+      var subgroup = f.call(self, d, i), r = radius.call(self, subgroup, i), a0 = startAngle.call(self, subgroup, i) - halfπ, a1 = endAngle.call(self, subgroup, i) - halfπ;
+      return {
+        r: r,
+        a0: a0,
+        a1: a1,
+        p0: [ r * Math.cos(a0), r * Math.sin(a0) ],
+        p1: [ r * Math.cos(a1), r * Math.sin(a1) ]
+      };
+    }
+    function equals(a, b) {
+      return a.a0 == b.a0 && a.a1 == b.a1;
+    }
+    function arc(r, p, a) {
+      return "A" + r + "," + r + " 0 " + +(a > π) + ",1 " + p;
+    }
+    function curve(r0, p0, r1, p1) {
+      return "Q 0,0 " + p1;
+    }
+    chord.radius = function(v) {
+      if (!arguments.length) return radius;
+      radius = d3_functor(v);
+      return chord;
+    };
+    chord.source = function(v) {
+      if (!arguments.length) return source;
+      source = d3_functor(v);
+      return chord;
+    };
+    chord.target = function(v) {
+      if (!arguments.length) return target;
+      target = d3_functor(v);
+      return chord;
+    };
+    chord.startAngle = function(v) {
+      if (!arguments.length) return startAngle;
+      startAngle = d3_functor(v);
+      return chord;
+    };
+    chord.endAngle = function(v) {
+      if (!arguments.length) return endAngle;
+      endAngle = d3_functor(v);
+      return chord;
+    };
+    return chord;
+  };
+  function d3_svg_chordRadius(d) {
+    return d.radius;
+  }
+  d3.svg.diagonal = function() {
+    var source = d3_source, target = d3_target, projection = d3_svg_diagonalProjection;
+    function diagonal(d, i) {
+      var p0 = source.call(this, d, i), p3 = target.call(this, d, i), m = (p0.y + p3.y) / 2, p = [ p0, {
+        x: p0.x,
+        y: m
+      }, {
+        x: p3.x,
+        y: m
+      }, p3 ];
+      p = p.map(projection);
+      return "M" + p[0] + "C" + p[1] + " " + p[2] + " " + p[3];
+    }
+    diagonal.source = function(x) {
+      if (!arguments.length) return source;
+      source = d3_functor(x);
+      return diagonal;
+    };
+    diagonal.target = function(x) {
+      if (!arguments.length) return target;
+      target = d3_functor(x);
+      return diagonal;
+    };
+    diagonal.projection = function(x) {
+      if (!arguments.length) return projection;
+      projection = x;
+      return diagonal;
+    };
+    return diagonal;
+  };
+  function d3_svg_diagonalProjection(d) {
+    return [ d.x, d.y ];
+  }
+  d3.svg.diagonal.radial = function() {
+    var diagonal = d3.svg.diagonal(), projection = d3_svg_diagonalProjection, projection_ = diagonal.projection;
+    diagonal.projection = function(x) {
+      return arguments.length ? projection_(d3_svg_diagonalRadialProjection(projection = x)) : projection;
+    };
+    return diagonal;
+  };
+  function d3_svg_diagonalRadialProjection(projection) {
+    return function() {
+      var d = projection.apply(this, arguments), r = d[0], a = d[1] - halfπ;
+      return [ r * Math.cos(a), r * Math.sin(a) ];
+    };
+  }
+  d3.svg.symbol = function() {
+    var type = d3_svg_symbolType, size = d3_svg_symbolSize;
+    function symbol(d, i) {
+      return (d3_svg_symbols.get(type.call(this, d, i)) || d3_svg_symbolCircle)(size.call(this, d, i));
+    }
+    symbol.type = function(x) {
+      if (!arguments.length) return type;
+      type = d3_functor(x);
+      return symbol;
+    };
+    symbol.size = function(x) {
+      if (!arguments.length) return size;
+      size = d3_functor(x);
+      return symbol;
+    };
+    return symbol;
+  };
+  function d3_svg_symbolSize() {
+    return 64;
+  }
+  function d3_svg_symbolType() {
+    return "circle";
+  }
+  function d3_svg_symbolCircle(size) {
+    var r = Math.sqrt(size / π);
+    return "M0," + r + "A" + r + "," + r + " 0 1,1 0," + -r + "A" + r + "," + r + " 0 1,1 0," + r + "Z";
+  }
+  var d3_svg_symbols = d3.map({
+    circle: d3_svg_symbolCircle,
+    cross: function(size) {
+      var r = Math.sqrt(size / 5) / 2;
+      return "M" + -3 * r + "," + -r + "H" + -r + "V" + -3 * r + "H" + r + "V" + -r + "H" + 3 * r + "V" + r + "H" + r + "V" + 3 * r + "H" + -r + "V" + r + "H" + -3 * r + "Z";
+    },
+    diamond: function(size) {
+      var ry = Math.sqrt(size / (2 * d3_svg_symbolTan30)), rx = ry * d3_svg_symbolTan30;
+      return "M0," + -ry + "L" + rx + ",0" + " 0," + ry + " " + -rx + ",0" + "Z";
+    },
+    square: function(size) {
+      var r = Math.sqrt(size) / 2;
+      return "M" + -r + "," + -r + "L" + r + "," + -r + " " + r + "," + r + " " + -r + "," + r + "Z";
+    },
+    "triangle-down": function(size) {
+      var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2;
+      return "M0," + ry + "L" + rx + "," + -ry + " " + -rx + "," + -ry + "Z";
+    },
+    "triangle-up": function(size) {
+      var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2;
+      return "M0," + -ry + "L" + rx + "," + ry + " " + -rx + "," + ry + "Z";
+    }
+  });
+  d3.svg.symbolTypes = d3_svg_symbols.keys();
+  var d3_svg_symbolSqrt3 = Math.sqrt(3), d3_svg_symbolTan30 = Math.tan(30 * d3_radians);
+  d3_selectionPrototype.transition = function(name) {
+    var id = d3_transitionInheritId || ++d3_transitionId, ns = d3_transitionNamespace(name), subgroups = [], subgroup, node, transition = d3_transitionInherit || {
+      time: Date.now(),
+      ease: d3_ease_cubicInOut,
+      delay: 0,
+      duration: 250
+    };
+    for (var j = -1, m = this.length; ++j < m; ) {
+      subgroups.push(subgroup = []);
+      for (var group = this[j], i = -1, n = group.length; ++i < n; ) {
+        if (node = group[i]) d3_transitionNode(node, i, ns, id, transition);
+        subgroup.push(node);
+      }
+    }
+    return d3_transition(subgroups, ns, id);
+  };
+  d3_selectionPrototype.interrupt = function(name) {
+    return this.each(name == null ? d3_selection_interrupt : d3_selection_interruptNS(d3_transitionNamespace(name)));
+  };
+  var d3_selection_interrupt = d3_selection_interruptNS(d3_transitionNamespace());
+  function d3_selection_interruptNS(ns) {
+    return function() {
+      var lock, activeId, active;
+      if ((lock = this[ns]) && (active = lock[activeId = lock.active])) {
+        active.timer.c = null;
+        active.timer.t = NaN;
+        if (--lock.count) delete lock[activeId]; else delete this[ns];
+        lock.active += .5;
+        active.event && active.event.interrupt.call(this, this.__data__, active.index);
+      }
+    };
+  }
+  function d3_transition(groups, ns, id) {
+    d3_subclass(groups, d3_transitionPrototype);
+    groups.namespace = ns;
+    groups.id = id;
+    return groups;
+  }
+  var d3_transitionPrototype = [], d3_transitionId = 0, d3_transitionInheritId, d3_transitionInherit;
+  d3_transitionPrototype.call = d3_selectionPrototype.call;
+  d3_transitionPrototype.empty = d3_selectionPrototype.empty;
+  d3_transitionPrototype.node = d3_selectionPrototype.node;
+  d3_transitionPrototype.size = d3_selectionPrototype.size;
+  d3.transition = function(selection, name) {
+    return selection && selection.transition ? d3_transitionInheritId ? selection.transition(name) : selection : d3.selection().transition(selection);
+  };
+  d3.transition.prototype = d3_transitionPrototype;
+  d3_transitionPrototype.select = function(selector) {
+    var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnode, node;
+    selector = d3_selection_selector(selector);
+    for (var j = -1, m = this.length; ++j < m; ) {
+      subgroups.push(subgroup = []);
+      for (var group = this[j], i = -1, n = group.length; ++i < n; ) {
+        if ((node = group[i]) && (subnode = selector.call(node, node.__data__, i, j))) {
+          if ("__data__" in node) subnode.__data__ = node.__data__;
+          d3_transitionNode(subnode, i, ns, id, node[ns][id]);
+          subgroup.push(subnode);
+        } else {
+          subgroup.push(null);
+        }
+      }
+    }
+    return d3_transition(subgroups, ns, id);
+  };
+  d3_transitionPrototype.selectAll = function(selector) {
+    var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnodes, node, subnode, transition;
+    selector = d3_selection_selectorAll(selector);
+    for (var j = -1, m = this.length; ++j < m; ) {
+      for (var group = this[j], i = -1, n = group.length; ++i < n; ) {
+        if (node = group[i]) {
+          transition = node[ns][id];
+          subnodes = selector.call(node, node.__data__, i, j);
+          subgroups.push(subgroup = []);
+          for (var k = -1, o = subnodes.length; ++k < o; ) {
+            if (subnode = subnodes[k]) d3_transitionNode(subnode, k, ns, id, transition);
+            subgroup.push(subnode);
+          }
+        }
+      }
+    }
+    return d3_transition(subgroups, ns, id);
+  };
+  d3_transitionPrototype.filter = function(filter) {
+    var subgroups = [], subgroup, group, node;
+    if (typeof filter !== "function") filter = d3_selection_filter(filter);
+    for (var j = 0, m = this.length; j < m; j++) {
+      subgroups.push(subgroup = []);
+      for (var group = this[j], i = 0, n = group.length; i < n; i++) {
+        if ((node = group[i]) && filter.call(node, node.__data__, i, j)) {
+          subgroup.push(node);
+        }
+      }
+    }
+    return d3_transition(subgroups, this.namespace, this.id);
+  };
+  d3_transitionPrototype.tween = function(name, tween) {
+    var id = this.id, ns = this.namespace;
+    if (arguments.length < 2) return this.node()[ns][id].tween.get(name);
+    return d3_selection_each(this, tween == null ? function(node) {
+      node[ns][id].tween.remove(name);
+    } : function(node) {
+      node[ns][id].tween.set(name, tween);
+    });
+  };
+  function d3_transition_tween(groups, name, value, tween) {
+    var id = groups.id, ns = groups.namespace;
+    return d3_selection_each(groups, typeof value === "function" ? function(node, i, j) {
+      node[ns][id].tween.set(name, tween(value.call(node, node.__data__, i, j)));
+    } : (value = tween(value), function(node) {
+      node[ns][id].tween.set(name, value);
+    }));
+  }
+  d3_transitionPrototype.attr = function(nameNS, value) {
+    if (arguments.length < 2) {
+      for (value in nameNS) this.attr(value, nameNS[value]);
+      return this;
+    }
+    var interpolate = nameNS == "transform" ? d3_interpolateTransform : d3_interpolate, name = d3.ns.qualify(nameNS);
+    function attrNull() {
+      this.removeAttribute(name);
+    }
+    function attrNullNS() {
+      this.removeAttributeNS(name.space, name.local);
+    }
+    function attrTween(b) {
+      return b == null ? attrNull : (b += "", function() {
+        var a = this.getAttribute(name), i;
+        return a !== b && (i = interpolate(a, b), function(t) {
+          this.setAttribute(name, i(t));
+        });
+      });
+    }
+    function attrTweenNS(b) {
+      return b == null ? attrNullNS : (b += "", function() {
+        var a = this.getAttributeNS(name.space, name.local), i;
+        return a !== b && (i = interpolate(a, b), function(t) {
+          this.setAttributeNS(name.space, name.local, i(t));
+        });
+      });
+    }
+    return d3_transition_tween(this, "attr." + nameNS, value, name.local ? attrTweenNS : attrTween);
+  };
+  d3_transitionPrototype.attrTween = function(nameNS, tween) {
+    var name = d3.ns.qualify(nameNS);
+    function attrTween(d, i) {
+      var f = tween.call(this, d, i, this.getAttribute(name));
+      return f && function(t) {
+        this.setAttribute(name, f(t));
+      };
+    }
+    function attrTweenNS(d, i) {
+      var f = tween.call(this, d, i, this.getAttributeNS(name.space, name.local));
+      return f && function(t) {
+        this.setAttributeNS(name.space, name.local, f(t));
+      };
+    }
+    return this.tween("attr." + nameNS, name.local ? attrTweenNS : attrTween);
+  };
+  d3_transitionPrototype.style = function(name, value, priority) {
+    var n = arguments.length;
+    if (n < 3) {
+      if (typeof name !== "string") {
+        if (n < 2) value = "";
+        for (priority in name) this.style(priority, name[priority], value);
+        return this;
+      }
+      priority = "";
+    }
+    function styleNull() {
+      this.style.removeProperty(name);
+    }
+    function styleString(b) {
+      return b == null ? styleNull : (b += "", function() {
+        var a = d3_window(this).getComputedStyle(this, null).getPropertyValue(name), i;
+        return a !== b && (i = d3_interpolate(a, b), function(t) {
+          this.style.setProperty(name, i(t), priority);
+        });
+      });
+    }
+    return d3_transition_tween(this, "style." + name, value, styleString);
+  };
+  d3_transitionPrototype.styleTween = function(name, tween, priority) {
+    if (arguments.length < 3) priority = "";
+    function styleTween(d, i) {
+      var f = tween.call(this, d, i, d3_window(this).getComputedStyle(this, null).getPropertyValue(name));
+      return f && function(t) {
+        this.style.setProperty(name, f(t), priority);
+      };
+    }
+    return this.tween("style." + name, styleTween);
+  };
+  d3_transitionPrototype.text = function(value) {
+    return d3_transition_tween(this, "text", value, d3_transition_text);
+  };
+  function d3_transition_text(b) {
+    if (b == null) b = "";
+    return function() {
+      this.textContent = b;
+    };
+  }
+  d3_transitionPrototype.remove = function() {
+    var ns = this.namespace;
+    return this.each("end.transition", function() {
+      var p;
+      if (this[ns].count < 2 && (p = this.parentNode)) p.removeChild(this);
+    });
+  };
+  d3_transitionPrototype.ease = function(value) {
+    var id = this.id, ns = this.namespace;
+    if (arguments.length < 1) return this.node()[ns][id].ease;
+    if (typeof value !== "function") value = d3.ease.apply(d3, arguments);
+    return d3_selection_each(this, function(node) {
+      node[ns][id].ease = value;
+    });
+  };
+  d3_transitionPrototype.delay = function(value) {
+    var id = this.id, ns = this.namespace;
+    if (arguments.length < 1) return this.node()[ns][id].delay;
+    return d3_selection_each(this, typeof value === "function" ? function(node, i, j) {
+      node[ns][id].delay = +value.call(node, node.__data__, i, j);
+    } : (value = +value, function(node) {
+      node[ns][id].delay = value;
+    }));
+  };
+  d3_transitionPrototype.duration = function(value) {
+    var id = this.id, ns = this.namespace;
+    if (arguments.length < 1) return this.node()[ns][id].duration;
+    return d3_selection_each(this, typeof value === "function" ? function(node, i, j) {
+      node[ns][id].duration = Math.max(1, value.call(node, node.__data__, i, j));
+    } : (value = Math.max(1, value), function(node) {
+      node[ns][id].duration = value;
+    }));
+  };
+  d3_transitionPrototype.each = function(type, listener) {
+    var id = this.id, ns = this.namespace;
+    if (arguments.length < 2) {
+      var inherit = d3_transitionInherit, inheritId = d3_transitionInheritId;
+      try {
+        d3_transitionInheritId = id;
+        d3_selection_each(this, function(node, i, j) {
+          d3_transitionInherit = node[ns][id];
+          type.call(node, node.__data__, i, j);
+        });
+      } finally {
+        d3_transitionInherit = inherit;
+        d3_transitionInheritId = inheritId;
+      }
+    } else {
+      d3_selection_each(this, function(node) {
+        var transition = node[ns][id];
+        (transition.event || (transition.event = d3.dispatch("start", "end", "interrupt"))).on(type, listener);
+      });
+    }
+    return this;
+  };
+  d3_transitionPrototype.transition = function() {
+    var id0 = this.id, id1 = ++d3_transitionId, ns = this.namespace, subgroups = [], subgroup, group, node, transition;
+    for (var j = 0, m = this.length; j < m; j++) {
+      subgroups.push(subgroup = []);
+      for (var group = this[j], i = 0, n = group.length; i < n; i++) {
+        if (node = group[i]) {
+          transition = node[ns][id0];
+          d3_transitionNode(node, i, ns, id1, {
+            time: transition.time,
+            ease: transition.ease,
+            delay: transition.delay + transition.duration,
+            duration: transition.duration
+          });
+        }
+        subgroup.push(node);
+      }
+    }
+    return d3_transition(subgroups, ns, id1);
+  };
+  function d3_transitionNamespace(name) {
+    return name == null ? "__transition__" : "__transition_" + name + "__";
+  }
+  function d3_transitionNode(node, i, ns, id, inherit) {
+    var lock = node[ns] || (node[ns] = {
+      active: 0,
+      count: 0
+    }), transition = lock[id], time, timer, duration, ease, tweens;
+    function schedule(elapsed) {
+      var delay = transition.delay;
+      timer.t = delay + time;
+      if (delay <= elapsed) return start(elapsed - delay);
+      timer.c = start;
+    }
+    function start(elapsed) {
+      var activeId = lock.active, active = lock[activeId];
+      if (active) {
+        active.timer.c = null;
+        active.timer.t = NaN;
+        --lock.count;
+        delete lock[activeId];
+        active.event && active.event.interrupt.call(node, node.__data__, active.index);
+      }
+      for (var cancelId in lock) {
+        if (+cancelId < id) {
+          var cancel = lock[cancelId];
+          cancel.timer.c = null;
+          cancel.timer.t = NaN;
+          --lock.count;
+          delete lock[cancelId];
+        }
+      }
+      timer.c = tick;
+      d3_timer(function() {
+        if (timer.c && tick(elapsed || 1)) {
+          timer.c = null;
+          timer.t = NaN;
+        }
+        return 1;
+      }, 0, time);
+      lock.active = id;
+      transition.event && transition.event.start.call(node, node.__data__, i);
+      tweens = [];
+      transition.tween.forEach(function(key, value) {
+        if (value = value.call(node, node.__data__, i)) {
+          tweens.push(value);
+        }
+      });
+      ease = transition.ease;
+      duration = transition.duration;
+    }
+    function tick(elapsed) {
+      var t = elapsed / duration, e = ease(t), n = tweens.length;
+      while (n > 0) {
+        tweens[--n].call(node, e);
+      }
+      if (t >= 1) {
+        transition.event && transition.event.end.call(node, node.__data__, i);
+        if (--lock.count) delete lock[id]; else delete node[ns];
+        return 1;
+      }
+    }
+    if (!transition) {
+      time = inherit.time;
+      timer = d3_timer(schedule, 0, time);
+      transition = lock[id] = {
+        tween: new d3_Map(),
+        time: time,
+        timer: timer,
+        delay: inherit.delay,
+        duration: inherit.duration,
+        ease: inherit.ease,
+        index: i
+      };
+      inherit = null;
+      ++lock.count;
+    }
+  }
+  d3.svg.axis = function() {
+    var scale = d3.scale.linear(), orient = d3_svg_axisDefaultOrient, innerTickSize = 6, outerTickSize = 6, tickPadding = 3, tickArguments_ = [ 10 ], tickValues = null, tickFormat_;
+    function axis(g) {
+      g.each(function() {
+        var g = d3.select(this);
+        var scale0 = this.__chart__ || scale, scale1 = this.__chart__ = scale.copy();
+        var ticks = tickValues == null ? scale1.ticks ? scale1.ticks.apply(scale1, tickArguments_) : scale1.domain() : tickValues, tickFormat = tickFormat_ == null ? scale1.tickFormat ? scale1.tickFormat.apply(scale1, tickArguments_) : d3_identity : tickFormat_, tick = g.selectAll(".tick").data(ticks, scale1), tickEnter = tick.enter().insert("g", ".domain").attr("class", "tick").style("opacity", ε), tickExit = d3.transition(tick.exit()).style("opacity", ε).remove(), tickUpdate = d3.trans [...]
+        var range = d3_scaleRange(scale1), path = g.selectAll(".domain").data([ 0 ]), pathUpdate = (path.enter().append("path").attr("class", "domain"), 
+        d3.transition(path));
+        tickEnter.append("line");
+        tickEnter.append("text");
+        var lineEnter = tickEnter.select("line"), lineUpdate = tickUpdate.select("line"), text = tick.select("text").text(tickFormat), textEnter = tickEnter.select("text"), textUpdate = tickUpdate.select("text"), sign = orient === "top" || orient === "left" ? -1 : 1, x1, x2, y1, y2;
+        if (orient === "bottom" || orient === "top") {
+          tickTransform = d3_svg_axisX, x1 = "x", y1 = "y", x2 = "x2", y2 = "y2";
+          text.attr("dy", sign < 0 ? "0em" : ".71em").style("text-anchor", "middle");
+          pathUpdate.attr("d", "M" + range[0] + "," + sign * outerTickSize + "V0H" + range[1] + "V" + sign * outerTickSize);
+        } else {
+          tickTransform = d3_svg_axisY, x1 = "y", y1 = "x", x2 = "y2", y2 = "x2";
+          text.attr("dy", ".32em").style("text-anchor", sign < 0 ? "end" : "start");
+          pathUpdate.attr("d", "M" + sign * outerTickSize + "," + range[0] + "H0V" + range[1] + "H" + sign * outerTickSize);
+        }
+        lineEnter.attr(y2, sign * innerTickSize);
+        textEnter.attr(y1, sign * tickSpacing);
+        lineUpdate.attr(x2, 0).attr(y2, sign * innerTickSize);
+        textUpdate.attr(x1, 0).attr(y1, sign * tickSpacing);
+        if (scale1.rangeBand) {
+          var x = scale1, dx = x.rangeBand() / 2;
+          scale0 = scale1 = function(d) {
+            return x(d) + dx;
+          };
+        } else if (scale0.rangeBand) {
+          scale0 = scale1;
+        } else {
+          tickExit.call(tickTransform, scale1, scale0);
+        }
+        tickEnter.call(tickTransform, scale0, scale1);
+        tickUpdate.call(tickTransform, scale1, scale1);
+      });
+    }
+    axis.scale = function(x) {
+      if (!arguments.length) return scale;
+      scale = x;
+      return axis;
+    };
+    axis.orient = function(x) {
+      if (!arguments.length) return orient;
+      orient = x in d3_svg_axisOrients ? x + "" : d3_svg_axisDefaultOrient;
+      return axis;
+    };
+    axis.ticks = function() {
+      if (!arguments.length) return tickArguments_;
+      tickArguments_ = d3_array(arguments);
+      return axis;
+    };
+    axis.tickValues = function(x) {
+      if (!arguments.length) return tickValues;
+      tickValues = x;
+      return axis;
+    };
+    axis.tickFormat = function(x) {
+      if (!arguments.length) return tickFormat_;
+      tickFormat_ = x;
+      return axis;
+    };
+    axis.tickSize = function(x) {
+      var n = arguments.length;
+      if (!n) return innerTickSize;
+      innerTickSize = +x;
+      outerTickSize = +arguments[n - 1];
+      return axis;
+    };
+    axis.innerTickSize = function(x) {
+      if (!arguments.length) return innerTickSize;
+      innerTickSize = +x;
+      return axis;
+    };
+    axis.outerTickSize = function(x) {
+      if (!arguments.length) return outerTickSize;
+      outerTickSize = +x;
+      return axis;
+    };
+    axis.tickPadding = function(x) {
+      if (!arguments.length) return tickPadding;
+      tickPadding = +x;
+      return axis;
+    };
+    axis.tickSubdivide = function() {
+      return arguments.length && axis;
+    };
+    return axis;
+  };
+  var d3_svg_axisDefaultOrient = "bottom", d3_svg_axisOrients = {
+    top: 1,
+    right: 1,
+    bottom: 1,
+    left: 1
+  };
+  function d3_svg_axisX(selection, x0, x1) {
+    selection.attr("transform", function(d) {
+      var v0 = x0(d);
+      return "translate(" + (isFinite(v0) ? v0 : x1(d)) + ",0)";
+    });
+  }
+  function d3_svg_axisY(selection, y0, y1) {
+    selection.attr("transform", function(d) {
+      var v0 = y0(d);
+      return "translate(0," + (isFinite(v0) ? v0 : y1(d)) + ")";
+    });
+  }
+  d3.svg.brush = function() {
+    var event = d3_eventDispatch(brush, "brushstart", "brush", "brushend"), x = null, y = null, xExtent = [ 0, 0 ], yExtent = [ 0, 0 ], xExtentDomain, yExtentDomain, xClamp = true, yClamp = true, resizes = d3_svg_brushResizes[0];
+    function brush(g) {
+      g.each(function() {
+        var g = d3.select(this).style("pointer-events", "all").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)").on("mousedown.brush", brushstart).on("touchstart.brush", brushstart);
+        var background = g.selectAll(".background").data([ 0 ]);
+        background.enter().append("rect").attr("class", "background").style("visibility", "hidden").style("cursor", "crosshair");
+        g.selectAll(".extent").data([ 0 ]).enter().append("rect").attr("class", "extent").style("cursor", "move");
+        var resize = g.selectAll(".resize").data(resizes, d3_identity);
+        resize.exit().remove();
+        resize.enter().append("g").attr("class", function(d) {
+          return "resize " + d;
+        }).style("cursor", function(d) {
+          return d3_svg_brushCursor[d];
+        }).append("rect").attr("x", function(d) {
+          return /[ew]$/.test(d) ? -3 : null;
+        }).attr("y", function(d) {
+          return /^[ns]/.test(d) ? -3 : null;
+        }).attr("width", 6).attr("height", 6).style("visibility", "hidden");
+        resize.style("display", brush.empty() ? "none" : null);
+        var gUpdate = d3.transition(g), backgroundUpdate = d3.transition(background), range;
+        if (x) {
+          range = d3_scaleRange(x);
+          backgroundUpdate.attr("x", range[0]).attr("width", range[1] - range[0]);
+          redrawX(gUpdate);
+        }
+        if (y) {
+          range = d3_scaleRange(y);
+          backgroundUpdate.attr("y", range[0]).attr("height", range[1] - range[0]);
+          redrawY(gUpdate);
+        }
+        redraw(gUpdate);
+      });
+    }
+    brush.event = function(g) {
+      g.each(function() {
+        var event_ = event.of(this, arguments), extent1 = {
+          x: xExtent,
+          y: yExtent,
+          i: xExtentDomain,
+          j: yExtentDomain
+        }, extent0 = this.__chart__ || extent1;
+        this.__chart__ = extent1;
+        if (d3_transitionInheritId) {
+          d3.select(this).transition().each("start.brush", function() {
+            xExtentDomain = extent0.i;
+            yExtentDomain = extent0.j;
+            xExtent = extent0.x;
+            yExtent = extent0.y;
+            event_({
+              type: "brushstart"
+            });
+          }).tween("brush:brush", function() {
+            var xi = d3_interpolateArray(xExtent, extent1.x), yi = d3_interpolateArray(yExtent, extent1.y);
+            xExtentDomain = yExtentDomain = null;
+            return function(t) {
+              xExtent = extent1.x = xi(t);
+              yExtent = extent1.y = yi(t);
+              event_({
+                type: "brush",
+                mode: "resize"
+              });
+            };
+          }).each("end.brush", function() {
+            xExtentDomain = extent1.i;
+            yExtentDomain = extent1.j;
+            event_({
+              type: "brush",
+              mode: "resize"
+            });
+            event_({
+              type: "brushend"
+            });
+          });
+        } else {
+          event_({
+            type: "brushstart"
+          });
+          event_({
+            type: "brush",
+            mode: "resize"
+          });
+          event_({
+            type: "brushend"
+          });
+        }
+      });
+    };
+    function redraw(g) {
+      g.selectAll(".resize").attr("transform", function(d) {
+        return "translate(" + xExtent[+/e$/.test(d)] + "," + yExtent[+/^s/.test(d)] + ")";
+      });
+    }
+    function redrawX(g) {
+      g.select(".extent").attr("x", xExtent[0]);
+      g.selectAll(".extent,.n>rect,.s>rect").attr("width", xExtent[1] - xExtent[0]);
+    }
+    function redrawY(g) {
+      g.select(".extent").attr("y", yExtent[0]);
+      g.selectAll(".extent,.e>rect,.w>rect").attr("height", yExtent[1] - yExtent[0]);
+    }
+    function brushstart() {
+      var target = this, eventTarget = d3.select(d3.event.target), event_ = event.of(target, arguments), g = d3.select(target), resizing = eventTarget.datum(), resizingX = !/^(n|s)$/.test(resizing) && x, resizingY = !/^(e|w)$/.test(resizing) && y, dragging = eventTarget.classed("extent"), dragRestore = d3_event_dragSuppress(target), center, origin = d3.mouse(target), offset;
+      var w = d3.select(d3_window(target)).on("keydown.brush", keydown).on("keyup.brush", keyup);
+      if (d3.event.changedTouches) {
+        w.on("touchmove.brush", brushmove).on("touchend.brush", brushend);
+      } else {
+        w.on("mousemove.brush", brushmove).on("mouseup.brush", brushend);
+      }
+      g.interrupt().selectAll("*").interrupt();
+      if (dragging) {
+        origin[0] = xExtent[0] - origin[0];
+        origin[1] = yExtent[0] - origin[1];
+      } else if (resizing) {
+        var ex = +/w$/.test(resizing), ey = +/^n/.test(resizing);
+        offset = [ xExtent[1 - ex] - origin[0], yExtent[1 - ey] - origin[1] ];
+        origin[0] = xExtent[ex];
+        origin[1] = yExtent[ey];
+      } else if (d3.event.altKey) center = origin.slice();
+      g.style("pointer-events", "none").selectAll(".resize").style("display", null);
+      d3.select("body").style("cursor", eventTarget.style("cursor"));
+      event_({
+        type: "brushstart"
+      });
+      brushmove();
+      function keydown() {
+        if (d3.event.keyCode == 32) {
+          if (!dragging) {
+            center = null;
+            origin[0] -= xExtent[1];
+            origin[1] -= yExtent[1];
+            dragging = 2;
+          }
+          d3_eventPreventDefault();
+        }
+      }
+      function keyup() {
+        if (d3.event.keyCode == 32 && dragging == 2) {
+          origin[0] += xExtent[1];
+          origin[1] += yExtent[1];
+          dragging = 0;
+          d3_eventPreventDefault();
+        }
+      }
+      function brushmove() {
+        var point = d3.mouse(target), moved = false;
+        if (offset) {
+          point[0] += offset[0];
+          point[1] += offset[1];
+        }
+        if (!dragging) {
+          if (d3.event.altKey) {
+            if (!center) center = [ (xExtent[0] + xExtent[1]) / 2, (yExtent[0] + yExtent[1]) / 2 ];
+            origin[0] = xExtent[+(point[0] < center[0])];
+            origin[1] = yExtent[+(point[1] < center[1])];
+          } else center = null;
+        }
+        if (resizingX && move1(point, x, 0)) {
+          redrawX(g);
+          moved = true;
+        }
+        if (resizingY && move1(point, y, 1)) {
+          redrawY(g);
+          moved = true;
+        }
+        if (moved) {
+          redraw(g);
+          event_({
+            type: "brush",
+            mode: dragging ? "move" : "resize"
+          });
+        }
+      }
+      function move1(point, scale, i) {
+        var range = d3_scaleRange(scale), r0 = range[0], r1 = range[1], position = origin[i], extent = i ? yExtent : xExtent, size = extent[1] - extent[0], min, max;
+        if (dragging) {
+          r0 -= position;
+          r1 -= size + position;
+        }
+        min = (i ? yClamp : xClamp) ? Math.max(r0, Math.min(r1, point[i])) : point[i];
+        if (dragging) {
+          max = (min += position) + size;
+        } else {
+          if (center) position = Math.max(r0, Math.min(r1, 2 * center[i] - min));
+          if (position < min) {
+            max = min;
+            min = position;
+          } else {
+            max = position;
+          }
+        }
+        if (extent[0] != min || extent[1] != max) {
+          if (i) yExtentDomain = null; else xExtentDomain = null;
+          extent[0] = min;
+          extent[1] = max;
+          return true;
+        }
+      }
+      function brushend() {
+        brushmove();
+        g.style("pointer-events", "all").selectAll(".resize").style("display", brush.empty() ? "none" : null);
+        d3.select("body").style("cursor", null);
+        w.on("mousemove.brush", null).on("mouseup.brush", null).on("touchmove.brush", null).on("touchend.brush", null).on("keydown.brush", null).on("keyup.brush", null);
+        dragRestore();
+        event_({
+          type: "brushend"
+        });
+      }
+    }
+    brush.x = function(z) {
+      if (!arguments.length) return x;
+      x = z;
+      resizes = d3_svg_brushResizes[!x << 1 | !y];
+      return brush;
+    };
+    brush.y = function(z) {
+      if (!arguments.length) return y;
+      y = z;
+      resizes = d3_svg_brushResizes[!x << 1 | !y];
+      return brush;
+    };
+    brush.clamp = function(z) {
+      if (!arguments.length) return x && y ? [ xClamp, yClamp ] : x ? xClamp : y ? yClamp : null;
+      if (x && y) xClamp = !!z[0], yClamp = !!z[1]; else if (x) xClamp = !!z; else if (y) yClamp = !!z;
+      return brush;
+    };
+    brush.extent = function(z) {
+      var x0, x1, y0, y1, t;
+      if (!arguments.length) {
+        if (x) {
+          if (xExtentDomain) {
+            x0 = xExtentDomain[0], x1 = xExtentDomain[1];
+          } else {
+            x0 = xExtent[0], x1 = xExtent[1];
+            if (x.invert) x0 = x.invert(x0), x1 = x.invert(x1);
+            if (x1 < x0) t = x0, x0 = x1, x1 = t;
+          }
+        }
+        if (y) {
+          if (yExtentDomain) {
+            y0 = yExtentDomain[0], y1 = yExtentDomain[1];
+          } else {
+            y0 = yExtent[0], y1 = yExtent[1];
+            if (y.invert) y0 = y.invert(y0), y1 = y.invert(y1);
+            if (y1 < y0) t = y0, y0 = y1, y1 = t;
+          }
+        }
+        return x && y ? [ [ x0, y0 ], [ x1, y1 ] ] : x ? [ x0, x1 ] : y && [ y0, y1 ];
+      }
+      if (x) {
+        x0 = z[0], x1 = z[1];
+        if (y) x0 = x0[0], x1 = x1[0];
+        xExtentDomain = [ x0, x1 ];
+        if (x.invert) x0 = x(x0), x1 = x(x1);
+        if (x1 < x0) t = x0, x0 = x1, x1 = t;
+        if (x0 != xExtent[0] || x1 != xExtent[1]) xExtent = [ x0, x1 ];
+      }
+      if (y) {
+        y0 = z[0], y1 = z[1];
+        if (x) y0 = y0[1], y1 = y1[1];
+        yExtentDomain = [ y0, y1 ];
+        if (y.invert) y0 = y(y0), y1 = y(y1);
+        if (y1 < y0) t = y0, y0 = y1, y1 = t;
+        if (y0 != yExtent[0] || y1 != yExtent[1]) yExtent = [ y0, y1 ];
+      }
+      return brush;
+    };
+    brush.clear = function() {
+      if (!brush.empty()) {
+        xExtent = [ 0, 0 ], yExtent = [ 0, 0 ];
+        xExtentDomain = yExtentDomain = null;
+      }
+      return brush;
+    };
+    brush.empty = function() {
+      return !!x && xExtent[0] == xExtent[1] || !!y && yExtent[0] == yExtent[1];
+    };
+    return d3.rebind(brush, event, "on");
+  };
+  var d3_svg_brushCursor = {
+    n: "ns-resize",
+    e: "ew-resize",
+    s: "ns-resize",
+    w: "ew-resize",
+    nw: "nwse-resize",
+    ne: "nesw-resize",
+    se: "nwse-resize",
+    sw: "nesw-resize"
+  };
+  var d3_svg_brushResizes = [ [ "n", "e", "s", "w", "nw", "ne", "se", "sw" ], [ "e", "w" ], [ "n", "s" ], [] ];
+  var d3_time_format = d3_time.format = d3_locale_enUS.timeFormat;
+  var d3_time_formatUtc = d3_time_format.utc;
+  var d3_time_formatIso = d3_time_formatUtc("%Y-%m-%dT%H:%M:%S.%LZ");
+  d3_time_format.iso = Date.prototype.toISOString && +new Date("2000-01-01T00:00:00.000Z") ? d3_time_formatIsoNative : d3_time_formatIso;
+  function d3_time_formatIsoNative(date) {
+    return date.toISOString();
+  }
+  d3_time_formatIsoNative.parse = function(string) {
+    var date = new Date(string);
+    return isNaN(date) ? null : date;
+  };
+  d3_time_formatIsoNative.toString = d3_time_formatIso.toString;
+  d3_time.second = d3_time_interval(function(date) {
+    return new d3_date(Math.floor(date / 1e3) * 1e3);
+  }, function(date, offset) {
+    date.setTime(date.getTime() + Math.floor(offset) * 1e3);
+  }, function(date) {
+    return date.getSeconds();
+  });
+  d3_time.seconds = d3_time.second.range;
+  d3_time.seconds.utc = d3_time.second.utc.range;
+  d3_time.minute = d3_time_interval(function(date) {
+    return new d3_date(Math.floor(date / 6e4) * 6e4);
+  }, function(date, offset) {
+    date.setTime(date.getTime() + Math.floor(offset) * 6e4);
+  }, function(date) {
+    return date.getMinutes();
+  });
+  d3_time.minutes = d3_time.minute.range;
+  d3_time.minutes.utc = d3_time.minute.utc.range;
+  d3_time.hour = d3_time_interval(function(date) {
+    var timezone = date.getTimezoneOffset() / 60;
+    return new d3_date((Math.floor(date / 36e5 - timezone) + timezone) * 36e5);
+  }, function(date, offset) {
+    date.setTime(date.getTime() + Math.floor(offset) * 36e5);
+  }, function(date) {
+    return date.getHours();
+  });
+  d3_time.hours = d3_time.hour.range;
+  d3_time.hours.utc = d3_time.hour.utc.range;
+  d3_time.month = d3_time_interval(function(date) {
+    date = d3_time.day(date);
+    date.setDate(1);
+    return date;
+  }, function(date, offset) {
+    date.setMonth(date.getMonth() + offset);
+  }, function(date) {
+    return date.getMonth();
+  });
+  d3_time.months = d3_time.month.range;
+  d3_time.months.utc = d3_time.month.utc.range;
+  function d3_time_scale(linear, methods, format) {
+    function scale(x) {
+      return linear(x);
+    }
+    scale.invert = function(x) {
+      return d3_time_scaleDate(linear.invert(x));
+    };
+    scale.domain = function(x) {
+      if (!arguments.length) return linear.domain().map(d3_time_scaleDate);
+      linear.domain(x);
+      return scale;
+    };
+    function tickMethod(extent, count) {
+      var span = extent[1] - extent[0], target = span / count, i = d3.bisect(d3_time_scaleSteps, target);
+      return i == d3_time_scaleSteps.length ? [ methods.year, d3_scale_linearTickRange(extent.map(function(d) {
+        return d / 31536e6;
+      }), count)[2] ] : !i ? [ d3_time_scaleMilliseconds, d3_scale_linearTickRange(extent, count)[2] ] : methods[target / d3_time_scaleSteps[i - 1] < d3_time_scaleSteps[i] / target ? i - 1 : i];
+    }
+    scale.nice = function(interval, skip) {
+      var domain = scale.domain(), extent = d3_scaleExtent(domain), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" && tickMethod(extent, interval);
+      if (method) interval = method[0], skip = method[1];
+      function skipped(date) {
+        return !isNaN(date) && !interval.range(date, d3_time_scaleDate(+date + 1), skip).length;
+      }
+      return scale.domain(d3_scale_nice(domain, skip > 1 ? {
+        floor: function(date) {
+          while (skipped(date = interval.floor(date))) date = d3_time_scaleDate(date - 1);
+          return date;
+        },
+        ceil: function(date) {
+          while (skipped(date = interval.ceil(date))) date = d3_time_scaleDate(+date + 1);
+          return date;
+        }
+      } : interval));
+    };
+    scale.ticks = function(interval, skip) {
+      var extent = d3_scaleExtent(scale.domain()), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" ? tickMethod(extent, interval) : !interval.range && [ {
+        range: interval
+      }, skip ];
+      if (method) interval = method[0], skip = method[1];
+      return interval.range(extent[0], d3_time_scaleDate(+extent[1] + 1), skip < 1 ? 1 : skip);
+    };
+    scale.tickFormat = function() {
+      return format;
+    };
+    scale.copy = function() {
+      return d3_time_scale(linear.copy(), methods, format);
+    };
+    return d3_scale_linearRebind(scale, linear);
+  }
+  function d3_time_scaleDate(t) {
+    return new Date(t);
+  }
+  var d3_time_scaleSteps = [ 1e3, 5e3, 15e3, 3e4, 6e4, 3e5, 9e5, 18e5, 36e5, 108e5, 216e5, 432e5, 864e5, 1728e5, 6048e5, 2592e6, 7776e6, 31536e6 ];
+  var d3_time_scaleLocalMethods = [ [ d3_time.second, 1 ], [ d3_time.second, 5 ], [ d3_time.second, 15 ], [ d3_time.second, 30 ], [ d3_time.minute, 1 ], [ d3_time.minute, 5 ], [ d3_time.minute, 15 ], [ d3_time.minute, 30 ], [ d3_time.hour, 1 ], [ d3_time.hour, 3 ], [ d3_time.hour, 6 ], [ d3_time.hour, 12 ], [ d3_time.day, 1 ], [ d3_time.day, 2 ], [ d3_time.week, 1 ], [ d3_time.month, 1 ], [ d3_time.month, 3 ], [ d3_time.year, 1 ] ];
+  var d3_time_scaleLocalFormat = d3_time_format.multi([ [ ".%L", function(d) {
+    return d.getMilliseconds();
+  } ], [ ":%S", function(d) {
+    return d.getSeconds();
+  } ], [ "%I:%M", function(d) {
+    return d.getMinutes();
+  } ], [ "%I %p", function(d) {
+    return d.getHours();
+  } ], [ "%a %d", function(d) {
+    return d.getDay() && d.getDate() != 1;
+  } ], [ "%b %d", function(d) {
+    return d.getDate() != 1;
+  } ], [ "%B", function(d) {
+    return d.getMonth();
+  } ], [ "%Y", d3_true ] ]);
+  var d3_time_scaleMilliseconds = {
+    range: function(start, stop, step) {
+      return d3.range(Math.ceil(start / step) * step, +stop, step).map(d3_time_scaleDate);
+    },
+    floor: d3_identity,
+    ceil: d3_identity
+  };
+  d3_time_scaleLocalMethods.year = d3_time.year;
+  d3_time.scale = function() {
+    return d3_time_scale(d3.scale.linear(), d3_time_scaleLocalMethods, d3_time_scaleLocalFormat);
+  };
+  var d3_time_scaleUtcMethods = d3_time_scaleLocalMethods.map(function(m) {
+    return [ m[0].utc, m[1] ];
+  });
+  var d3_time_scaleUtcFormat = d3_time_formatUtc.multi([ [ ".%L", function(d) {
+    return d.getUTCMilliseconds();
+  } ], [ ":%S", function(d) {
+    return d.getUTCSeconds();
+  } ], [ "%I:%M", function(d) {
+    return d.getUTCMinutes();
+  } ], [ "%I %p", function(d) {
+    return d.getUTCHours();
+  } ], [ "%a %d", function(d) {
+    return d.getUTCDay() && d.getUTCDate() != 1;
+  } ], [ "%b %d", function(d) {
+    return d.getUTCDate() != 1;
+  } ], [ "%B", function(d) {
+    return d.getUTCMonth();
+  } ], [ "%Y", d3_true ] ]);
+  d3_time_scaleUtcMethods.year = d3_time.year.utc;
+  d3_time.scale.utc = function() {
+    return d3_time_scale(d3.scale.linear(), d3_time_scaleUtcMethods, d3_time_scaleUtcFormat);
+  };
+  d3.text = d3_xhrType(function(request) {
+    return request.responseText;
+  });
+  d3.json = function(url, callback) {
+    return d3_xhr(url, "application/json", d3_json, callback);
+  };
+  function d3_json(request) {
+    return JSON.parse(request.responseText);
+  }
+  d3.html = function(url, callback) {
+    return d3_xhr(url, "text/html", d3_html, callback);
+  };
+  function d3_html(request) {
+    var range = d3_document.createRange();
+    range.selectNode(d3_document.body);
+    return range.createContextualFragment(request.responseText);
+  }
+  d3.xml = d3_xhrType(function(request) {
+    return request.responseXML;
+  });
+  if (typeof define === "function" && define.amd) this.d3 = d3, define(d3); else if (typeof module === "object" && module.exports) module.exports = d3; else this.d3 = d3;
+}();
+},{}],123:[function(require,module,exports){
+"use strict"
+
+var ch = require("incremental-convex-hull")
+var uniq = require("uniq")
+
+module.exports = triangulate
+
+function LiftedPoint(p, i) {
+  this.point = p
+  this.index = i
+}
+
+function compareLifted(a, b) {
+  var ap = a.point
+  var bp = b.point
+  var d = ap.length
+  for(var i=0; i<d; ++i) {
+    var s = bp[i] - ap[i]
+    if(s) {
+      return s
+    }
+  }
+  return 0
+}
+
+function triangulate1D(n, points, includePointAtInfinity) {
+  if(n === 1) {
+    if(includePointAtInfinity) {
+      return [ [-1, 0] ]
+    } else {
+      return []
+    }
+  }
+  var lifted = points.map(function(p, i) {
+    return [ p[0], i ]
+  })
+  lifted.sort(function(a,b) {
+    return a[0] - b[0]
+  })
+  var cells = new Array(n - 1)
+  for(var i=1; i<n; ++i) {
+    var a = lifted[i-1]
+    var b = lifted[i]
+    cells[i-1] = [ a[1], b[1] ]
+  }
+  if(includePointAtInfinity) {
+    cells.push(
+      [ -1, cells[0][1], ],
+      [ cells[n-1][1], -1 ])
+  }
+  return cells
+}
+
+function triangulate(points, includePointAtInfinity) {
+  var n = points.length
+  if(n === 0) {
+    return []
+  }
+  
+  var d = points[0].length
+  if(d < 1) {
+    return []
+  }
+
+  //Special case:  For 1D we can just sort the points
+  if(d === 1) {
+    return triangulate1D(n, points, includePointAtInfinity)
+  }
+  
+  //Lift points, sort
+  var lifted = new Array(n)
+  var upper = 1.0
+  for(var i=0; i<n; ++i) {
+    var p = points[i]
+    var x = new Array(d+1)
+    var l = 0.0
+    for(var j=0; j<d; ++j) {
+      var v = p[j]
+      x[j] = v
+      l += v * v
+    }
+    x[d] = l
+    lifted[i] = new LiftedPoint(x, i)
+    upper = Math.max(l, upper)
+  }
+  uniq(lifted, compareLifted)
+  
+  //Double points
+  n = lifted.length
+
+  //Create new list of points
+  var dpoints = new Array(n + d + 1)
+  var dindex = new Array(n + d + 1)
+
+  //Add steiner points at top
+  var u = (d+1) * (d+1) * upper
+  var y = new Array(d+1)
+  for(var i=0; i<=d; ++i) {
+    y[i] = 0.0
+  }
+  y[d] = u
+
+  dpoints[0] = y.slice()
+  dindex[0] = -1
+
+  for(var i=0; i<=d; ++i) {
+    var x = y.slice()
+    x[i] = 1
+    dpoints[i+1] = x
+    dindex[i+1] = -1
+  }
+
+  //Copy rest of the points over
+  for(var i=0; i<n; ++i) {
+    var h = lifted[i]
+    dpoints[i + d + 1] = h.point
+    dindex[i + d + 1] =  h.index
+  }
+
+  //Construct convex hull
+  var hull = ch(dpoints, false)
+  if(includePointAtInfinity) {
+    hull = hull.filter(function(cell) {
+      var count = 0
+      for(var j=0; j<=d; ++j) {
+        var v = dindex[cell[j]]
+        if(v < 0) {
+          if(++count >= 2) {
+            return false
+          }
+        }
+        cell[j] = v
+      }
+      return true
+    })
+  } else {
+    hull = hull.filter(function(cell) {
+      for(var i=0; i<=d; ++i) {
+        var v = dindex[cell[i]]
+        if(v < 0) {
+          return false
+        }
+        cell[i] = v
+      }
+      return true
+    })
+  }
+
+  if(d & 1) {
+    for(var i=0; i<hull.length; ++i) {
+      var h = hull[i]
+      var x = h[0]
+      h[0] = h[1]
+      h[1] = x
+    }
+  }
+
+  return hull
+}
+},{"incremental-convex-hull":290,"uniq":543}],124:[function(require,module,exports){
+(function (Buffer){
+var hasTypedArrays = false
+if(typeof Float64Array !== "undefined") {
+  var DOUBLE_VIEW = new Float64Array(1)
+    , UINT_VIEW   = new Uint32Array(DOUBLE_VIEW.buffer)
+  DOUBLE_VIEW[0] = 1.0
+  hasTypedArrays = true
+  if(UINT_VIEW[1] === 0x3ff00000) {
+    //Use little endian
+    module.exports = function doubleBitsLE(n) {
+      DOUBLE_VIEW[0] = n
+      return [ UINT_VIEW[0], UINT_VIEW[1] ]
+    }
+    function toDoubleLE(lo, hi) {
+      UINT_VIEW[0] = lo
+      UINT_VIEW[1] = hi
+      return DOUBLE_VIEW[0]
+    }
+    module.exports.pack = toDoubleLE
+    function lowUintLE(n) {
+      DOUBLE_VIEW[0] = n
+      return UINT_VIEW[0]
+    }
+    module.exports.lo = lowUintLE
+    function highUintLE(n) {
+      DOUBLE_VIEW[0] = n
+      return UINT_VIEW[1]
+    }
+    module.exports.hi = highUintLE
+  } else if(UINT_VIEW[0] === 0x3ff00000) {
+    //Use big endian
+    module.exports = function doubleBitsBE(n) {
+      DOUBLE_VIEW[0] = n
+      return [ UINT_VIEW[1], UINT_VIEW[0] ]
+    }
+    function toDoubleBE(lo, hi) {
+      UINT_VIEW[1] = lo
+      UINT_VIEW[0] = hi
+      return DOUBLE_VIEW[0]
+    }
+    module.exports.pack = toDoubleBE
+    function lowUintBE(n) {
+      DOUBLE_VIEW[0] = n
+      return UINT_VIEW[1]
+    }
+    module.exports.lo = lowUintBE
+    function highUintBE(n) {
+      DOUBLE_VIEW[0] = n
+      return UINT_VIEW[0]
+    }
+    module.exports.hi = highUintBE
+  } else {
+    hasTypedArrays = false
+  }
+}
+if(!hasTypedArrays) {
+  var buffer = new Buffer(8)
+  module.exports = function doubleBits(n) {
+    buffer.writeDoubleLE(n, 0, true)
+    return [ buffer.readUInt32LE(0, true), buffer.readUInt32LE(4, true) ]
+  }
+  function toDouble(lo, hi) {
+    buffer.writeUInt32LE(lo, 0, true)
+    buffer.writeUInt32LE(hi, 4, true)
+    return buffer.readDoubleLE(0, true)
+  }
+  module.exports.pack = toDouble  
+  function lowUint(n) {
+    buffer.writeDoubleLE(n, 0, true)
+    return buffer.readUInt32LE(0, true)
+  }
+  module.exports.lo = lowUint
+  function highUint(n) {
+    buffer.writeDoubleLE(n, 0, true)
+    return buffer.readUInt32LE(4, true)
+  }
+  module.exports.hi = highUint
+}
+
+module.exports.sign = function(n) {
+  return module.exports.hi(n) >>> 31
+}
+
+module.exports.exponent = function(n) {
+  var b = module.exports.hi(n)
+  return ((b<<1) >>> 21) - 1023
+}
+
+module.exports.fraction = function(n) {
+  var lo = module.exports.lo(n)
+  var hi = module.exports.hi(n)
+  var b = hi & ((1<<20) - 1)
+  if(hi & 0x7ff00000) {
+    b += (1<<20)
+  }
+  return [lo, b]
+}
+
+module.exports.denormalized = function(n) {
+  var hi = module.exports.hi(n)
+  return !(hi & 0x7ff00000)
+}
+}).call(this,require("buffer").Buffer)
+},{"buffer":77}],125:[function(require,module,exports){
+"use strict"
+
+function dupe_array(count, value, i) {
+  var c = count[i]|0
+  if(c <= 0) {
+    return []
+  }
+  var result = new Array(c), j
+  if(i === count.length-1) {
+    for(j=0; j<c; ++j) {
+      result[j] = value
+    }
+  } else {
+    for(j=0; j<c; ++j) {
+      result[j] = dupe_array(count, value, i+1)
+    }
+  }
+  return result
+}
+
+function dupe_number(count, value) {
+  var result, i
+  result = new Array(count)
+  for(i=0; i<count; ++i) {
+    result[i] = value
+  }
+  return result
+}
+
+function dupe(count, value) {
+  if(typeof value === "undefined") {
+    value = 0
+  }
+  switch(typeof count) {
+    case "number":
+      if(count > 0) {
+        return dupe_number(count|0, value)
+      }
+    break
+    case "object":
+      if(typeof (count.length) === "number") {
+        return dupe_array(count, value, 0)
+      }
+    break
+  }
+  return []
+}
+
+module.exports = dupe
+},{}],126:[function(require,module,exports){
+'use strict';
+
+module.exports = earcut;
+
+function earcut(data, holeIndices, dim) {
+
+    dim = dim || 2;
+
+    var hasHoles = holeIndices && holeIndices.length,
+        outerLen = hasHoles ? holeIndices[0] * dim : data.length,
+        outerNode = linkedList(data, 0, outerLen, dim, true),
+        triangles = [];
+
+    if (!outerNode) return triangles;
+
+    var minX, minY, maxX, maxY, x, y, size;
+
+    if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim);
+
+    // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
+    if (data.length > 80 * dim) {
+        minX = maxX = data[0];
+        minY = maxY = data[1];
+
+        for (var i = dim; i < outerLen; i += dim) {
+            x = data[i];
+            y = data[i + 1];
+            if (x < minX) minX = x;
+            if (y < minY) minY = y;
+            if (x > maxX) maxX = x;
+            if (y > maxY) maxY = y;
+        }
+
+        // minX, minY and size are later used to transform coords into integers for z-order calculation
+        size = Math.max(maxX - minX, maxY - minY);
+    }
+
+    earcutLinked(outerNode, triangles, dim, minX, minY, size);
+
+    return triangles;
+}
+
+// create a circular doubly linked list from polygon points in the specified winding order
+function linkedList(data, start, end, dim, clockwise) {
+    var i, last;
+
+    if (clockwise === (signedArea(data, start, end, dim) > 0)) {
+        for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
+    } else {
+        for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
+    }
+
+    if (last && equals(last, last.next)) {
+        removeNode(last);
+        last = last.next;
+    }
+
+    return last;
+}
+
+// eliminate colinear or duplicate points
+function filterPoints(start, end) {
+    if (!start) return start;
+    if (!end) end = start;
+
+    var p = start,
+        again;
+    do {
+        again = false;
+
+        if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) {
+            removeNode(p);
+            p = end = p.prev;
+            if (p === p.next) return null;
+            again = true;
+
+        } else {
+            p = p.next;
+        }
+    } while (again || p !== end);
+
+    return end;
+}
+
+// main ear slicing loop which triangulates a polygon (given as a linked list)
+function earcutLinked(ear, triangles, dim, minX, minY, size, pass) {
+    if (!ear) return;
+
+    // interlink polygon nodes in z-order
+    if (!pass && size) indexCurve(ear, minX, minY, size);
+
+    var stop = ear,
+        prev, next;
+
+    // iterate through ears, slicing them one by one
+    while (ear.prev !== ear.next) {
+        prev = ear.prev;
+        next = ear.next;
+
+        if (size ? isEarHashed(ear, minX, minY, size) : isEar(ear)) {
+            // cut off the triangle
+            triangles.push(prev.i / dim);
+            triangles.push(ear.i / dim);
+            triangles.push(next.i / dim);
+
+            removeNode(ear);
+
+            // skipping the next vertice leads to less sliver triangles
+            ear = next.next;
+            stop = next.next;
+
+            continue;
+        }
+
+        ear = next;
+
+        // if we looped through the whole remaining polygon and can't find any more ears
+        if (ear === stop) {
+            // try filtering points and slicing again
+            if (!pass) {
+                earcutLinked(filterPoints(ear), triangles, dim, minX, minY, size, 1);
+
+            // if this didn't work, try curing all small self-intersections locally
+            } else if (pass === 1) {
+                ear = cureLocalIntersections(ear, triangles, dim);
+                earcutLinked(ear, triangles, dim, minX, minY, size, 2);
+
+            // as a last resort, try splitting the remaining polygon into two
+            } else if (pass === 2) {
+                splitEarcut(ear, triangles, dim, minX, minY, size);
+            }
+
+            break;
+        }
+    }
+}
+
+// check whether a polygon node forms a valid ear with adjacent nodes
+function isEar(ear) {
+    var a = ear.prev,
+        b = ear,
+        c = ear.next;
+
+    if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+
+    // now make sure we don't have other points inside the potential ear
+    var p = ear.next.next;
+
+    while (p !== ear.prev) {
+        if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
+            area(p.prev, p, p.next) >= 0) return false;
+        p = p.next;
+    }
+
+    return true;
+}
+
+function isEarHashed(ear, minX, minY, size) {
+    var a = ear.prev,
+        b = ear,
+        c = ear.next;
+
+    if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+
+    // triangle bbox; min & max are calculated like this for speed
+    var minTX = a.x < b.x ? (a.x < c.x ? a.x : c.x) : (b.x < c.x ? b.x : c.x),
+        minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : (b.y < c.y ? b.y : c.y),
+        maxTX = a.x > b.x ? (a.x > c.x ? a.x : c.x) : (b.x > c.x ? b.x : c.x),
+        maxTY = a.y > b.y ? (a.y > c.y ? a.y : c.y) : (b.y > c.y ? b.y : c.y);
+
+    // z-order range for the current triangle bbox;
+    var minZ = zOrder(minTX, minTY, minX, minY, size),
+        maxZ = zOrder(maxTX, maxTY, minX, minY, size);
+
+    // first look for points inside the triangle in increasing z-order
+    var p = ear.nextZ;
+
+    while (p && p.z <= maxZ) {
+        if (p !== ear.prev && p !== ear.next &&
+            pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
+            area(p.prev, p, p.next) >= 0) return false;
+        p = p.nextZ;
+    }
+
+    // then look for points in decreasing z-order
+    p = ear.prevZ;
+
+    while (p && p.z >= minZ) {
+        if (p !== ear.prev && p !== ear.next &&
+            pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
+            area(p.prev, p, p.next) >= 0) return false;
+        p = p.prevZ;
+    }
+
+    return true;
+}
+
+// go through all polygon nodes and cure small local self-intersections
+function cureLocalIntersections(start, triangles, dim) {
+    var p = start;
+    do {
+        var a = p.prev,
+            b = p.next.next;
+
+        if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) {
+
+            triangles.push(a.i / dim);
+            triangles.push(p.i / dim);
+            triangles.push(b.i / dim);
+
+            // remove two nodes involved
+            removeNode(p);
+            removeNode(p.next);
+
+            p = start = b;
+        }
+        p = p.next;
+    } while (p !== start);
+
+    return p;
+}
+
+// try splitting polygon into two and triangulate them independently
+function splitEarcut(start, triangles, dim, minX, minY, size) {
+    // look for a valid diagonal that divides the polygon into two
+    var a = start;
+    do {
+        var b = a.next.next;
+        while (b !== a.prev) {
+            if (a.i !== b.i && isValidDiagonal(a, b)) {
+                // split the polygon in two by the diagonal
+                var c = splitPolygon(a, b);
+
+                // filter colinear points around the cuts
+                a = filterPoints(a, a.next);
+                c = filterPoints(c, c.next);
+
+                // run earcut on each half
+                earcutLinked(a, triangles, dim, minX, minY, size);
+                earcutLinked(c, triangles, dim, minX, minY, size);
+                return;
+            }
+            b = b.next;
+        }
+        a = a.next;
+    } while (a !== start);
+}
+
+// link every hole into the outer loop, producing a single-ring polygon without holes
+function eliminateHoles(data, holeIndices, outerNode, dim) {
+    var queue = [],
+        i, len, start, end, list;
+
+    for (i = 0, len = holeIndices.length; i < len; i++) {
+        start = holeIndices[i] * dim;
+        end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
+        list = linkedList(data, start, end, dim, false);
+        if (list === list.next) list.steiner = true;
+        queue.push(getLeftmost(list));
+    }
+
+    queue.sort(compareX);
+
+    // process holes from left to right
+    for (i = 0; i < queue.length; i++) {
+        eliminateHole(queue[i], outerNode);
+        outerNode = filterPoints(outerNode, outerNode.next);
+    }
+
+    return outerNode;
+}
+
+function compareX(a, b) {
+    return a.x - b.x;
+}
+
+// find a bridge between vertices that connects hole with an outer ring and and link it
+function eliminateHole(hole, outerNode) {
+    outerNode = findHoleBridge(hole, outerNode);
+    if (outerNode) {
+        var b = splitPolygon(outerNode, hole);
+        filterPoints(b, b.next);
+    }
+}
+
+// David Eberly's algorithm for finding a bridge between hole and outer polygon
+function findHoleBridge(hole, outerNode) {
+    var p = outerNode,
+        hx = hole.x,
+        hy = hole.y,
+        qx = -Infinity,
+        m;
+
+    // find a segment intersected by a ray from the hole's leftmost point to the left;
+    // segment's endpoint with lesser x will be potential connection point
+    do {
+        if (hy <= p.y && hy >= p.next.y) {
+            var x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y);
+            if (x <= hx && x > qx) {
+                qx = x;
+                if (x === hx) {
+                    if (hy === p.y) return p;
+                    if (hy === p.next.y) return p.next;
+                }
+                m = p.x < p.next.x ? p : p.next;
+            }
+        }
+        p = p.next;
+    } while (p !== outerNode);
+
+    if (!m) return null;
+
+    if (hx === qx) return m.prev; // hole touches outer segment; pick lower endpoint
+
+    // look for points inside the triangle of hole point, segment intersection and endpoint;
+    // if there are no points found, we have a valid connection;
+    // otherwise choose the point of the minimum angle with the ray as connection point
+
+    var stop = m,
+        mx = m.x,
+        my = m.y,
+        tanMin = Infinity,
+        tan;
+
+    p = m.next;
+
+    while (p !== stop) {
+        if (hx >= p.x && p.x >= mx &&
+                pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) {
+
+            tan = Math.abs(hy - p.y) / (hx - p.x); // tangential
+
+            if ((tan < tanMin || (tan === tanMin && p.x > m.x)) && locallyInside(p, hole)) {
+                m = p;
+                tanMin = tan;
+            }
+        }
+
+        p = p.next;
+    }
+
+    return m;
+}
+
+// interlink polygon nodes in z-order
+function indexCurve(start, minX, minY, size) {
+    var p = start;
+    do {
+        if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, size);
+        p.prevZ = p.prev;
+        p.nextZ = p.next;
+        p = p.next;
+    } while (p !== start);
+
+    p.prevZ.nextZ = null;
+    p.prevZ = null;
+
+    sortLinked(p);
+}
+
+// Simon Tatham's linked list merge sort algorithm
+// http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html
+function sortLinked(list) {
+    var i, p, q, e, tail, numMerges, pSize, qSize,
+        inSize = 1;
+
+    do {
+        p = list;
+        list = null;
+        tail = null;
+        numMerges = 0;
+
+        while (p) {
+            numMerges++;
+            q = p;
+            pSize = 0;
+            for (i = 0; i < inSize; i++) {
+                pSize++;
+                q = q.nextZ;
+                if (!q) break;
+            }
+
+            qSize = inSize;
+
+            while (pSize > 0 || (qSize > 0 && q)) {
+
+                if (pSize === 0) {
+                    e = q;
+                    q = q.nextZ;
+                    qSize--;
+                } else if (qSize === 0 || !q) {
+                    e = p;
+                    p = p.nextZ;
+                    pSize--;
+                } else if (p.z <= q.z) {
+                    e = p;
+                    p = p.nextZ;
+                    pSize--;
+                } else {
+                    e = q;
+                    q = q.nextZ;
+                    qSize--;
+                }
+
+                if (tail) tail.nextZ = e;
+                else list = e;
+
+                e.prevZ = tail;
+                tail = e;
+            }
+
+            p = q;
+        }
+
+        tail.nextZ = null;
+        inSize *= 2;
+
+    } while (numMerges > 1);
+
+    return list;
+}
+
+// z-order of a point given coords and size of the data bounding box
+function zOrder(x, y, minX, minY, size) {
+    // coords are transformed into non-negative 15-bit integer range
+    x = 32767 * (x - minX) / size;
+    y = 32767 * (y - minY) / size;
+
+    x = (x | (x << 8)) & 0x00FF00FF;
+    x = (x | (x << 4)) & 0x0F0F0F0F;
+    x = (x | (x << 2)) & 0x33333333;
+    x = (x | (x << 1)) & 0x55555555;
+
+    y = (y | (y << 8)) & 0x00FF00FF;
+    y = (y | (y << 4)) & 0x0F0F0F0F;
+    y = (y | (y << 2)) & 0x33333333;
+    y = (y | (y << 1)) & 0x55555555;
+
+    return x | (y << 1);
+}
+
+// find the leftmost node of a polygon ring
+function getLeftmost(start) {
+    var p = start,
+        leftmost = start;
+    do {
+        if (p.x < leftmost.x) leftmost = p;
+        p = p.next;
+    } while (p !== start);
+
+    return leftmost;
+}
+
+// check if a point lies within a convex triangle
+function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) {
+    return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 &&
+           (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 &&
+           (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0;
+}
+
+// check if a diagonal between two polygon nodes is valid (lies in polygon interior)
+function isValidDiagonal(a, b) {
+    return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) &&
+           locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b);
+}
+
+// signed area of a triangle
+function area(p, q, r) {
+    return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);
+}
+
+// check if two points are equal
+function equals(p1, p2) {
+    return p1.x === p2.x && p1.y === p2.y;
+}
+
+// check if two segments intersect
+function intersects(p1, q1, p2, q2) {
+    if ((equals(p1, q1) && equals(p2, q2)) ||
+        (equals(p1, q2) && equals(p2, q1))) return true;
+    return area(p1, q1, p2) > 0 !== area(p1, q1, q2) > 0 &&
+           area(p2, q2, p1) > 0 !== area(p2, q2, q1) > 0;
+}
+
+// check if a polygon diagonal intersects any polygon segments
+function intersectsPolygon(a, b) {
+    var p = a;
+    do {
+        if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i &&
+                intersects(p, p.next, a, b)) return true;
+        p = p.next;
+    } while (p !== a);
+
+    return false;
+}
+
+// check if a polygon diagonal is locally inside the polygon
+function locallyInside(a, b) {
+    return area(a.prev, a, a.next) < 0 ?
+        area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 :
+        area(a, b, a.prev) < 0 || area(a, a.next, b) < 0;
+}
+
+// check if the middle point of a polygon diagonal is inside the polygon
+function middleInside(a, b) {
+    var p = a,
+        inside = false,
+        px = (a.x + b.x) / 2,
+        py = (a.y + b.y) / 2;
+    do {
+        if (((p.y > py) !== (p.next.y > py)) && (px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x))
+            inside = !inside;
+        p = p.next;
+    } while (p !== a);
+
+    return inside;
+}
+
+// link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
+// if one belongs to the outer ring and another to a hole, it merges it into a single ring
+function splitPolygon(a, b) {
+    var a2 = new Node(a.i, a.x, a.y),
+        b2 = new Node(b.i, b.x, b.y),
+        an = a.next,
+        bp = b.prev;
+
+    a.next = b;
+    b.prev = a;
+
+    a2.next = an;
+    an.prev = a2;
+
+    b2.next = a2;
+    a2.prev = b2;
+
+    bp.next = b2;
+    b2.prev = bp;
+
+    return b2;
+}
+
+// create a node and optionally link it with previous one (in a circular doubly linked list)
+function insertNode(i, x, y, last) {
+    var p = new Node(i, x, y);
+
+    if (!last) {
+        p.prev = p;
+        p.next = p;
+
+    } else {
+        p.next = last.next;
+        p.prev = last;
+        last.next.prev = p;
+        last.next = p;
+    }
+    return p;
+}
+
+function removeNode(p) {
+    p.next.prev = p.prev;
+    p.prev.next = p.next;
+
+    if (p.prevZ) p.prevZ.nextZ = p.nextZ;
+    if (p.nextZ) p.nextZ.prevZ = p.prevZ;
+}
+
+function Node(i, x, y) {
+    // vertice index in coordinates array
+    this.i = i;
+
+    // vertex coordinates
+    this.x = x;
+    this.y = y;
+
+    // previous and next vertice nodes in a polygon ring
+    this.prev = null;
+    this.next = null;
+
+    // z-order curve value
+    this.z = null;
+
+    // previous and next nodes in z-order
+    this.prevZ = null;
+    this.nextZ = null;
+
+    // indicates whether this is a steiner point
+    this.steiner = false;
+}
+
+// return a percentage difference between the polygon area and its triangulation area;
+// used to verify correctness of triangulation
+earcut.deviation = function (data, holeIndices, dim, triangles) {
+    var hasHoles = holeIndices && holeIndices.length;
+    var outerLen = hasHoles ? holeIndices[0] * dim : data.length;
+
+    var polygonArea = Math.abs(signedArea(data, 0, outerLen, dim));
+    if (hasHoles) {
+        for (var i = 0, len = holeIndices.length; i < len; i++) {
+            var start = holeIndices[i] * dim;
+            var end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
+            polygonArea -= Math.abs(signedArea(data, start, end, dim));
+        }
+    }
+
+    var trianglesArea = 0;
+    for (i = 0; i < triangles.length; i += 3) {
+        var a = triangles[i] * dim;
+        var b = triangles[i + 1] * dim;
+        var c = triangles[i + 2] * dim;
+        trianglesArea += Math.abs(
+            (data[a] - data[c]) * (data[b + 1] - data[a + 1]) -
+            (data[a] - data[b]) * (data[c + 1] - data[a + 1]));
+    }
+
+    return polygonArea === 0 && trianglesArea === 0 ? 0 :
+        Math.abs((trianglesArea - polygonArea) / polygonArea);
+};
+
+function signedArea(data, start, end, dim) {
+    var sum = 0;
+    for (var i = start, j = end - dim; i < end; i += dim) {
+        sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]);
+        j = i;
+    }
+    return sum;
+}
+
+// turn a polygon in a multi-dimensional array form (e.g. as in GeoJSON) into a form Earcut accepts
+earcut.flatten = function (data) {
+    var dim = data[0][0].length,
+        result = {vertices: [], holes: [], dimensions: dim},
+        holeIndex = 0;
+
+    for (var i = 0; i < data.length; i++) {
+        for (var j = 0; j < data[i].length; j++) {
+            for (var d = 0; d < dim; d++) result.vertices.push(data[i][j][d]);
+        }
+        if (i > 0) {
+            holeIndex += data[i - 1].length;
+            result.holes.push(holeIndex);
+        }
+    }
+    return result;
+};
+
+},{}],127:[function(require,module,exports){
+"use strict"
+
+module.exports = edgeToAdjacency
+
+var uniq = require("uniq")
+
+function edgeToAdjacency(edges, numVertices) {
+  var numEdges = edges.length
+  if(typeof numVertices !== "number") {
+    numVertices = 0
+    for(var i=0; i<numEdges; ++i) {
+      var e = edges[i]
+      numVertices = Math.max(numVertices, e[0], e[1])
+    }
+    numVertices = (numVertices|0) + 1
+  }
+  numVertices = numVertices|0
+  var adj = new Array(numVertices)
+  for(var i=0; i<numVertices; ++i) {
+    adj[i] = []
+  }
+  for(var i=0; i<numEdges; ++i) {
+    var e = edges[i]
+    adj[e[0]].push(e[1])
+    adj[e[1]].push(e[0])
+  }
+  for(var j=0; j<numVertices; ++j) {
+    uniq(adj[j], function(a, b) {
+      return a - b
+    })
+  }
+  return adj
+}
+},{"uniq":543}],128:[function(require,module,exports){
+(function (process,global){
+/*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   3.3.1
+ */
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global.ES6Promise = factory());
+}(this, (function () { 'use strict';
+
+function objectOrFunction(x) {
+  return typeof x === 'function' || typeof x === 'object' && x !== null;
+}
+
+function isFunction(x) {
+  return typeof x === 'function';
+}
+
+var _isArray = undefined;
+if (!Array.isArray) {
+  _isArray = function (x) {
+    return Object.prototype.toString.call(x) === '[object Array]';
+  };
+} else {
+  _isArray = Array.isArray;
+}
+
+var isArray = _isArray;
+
+var len = 0;
+var vertxNext = undefined;
+var customSchedulerFn = undefined;
+
+var asap = function asap(callback, arg) {
+  queue[len] = callback;
+  queue[len + 1] = arg;
+  len += 2;
+  if (len === 2) {
+    // If len is 2, that means that we need to schedule an async flush.
+    // If additional callbacks are queued before the queue is flushed, they
+    // will be processed by this flush that we are scheduling.
+    if (customSchedulerFn) {
+      customSchedulerFn(flush);
+    } else {
+      scheduleFlush();
+    }
+  }
+};
+
+function setScheduler(scheduleFn) {
+  customSchedulerFn = scheduleFn;
+}
+
+function setAsap(asapFn) {
+  asap = asapFn;
+}
+
+var browserWindow = typeof window !== 'undefined' ? window : undefined;
+var browserGlobal = browserWindow || {};
+var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;
+var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && ({}).toString.call(process) === '[object process]';
+
+// test for web worker but not in IE10
+var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';
+
+// node
+function useNextTick() {
+  // node version 0.10.x displays a deprecation warning when nextTick is used recursively
+  // see https://github.com/cujojs/when/issues/410 for details
+  return function () {
+    return process.nextTick(flush);
+  };
+}
+
+// vertx
+function useVertxTimer() {
+  return function () {
+    vertxNext(flush);
+  };
+}
+
+function useMutationObserver() {
+  var iterations = 0;
+  var observer = new BrowserMutationObserver(flush);
+  var node = document.createTextNode('');
+  observer.observe(node, { characterData: true });
+
+  return function () {
+    node.data = iterations = ++iterations % 2;
+  };
+}
+
+// web worker
+function useMessageChannel() {
+  var channel = new MessageChannel();
+  channel.port1.onmessage = flush;
+  return function () {
+    return channel.port2.postMessage(0);
+  };
+}
+
+function useSetTimeout() {
+  // Store setTimeout reference so es6-promise will be unaffected by
+  // other code modifying setTimeout (like sinon.useFakeTimers())
+  var globalSetTimeout = setTimeout;
+  return function () {
+    return globalSetTimeout(flush, 1);
+  };
+}
+
+var queue = new Array(1000);
+function flush() {
+  for (var i = 0; i < len; i += 2) {
+    var callback = queue[i];
+    var arg = queue[i + 1];
+
+    callback(arg);
+
+    queue[i] = undefined;
+    queue[i + 1] = undefined;
+  }
+
+  len = 0;
+}
+
+function attemptVertx() {
+  try {
+    var r = require;
+    var vertx = r('vertx');
+    vertxNext = vertx.runOnLoop || vertx.runOnContext;
+    return useVertxTimer();
+  } catch (e) {
+    return useSetTimeout();
+  }
+}
+
+var scheduleFlush = undefined;
+// Decide what async method to use to triggering processing of queued callbacks:
+if (isNode) {
+  scheduleFlush = useNextTick();
+} else if (BrowserMutationObserver) {
+  scheduleFlush = useMutationObserver();
+} else if (isWorker) {
+  scheduleFlush = useMessageChannel();
+} else if (browserWindow === undefined && typeof require === 'function') {
+  scheduleFlush = attemptVertx();
+} else {
+  scheduleFlush = useSetTimeout();
+}
+
+function then(onFulfillment, onRejection) {
+  var _arguments = arguments;
+
+  var parent = this;
+
+  var child = new this.constructor(noop);
+
+  if (child[PROMISE_ID] === undefined) {
+    makePromise(child);
+  }
+
+  var _state = parent._state;
+
+  if (_state) {
+    (function () {
+      var callback = _arguments[_state - 1];
+      asap(function () {
+        return invokeCallback(_state, child, callback, parent._result);
+      });
+    })();
+  } else {
+    subscribe(parent, child, onFulfillment, onRejection);
+  }
+
+  return child;
+}
+
+/**
+  `Promise.resolve` returns a promise that will become resolved with the
+  passed `value`. It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    resolve(1);
+  });
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.resolve(1);
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  @method resolve
+  @static
+  @param {Any} value value that the returned promise will be resolved with
+  Useful for tooling.
+  @return {Promise} a promise that will become fulfilled with the given
+  `value`
+*/
+function resolve(object) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (object && typeof object === 'object' && object.constructor === Constructor) {
+    return object;
+  }
+
+  var promise = new Constructor(noop);
+  _resolve(promise, object);
+  return promise;
+}
+
+var PROMISE_ID = Math.random().toString(36).substring(16);
+
+function noop() {}
+
+var PENDING = void 0;
+var FULFILLED = 1;
+var REJECTED = 2;
+
+var GET_THEN_ERROR = new ErrorObject();
+
+function selfFulfillment() {
+  return new TypeError("You cannot resolve a promise with itself");
+}
+
+function cannotReturnOwn() {
+  return new TypeError('A promises callback cannot return that same promise.');
+}
+
+function getThen(promise) {
+  try {
+    return promise.then;
+  } catch (error) {
+    GET_THEN_ERROR.error = error;
+    return GET_THEN_ERROR;
+  }
+}
+
+function tryThen(then, value, fulfillmentHandler, rejectionHandler) {
+  try {
+    then.call(value, fulfillmentHandler, rejectionHandler);
+  } catch (e) {
+    return e;
+  }
+}
+
+function handleForeignThenable(promise, thenable, then) {
+  asap(function (promise) {
+    var sealed = false;
+    var error = tryThen(then, thenable, function (value) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+      if (thenable !== value) {
+        _resolve(promise, value);
+      } else {
+        fulfill(promise, value);
+      }
+    }, function (reason) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+
+      _reject(promise, reason);
+    }, 'Settle: ' + (promise._label || ' unknown promise'));
+
+    if (!sealed && error) {
+      sealed = true;
+      _reject(promise, error);
+    }
+  }, promise);
+}
+
+function handleOwnThenable(promise, thenable) {
+  if (thenable._state === FULFILLED) {
+    fulfill(promise, thenable._result);
+  } else if (thenable._state === REJECTED) {
+    _reject(promise, thenable._result);
+  } else {
+    subscribe(thenable, undefined, function (value) {
+      return _resolve(promise, value);
+    }, function (reason) {
+      return _reject(promise, reason);
+    });
+  }
+}
+
+function handleMaybeThenable(promise, maybeThenable, then$$) {
+  if (maybeThenable.constructor === promise.constructor && then$$ === then && maybeThenable.constructor.resolve === resolve) {
+    handleOwnThenable(promise, maybeThenable);
+  } else {
+    if (then$$ === GET_THEN_ERROR) {
+      _reject(promise, GET_THEN_ERROR.error);
+    } else if (then$$ === undefined) {
+      fulfill(promise, maybeThenable);
+    } else if (isFunction(then$$)) {
+      handleForeignThenable(promise, maybeThenable, then$$);
+    } else {
+      fulfill(promise, maybeThenable);
+    }
+  }
+}
+
+function _resolve(promise, value) {
+  if (promise === value) {
+    _reject(promise, selfFulfillment());
+  } else if (objectOrFunction(value)) {
+    handleMaybeThenable(promise, value, getThen(value));
+  } else {
+    fulfill(promise, value);
+  }
+}
+
+function publishRejection(promise) {
+  if (promise._onerror) {
+    promise._onerror(promise._result);
+  }
+
+  publish(promise);
+}
+
+function fulfill(promise, value) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+
+  promise._result = value;
+  promise._state = FULFILLED;
+
+  if (promise._subscribers.length !== 0) {
+    asap(publish, promise);
+  }
+}
+
+function _reject(promise, reason) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+  promise._state = REJECTED;
+  promise._result = reason;
+
+  asap(publishRejection, promise);
+}
+
+function subscribe(parent, child, onFulfillment, onRejection) {
+  var _subscribers = parent._subscribers;
+  var length = _subscribers.length;
+
+  parent._onerror = null;
+
+  _subscribers[length] = child;
+  _subscribers[length + FULFILLED] = onFulfillment;
+  _subscribers[length + REJECTED] = onRejection;
+
+  if (length === 0 && parent._state) {
+    asap(publish, parent);
+  }
+}
+
+function publish(promise) {
+  var subscribers = promise._subscribers;
+  var settled = promise._state;
+
+  if (subscribers.length === 0) {
+    return;
+  }
+
+  var child = undefined,
+      callback = undefined,
+      detail = promise._result;
+
+  for (var i = 0; i < subscribers.length; i += 3) {
+    child = subscribers[i];
+    callback = subscribers[i + settled];
+
+    if (child) {
+      invokeCallback(settled, child, callback, detail);
+    } else {
+      callback(detail);
+    }
+  }
+
+  promise._subscribers.length = 0;
+}
+
+function ErrorObject() {
+  this.error = null;
+}
+
+var TRY_CATCH_ERROR = new ErrorObject();
+
+function tryCatch(callback, detail) {
+  try {
+    return callback(detail);
+  } catch (e) {
+    TRY_CATCH_ERROR.error = e;
+    return TRY_CATCH_ERROR;
+  }
+}
+
+function invokeCallback(settled, promise, callback, detail) {
+  var hasCallback = isFunction(callback),
+      value = undefined,
+      error = undefined,
+      succeeded = undefined,
+      failed = undefined;
+
+  if (hasCallback) {
+    value = tryCatch(callback, detail);
+
+    if (value === TRY_CATCH_ERROR) {
+      failed = true;
+      error = value.error;
+      value = null;
+    } else {
+      succeeded = true;
+    }
+
+    if (promise === value) {
+      _reject(promise, cannotReturnOwn());
+      return;
+    }
+  } else {
+    value = detail;
+    succeeded = true;
+  }
+
+  if (promise._state !== PENDING) {
+    // noop
+  } else if (hasCallback && succeeded) {
+      _resolve(promise, value);
+    } else if (failed) {
+      _reject(promise, error);
+    } else if (settled === FULFILLED) {
+      fulfill(promise, value);
+    } else if (settled === REJECTED) {
+      _reject(promise, value);
+    }
+}
+
+function initializePromise(promise, resolver) {
+  try {
+    resolver(function resolvePromise(value) {
+      _resolve(promise, value);
+    }, function rejectPromise(reason) {
+      _reject(promise, reason);
+    });
+  } catch (e) {
+    _reject(promise, e);
+  }
+}
+
+var id = 0;
+function nextId() {
+  return id++;
+}
+
+function makePromise(promise) {
+  promise[PROMISE_ID] = id++;
+  promise._state = undefined;
+  promise._result = undefined;
+  promise._subscribers = [];
+}
+
+function Enumerator(Constructor, input) {
+  this._instanceConstructor = Constructor;
+  this.promise = new Constructor(noop);
+
+  if (!this.promise[PROMISE_ID]) {
+    makePromise(this.promise);
+  }
+
+  if (isArray(input)) {
+    this._input = input;
+    this.length = input.length;
+    this._remaining = input.length;
+
+    this._result = new Array(this.length);
+
+    if (this.length === 0) {
+      fulfill(this.promise, this._result);
+    } else {
+      this.length = this.length || 0;
+      this._enumerate();
+      if (this._remaining === 0) {
+        fulfill(this.promise, this._result);
+      }
+    }
+  } else {
+    _reject(this.promise, validationError());
+  }
+}
+
+function validationError() {
+  return new Error('Array Methods must be provided an Array');
+};
+
+Enumerator.prototype._enumerate = function () {
+  var length = this.length;
+  var _input = this._input;
+
+  for (var i = 0; this._state === PENDING && i < length; i++) {
+    this._eachEntry(_input[i], i);
+  }
+};
+
+Enumerator.prototype._eachEntry = function (entry, i) {
+  var c = this._instanceConstructor;
+  var resolve$$ = c.resolve;
+
+  if (resolve$$ === resolve) {
+    var _then = getThen(entry);
+
+    if (_then === then && entry._state !== PENDING) {
+      this._settledAt(entry._state, i, entry._result);
+    } else if (typeof _then !== 'function') {
+      this._remaining--;
+      this._result[i] = entry;
+    } else if (c === Promise) {
+      var promise = new c(noop);
+      handleMaybeThenable(promise, entry, _then);
+      this._willSettleAt(promise, i);
+    } else {
+      this._willSettleAt(new c(function (resolve$$) {
+        return resolve$$(entry);
+      }), i);
+    }
+  } else {
+    this._willSettleAt(resolve$$(entry), i);
+  }
+};
+
+Enumerator.prototype._settledAt = function (state, i, value) {
+  var promise = this.promise;
+
+  if (promise._state === PENDING) {
+    this._remaining--;
+
+    if (state === REJECTED) {
+      _reject(promise, value);
+    } else {
+      this._result[i] = value;
+    }
+  }
+
+  if (this._remaining === 0) {
+    fulfill(promise, this._result);
+  }
+};
+
+Enumerator.prototype._willSettleAt = function (promise, i) {
+  var enumerator = this;
+
+  subscribe(promise, undefined, function (value) {
+    return enumerator._settledAt(FULFILLED, i, value);
+  }, function (reason) {
+    return enumerator._settledAt(REJECTED, i, reason);
+  });
+};
+
+/**
+  `Promise.all` accepts an array of promises, and returns a new promise which
+  is fulfilled with an array of fulfillment values for the passed promises, or
+  rejected with the reason of the first passed promise to be rejected. It casts all
+  elements of the passed iterable to promises as it runs this algorithm.
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = resolve(2);
+  let promise3 = resolve(3);
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // The array here would be [ 1, 2, 3 ];
+  });
+  ```
+
+  If any of the `promises` given to `all` are rejected, the first promise
+  that is rejected will be given as an argument to the returned promises's
+  rejection handler. For example:
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = reject(new Error("2"));
+  let promise3 = reject(new Error("3"));
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // Code here never runs because there are rejected promises!
+  }, function(error) {
+    // error.message === "2"
+  });
+  ```
+
+  @method all
+  @static
+  @param {Array} entries array of promises
+  @param {String} label optional string for labeling the promise.
+  Useful for tooling.
+  @return {Promise} promise that is fulfilled when all `promises` have been
+  fulfilled, or rejected if any of them become rejected.
+  @static
+*/
+function all(entries) {
+  return new Enumerator(this, entries).promise;
+}
+
+/**
+  `Promise.race` returns a new promise which is settled in the same way as the
+  first passed promise to settle.
+
+  Example:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 2');
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // result === 'promise 2' because it was resolved before promise1
+    // was resolved.
+  });
+  ```
+
+  `Promise.race` is deterministic in that only the state of the first
+  settled promise matters. For example, even if other promises given to the
+  `promises` array argument are resolved, but the first settled promise has
+  become rejected before the other promises became fulfilled, the returned
+  promise will become rejected:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      reject(new Error('promise 2'));
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // Code here never runs
+  }, function(reason){
+    // reason.message === 'promise 2' because promise 2 became rejected before
+    // promise 1 became fulfilled
+  });
+  ```
+
+  An example real-world use case is implementing timeouts:
+
+  ```javascript
+  Promise.race([ajax('foo.json'), timeout(5000)])
+  ```
+
+  @method race
+  @static
+  @param {Array} promises array of promises to observe
+  Useful for tooling.
+  @return {Promise} a promise which settles in the same way as the first passed
+  promise to settle.
+*/
+function race(entries) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (!isArray(entries)) {
+    return new Constructor(function (_, reject) {
+      return reject(new TypeError('You must pass an array to race.'));
+    });
+  } else {
+    return new Constructor(function (resolve, reject) {
+      var length = entries.length;
+      for (var i = 0; i < length; i++) {
+        Constructor.resolve(entries[i]).then(resolve, reject);
+      }
+    });
+  }
+}
+
+/**
+  `Promise.reject` returns a promise rejected with the passed `reason`.
+  It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    reject(new Error('WHOOPS'));
+  });
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.reject(new Error('WHOOPS'));
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  @method reject
+  @static
+  @param {Any} reason value that the returned promise will be rejected with.
+  Useful for tooling.
+  @return {Promise} a promise rejected with the given `reason`.
+*/
+function reject(reason) {
+  /*jshint validthis:true */
+  var Constructor = this;
+  var promise = new Constructor(noop);
+  _reject(promise, reason);
+  return promise;
+}
+
+function needsResolver() {
+  throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');
+}
+
+function needsNew() {
+  throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");
+}
+
+/**
+  Promise objects represent the eventual result of an asynchronous operation. The
+  primary way of interacting with a promise is through its `then` method, which
+  registers callbacks to receive either a promise's eventual value or the reason
+  why the promise cannot be fulfilled.
+
+  Terminology
+  -----------
+
+  - `promise` is an object or function with a `then` method whose behavior conforms to this specification.
+  - `thenable` is an object or function that defines a `then` method.
+  - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).
+  - `exception` is a value that is thrown using the throw statement.
+  - `reason` is a value that indicates why a promise was rejected.
+  - `settled` the final resting state of a promise, fulfilled or rejected.
+
+  A promise can be in one of three states: pending, fulfilled, or rejected.
+
+  Promises that are fulfilled have a fulfillment value and are in the fulfilled
+  state.  Promises that are rejected have a rejection reason and are in the
+  rejected state.  A fulfillment value is never a thenable.
+
+  Promises can also be said to *resolve* a value.  If this value is also a
+  promise, then the original promise's settled state will match the value's
+  settled state.  So a promise that *resolves* a promise that rejects will
+  itself reject, and a promise that *resolves* a promise that fulfills will
+  itself fulfill.
+
+
+  Basic Usage:
+  ------------
+
+  ```js
+  let promise = new Promise(function(resolve, reject) {
+    // on success
+    resolve(value);
+
+    // on failure
+    reject(reason);
+  });
+
+  promise.then(function(value) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Advanced Usage:
+  ---------------
+
+  Promises shine when abstracting away asynchronous interactions such as
+  `XMLHttpRequest`s.
+
+  ```js
+  function getJSON(url) {
+    return new Promise(function(resolve, reject){
+      let xhr = new XMLHttpRequest();
+
+      xhr.open('GET', url);
+      xhr.onreadystatechange = handler;
+      xhr.responseType = 'json';
+      xhr.setRequestHeader('Accept', 'application/json');
+      xhr.send();
+
+      function handler() {
+        if (this.readyState === this.DONE) {
+          if (this.status === 200) {
+            resolve(this.response);
+          } else {
+            reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));
+          }
+        }
+      };
+    });
+  }
+
+  getJSON('/posts.json').then(function(json) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Unlike callbacks, promises are great composable primitives.
+
+  ```js
+  Promise.all([
+    getJSON('/posts'),
+    getJSON('/comments')
+  ]).then(function(values){
+    values[0] // => postsJSON
+    values[1] // => commentsJSON
+
+    return values;
+  });
+  ```
+
+  @class Promise
+  @param {function} resolver
+  Useful for tooling.
+  @constructor
+*/
+function Promise(resolver) {
+  this[PROMISE_ID] = nextId();
+  this._result = this._state = undefined;
+  this._subscribers = [];
+
+  if (noop !== resolver) {
+    typeof resolver !== 'function' && needsResolver();
+    this instanceof Promise ? initializePromise(this, resolver) : needsNew();
+  }
+}
+
+Promise.all = all;
+Promise.race = race;
+Promise.resolve = resolve;
+Promise.reject = reject;
+Promise._setScheduler = setScheduler;
+Promise._setAsap = setAsap;
+Promise._asap = asap;
+
+Promise.prototype = {
+  constructor: Promise,
+
+  /**
+    The primary way of interacting with a promise is through its `then` method,
+    which registers callbacks to receive either a promise's eventual value or the
+    reason why the promise cannot be fulfilled.
+  
+    ```js
+    findUser().then(function(user){
+      // user is available
+    }, function(reason){
+      // user is unavailable, and you are given the reason why
+    });
+    ```
+  
+    Chaining
+    --------
+  
+    The return value of `then` is itself a promise.  This second, 'downstream'
+    promise is resolved with the return value of the first promise's fulfillment
+    or rejection handler, or rejected if the handler throws an exception.
+  
+    ```js
+    findUser().then(function (user) {
+      return user.name;
+    }, function (reason) {
+      return 'default name';
+    }).then(function (userName) {
+      // If `findUser` fulfilled, `userName` will be the user's name, otherwise it
+      // will be `'default name'`
+    });
+  
+    findUser().then(function (user) {
+      throw new Error('Found user, but still unhappy');
+    }, function (reason) {
+      throw new Error('`findUser` rejected and we're unhappy');
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.
+      // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.
+    });
+    ```
+    If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.
+  
+    ```js
+    findUser().then(function (user) {
+      throw new PedagogicalException('Upstream error');
+    }).then(function (value) {
+      // never reached
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // The `PedgagocialException` is propagated all the way down to here
+    });
+    ```
+  
+    Assimilation
+    ------------
+  
+    Sometimes the value you want to propagate to a downstream promise can only be
+    retrieved asynchronously. This can be achieved by returning a promise in the
+    fulfillment or rejection handler. The downstream promise will then be pending
+    until the returned promise is settled. This is called *assimilation*.
+  
+    ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // The user's comments are now available
+    });
+    ```
+  
+    If the assimliated promise rejects, then the downstream promise will also reject.
+  
+    ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // If `findCommentsByAuthor` fulfills, we'll have the value here
+    }, function (reason) {
+      // If `findCommentsByAuthor` rejects, we'll have the reason here
+    });
+    ```
+  
+    Simple Example
+    --------------
+  
+    Synchronous Example
+  
+    ```javascript
+    let result;
+  
+    try {
+      result = findResult();
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+  
+    Errback Example
+  
+    ```js
+    findResult(function(result, err){
+      if (err) {
+        // failure
+      } else {
+        // success
+      }
+    });
+    ```
+  
+    Promise Example;
+  
+    ```javascript
+    findResult().then(function(result){
+      // success
+    }, function(reason){
+      // failure
+    });
+    ```
+  
+    Advanced Example
+    --------------
+  
+    Synchronous Example
+  
+    ```javascript
+    let author, books;
+  
+    try {
+      author = findAuthor();
+      books  = findBooksByAuthor(author);
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+  
+    Errback Example
+  
+    ```js
+  
+    function foundBooks(books) {
+  
+    }
+  
+    function failure(reason) {
+  
+    }
+  
+    findAuthor(function(author, err){
+      if (err) {
+        failure(err);
+        // failure
+      } else {
+        try {
+          findBoooksByAuthor(author, function(books, err) {
+            if (err) {
+              failure(err);
+            } else {
+              try {
+                foundBooks(books);
+              } catch(reason) {
+                failure(reason);
+              }
+            }
+          });
+        } catch(error) {
+          failure(err);
+        }
+        // success
+      }
+    });
+    ```
+  
+    Promise Example;
+  
+    ```javascript
+    findAuthor().
+      then(findBooksByAuthor).
+      then(function(books){
+        // found books
+    }).catch(function(reason){
+      // something went wrong
+    });
+    ```
+  
+    @method then
+    @param {Function} onFulfilled
+    @param {Function} onRejected
+    Useful for tooling.
+    @return {Promise}
+  */
+  then: then,
+
+  /**
+    `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same
+    as the catch block of a try/catch statement.
+  
+    ```js
+    function findAuthor(){
+      throw new Error('couldn't find that author');
+    }
+  
+    // synchronous
+    try {
+      findAuthor();
+    } catch(reason) {
+      // something went wrong
+    }
+  
+    // async with promises
+    findAuthor().catch(function(reason){
+      // something went wrong
+    });
+    ```
+  
+    @method catch
+    @param {Function} onRejection
+    Useful for tooling.
+    @return {Promise}
+  */
+  'catch': function _catch(onRejection) {
+    return this.then(null, onRejection);
+  }
+};
+
+function polyfill() {
+    var local = undefined;
+
+    if (typeof global !== 'undefined') {
+        local = global;
+    } else if (typeof self !== 'undefined') {
+        local = self;
+    } else {
+        try {
+            local = Function('return this')();
+        } catch (e) {
+            throw new Error('polyfill failed because global object is unavailable in this environment');
+        }
+    }
+
+    var P = local.Promise;
+
+    if (P) {
+        var promiseToString = null;
+        try {
+            promiseToString = Object.prototype.toString.call(P.resolve());
+        } catch (e) {
+            // silently ignored
+        }
+
+        if (promiseToString === '[object Promise]' && !P.cast) {
+            return;
+        }
+    }
+
+    local.Promise = Promise;
+}
+
+polyfill();
+// Strange compat..
+Promise.polyfill = polyfill;
+Promise.Promise = Promise;
+
+return Promise;
+
+})));
+
+}).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"_process":487}],129:[function(require,module,exports){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+function EventEmitter() {
+  this._events = this._events || {};
+  this._maxListeners = this._maxListeners || undefined;
+}
+module.exports = EventEmitter;
+
+// Backwards-compat with node 0.10.x
+EventEmitter.EventEmitter = EventEmitter;
+
+EventEmitter.prototype._events = undefined;
+EventEmitter.prototype._maxListeners = undefined;
+
+// By default EventEmitters will print a warning if more than 10 listeners are
+// added to it. This is a useful default which helps finding memory leaks.
+EventEmitter.defaultMaxListeners = 10;
+
+// Obviously not all Emitters should be limited to 10. This function allows
+// that to be increased. Set to zero for unlimited.
+EventEmitter.prototype.setMaxListeners = function(n) {
+  if (!isNumber(n) || n < 0 || isNaN(n))
+    throw TypeError('n must be a positive number');
+  this._maxListeners = n;
+  return this;
+};
+
+EventEmitter.prototype.emit = function(type) {
+  var er, handler, len, args, i, listeners;
+
+  if (!this._events)
+    this._events = {};
+
+  // If there is no 'error' event listener then throw.
+  if (type === 'error') {
+    if (!this._events.error ||
+        (isObject(this._events.error) && !this._events.error.length)) {
+      er = arguments[1];
+      if (er instanceof Error) {
+        throw er; // Unhandled 'error' event
+      } else {
+        // At least give some kind of context to the user
+        var err = new Error('Uncaught, unspecified "error" event. (' + er + ')');
+        err.context = er;
+        throw err;
+      }
+    }
+  }
+
+  handler = this._events[type];
+
+  if (isUndefined(handler))
+    return false;
+
+  if (isFunction(handler)) {
+    switch (arguments.length) {
+      // fast cases
+      case 1:
+        handler.call(this);
+        break;
+      case 2:
+        handler.call(this, arguments[1]);
+        break;
+      case 3:
+        handler.call(this, arguments[1], arguments[2]);
+        break;
+      // slower
+      default:
+        args = Array.prototype.slice.call(arguments, 1);
+        handler.apply(this, args);
+    }
+  } else if (isObject(handler)) {
+    args = Array.prototype.slice.call(arguments, 1);
+    listeners = handler.slice();
+    len = listeners.length;
+    for (i = 0; i < len; i++)
+      listeners[i].apply(this, args);
+  }
+
+  return true;
+};
+
+EventEmitter.prototype.addListener = function(type, listener) {
+  var m;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events)
+    this._events = {};
+
+  // To avoid recursion in the case that type === "newListener"! Before
+  // adding it to the listeners, first emit "newListener".
+  if (this._events.newListener)
+    this.emit('newListener', type,
+              isFunction(listener.listener) ?
+              listener.listener : listener);
+
+  if (!this._events[type])
+    // Optimize the case of one listener. Don't need the extra array object.
+    this._events[type] = listener;
+  else if (isObject(this._events[type]))
+    // If we've already got an array, just append.
+    this._events[type].push(listener);
+  else
+    // Adding the second element, need to change to array.
+    this._events[type] = [this._events[type], listener];
+
+  // Check for listener leak
+  if (isObject(this._events[type]) && !this._events[type].warned) {
+    if (!isUndefined(this._maxListeners)) {
+      m = this._maxListeners;
+    } else {
+      m = EventEmitter.defaultMaxListeners;
+    }
+
+    if (m && m > 0 && this._events[type].length > m) {
+      this._events[type].warned = true;
+      console.error('(node) warning: possible EventEmitter memory ' +
+                    'leak detected. %d listeners added. ' +
+                    'Use emitter.setMaxListeners() to increase limit.',
+                    this._events[type].length);
+      if (typeof console.trace === 'function') {
+        // not supported in IE 10
+        console.trace();
+      }
+    }
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener;
+
+EventEmitter.prototype.once = function(type, listener) {
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  var fired = false;
+
+  function g() {
+    this.removeListener(type, g);
+
+    if (!fired) {
+      fired = true;
+      listener.apply(this, arguments);
+    }
+  }
+
+  g.listener = listener;
+  this.on(type, g);
+
+  return this;
+};
+
+// emits a 'removeListener' event iff the listener was removed
+EventEmitter.prototype.removeListener = function(type, listener) {
+  var list, position, length, i;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events || !this._events[type])
+    return this;
+
+  list = this._events[type];
+  length = list.length;
+  position = -1;
+
+  if (list === listener ||
+      (isFunction(list.listener) && list.listener === listener)) {
+    delete this._events[type];
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+
+  } else if (isObject(list)) {
+    for (i = length; i-- > 0;) {
+      if (list[i] === listener ||
+          (list[i].listener && list[i].listener === listener)) {
+        position = i;
+        break;
+      }
+    }
+
+    if (position < 0)
+      return this;
+
+    if (list.length === 1) {
+      list.length = 0;
+      delete this._events[type];
+    } else {
+      list.splice(position, 1);
+    }
+
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.removeAllListeners = function(type) {
+  var key, listeners;
+
+  if (!this._events)
+    return this;
+
+  // not listening for removeListener, no need to emit
+  if (!this._events.removeListener) {
+    if (arguments.length === 0)
+      this._events = {};
+    else if (this._events[type])
+      delete this._events[type];
+    return this;
+  }
+
+  // emit removeListener for all listeners on all events
+  if (arguments.length === 0) {
+    for (key in this._events) {
+      if (key === 'removeListener') continue;
+      this.removeAllListeners(key);
+    }
+    this.removeAllListeners('removeListener');
+    this._events = {};
+    return this;
+  }
+
+  listeners = this._events[type];
+
+  if (isFunction(listeners)) {
+    this.removeListener(type, listeners);
+  } else if (listeners) {
+    // LIFO order
+    while (listeners.length)
+      this.removeListener(type, listeners[listeners.length - 1]);
+  }
+  delete this._events[type];
+
+  return this;
+};
+
+EventEmitter.prototype.listeners = function(type) {
+  var ret;
+  if (!this._events || !this._events[type])
+    ret = [];
+  else if (isFunction(this._events[type]))
+    ret = [this._events[type]];
+  else
+    ret = this._events[type].slice();
+  return ret;
+};
+
+EventEmitter.prototype.listenerCount = function(type) {
+  if (this._events) {
+    var evlistener = this._events[type];
+
+    if (isFunction(evlistener))
+      return 1;
+    else if (evlistener)
+      return evlistener.length;
+  }
+  return 0;
+};
+
+EventEmitter.listenerCount = function(emitter, type) {
+  return emitter.listenerCount(type);
+};
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+
+},{}],130:[function(require,module,exports){
+"use strict"
+
+module.exports = extractPlanes
+
+function extractPlanes(M, zNear, zFar) {
+  var z  = zNear || 0.0
+  var zf = zFar || 1.0
+  return [
+    [ M[12] + M[0], M[13] + M[1], M[14] + M[2], M[15] + M[3] ],
+    [ M[12] - M[0], M[13] - M[1], M[14] - M[2], M[15] - M[3] ],
+    [ M[12] + M[4], M[13] + M[5], M[14] + M[6], M[15] + M[7] ],
+    [ M[12] - M[4], M[13] - M[5], M[14] - M[6], M[15] - M[7] ],
+    [ z*M[12] + M[8], z*M[13] + M[9], z*M[14] + M[10], z*M[15] + M[11] ],
+    [ zf*M[12] - M[8], zf*M[13] - M[9], zf*M[14] - M[10], zf*M[15] - M[11] ]
+  ]
+}
+},{}],131:[function(require,module,exports){
+/**
+ * inspired by is-number <https://github.com/jonschlinkert/is-number>
+ * but significantly simplified and sped up by ignoring number and string constructors
+ * ie these return false:
+ *   new Number(1)
+ *   new String('1')
+ */
+
+'use strict';
+
+/**
+ * Is this string all whitespace?
+ * This solution kind of makes my brain hurt, but it's significantly faster
+ * than !str.trim() or any other solution I could find.
+ *
+ * whitespace codes from: http://en.wikipedia.org/wiki/Whitespace_character
+ * and verified with:
+ *
+ *  for(var i = 0; i < 65536; i++) {
+ *      var s = String.fromCharCode(i);
+ *      if(+s===0 && !s.trim()) console.log(i, s);
+ *  }
+ *
+ * which counts a couple of these as *not* whitespace, but finds nothing else
+ * that *is* whitespace. Note that charCodeAt stops at 16 bits, but it appears
+ * that there are no whitespace characters above this, and code points above
+ * this do not map onto white space characters.
+ */
+function allBlankCharCodes(str){
+    var l = str.length,
+        a;
+    for(var i = 0; i < l; i++) {
+        a = str.charCodeAt(i);
+        if((a < 9 || a > 13) && (a !== 32) && (a !== 133) && (a !== 160) &&
+            (a !== 5760) && (a !== 6158) && (a < 8192 || a > 8205) &&
+            (a !== 8232) && (a !== 8233) && (a !== 8239) && (a !== 8287) &&
+            (a !== 8288) && (a !== 12288) && (a !== 65279)) {
+                return false;
+        }
+    }
+    return true;
+}
+
+module.exports = function(n) {
+    var type = typeof n;
+    if(type === 'string') {
+        var original = n;
+        n = +n;
+        // whitespace strings cast to zero - filter them out
+        if(n===0 && allBlankCharCodes(original)) return false;
+    }
+    else if(type !== 'number') return false;
+
+    return n - n < 1;
+};
+
+},{}],132:[function(require,module,exports){
+'use strict';
+
+module.exports = createFilter;
+
+var types = ['Unknown', 'Point', 'LineString', 'Polygon'];
+
+/**
+ * Given a filter expressed as nested arrays, return a new function
+ * that evaluates whether a given feature (with a .properties or .tags property)
+ * passes its test.
+ *
+ * @param {Array} filter mapbox gl filter
+ * @returns {Function} filter-evaluating function
+ */
+function createFilter(filter) {
+    return new Function('f', 'var p = (f && f.properties || {}); return ' + compile(filter));
+}
+
+function compile(filter) {
+    if (!filter) return 'true';
+    var op = filter[0];
+    if (filter.length <= 1) return op === 'any' ? 'false' : 'true';
+    var str =
+        op === '==' ? compileComparisonOp(filter[1], filter[2], '===', false) :
+        op === '!=' ? compileComparisonOp(filter[1], filter[2], '!==', false) :
+        op === '<' ||
+        op === '>' ||
+        op === '<=' ||
+        op === '>=' ? compileComparisonOp(filter[1], filter[2], op, true) :
+        op === 'any' ? compileLogicalOp(filter.slice(1), '||') :
+        op === 'all' ? compileLogicalOp(filter.slice(1), '&&') :
+        op === 'none' ? compileNegation(compileLogicalOp(filter.slice(1), '||')) :
+        op === 'in' ? compileInOp(filter[1], filter.slice(2)) :
+        op === '!in' ? compileNegation(compileInOp(filter[1], filter.slice(2))) :
+        op === 'has' ? compileHasOp(filter[1]) :
+        op === '!has' ? compileNegation(compileHasOp([filter[1]])) :
+        'true';
+    return '(' + str + ')';
+}
+
+function compilePropertyReference(property) {
+    return property === '$type' ? 'f.type' :
+        property === '$id' ? 'f.id' :
+        'p[' + JSON.stringify(property) + ']';
+}
+
+function compileComparisonOp(property, value, op, checkType) {
+    var left = compilePropertyReference(property);
+    var right = property === '$type' ? types.indexOf(value) : JSON.stringify(value);
+    return (checkType ? 'typeof ' + left + '=== typeof ' + right + '&&' : '') + left + op + right;
+}
+
+function compileLogicalOp(expressions, op) {
+    return expressions.map(compile).join(op);
+}
+
+function compileInOp(property, values) {
+    if (property === '$type') values = values.map(function(value) { return types.indexOf(value); });
+    var left = JSON.stringify(values.sort(compare));
+    var right = compilePropertyReference(property);
+
+    if (values.length <= 200) return left + '.indexOf(' + right + ') !== -1';
+
+    return 'function(v, a, i, j) {' +
+        'while (i <= j) { var m = (i + j) >> 1;' +
+        '    if (a[m] === v) return true; if (a[m] > v) j = m - 1; else i = m + 1;' +
+        '}' +
+    'return false; }(' + right + ', ' + left + ',0,' + (values.length - 1) + ')';
+}
+
+function compileHasOp(property) {
+    return JSON.stringify(property) + ' in p';
+}
+
+function compileNegation(expression) {
+    return '!(' + expression + ')';
+}
+
+// Comparison function to sort numbers and strings
+function compare(a, b) {
+    return a < b ? -1 : a > b ? 1 : 0;
+}
+
+},{}],133:[function(require,module,exports){
+'use strict'
+
+module.exports = createFilteredVector
+
+var cubicHermite = require('cubic-hermite')
+var bsearch = require('binary-search-bounds')
+
+function clamp(lo, hi, x) {
+  return Math.min(hi, Math.max(lo, x))
+}
+
+function FilteredVector(state0, velocity0, t0) {
+  this.dimension  = state0.length
+  this.bounds     = [ new Array(this.dimension), new Array(this.dimension) ]
+  for(var i=0; i<this.dimension; ++i) {
+    this.bounds[0][i] = -Infinity
+    this.bounds[1][i] = Infinity
+  }
+  this._state     = state0.slice().reverse()
+  this._velocity  = velocity0.slice().reverse()
+  this._time      = [ t0 ]
+  this._scratch   = [ state0.slice(), state0.slice(), state0.slice(), state0.slice(), state0.slice() ]
+}
+
+var proto = FilteredVector.prototype
+
+proto.flush = function(t) {
+  var idx = bsearch.gt(this._time, t) - 1
+  if(idx <= 0) {
+    return
+  }
+  this._time.splice(0, idx)
+  this._state.splice(0, idx * this.dimension)
+  this._velocity.splice(0, idx * this.dimension)
+}
+
+proto.curve = function(t) {
+  var time      = this._time
+  var n         = time.length
+  var idx       = bsearch.le(time, t)
+  var result    = this._scratch[0]
+  var state     = this._state
+  var velocity  = this._velocity
+  var d         = this.dimension
+  var bounds    = this.bounds
+  if(idx < 0) {
+    var ptr = d-1
+    for(var i=0; i<d; ++i, --ptr) {
+      result[i] = state[ptr]
+    }
+  } else if(idx >= n-1) {
+    var ptr = state.length-1
+    var tf = t - time[n-1]
+    for(var i=0; i<d; ++i, --ptr) {
+      result[i] = state[ptr] + tf * velocity[ptr]
+    }
+  } else {
+    var ptr = d * (idx+1) - 1
+    var t0  = time[idx]
+    var t1  = time[idx+1]
+    var dt  = (t1 - t0) || 1.0
+    var x0  = this._scratch[1]
+    var x1  = this._scratch[2]
+    var v0  = this._scratch[3]
+    var v1  = this._scratch[4]
+    var steady = true
+    for(var i=0; i<d; ++i, --ptr) {
+      x0[i] = state[ptr]
+      v0[i] = velocity[ptr] * dt
+      x1[i] = state[ptr+d]
+      v1[i] = velocity[ptr+d] * dt
+      steady = steady && (x0[i] === x1[i] && v0[i] === v1[i] && v0[i] === 0.0)
+    }
+    if(steady) {
+      for(var i=0; i<d; ++i) {
+        result[i] = x0[i]
+      }
+    } else {
+      cubicHermite(x0, v0, x1, v1, (t-t0)/dt, result)
+    }
+  }
+  var lo = bounds[0]
+  var hi = bounds[1]
+  for(var i=0; i<d; ++i) {
+    result[i] = clamp(lo[i], hi[i], result[i])
+  }
+  return result
+}
+
+proto.dcurve = function(t) {
+  var time     = this._time
+  var n        = time.length
+  var idx      = bsearch.le(time, t)
+  var result   = this._scratch[0]
+  var state    = this._state
+  var velocity = this._velocity
+  var d        = this.dimension
+  if(idx >= n-1) {
+    var ptr = state.length-1
+    var tf = t - time[n-1]
+    for(var i=0; i<d; ++i, --ptr) {
+      result[i] = velocity[ptr]
+    }
+  } else {
+    var ptr = d * (idx+1) - 1
+    var t0 = time[idx]
+    var t1 = time[idx+1]
+    var dt = (t1 - t0) || 1.0
+    var x0 = this._scratch[1]
+    var x1 = this._scratch[2]
+    var v0 = this._scratch[3]
+    var v1 = this._scratch[4]
+    var steady = true
+    for(var i=0; i<d; ++i, --ptr) {
+      x0[i] = state[ptr]
+      v0[i] = velocity[ptr] * dt
+      x1[i] = state[ptr+d]
+      v1[i] = velocity[ptr+d] * dt
+      steady = steady && (x0[i] === x1[i] && v0[i] === v1[i] && v0[i] === 0.0)
+    }
+    if(steady) {
+      for(var i=0; i<d; ++i) {
+        result[i] = 0.0
+      }
+    } else {
+      cubicHermite.derivative(x0, v0, x1, v1, (t-t0)/dt, result)
+      for(var i=0; i<d; ++i) {
+        result[i] /= dt
+      }
+    }
+  }
+  return result
+}
+
+proto.lastT = function() {
+  var time = this._time
+  return time[time.length-1]
+}
+
+proto.stable = function() {
+  var velocity = this._velocity
+  var ptr = velocity.length
+  for(var i=this.dimension-1; i>=0; --i) {
+    if(velocity[--ptr]) {
+      return false
+    }
+  }
+  return true
+}
+
+proto.jump = function(t) {
+  var t0 = this.lastT()
+  var d  = this.dimension
+  if(t < t0 || arguments.length !== d+1) {
+    return
+  }
+  var state     = this._state
+  var velocity  = this._velocity
+  var ptr       = state.length-this.dimension
+  var bounds    = this.bounds
+  var lo        = bounds[0]
+  var hi        = bounds[1]
+  this._time.push(t0, t)
+  for(var j=0; j<2; ++j) {
+    for(var i=0; i<d; ++i) {
+      state.push(state[ptr++])
+      velocity.push(0)
+    }
+  }
+  this._time.push(t)
+  for(var i=d; i>0; --i) {
+    state.push(clamp(lo[i-1], hi[i-1], arguments[i]))
+    velocity.push(0)
+  }
+}
+
+proto.push = function(t) {
+  var t0 = this.lastT()
+  var d  = this.dimension
+  if(t < t0 || arguments.length !== d+1) {
+    return
+  }
+  var state     = this._state
+  var velocity  = this._velocity
+  var ptr       = state.length-this.dimension
+  var dt        = t - t0
+  var bounds    = this.bounds
+  var lo        = bounds[0]
+  var hi        = bounds[1]
+  var sf        = (dt > 1e-6) ? 1/dt : 0
+  this._time.push(t)
+  for(var i=d; i>0; --i) {
+    var xc = clamp(lo[i-1], hi[i-1], arguments[i])
+    state.push(xc)
+    velocity.push((xc - state[ptr++]) * sf)
+  }
+}
+
+proto.set = function(t) {
+  var d = this.dimension
+  if(t < this.lastT() || arguments.length !== d+1) {
+    return
+  }
+  var state     = this._state
+  var velocity  = this._velocity
+  var bounds    = this.bounds
+  var lo        = bounds[0]
+  var hi        = bounds[1]
+  this._time.push(t)
+  for(var i=d; i>0; --i) {
+    state.push(clamp(lo[i-1], hi[i-1], arguments[i]))
+    velocity.push(0)
+  }
+}
+
+proto.move = function(t) {
+  var t0 = this.lastT()
+  var d  = this.dimension
+  if(t <= t0 || arguments.length !== d+1) {
+    return
+  }
+  var state    = this._state
+  var velocity = this._velocity
+  var statePtr = state.length - this.dimension
+  var bounds   = this.bounds
+  var lo       = bounds[0]
+  var hi       = bounds[1]
+  var dt       = t - t0
+  var sf       = (dt > 1e-6) ? 1/dt : 0.0
+  this._time.push(t)
+  for(var i=d; i>0; --i) {
+    var dx = arguments[i]
+    state.push(clamp(lo[i-1], hi[i-1], state[statePtr++] + dx))
+    velocity.push(dx * sf)
+  }
+}
+
+proto.idle = function(t) {
+  var t0 = this.lastT()
+  if(t < t0) {
+    return
+  }
+  var d        = this.dimension
+  var state    = this._state
+  var velocity = this._velocity
+  var statePtr = state.length-d
+  var bounds   = this.bounds
+  var lo       = bounds[0]
+  var hi       = bounds[1]
+  var dt       = t - t0
+  this._time.push(t)
+  for(var i=d-1; i>=0; --i) {
+    state.push(clamp(lo[i], hi[i], state[statePtr] + dt * velocity[statePtr]))
+    velocity.push(0)
+    statePtr += 1
+  }
+}
+
+function getZero(d) {
+  var result = new Array(d)
+  for(var i=0; i<d; ++i) {
+    result[i] = 0.0
+  }
+  return result
+}
+
+function createFilteredVector(initState, initVelocity, initTime) {
+  switch(arguments.length) {
+    case 0:
+      return new FilteredVector([0], [0], 0)
+    case 1:
+      if(typeof initState === 'number') {
+        var zero = getZero(initState)
+        return new FilteredVector(zero, zero, 0)
+      } else {
+        return new FilteredVector(initState, getZero(initState.length), 0)
+      }
+    case 2:
+      if(typeof initVelocity === 'number') {
+        var zero = getZero(initState.length)
+        return new FilteredVector(initState, zero, +initVelocity)
+      } else {
+        initTime = 0
+      }
+    case 3:
+      if(initState.length !== initVelocity.length) {
+        throw new Error('state and velocity lengths must match')
+      }
+      return new FilteredVector(initState, initVelocity, initTime)
+  }
+}
+
+},{"binary-search-bounds":66,"cubic-hermite":109}],134:[function(require,module,exports){
+/**
+ * @module  font-atlas-sdf
+ */
+
+'use strict'
+
+var SDF = require('tiny-sdf')
+var optical = require('optical-properties')
+
+module.exports = atlas
+
+
+function atlas(options) {
+	options = options || {}
+
+	var canvas = options.canvas || document.createElement('canvas')
+	var family = options.family || 'sans-serif'
+	var shape = options.shape || [512, 512]
+	var step = options.step || [32, 32]
+	var size = parseFloat(options.size) || 16
+	var chars = options.chars || [32, 126]
+	var bufferSize = Math.floor((step[0] - size)/2)
+	var radius = options.radius || bufferSize*1.5
+	var sdf = new SDF(size, bufferSize, radius, 0, family)
+	var vAlign = options.align == null ? 'optical' : options.align
+	var fit = options.fit == null || options.fit == true ? .5 : options.fit
+	var i, j
+
+	if (!Array.isArray(chars)) {
+		chars = String(chars).split('')
+	}
+	else if (
+		chars.length === 2
+		&& typeof chars[0] === 'number'
+		&& typeof chars[1] === 'number'
+	) {
+		var newchars = []
+
+		for (i = chars[0], j = 0; i <= chars[1]; i++) {
+			newchars[j++] = String.fromCharCode(i)
+		}
+
+		chars = newchars
+	}
+
+	shape = shape.slice()
+	canvas.width  = shape[0]
+	canvas.height = shape[1]
+
+	var ctx = canvas.getContext('2d')
+
+	ctx.fillStyle = '#000'
+	ctx.fillRect(0, 0, canvas.width, canvas.height)
+	ctx.textBaseline = 'middle'
+
+	var w = step[0], h = step[1]
+	var x = 0
+	var y = 0
+	var ratio = size/h
+	var len = Math.min(chars.length, Math.floor(shape[0]/w) * Math.ceil(shape[1]/h))
+
+	// hack tiny-sdf to render centered
+	//FIXME: get rif of it by [possibly] PR to tiny-sdf
+	var align = sdf.ctx.textAlign
+	var buffer = sdf.buffer
+	var middle = sdf.middle
+
+	sdf.ctx.textAlign = 'center'
+	sdf.buffer = sdf.size/2
+
+	for (i = 0; i < len; i++) {
+		if (!chars[i]) continue;
+
+		var props = getProps(chars[i], family, ratio)
+		var scale = 1, diff = [0, 0]
+
+		//hack tinysdf char-draw method
+		if (fit) {
+			var fitRatio = fit
+			if (Array.isArray(fit)) {
+				fitRatio = fit[i]
+			}
+			var vert = (props.bounds[3]-props.bounds[1])*.5
+			var horiz = (props.bounds[2]-props.bounds[0])*.5
+			var maxSide = Math.max( vert , horiz )
+			var diag = Math.sqrt(vert*vert + horiz*horiz)
+			var maxDist = props.radius*.333 + maxSide*.333 + diag*.333
+
+			scale = h*fitRatio / (maxDist*h*2)
+			sdf.ctx.font = size*scale + 'px ' + family;
+		}
+		else {
+			sdf.ctx.font = size + 'px ' + family;
+		}
+
+		if (vAlign) {
+			if (vAlign === 'optical' || vAlign === true) {
+				diff = [
+					w*.5 - w*props.center[0],
+					h*.5 - h*props.center[1]
+				]
+			}
+			else {
+				diff = [
+					w*.5 - w*(props.bounds[2] + props.bounds[0])*.5,
+					h*.5 - h*(props.bounds[3] + props.bounds[1])*.5
+				]
+			}
+			sdf.middle = middle + diff[1]*scale
+		}
+
+		//calc sdf
+		var data = sdf.draw(chars[i])
+
+		// ctx.putImageData(data, x + diff[0]*scale, y + diff[1]*scale, 0, -diff[1]*scale, data.width, data.height)
+		ctx.putImageData(data, x + diff[0]*scale, y)
+
+		x += step[0]
+		if (x > shape[0] - step[0]) {
+			x = 0
+			y += step[1]
+		}
+	}
+
+	// unhack tiny-sdf
+	sdf.ctx.textAlign = align
+	sdf.buffer = buffer
+	sdf.middle = middle
+
+	return canvas
+}
+
+var cache = {}
+function getProps(char, family, ratio) {
+	if (cache[family] && cache[family][char]) return cache[family][char]
+
+	var propsSize = 200
+	var propsFs = propsSize * ratio
+	var props = optical(char, {size: propsSize, fontSize: propsFs, fontFamily: family})
+
+	if (!cache[family]) cache[family] = {}
+
+	var relProps = {
+		center: [
+			props.center[0]/propsSize,
+			props.center[1]/propsSize
+		],
+		bounds: props.bounds.map(function (v) {
+			return v/propsSize
+		}),
+		radius: props.radius/propsSize
+	}
+
+	cache[family][char] = relProps
+
+	return relProps
+}
+
+},{"optical-properties":471,"tiny-sdf":533}],135:[function(require,module,exports){
+"use strict"
+
+module.exports = createRBTree
+
+var RED   = 0
+var BLACK = 1
+
+function RBNode(color, key, value, left, right, count) {
+  this._color = color
+  this.key = key
+  this.value = value
+  this.left = left
+  this.right = right
+  this._count = count
+}
+
+function cloneNode(node) {
+  return new RBNode(node._color, node.key, node.value, node.left, node.right, node._count)
+}
+
+function repaint(color, node) {
+  return new RBNode(color, node.key, node.value, node.left, node.right, node._count)
+}
+
+function recount(node) {
+  node._count = 1 + (node.left ? node.left._count : 0) + (node.right ? node.right._count : 0)
+}
+
+function RedBlackTree(compare, root) {
+  this._compare = compare
+  this.root = root
+}
+
+var proto = RedBlackTree.prototype
+
+Object.defineProperty(proto, "keys", {
+  get: function() {
+    var result = []
+    this.forEach(function(k,v) {
+      result.push(k)
+    })
+    return result
+  }
+})
+
+Object.defineProperty(proto, "values", {
+  get: function() {
+    var result = []
+    this.forEach(function(k,v) {
+      result.push(v)
+    })
+    return result
+  }
+})
+
+//Returns the number of nodes in the tree
+Object.defineProperty(proto, "length", {
+  get: function() {
+    if(this.root) {
+      return this.root._count
+    }
+    return 0
+  }
+})
+
+//Insert a new item into the tree
+proto.insert = function(key, value) {
+  var cmp = this._compare
+  //Find point to insert new node at
+  var n = this.root
+  var n_stack = []
+  var d_stack = []
+  while(n) {
+    var d = cmp(key, n.key)
+    n_stack.push(n)
+    d_stack.push(d)
+    if(d <= 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  //Rebuild path to leaf node
+  n_stack.push(new RBNode(RED, key, value, null, null, 1))
+  for(var s=n_stack.length-2; s>=0; --s) {
+    var n = n_stack[s]
+    if(d_stack[s] <= 0) {
+      n_stack[s] = new RBNode(n._color, n.key, n.value, n_stack[s+1], n.right, n._count+1)
+    } else {
+      n_stack[s] = new RBNode(n._color, n.key, n.value, n.left, n_stack[s+1], n._count+1)
+    }
+  }
+  //Rebalance tree using rotations
+  //console.log("start insert", key, d_stack)
+  for(var s=n_stack.length-1; s>1; --s) {
+    var p = n_stack[s-1]
+    var n = n_stack[s]
+    if(p._color === BLACK || n._color === BLACK) {
+      break
+    }
+    var pp = n_stack[s-2]
+    if(pp.left === p) {
+      if(p.left === n) {
+        var y = pp.right
+        if(y && y._color === RED) {
+          //console.log("LLr")
+          p._color = BLACK
+          pp.right = repaint(BLACK, y)
+          pp._color = RED
+          s -= 1
+        } else {
+          //console.log("LLb")
+          pp._color = RED
+          pp.left = p.right
+          p._color = BLACK
+          p.right = pp
+          n_stack[s-2] = p
+          n_stack[s-1] = n
+          recount(pp)
+          recount(p)
+          if(s >= 3) {
+            var ppp = n_stack[s-3]
+            if(ppp.left === pp) {
+              ppp.left = p
+            } else {
+              ppp.right = p
+            }
+          }
+          break
+        }
+      } else {
+        var y = pp.right
+        if(y && y._color === RED) {
+          //console.log("LRr")
+          p._color = BLACK
+          pp.right = repaint(BLACK, y)
+          pp._color = RED
+          s -= 1
+        } else {
+          //console.log("LRb")
+          p.right = n.left
+          pp._color = RED
+          pp.left = n.right
+          n._color = BLACK
+          n.left = p
+          n.right = pp
+          n_stack[s-2] = n
+          n_stack[s-1] = p
+          recount(pp)
+          recount(p)
+          recount(n)
+          if(s >= 3) {
+            var ppp = n_stack[s-3]
+            if(ppp.left === pp) {
+              ppp.left = n
+            } else {
+              ppp.right = n
+            }
+          }
+          break
+        }
+      }
+    } else {
+      if(p.right === n) {
+        var y = pp.left
+        if(y && y._color === RED) {
+          //console.log("RRr", y.key)
+          p._color = BLACK
+          pp.left = repaint(BLACK, y)
+          pp._color = RED
+          s -= 1
+        } else {
+          //console.log("RRb")
+          pp._color = RED
+          pp.right = p.left
+          p._color = BLACK
+          p.left = pp
+          n_stack[s-2] = p
+          n_stack[s-1] = n
+          recount(pp)
+          recount(p)
+          if(s >= 3) {
+            var ppp = n_stack[s-3]
+            if(ppp.right === pp) {
+              ppp.right = p
+            } else {
+              ppp.left = p
+            }
+          }
+          break
+        }
+      } else {
+        var y = pp.left
+        if(y && y._color === RED) {
+          //console.log("RLr")
+          p._color = BLACK
+          pp.left = repaint(BLACK, y)
+          pp._color = RED
+          s -= 1
+        } else {
+          //console.log("RLb")
+          p.left = n.right
+          pp._color = RED
+          pp.right = n.left
+          n._color = BLACK
+          n.right = p
+          n.left = pp
+          n_stack[s-2] = n
+          n_stack[s-1] = p
+          recount(pp)
+          recount(p)
+          recount(n)
+          if(s >= 3) {
+            var ppp = n_stack[s-3]
+            if(ppp.right === pp) {
+              ppp.right = n
+            } else {
+              ppp.left = n
+            }
+          }
+          break
+        }
+      }
+    }
+  }
+  //Return new tree
+  n_stack[0]._color = BLACK
+  return new RedBlackTree(cmp, n_stack[0])
+}
+
+
+//Visit all nodes inorder
+function doVisitFull(visit, node) {
+  if(node.left) {
+    var v = doVisitFull(visit, node.left)
+    if(v) { return v }
+  }
+  var v = visit(node.key, node.value)
+  if(v) { return v }
+  if(node.right) {
+    return doVisitFull(visit, node.right)
+  }
+}
+
+//Visit half nodes in order
+function doVisitHalf(lo, compare, visit, node) {
+  var l = compare(lo, node.key)
+  if(l <= 0) {
+    if(node.left) {
+      var v = doVisitHalf(lo, compare, visit, node.left)
+      if(v) { return v }
+    }
+    var v = visit(node.key, node.value)
+    if(v) { return v }
+  }
+  if(node.right) {
+    return doVisitHalf(lo, compare, visit, node.right)
+  }
+}
+
+//Visit all nodes within a range
+function doVisit(lo, hi, compare, visit, node) {
+  var l = compare(lo, node.key)
+  var h = compare(hi, node.key)
+  var v
+  if(l <= 0) {
+    if(node.left) {
+      v = doVisit(lo, hi, compare, visit, node.left)
+      if(v) { return v }
+    }
+    if(h > 0) {
+      v = visit(node.key, node.value)
+      if(v) { return v }
+    }
+  }
+  if(h > 0 && node.right) {
+    return doVisit(lo, hi, compare, visit, node.right)
+  }
+}
+
+
+proto.forEach = function rbTreeForEach(visit, lo, hi) {
+  if(!this.root) {
+    return
+  }
+  switch(arguments.length) {
+    case 1:
+      return doVisitFull(visit, this.root)
+    break
+
+    case 2:
+      return doVisitHalf(lo, this._compare, visit, this.root)
+    break
+
+    case 3:
+      if(this._compare(lo, hi) >= 0) {
+        return
+      }
+      return doVisit(lo, hi, this._compare, visit, this.root)
+    break
+  }
+}
+
+//First item in list
+Object.defineProperty(proto, "begin", {
+  get: function() {
+    var stack = []
+    var n = this.root
+    while(n) {
+      stack.push(n)
+      n = n.left
+    }
+    return new RedBlackTreeIterator(this, stack)
+  }
+})
+
+//Last item in list
+Object.defineProperty(proto, "end", {
+  get: function() {
+    var stack = []
+    var n = this.root
+    while(n) {
+      stack.push(n)
+      n = n.right
+    }
+    return new RedBlackTreeIterator(this, stack)
+  }
+})
+
+//Find the ith item in the tree
+proto.at = function(idx) {
+  if(idx < 0) {
+    return new RedBlackTreeIterator(this, [])
+  }
+  var n = this.root
+  var stack = []
+  while(true) {
+    stack.push(n)
+    if(n.left) {
+      if(idx < n.left._count) {
+        n = n.left
+        continue
+      }
+      idx -= n.left._count
+    }
+    if(!idx) {
+      return new RedBlackTreeIterator(this, stack)
+    }
+    idx -= 1
+    if(n.right) {
+      if(idx >= n.right._count) {
+        break
+      }
+      n = n.right
+    } else {
+      break
+    }
+  }
+  return new RedBlackTreeIterator(this, [])
+}
+
+proto.ge = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  var stack = []
+  var last_ptr = 0
+  while(n) {
+    var d = cmp(key, n.key)
+    stack.push(n)
+    if(d <= 0) {
+      last_ptr = stack.length
+    }
+    if(d <= 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  stack.length = last_ptr
+  return new RedBlackTreeIterator(this, stack)
+}
+
+proto.gt = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  var stack = []
+  var last_ptr = 0
+  while(n) {
+    var d = cmp(key, n.key)
+    stack.push(n)
+    if(d < 0) {
+      last_ptr = stack.length
+    }
+    if(d < 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  stack.length = last_ptr
+  return new RedBlackTreeIterator(this, stack)
+}
+
+proto.lt = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  var stack = []
+  var last_ptr = 0
+  while(n) {
+    var d = cmp(key, n.key)
+    stack.push(n)
+    if(d > 0) {
+      last_ptr = stack.length
+    }
+    if(d <= 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  stack.length = last_ptr
+  return new RedBlackTreeIterator(this, stack)
+}
+
+proto.le = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  var stack = []
+  var last_ptr = 0
+  while(n) {
+    var d = cmp(key, n.key)
+    stack.push(n)
+    if(d >= 0) {
+      last_ptr = stack.length
+    }
+    if(d < 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  stack.length = last_ptr
+  return new RedBlackTreeIterator(this, stack)
+}
+
+//Finds the item with key if it exists
+proto.find = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  var stack = []
+  while(n) {
+    var d = cmp(key, n.key)
+    stack.push(n)
+    if(d === 0) {
+      return new RedBlackTreeIterator(this, stack)
+    }
+    if(d <= 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  return new RedBlackTreeIterator(this, [])
+}
+
+//Removes item with key from tree
+proto.remove = function(key) {
+  var iter = this.find(key)
+  if(iter) {
+    return iter.remove()
+  }
+  return this
+}
+
+//Returns the item at `key`
+proto.get = function(key) {
+  var cmp = this._compare
+  var n = this.root
+  while(n) {
+    var d = cmp(key, n.key)
+    if(d === 0) {
+      return n.value
+    }
+    if(d <= 0) {
+      n = n.left
+    } else {
+      n = n.right
+    }
+  }
+  return
+}
+
+//Iterator for red black tree
+function RedBlackTreeIterator(tree, stack) {
+  this.tree = tree
+  this._stack = stack
+}
+
+var iproto = RedBlackTreeIterator.prototype
+
+//Test if iterator is valid
+Object.defineProperty(iproto, "valid", {
+  get: function() {
+    return this._stack.length > 0
+  }
+})
+
+//Node of the iterator
+Object.defineProperty(iproto, "node", {
+  get: function() {
+    if(this._stack.length > 0) {
+      return this._stack[this._stack.length-1]
+    }
+    return null
+  },
+  enumerable: true
+})
+
+//Makes a copy of an iterator
+iproto.clone = function() {
+  return new RedBlackTreeIterator(this.tree, this._stack.slice())
+}
+
+//Swaps two nodes
+function swapNode(n, v) {
+  n.key = v.key
+  n.value = v.value
+  n.left = v.left
+  n.right = v.right
+  n._color = v._color
+  n._count = v._count
+}
+
+//Fix up a double black node in a tree
+function fixDoubleBlack(stack) {
+  var n, p, s, z
+  for(var i=stack.length-1; i>=0; --i) {
+    n = stack[i]
+    if(i === 0) {
+      n._color = BLACK
+      return
+    }
+    //console.log("visit node:", n.key, i, stack[i].key, stack[i-1].key)
+    p = stack[i-1]
+    if(p.left === n) {
+      //console.log("left child")
+      s = p.right
+      if(s.right && s.right._color === RED) {
+        //console.log("case 1: right sibling child red")
+        s = p.right = cloneNode(s)
+        z = s.right = cloneNode(s.right)
+        p.right = s.left
+        s.left = p
+        s.right = z
+        s._color = p._color
+        n._color = BLACK
+        p._color = BLACK
+        z._color = BLACK
+        recount(p)
+        recount(s)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.left === p) {
+            pp.left = s
+          } else {
+            pp.right = s
+          }
+        }
+        stack[i-1] = s
+        return
+      } else if(s.left && s.left._color === RED) {
+        //console.log("case 1: left sibling child red")
+        s = p.right = cloneNode(s)
+        z = s.left = cloneNode(s.left)
+        p.right = z.left
+        s.left = z.right
+        z.left = p
+        z.right = s
+        z._color = p._color
+        p._color = BLACK
+        s._color = BLACK
+        n._color = BLACK
+        recount(p)
+        recount(s)
+        recount(z)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.left === p) {
+            pp.left = z
+          } else {
+            pp.right = z
+          }
+        }
+        stack[i-1] = z
+        return
+      }
+      if(s._color === BLACK) {
+        if(p._color === RED) {
+          //console.log("case 2: black sibling, red parent", p.right.value)
+          p._color = BLACK
+          p.right = repaint(RED, s)
+          return
+        } else {
+          //console.log("case 2: black sibling, black parent", p.right.value)
+          p.right = repaint(RED, s)
+          continue  
+        }
+      } else {
+        //console.log("case 3: red sibling")
+        s = cloneNode(s)
+        p.right = s.left
+        s.left = p
+        s._color = p._color
+        p._color = RED
+        recount(p)
+        recount(s)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.left === p) {
+            pp.left = s
+          } else {
+            pp.right = s
+          }
+        }
+        stack[i-1] = s
+        stack[i] = p
+        if(i+1 < stack.length) {
+          stack[i+1] = n
+        } else {
+          stack.push(n)
+        }
+        i = i+2
+      }
+    } else {
+      //console.log("right child")
+      s = p.left
+      if(s.left && s.left._color === RED) {
+        //console.log("case 1: left sibling child red", p.value, p._color)
+        s = p.left = cloneNode(s)
+        z = s.left = cloneNode(s.left)
+        p.left = s.right
+        s.right = p
+        s.left = z
+        s._color = p._color
+        n._color = BLACK
+        p._color = BLACK
+        z._color = BLACK
+        recount(p)
+        recount(s)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.right === p) {
+            pp.right = s
+          } else {
+            pp.left = s
+          }
+        }
+        stack[i-1] = s
+        return
+      } else if(s.right && s.right._color === RED) {
+        //console.log("case 1: right sibling child red")
+        s = p.left = cloneNode(s)
+        z = s.right = cloneNode(s.right)
+        p.left = z.right
+        s.right = z.left
+        z.right = p
+        z.left = s
+        z._color = p._color
+        p._color = BLACK
+        s._color = BLACK
+        n._color = BLACK
+        recount(p)
+        recount(s)
+        recount(z)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.right === p) {
+            pp.right = z
+          } else {
+            pp.left = z
+          }
+        }
+        stack[i-1] = z
+        return
+      }
+      if(s._color === BLACK) {
+        if(p._color === RED) {
+          //console.log("case 2: black sibling, red parent")
+          p._color = BLACK
+          p.left = repaint(RED, s)
+          return
+        } else {
+          //console.log("case 2: black sibling, black parent")
+          p.left = repaint(RED, s)
+          continue  
+        }
+      } else {
+        //console.log("case 3: red sibling")
+        s = cloneNode(s)
+        p.left = s.right
+        s.right = p
+        s._color = p._color
+        p._color = RED
+        recount(p)
+        recount(s)
+        if(i > 1) {
+          var pp = stack[i-2]
+          if(pp.right === p) {
+            pp.right = s
+          } else {
+            pp.left = s
+          }
+        }
+        stack[i-1] = s
+        stack[i] = p
+        if(i+1 < stack.length) {
+          stack[i+1] = n
+        } else {
+          stack.push(n)
+        }
+        i = i+2
+      }
+    }
+  }
+}
+
+//Removes item at iterator from tree
+iproto.remove = function() {
+  var stack = this._stack
+  if(stack.length === 0) {
+    return this.tree
+  }
+  //First copy path to node
+  var cstack = new Array(stack.length)
+  var n = stack[stack.length-1]
+  cstack[cstack.length-1] = new RBNode(n._color, n.key, n.value, n.left, n.right, n._count)
+  for(var i=stack.length-2; i>=0; --i) {
+    var n = stack[i]
+    if(n.left === stack[i+1]) {
+      cstack[i] = new RBNode(n._color, n.key, n.value, cstack[i+1], n.right, n._count)
+    } else {
+      cstack[i] = new RBNode(n._color, n.key, n.value, n.left, cstack[i+1], n._count)
+    }
+  }
+
+  //Get node
+  n = cstack[cstack.length-1]
+  //console.log("start remove: ", n.value)
+
+  //If not leaf, then swap with previous node
+  if(n.left && n.right) {
+    //console.log("moving to leaf")
+
+    //First walk to previous leaf
+    var split = cstack.length
+    n = n.left
+    while(n.right) {
+      cstack.push(n)
+      n = n.right
+    }
+    //Copy path to leaf
+    var v = cstack[split-1]
+    cstack.push(new RBNode(n._color, v.key, v.value, n.left, n.right, n._count))
+    cstack[split-1].key = n.key
+    cstack[split-1].value = n.value
+
+    //Fix up stack
+    for(var i=cstack.length-2; i>=split; --i) {
+      n = cstack[i]
+      cstack[i] = new RBNode(n._color, n.key, n.value, n.left, cstack[i+1], n._count)
+    }
+    cstack[split-1].left = cstack[split]
+  }
+  //console.log("stack=", cstack.map(function(v) { return v.value }))
+
+  //Remove leaf node
+  n = cstack[cstack.length-1]
+  if(n._color === RED) {
+    //Easy case: removing red leaf
+    //console.log("RED leaf")
+    var p = cstack[cstack.length-2]
+    if(p.left === n) {
+      p.left = null
+    } else if(p.right === n) {
+      p.right = null
+    }
+    cstack.pop()
+    for(var i=0; i<cstack.length; ++i) {
+      cstack[i]._count--
+    }
+    return new RedBlackTree(this.tree._compare, cstack[0])
+  } else {
+    if(n.left || n.right) {
+      //Second easy case:  Single child black parent
+      //console.log("BLACK single child")
+      if(n.left) {
+        swapNode(n, n.left)
+      } else if(n.right) {
+        swapNode(n, n.right)
+      }
+      //Child must be red, so repaint it black to balance color
+      n._color = BLACK
+      for(var i=0; i<cstack.length-1; ++i) {
+        cstack[i]._count--
+      }
+      return new RedBlackTree(this.tree._compare, cstack[0])
+    } else if(cstack.length === 1) {
+      //Third easy case: root
+      //console.log("ROOT")
+      return new RedBlackTree(this.tree._compare, null)
+    } else {
+      //Hard case: Repaint n, and then do some nasty stuff
+      //console.log("BLACK leaf no children")
+      for(var i=0; i<cstack.length; ++i) {
+        cstack[i]._count--
+      }
+      var parent = cstack[cstack.length-2]
+      fixDoubleBlack(cstack)
+      //Fix up links
+      if(parent.left === n) {
+        parent.left = null
+      } else {
+        parent.right = null
+      }
+    }
+  }
+  return new RedBlackTree(this.tree._compare, cstack[0])
+}
+
+//Returns key
+Object.defineProperty(iproto, "key", {
+  get: function() {
+    if(this._stack.length > 0) {
+      return this._stack[this._stack.length-1].key
+    }
+    return
+  },
+  enumerable: true
+})
+
+//Returns value
+Object.defineProperty(iproto, "value", {
+  get: function() {
+    if(this._stack.length > 0) {
+      return this._stack[this._stack.length-1].value
+    }
+    return
+  },
+  enumerable: true
+})
+
+
+//Returns the position of this iterator in the sorted list
+Object.defineProperty(iproto, "index", {
+  get: function() {
+    var idx = 0
+    var stack = this._stack
+    if(stack.length === 0) {
+      var r = this.tree.root
+      if(r) {
+        return r._count
+      }
+      return 0
+    } else if(stack[stack.length-1].left) {
+      idx = stack[stack.length-1].left._count
+    }
+    for(var s=stack.length-2; s>=0; --s) {
+      if(stack[s+1] === stack[s].right) {
+        ++idx
+        if(stack[s].left) {
+          idx += stack[s].left._count
+        }
+      }
+    }
+    return idx
+  },
+  enumerable: true
+})
+
+//Advances iterator to next element in list
+iproto.next = function() {
+  var stack = this._stack
+  if(stack.length === 0) {
+    return
+  }
+  var n = stack[stack.length-1]
+  if(n.right) {
+    n = n.right
+    while(n) {
+      stack.push(n)
+      n = n.left
+    }
+  } else {
+    stack.pop()
+    while(stack.length > 0 && stack[stack.length-1].right === n) {
+      n = stack[stack.length-1]
+      stack.pop()
+    }
+  }
+}
+
+//Checks if iterator is at end of tree
+Object.defineProperty(iproto, "hasNext", {
+  get: function() {
+    var stack = this._stack
+    if(stack.length === 0) {
+      return false
+    }
+    if(stack[stack.length-1].right) {
+      return true
+    }
+    for(var s=stack.length-1; s>0; --s) {
+      if(stack[s-1].left === stack[s]) {
+        return true
+      }
+    }
+    return false
+  }
+})
+
+//Update value
+iproto.update = function(value) {
+  var stack = this._stack
+  if(stack.length === 0) {
+    throw new Error("Can't update empty node!")
+  }
+  var cstack = new Array(stack.length)
+  var n = stack[stack.length-1]
+  cstack[cstack.length-1] = new RBNode(n._color, n.key, value, n.left, n.right, n._count)
+  for(var i=stack.length-2; i>=0; --i) {
+    n = stack[i]
+    if(n.left === stack[i+1]) {
+      cstack[i] = new RBNode(n._color, n.key, n.value, cstack[i+1], n.right, n._count)
+    } else {
+      cstack[i] = new RBNode(n._color, n.key, n.value, n.left, cstack[i+1], n._count)
+    }
+  }
+  return new RedBlackTree(this.tree._compare, cstack[0])
+}
+
+//Moves iterator backward one element
+iproto.prev = function() {
+  var stack = this._stack
+  if(stack.length === 0) {
+    return
+  }
+  var n = stack[stack.length-1]
+  if(n.left) {
+    n = n.left
+    while(n) {
+      stack.push(n)
+      n = n.right
+    }
+  } else {
+    stack.pop()
+    while(stack.length > 0 && stack[stack.length-1].left === n) {
+      n = stack[stack.length-1]
+      stack.pop()
+    }
+  }
+}
+
+//Checks if iterator is at start of tree
+Object.defineProperty(iproto, "hasPrev", {
+  get: function() {
+    var stack = this._stack
+    if(stack.length === 0) {
+      return false
+    }
+    if(stack[stack.length-1].left) {
+      return true
+    }
+    for(var s=stack.length-1; s>0; --s) {
+      if(stack[s-1].right === stack[s]) {
+        return true
+      }
+    }
+    return false
+  }
+})
+
+//Default comparison function
+function defaultCompare(a, b) {
+  if(a < b) {
+    return -1
+  }
+  if(a > b) {
+    return 1
+  }
+  return 0
+}
+
+//Build a tree
+function createRBTree(compare) {
+  return new RedBlackTree(compare || defaultCompare, null)
+}
+},{}],136:[function(require,module,exports){
+// transliterated from the python snippet here:
+// http://en.wikipedia.org/wiki/Lanczos_approximation
+
+var g = 7;
+var p = [
+    0.99999999999980993,
+    676.5203681218851,
+    -1259.1392167224028,
+    771.32342877765313,
+    -176.61502916214059,
+    12.507343278686905,
+    -0.13857109526572012,
+    9.9843695780195716e-6,
+    1.5056327351493116e-7
+];
+
+var g_ln = 607/128;
+var p_ln = [
+    0.99999999999999709182,
+    57.156235665862923517,
+    -59.597960355475491248,
+    14.136097974741747174,
+    -0.49191381609762019978,
+    0.33994649984811888699e-4,
+    0.46523628927048575665e-4,
+    -0.98374475304879564677e-4,
+    0.15808870322491248884e-3,
+    -0.21026444172410488319e-3,
+    0.21743961811521264320e-3,
+    -0.16431810653676389022e-3,
+    0.84418223983852743293e-4,
+    -0.26190838401581408670e-4,
+    0.36899182659531622704e-5
+];
+
+// Spouge approximation (suitable for large arguments)
+function lngamma(z) {
+
+    if(z < 0) return Number('0/0');
+    var x = p_ln[0];
+    for(var i = p_ln.length - 1; i > 0; --i) x += p_ln[i] / (z + i);
+    var t = z + g_ln + 0.5;
+    return .5*Math.log(2*Math.PI)+(z+.5)*Math.log(t)-t+Math.log(x)-Math.log(z);
+}
+
+module.exports = function gamma (z) {
+    if (z < 0.5) {
+        return Math.PI / (Math.sin(Math.PI * z) * gamma(1 - z));
+    }
+    else if(z > 100) return Math.exp(lngamma(z));
+    else {
+        z -= 1;
+        var x = p[0];
+        for (var i = 1; i < g + 2; i++) {
+            x += p[i] / (z + i);
+        }
+        var t = z + g + 0.5;
+
+        return Math.sqrt(2 * Math.PI)
+            * Math.pow(t, z + 0.5)
+            * Math.exp(-t)
+            * x
+        ;
+    }
+};
+
+module.exports.log = lngamma;
+
+},{}],137:[function(require,module,exports){
+var wgs84 = require('wgs84');
+
+module.exports.geometry = geometry;
+module.exports.ring = ringArea;
+
+function geometry(_) {
+    if (_.type === 'Polygon') return polygonArea(_.coordinates);
+    else if (_.type === 'MultiPolygon') {
+        var area = 0;
+        for (var i = 0; i < _.coordinates.length; i++) {
+            area += polygonArea(_.coordinates[i]);
+        }
+        return area;
+    } else {
+        return null;
+    }
+}
+
+function polygonArea(coords) {
+    var area = 0;
+    if (coords && coords.length > 0) {
+        area += Math.abs(ringArea(coords[0]));
+        for (var i = 1; i < coords.length; i++) {
+            area -= Math.abs(ringArea(coords[i]));
+        }
+    }
+    return area;
+}
+
+/**
+ * Calculate the approximate area of the polygon were it projected onto
+ *     the earth.  Note that this area will be positive if ring is oriented
+ *     clockwise, otherwise it will be negative.
+ *
+ * Reference:
+ * Robert. G. Chamberlain and William H. Duquette, "Some Algorithms for
+ *     Polygons on a Sphere", JPL Publication 07-03, Jet Propulsion
+ *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409
+ *
+ * Returns:
+ * {float} The approximate signed geodesic area of the polygon in square
+ *     meters.
+ */
+
+function ringArea(coords) {
+    var area = 0;
+
+    if (coords.length > 2) {
+        var p1, p2;
+        for (var i = 0; i < coords.length - 1; i++) {
+            p1 = coords[i];
+            p2 = coords[i + 1];
+            area += rad(p2[0] - p1[0]) * (2 + Math.sin(rad(p1[1])) + Math.sin(rad(p2[1])));
+        }
+
+        area = area * wgs84.RADIUS * wgs84.RADIUS / 2;
+    }
+
+    return area;
+}
+
+function rad(_) {
+    return _ * Math.PI / 180;
+}
+
+},{"wgs84":565}],138:[function(require,module,exports){
+var geojsonArea = require('geojson-area');
+
+module.exports = rewind;
+
+function rewind(gj, outer) {
+    switch ((gj && gj.type) || null) {
+        case 'FeatureCollection':
+            gj.features = gj.features.map(curryOuter(rewind, outer));
+            return gj;
+        case 'Feature':
+            gj.geometry = rewind(gj.geometry, outer);
+            return gj;
+        case 'Polygon':
+        case 'MultiPolygon':
+            return correct(gj, outer);
+        default:
+            return gj;
+    }
+}
+
+function curryOuter(a, b) {
+    return function(_) { return a(_, b); };
+}
+
+function correct(_, outer) {
+    if (_.type === 'Polygon') {
+        _.coordinates = correctRings(_.coordinates, outer);
+    } else if (_.type === 'MultiPolygon') {
+        _.coordinates = _.coordinates.map(curryOuter(correctRings, outer));
+    }
+    return _;
+}
+
+function correctRings(_, outer) {
+    outer = !!outer;
+    _[0] = wind(_[0], !outer);
+    for (var i = 1; i < _.length; i++) {
+        _[i] = wind(_[i], outer);
+    }
+    return _;
+}
+
+function wind(_, dir) {
+    return cw(_) === dir ? _ : _.reverse();
+}
+
+function cw(_) {
+    return geojsonArea.ring(_) >= 0;
+}
+
+},{"geojson-area":137}],139:[function(require,module,exports){
+'use strict';
+
+module.exports = clip;
+
+var createFeature = require('./feature');
+
+/* clip features between two axis-parallel lines:
+ *     |        |
+ *  ___|___     |     /
+ * /   |   \____|____/
+ *     |        |
+ */
+
+function clip(features, scale, k1, k2, axis, intersect, minAll, maxAll) {
+
+    k1 /= scale;
+    k2 /= scale;
+
+    if (minAll >= k1 && maxAll <= k2) return features; // trivial accept
+    else if (minAll > k2 || maxAll < k1) return null; // trivial reject
+
+    var clipped = [];
+
+    for (var i = 0; i < features.length; i++) {
+
+        var feature = features[i],
+            geometry = feature.geometry,
+            type = feature.type,
+            min, max;
+
+        min = feature.min[axis];
+        max = feature.max[axis];
+
+        if (min >= k1 && max <= k2) { // trivial accept
+            clipped.push(feature);
+            continue;
+        } else if (min > k2 || max < k1) continue; // trivial reject
+
+        var slices = type === 1 ?
+                clipPoints(geometry, k1, k2, axis) :
+                clipGeometry(geometry, k1, k2, axis, intersect, type === 3);
+
+        if (slices.length) {
+            // if a feature got clipped, it will likely get clipped on the next zoom level as well,
+            // so there's no need to recalculate bboxes
+            clipped.push(createFeature(feature.tags, type, slices, feature.id));
+        }
+    }
+
+    return clipped.length ? clipped : null;
+}
+
+function clipPoints(geometry, k1, k2, axis) {
+    var slice = [];
+
+    for (var i = 0; i < geometry.length; i++) {
+        var a = geometry[i],
+            ak = a[axis];
+
+        if (ak >= k1 && ak <= k2) slice.push(a);
+    }
+    return slice;
+}
+
+function clipGeometry(geometry, k1, k2, axis, intersect, closed) {
+
+    var slices = [];
+
+    for (var i = 0; i < geometry.length; i++) {
+
+        var ak = 0,
+            bk = 0,
+            b = null,
+            points = geometry[i],
+            area = points.area,
+            dist = points.dist,
+            outer = points.outer,
+            len = points.length,
+            a, j, last;
+
+        var slice = [];
+
+        for (j = 0; j < len - 1; j++) {
+            a = b || points[j];
+            b = points[j + 1];
+            ak = bk || a[axis];
+            bk = b[axis];
+
+            if (ak < k1) {
+
+                if ((bk > k2)) { // ---|-----|-->
+                    slice.push(intersect(a, b, k1), intersect(a, b, k2));
+                    if (!closed) slice = newSlice(slices, slice, area, dist, outer);
+
+                } else if (bk >= k1) slice.push(intersect(a, b, k1)); // ---|-->  |
+
+            } else if (ak > k2) {
+
+                if ((bk < k1)) { // <--|-----|---
+                    slice.push(intersect(a, b, k2), intersect(a, b, k1));
+                    if (!closed) slice = newSlice(slices, slice, area, dist, outer);
+
+                } else if (bk <= k2) slice.push(intersect(a, b, k2)); // |  <--|---
+
+            } else {
+
+                slice.push(a);
+
+                if (bk < k1) { // <--|---  |
+                    slice.push(intersect(a, b, k1));
+                    if (!closed) slice = newSlice(slices, slice, area, dist, outer);
+
+                } else if (bk > k2) { // |  ---|-->
+                    slice.push(intersect(a, b, k2));
+                    if (!closed) slice = newSlice(slices, slice, area, dist, outer);
+                }
+                // | --> |
+            }
+        }
+
+        // add the last point
+        a = points[len - 1];
+        ak = a[axis];
+        if (ak >= k1 && ak <= k2) slice.push(a);
+
+        // close the polygon if its endpoints are not the same after clipping
+
+        last = slice[slice.length - 1];
+        if (closed && last && (slice[0][0] !== last[0] || slice[0][1] !== last[1])) slice.push(slice[0]);
+
+        // add the final slice
+        newSlice(slices, slice, area, dist, outer);
+    }
+
+    return slices;
+}
+
+function newSlice(slices, slice, area, dist, outer) {
+    if (slice.length) {
+        // we don't recalculate the area/length of the unclipped geometry because the case where it goes
+        // below the visibility threshold as a result of clipping is rare, so we avoid doing unnecessary work
+        slice.area = area;
+        slice.dist = dist;
+        if (outer !== undefined) slice.outer = outer;
+
+        slices.push(slice);
+    }
+    return [];
+}
+
+},{"./feature":141}],140:[function(require,module,exports){
+'use strict';
+
+module.exports = convert;
+
+var simplify = require('./simplify');
+var createFeature = require('./feature');
+
+// converts GeoJSON feature into an intermediate projected JSON vector format with simplification data
+
+function convert(data, tolerance) {
+    var features = [];
+
+    if (data.type === 'FeatureCollection') {
+        for (var i = 0; i < data.features.length; i++) {
+            convertFeature(features, data.features[i], tolerance);
+        }
+    } else if (data.type === 'Feature') {
+        convertFeature(features, data, tolerance);
+
+    } else {
+        // single geometry or a geometry collection
+        convertFeature(features, {geometry: data}, tolerance);
+    }
+    return features;
+}
+
+function convertFeature(features, feature, tolerance) {
+    if (feature.geometry === null) {
+        // ignore features with null geometry
+        return;
+    }
+
+    var geom = feature.geometry,
+        type = geom.type,
+        coords = geom.coordinates,
+        tags = feature.properties,
+        id = feature.id,
+        i, j, rings, projectedRing;
+
+    if (type === 'Point') {
+        features.push(createFeature(tags, 1, [projectPoint(coords)], id));
+
+    } else if (type === 'MultiPoint') {
+        features.push(createFeature(tags, 1, project(coords), id));
+
+    } else if (type === 'LineString') {
+        features.push(createFeature(tags, 2, [project(coords, tolerance)], id));
+
+    } else if (type === 'MultiLineString' || type === 'Polygon') {
+        rings = [];
+        for (i = 0; i < coords.length; i++) {
+            projectedRing = project(coords[i], tolerance);
+            if (type === 'Polygon') projectedRing.outer = (i === 0);
+            rings.push(projectedRing);
+        }
+        features.push(createFeature(tags, type === 'Polygon' ? 3 : 2, rings, id));
+
+    } else if (type === 'MultiPolygon') {
+        rings = [];
+        for (i = 0; i < coords.length; i++) {
+            for (j = 0; j < coords[i].length; j++) {
+                projectedRing = project(coords[i][j], tolerance);
+                projectedRing.outer = (j === 0);
+                rings.push(projectedRing);
+            }
+        }
+        features.push(createFeature(tags, 3, rings, id));
+
+    } else if (type === 'GeometryCollection') {
+        for (i = 0; i < geom.geometries.length; i++) {
+            convertFeature(features, {
+                geometry: geom.geometries[i],
+                properties: tags
+            }, tolerance);
+        }
+
+    } else {
+        throw new Error('Input data is not a valid GeoJSON object.');
+    }
+}
+
+function project(lonlats, tolerance) {
+    var projected = [];
+    for (var i = 0; i < lonlats.length; i++) {
+        projected.push(projectPoint(lonlats[i]));
+    }
+    if (tolerance) {
+        simplify(projected, tolerance);
+        calcSize(projected);
+    }
+    return projected;
+}
+
+function projectPoint(p) {
+    var sin = Math.sin(p[1] * Math.PI / 180),
+        x = (p[0] / 360 + 0.5),
+        y = (0.5 - 0.25 * Math.log((1 + sin) / (1 - sin)) / Math.PI);
+
+    y = y < 0 ? 0 :
+        y > 1 ? 1 : y;
+
+    return [x, y, 0];
+}
+
+// calculate area and length of the poly
+function calcSize(points) {
+    var area = 0,
+        dist = 0;
+
+    for (var i = 0, a, b; i < points.length - 1; i++) {
+        a = b || points[i];
+        b = points[i + 1];
+
+        area += a[0] * b[1] - b[0] * a[1];
+
+        // use Manhattan distance instead of Euclidian one to avoid expensive square root computation
+        dist += Math.abs(b[0] - a[0]) + Math.abs(b[1] - a[1]);
+    }
+    points.area = Math.abs(area / 2);
+    points.dist = dist;
+}
+
+},{"./feature":141,"./simplify":143}],141:[function(require,module,exports){
+'use strict';
+
+module.exports = createFeature;
+
+function createFeature(tags, type, geom, id) {
+    var feature = {
+        id: id || null,
+        type: type,
+        geometry: geom,
+        tags: tags || null,
+        min: [Infinity, Infinity], // initial bbox values
+        max: [-Infinity, -Infinity]
+    };
+    calcBBox(feature);
+    return feature;
+}
+
+// calculate the feature bounding box for faster clipping later
+function calcBBox(feature) {
+    var geometry = feature.geometry,
+        min = feature.min,
+        max = feature.max;
+
+    if (feature.type === 1) {
+        calcRingBBox(min, max, geometry);
+    } else {
+        for (var i = 0; i < geometry.length; i++) {
+            calcRingBBox(min, max, geometry[i]);
+        }
+    }
+
+    return feature;
+}
+
+function calcRingBBox(min, max, points) {
+    for (var i = 0, p; i < points.length; i++) {
+        p = points[i];
+        min[0] = Math.min(p[0], min[0]);
+        max[0] = Math.max(p[0], max[0]);
+        min[1] = Math.min(p[1], min[1]);
+        max[1] = Math.max(p[1], max[1]);
+    }
+}
+
+},{}],142:[function(require,module,exports){
+'use strict';
+
+module.exports = geojsonvt;
+
+var convert = require('./convert'),     // GeoJSON conversion and preprocessing
+    transform = require('./transform'), // coordinate transformation
+    clip = require('./clip'),           // stripe clipping algorithm
+    wrap = require('./wrap'),           // date line processing
+    createTile = require('./tile');     // final simplified tile generation
+
+
+function geojsonvt(data, options) {
+    return new GeoJSONVT(data, options);
+}
+
+function GeoJSONVT(data, options) {
+    options = this.options = extend(Object.create(this.options), options);
+
+    var debug = options.debug;
+
+    if (debug) console.time('preprocess data');
+
+    var z2 = 1 << options.maxZoom, // 2^z
+        features = convert(data, options.tolerance / (z2 * options.extent));
+
+    this.tiles = {};
+    this.tileCoords = [];
+
+    if (debug) {
+        console.timeEnd('preprocess data');
+        console.log('index: maxZoom: %d, maxPoints: %d', options.indexMaxZoom, options.indexMaxPoints);
+        console.time('generate tiles');
+        this.stats = {};
+        this.total = 0;
+    }
+
+    features = wrap(features, options.buffer / options.extent, intersectX);
+
+    // start slicing from the top tile down
+    if (features.length) this.splitTile(features, 0, 0, 0);
+
+    if (debug) {
+        if (features.length) console.log('features: %d, points: %d', this.tiles[0].numFeatures, this.tiles[0].numPoints);
+        console.timeEnd('generate tiles');
+        console.log('tiles generated:', this.total, JSON.stringify(this.stats));
+    }
+}
+
+GeoJSONVT.prototype.options = {
+    maxZoom: 14,            // max zoom to preserve detail on
+    indexMaxZoom: 5,        // max zoom in the tile index
+    indexMaxPoints: 100000, // max number of points per tile in the tile index
+    solidChildren: false,   // whether to tile solid square tiles further
+    tolerance: 3,           // simplification tolerance (higher means simpler)
+    extent: 4096,           // tile extent
+    buffer: 64,             // tile buffer on each side
+    debug: 0                // logging level (0, 1 or 2)
+};
+
+GeoJSONVT.prototype.splitTile = function (features, z, x, y, cz, cx, cy) {
+
+    var stack = [features, z, x, y],
+        options = this.options,
+        debug = options.debug,
+        solid = null;
+
+    // avoid recursion by using a processing queue
+    while (stack.length) {
+        y = stack.pop();
+        x = stack.pop();
+        z = stack.pop();
+        features = stack.pop();
+
+        var z2 = 1 << z,
+            id = toID(z, x, y),
+            tile = this.tiles[id],
+            tileTolerance = z === options.maxZoom ? 0 : options.tolerance / (z2 * options.extent);
+
+        if (!tile) {
+            if (debug > 1) console.time('creation');
+
+            tile = this.tiles[id] = createTile(features, z2, x, y, tileTolerance, z === options.maxZoom);
+            this.tileCoords.push({z: z, x: x, y: y});
+
+            if (debug) {
+                if (debug > 1) {
+                    console.log('tile z%d-%d-%d (features: %d, points: %d, simplified: %d)',
+                        z, x, y, tile.numFeatures, tile.numPoints, tile.numSimplified);
+                    console.timeEnd('creation');
+                }
+                var key = 'z' + z;
+                this.stats[key] = (this.stats[key] || 0) + 1;
+                this.total++;
+            }
+        }
+
+        // save reference to original geometry in tile so that we can drill down later if we stop now
+        tile.source = features;
+
+        // if it's the first-pass tiling
+        if (!cz) {
+            // stop tiling if we reached max zoom, or if the tile is too simple
+            if (z === options.indexMaxZoom || tile.numPoints <= options.indexMaxPoints) continue;
+
+        // if a drilldown to a specific tile
+        } else {
+            // stop tiling if we reached base zoom or our target tile zoom
+            if (z === options.maxZoom || z === cz) continue;
+
+            // stop tiling if it's not an ancestor of the target tile
+            var m = 1 << (cz - z);
+            if (x !== Math.floor(cx / m) || y !== Math.floor(cy / m)) continue;
+        }
+
+        // stop tiling if the tile is solid clipped square
+        if (!options.solidChildren && isClippedSquare(tile, options.extent, options.buffer)) {
+            if (cz) solid = z; // and remember the zoom if we're drilling down
+            continue;
+        }
+
+        // if we slice further down, no need to keep source geometry
+        tile.source = null;
+
+        if (debug > 1) console.time('clipping');
+
+        // values we'll use for clipping
+        var k1 = 0.5 * options.buffer / options.extent,
+            k2 = 0.5 - k1,
+            k3 = 0.5 + k1,
+            k4 = 1 + k1,
+            tl, bl, tr, br, left, right;
+
+        tl = bl = tr = br = null;
+
+        left  = clip(features, z2, x - k1, x + k3, 0, intersectX, tile.min[0], tile.max[0]);
+        right = clip(features, z2, x + k2, x + k4, 0, intersectX, tile.min[0], tile.max[0]);
+
+        if (left) {
+            tl = clip(left, z2, y - k1, y + k3, 1, intersectY, tile.min[1], tile.max[1]);
+            bl = clip(left, z2, y + k2, y + k4, 1, intersectY, tile.min[1], tile.max[1]);
+        }
+
+        if (right) {
+            tr = clip(right, z2, y - k1, y + k3, 1, intersectY, tile.min[1], tile.max[1]);
+            br = clip(right, z2, y + k2, y + k4, 1, intersectY, tile.min[1], tile.max[1]);
+        }
+
+        if (debug > 1) console.timeEnd('clipping');
+
+        if (features.length) {
+            stack.push(tl || [], z + 1, x * 2,     y * 2);
+            stack.push(bl || [], z + 1, x * 2,     y * 2 + 1);
+            stack.push(tr || [], z + 1, x * 2 + 1, y * 2);
+            stack.push(br || [], z + 1, x * 2 + 1, y * 2 + 1);
+        }
+    }
+
+    return solid;
+};
+
+GeoJSONVT.prototype.getTile = function (z, x, y) {
+    var options = this.options,
+        extent = options.extent,
+        debug = options.debug;
+
+    var z2 = 1 << z;
+    x = ((x % z2) + z2) % z2; // wrap tile x coordinate
+
+    var id = toID(z, x, y);
+    if (this.tiles[id]) return transform.tile(this.tiles[id], extent);
+
+    if (debug > 1) console.log('drilling down to z%d-%d-%d', z, x, y);
+
+    var z0 = z,
+        x0 = x,
+        y0 = y,
+        parent;
+
+    while (!parent && z0 > 0) {
+        z0--;
+        x0 = Math.floor(x0 / 2);
+        y0 = Math.floor(y0 / 2);
+        parent = this.tiles[toID(z0, x0, y0)];
+    }
+
+    if (!parent || !parent.source) return null;
+
+    // if we found a parent tile containing the original geometry, we can drill down from it
+    if (debug > 1) console.log('found parent tile z%d-%d-%d', z0, x0, y0);
+
+    // it parent tile is a solid clipped square, return it instead since it's identical
+    if (isClippedSquare(parent, extent, options.buffer)) return transform.tile(parent, extent);
+
+    if (debug > 1) console.time('drilling down');
+    var solid = this.splitTile(parent.source, z0, x0, y0, z, x, y);
+    if (debug > 1) console.timeEnd('drilling down');
+
+    // one of the parent tiles was a solid clipped square
+    if (solid !== null) {
+        var m = 1 << (z - solid);
+        id = toID(solid, Math.floor(x / m), Math.floor(y / m));
+    }
+
+    return this.tiles[id] ? transform.tile(this.tiles[id], extent) : null;
+};
+
+function toID(z, x, y) {
+    return (((1 << z) * y + x) * 32) + z;
+}
+
+function intersectX(a, b, x) {
+    return [x, (x - a[0]) * (b[1] - a[1]) / (b[0] - a[0]) + a[1], 1];
+}
+function intersectY(a, b, y) {
+    return [(y - a[1]) * (b[0] - a[0]) / (b[1] - a[1]) + a[0], y, 1];
+}
+
+function extend(dest, src) {
+    for (var i in src) dest[i] = src[i];
+    return dest;
+}
+
+// checks whether a tile is a whole-area fill after clipping; if it is, there's no sense slicing it further
+function isClippedSquare(tile, extent, buffer) {
+
+    var features = tile.source;
+    if (features.length !== 1) return false;
+
+    var feature = features[0];
+    if (feature.type !== 3 || feature.geometry.length > 1) return false;
+
+    var len = feature.geometry[0].length;
+    if (len !== 5) return false;
+
+    for (var i = 0; i < len; i++) {
+        var p = transform.point(feature.geometry[0][i], extent, tile.z2, tile.x, tile.y);
+        if ((p[0] !== -buffer && p[0] !== extent + buffer) ||
+            (p[1] !== -buffer && p[1] !== extent + buffer)) return false;
+    }
+
+    return true;
+}
+
+},{"./clip":139,"./convert":140,"./tile":144,"./transform":145,"./wrap":146}],143:[function(require,module,exports){
+'use strict';
+
+module.exports = simplify;
+
+// calculate simplification data using optimized Douglas-Peucker algorithm
+
+function simplify(points, tolerance) {
+
+    var sqTolerance = tolerance * tolerance,
+        len = points.length,
+        first = 0,
+        last = len - 1,
+        stack = [],
+        i, maxSqDist, sqDist, index;
+
+    // always retain the endpoints (1 is the max value)
+    points[first][2] = 1;
+    points[last][2] = 1;
+
+    // avoid recursion by using a stack
+    while (last) {
+
+        maxSqDist = 0;
+
+        for (i = first + 1; i < last; i++) {
+            sqDist = getSqSegDist(points[i], points[first], points[last]);
+
+            if (sqDist > maxSqDist) {
+                index = i;
+                maxSqDist = sqDist;
+            }
+        }
+
+        if (maxSqDist > sqTolerance) {
+            points[index][2] = maxSqDist; // save the point importance in squared pixels as a z coordinate
+            stack.push(first);
+            stack.push(index);
+            first = index;
+
+        } else {
+            last = stack.pop();
+            first = stack.pop();
+        }
+    }
+}
+
+// square distance from a point to a segment
+function getSqSegDist(p, a, b) {
+
+    var x = a[0], y = a[1],
+        bx = b[0], by = b[1],
+        px = p[0], py = p[1],
+        dx = bx - x,
+        dy = by - y;
+
+    if (dx !== 0 || dy !== 0) {
+
+        var t = ((px - x) * dx + (py - y) * dy) / (dx * dx + dy * dy);
+
+        if (t > 1) {
+            x = bx;
+            y = by;
+
+        } else if (t > 0) {
+            x += dx * t;
+            y += dy * t;
+        }
+    }
+
+    dx = px - x;
+    dy = py - y;
+
+    return dx * dx + dy * dy;
+}
+
+},{}],144:[function(require,module,exports){
+'use strict';
+
+module.exports = createTile;
+
+function createTile(features, z2, tx, ty, tolerance, noSimplify) {
+    var tile = {
+        features: [],
+        numPoints: 0,
+        numSimplified: 0,
+        numFeatures: 0,
+        source: null,
+        x: tx,
+        y: ty,
+        z2: z2,
+        transformed: false,
+        min: [2, 1],
+        max: [-1, 0]
+    };
+    for (var i = 0; i < features.length; i++) {
+        tile.numFeatures++;
+        addFeature(tile, features[i], tolerance, noSimplify);
+
+        var min = features[i].min,
+            max = features[i].max;
+
+        if (min[0] < tile.min[0]) tile.min[0] = min[0];
+        if (min[1] < tile.min[1]) tile.min[1] = min[1];
+        if (max[0] > tile.max[0]) tile.max[0] = max[0];
+        if (max[1] > tile.max[1]) tile.max[1] = max[1];
+    }
+    return tile;
+}
+
+function addFeature(tile, feature, tolerance, noSimplify) {
+
+    var geom = feature.geometry,
+        type = feature.type,
+        simplified = [],
+        sqTolerance = tolerance * tolerance,
+        i, j, ring, p;
+
+    if (type === 1) {
+        for (i = 0; i < geom.length; i++) {
+            simplified.push(geom[i]);
+            tile.numPoints++;
+            tile.numSimplified++;
+        }
+
+    } else {
+
+        // simplify and transform projected coordinates for tile geometry
+        for (i = 0; i < geom.length; i++) {
+            ring = geom[i];
+
+            // filter out tiny polylines & polygons
+            if (!noSimplify && ((type === 2 && ring.dist < tolerance) ||
+                                (type === 3 && ring.area < sqTolerance))) {
+                tile.numPoints += ring.length;
+                continue;
+            }
+
+            var simplifiedRing = [];
+
+            for (j = 0; j < ring.length; j++) {
+                p = ring[j];
+                // keep points with importance > tolerance
+                if (noSimplify || p[2] > sqTolerance) {
+                    simplifiedRing.push(p);
+                    tile.numSimplified++;
+                }
+                tile.numPoints++;
+            }
+
+            if (type === 3) rewind(simplifiedRing, ring.outer);
+
+            simplified.push(simplifiedRing);
+        }
+    }
+
+    if (simplified.length) {
+        var tileFeature = {
+            geometry: simplified,
+            type: type,
+            tags: feature.tags || null
+        };
+        if (feature.id !== null) {
+            tileFeature.id = feature.id;
+        }
+        tile.features.push(tileFeature);
+    }
+}
+
+function rewind(ring, clockwise) {
+    var area = signedArea(ring);
+    if (area < 0 === clockwise) ring.reverse();
+}
+
+function signedArea(ring) {
+    var sum = 0;
+    for (var i = 0, len = ring.length, j = len - 1, p1, p2; i < len; j = i++) {
+        p1 = ring[i];
+        p2 = ring[j];
+        sum += (p2[0] - p1[0]) * (p1[1] + p2[1]);
+    }
+    return sum;
+}
+
+},{}],145:[function(require,module,exports){
+'use strict';
+
+exports.tile = transformTile;
+exports.point = transformPoint;
+
+// Transforms the coordinates of each feature in the given tile from
+// mercator-projected space into (extent x extent) tile space.
+function transformTile(tile, extent) {
+    if (tile.transformed) return tile;
+
+    var z2 = tile.z2,
+        tx = tile.x,
+        ty = tile.y,
+        i, j, k;
+
+    for (i = 0; i < tile.features.length; i++) {
+        var feature = tile.features[i],
+            geom = feature.geometry,
+            type = feature.type;
+
+        if (type === 1) {
+            for (j = 0; j < geom.length; j++) geom[j] = transformPoint(geom[j], extent, z2, tx, ty);
+
+        } else {
+            for (j = 0; j < geom.length; j++) {
+                var ring = geom[j];
+                for (k = 0; k < ring.length; k++) ring[k] = transformPoint(ring[k], extent, z2, tx, ty);
+            }
+        }
+    }
+
+    tile.transformed = true;
+
+    return tile;
+}
+
+function transformPoint(p, extent, z2, tx, ty) {
+    var x = Math.round(extent * (p[0] * z2 - tx)),
+        y = Math.round(extent * (p[1] * z2 - ty));
+    return [x, y];
+}
+
+},{}],146:[function(require,module,exports){
+'use strict';
+
+var clip = require('./clip');
+var createFeature = require('./feature');
+
+module.exports = wrap;
+
+function wrap(features, buffer, intersectX) {
+    var merged = features,
+        left  = clip(features, 1, -1 - buffer, buffer,     0, intersectX, -1, 2), // left world copy
+        right = clip(features, 1,  1 - buffer, 2 + buffer, 0, intersectX, -1, 2); // right world copy
+
+    if (left || right) {
+        merged = clip(features, 1, -buffer, 1 + buffer, 0, intersectX, -1, 2) || []; // center world copy
+
+        if (left) merged = shiftFeatureCoords(left, 1).concat(merged); // merge left into center
+        if (right) merged = merged.concat(shiftFeatureCoords(right, -1)); // merge right into center
+    }
+
+    return merged;
+}
+
+function shiftFeatureCoords(features, offset) {
+    var newFeatures = [];
+
+    for (var i = 0; i < features.length; i++) {
+        var feature = features[i],
+            type = feature.type;
+
+        var newGeometry;
+
+        if (type === 1) {
+            newGeometry = shiftCoords(feature.geometry, offset);
+        } else {
+            newGeometry = [];
+            for (var j = 0; j < feature.geometry.length; j++) {
+                newGeometry.push(shiftCoords(feature.geometry[j], offset));
+            }
+        }
+
+        newFeatures.push(createFeature(feature.tags, type, newGeometry, feature.id));
+    }
+
+    return newFeatures;
+}
+
+function shiftCoords(points, offset) {
+    var newPoints = [];
+    newPoints.area = points.area;
+    newPoints.dist = points.dist;
+
+    for (var i = 0; i < points.length; i++) {
+        newPoints.push([points[i][0] + offset, points[i][1], points[i][2]]);
+    }
+    return newPoints;
+}
+
+},{"./clip":139,"./feature":141}],147:[function(require,module,exports){
+module.exports = getCanvasContext
+function getCanvasContext (type, opts) {
+  if (typeof type !== 'string') {
+    throw new TypeError('must specify type string')
+  }
+
+  opts = opts || {}
+
+  if (typeof document === 'undefined' && !opts.canvas) {
+    return null // check for Node
+  }
+
+  var canvas = opts.canvas || document.createElement('canvas')
+  if (typeof opts.width === 'number') {
+    canvas.width = opts.width
+  }
+  if (typeof opts.height === 'number') {
+    canvas.height = opts.height
+  }
+
+  var attribs = opts
+  var gl
+  try {
+    var names = [ type ]
+    // prefix GL contexts
+    if (type.indexOf('webgl') === 0) {
+      names.push('experimental-' + type)
+    }
+
+    for (var i = 0; i < names.length; i++) {
+      gl = canvas.getContext(names[i], attribs)
+      if (gl) return gl
+    }
+  } catch (e) {
+    gl = null
+  }
+  return (gl || null) // ensure null on fail
+}
+
+},{}],148:[function(require,module,exports){
+'use strict'
+
+module.exports = createAxes
+
+var createText        = require('./lib/text.js')
+var createLines       = require('./lib/lines.js')
+var createBackground  = require('./lib/background.js')
+var getCubeProperties = require('./lib/cube.js')
+var Ticks             = require('./lib/ticks.js')
+
+var identity = new Float32Array([
+  1, 0, 0, 0,
+  0, 1, 0, 0,
+  0, 0, 1, 0,
+  0, 0, 0, 1])
+
+function copyVec3(a, b) {
+  a[0] = b[0]
+  a[1] = b[1]
+  a[2] = b[2]
+  return a
+}
+
+function Axes(gl) {
+  this.gl             = gl
+
+  this.pixelRatio     = 1
+
+  this.bounds         = [ [-10, -10, -10],
+                          [ 10,  10,  10] ]
+  this.ticks          = [ [], [], [] ]
+  this.autoTicks      = true
+  this.tickSpacing    = [ 1, 1, 1 ]
+
+  this.tickEnable     = [ true, true, true ]
+  this.tickFont       = [ 'sans-serif', 'sans-serif', 'sans-serif' ]
+  this.tickSize       = [ 12, 12, 12 ]
+  this.tickAngle      = [ 0, 0, 0 ]
+  this.tickColor      = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+  this.tickPad        = [ 10, 10, 10 ]
+
+  this.lastCubeProps  = {
+    cubeEdges: [0,0,0],
+    axis:      [0,0,0]
+  }
+
+  this.labels         = [ 'x', 'y', 'z' ]
+  this.labelEnable    = [ true, true, true ]
+  this.labelFont      = 'sans-serif'
+  this.labelSize      = [ 20, 20, 20 ]
+  this.labelAngle     = [ 0, 0, 0 ]
+  this.labelColor     = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+  this.labelPad       = [ 10, 10, 10 ]
+
+  this.lineEnable     = [ true, true, true ]
+  this.lineMirror     = [ false, false, false ]
+  this.lineWidth      = [ 1, 1, 1 ]
+  this.lineColor      = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+
+  this.lineTickEnable = [ true, true, true ]
+  this.lineTickMirror = [ false, false, false ]
+  this.lineTickLength = [ 0, 0, 0 ]
+  this.lineTickWidth  = [ 1, 1, 1 ]
+  this.lineTickColor  = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+
+  this.gridEnable     = [ true, true, true ]
+  this.gridWidth      = [ 1, 1, 1 ]
+  this.gridColor      = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+
+  this.zeroEnable     = [ true, true, true ]
+  this.zeroLineColor  = [ [0,0,0,1], [0,0,0,1], [0,0,0,1] ]
+  this.zeroLineWidth  = [ 2, 2, 2 ]
+
+  this.backgroundEnable = [ false, false, false ]
+  this.backgroundColor  = [ [0.8, 0.8, 0.8, 0.5],
+                            [0.8, 0.8, 0.8, 0.5],
+                            [0.8, 0.8, 0.8, 0.5] ]
+
+  this._firstInit = true
+  this._text  = null
+  this._lines = null
+  this._background = createBackground(gl)
+}
+
+var proto = Axes.prototype
+
+proto.update = function(options) {
+  options = options || {}
+
+  //Option parsing helper functions
+  function parseOption(nest, cons, name) {
+    if(name in options) {
+      var opt = options[name]
+      var prev = this[name]
+      var next
+      if(nest ? (Array.isArray(opt) && Array.isArray(opt[0])) :
+                 Array.isArray(opt) ) {
+        this[name] = next = [ cons(opt[0]), cons(opt[1]), cons(opt[2]) ]
+      } else {
+        this[name] = next = [ cons(opt), cons(opt), cons(opt) ]
+      }
+      for(var i=0; i<3; ++i) {
+        if(next[i] !== prev[i]) {
+          return true
+        }
+      }
+    }
+    return false
+  }
+
+  var NUMBER  = parseOption.bind(this, false, Number)
+  var BOOLEAN = parseOption.bind(this, false, Boolean)
+  var STRING  = parseOption.bind(this, false, String)
+  var COLOR   = parseOption.bind(this, true, function(v) {
+    if(Array.isArray(v)) {
+      if(v.length === 3) {
+        return [ +v[0], +v[1], +v[2], 1.0 ]
+      } else if(v.length === 4) {
+        return [ +v[0], +v[1], +v[2], +v[3] ]
+      }
+    }
+    return [ 0, 0, 0, 1 ]
+  })
+
+  //Tick marks and bounds
+  var nextTicks
+  var ticksUpdate   = false
+  var boundsChanged = false
+  if('bounds' in options) {
+    var bounds = options.bounds
+i_loop:
+    for(var i=0; i<2; ++i) {
+      for(var j=0; j<3; ++j) {
+        if(bounds[i][j] !== this.bounds[i][j]) {
+          boundsChanged = true
+        }
+        this.bounds[i][j] = bounds[i][j]
+      }
+    }
+  }
+  if('ticks' in options) {
+    nextTicks      = options.ticks
+    ticksUpdate    = true
+    this.autoTicks = false
+    for(var i=0; i<3; ++i) {
+      this.tickSpacing[i] = 0.0
+    }
+  } else if(NUMBER('tickSpacing')) {
+    this.autoTicks  = true
+    boundsChanged   = true
+  }
+
+  if(this._firstInit) {
+    if(!('ticks' in options || 'tickSpacing' in options)) {
+      this.autoTicks = true
+    }
+
+    //Force tick recomputation on first update
+    boundsChanged   = true
+    ticksUpdate     = true
+    this._firstInit = false
+  }
+
+  if(boundsChanged && this.autoTicks) {
+    nextTicks = Ticks.create(this.bounds, this.tickSpacing)
+    ticksUpdate = true
+  }
+
+  //Compare next ticks to previous ticks, only update if needed
+  if(ticksUpdate) {
+    for(var i=0; i<3; ++i) {
+      nextTicks[i].sort(function(a,b) {
+        return a.x-b.x
+      })
+    }
+    if(Ticks.equal(nextTicks, this.ticks)) {
+      ticksUpdate = false
+    } else {
+      this.ticks = nextTicks
+    }
+  }
+
+  //Parse tick properties
+  BOOLEAN('tickEnable')
+  if(STRING('tickFont')) {
+    ticksUpdate = true  //If font changes, must rebuild vbo
+  }
+  NUMBER('tickSize')
+  NUMBER('tickAngle')
+  NUMBER('tickPad')
+  COLOR('tickColor')
+
+  //Axis labels
+  var labelUpdate = STRING('labels')
+  if(STRING('labelFont')) {
+    labelUpdate = true
+  }
+  BOOLEAN('labelEnable')
+  NUMBER('labelSize')
+  NUMBER('labelPad')
+  COLOR('labelColor')
+
+  //Axis lines
+  BOOLEAN('lineEnable')
+  BOOLEAN('lineMirror')
+  NUMBER('lineWidth')
+  COLOR('lineColor')
+
+  //Axis line ticks
+  BOOLEAN('lineTickEnable')
+  BOOLEAN('lineTickMirror')
+  NUMBER('lineTickLength')
+  NUMBER('lineTickWidth')
+  COLOR('lineTickColor')
+
+  //Grid lines
+  BOOLEAN('gridEnable')
+  NUMBER('gridWidth')
+  COLOR('gridColor')
+
+  //Zero line
+  BOOLEAN('zeroEnable')
+  COLOR('zeroLineColor')
+  NUMBER('zeroLineWidth')
+
+  //Background
+  BOOLEAN('backgroundEnable')
+  COLOR('backgroundColor')
+
+  //Update text if necessary
+  if(!this._text) {
+    this._text = createText(
+      this.gl,
+      this.bounds,
+      this.labels,
+      this.labelFont,
+      this.ticks,
+      this.tickFont)
+  } else if(this._text && (labelUpdate || ticksUpdate)) {
+    this._text.update(
+      this.bounds,
+      this.labels,
+      this.labelFont,
+      this.ticks,
+      this.tickFont)
+  }
+
+  //Update lines if necessary
+  if(this._lines && ticksUpdate) {
+    this._lines.dispose()
+    this._lines = null
+  }
+  if(!this._lines) {
+    this._lines = createLines(this.gl, this.bounds, this.ticks)
+  }
+}
+
+function OffsetInfo() {
+  this.primalOffset = [0,0,0]
+  this.primalMinor  = [0,0,0]
+  this.mirrorOffset = [0,0,0]
+  this.mirrorMinor  = [0,0,0]
+}
+
+var LINE_OFFSET = [ new OffsetInfo(), new OffsetInfo(), new OffsetInfo() ]
+
+function computeLineOffset(result, i, bounds, cubeEdges, cubeAxis) {
+  var primalOffset = result.primalOffset
+  var primalMinor  = result.primalMinor
+  var dualOffset   = result.mirrorOffset
+  var dualMinor    = result.mirrorMinor
+  var e = cubeEdges[i]
+
+  //Calculate offsets
+  for(var j=0; j<3; ++j) {
+    if(i === j) {
+      continue
+    }
+    var a = primalOffset,
+        b = dualOffset,
+        c = primalMinor,
+        d = dualMinor
+    if(e & (1<<j)) {
+      a = dualOffset
+      b = primalOffset
+      c = dualMinor
+      d = primalMinor
+    }
+    a[j] = bounds[0][j]
+    b[j] = bounds[1][j]
+    if(cubeAxis[j] > 0) {
+      c[j] = -1
+      d[j] = 0
+    } else {
+      c[j] = 0
+      d[j] = +1
+    }
+  }
+}
+
+var CUBE_ENABLE = [0,0,0]
+var DEFAULT_PARAMS = {
+  model:      identity,
+  view:       identity,
+  projection: identity
+}
+
+proto.isOpaque = function() {
+  return true
+}
+
+proto.isTransparent = function() {
+  return false
+}
+
+proto.drawTransparent = function(params) {}
+
+
+var PRIMAL_MINOR  = [0,0,0]
+var MIRROR_MINOR  = [0,0,0]
+var PRIMAL_OFFSET = [0,0,0]
+
+proto.draw = function(params) {
+  params = params || DEFAULT_PARAMS
+
+  var gl = this.gl
+
+  //Geometry for camera and axes
+  var model       = params.model || identity
+  var view        = params.view || identity
+  var projection  = params.projection || identity
+  var bounds      = this.bounds
+
+  //Unpack axis info
+  var cubeParams  = getCubeProperties(model, view, projection, bounds)
+  var cubeEdges   = cubeParams.cubeEdges
+  var cubeAxis    = cubeParams.axis
+
+  var cx = view[12]
+  var cy = view[13]
+  var cz = view[14]
+  var cw = view[15]
+
+  var pixelScaleF = this.pixelRatio * (projection[3]*cx + projection[7]*cy + projection[11]*cz + projection[15]*cw) / gl.drawingBufferHeight
+
+  for(var i=0; i<3; ++i) {
+    this.lastCubeProps.cubeEdges[i] = cubeEdges[i]
+    this.lastCubeProps.axis[i] = cubeAxis[i]
+  }
+
+  //Compute axis info
+  var lineOffset  = LINE_OFFSET
+  for(var i=0; i<3; ++i) {
+    computeLineOffset(
+      LINE_OFFSET[i],
+      i,
+      this.bounds,
+      cubeEdges,
+      cubeAxis)
+  }
+
+  //Set up state parameters
+  var gl = this.gl
+
+  //Draw background first
+  var cubeEnable = CUBE_ENABLE
+  for(var i=0; i<3; ++i) {
+    if(this.backgroundEnable[i]) {
+      cubeEnable[i] = cubeAxis[i]
+    } else {
+      cubeEnable[i] = 0
+    }
+  }
+
+  this._background.draw(
+    model,
+    view,
+    projection,
+    bounds,
+    cubeEnable,
+    this.backgroundColor)
+
+  //Draw lines
+  this._lines.bind(
+    model,
+    view,
+    projection,
+    this)
+
+  //First draw grid lines and zero lines
+  for(var i=0; i<3; ++i) {
+    var x = [0,0,0]
+    if(cubeAxis[i] > 0) {
+      x[i] = bounds[1][i]
+    } else {
+      x[i] = bounds[0][i]
+    }
+
+    //Draw grid lines
+    for(var j=0; j<2; ++j) {
+      var u = (i + 1 + j) % 3
+      var v = (i + 1 + (j^1)) % 3
+      if(this.gridEnable[u]) {
+        this._lines.drawGrid(u, v, this.bounds, x, this.gridColor[u], this.gridWidth[u]*this.pixelRatio)
+      }
+    }
+
+    //Draw zero lines (need to do this AFTER all grid lines are drawn)
+    for(var j=0; j<2; ++j) {
+      var u = (i + 1 + j) % 3
+      var v = (i + 1 + (j^1)) % 3
+      if(this.zeroEnable[v]) {
+        //Check if zero line in bounds
+        if(bounds[0][v] <= 0 && bounds[1][v] >= 0) {
+          this._lines.drawZero(u, v, this.bounds, x, this.zeroLineColor[v], this.zeroLineWidth[v]*this.pixelRatio)
+        }
+      }
+    }
+  }
+
+  //Then draw axis lines and tick marks
+  for(var i=0; i<3; ++i) {
+
+    //Draw axis lines
+    if(this.lineEnable[i]) {
+      this._lines.drawAxisLine(i, this.bounds, lineOffset[i].primalOffset, this.lineColor[i], this.lineWidth[i]*this.pixelRatio)
+    }
+    if(this.lineMirror[i]) {
+      this._lines.drawAxisLine(i, this.bounds, lineOffset[i].mirrorOffset, this.lineColor[i], this.lineWidth[i]*this.pixelRatio)
+    }
+
+    //Compute minor axes
+    var primalMinor = copyVec3(PRIMAL_MINOR, lineOffset[i].primalMinor)
+    var mirrorMinor = copyVec3(MIRROR_MINOR, lineOffset[i].mirrorMinor)
+    var tickLength  = this.lineTickLength
+    var op = 0
+    for(var j=0; j<3; ++j) {
+      var scaleFactor = pixelScaleF / model[5*j]
+      primalMinor[j] *= tickLength[j] * scaleFactor
+      mirrorMinor[j] *= tickLength[j] * scaleFactor
+    }
+
+    //Draw axis line ticks
+    if(this.lineTickEnable[i]) {
+      this._lines.drawAxisTicks(i, lineOffset[i].primalOffset, primalMinor, this.lineTickColor[i], this.lineTickWidth[i]*this.pixelRatio)
+    }
+    if(this.lineTickMirror[i]) {
+      this._lines.drawAxisTicks(i, lineOffset[i].mirrorOffset, mirrorMinor, this.lineTickColor[i], this.lineTickWidth[i]*this.pixelRatio)
+    }
+  }
+
+  //Draw text sprites
+  this._text.bind(
+    model,
+    view,
+    projection,
+    this.pixelRatio)
+
+  for(var i=0; i<3; ++i) {
+
+    var minor      = lineOffset[i].primalMinor
+    var offset     = copyVec3(PRIMAL_OFFSET, lineOffset[i].primalOffset)
+
+    for(var j=0; j<3; ++j) {
+      if(this.lineTickEnable[i]) {
+        offset[j] += pixelScaleF * minor[j] * Math.max(this.lineTickLength[j], 0)  / model[5*j]
+      }
+    }
+
+    //Draw tick text
+    if(this.tickEnable[i]) {
+
+      //Add tick padding
+      for(var j=0; j<3; ++j) {
+        offset[j] += pixelScaleF * minor[j] * this.tickPad[j] / model[5*j]
+      }
+
+      //Draw axis
+      this._text.drawTicks(
+        i,
+        this.tickSize[i],
+        this.tickAngle[i],
+        offset,
+        this.tickColor[i])
+    }
+
+    //Draw labels
+    if(this.labelEnable[i]) {
+
+      //Add label padding
+      for(var j=0; j<3; ++j) {
+        offset[j] += pixelScaleF * minor[j] * this.labelPad[j] / model[5*j]
+      }
+      offset[i] += 0.5 * (bounds[0][i] + bounds[1][i])
+
+      //Draw axis
+      this._text.drawLabel(
+        i,
+        this.labelSize[i],
+        this.labelAngle[i],
+        offset,
+        this.labelColor[i])
+    }
+  }
+}
+
+proto.dispose = function() {
+  this._text.dispose()
+  this._lines.dispose()
+  this._background.dispose()
+  this._lines = null
+  this._text = null
+  this._background = null
+  this.gl = null
+}
+
+function createAxes(gl, options) {
+  var axes = new Axes(gl)
+  axes.update(options)
+  return axes
+}
+
+},{"./lib/background.js":149,"./lib/cube.js":150,"./lib/lines.js":151,"./lib/text.js":153,"./lib/ticks.js":154}],149:[function(require,module,exports){
+'use strict'
+
+module.exports = createBackgroundCube
+
+var createBuffer = require('gl-buffer')
+var createVAO    = require('gl-vao')
+var createShader = require('./shaders').bg
+
+function BackgroundCube(gl, buffer, vao, shader) {
+  this.gl = gl
+  this.buffer = buffer
+  this.vao = vao
+  this.shader = shader
+}
+
+var proto = BackgroundCube.prototype
+
+proto.draw = function(model, view, projection, bounds, enable, colors) {
+  var needsBG = false
+  for(var i=0; i<3; ++i) {
+    needsBG = needsBG || enable[i]
+  }
+  if(!needsBG) {
+    return
+  }
+
+  var gl = this.gl
+
+  gl.enable(gl.POLYGON_OFFSET_FILL)
+  gl.polygonOffset(1, 2)
+
+  this.shader.bind()
+  this.shader.uniforms = {
+    model: model,
+    view: view,
+    projection: projection,
+    bounds: bounds,
+    enable: enable,
+    colors: colors
+  }
+  this.vao.bind()
+  this.vao.draw(this.gl.TRIANGLES, 36)
+
+  gl.disable(gl.POLYGON_OFFSET_FILL)
+}
+
+proto.dispose = function() {
+  this.vao.dispose()
+  this.buffer.dispose()
+  this.shader.dispose()
+}
+
+function createBackgroundCube(gl) {
+  //Create cube vertices
+  var vertices = []
+  var indices  = []
+  var ptr = 0
+  for(var d=0; d<3; ++d) {
+    var u = (d+1) % 3
+    var v = (d+2) % 3
+    var x = [0,0,0]
+    var c = [0,0,0]
+    for(var s=-1; s<=1; s+=2) {
+      indices.push(ptr,   ptr+2, ptr+1,
+                   ptr+1, ptr+2, ptr+3)
+      x[d] = s
+      c[d] = s
+      for(var i=-1; i<=1; i+=2) {
+        x[u] = i
+        for(var j=-1; j<=1; j+=2) {
+          x[v] = j
+          vertices.push(x[0], x[1], x[2],
+                        c[0], c[1], c[2])
+          ptr += 1
+        }
+      }
+      //Swap u and v
+      var tt = u
+      u = v
+      v = tt
+    }
+  }
+
+  //Allocate buffer and vertex array
+  var buffer = createBuffer(gl, new Float32Array(vertices))
+  var elements = createBuffer(gl, new Uint16Array(indices), gl.ELEMENT_ARRAY_BUFFER)
+  var vao = createVAO(gl, [
+      {
+        buffer: buffer,
+        type: gl.FLOAT,
+        size: 3,
+        offset: 0,
+        stride: 24
+      },
+      {
+        buffer: buffer,
+        type: gl.FLOAT,
+        size: 3,
+        offset: 12,
+        stride: 24
+      }
+    ], elements)
+
+  //Create shader object
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+  shader.attributes.normal.location = 1
+
+  return new BackgroundCube(gl, buffer, vao, shader)
+}
+
+},{"./shaders":152,"gl-buffer":156,"gl-vao":271}],150:[function(require,module,exports){
+"use strict"
+
+module.exports = getCubeEdges
+
+var bits      = require('bit-twiddle')
+var multiply  = require('gl-mat4/multiply')
+var invert    = require('gl-mat4/invert')
+var splitPoly = require('split-polygon')
+var orient    = require('robust-orientation')
+
+var mvp        = new Array(16)
+var imvp       = new Array(16)
+var pCubeVerts = new Array(8)
+var cubeVerts  = new Array(8)
+var x          = new Array(3)
+var zero3      = [0,0,0]
+
+;(function() {
+  for(var i=0; i<8; ++i) {
+    pCubeVerts[i] =[1,1,1,1]
+    cubeVerts[i] = [1,1,1]
+  }
+})()
+
+
+function transformHg(result, x, mat) {
+  for(var i=0; i<4; ++i) {
+    result[i] = mat[12+i]
+    for(var j=0; j<3; ++j) {
+      result[i] += x[j]*mat[4*j+i]
+    }
+  }
+}
+
+var FRUSTUM_PLANES = [
+  [ 0, 0, 1, 0, 0],
+  [ 0, 0,-1, 1, 0],
+  [ 0,-1, 0, 1, 0],
+  [ 0, 1, 0, 1, 0],
+  [-1, 0, 0, 1, 0],
+  [ 1, 0, 0, 1, 0]
+]
+
+function polygonArea(p) {
+  for(var i=0; i<FRUSTUM_PLANES.length; ++i) {
+    p = splitPoly.positive(p, FRUSTUM_PLANES[i])
+    if(p.length < 3) {
+      return 0
+    }
+  }
+
+  var base = p[0]
+  var ax = base[0] / base[3]
+  var ay = base[1] / base[3]
+  var area = 0.0
+  for(var i=1; i+1<p.length; ++i) {
+    var b = p[i]
+    var c = p[i+1]
+
+    var bx = b[0]/b[3]
+    var by = b[1]/b[3]
+    var cx = c[0]/c[3]
+    var cy = c[1]/c[3]
+
+    var ux = bx - ax
+    var uy = by - ay
+
+    var vx = cx - ax
+    var vy = cy - ay
+
+    area += Math.abs(ux * vy - uy * vx)
+  }
+
+  return area
+}
+
+var CUBE_EDGES = [1,1,1]
+var CUBE_AXIS  = [0,0,0]
+var CUBE_RESULT = {
+  cubeEdges: CUBE_EDGES,
+  axis: CUBE_AXIS
+}
+
+function getCubeEdges(model, view, projection, bounds) {
+
+  //Concatenate matrices
+  multiply(mvp, view, model)
+  multiply(mvp, projection, mvp)
+  
+  //First project cube vertices
+  var ptr = 0
+  for(var i=0; i<2; ++i) {
+    x[2] = bounds[i][2]
+    for(var j=0; j<2; ++j) {
+      x[1] = bounds[j][1]
+      for(var k=0; k<2; ++k) {
+        x[0] = bounds[k][0]
+        transformHg(pCubeVerts[ptr], x, mvp)
+        ptr += 1
+      }
+    }
+  }
+
+  //Classify camera against cube faces
+  var closest = -1
+
+  for(var i=0; i<8; ++i) {
+    var w = pCubeVerts[i][3]
+    for(var l=0; l<3; ++l) {
+      cubeVerts[i][l] = pCubeVerts[i][l] / w
+    }
+    if(w < 0) {
+      if(closest < 0) {
+        closest = i
+      } else if(cubeVerts[i][2] < cubeVerts[closest][2]) {
+        closest = i
+      }
+    }    
+  }
+
+  if(closest < 0) {
+    closest = 0
+    for(var d=0; d<3; ++d) {
+      var u = (d+2) % 3
+      var v = (d+1) % 3
+      var o0 = -1
+      var o1 = -1
+      for(var s=0; s<2; ++s) {
+        var f0 = (s<<d)
+        var f1 = f0 + (s << u) + ((1-s) << v)
+        var f2 = f0 + ((1-s) << u) + (s << v)
+        if(orient(cubeVerts[f0], cubeVerts[f1], cubeVerts[f2], zero3) < 0) {
+          continue
+        }
+        if(s) {
+          o0 = 1
+        } else {
+          o1 = 1
+        }
+      }
+      if(o0 < 0 || o1 < 0) {
+        if(o1 > o0) {
+          closest |= 1<<d
+        }
+        continue
+      } 
+      for(var s=0; s<2; ++s) {
+        var f0 = (s<<d)
+        var f1 = f0 + (s << u) + ((1-s) << v)
+        var f2 = f0 + ((1-s) << u) + (s << v)    
+        var o = polygonArea([
+            pCubeVerts[f0], 
+            pCubeVerts[f1], 
+            pCubeVerts[f2], 
+            pCubeVerts[f0+(1<<u)+(1<<v)]])
+        if(s) {
+          o0 = o
+        } else {
+          o1 = o
+        }
+      }
+      if(o1 > o0) {
+        closest |= 1<<d
+        continue
+      }
+    }
+  }
+
+  var farthest = 7^closest
+
+  //Find lowest vertex which is not closest closest
+  var bottom = -1
+  for(var i=0; i<8; ++i) {
+    if(i === closest || i === farthest) {
+      continue
+    }
+    if(bottom < 0) {
+      bottom = i
+    } else if(cubeVerts[bottom][1] > cubeVerts[i][1]) {
+      bottom = i
+    }
+  }
+
+  //Find left/right neighbors of bottom vertex
+  var left = -1
+  for(var i=0; i<3; ++i) {
+    var idx = bottom ^ (1<<i)
+    if(idx === closest || idx === farthest) {
+      continue
+    }
+    if(left < 0) {
+      left = idx
+    }
+    var v = cubeVerts[idx]
+    if(v[0] < cubeVerts[left][0]) {
+      left = idx
+    }
+  }
+  var right = -1
+  for(var i=0; i<3; ++i) {
+    var idx = bottom ^ (1<<i)
+    if(idx === closest || idx === farthest || idx === left) {
+      continue
+    }
+    if(right < 0) {
+      right = idx
+    }
+    var v = cubeVerts[idx]
+    if(v[0] > cubeVerts[right][0]) {
+      right = idx
+    }
+  }
+
+  //Determine edge axis coordinates
+  var cubeEdges = CUBE_EDGES
+  cubeEdges[0] = cubeEdges[1] = cubeEdges[2] = 0
+  cubeEdges[bits.log2(left^bottom)] = bottom&left
+  cubeEdges[bits.log2(bottom^right)] = bottom&right
+  var top = right ^ 7
+  if(top === closest || top === farthest) {
+    top = left ^ 7
+    cubeEdges[bits.log2(right^top)] = top&right
+  } else {
+    cubeEdges[bits.log2(left^top)] = top&left
+  }
+
+  //Determine visible faces
+  var axis = CUBE_AXIS
+  var cutCorner = closest
+  for(var d=0; d<3; ++d) {
+    if(cutCorner & (1<<d)) {
+      axis[d] = -1
+    } else {
+      axis[d] = 1
+    }
+  }
+
+  //Return result
+  return CUBE_RESULT
+}
+},{"bit-twiddle":67,"gl-mat4/invert":181,"gl-mat4/multiply":183,"robust-orientation":508,"split-polygon":526}],151:[function(require,module,exports){
+'use strict'
+
+module.exports    = createLines
+
+var createBuffer  = require('gl-buffer')
+var createVAO     = require('gl-vao')
+var createShader  = require('./shaders').line
+
+var MAJOR_AXIS = [0,0,0]
+var MINOR_AXIS = [0,0,0]
+var SCREEN_AXIS = [0,0,0]
+var OFFSET_VEC = [0,0,0]
+var SHAPE = [1,1]
+
+function zeroVec(a) {
+  a[0] = a[1] = a[2] = 0
+  return a
+}
+
+function copyVec(a,b) {
+  a[0] = b[0]
+  a[1] = b[1]
+  a[2] = b[2]
+  return a
+}
+
+function Lines(gl, vertBuffer, vao, shader, tickCount, tickOffset, gridCount, gridOffset) {
+  this.gl         = gl
+  this.vertBuffer = vertBuffer
+  this.vao        = vao
+  this.shader     = shader
+  this.tickCount  = tickCount
+  this.tickOffset = tickOffset
+  this.gridCount  = gridCount
+  this.gridOffset = gridOffset
+}
+
+var proto = Lines.prototype
+
+proto.bind = function(model, view, projection) {
+  this.shader.bind()
+  this.shader.uniforms.model = model
+  this.shader.uniforms.view = view
+  this.shader.uniforms.projection = projection
+
+  SHAPE[0] = this.gl.drawingBufferWidth
+  SHAPE[1] = this.gl.drawingBufferHeight
+
+  this.shader.uniforms.screenShape = SHAPE
+  this.vao.bind()
+}
+
+proto.drawAxisLine = function(j, bounds, offset, color, lineWidth) {
+  var minorAxis = zeroVec(MINOR_AXIS)
+  this.shader.uniforms.majorAxis = MINOR_AXIS
+
+  minorAxis[j] = bounds[1][j] - bounds[0][j]
+  this.shader.uniforms.minorAxis = minorAxis
+
+  var noffset = copyVec(OFFSET_VEC, offset)
+  noffset[j] += bounds[0][j]
+  this.shader.uniforms.offset = noffset
+
+  this.shader.uniforms.lineWidth = lineWidth
+
+  this.shader.uniforms.color = color
+
+  var screenAxis = zeroVec(SCREEN_AXIS)
+  screenAxis[(j+2)%3] = 1
+  this.shader.uniforms.screenAxis = screenAxis
+  this.vao.draw(this.gl.TRIANGLES, 6)
+
+  var screenAxis = zeroVec(SCREEN_AXIS)
+  screenAxis[(j+1)%3] = 1
+  this.shader.uniforms.screenAxis = screenAxis
+  this.vao.draw(this.gl.TRIANGLES, 6)
+}
+
+proto.drawAxisTicks = function(j, offset, minorAxis, color, lineWidth) {
+  if(!this.tickCount[j]) {
+    return
+  }
+
+  var majorAxis = zeroVec(MAJOR_AXIS)
+  majorAxis[j]  = 1
+  this.shader.uniforms.majorAxis = majorAxis
+  this.shader.uniforms.offset    = offset
+  this.shader.uniforms.minorAxis = minorAxis
+  this.shader.uniforms.color     = color
+  this.shader.uniforms.lineWidth = lineWidth
+
+  var screenAxis = zeroVec(SCREEN_AXIS)
+  screenAxis[j] = 1
+  this.shader.uniforms.screenAxis = screenAxis
+  this.vao.draw(this.gl.TRIANGLES, this.tickCount[j], this.tickOffset[j])
+}
+
+
+proto.drawGrid = function(i, j, bounds, offset, color, lineWidth) {
+  if(!this.gridCount[i]) {
+    return
+  }
+
+  var minorAxis = zeroVec(MINOR_AXIS)
+  minorAxis[j]  = bounds[1][j] - bounds[0][j]
+  this.shader.uniforms.minorAxis = minorAxis
+
+  var noffset = copyVec(OFFSET_VEC, offset)
+  noffset[j] += bounds[0][j]
+  this.shader.uniforms.offset = noffset
+
+  var majorAxis = zeroVec(MAJOR_AXIS)
+  majorAxis[i]  = 1
+  this.shader.uniforms.majorAxis = majorAxis
+
+  var screenAxis = zeroVec(SCREEN_AXIS)
+  screenAxis[i] = 1
+  this.shader.uniforms.screenAxis = screenAxis
+  this.shader.uniforms.lineWidth = lineWidth
+
+  this.shader.uniforms.color = color
+  this.vao.draw(this.gl.TRIANGLES, this.gridCount[i], this.gridOffset[i])
+}
+
+proto.drawZero = function(j, i, bounds, offset, color, lineWidth) {
+  var minorAxis = zeroVec(MINOR_AXIS)
+  this.shader.uniforms.majorAxis = minorAxis
+
+  minorAxis[j] = bounds[1][j] - bounds[0][j]
+  this.shader.uniforms.minorAxis = minorAxis
+
+  var noffset = copyVec(OFFSET_VEC, offset)
+  noffset[j] += bounds[0][j]
+  this.shader.uniforms.offset = noffset
+
+  var screenAxis = zeroVec(SCREEN_AXIS)
+  screenAxis[i] = 1
+  this.shader.uniforms.screenAxis = screenAxis
+  this.shader.uniforms.lineWidth = lineWidth
+
+  this.shader.uniforms.color = color
+  this.vao.draw(this.gl.TRIANGLES, 6)
+}
+
+proto.dispose = function() {
+  this.vao.dispose()
+  this.vertBuffer.dispose()
+  this.shader.dispose()
+}
+
+function createLines(gl, bounds, ticks) {
+  var vertices    = []
+  var tickOffset  = [0,0,0]
+  var tickCount   = [0,0,0]
+
+  //Create grid lines for each axis/direction
+  var gridOffset = [0,0,0]
+  var gridCount  = [0,0,0]
+
+  //Add zero line
+  vertices.push(
+    0,0,1,   0,1,1,   0,0,-1,
+    0,0,-1,  0,1,1,   0,1,-1)
+
+  for(var i=0; i<3; ++i) {
+    //Axis tick marks
+    var start = ((vertices.length / 3)|0)
+    for(var j=0; j<ticks[i].length; ++j) {
+      var x = +ticks[i][j].x
+      vertices.push(
+        x,0,1,   x,1,1,   x,0,-1,
+        x,0,-1,  x,1,1,   x,1,-1)
+    }
+    var end = ((vertices.length / 3)|0)
+    tickOffset[i] = start
+    tickCount[i]  = end - start
+
+    //Grid lines
+    var start = ((vertices.length / 3)|0)
+    for(var k=0; k<ticks[i].length; ++k) {
+      var x = +ticks[i][k].x
+      vertices.push(
+        x,0,1,   x,1,1,   x,0,-1,
+        x,0,-1,  x,1,1,   x,1,-1)
+    }
+    var end = ((vertices.length / 3)|0)
+    gridOffset[i] = start
+    gridCount[i]  = end - start
+  }
+
+  //Create cube VAO
+  var vertBuf = createBuffer(gl, new Float32Array(vertices))
+  var vao = createVAO(gl, [
+    { "buffer": vertBuf,
+      "type": gl.FLOAT,
+      "size": 3,
+      "stride": 0,
+      "offset": 0
+    }
+  ])
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+  return new Lines(gl, vertBuf, vao, shader, tickCount, tickOffset, gridCount, gridOffset)
+}
+
+},{"./shaders":152,"gl-buffer":156,"gl-vao":271}],152:[function(require,module,exports){
+'use strict'
+
+
+var createShader = require('gl-shader')
+
+var lineVert = "#define GLSLIFY 1\nattribute vec3 position;\n\nuniform mat4 model, view, projection;\nuniform vec3 offset, majorAxis, minorAxis, screenAxis;\nuniform float lineWidth;\nuniform vec2 screenShape;\n\nvec3 project(vec3 p) {\n  vec4 pp = projection * view * model * vec4(p, 1.0);\n  return pp.xyz / max(pp.w, 0.0001);\n}\n\nvoid main() {\n  vec3 major = position.x * majorAxis;\n  vec3 minor = position.y * minorAxis;\n\n  vec3 vPosition = major + minor + offset;\n  vec3 pPosition [...]
+var lineFrag = "precision mediump float;\n#define GLSLIFY 1\nuniform vec4 color;\nvoid main() {\n  gl_FragColor = color;\n}"
+exports.line = function(gl) {
+  return createShader(gl, lineVert, lineFrag, null, [
+    {name: 'position', type: 'vec3'}
+  ])
+}
+
+var textVert = "#define GLSLIFY 1\nattribute vec3 position;\n\nuniform mat4 model, view, projection;\nuniform vec3 offset, axis;\nuniform float scale, angle, pixelScale;\nuniform vec2 resolution;\n\nvoid main() {  \n  //Compute plane offset\n  vec2 planeCoord = position.xy * pixelScale;\n  mat2 planeXform = scale * mat2(cos(angle), sin(angle),\n                                -sin(angle), cos(angle));\n  vec2 viewOffset = 2.0 * planeXform * planeCoord / resolution;\n\n  //Compute world o [...]
+var textFrag = "precision mediump float;\n#define GLSLIFY 1\nuniform vec4 color;\nvoid main() {\n  gl_FragColor = color;\n}"
+exports.text = function(gl) {
+  return createShader(gl, textVert, textFrag, null, [
+    {name: 'position', type: 'vec3'}
+  ])
+}
+
+var bgVert = "#define GLSLIFY 1\nattribute vec3 position;\nattribute vec3 normal;\n\nuniform mat4 model, view, projection;\nuniform vec3 enable;\nuniform vec3 bounds[2];\n\nvarying vec3 colorChannel;\n\nvoid main() {\n  if(dot(normal, enable) > 0.0) {\n    vec3 nPosition = mix(bounds[0], bounds[1], 0.5 * (position + 1.0));\n    gl_Position = projection * view * model * vec4(nPosition, 1.0);\n  } else {\n    gl_Position = vec4(0,0,0,0);\n  }\n  colorChannel = abs(normal);\n}"
+var bgFrag = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 colors[3];\n\nvarying vec3 colorChannel;\n\nvoid main() {\n  gl_FragColor = colorChannel.x * colors[0] + \n                 colorChannel.y * colors[1] +\n                 colorChannel.z * colors[2];\n}"
+exports.bg = function(gl) {
+  return createShader(gl, bgVert, bgFrag, null, [
+    {name: 'position', type: 'vec3'},
+    {name: 'normal', type: 'vec3'}
+  ])
+}
+
+},{"gl-shader":255}],153:[function(require,module,exports){
+(function (process){
+"use strict"
+
+module.exports = createTextSprites
+
+var createBuffer  = require('gl-buffer')
+var createVAO     = require('gl-vao')
+var vectorizeText = require('vectorize-text')
+var createShader  = require('./shaders').text
+
+var globals = window || process.global || {}
+var __TEXT_CACHE  = globals.__TEXT_CACHE || {}
+globals.__TEXT_CACHE = {}
+
+//Vertex buffer format for text is:
+//
+/// [x,y,z] = Spatial coordinate
+//
+
+var VERTEX_SIZE = 3
+var VERTEX_STRIDE = VERTEX_SIZE * 4
+
+function TextSprites(
+  gl,
+  shader,
+  buffer,
+  vao) {
+  this.gl           = gl
+  this.shader       = shader
+  this.buffer       = buffer
+  this.vao          = vao
+  this.tickOffset   =
+  this.tickCount    =
+  this.labelOffset  =
+  this.labelCount   = null
+}
+
+var proto = TextSprites.prototype
+
+//Bind textures for rendering
+var SHAPE = [0,0]
+proto.bind = function(model, view, projection, pixelScale) {
+  this.vao.bind()
+  this.shader.bind()
+  var uniforms = this.shader.uniforms
+  uniforms.model = model
+  uniforms.view = view
+  uniforms.projection = projection
+  uniforms.pixelScale = pixelScale
+  SHAPE[0] = this.gl.drawingBufferWidth
+  SHAPE[1] = this.gl.drawingBufferHeight
+  this.shader.uniforms.resolution = SHAPE
+}
+
+proto.update = function(bounds, labels, labelFont, ticks, tickFont) {
+  var gl = this.gl
+  var data = []
+
+  function addItem(t, text, font, size) {
+    var fontcache = __TEXT_CACHE[font]
+    if(!fontcache) {
+      fontcache = __TEXT_CACHE[font] = {}
+    }
+    var mesh = fontcache[text]
+    if(!mesh) {
+      mesh = fontcache[text] = tryVectorizeText(text, {
+        triangles: true,
+        font: font,
+        textAlign: 'center',
+        textBaseline: 'middle'
+      })
+    }
+    var scale = (size || 12) / 12
+    var positions = mesh.positions
+    var cells = mesh.cells
+    var lo = [ Infinity, Infinity]
+    var hi = [-Infinity,-Infinity]
+    for(var i=0, nc=cells.length; i<nc; ++i) {
+      var c = cells[i]
+      for(var j=2; j>=0; --j) {
+        var p = positions[c[j]]
+        data.push(scale*p[0], -scale*p[1], t)
+      }
+    }
+  }
+
+  //Generate sprites for all 3 axes, store data in texture atlases
+  var tickOffset  = [0,0,0]
+  var tickCount   = [0,0,0]
+  var labelOffset = [0,0,0]
+  var labelCount  = [0,0,0]
+  for(var d=0; d<3; ++d) {
+
+    //Generate label
+    labelOffset[d] = (data.length/VERTEX_SIZE)|0
+    addItem(0.5*(bounds[0][d]+bounds[1][d]), labels[d], labelFont)
+    labelCount[d] = ((data.length/VERTEX_SIZE)|0) - labelOffset[d]
+
+    //Generate sprites for tick marks
+    tickOffset[d] = (data.length/VERTEX_SIZE)|0
+    for(var i=0; i<ticks[d].length; ++i) {
+      if(!ticks[d][i].text) {
+        continue
+      }
+      addItem(
+        ticks[d][i].x,
+        ticks[d][i].text,
+        ticks[d][i].font || tickFont,
+        ticks[d][i].fontSize || 12)
+    }
+    tickCount[d] = ((data.length/VERTEX_SIZE)|0) - tickOffset[d]
+  }
+
+  this.buffer.update(data)
+  this.tickOffset = tickOffset
+  this.tickCount = tickCount
+  this.labelOffset = labelOffset
+  this.labelCount = labelCount
+}
+
+//Draws the tick marks for an axis
+var AXIS = [0,0,0]
+proto.drawTicks = function(d, scale, angle, offset, color) {
+  if(!this.tickCount[d]) {
+    return
+  }
+
+  var v = AXIS
+  v[0] = v[1] = v[2] = 0
+  v[d] = 1
+  this.shader.uniforms.axis = v
+  this.shader.uniforms.color = color
+  this.shader.uniforms.angle = angle
+  this.shader.uniforms.scale = scale
+  this.shader.uniforms.offset = offset
+  this.vao.draw(this.gl.TRIANGLES, this.tickCount[d], this.tickOffset[d])
+}
+
+//Draws the text label for an axis
+var ZERO = [0,0,0]
+proto.drawLabel = function(d, scale, angle, offset, color) {
+  if(!this.labelCount[d]) {
+    return
+  }
+  this.shader.uniforms.axis = ZERO
+  this.shader.uniforms.color = color
+  this.shader.uniforms.angle = angle
+  this.shader.uniforms.scale = scale
+  this.shader.uniforms.offset = offset
+  this.vao.draw(this.gl.TRIANGLES, this.labelCount[d], this.labelOffset[d])
+}
+
+//Releases all resources attached to this object
+proto.dispose = function() {
+  this.shader.dispose()
+  this.vao.dispose()
+  this.buffer.dispose()
+}
+
+function tryVectorizeText(text, options) {
+  try {
+    return vectorizeText(text, options)
+  } catch(e) {
+    console.warn('error vectorizing text:', e)
+    return {
+      cells: [],
+      positions: []
+    }
+  }
+}
+
+function createTextSprites(
+    gl,
+    bounds,
+    labels,
+    labelFont,
+    ticks,
+    tickFont) {
+
+  var buffer = createBuffer(gl)
+  var vao = createVAO(gl, [
+    { "buffer": buffer,
+      "size": 3
+    }
+  ])
+
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+
+  var result = new TextSprites(
+    gl,
+    shader,
+    buffer,
+    vao)
+
+  result.update(bounds, labels, labelFont, ticks, tickFont)
+
+  return result
+}
+
+}).call(this,require('_process'))
+},{"./shaders":152,"_process":487,"gl-buffer":156,"gl-vao":271,"vectorize-text":554}],154:[function(require,module,exports){
+'use strict'
+
+exports.create   = defaultTicks
+exports.equal    = ticksEqual
+
+function prettyPrint(spacing, i) {
+  var stepStr = spacing + ""
+  var u = stepStr.indexOf(".")
+  var sigFigs = 0
+  if(u >= 0) {
+    sigFigs = stepStr.length - u - 1
+  }
+  var shift = Math.pow(10, sigFigs)
+  var x = Math.round(spacing * i * shift)
+  var xstr = x + ""
+  if(xstr.indexOf("e") >= 0) {
+    return xstr
+  }
+  var xi = x / shift, xf = x % shift
+  if(x < 0) {
+    xi = -Math.ceil(xi)|0
+    xf = (-xf)|0
+  } else {
+    xi = Math.floor(xi)|0
+    xf = xf|0
+  }
+  var xis = "" + xi 
+  if(x < 0) {
+    xis = "-" + xis
+  }
+  if(sigFigs) {
+    var xs = "" + xf
+    while(xs.length < sigFigs) {
+      xs = "0" + xs
+    }
+    return xis + "." + xs
+  } else {
+    return xis
+  }
+}
+
+function defaultTicks(bounds, tickSpacing) {
+  var array = []
+  for(var d=0; d<3; ++d) {
+    var ticks = []
+    var m = 0.5*(bounds[0][d]+bounds[1][d])
+    for(var t=0; t*tickSpacing[d]<=bounds[1][d]; ++t) {
+      ticks.push({x: t*tickSpacing[d], text: prettyPrint(tickSpacing[d], t)})
+    }
+    for(var t=-1; t*tickSpacing[d]>=bounds[0][d]; --t) {
+      ticks.push({x: t*tickSpacing[d], text: prettyPrint(tickSpacing[d], t)})
+    }
+    array.push(ticks)
+  }
+  return array
+}
+
+function ticksEqual(ticksA, ticksB) {
+  for(var i=0; i<3; ++i) {
+    if(ticksA[i].length !== ticksB[i].length) {
+      return false
+    }
+    for(var j=0; j<ticksA[i].length; ++j) {
+      var a = ticksA[i][j]
+      var b = ticksB[i][j]
+      if(
+        a.x !== b.x ||
+        a.text !== b.text ||
+        a.font !== b.font ||
+        a.fontColor !== b.fontColor ||
+        a.fontSize !== b.fontSize ||
+        a.dx !== b.dx ||
+        a.dy !== b.dy
+      ) {
+        return false
+      }
+    }
+  }
+  return true
+}
+},{}],155:[function(require,module,exports){
+"use strict"
+
+module.exports = axesProperties
+
+var getPlanes   = require("extract-frustum-planes")
+var splitPoly   = require("split-polygon")
+var cubeParams  = require("./lib/cube.js")
+var m4mul       = require("gl-mat4/multiply")
+var m4transpose = require("gl-mat4/transpose")
+var v4transformMat4 = require("gl-vec4/transformMat4")
+
+var identity    = new Float32Array([
+    1, 0, 0, 0,
+    0, 1, 0, 0,
+    0, 0, 1, 0,
+    0, 0, 0, 1
+  ])
+
+var mvp         = new Float32Array(16)
+
+function AxesRange3D(lo, hi, pixelsPerDataUnit) {
+  this.lo = lo
+  this.hi = hi
+  this.pixelsPerDataUnit = pixelsPerDataUnit
+}
+
+var SCRATCH_P = [0,0,0,1]
+var SCRATCH_Q = [0,0,0,1]
+
+function gradient(result, M, v, width, height) {
+  for(var i=0; i<3; ++i) {
+    var p = SCRATCH_P
+    var q = SCRATCH_Q
+    for(var j=0; j<3; ++j) {
+      q[j] = p[j] = v[j]
+    }
+    q[3] = p[3] = 1
+
+    q[i] += 1
+    v4transformMat4(q, q, M)
+    if(q[3] < 0) {
+      result[i] = Infinity
+    }
+
+    p[i] -= 1
+    v4transformMat4(p, p, M)
+    if(p[3] < 0) {
+      result[i] = Infinity
+    }
+
+    var dx = (p[0]/p[3] - q[0]/q[3]) * width
+    var dy = (p[1]/p[3] - q[1]/q[3]) * height
+
+    result[i] = 0.25 * Math.sqrt(dx*dx + dy*dy)
+  }
+  return result
+}
+
+var RANGES = [
+  new AxesRange3D(Infinity, -Infinity, Infinity),
+  new AxesRange3D(Infinity, -Infinity, Infinity),
+  new AxesRange3D(Infinity, -Infinity, Infinity)
+]
+
+var SCRATCH_X = [0,0,0]
+
+function axesProperties(axes, camera, width, height, params) {
+  var model       = camera.model || identity
+  var view        = camera.view || identity
+  var projection  = camera.projection || identity
+  var bounds      = axes.bounds
+  var params      = params || cubeParams(model, view, projection, bounds)
+  var axis        = params.axis
+  var edges       = params.edges
+
+  m4mul(mvp, view, model)
+  m4mul(mvp, projection, mvp)
+
+  //Calculate the following properties for each axis:
+  //
+  // * lo - start of visible range for each axis in tick coordinates
+  // * hi - end of visible range for each axis in tick coordinates
+  // * ticksPerPixel - pixel density of tick marks for the axis
+  //
+  var ranges = RANGES
+  for(var i=0; i<3; ++i) {
+    ranges[i].lo = Infinity
+    ranges[i].hi = -Infinity
+    ranges[i].pixelsPerDataUnit = Infinity
+  }
+
+  //Compute frustum planes, intersect with box
+  var frustum = getPlanes(m4transpose(mvp, mvp))
+  m4transpose(mvp, mvp)
+
+  //Loop over vertices of viewable box
+  for(var d=0; d<3; ++d) {
+    var u = (d+1)%3
+    var v = (d+2)%3
+    var x = SCRATCH_X
+i_loop:
+    for(var i=0; i<2; ++i) {
+      var poly = []
+
+      if((axis[d] < 0) === !!i) {
+        continue
+      }
+
+      x[d] = bounds[i][d]
+      for(var j=0; j<2; ++j) {
+        x[u] = bounds[j^i][u]
+        for(var k=0; k<2; ++k) {
+          x[v] = bounds[k^j^i][v]
+          poly.push(x.slice())
+        }
+      }
+      for(var j=0; j<frustum.length; ++j) {
+        if(poly.length === 0) {
+          continue i_loop
+        }
+        poly = splitPoly.positive(poly, frustum[j])
+      }
+
+      //Loop over vertices of polygon to find extremal points
+      for(var j=0; j<poly.length; ++j) {
+        var v = poly[j]
+        var grad = gradient(SCRATCH_X, mvp, v, width, height)
+        for(var k=0; k<3; ++k) {
+          ranges[k].lo = Math.min(ranges[k].lo, v[k])
+          ranges[k].hi = Math.max(ranges[k].hi, v[k])
+          if(k !== d) {
+            ranges[k].pixelsPerDataUnit = Math.min(ranges[k].pixelsPerDataUnit, Math.abs(grad[k]))
+          }
+        }
+      }
+    }
+  }
+
+  return ranges
+}
+
+},{"./lib/cube.js":150,"extract-frustum-planes":130,"gl-mat4/multiply":183,"gl-mat4/transpose":191,"gl-vec4/transformMat4":277,"split-polygon":526}],156:[function(require,module,exports){
+"use strict"
+
+var pool = require("typedarray-pool")
+var ops = require("ndarray-ops")
+var ndarray = require("ndarray")
+
+var SUPPORTED_TYPES = [
+  "uint8",
+  "uint8_clamped",
+  "uint16",
+  "uint32",
+  "int8",
+  "int16",
+  "int32",
+  "float32" ]
+
+function GLBuffer(gl, type, handle, length, usage) {
+  this.gl = gl
+  this.type = type
+  this.handle = handle
+  this.length = length
+  this.usage = usage
+}
+
+var proto = GLBuffer.prototype
+
+proto.bind = function() {
+  this.gl.bindBuffer(this.type, this.handle)
+}
+
+proto.unbind = function() {
+  this.gl.bindBuffer(this.type, null)
+}
+
+proto.dispose = function() {
+  this.gl.deleteBuffer(this.handle)
+}
+
+function updateTypeArray(gl, type, len, usage, data, offset) {
+  var dataLen = data.length * data.BYTES_PER_ELEMENT
+  if(offset < 0) {
+    gl.bufferData(type, data, usage)
+    return dataLen
+  }
+  if(dataLen + offset > len) {
+    throw new Error("gl-buffer: If resizing buffer, must not specify offset")
+  }
+  gl.bufferSubData(type, offset, data)
+  return len
+}
+
+function makeScratchTypeArray(array, dtype) {
+  var res = pool.malloc(array.length, dtype)
+  var n = array.length
+  for(var i=0; i<n; ++i) {
+    res[i] = array[i]
+  }
+  return res
+}
+
+function isPacked(shape, stride) {
+  var n = 1
+  for(var i=stride.length-1; i>=0; --i) {
+    if(stride[i] !== n) {
+      return false
+    }
+    n *= shape[i]
+  }
+  return true
+}
+
+proto.update = function(array, offset) {
+  if(typeof offset !== "number") {
+    offset = -1
+  }
+  this.bind()
+  if(typeof array === "object" && typeof array.shape !== "undefined") { //ndarray
+    var dtype = array.dtype
+    if(SUPPORTED_TYPES.indexOf(dtype) < 0) {
+      dtype = "float32"
+    }
+    if(this.type === this.gl.ELEMENT_ARRAY_BUFFER) {
+      var ext = gl.getExtension('OES_element_index_uint')
+      if(ext && dtype !== "uint16") {
+        dtype = "uint32"
+      } else {
+        dtype = "uint16"
+      }
+    }
+    if(dtype === array.dtype && isPacked(array.shape, array.stride)) {
+      if(array.offset === 0 && array.data.length === array.shape[0]) {
+        this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, array.data, offset)
+      } else {
+        this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, array.data.subarray(array.offset, array.shape[0]), offset)
+      }
+    } else {
+      var tmp = pool.malloc(array.size, dtype)
+      var ndt = ndarray(tmp, array.shape)
+      ops.assign(ndt, array)
+      if(offset < 0) {
+        this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, tmp, offset)
+      } else {
+        this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, tmp.subarray(0, array.size), offset)
+      }
+      pool.free(tmp)
+    }
+  } else if(Array.isArray(array)) { //Vanilla array
+    var t
+    if(this.type === this.gl.ELEMENT_ARRAY_BUFFER) {
+      t = makeScratchTypeArray(array, "uint16")
+    } else {
+      t = makeScratchTypeArray(array, "float32")
+    }
+    if(offset < 0) {
+      this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, t, offset)
+    } else {
+      this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, t.subarray(0, array.length), offset)
+    }
+    pool.free(t)
+  } else if(typeof array === "object" && typeof array.length === "number") { //Typed array
+    this.length = updateTypeArray(this.gl, this.type, this.length, this.usage, array, offset)
+  } else if(typeof array === "number" || array === undefined) { //Number/default
+    if(offset >= 0) {
+      throw new Error("gl-buffer: Cannot specify offset when resizing buffer")
+    }
+    array = array | 0
+    if(array <= 0) {
+      array = 1
+    }
+    this.gl.bufferData(this.type, array|0, this.usage)
+    this.length = array
+  } else { //Error, case should not happen
+    throw new Error("gl-buffer: Invalid data type")
+  }
+}
+
+function createBuffer(gl, data, type, usage) {
+  type = type || gl.ARRAY_BUFFER
+  usage = usage || gl.DYNAMIC_DRAW
+  if(type !== gl.ARRAY_BUFFER && type !== gl.ELEMENT_ARRAY_BUFFER) {
+    throw new Error("gl-buffer: Invalid type for webgl buffer, must be either gl.ARRAY_BUFFER or gl.ELEMENT_ARRAY_BUFFER")
+  }
+  if(usage !== gl.DYNAMIC_DRAW && usage !== gl.STATIC_DRAW && usage !== gl.STREAM_DRAW) {
+    throw new Error("gl-buffer: Invalid usage for buffer, must be either gl.DYNAMIC_DRAW, gl.STATIC_DRAW or gl.STREAM_DRAW")
+  }
+  var handle = gl.createBuffer()
+  var result = new GLBuffer(gl, type, handle, 0, usage)
+  result.update(data)
+  return result
+}
+
+module.exports = createBuffer
+
+},{"ndarray":467,"ndarray-ops":461,"typedarray-pool":541}],157:[function(require,module,exports){
+module.exports = {
+  0: 'NONE',
+  1: 'ONE',
+  2: 'LINE_LOOP',
+  3: 'LINE_STRIP',
+  4: 'TRIANGLES',
+  5: 'TRIANGLE_STRIP',
+  6: 'TRIANGLE_FAN',
+  256: 'DEPTH_BUFFER_BIT',
+  512: 'NEVER',
+  513: 'LESS',
+  514: 'EQUAL',
+  515: 'LEQUAL',
+  516: 'GREATER',
+  517: 'NOTEQUAL',
+  518: 'GEQUAL',
+  519: 'ALWAYS',
+  768: 'SRC_COLOR',
+  769: 'ONE_MINUS_SRC_COLOR',
+  770: 'SRC_ALPHA',
+  771: 'ONE_MINUS_SRC_ALPHA',
+  772: 'DST_ALPHA',
+  773: 'ONE_MINUS_DST_ALPHA',
+  774: 'DST_COLOR',
+  775: 'ONE_MINUS_DST_COLOR',
+  776: 'SRC_ALPHA_SATURATE',
+  1024: 'STENCIL_BUFFER_BIT',
+  1028: 'FRONT',
+  1029: 'BACK',
+  1032: 'FRONT_AND_BACK',
+  1280: 'INVALID_ENUM',
+  1281: 'INVALID_VALUE',
+  1282: 'INVALID_OPERATION',
+  1285: 'OUT_OF_MEMORY',
+  1286: 'INVALID_FRAMEBUFFER_OPERATION',
+  2304: 'CW',
+  2305: 'CCW',
+  2849: 'LINE_WIDTH',
+  2884: 'CULL_FACE',
+  2885: 'CULL_FACE_MODE',
+  2886: 'FRONT_FACE',
+  2928: 'DEPTH_RANGE',
+  2929: 'DEPTH_TEST',
+  2930: 'DEPTH_WRITEMASK',
+  2931: 'DEPTH_CLEAR_VALUE',
+  2932: 'DEPTH_FUNC',
+  2960: 'STENCIL_TEST',
+  2961: 'STENCIL_CLEAR_VALUE',
+  2962: 'STENCIL_FUNC',
+  2963: 'STENCIL_VALUE_MASK',
+  2964: 'STENCIL_FAIL',
+  2965: 'STENCIL_PASS_DEPTH_FAIL',
+  2966: 'STENCIL_PASS_DEPTH_PASS',
+  2967: 'STENCIL_REF',
+  2968: 'STENCIL_WRITEMASK',
+  2978: 'VIEWPORT',
+  3024: 'DITHER',
+  3042: 'BLEND',
+  3088: 'SCISSOR_BOX',
+  3089: 'SCISSOR_TEST',
+  3106: 'COLOR_CLEAR_VALUE',
+  3107: 'COLOR_WRITEMASK',
+  3317: 'UNPACK_ALIGNMENT',
+  3333: 'PACK_ALIGNMENT',
+  3379: 'MAX_TEXTURE_SIZE',
+  3386: 'MAX_VIEWPORT_DIMS',
+  3408: 'SUBPIXEL_BITS',
+  3410: 'RED_BITS',
+  3411: 'GREEN_BITS',
+  3412: 'BLUE_BITS',
+  3413: 'ALPHA_BITS',
+  3414: 'DEPTH_BITS',
+  3415: 'STENCIL_BITS',
+  3553: 'TEXTURE_2D',
+  4352: 'DONT_CARE',
+  4353: 'FASTEST',
+  4354: 'NICEST',
+  5120: 'BYTE',
+  5121: 'UNSIGNED_BYTE',
+  5122: 'SHORT',
+  5123: 'UNSIGNED_SHORT',
+  5124: 'INT',
+  5125: 'UNSIGNED_INT',
+  5126: 'FLOAT',
+  5386: 'INVERT',
+  5890: 'TEXTURE',
+  6401: 'STENCIL_INDEX',
+  6402: 'DEPTH_COMPONENT',
+  6406: 'ALPHA',
+  6407: 'RGB',
+  6408: 'RGBA',
+  6409: 'LUMINANCE',
+  6410: 'LUMINANCE_ALPHA',
+  7680: 'KEEP',
+  7681: 'REPLACE',
+  7682: 'INCR',
+  7683: 'DECR',
+  7936: 'VENDOR',
+  7937: 'RENDERER',
+  7938: 'VERSION',
+  9728: 'NEAREST',
+  9729: 'LINEAR',
+  9984: 'NEAREST_MIPMAP_NEAREST',
+  9985: 'LINEAR_MIPMAP_NEAREST',
+  9986: 'NEAREST_MIPMAP_LINEAR',
+  9987: 'LINEAR_MIPMAP_LINEAR',
+  10240: 'TEXTURE_MAG_FILTER',
+  10241: 'TEXTURE_MIN_FILTER',
+  10242: 'TEXTURE_WRAP_S',
+  10243: 'TEXTURE_WRAP_T',
+  10497: 'REPEAT',
+  10752: 'POLYGON_OFFSET_UNITS',
+  16384: 'COLOR_BUFFER_BIT',
+  32769: 'CONSTANT_COLOR',
+  32770: 'ONE_MINUS_CONSTANT_COLOR',
+  32771: 'CONSTANT_ALPHA',
+  32772: 'ONE_MINUS_CONSTANT_ALPHA',
+  32773: 'BLEND_COLOR',
+  32774: 'FUNC_ADD',
+  32777: 'BLEND_EQUATION_RGB',
+  32778: 'FUNC_SUBTRACT',
+  32779: 'FUNC_REVERSE_SUBTRACT',
+  32819: 'UNSIGNED_SHORT_4_4_4_4',
+  32820: 'UNSIGNED_SHORT_5_5_5_1',
+  32823: 'POLYGON_OFFSET_FILL',
+  32824: 'POLYGON_OFFSET_FACTOR',
+  32854: 'RGBA4',
+  32855: 'RGB5_A1',
+  32873: 'TEXTURE_BINDING_2D',
+  32926: 'SAMPLE_ALPHA_TO_COVERAGE',
+  32928: 'SAMPLE_COVERAGE',
+  32936: 'SAMPLE_BUFFERS',
+  32937: 'SAMPLES',
+  32938: 'SAMPLE_COVERAGE_VALUE',
+  32939: 'SAMPLE_COVERAGE_INVERT',
+  32968: 'BLEND_DST_RGB',
+  32969: 'BLEND_SRC_RGB',
+  32970: 'BLEND_DST_ALPHA',
+  32971: 'BLEND_SRC_ALPHA',
+  33071: 'CLAMP_TO_EDGE',
+  33170: 'GENERATE_MIPMAP_HINT',
+  33189: 'DEPTH_COMPONENT16',
+  33306: 'DEPTH_STENCIL_ATTACHMENT',
+  33635: 'UNSIGNED_SHORT_5_6_5',
+  33648: 'MIRRORED_REPEAT',
+  33901: 'ALIASED_POINT_SIZE_RANGE',
+  33902: 'ALIASED_LINE_WIDTH_RANGE',
+  33984: 'TEXTURE0',
+  33985: 'TEXTURE1',
+  33986: 'TEXTURE2',
+  33987: 'TEXTURE3',
+  33988: 'TEXTURE4',
+  33989: 'TEXTURE5',
+  33990: 'TEXTURE6',
+  33991: 'TEXTURE7',
+  33992: 'TEXTURE8',
+  33993: 'TEXTURE9',
+  33994: 'TEXTURE10',
+  33995: 'TEXTURE11',
+  33996: 'TEXTURE12',
+  33997: 'TEXTURE13',
+  33998: 'TEXTURE14',
+  33999: 'TEXTURE15',
+  34000: 'TEXTURE16',
+  34001: 'TEXTURE17',
+  34002: 'TEXTURE18',
+  34003: 'TEXTURE19',
+  34004: 'TEXTURE20',
+  34005: 'TEXTURE21',
+  34006: 'TEXTURE22',
+  34007: 'TEXTURE23',
+  34008: 'TEXTURE24',
+  34009: 'TEXTURE25',
+  34010: 'TEXTURE26',
+  34011: 'TEXTURE27',
+  34012: 'TEXTURE28',
+  34013: 'TEXTURE29',
+  34014: 'TEXTURE30',
+  34015: 'TEXTURE31',
+  34016: 'ACTIVE_TEXTURE',
+  34024: 'MAX_RENDERBUFFER_SIZE',
+  34041: 'DEPTH_STENCIL',
+  34055: 'INCR_WRAP',
+  34056: 'DECR_WRAP',
+  34067: 'TEXTURE_CUBE_MAP',
+  34068: 'TEXTURE_BINDING_CUBE_MAP',
+  34069: 'TEXTURE_CUBE_MAP_POSITIVE_X',
+  34070: 'TEXTURE_CUBE_MAP_NEGATIVE_X',
+  34071: 'TEXTURE_CUBE_MAP_POSITIVE_Y',
+  34072: 'TEXTURE_CUBE_MAP_NEGATIVE_Y',
+  34073: 'TEXTURE_CUBE_MAP_POSITIVE_Z',
+  34074: 'TEXTURE_CUBE_MAP_NEGATIVE_Z',
+  34076: 'MAX_CUBE_MAP_TEXTURE_SIZE',
+  34338: 'VERTEX_ATTRIB_ARRAY_ENABLED',
+  34339: 'VERTEX_ATTRIB_ARRAY_SIZE',
+  34340: 'VERTEX_ATTRIB_ARRAY_STRIDE',
+  34341: 'VERTEX_ATTRIB_ARRAY_TYPE',
+  34342: 'CURRENT_VERTEX_ATTRIB',
+  34373: 'VERTEX_ATTRIB_ARRAY_POINTER',
+  34466: 'NUM_COMPRESSED_TEXTURE_FORMATS',
+  34467: 'COMPRESSED_TEXTURE_FORMATS',
+  34660: 'BUFFER_SIZE',
+  34661: 'BUFFER_USAGE',
+  34816: 'STENCIL_BACK_FUNC',
+  34817: 'STENCIL_BACK_FAIL',
+  34818: 'STENCIL_BACK_PASS_DEPTH_FAIL',
+  34819: 'STENCIL_BACK_PASS_DEPTH_PASS',
+  34877: 'BLEND_EQUATION_ALPHA',
+  34921: 'MAX_VERTEX_ATTRIBS',
+  34922: 'VERTEX_ATTRIB_ARRAY_NORMALIZED',
+  34930: 'MAX_TEXTURE_IMAGE_UNITS',
+  34962: 'ARRAY_BUFFER',
+  34963: 'ELEMENT_ARRAY_BUFFER',
+  34964: 'ARRAY_BUFFER_BINDING',
+  34965: 'ELEMENT_ARRAY_BUFFER_BINDING',
+  34975: 'VERTEX_ATTRIB_ARRAY_BUFFER_BINDING',
+  35040: 'STREAM_DRAW',
+  35044: 'STATIC_DRAW',
+  35048: 'DYNAMIC_DRAW',
+  35632: 'FRAGMENT_SHADER',
+  35633: 'VERTEX_SHADER',
+  35660: 'MAX_VERTEX_TEXTURE_IMAGE_UNITS',
+  35661: 'MAX_COMBINED_TEXTURE_IMAGE_UNITS',
+  35663: 'SHADER_TYPE',
+  35664: 'FLOAT_VEC2',
+  35665: 'FLOAT_VEC3',
+  35666: 'FLOAT_VEC4',
+  35667: 'INT_VEC2',
+  35668: 'INT_VEC3',
+  35669: 'INT_VEC4',
+  35670: 'BOOL',
+  35671: 'BOOL_VEC2',
+  35672: 'BOOL_VEC3',
+  35673: 'BOOL_VEC4',
+  35674: 'FLOAT_MAT2',
+  35675: 'FLOAT_MAT3',
+  35676: 'FLOAT_MAT4',
+  35678: 'SAMPLER_2D',
+  35680: 'SAMPLER_CUBE',
+  35712: 'DELETE_STATUS',
+  35713: 'COMPILE_STATUS',
+  35714: 'LINK_STATUS',
+  35715: 'VALIDATE_STATUS',
+  35716: 'INFO_LOG_LENGTH',
+  35717: 'ATTACHED_SHADERS',
+  35718: 'ACTIVE_UNIFORMS',
+  35719: 'ACTIVE_UNIFORM_MAX_LENGTH',
+  35720: 'SHADER_SOURCE_LENGTH',
+  35721: 'ACTIVE_ATTRIBUTES',
+  35722: 'ACTIVE_ATTRIBUTE_MAX_LENGTH',
+  35724: 'SHADING_LANGUAGE_VERSION',
+  35725: 'CURRENT_PROGRAM',
+  36003: 'STENCIL_BACK_REF',
+  36004: 'STENCIL_BACK_VALUE_MASK',
+  36005: 'STENCIL_BACK_WRITEMASK',
+  36006: 'FRAMEBUFFER_BINDING',
+  36007: 'RENDERBUFFER_BINDING',
+  36048: 'FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE',
+  36049: 'FRAMEBUFFER_ATTACHMENT_OBJECT_NAME',
+  36050: 'FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL',
+  36051: 'FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE',
+  36053: 'FRAMEBUFFER_COMPLETE',
+  36054: 'FRAMEBUFFER_INCOMPLETE_ATTACHMENT',
+  36055: 'FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT',
+  36057: 'FRAMEBUFFER_INCOMPLETE_DIMENSIONS',
+  36061: 'FRAMEBUFFER_UNSUPPORTED',
+  36064: 'COLOR_ATTACHMENT0',
+  36096: 'DEPTH_ATTACHMENT',
+  36128: 'STENCIL_ATTACHMENT',
+  36160: 'FRAMEBUFFER',
+  36161: 'RENDERBUFFER',
+  36162: 'RENDERBUFFER_WIDTH',
+  36163: 'RENDERBUFFER_HEIGHT',
+  36164: 'RENDERBUFFER_INTERNAL_FORMAT',
+  36168: 'STENCIL_INDEX8',
+  36176: 'RENDERBUFFER_RED_SIZE',
+  36177: 'RENDERBUFFER_GREEN_SIZE',
+  36178: 'RENDERBUFFER_BLUE_SIZE',
+  36179: 'RENDERBUFFER_ALPHA_SIZE',
+  36180: 'RENDERBUFFER_DEPTH_SIZE',
+  36181: 'RENDERBUFFER_STENCIL_SIZE',
+  36194: 'RGB565',
+  36336: 'LOW_FLOAT',
+  36337: 'MEDIUM_FLOAT',
+  36338: 'HIGH_FLOAT',
+  36339: 'LOW_INT',
+  36340: 'MEDIUM_INT',
+  36341: 'HIGH_INT',
+  36346: 'SHADER_COMPILER',
+  36347: 'MAX_VERTEX_UNIFORM_VECTORS',
+  36348: 'MAX_VARYING_VECTORS',
+  36349: 'MAX_FRAGMENT_UNIFORM_VECTORS',
+  37440: 'UNPACK_FLIP_Y_WEBGL',
+  37441: 'UNPACK_PREMULTIPLY_ALPHA_WEBGL',
+  37442: 'CONTEXT_LOST_WEBGL',
+  37443: 'UNPACK_COLORSPACE_CONVERSION_WEBGL',
+  37444: 'BROWSER_DEFAULT_WEBGL'
+}
+
+},{}],158:[function(require,module,exports){
+var gl10 = require('./1.0/numbers')
+
+module.exports = function lookupConstant (number) {
+  return gl10[number]
+}
+
+},{"./1.0/numbers":157}],159:[function(require,module,exports){
+'use strict'
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+var pool = require('typedarray-pool')
+var shaders = require('./lib/shaders')
+
+module.exports = createError2D
+
+var WEIGHTS = [
+  // x-error bar
+  [1, 0, 0, 1, 0, 0],
+  [1, 0, 0, -1, 0, 0],
+  [-1, 0, 0, -1, 0, 0],
+
+  [-1, 0, 0, -1, 0, 0],
+  [-1, 0, 0, 1, 0, 0],
+  [1, 0, 0, 1, 0, 0],
+
+  // x-error right cap
+  [1, 0, -1, 0, 0, 1],
+  [1, 0, -1, 0, 0, -1],
+  [1, 0, 1, 0, 0, -1],
+
+  [1, 0, 1, 0, 0, -1],
+  [1, 0, 1, 0, 0, 1],
+  [1, 0, -1, 0, 0, 1],
+
+  // x-error left cap
+  [-1, 0, -1, 0, 0, 1],
+  [-1, 0, -1, 0, 0, -1],
+  [-1, 0, 1, 0, 0, -1],
+
+  [-1, 0, 1, 0, 0, -1],
+  [-1, 0, 1, 0, 0, 1],
+  [-1, 0, -1, 0, 0, 1],
+
+  // y-error bar
+  [0, 1, 1, 0, 0, 0],
+  [0, 1, -1, 0, 0, 0],
+  [0, -1, -1, 0, 0, 0],
+
+  [0, -1, -1, 0, 0, 0],
+  [0, 1, 1, 0, 0, 0],
+  [0, -1, 1, 0, 0, 0],
+
+  // y-error top cap
+  [0, 1, 0, -1, 1, 0],
+  [0, 1, 0, -1, -1, 0],
+  [0, 1, 0, 1, -1, 0],
+
+  [0, 1, 0, 1, 1, 0],
+  [0, 1, 0, -1, 1, 0],
+  [0, 1, 0, 1, -1, 0],
+
+  // y-error bottom cap
+  [0, -1, 0, -1, 1, 0],
+  [0, -1, 0, -1, -1, 0],
+  [0, -1, 0, 1, -1, 0],
+
+  [0, -1, 0, 1, 1, 0],
+  [0, -1, 0, -1, 1, 0],
+  [0, -1, 0, 1, -1, 0]
+]
+
+function GLError2D (plot, shader, bufferHi, bufferLo) {
+  this.plot = plot
+
+  this.shader = shader
+  this.bufferHi = bufferHi
+  this.bufferLo = bufferLo
+
+  this.bounds = [Infinity, Infinity, -Infinity, -Infinity]
+
+  this.numPoints = 0
+
+  this.color = [0, 0, 0, 1]
+}
+
+var proto = GLError2D.prototype
+
+proto.draw = (function () {
+  var SCALE_HI = new Float32Array([0, 0])
+  var SCALE_LO = new Float32Array([0, 0])
+  var TRANSLATE_HI = new Float32Array([0, 0])
+  var TRANSLATE_LO = new Float32Array([0, 0])
+
+  var PIXEL_SCALE = [1, 1]
+
+  return function () {
+    var plot = this.plot
+    var shader = this.shader
+    var bounds = this.bounds
+    var numPoints = this.numPoints
+
+    if (!numPoints) {
+      return
+    }
+
+    var gl = plot.gl
+    var dataBox = plot.dataBox
+    var viewBox = plot.viewBox
+    var pixelRatio = plot.pixelRatio
+
+    var boundX = bounds[2] - bounds[0]
+    var boundY = bounds[3] - bounds[1]
+    var dataX = dataBox[2] - dataBox[0]
+    var dataY = dataBox[3] - dataBox[1]
+
+    var scaleX = 2 * boundX / dataX
+    var scaleY = 2 * boundY / dataY
+    var translateX = (bounds[0] - dataBox[0] - 0.5 * dataX) / boundX
+    var translateY = (bounds[1] - dataBox[1] - 0.5 * dataY) / boundY
+
+    SCALE_HI[0] = scaleX
+    SCALE_HI[1] = scaleY
+    SCALE_LO[0] = scaleX - SCALE_HI[0]
+    SCALE_LO[1] = scaleY - SCALE_HI[1]
+    TRANSLATE_HI[0] = translateX
+    TRANSLATE_HI[1] = translateY
+    TRANSLATE_LO[0] = translateX - TRANSLATE_HI[0]
+    TRANSLATE_LO[1] = translateY - TRANSLATE_HI[1]
+
+    var screenX = viewBox[2] - viewBox[0]
+    var screenY = viewBox[3] - viewBox[1]
+
+    PIXEL_SCALE[0] = 2.0 * pixelRatio / screenX
+    PIXEL_SCALE[1] = 2.0 * pixelRatio / screenY
+
+    shader.bind()
+
+    shader.uniforms.scaleHi = SCALE_HI
+    shader.uniforms.scaleLo = SCALE_LO
+    shader.uniforms.translateHi = TRANSLATE_HI
+    shader.uniforms.translateLo = TRANSLATE_LO
+    shader.uniforms.pixelScale = PIXEL_SCALE
+    shader.uniforms.color = this.color
+
+    this.bufferLo.bind()
+    shader.attributes.positionLo.pointer(gl.FLOAT, false, 16, 0)
+
+    this.bufferHi.bind()
+    shader.attributes.positionHi.pointer(gl.FLOAT, false, 16, 0)
+
+    shader.attributes.pixelOffset.pointer(gl.FLOAT, false, 16, 8)
+
+    gl.drawArrays(gl.TRIANGLES, 0, numPoints * WEIGHTS.length)
+  }
+})()
+
+proto.drawPick = function (offset) { return offset }
+proto.pick = function () {
+  return null
+}
+
+proto.update = function (options) {
+  options = options || {}
+
+  var i, x, y
+
+  var positions = options.positions || []
+  var errors = options.errors || []
+
+  var lineWidth = 1
+  if ('lineWidth' in options) {
+    lineWidth = +options.lineWidth
+  }
+
+  var capSize = 5
+  if ('capSize' in options) {
+    capSize = +options.capSize
+  }
+
+  this.color = (options.color || [0, 0, 0, 1]).slice()
+
+  var bounds = this.bounds = [Infinity, Infinity, -Infinity, -Infinity]
+
+  var numPoints = this.numPoints = positions.length >> 1
+  for (i = 0; i < numPoints; ++i) {
+    x = positions[i * 2]
+    y = positions[i * 2 + 1]
+
+    bounds[0] = Math.min(x, bounds[0])
+    bounds[1] = Math.min(y, bounds[1])
+    bounds[2] = Math.max(x, bounds[2])
+    bounds[3] = Math.max(y, bounds[3])
+  }
+  if (bounds[2] === bounds[0]) {
+    bounds[2] += 1
+  }
+  if (bounds[3] === bounds[1]) {
+    bounds[3] += 1
+  }
+  var sx = 1.0 / (bounds[2] - bounds[0])
+  var sy = 1.0 / (bounds[3] - bounds[1])
+  var tx = bounds[0]
+  var ty = bounds[1]
+
+  var bufferData = pool.mallocFloat64(numPoints * WEIGHTS.length * 4)
+  var bufferDataHi = pool.mallocFloat32(numPoints * WEIGHTS.length * 4)
+  var bufferDataLo = pool.mallocFloat32(numPoints * WEIGHTS.length * 4)
+  var ptr = 0
+  for (i = 0; i < numPoints; ++i) {
+    x = positions[2 * i]
+    y = positions[2 * i + 1]
+    var ex0 = errors[4 * i]
+    var ex1 = errors[4 * i + 1]
+    var ey0 = errors[4 * i + 2]
+    var ey1 = errors[4 * i + 3]
+
+    for (var j = 0; j < WEIGHTS.length; ++j) {
+      var w = WEIGHTS[j]
+
+      var dx = w[0]
+      var dy = w[1]
+
+      if (dx < 0) {
+        dx *= ex0
+      } else if (dx > 0) {
+        dx *= ex1
+      }
+
+      if (dy < 0) {
+        dy *= ey0
+      } else if (dy > 0) {
+        dy *= ey1
+      }
+
+      bufferData[ptr++] = sx * ((x - tx) + dx)
+      bufferData[ptr++] = sy * ((y - ty) + dy)
+      bufferData[ptr++] = lineWidth * w[2] + (capSize + lineWidth) * w[4]
+      bufferData[ptr++] = lineWidth * w[3] + (capSize + lineWidth) * w[5]
+    }
+  }
+  for(i = 0; i < bufferData.length; i++) {
+    bufferDataHi[i] = bufferData[i]
+    bufferDataLo[i] = bufferData[i] - bufferDataHi[i]
+  }
+  this.bufferHi.update(bufferDataHi)
+  this.bufferLo.update(bufferDataLo)
+  pool.free(bufferData)
+}
+
+proto.dispose = function () {
+  this.plot.removeObject(this)
+  this.shader.dispose()
+  this.bufferHi.dispose()
+  this.bufferLo.dispose()
+}
+
+function createError2D (plot, options) {
+  var shader = createShader(plot.gl, shaders.vertex, shaders.fragment)
+  var bufferHi = createBuffer(plot.gl)
+  var bufferLo = createBuffer(plot.gl)
+
+  var errorBars = new GLError2D(plot, shader, bufferHi, bufferLo)
+
+  errorBars.update(options)
+
+  plot.addObject(errorBars)
+
+  return errorBars
+}
+
+},{"./lib/shaders":160,"gl-buffer":156,"gl-shader":255,"typedarray-pool":541}],160:[function(require,module,exports){
+
+
+module.exports = {
+  vertex: "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 positionHi;\nattribute vec2 positionLo;\nattribute vec2 pixelOffset;\n\nuniform vec2 scaleHi, scaleLo, translateHi, translateLo, pixelScale;\n\nvec2 project(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\nvoid main() {\n  vec3 scrPosition = vec3(\n         project [...]
+  fragment: "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color;\n\nvoid main() {\n  gl_FragColor = vec4(color.rgb * color.a, color.a);\n}\n"
+}
+
+},{}],161:[function(require,module,exports){
+'use strict'
+
+module.exports = createErrorBars
+
+var createBuffer  = require('gl-buffer')
+var createVAO     = require('gl-vao')
+var createShader  = require('./shaders/index')
+
+var IDENTITY = [1,0,0,0,
+                0,1,0,0,
+                0,0,1,0,
+                0,0,0,1]
+
+function ErrorBars(gl, buffer, vao, shader) {
+  this.gl           = gl
+  this.shader       = shader
+  this.buffer       = buffer
+  this.vao          = vao
+  this.pixelRatio   = 1
+  this.bounds       = [[ Infinity, Infinity, Infinity], [-Infinity,-Infinity,-Infinity]]
+  this.clipBounds   = [[-Infinity,-Infinity,-Infinity], [ Infinity, Infinity, Infinity]]
+  this.lineWidth    = [1,1,1]
+  this.capSize      = [10,10,10]
+  this.lineCount    = [0,0,0]
+  this.lineOffset   = [0,0,0]
+  this.opacity      = 1
+}
+
+var proto = ErrorBars.prototype
+
+proto.isOpaque = function() {
+  return this.opacity >= 1
+}
+
+proto.isTransparent = function() {
+  return this.opacity < 1
+}
+
+proto.drawTransparent = proto.draw = function(cameraParams) {
+  var gl = this.gl
+  var uniforms        = this.shader.uniforms
+
+  this.shader.bind()
+  var view       = uniforms.view       = cameraParams.view       || IDENTITY
+  var projection = uniforms.projection = cameraParams.projection || IDENTITY
+  uniforms.model      = cameraParams.model      || IDENTITY
+  uniforms.clipBounds = this.clipBounds
+  uniforms.opacity    = this.opacity
+
+
+  var cx = view[12]
+  var cy = view[13]
+  var cz = view[14]
+  var cw = view[15]
+  var pixelScaleF = this.pixelRatio * (projection[3]*cx + projection[7]*cy + projection[11]*cz + projection[15]*cw) / gl.drawingBufferHeight
+
+  this.vao.bind()
+  for(var i=0; i<3; ++i) {
+    gl.lineWidth(this.lineWidth[i])
+    uniforms.capSize = this.capSize[i] * pixelScaleF
+    if (this.lineCount[i]) {
+      gl.drawArrays(gl.LINES, this.lineOffset[i], this.lineCount[i])
+    }
+  }
+  this.vao.unbind()
+}
+
+function updateBounds(bounds, point) {
+  for(var i=0; i<3; ++i) {
+    bounds[0][i] = Math.min(bounds[0][i], point[i])
+    bounds[1][i] = Math.max(bounds[1][i], point[i])
+  }
+}
+
+var FACE_TABLE = (function(){
+  var table = new Array(3)
+  for(var d=0; d<3; ++d) {
+    var row = []
+    for(var j=1; j<=2; ++j) {
+      for(var s=-1; s<=1; s+=2) {
+        var u = (j+d) % 3
+        var y = [0,0,0]
+        y[u] = s
+        row.push(y)
+      }
+    }
+    table[d] = row
+  }
+  return table
+})()
+
+
+function emitFace(verts, x, c, d) {
+  var offsets = FACE_TABLE[d]
+  for(var i=0; i<offsets.length; ++i) {
+    var o = offsets[i]
+    verts.push(x[0], x[1], x[2],
+               c[0], c[1], c[2], c[3],
+               o[0], o[1], o[2])
+  }
+  return offsets.length
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  if('lineWidth' in options) {
+    this.lineWidth = options.lineWidth
+    if(!Array.isArray(this.lineWidth)) {
+      this.lineWidth = [this.lineWidth, this.lineWidth, this.lineWidth]
+    }
+  }
+  if('capSize' in options) {
+    this.capSize = options.capSize
+    if(!Array.isArray(this.capSize)) {
+      this.capSize = [this.capSize, this.capSize, this.capSize]
+    }
+  }
+  if('opacity' in options) {
+    this.opacity = options.opacity
+  }
+
+  var color    = options.color || [[0,0,0],[0,0,0],[0,0,0]]
+  var position = options.position
+  var error    = options.error
+  if(!Array.isArray(color[0])) {
+    color = [color,color,color]
+  }
+
+  if(position && error) {
+
+    var verts       = []
+    var n           = position.length
+    var vertexCount = 0
+    this.bounds     = [[ Infinity, Infinity, Infinity],
+                       [-Infinity,-Infinity,-Infinity]]
+    this.lineCount  = [0,0,0]
+
+    //Build geometry for lines
+    for(var j=0; j<3; ++j) {
+      this.lineOffset[j] = vertexCount
+
+i_loop:
+      for(var i=0; i<n; ++i) {
+        var p = position[i]
+
+        for(var k=0; k<3; ++k) {
+          if(isNaN(p[k]) || !isFinite(p[k])) {
+            continue i_loop
+          }
+        }
+
+        var e = error[i]
+        var c = color[j]
+        if(Array.isArray(c[0])) {
+          c = color[i]
+        }
+        if(c.length === 3) {
+          c = [c[0], c[1], c[2], 1]
+        }
+        if(isNaN(e[0][j]) || isNaN(e[1][j])) {
+          continue
+        }
+        if(e[0][j] < 0) {
+          var x = p.slice()
+          x[j] += e[0][j]
+          verts.push(p[0], p[1], p[2],
+                     c[0], c[1], c[2], c[3],
+                        0,    0,    0,
+                     x[0], x[1], x[2],
+                     c[0], c[1], c[2], c[3],
+                        0,    0,    0)
+          updateBounds(this.bounds, x)
+          vertexCount += 2 + emitFace(verts, x, c, j)
+        }
+        if(e[1][j] > 0) {
+          var x = p.slice()
+          x[j] += e[1][j]
+          verts.push(p[0], p[1], p[2],
+                     c[0], c[1], c[2], c[3],
+                        0,    0,    0,
+                     x[0], x[1], x[2],
+                     c[0], c[1], c[2], c[3],
+                        0,    0,    0)
+          updateBounds(this.bounds, x)
+          vertexCount += 2 + emitFace(verts, x, c, j)
+        }
+      }
+      this.lineCount[j] = vertexCount - this.lineOffset[j]
+    }
+    this.buffer.update(verts)
+  }
+}
+
+proto.dispose = function() {
+  this.shader.dispose()
+  this.buffer.dispose()
+  this.vao.dispose()
+}
+
+function createErrorBars(options) {
+  var gl = options.gl
+  var buffer = createBuffer(gl)
+  var vao = createVAO(gl, [
+      {
+        buffer: buffer,
+        type:   gl.FLOAT,
+        size:   3,
+        offset: 0,
+        stride: 40
+      },
+      {
+        buffer: buffer,
+        type:   gl.FLOAT,
+        size:   4,
+        offset: 12,
+        stride: 40
+      },
+      {
+        buffer: buffer,
+        type:   gl.FLOAT,
+        size:   3,
+        offset: 28,
+        stride: 40
+      }
+    ])
+
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+  shader.attributes.color.location    = 1
+  shader.attributes.offset.location   = 2
+
+  var result = new ErrorBars(gl, buffer, vao, shader)
+  result.update(options)
+  return result
+}
+
+},{"./shaders/index":163,"gl-buffer":156,"gl-vao":271}],162:[function(require,module,exports){
+module.exports = function(strings) {
+  if (typeof strings === 'string') strings = [strings]
+  var exprs = [].slice.call(arguments,1)
+  var parts = []
+  for (var i = 0; i < strings.length-1; i++) {
+    parts.push(strings[i], exprs[i] || '')
+  }
+  parts.push(strings[i])
+  return parts.join('')
+}
+
+},{}],163:[function(require,module,exports){
+'use strict'
+
+var glslify = require('glslify')
+var createShader = require('gl-shader')
+
+var vertSrc = glslify(["precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position, offset;\nattribute vec4 color;\nuniform mat4 model, view, projection;\nuniform float capSize;\nvarying vec4 fragColor;\nvarying vec3 fragPosition;\n\nvoid main() {\n  vec4 worldPosition  = model * vec4(position, 1.0);\n  worldPosition       = (worldPosition / worldPosition.w) + vec4(capSize * offset, 0.0);\n  gl_Position         = projection * view * worldPosition;\n  fragColor           = col [...]
+var fragSrc = glslify(["precision mediump float;\n#define GLSLIFY 1\nuniform vec3 clipBounds[2];\nuniform float opacity;\nvarying vec3 fragPosition;\nvarying vec4 fragColor;\n\nvoid main() {\n  if(any(lessThan(fragPosition, clipBounds[0])) || any(greaterThan(fragPosition, clipBounds[1]))) {\n    discard;\n  }\n  gl_FragColor = opacity * fragColor;\n}"])
+
+module.exports = function(gl) {
+  return createShader(gl, vertSrc, fragSrc, null, [
+    {name: 'position', type: 'vec3'},
+    {name: 'color', type: 'vec4'},
+    {name: 'offset', type: 'vec3'}
+  ])
+}
+
+},{"gl-shader":255,"glslify":162}],164:[function(require,module,exports){
+'use strict'
+
+var createTexture = require('gl-texture2d')
+
+module.exports = createFBO
+
+var colorAttachmentArrays = null
+var FRAMEBUFFER_UNSUPPORTED
+var FRAMEBUFFER_INCOMPLETE_ATTACHMENT
+var FRAMEBUFFER_INCOMPLETE_DIMENSIONS
+var FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT
+
+function saveFBOState(gl) {
+  var fbo = gl.getParameter(gl.FRAMEBUFFER_BINDING)
+  var rbo = gl.getParameter(gl.RENDERBUFFER_BINDING)
+  var tex = gl.getParameter(gl.TEXTURE_BINDING_2D)
+  return [fbo, rbo, tex]
+}
+
+function restoreFBOState(gl, data) {
+  gl.bindFramebuffer(gl.FRAMEBUFFER, data[0])
+  gl.bindRenderbuffer(gl.RENDERBUFFER, data[1])
+  gl.bindTexture(gl.TEXTURE_2D, data[2])
+}
+
+function lazyInitColorAttachments(gl, ext) {
+  var maxColorAttachments = gl.getParameter(ext.MAX_COLOR_ATTACHMENTS_WEBGL)
+  colorAttachmentArrays = new Array(maxColorAttachments + 1)
+  for(var i=0; i<=maxColorAttachments; ++i) {
+    var x = new Array(maxColorAttachments)
+    for(var j=0; j<i; ++j) {
+      x[j] = gl.COLOR_ATTACHMENT0 + j
+    }
+    for(var j=i; j<maxColorAttachments; ++j) {
+      x[j] = gl.NONE
+    }
+    colorAttachmentArrays[i] = x
+  }
+}
+
+//Throw an appropriate error
+function throwFBOError(status) {
+  switch(status){
+    case FRAMEBUFFER_UNSUPPORTED:
+      throw new Error('gl-fbo: Framebuffer unsupported')
+    case FRAMEBUFFER_INCOMPLETE_ATTACHMENT:
+      throw new Error('gl-fbo: Framebuffer incomplete attachment')
+    case FRAMEBUFFER_INCOMPLETE_DIMENSIONS:
+      throw new Error('gl-fbo: Framebuffer incomplete dimensions')
+    case FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:
+      throw new Error('gl-fbo: Framebuffer incomplete missing attachment')
+    default:
+      throw new Error('gl-fbo: Framebuffer failed for unspecified reason')
+  }
+}
+
+//Initialize a texture object
+function initTexture(gl, width, height, type, format, attachment) {
+  if(!type) {
+    return null
+  }
+  var result = createTexture(gl, width, height, format, type)
+  result.magFilter = gl.NEAREST
+  result.minFilter = gl.NEAREST
+  result.mipSamples = 1
+  result.bind()
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, attachment, gl.TEXTURE_2D, result.handle, 0)
+  return result
+}
+
+//Initialize a render buffer object
+function initRenderBuffer(gl, width, height, component, attachment) {
+  var result = gl.createRenderbuffer()
+  gl.bindRenderbuffer(gl.RENDERBUFFER, result)
+  gl.renderbufferStorage(gl.RENDERBUFFER, component, width, height)
+  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, attachment, gl.RENDERBUFFER, result)
+  return result
+}
+
+//Rebuild the frame buffer
+function rebuildFBO(fbo) {
+
+  //Save FBO state
+  var state = saveFBOState(fbo.gl)
+
+  var gl = fbo.gl
+  var handle = fbo.handle = gl.createFramebuffer()
+  var width = fbo._shape[0]
+  var height = fbo._shape[1]
+  var numColors = fbo.color.length
+  var ext = fbo._ext
+  var useStencil = fbo._useStencil
+  var useDepth = fbo._useDepth
+  var colorType = fbo._colorType
+
+  //Bind the fbo
+  gl.bindFramebuffer(gl.FRAMEBUFFER, handle)
+
+  //Allocate color buffers
+  for(var i=0; i<numColors; ++i) {
+    fbo.color[i] = initTexture(gl, width, height, colorType, gl.RGBA, gl.COLOR_ATTACHMENT0 + i)
+  }
+  if(numColors === 0) {
+    fbo._color_rb = initRenderBuffer(gl, width, height, gl.RGBA4, gl.COLOR_ATTACHMENT0)
+    if(ext) {
+      ext.drawBuffersWEBGL(colorAttachmentArrays[0])
+    }
+  } else if(numColors > 1) {
+    ext.drawBuffersWEBGL(colorAttachmentArrays[numColors])
+  }
+
+  //Allocate depth/stencil buffers
+  var WEBGL_depth_texture = gl.getExtension('WEBGL_depth_texture')
+  if(WEBGL_depth_texture) {
+    if(useStencil) {
+      fbo.depth = initTexture(gl, width, height,
+                          WEBGL_depth_texture.UNSIGNED_INT_24_8_WEBGL,
+                          gl.DEPTH_STENCIL,
+                          gl.DEPTH_STENCIL_ATTACHMENT)
+    } else if(useDepth) {
+      fbo.depth = initTexture(gl, width, height,
+                          gl.UNSIGNED_SHORT,
+                          gl.DEPTH_COMPONENT,
+                          gl.DEPTH_ATTACHMENT)
+    }
+  } else {
+    if(useDepth && useStencil) {
+      fbo._depth_rb = initRenderBuffer(gl, width, height, gl.DEPTH_STENCIL, gl.DEPTH_STENCIL_ATTACHMENT)
+    } else if(useDepth) {
+      fbo._depth_rb = initRenderBuffer(gl, width, height, gl.DEPTH_COMPONENT16, gl.DEPTH_ATTACHMENT)
+    } else if(useStencil) {
+      fbo._depth_rb = initRenderBuffer(gl, width, height, gl.STENCIL_INDEX, gl.STENCIL_ATTACHMENT)
+    }
+  }
+
+  //Check frame buffer state
+  var status = gl.checkFramebufferStatus(gl.FRAMEBUFFER)
+  if(status !== gl.FRAMEBUFFER_COMPLETE) {
+
+    //Release all partially allocated resources
+    fbo._destroyed = true
+
+    //Release all resources
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+    gl.deleteFramebuffer(fbo.handle)
+    fbo.handle = null
+    if(fbo.depth) {
+      fbo.depth.dispose()
+      fbo.depth = null
+    }
+    if(fbo._depth_rb) {
+      gl.deleteRenderbuffer(fbo._depth_rb)
+      fbo._depth_rb = null
+    }
+    for(var i=0; i<fbo.color.length; ++i) {
+      fbo.color[i].dispose()
+      fbo.color[i] = null
+    }
+    if(fbo._color_rb) {
+      gl.deleteRenderbuffer(fbo._color_rb)
+      fbo._color_rb = null
+    }
+
+    restoreFBOState(gl, state)
+
+    //Throw the frame buffer error
+    throwFBOError(status)
+  }
+
+  //Everything ok, let's get on with life
+  restoreFBOState(gl, state)
+}
+
+function Framebuffer(gl, width, height, colorType, numColors, useDepth, useStencil, ext) {
+
+  //Handle and set properties
+  this.gl = gl
+  this._shape = [width|0, height|0]
+  this._destroyed = false
+  this._ext = ext
+
+  //Allocate buffers
+  this.color = new Array(numColors)
+  for(var i=0; i<numColors; ++i) {
+    this.color[i] = null
+  }
+  this._color_rb = null
+  this.depth = null
+  this._depth_rb = null
+
+  //Save depth and stencil flags
+  this._colorType = colorType
+  this._useDepth = useDepth
+  this._useStencil = useStencil
+
+  //Shape vector for resizing
+  var parent = this
+  var shapeVector = [width|0, height|0]
+  Object.defineProperties(shapeVector, {
+    0: {
+      get: function() {
+        return parent._shape[0]
+      },
+      set: function(w) {
+        return parent.width = w
+      }
+    },
+    1: {
+      get: function() {
+        return parent._shape[1]
+      },
+      set: function(h) {
+        return parent.height = h
+      }
+    }
+  })
+  this._shapeVector = shapeVector
+
+  //Initialize all attachments
+  rebuildFBO(this)
+}
+
+var proto = Framebuffer.prototype
+
+function reshapeFBO(fbo, w, h) {
+  //If fbo is invalid, just skip this
+  if(fbo._destroyed) {
+    throw new Error('gl-fbo: Can\'t resize destroyed FBO')
+  }
+
+  //Don't resize if no change in shape
+  if( (fbo._shape[0] === w) &&
+      (fbo._shape[1] === h) ) {
+    return
+  }
+
+  var gl = fbo.gl
+
+  //Check parameter ranges
+  var maxFBOSize = gl.getParameter(gl.MAX_RENDERBUFFER_SIZE)
+  if( w < 0 || w > maxFBOSize ||
+      h < 0 || h > maxFBOSize) {
+    throw new Error('gl-fbo: Can\'t resize FBO, invalid dimensions')
+  }
+
+  //Update shape
+  fbo._shape[0] = w
+  fbo._shape[1] = h
+
+  //Save framebuffer state
+  var state = saveFBOState(gl)
+
+  //Resize framebuffer attachments
+  for(var i=0; i<fbo.color.length; ++i) {
+    fbo.color[i].shape = fbo._shape
+  }
+  if(fbo._color_rb) {
+    gl.bindRenderbuffer(gl.RENDERBUFFER, fbo._color_rb)
+    gl.renderbufferStorage(gl.RENDERBUFFER, gl.RGBA4, fbo._shape[0], fbo._shape[1])
+  }
+  if(fbo.depth) {
+    fbo.depth.shape = fbo._shape
+  }
+  if(fbo._depth_rb) {
+    gl.bindRenderbuffer(gl.RENDERBUFFER, fbo._depth_rb)
+    if(fbo._useDepth && fbo._useStencil) {
+      gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_STENCIL, fbo._shape[0], fbo._shape[1])
+    } else if(fbo._useDepth) {
+      gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, fbo._shape[0], fbo._shape[1])
+    } else if(fbo._useStencil) {
+      gl.renderbufferStorage(gl.RENDERBUFFER, gl.STENCIL_INDEX, fbo._shape[0], fbo._shape[1])
+    }
+  }
+
+  //Check FBO status after resize, if something broke then die in a fire
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fbo.handle)
+  var status = gl.checkFramebufferStatus(gl.FRAMEBUFFER)
+  if(status !== gl.FRAMEBUFFER_COMPLETE) {
+    fbo.dispose()
+    restoreFBOState(gl, state)
+    throwFBOError(status)
+  }
+
+  //Restore framebuffer state
+  restoreFBOState(gl, state)
+}
+
+Object.defineProperties(proto, {
+  'shape': {
+    get: function() {
+      if(this._destroyed) {
+        return [0,0]
+      }
+      return this._shapeVector
+    },
+    set: function(x) {
+      if(!Array.isArray(x)) {
+        x = [x|0, x|0]
+      }
+      if(x.length !== 2) {
+        throw new Error('gl-fbo: Shape vector must be length 2')
+      }
+
+      var w = x[0]|0
+      var h = x[1]|0
+      reshapeFBO(this, w, h)
+
+      return [w, h]
+    },
+    enumerable: false
+  },
+  'width': {
+    get: function() {
+      if(this._destroyed) {
+        return 0
+      }
+      return this._shape[0]
+    },
+    set: function(w) {
+      w = w|0
+      reshapeFBO(this, w, this._shape[1])
+      return w
+    },
+    enumerable: false
+  },
+  'height': {
+    get: function() {
+      if(this._destroyed) {
+        return 0
+      }
+      return this._shape[1]
+    },
+    set: function(h) {
+      h = h|0
+      reshapeFBO(this, this._shape[0], h)
+      return h
+    },
+    enumerable: false
+  }
+})
+
+proto.bind = function() {
+  if(this._destroyed) {
+    return
+  }
+  var gl = this.gl
+  gl.bindFramebuffer(gl.FRAMEBUFFER, this.handle)
+  gl.viewport(0, 0, this._shape[0], this._shape[1])
+}
+
+proto.dispose = function() {
+  if(this._destroyed) {
+    return
+  }
+  this._destroyed = true
+  var gl = this.gl
+  gl.deleteFramebuffer(this.handle)
+  this.handle = null
+  if(this.depth) {
+    this.depth.dispose()
+    this.depth = null
+  }
+  if(this._depth_rb) {
+    gl.deleteRenderbuffer(this._depth_rb)
+    this._depth_rb = null
+  }
+  for(var i=0; i<this.color.length; ++i) {
+    this.color[i].dispose()
+    this.color[i] = null
+  }
+  if(this._color_rb) {
+    gl.deleteRenderbuffer(this._color_rb)
+    this._color_rb = null
+  }
+}
+
+function createFBO(gl, width, height, options) {
+
+  //Update frame buffer error code values
+  if(!FRAMEBUFFER_UNSUPPORTED) {
+    FRAMEBUFFER_UNSUPPORTED = gl.FRAMEBUFFER_UNSUPPORTED
+    FRAMEBUFFER_INCOMPLETE_ATTACHMENT = gl.FRAMEBUFFER_INCOMPLETE_ATTACHMENT
+    FRAMEBUFFER_INCOMPLETE_DIMENSIONS = gl.FRAMEBUFFER_INCOMPLETE_DIMENSIONS
+    FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT = gl.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT
+  }
+
+  //Lazily initialize color attachment arrays
+  var WEBGL_draw_buffers = gl.getExtension('WEBGL_draw_buffers')
+  if(!colorAttachmentArrays && WEBGL_draw_buffers) {
+    lazyInitColorAttachments(gl, WEBGL_draw_buffers)
+  }
+
+  //Special case: Can accept an array as argument
+  if(Array.isArray(width)) {
+    options = height
+    height = width[1]|0
+    width = width[0]|0
+  }
+
+  if(typeof width !== 'number') {
+    throw new Error('gl-fbo: Missing shape parameter')
+  }
+
+  //Validate width/height properties
+  var maxFBOSize = gl.getParameter(gl.MAX_RENDERBUFFER_SIZE)
+  if(width < 0 || width > maxFBOSize || height < 0 || height > maxFBOSize) {
+    throw new Error('gl-fbo: Parameters are too large for FBO')
+  }
+
+  //Handle each option type
+  options = options || {}
+
+  //Figure out number of color buffers to use
+  var numColors = 1
+  if('color' in options) {
+    numColors = Math.max(options.color|0, 0)
+    if(numColors < 0) {
+      throw new Error('gl-fbo: Must specify a nonnegative number of colors')
+    }
+    if(numColors > 1) {
+      //Check if multiple render targets supported
+      if(!WEBGL_draw_buffers) {
+        throw new Error('gl-fbo: Multiple draw buffer extension not supported')
+      } else if(numColors > gl.getParameter(WEBGL_draw_buffers.MAX_COLOR_ATTACHMENTS_WEBGL)) {
+        throw new Error('gl-fbo: Context does not support ' + numColors + ' draw buffers')
+      }
+    }
+  }
+
+  //Determine whether to use floating point textures
+  var colorType = gl.UNSIGNED_BYTE
+  var OES_texture_float = gl.getExtension('OES_texture_float')
+  if(options.float && numColors > 0) {
+    if(!OES_texture_float) {
+      throw new Error('gl-fbo: Context does not support floating point textures')
+    }
+    colorType = gl.FLOAT
+  } else if(options.preferFloat && numColors > 0) {
+    if(OES_texture_float) {
+      colorType = gl.FLOAT
+    }
+  }
+
+  //Check if we should use depth buffer
+  var useDepth = true
+  if('depth' in options) {
+    useDepth = !!options.depth
+  }
+
+  //Check if we should use a stencil buffer
+  var useStencil = false
+  if('stencil' in options) {
+    useStencil = !!options.stencil
+  }
+
+  return new Framebuffer(
+    gl,
+    width,
+    height,
+    colorType,
+    numColors,
+    useDepth,
+    useStencil,
+    WEBGL_draw_buffers)
+}
+
+},{"gl-texture2d":267}],165:[function(require,module,exports){
+
+var sprintf = require('sprintf-js').sprintf;
+var glConstants = require('gl-constants/lookup');
+var shaderName = require('glsl-shader-name');
+var addLineNumbers = require('add-line-numbers');
+
+module.exports = formatCompilerError;
+
+function formatCompilerError(errLog, src, type) {
+    "use strict";
+
+    var name = shaderName(src) || 'of unknown name (see npm glsl-shader-name)';
+
+    var typeName = 'unknown type';
+    if (type !== undefined) {
+        typeName = type === glConstants.FRAGMENT_SHADER ? 'fragment' : 'vertex'
+    }
+
+    var longForm = sprintf('Error compiling %s shader %s:\n', typeName, name);
+    var shortForm = sprintf("%s%s", longForm, errLog);
+
+    var errorStrings = errLog.split('\n');
+    var errors = {};
+
+    for (var i = 0; i < errorStrings.length; i++) {
+        var errorString = errorStrings[i];
+        if (errorString === '') continue;
+        var lineNo = parseInt(errorString.split(':')[2]);
+        if (isNaN(lineNo)) {
+            throw new Error(sprintf('Could not parse error: %s', errorString));
+        }
+        errors[lineNo] = errorString;
+    }
+
+    var lines = addLineNumbers(src).split('\n');
+
+    for (var i = 0; i < lines.length; i++) {
+        if (!errors[i+3] && !errors[i+2] && !errors[i+1]) continue;
+        var line = lines[i];
+        longForm += line + '\n';
+        if (errors[i+1]) {
+            var e = errors[i+1];
+            e = e.substr(e.split(':', 3).join(':').length + 1).trim();
+            longForm += sprintf('^^^ %s\n\n', e);
+        }
+    }
+
+    return {
+        long: longForm.trim(),
+        short: shortForm.trim()
+    };
+}
+
+
+},{"add-line-numbers":40,"gl-constants/lookup":158,"glsl-shader-name":279,"sprintf-js":527}],166:[function(require,module,exports){
+'use strict'
+
+module.exports = createHeatmap2D
+
+var bsearch = require('binary-search-bounds')
+var iota = require('iota-array')
+var pool = require('typedarray-pool')
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+
+var shaders = require('./lib/shaders')
+
+function GLHeatmap2D (
+  plot,
+  shader,
+  pickShader,
+  positionBuffer,
+  weightBuffer,
+  colorBuffer,
+  idBuffer) {
+  this.plot = plot
+  this.shader = shader
+  this.pickShader = pickShader
+  this.positionBuffer = positionBuffer
+  this.weightBuffer = weightBuffer
+  this.colorBuffer = colorBuffer
+  this.idBuffer = idBuffer
+  this.xData = []
+  this.yData = []
+  this.shape = [0, 0]
+  this.bounds = [Infinity, Infinity, -Infinity, -Infinity]
+  this.pickOffset = 0
+}
+
+var proto = GLHeatmap2D.prototype
+
+var WEIGHTS = [
+  0, 0,
+  1, 0,
+  0, 1,
+  1, 0,
+  1, 1,
+  0, 1
+]
+
+proto.draw = (function () {
+  var MATRIX = [
+    1, 0, 0,
+    0, 1, 0,
+    0, 0, 1
+  ]
+
+  return function () {
+    var plot = this.plot
+    var shader = this.shader
+    var bounds = this.bounds
+    var numVertices = this.numVertices
+
+    if (numVertices <= 0) {
+      return
+    }
+
+    var gl = plot.gl
+    var dataBox = plot.dataBox
+
+    var boundX = bounds[2] - bounds[0]
+    var boundY = bounds[3] - bounds[1]
+    var dataX = dataBox[2] - dataBox[0]
+    var dataY = dataBox[3] - dataBox[1]
+
+    MATRIX[0] = 2.0 * boundX / dataX
+    MATRIX[4] = 2.0 * boundY / dataY
+    MATRIX[6] = 2.0 * (bounds[0] - dataBox[0]) / dataX - 1.0
+    MATRIX[7] = 2.0 * (bounds[1] - dataBox[1]) / dataY - 1.0
+
+    shader.bind()
+
+    var uniforms = shader.uniforms
+    uniforms.viewTransform = MATRIX
+
+    uniforms.shape = this.shape
+
+    var attributes = shader.attributes
+    this.positionBuffer.bind()
+    attributes.position.pointer()
+
+    this.weightBuffer.bind()
+    attributes.weight.pointer(gl.UNSIGNED_BYTE, false)
+
+    this.colorBuffer.bind()
+    attributes.color.pointer(gl.UNSIGNED_BYTE, true)
+
+    gl.drawArrays(gl.TRIANGLES, 0, numVertices)
+  }
+})()
+
+proto.drawPick = (function () {
+  var MATRIX = [
+    1, 0, 0,
+    0, 1, 0,
+    0, 0, 1
+  ]
+
+  var PICK_VECTOR = [0, 0, 0, 0]
+
+  return function (pickOffset) {
+    var plot = this.plot
+    var shader = this.pickShader
+    var bounds = this.bounds
+    var numVertices = this.numVertices
+
+    if (numVertices <= 0) {
+      return
+    }
+
+    var gl = plot.gl
+    var dataBox = plot.dataBox
+
+    var boundX = bounds[2] - bounds[0]
+    var boundY = bounds[3] - bounds[1]
+    var dataX = dataBox[2] - dataBox[0]
+    var dataY = dataBox[3] - dataBox[1]
+
+    MATRIX[0] = 2.0 * boundX / dataX
+    MATRIX[4] = 2.0 * boundY / dataY
+    MATRIX[6] = 2.0 * (bounds[0] - dataBox[0]) / dataX - 1.0
+    MATRIX[7] = 2.0 * (bounds[1] - dataBox[1]) / dataY - 1.0
+
+    for (var i = 0; i < 4; ++i) {
+      PICK_VECTOR[i] = (pickOffset >> (i * 8)) & 0xff
+    }
+
+    this.pickOffset = pickOffset
+
+    shader.bind()
+
+    var uniforms = shader.uniforms
+    uniforms.viewTransform = MATRIX
+    uniforms.pickOffset = PICK_VECTOR
+    uniforms.shape = this.shape
+
+    var attributes = shader.attributes
+    this.positionBuffer.bind()
+    attributes.position.pointer()
+
+    this.weightBuffer.bind()
+    attributes.weight.pointer(gl.UNSIGNED_BYTE, false)
+
+    this.idBuffer.bind()
+    attributes.pickId.pointer(gl.UNSIGNED_BYTE, false)
+
+    gl.drawArrays(gl.TRIANGLES, 0, numVertices)
+
+    return pickOffset + this.shape[0] * this.shape[1]
+  }
+})()
+
+proto.pick = function (x, y, value) {
+  var pickOffset = this.pickOffset
+  var pointCount = this.shape[0] * this.shape[1]
+  if (value < pickOffset || value >= pickOffset + pointCount) {
+    return null
+  }
+  var pointId = value - pickOffset
+  var xData = this.xData
+  var yData = this.yData
+  return {
+    object: this,
+    pointId: pointId,
+    dataCoord: [
+      xData[pointId % this.shape[0]],
+      yData[(pointId / this.shape[0]) | 0]]
+  }
+}
+
+proto.update = function (options) {
+  options = options || {}
+
+  var shape = options.shape || [0, 0]
+
+  var x = options.x || iota(shape[0])
+  var y = options.y || iota(shape[1])
+  var z = options.z || new Float32Array(shape[0] * shape[1])
+
+  this.xData = x
+  this.yData = y
+
+  var colorLevels = options.colorLevels || [0]
+  var colorValues = options.colorValues || [0, 0, 0, 1]
+  var colorCount = colorLevels.length
+
+  var bounds = this.bounds
+  var lox = bounds[0] = x[0]
+  var loy = bounds[1] = y[0]
+  var hix = bounds[2] = x[x.length - 1]
+  var hiy = bounds[3] = y[y.length - 1]
+
+  var xs = 1.0 / (hix - lox)
+  var ys = 1.0 / (hiy - loy)
+
+  var numX = shape[0]
+  var numY = shape[1]
+
+  this.shape = [numX, numY]
+
+  var numVerts = (numX - 1) * (numY - 1) * (WEIGHTS.length >>> 1)
+
+  this.numVertices = numVerts
+
+  var colors = pool.mallocUint8(numVerts * 4)
+  var positions = pool.mallocFloat32(numVerts * 2)
+  var weights   = pool.mallocUint8 (numVerts * 2)
+  var ids = pool.mallocUint32(numVerts)
+
+  var ptr = 0
+
+  for (var j = 0; j < numY - 1; ++j) {
+    var yc0 = ys * (y[j] - loy)
+    var yc1 = ys * (y[j + 1] - loy)
+    for (var i = 0; i < numX - 1; ++i) {
+      var xc0 = xs * (x[i] - lox)
+      var xc1 = xs * (x[i + 1] - lox)
+
+      for (var dd = 0; dd < WEIGHTS.length; dd += 2) {
+        var dx = WEIGHTS[dd]
+        var dy = WEIGHTS[dd + 1]
+        var offset = (j + dy) * numX + (i + dx)
+        var zc = z[offset]
+        var colorIdx = bsearch.le(colorLevels, zc)
+        var r, g, b, a
+        if (colorIdx < 0) {
+          r = colorValues[0]
+          g = colorValues[1]
+          b = colorValues[2]
+          a = colorValues[3]
+        } else if (colorIdx === colorCount - 1) {
+          r = colorValues[4 * colorCount - 4]
+          g = colorValues[4 * colorCount - 3]
+          b = colorValues[4 * colorCount - 2]
+          a = colorValues[4 * colorCount - 1]
+        } else {
+          var t = (zc - colorLevels[colorIdx]) /
+            (colorLevels[colorIdx + 1] - colorLevels[colorIdx])
+          var ti = 1.0 - t
+          var i0 = 4 * colorIdx
+          var i1 = 4 * (colorIdx + 1)
+          r = ti * colorValues[i0] + t * colorValues[i1]
+          g = ti * colorValues[i0 + 1] + t * colorValues[i1 + 1]
+          b = ti * colorValues[i0 + 2] + t * colorValues[i1 + 2]
+          a = ti * colorValues[i0 + 3] + t * colorValues[i1 + 3]
+        }
+
+        colors[4 * ptr] = 255 * r
+        colors[4 * ptr + 1] = 255 * g
+        colors[4 * ptr + 2] = 255 * b
+        colors[4 * ptr + 3] = 255 * a
+
+        positions[2*ptr] = xc0*.5 + xc1*.5;
+        positions[2*ptr+1] = yc0*.5 + yc1*.5;
+
+        weights[2*ptr] = dx;
+        weights[2*ptr+1] = dy;
+
+        ids[ptr] = j * numX + i
+
+        ptr += 1
+      }
+    }
+  }
+
+  this.positionBuffer.update(positions)
+  this.weightBuffer.update(weights)
+  this.colorBuffer.update(colors)
+  this.idBuffer.update(ids)
+
+  pool.free(positions)
+  pool.free(colors)
+  pool.free(weights)
+  pool.free(ids)
+}
+
+proto.dispose = function () {
+  this.shader.dispose()
+  this.pickShader.dispose()
+  this.positionBuffer.dispose()
+  this.weightBuffer.dispose()
+  this.colorBuffer.dispose()
+  this.idBuffer.dispose()
+  this.plot.removeObject(this)
+}
+
+function createHeatmap2D (plot, options) {
+  var gl = plot.gl
+
+  var shader = createShader(gl, shaders.vertex, shaders.fragment)
+  var pickShader = createShader(gl, shaders.pickVertex, shaders.pickFragment)
+
+  var positionBuffer = createBuffer(gl)
+  var weightBuffer   = createBuffer(gl)
+  var colorBuffer = createBuffer(gl)
+  var idBuffer = createBuffer(gl)
+
+  var heatmap = new GLHeatmap2D(
+    plot,
+    shader,
+    pickShader,
+    positionBuffer,
+    weightBuffer,
+    colorBuffer,
+    idBuffer)
+
+  heatmap.update(options)
+  plot.addObject(heatmap)
+
+  return heatmap
+}
+
+},{"./lib/shaders":167,"binary-search-bounds":168,"gl-buffer":156,"gl-shader":255,"iota-array":293,"typedarray-pool":541}],167:[function(require,module,exports){
+'use strict'
+
+
+
+module.exports = {
+  fragment:     "precision lowp float;\n#define GLSLIFY 1\nvarying vec4 fragColor;\nvoid main() {\n  gl_FragColor = vec4(fragColor.rgb * fragColor.a, fragColor.a);\n}\n",
+  vertex:       "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 position;\nattribute vec4 color;\nattribute vec2 weight;\n\nuniform vec2 shape;\nuniform mat3 viewTransform;\n\nvarying vec4 fragColor;\n\nvoid main() {\n  vec3 vPosition = viewTransform * vec3( position + (weight-.5)/(shape-1.) , 1.0);\n  fragColor = color;\n  gl_Position = vec4(vPosition.xy, 0, vPosition.z);\n}\n",
+  pickFragment: "precision mediump float;\n#define GLSLIFY 1\n\nvarying vec4 fragId;\nvarying vec2 vWeight;\n\nuniform vec2 shape;\nuniform vec4 pickOffset;\n\nvoid main() {\n  vec2 d = step(.5, vWeight);\n  vec4 id = fragId + pickOffset;\n  id.x += d.x + d.y*shape.x;\n\n  id.y += floor(id.x / 256.0);\n  id.x -= floor(id.x / 256.0) * 256.0;\n\n  id.z += floor(id.y / 256.0);\n  id.y -= floor(id.y / 256.0) * 256.0;\n\n  id.w += floor(id.z / 256.0);\n  id.z -= floor(id.z / 256.0) * 256.0;\n [...]
+  pickVertex:   "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 position;\nattribute vec4 pickId;\nattribute vec2 weight;\n\nuniform vec2 shape;\nuniform mat3 viewTransform;\n\nvarying vec4 fragId;\nvarying vec2 vWeight;\n\nvoid main() {\n  vWeight = weight;\n\n  fragId = pickId;\n\n  vec3 vPosition = viewTransform * vec3( position + (weight-.5)/(shape-1.) , 1.0);\n  gl_Position = vec4(vPosition.xy, 0, vPosition.z);\n}\n"
+}
+
+},{}],168:[function(require,module,exports){
+arguments[4][84][0].apply(exports,arguments)
+},{"dup":84}],169:[function(require,module,exports){
+
+
+exports.lineVertex    = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 aHi, aLo, dHi, dLo;\n\nuniform vec2 scaleHi, translateHi, scaleLo, translateLo, screenShape;\nuniform float width;\n\nvarying vec2 direction;\n\n\nvec2 project_1_0(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\n\nvec2 project_2_1(vec2 scHi, vec2 scL [...]
+exports.lineFragment  = "precision highp float;\n#define GLSLIFY 1\n\nuniform vec4 color;\nuniform vec2 screenShape;\nuniform sampler2D dashPattern;\nuniform float dashLength;\n\nvarying vec2 direction;\n\nvoid main() {\n  float t = fract(dot(direction, gl_FragCoord.xy) / dashLength);\n  vec4 pcolor = color * texture2D(dashPattern, vec2(t, 0.0)).r;\n  gl_FragColor = vec4(pcolor.rgb * pcolor.a, pcolor.a);\n}"
+exports.mitreVertex   = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 aHi, aLo;\n\nuniform vec2 scaleHi, translateHi, scaleLo, translateLo;\nuniform float radius;\n\n\nvec2 project_1_0(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\n\nvoid main() {\n  vec2 p = project_1_0(scaleHi, translateHi, scaleLo, translateLo, aHi [...]
+exports.mitreFragment = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color;\n\nvoid main() {\n  if(length(gl_PointCoord.xy - 0.5) > 0.25) {\n    discard;\n  }\n  gl_FragColor = vec4(color.rgb, color.a);\n}"
+exports.pickVertex    = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 aHi, aLo, dHi;\nattribute vec4 pick0, pick1;\n\nuniform vec2 scaleHi, translateHi, scaleLo, translateLo, screenShape;\nuniform float width;\n\nvarying vec4 pickA, pickB;\n\n\nvec2 project_1_0(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\n\nvoid mai [...]
+exports.pickFragment  = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 pickOffset;\n\nvarying vec4 pickA, pickB;\n\nvoid main() {\n  vec4 fragId = vec4(pickA.xyz, 0.0);\n  if(pickB.w > pickA.w) {\n    fragId.xyz = pickB.xyz;\n  }\n\n  fragId += pickOffset;\n\n  fragId.y += floor(fragId.x / 256.0);\n  fragId.x -= floor(fragId.x / 256.0) * 256.0;\n\n  fragId.z += floor(fragId.y / 256.0);\n  fragId.y -= floor(fragId.y / 256.0) * 256.0;\n\n  fragId.w += floor(fragId.z / 256.0); [...]
+exports.fillVertex    = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 aHi, aLo, dHi;\n\nuniform vec2 scaleHi, translateHi, scaleLo, translateLo, projectAxis;\nuniform float projectValue, depth;\n\n\nvec2 project_1_0(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\n\nvoid main() {\n  vec2 p = project_1_0(scaleHi, transla [...]
+exports.fillFragment  = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color;\n\nvoid main() {\n  gl_FragColor = vec4(color.rgb * color.a, color.a);\n}"
+},{}],170:[function(require,module,exports){
+'use strict'
+
+module.exports = createLinePlot
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+var createTexture = require('gl-texture2d')
+var ndarray = require('ndarray')
+var pool = require('typedarray-pool')
+
+var SHADERS = require('./lib/shaders')
+
+function GLLine2D(
+  plot,
+  dashPattern,
+  lineBufferHi,
+  lineBufferLo,
+  pickBuffer,
+  lineShader,
+  mitreShader,
+  fillShader,
+  pickShader) {
+
+  this.plot         = plot
+  this.dashPattern  = dashPattern
+  this.lineBufferHi = lineBufferHi
+  this.lineBufferLo = lineBufferLo
+  this.pickBuffer   = pickBuffer
+  this.lineShader   = lineShader
+  this.mitreShader  = mitreShader
+  this.fillShader   = fillShader
+  this.pickShader   = pickShader
+  this.usingDashes  = false
+
+  this.bounds     = [Infinity, Infinity, -Infinity, -Infinity]
+  this.width      = 1
+  this.color      = [0, 0, 1, 1]
+
+  //Fill to axes
+  this.fill       = [false, false, false, false]
+  this.fillColor  = [
+    [0, 0, 0, 1],
+    [0, 0, 0, 1],
+    [0, 0, 0, 1],
+    [0, 0, 0, 1]
+  ]
+
+  this.data       = null
+  this.numPoints  = 0
+  this.vertCount  = 0
+
+  this.pickOffset = 0
+}
+
+var proto = GLLine2D.prototype
+
+proto.setProjectionModel = (function() {
+
+  var pm = {
+    scaleHi: new Float32Array([0, 0]),
+    scaleLo: new Float32Array([0, 0]),
+    translateHi: new Float32Array([0, 0]),
+    translateLo: new Float32Array([0, 0]),
+    screenShape: [0, 0]
+  }
+
+  return function() {
+
+    var bounds  = this.bounds
+    var viewBox = this.plot.viewBox
+    var dataBox = this.plot.dataBox
+
+    var boundX  = bounds[2] - bounds[0]
+    var boundY  = bounds[3] - bounds[1]
+    var dataX   = dataBox[2] - dataBox[0]
+    var dataY   = dataBox[3] - dataBox[1]
+    var screenX = viewBox[2] - viewBox[0]
+    var screenY = viewBox[3] - viewBox[1]
+
+    var scaleX = 2 * boundX / dataX
+    var scaleY = 2 * boundY / dataY
+    var translateX = (bounds[0] - dataBox[0] - 0.5 * dataX) / boundX
+    var translateY = (bounds[1] - dataBox[1] - 0.5 * dataY) / boundY
+
+    pm.scaleHi[0]     = scaleX
+    pm.scaleHi[1]     = scaleY
+    pm.scaleLo[0]     = scaleX - pm.scaleHi[0]
+    pm.scaleLo[1]     = scaleY - pm.scaleHi[1]
+    pm.translateHi[0] = translateX
+    pm.translateHi[1] = translateY
+    pm.translateLo[0] = translateX - pm.translateHi[0]
+    pm.translateLo[1] = translateY - pm.translateHi[1]
+
+    pm.screenShape[0] = screenX
+    pm.screenShape[1] = screenY
+
+    return pm
+  }
+})()
+
+proto.setProjectionUniforms = function(uniforms, projectionModel) {
+  uniforms.scaleHi = projectionModel.scaleHi
+  uniforms.scaleLo = projectionModel.scaleLo
+  uniforms.translateHi = projectionModel.translateHi
+  uniforms.translateLo = projectionModel.translateLo
+  uniforms.screenShape = projectionModel.screenShape
+}
+
+proto.draw = (function() {
+
+  var PX_AXIS = [1, 0]
+  var NX_AXIS = [-1, 0]
+  var PY_AXIS = [0, 1]
+  var NY_AXIS = [0, -1]
+
+  return function() {
+    var count = this.vertCount
+
+    if(!count) {
+      return
+    }
+
+    var projectionModel = this.setProjectionModel()
+
+    var plot       = this.plot
+    var width      = this.width
+    var gl         = plot.gl
+    var pixelRatio = plot.pixelRatio
+
+    var color     = this.color
+
+    var fillAttributes = this.fillShader.attributes
+
+    this.lineBufferLo.bind()
+    fillAttributes.aLo.pointer(gl.FLOAT, false, 16, 0)
+
+    this.lineBufferHi.bind()
+
+    var fill = this.fill
+
+    if(fill[0] || fill[1] || fill[2] || fill[3]) {
+
+      var fillShader = this.fillShader
+      fillShader.bind()
+
+      var fillUniforms = fillShader.uniforms
+      this.setProjectionUniforms(fillUniforms, projectionModel)
+      fillUniforms.depth = plot.nextDepthValue()
+
+      fillAttributes.aHi.pointer(gl.FLOAT, false, 16, 0)
+      fillAttributes.dHi.pointer(gl.FLOAT, false, 16, 8)
+
+      gl.depthMask(true)
+      gl.enable(gl.DEPTH_TEST)
+
+      var fillColor = this.fillColor
+      if(fill[0]) {
+        fillUniforms.color        = fillColor[0]
+        fillUniforms.projectAxis  = NX_AXIS
+        fillUniforms.projectValue = 1
+        gl.drawArrays(gl.TRIANGLES, 0, count)
+      }
+
+      if(fill[1]) {
+        fillUniforms.color        = fillColor[1]
+        fillUniforms.projectAxis  = NY_AXIS
+        fillUniforms.projectValue = 1
+        gl.drawArrays(gl.TRIANGLES, 0, count)
+      }
+
+      if(fill[2]) {
+        fillUniforms.color        = fillColor[2]
+        fillUniforms.projectAxis  = PX_AXIS
+        fillUniforms.projectValue = 1
+        gl.drawArrays(gl.TRIANGLES, 0, count)
+      }
+
+      if(fill[3]) {
+        fillUniforms.color        = fillColor[3]
+        fillUniforms.projectAxis  = PY_AXIS
+        fillUniforms.projectValue = 1
+        gl.drawArrays(gl.TRIANGLES, 0, count)
+      }
+
+      gl.depthMask(false)
+      gl.disable(gl.DEPTH_TEST)
+    }
+
+    var shader = this.lineShader
+    shader.bind()
+
+    this.lineBufferLo.bind()
+    shader.attributes.aLo.pointer(gl.FLOAT, false, 16, 0)
+    shader.attributes.dLo.pointer(gl.FLOAT, false, 16, 8)
+
+    this.lineBufferHi.bind()
+
+    var uniforms = shader.uniforms
+    this.setProjectionUniforms(uniforms, projectionModel)
+    uniforms.color  = color
+    uniforms.width  = width * pixelRatio
+    uniforms.dashPattern = this.dashPattern.bind()
+    uniforms.dashLength = this.dashLength * pixelRatio
+
+    var attributes = shader.attributes
+    attributes.aHi.pointer(gl.FLOAT, false, 16, 0)
+    attributes.dHi.pointer(gl.FLOAT, false, 16, 8)
+
+    gl.drawArrays(gl.TRIANGLES, 0, count)
+
+    //Draw mitres
+    if(width > 2 && !this.usingDashes) {
+      var mshader = this.mitreShader
+
+      this.lineBufferLo.bind()
+      mshader.attributes.aLo.pointer(gl.FLOAT, false, 48, 0)
+
+      this.lineBufferHi.bind()
+      mshader.bind()
+
+      var muniforms = mshader.uniforms
+      this.setProjectionUniforms(muniforms, projectionModel)
+      muniforms.color  = color
+      muniforms.radius = width * pixelRatio
+
+      mshader.attributes.aHi.pointer(gl.FLOAT, false, 48, 0)
+      gl.drawArrays(gl.POINTS, 0, (count / 3) | 0)
+    }
+  }
+})()
+
+proto.drawPick = (function() {
+
+  var PICK_OFFSET = [0, 0, 0, 0]
+
+  return function(pickOffset) {
+
+    var count      = this.vertCount
+    var numPoints  = this.numPoints
+
+    this.pickOffset = pickOffset
+    if(!count) {
+      return pickOffset + numPoints
+    }
+
+    var projectionModel = this.setProjectionModel()
+
+    var plot       = this.plot
+    var width      = this.width
+    var gl         = plot.gl
+    var pixelRatio = plot.pickPixelRatio
+
+    var shader     = this.pickShader
+    var pickBuffer = this.pickBuffer
+
+    PICK_OFFSET[0] =  pickOffset         & 0xff
+    PICK_OFFSET[1] = (pickOffset >>> 8)  & 0xff
+    PICK_OFFSET[2] = (pickOffset >>> 16) & 0xff
+    PICK_OFFSET[3] =  pickOffset >>> 24
+
+    shader.bind()
+
+    var uniforms = shader.uniforms
+    this.setProjectionUniforms(uniforms, projectionModel)
+    uniforms.width       = width * pixelRatio
+    uniforms.pickOffset  = PICK_OFFSET
+
+    var attributes = shader.attributes
+
+    this.lineBufferHi.bind()
+    attributes.aHi.pointer(gl.FLOAT, false, 16, 0)
+    attributes.dHi.pointer(gl.FLOAT, false, 16, 8)
+
+    this.lineBufferLo.bind()
+    attributes.aLo.pointer(gl.FLOAT, false, 16, 0)
+
+    //attributes.dLo.pointer(gl.FLOAT, false, 16, 8)
+
+    pickBuffer.bind()
+    attributes.pick0.pointer(gl.UNSIGNED_BYTE, false, 8, 0)
+    attributes.pick1.pointer(gl.UNSIGNED_BYTE, false, 8, 4)
+
+    gl.drawArrays(gl.TRIANGLES, 0, count)
+
+    return pickOffset + numPoints
+  }
+})()
+
+proto.pick = function(x, y, value) {
+  var pickOffset = this.pickOffset
+  var pointCount = this.numPoints
+  if(value < pickOffset || value >= pickOffset + pointCount) {
+    return null
+  }
+  var pointId = value - pickOffset
+  var points = this.data
+  return {
+    object:    this,
+    pointId:   pointId,
+    dataCoord: [points[2 * pointId], points[2 * pointId + 1]]
+  }
+}
+
+function deepCopy(arr) {
+  return arr.map(function(x) {
+    return x.slice()
+  })
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  var gl = this.plot.gl
+  var i, j, ptr, ax, ay
+
+  this.color = (options.color || [0, 0, 1, 1]).slice()
+  this.width = +(options.width || 1)
+  this.fill = (options.fill || [false, false, false, false]).slice()
+  this.fillColor = deepCopy(options.fillColor || [
+      [0, 0, 0, 1],
+      [0, 0, 0, 1],
+      [0, 0, 0, 1],
+      [0, 0, 0, 1]
+    ])
+
+  var dashes = options.dashes || [1]
+  var dashLength = 0
+  for(i = 0; i < dashes.length; ++i) {
+    dashLength += dashes[i]
+  }
+  var dashData = pool.mallocUint8(dashLength)
+  ptr = 0
+  var fillColor = 255
+  for(i = 0; i < dashes.length; ++i) {
+    for(j = 0; j < dashes[i]; ++j) {
+      dashData[ptr++] = fillColor
+    }
+    fillColor ^= 255
+  }
+  this.dashPattern.dispose()
+  this.usingDashes = dashes.length > 1
+
+  this.dashPattern = createTexture(gl, ndarray(dashData, [dashLength, 1, 4], [1, 0, 0]))
+  this.dashPattern.minFilter = gl.NEAREST
+  this.dashPattern.magFilter = gl.NEAREST
+  this.dashLength = dashLength
+  pool.free(dashData)
+
+  var data = options.positions
+  this.data = data
+
+  var bounds = this.bounds
+  bounds[0] = bounds[1] = Infinity
+  bounds[2] = bounds[3] = -Infinity
+
+  var numPoints = this.numPoints = data.length >>> 1
+  if(numPoints === 0) {
+    return
+  }
+
+  for(i = 0; i < numPoints; ++i) {
+    ax = data[2 * i]
+    ay = data[2 * i + 1]
+
+    if (isNaN(ax) || isNaN(ay)) {
+      continue
+    }
+
+    bounds[0] = Math.min(bounds[0], ax)
+    bounds[1] = Math.min(bounds[1], ay)
+    bounds[2] = Math.max(bounds[2], ax)
+    bounds[3] = Math.max(bounds[3], ay)
+  }
+
+  if(bounds[0] === bounds[2]) bounds[2] += 1
+  if(bounds[3] === bounds[1]) bounds[3] += 1
+
+  //Generate line data
+  var lineData    = pool.mallocFloat64(24 * (numPoints - 1))
+  var lineDataHi  = pool.mallocFloat32(24 * (numPoints - 1))
+  var lineDataLo  = pool.mallocFloat32(24 * (numPoints - 1))
+  var pickData    = pool.mallocUint32(12 * (numPoints - 1))
+  var lineDataPtr = lineDataHi.length
+  var pickDataPtr = pickData.length
+  ptr = numPoints
+
+  var count = 0
+
+  while(ptr > 1) {
+    var id = --ptr
+    ax = data[2 * ptr]
+    ay = data[2 * ptr + 1]
+
+    var next = id - 1
+    var bx = data[2 * next]
+    var by = data[2 * next + 1]
+
+    if (isNaN(ax) || isNaN(ay) || isNaN(bx) || isNaN(by)) {
+      continue
+    }
+
+    count += 1
+
+    ax = (ax - bounds[0]) / (bounds[2] - bounds[0])
+    ay = (ay - bounds[1]) / (bounds[3] - bounds[1])
+
+    bx = (bx - bounds[0]) / (bounds[2] - bounds[0])
+    by = (by - bounds[1]) / (bounds[3] - bounds[1])
+
+    var dx = bx - ax
+    var dy = by - ay
+
+    var akey0 = id       | (1 << 24)
+    var akey1 = (id - 1)
+    var bkey0 = id
+    var bkey1 = (id - 1) | (1 << 24)
+
+    lineData[--lineDataPtr] = -dy
+    lineData[--lineDataPtr] = -dx
+    lineData[--lineDataPtr] = ay
+    lineData[--lineDataPtr] = ax
+    pickData[--pickDataPtr] = akey0
+    pickData[--pickDataPtr] = akey1
+
+    lineData[--lineDataPtr] = dy
+    lineData[--lineDataPtr] = dx
+    lineData[--lineDataPtr] = by
+    lineData[--lineDataPtr] = bx
+    pickData[--pickDataPtr] = bkey0
+    pickData[--pickDataPtr] = bkey1
+
+    lineData[--lineDataPtr] = -dy
+    lineData[--lineDataPtr] = -dx
+    lineData[--lineDataPtr] = by
+    lineData[--lineDataPtr] = bx
+    pickData[--pickDataPtr] = bkey0
+    pickData[--pickDataPtr] = bkey1
+
+    lineData[--lineDataPtr] = dy
+    lineData[--lineDataPtr] = dx
+    lineData[--lineDataPtr] = by
+    lineData[--lineDataPtr] = bx
+    pickData[--pickDataPtr] = bkey0
+    pickData[--pickDataPtr] = bkey1
+
+    lineData[--lineDataPtr] = -dy
+    lineData[--lineDataPtr] = -dx
+    lineData[--lineDataPtr] = ay
+    lineData[--lineDataPtr] = ax
+    pickData[--pickDataPtr] = akey0
+    pickData[--pickDataPtr] = akey1
+
+    lineData[--lineDataPtr] = dy
+    lineData[--lineDataPtr] = dx
+    lineData[--lineDataPtr] = ay
+    lineData[--lineDataPtr] = ax
+    pickData[--pickDataPtr] = akey0
+    pickData[--pickDataPtr] = akey1
+  }
+
+  for(i = 0; i < lineData.length; i++) {
+    lineDataHi[i] = lineData[i]
+    lineDataLo[i] = lineData[i] - lineDataHi[i]
+  }
+
+  this.vertCount = 6 * count
+  this.lineBufferHi.update(lineDataHi.subarray(lineDataPtr))
+  this.lineBufferLo.update(lineDataLo.subarray(lineDataPtr))
+  this.pickBuffer.update(pickData.subarray(pickDataPtr))
+
+  pool.free(lineData)
+  pool.free(lineDataHi)
+  pool.free(lineDataLo)
+  pool.free(pickData)
+}
+
+proto.dispose = function() {
+  this.plot.removeObject(this)
+  this.lineBufferLo.dispose()
+  this.lineBufferHi.dispose()
+  this.pickBuffer.dispose()
+  this.lineShader.dispose()
+  this.mitreShader.dispose()
+  this.fillShader.dispose()
+  this.pickShader.dispose()
+  this.dashPattern.dispose()
+}
+
+function createLinePlot(plot, options) {
+  var gl = plot.gl
+  var lineBufferHi = createBuffer(gl)
+  var lineBufferLo = createBuffer(gl)
+  var pickBuffer   = createBuffer(gl)
+  var dashPattern  = createTexture(gl, [1, 1])
+  var lineShader   = createShader(gl, SHADERS.lineVertex,  SHADERS.lineFragment)
+  var mitreShader  = createShader(gl, SHADERS.mitreVertex, SHADERS.mitreFragment)
+  var fillShader   = createShader(gl, SHADERS.fillVertex,  SHADERS.fillFragment)
+  var pickShader   = createShader(gl, SHADERS.pickVertex,  SHADERS.pickFragment)
+  var linePlot     = new GLLine2D(
+    plot,
+    dashPattern,
+    lineBufferHi,
+    lineBufferLo,
+    pickBuffer,
+    lineShader,
+    mitreShader,
+    fillShader,
+    pickShader)
+  plot.addObject(linePlot)
+  linePlot.update(options)
+  return linePlot
+}
+},{"./lib/shaders":169,"gl-buffer":156,"gl-shader":255,"gl-texture2d":267,"ndarray":467,"typedarray-pool":541}],171:[function(require,module,exports){
+
+var createShader  = require('gl-shader')
+
+var vertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position, nextPosition;\nattribute float arcLength, lineWidth;\nattribute vec4 color;\n\nuniform vec2 screenShape;\nuniform float pixelRatio;\nuniform mat4 model, view, projection;\n\nvarying vec4 fragColor;\nvarying vec3 worldPosition;\nvarying float pixelArcLength;\n\nvoid main() {\n  vec4 projected = projection * view * model * vec4(position, 1.0);\n  vec4 tangentClip = projection * view * model * vec4(nextPo [...]
+var forwardFrag = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3      clipBounds[2];\nuniform sampler2D dashTexture;\nuniform float     dashScale;\nuniform float     opacity;\n\nvarying vec3    worldPosition;\nvarying float   pixelArcLength;\nvarying vec4    fragColor;\n\nvoid main() {\n  if(any(lessThan(worldPosition, clipBounds[0])) || any(greaterThan(worldPosition, clipBounds[1]))) {\n    discard;\n  }\n  float dashWeight = texture2D(dashTexture, vec2(dashScale * pixelAr [...]
+var pickFrag = "precision mediump float;\n#define GLSLIFY 1\n\n#define FLOAT_MAX  1.70141184e38\n#define FLOAT_MIN  1.17549435e-38\n\nlowp vec4 encode_float_1_0(highp float v) {\n  highp float av = abs(v);\n\n  //Handle special cases\n  if(av < FLOAT_MIN) {\n    return vec4(0.0, 0.0, 0.0, 0.0);\n  } else if(v > FLOAT_MAX) {\n    return vec4(127.0, 128.0, 0.0, 0.0) / 255.0;\n  } else if(v < -FLOAT_MAX) {\n    return vec4(255.0, 128.0, 0.0, 0.0) / 255.0;\n  }\n\n  highp vec4 c = vec4(0,0,0 [...]
+
+var ATTRIBUTES = [
+  {name: 'position', type: 'vec3'},
+  {name: 'nextPosition', type: 'vec3'},
+  {name: 'arcLength', type: 'float'},
+  {name: 'lineWidth', type: 'float'},
+  {name: 'color', type: 'vec4'}
+]
+
+exports.createShader = function(gl) {
+  return createShader(gl, vertSrc, forwardFrag, null, ATTRIBUTES)
+}
+
+exports.createPickShader = function(gl) {
+  return createShader(gl, vertSrc, pickFrag, null, ATTRIBUTES)
+}
+
+},{"gl-shader":255}],172:[function(require,module,exports){
+'use strict'
+
+module.exports = createLinePlot
+
+var createBuffer = require('gl-buffer')
+var createVAO = require('gl-vao')
+var createTexture = require('gl-texture2d')
+var unpackFloat = require('glsl-read-float')
+var bsearch = require('binary-search-bounds')
+var ndarray = require('ndarray')
+var shaders = require('./lib/shaders')
+
+var createShader = shaders.createShader
+var createPickShader = shaders.createPickShader
+
+var identity = [1, 0, 0, 0,
+  0, 1, 0, 0,
+  0, 0, 1, 0,
+  0, 0, 0, 1]
+
+function distance (a, b) {
+  var s = 0.0
+  for (var i = 0; i < 3; ++i) {
+    var d = a[i] - b[i]
+    s += d * d
+  }
+  return Math.sqrt(s)
+}
+
+function filterClipBounds (bounds) {
+  var result = [[-1e6, -1e6, -1e6], [1e6, 1e6, 1e6]]
+  for (var i = 0; i < 3; ++i) {
+    result[0][i] = Math.max(bounds[0][i], result[0][i])
+    result[1][i] = Math.min(bounds[1][i], result[1][i])
+  }
+  return result
+}
+
+function PickResult (tau, position, index, dataCoordinate) {
+  this.arcLength = tau
+  this.position = position
+  this.index = index
+  this.dataCoordinate = dataCoordinate
+}
+
+function LinePlot (gl, shader, pickShader, buffer, vao, texture) {
+  this.gl = gl
+  this.shader = shader
+  this.pickShader = pickShader
+  this.buffer = buffer
+  this.vao = vao
+  this.clipBounds = [
+    [ -Infinity, -Infinity, -Infinity ],
+    [ Infinity, Infinity, Infinity ]]
+  this.points = []
+  this.arcLength = []
+  this.vertexCount = 0
+  this.bounds = [[0, 0, 0], [0, 0, 0]]
+  this.pickId = 0
+  this.lineWidth = 1
+  this.texture = texture
+  this.dashScale = 1
+  this.opacity = 1
+  this.dirty = true
+  this.pixelRatio = 1
+}
+
+var proto = LinePlot.prototype
+
+proto.isTransparent = function () {
+  return this.opacity < 1
+}
+
+proto.isOpaque = function () {
+  return this.opacity >= 1
+}
+
+proto.pickSlots = 1
+
+proto.setPickBase = function (id) {
+  this.pickId = id
+}
+
+proto.drawTransparent = proto.draw = function (camera) {
+  var gl = this.gl
+  var shader = this.shader
+  var vao = this.vao
+  shader.bind()
+  shader.uniforms = {
+    model: camera.model || identity,
+    view: camera.view || identity,
+    projection: camera.projection || identity,
+    clipBounds: filterClipBounds(this.clipBounds),
+    dashTexture: this.texture.bind(),
+    dashScale: this.dashScale / this.arcLength[this.arcLength.length - 1],
+    opacity: this.opacity,
+    screenShape: [gl.drawingBufferWidth, gl.drawingBufferHeight],
+    pixelRatio: this.pixelRatio
+  }
+  vao.bind()
+  vao.draw(gl.TRIANGLE_STRIP, this.vertexCount)
+}
+
+proto.drawPick = function (camera) {
+  var gl = this.gl
+  var shader = this.pickShader
+  var vao = this.vao
+  shader.bind()
+  shader.uniforms = {
+    model: camera.model || identity,
+    view: camera.view || identity,
+    projection: camera.projection || identity,
+    pickId: this.pickId,
+    clipBounds: filterClipBounds(this.clipBounds),
+    screenShape: [gl.drawingBufferWidth, gl.drawingBufferHeight],
+    pixelRatio: this.pixelRatio
+  }
+  vao.bind()
+  vao.draw(gl.TRIANGLE_STRIP, this.vertexCount)
+}
+
+proto.update = function (options) {
+  var i, j
+
+  this.dirty = true
+
+  var connectGaps = !!options.connectGaps
+
+  if ('dashScale' in options) {
+    this.dashScale = options.dashScale
+  }
+  if ('opacity' in options) {
+    this.opacity = +options.opacity
+  }
+
+  var positions = options.position || options.positions
+  if (!positions) {
+    return
+  }
+
+  // Default color
+  var colors = options.color || options.colors || [0, 0, 0, 1]
+
+  var lineWidth = options.lineWidth || 1
+
+  // Recalculate buffer data
+  var buffer = []
+  var arcLengthArray = []
+  var pointArray = []
+  var arcLength = 0.0
+  var vertexCount = 0
+  var bounds = [
+    [ Infinity, Infinity, Infinity ],
+    [ -Infinity, -Infinity, -Infinity ]]
+  var hadGap = false
+
+  fill_loop:
+  for (i = 1; i < positions.length; ++i) {
+    var a = positions[i - 1]
+    var b = positions[i]
+
+    arcLengthArray.push(arcLength)
+    pointArray.push(a.slice())
+
+    for (j = 0; j < 3; ++j) {
+      if (isNaN(a[j]) || isNaN(b[j]) ||
+        !isFinite(a[j]) || !isFinite(b[j])) {
+
+        if (!connectGaps && buffer.length > 0) {
+          for (var k = 0; k < 24; ++k) {
+            buffer.push(buffer[buffer.length - 12])
+          }
+          vertexCount += 2
+          hadGap = true
+        }
+
+        continue fill_loop
+      }
+      bounds[0][j] = Math.min(bounds[0][j], a[j], b[j])
+      bounds[1][j] = Math.max(bounds[1][j], a[j], b[j])
+    }
+
+    var acolor, bcolor
+    if (Array.isArray(colors[0])) {
+      acolor = colors[i - 1]
+      bcolor = colors[i]
+    } else {
+      acolor = bcolor = colors
+    }
+    if (acolor.length === 3) {
+      acolor = [acolor[0], acolor[1], acolor[2], 1]
+    }
+    if (bcolor.length === 3) {
+      bcolor = [bcolor[0], bcolor[1], bcolor[2], 1]
+    }
+
+    var w0
+    if (Array.isArray(lineWidth)) {
+      w0 = lineWidth[i - 1]
+    } else {
+      w0 = lineWidth
+    }
+
+    var t0 = arcLength
+    arcLength += distance(a, b)
+
+    if (hadGap) {
+      for (j = 0; j < 2; ++j) {
+        buffer.push(
+          a[0], a[1], a[2], b[0], b[1], b[2], t0, w0, acolor[0], acolor[1], acolor[2], acolor[3])
+      }
+      vertexCount += 2
+      hadGap = false
+    }
+
+    buffer.push(
+      a[0], a[1], a[2], b[0], b[1], b[2], t0, w0, acolor[0], acolor[1], acolor[2], acolor[3],
+      a[0], a[1], a[2], b[0], b[1], b[2], t0, -w0, acolor[0], acolor[1], acolor[2], acolor[3],
+      b[0], b[1], b[2], a[0], a[1], a[2], arcLength, -w0, bcolor[0], bcolor[1], bcolor[2], bcolor[3],
+      b[0], b[1], b[2], a[0], a[1], a[2], arcLength, w0, bcolor[0], bcolor[1], bcolor[2], bcolor[3])
+
+    vertexCount += 4
+  }
+  this.buffer.update(buffer)
+
+  arcLengthArray.push(arcLength)
+  pointArray.push(positions[positions.length - 1].slice())
+
+  this.bounds = bounds
+
+  this.vertexCount = vertexCount
+
+  this.points = pointArray
+  this.arcLength = arcLengthArray
+
+  if ('dashes' in options) {
+    var dashArray = options.dashes
+
+    // Calculate prefix sum
+    var prefixSum = dashArray.slice()
+    prefixSum.unshift(0)
+    for (i = 1; i < prefixSum.length; ++i) {
+      prefixSum[i] = prefixSum[i - 1] + prefixSum[i]
+    }
+
+    var dashTexture = ndarray(new Array(256 * 4), [256, 1, 4])
+    for (i = 0; i < 256; ++i) {
+      for (j = 0; j < 4; ++j) {
+        dashTexture.set(i, 0, j, 0)
+      }
+      if (bsearch.le(prefixSum, prefixSum[prefixSum.length - 1] * i / 255.0) & 1) {
+        dashTexture.set(i, 0, 0, 0)
+      } else {
+        dashTexture.set(i, 0, 0, 255)
+      }
+    }
+
+    this.texture.setPixels(dashTexture)
+  }
+}
+
+proto.dispose = function () {
+  this.shader.dispose()
+  this.vao.dispose()
+  this.buffer.dispose()
+}
+
+proto.pick = function (selection) {
+  if (!selection) {
+    return null
+  }
+  if (selection.id !== this.pickId) {
+    return null
+  }
+  var tau = unpackFloat(
+    selection.value[0],
+    selection.value[1],
+    selection.value[2],
+    0)
+  var index = bsearch.le(this.arcLength, tau)
+  if (index < 0) {
+    return null
+  }
+  if (index === this.arcLength.length - 1) {
+    return new PickResult(
+      this.arcLength[this.arcLength.length - 1],
+      this.points[this.points.length - 1].slice(),
+      index)
+  }
+  var a = this.points[index]
+  var b = this.points[Math.min(index + 1, this.points.length - 1)]
+  var t = (tau - this.arcLength[index]) / (this.arcLength[index + 1] - this.arcLength[index])
+  var ti = 1.0 - t
+  var x = [0, 0, 0]
+  for (var i = 0; i < 3; ++i) {
+    x[i] = ti * a[i] + t * b[i]
+  }
+  var dataIndex = Math.min((t < 0.5) ? index : (index + 1), this.points.length - 1)
+  return new PickResult(
+    tau,
+    x,
+    dataIndex,
+    this.points[dataIndex])
+}
+
+function createLinePlot (options) {
+  var gl = options.gl || (options.scene && options.scene.gl)
+
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+  shader.attributes.nextPosition.location = 1
+  shader.attributes.arcLength.location = 2
+  shader.attributes.lineWidth.location = 3
+  shader.attributes.color.location = 4
+
+  var pickShader = createPickShader(gl)
+  pickShader.attributes.position.location = 0
+  pickShader.attributes.nextPosition.location = 1
+  pickShader.attributes.arcLength.location = 2
+  pickShader.attributes.lineWidth.location = 3
+  pickShader.attributes.color.location = 4
+
+  var buffer = createBuffer(gl)
+  var vao = createVAO(gl, [
+    {
+      'buffer': buffer,
+      'size': 3,
+      'offset': 0,
+      'stride': 48
+    },
+    {
+      'buffer': buffer,
+      'size': 3,
+      'offset': 12,
+      'stride': 48
+    },
+    {
+      'buffer': buffer,
+      'size': 1,
+      'offset': 24,
+      'stride': 48
+    },
+    {
+      'buffer': buffer,
+      'size': 1,
+      'offset': 28,
+      'stride': 48
+    },
+    {
+      'buffer': buffer,
+      'size': 4,
+      'offset': 32,
+      'stride': 48
+    }
+  ])
+
+  // Create texture for dash pattern
+  var defaultTexture = ndarray(new Array(256 * 4), [256, 1, 4])
+  for (var i = 0; i < 256 * 4; ++i) {
+    defaultTexture.data[i] = 255
+  }
+  var texture = createTexture(gl, defaultTexture)
+  texture.wrap = gl.REPEAT
+
+  var linePlot = new LinePlot(gl, shader, pickShader, buffer, vao, texture)
+  linePlot.update(options)
+  return linePlot
+}
+
+},{"./lib/shaders":171,"binary-search-bounds":66,"gl-buffer":156,"gl-texture2d":267,"gl-vao":271,"glsl-read-float":278,"ndarray":467}],173:[function(require,module,exports){
+module.exports = invert
+
+/**
+ * Inverts a mat2
+ *
+ * @alias mat2.invert
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the source matrix
+ * @returns {mat2} out
+ */
+function invert(out, a) {
+  var a0 = a[0]
+  var a1 = a[1]
+  var a2 = a[2]
+  var a3 = a[3]
+  var det = a0 * a3 - a2 * a1
+
+  if (!det) return null
+  det = 1.0 / det
+
+  out[0] =  a3 * det
+  out[1] = -a1 * det
+  out[2] = -a2 * det
+  out[3] =  a0 * det
+
+  return out
+}
+
+},{}],174:[function(require,module,exports){
+module.exports = invert
+
+/**
+ * Inverts a mat3
+ *
+ * @alias mat3.invert
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the source matrix
+ * @returns {mat3} out
+ */
+function invert(out, a) {
+  var a00 = a[0], a01 = a[1], a02 = a[2]
+  var a10 = a[3], a11 = a[4], a12 = a[5]
+  var a20 = a[6], a21 = a[7], a22 = a[8]
+
+  var b01 = a22 * a11 - a12 * a21
+  var b11 = -a22 * a10 + a12 * a20
+  var b21 = a21 * a10 - a11 * a20
+
+  // Calculate the determinant
+  var det = a00 * b01 + a01 * b11 + a02 * b21
+
+  if (!det) return null
+  det = 1.0 / det
+
+  out[0] = b01 * det
+  out[1] = (-a22 * a01 + a02 * a21) * det
+  out[2] = (a12 * a01 - a02 * a11) * det
+  out[3] = b11 * det
+  out[4] = (a22 * a00 - a02 * a20) * det
+  out[5] = (-a12 * a00 + a02 * a10) * det
+  out[6] = b21 * det
+  out[7] = (-a21 * a00 + a01 * a20) * det
+  out[8] = (a11 * a00 - a01 * a10) * det
+
+  return out
+}
+
+},{}],175:[function(require,module,exports){
+module.exports = clone;
+
+/**
+ * Creates a new mat4 initialized with values from an existing matrix
+ *
+ * @param {mat4} a matrix to clone
+ * @returns {mat4} a new 4x4 matrix
+ */
+function clone(a) {
+    var out = new Float32Array(16);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    out[9] = a[9];
+    out[10] = a[10];
+    out[11] = a[11];
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+},{}],176:[function(require,module,exports){
+module.exports = create;
+
+/**
+ * Creates a new identity mat4
+ *
+ * @returns {mat4} a new 4x4 matrix
+ */
+function create() {
+    var out = new Float32Array(16);
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+};
+},{}],177:[function(require,module,exports){
+module.exports = determinant;
+
+/**
+ * Calculates the determinant of a mat4
+ *
+ * @param {mat4} a the source matrix
+ * @returns {Number} determinant of a
+ */
+function determinant(a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15],
+
+        b00 = a00 * a11 - a01 * a10,
+        b01 = a00 * a12 - a02 * a10,
+        b02 = a00 * a13 - a03 * a10,
+        b03 = a01 * a12 - a02 * a11,
+        b04 = a01 * a13 - a03 * a11,
+        b05 = a02 * a13 - a03 * a12,
+        b06 = a20 * a31 - a21 * a30,
+        b07 = a20 * a32 - a22 * a30,
+        b08 = a20 * a33 - a23 * a30,
+        b09 = a21 * a32 - a22 * a31,
+        b10 = a21 * a33 - a23 * a31,
+        b11 = a22 * a33 - a23 * a32;
+
+    // Calculate the determinant
+    return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+};
+},{}],178:[function(require,module,exports){
+module.exports = fromQuat;
+
+/**
+ * Creates a matrix from a quaternion rotation.
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @returns {mat4} out
+ */
+function fromQuat(out, q) {
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        yx = y * x2,
+        yy = y * y2,
+        zx = z * x2,
+        zy = z * y2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2;
+
+    out[0] = 1 - yy - zz;
+    out[1] = yx + wz;
+    out[2] = zx - wy;
+    out[3] = 0;
+
+    out[4] = yx - wz;
+    out[5] = 1 - xx - zz;
+    out[6] = zy + wx;
+    out[7] = 0;
+
+    out[8] = zx + wy;
+    out[9] = zy - wx;
+    out[10] = 1 - xx - yy;
+    out[11] = 0;
+
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+
+    return out;
+};
+},{}],179:[function(require,module,exports){
+module.exports = fromRotationTranslation;
+
+/**
+ * Creates a matrix from a quaternion rotation and vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     var quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {vec3} v Translation vector
+ * @returns {mat4} out
+ */
+function fromRotationTranslation(out, q, v) {
+    // Quaternion math
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        xy = x * y2,
+        xz = x * z2,
+        yy = y * y2,
+        yz = y * z2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2;
+
+    out[0] = 1 - (yy + zz);
+    out[1] = xy + wz;
+    out[2] = xz - wy;
+    out[3] = 0;
+    out[4] = xy - wz;
+    out[5] = 1 - (xx + zz);
+    out[6] = yz + wx;
+    out[7] = 0;
+    out[8] = xz + wy;
+    out[9] = yz - wx;
+    out[10] = 1 - (xx + yy);
+    out[11] = 0;
+    out[12] = v[0];
+    out[13] = v[1];
+    out[14] = v[2];
+    out[15] = 1;
+    
+    return out;
+};
+},{}],180:[function(require,module,exports){
+module.exports = identity;
+
+/**
+ * Set a mat4 to the identity matrix
+ *
+ * @param {mat4} out the receiving matrix
+ * @returns {mat4} out
+ */
+function identity(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+};
+},{}],181:[function(require,module,exports){
+module.exports = invert;
+
+/**
+ * Inverts a mat4
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+function invert(out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15],
+
+        b00 = a00 * a11 - a01 * a10,
+        b01 = a00 * a12 - a02 * a10,
+        b02 = a00 * a13 - a03 * a10,
+        b03 = a01 * a12 - a02 * a11,
+        b04 = a01 * a13 - a03 * a11,
+        b05 = a02 * a13 - a03 * a12,
+        b06 = a20 * a31 - a21 * a30,
+        b07 = a20 * a32 - a22 * a30,
+        b08 = a20 * a33 - a23 * a30,
+        b09 = a21 * a32 - a22 * a31,
+        b10 = a21 * a33 - a23 * a31,
+        b11 = a22 * a33 - a23 * a32,
+
+        // Calculate the determinant
+        det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+
+    if (!det) { 
+        return null; 
+    }
+    det = 1.0 / det;
+
+    out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
+    out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
+    out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
+    out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det;
+    out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
+    out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
+    out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
+    out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det;
+    out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
+    out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
+    out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
+    out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det;
+    out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det;
+    out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det;
+    out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det;
+    out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det;
+
+    return out;
+};
+},{}],182:[function(require,module,exports){
+var identity = require('./identity');
+
+module.exports = lookAt;
+
+/**
+ * Generates a look-at matrix with the given eye position, focal point, and up axis
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {vec3} eye Position of the viewer
+ * @param {vec3} center Point the viewer is looking at
+ * @param {vec3} up vec3 pointing up
+ * @returns {mat4} out
+ */
+function lookAt(out, eye, center, up) {
+    var x0, x1, x2, y0, y1, y2, z0, z1, z2, len,
+        eyex = eye[0],
+        eyey = eye[1],
+        eyez = eye[2],
+        upx = up[0],
+        upy = up[1],
+        upz = up[2],
+        centerx = center[0],
+        centery = center[1],
+        centerz = center[2];
+
+    if (Math.abs(eyex - centerx) < 0.000001 &&
+        Math.abs(eyey - centery) < 0.000001 &&
+        Math.abs(eyez - centerz) < 0.000001) {
+        return identity(out);
+    }
+
+    z0 = eyex - centerx;
+    z1 = eyey - centery;
+    z2 = eyez - centerz;
+
+    len = 1 / Math.sqrt(z0 * z0 + z1 * z1 + z2 * z2);
+    z0 *= len;
+    z1 *= len;
+    z2 *= len;
+
+    x0 = upy * z2 - upz * z1;
+    x1 = upz * z0 - upx * z2;
+    x2 = upx * z1 - upy * z0;
+    len = Math.sqrt(x0 * x0 + x1 * x1 + x2 * x2);
+    if (!len) {
+        x0 = 0;
+        x1 = 0;
+        x2 = 0;
+    } else {
+        len = 1 / len;
+        x0 *= len;
+        x1 *= len;
+        x2 *= len;
+    }
+
+    y0 = z1 * x2 - z2 * x1;
+    y1 = z2 * x0 - z0 * x2;
+    y2 = z0 * x1 - z1 * x0;
+
+    len = Math.sqrt(y0 * y0 + y1 * y1 + y2 * y2);
+    if (!len) {
+        y0 = 0;
+        y1 = 0;
+        y2 = 0;
+    } else {
+        len = 1 / len;
+        y0 *= len;
+        y1 *= len;
+        y2 *= len;
+    }
+
+    out[0] = x0;
+    out[1] = y0;
+    out[2] = z0;
+    out[3] = 0;
+    out[4] = x1;
+    out[5] = y1;
+    out[6] = z1;
+    out[7] = 0;
+    out[8] = x2;
+    out[9] = y2;
+    out[10] = z2;
+    out[11] = 0;
+    out[12] = -(x0 * eyex + x1 * eyey + x2 * eyez);
+    out[13] = -(y0 * eyex + y1 * eyey + y2 * eyez);
+    out[14] = -(z0 * eyex + z1 * eyey + z2 * eyez);
+    out[15] = 1;
+
+    return out;
+};
+},{"./identity":180}],183:[function(require,module,exports){
+module.exports = multiply;
+
+/**
+ * Multiplies two mat4's
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @returns {mat4} out
+ */
+function multiply(out, a, b) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
+
+    // Cache only the current line of the second matrix
+    var b0  = b[0], b1 = b[1], b2 = b[2], b3 = b[3];  
+    out[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[4]; b1 = b[5]; b2 = b[6]; b3 = b[7];
+    out[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[8]; b1 = b[9]; b2 = b[10]; b3 = b[11];
+    out[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[12]; b1 = b[13]; b2 = b[14]; b3 = b[15];
+    out[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+    return out;
+};
+},{}],184:[function(require,module,exports){
+module.exports = perspective;
+
+/**
+ * Generates a perspective projection matrix with the given bounds
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} fovy Vertical field of view in radians
+ * @param {number} aspect Aspect ratio. typically viewport width/height
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+function perspective(out, fovy, aspect, near, far) {
+    var f = 1.0 / Math.tan(fovy / 2),
+        nf = 1 / (near - far);
+    out[0] = f / aspect;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = f;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = (far + near) * nf;
+    out[11] = -1;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = (2 * far * near) * nf;
+    out[15] = 0;
+    return out;
+};
+},{}],185:[function(require,module,exports){
+module.exports = rotate;
+
+/**
+ * Rotates a mat4 by the given angle
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @param {vec3} axis the axis to rotate around
+ * @returns {mat4} out
+ */
+function rotate(out, a, rad, axis) {
+    var x = axis[0], y = axis[1], z = axis[2],
+        len = Math.sqrt(x * x + y * y + z * z),
+        s, c, t,
+        a00, a01, a02, a03,
+        a10, a11, a12, a13,
+        a20, a21, a22, a23,
+        b00, b01, b02,
+        b10, b11, b12,
+        b20, b21, b22;
+
+    if (Math.abs(len) < 0.000001) { return null; }
+    
+    len = 1 / len;
+    x *= len;
+    y *= len;
+    z *= len;
+
+    s = Math.sin(rad);
+    c = Math.cos(rad);
+    t = 1 - c;
+
+    a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3];
+    a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7];
+    a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11];
+
+    // Construct the elements of the rotation matrix
+    b00 = x * x * t + c; b01 = y * x * t + z * s; b02 = z * x * t - y * s;
+    b10 = x * y * t - z * s; b11 = y * y * t + c; b12 = z * y * t + x * s;
+    b20 = x * z * t + y * s; b21 = y * z * t - x * s; b22 = z * z * t + c;
+
+    // Perform rotation-specific matrix multiplication
+    out[0] = a00 * b00 + a10 * b01 + a20 * b02;
+    out[1] = a01 * b00 + a11 * b01 + a21 * b02;
+    out[2] = a02 * b00 + a12 * b01 + a22 * b02;
+    out[3] = a03 * b00 + a13 * b01 + a23 * b02;
+    out[4] = a00 * b10 + a10 * b11 + a20 * b12;
+    out[5] = a01 * b10 + a11 * b11 + a21 * b12;
+    out[6] = a02 * b10 + a12 * b11 + a22 * b12;
+    out[7] = a03 * b10 + a13 * b11 + a23 * b12;
+    out[8] = a00 * b20 + a10 * b21 + a20 * b22;
+    out[9] = a01 * b20 + a11 * b21 + a21 * b22;
+    out[10] = a02 * b20 + a12 * b21 + a22 * b22;
+    out[11] = a03 * b20 + a13 * b21 + a23 * b22;
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged last row
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+    return out;
+};
+},{}],186:[function(require,module,exports){
+module.exports = rotateX;
+
+/**
+ * Rotates a matrix by the given angle around the X axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+function rotateX(out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+        out[0]  = a[0];
+        out[1]  = a[1];
+        out[2]  = a[2];
+        out[3]  = a[3];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[4] = a10 * c + a20 * s;
+    out[5] = a11 * c + a21 * s;
+    out[6] = a12 * c + a22 * s;
+    out[7] = a13 * c + a23 * s;
+    out[8] = a20 * c - a10 * s;
+    out[9] = a21 * c - a11 * s;
+    out[10] = a22 * c - a12 * s;
+    out[11] = a23 * c - a13 * s;
+    return out;
+};
+},{}],187:[function(require,module,exports){
+module.exports = rotateY;
+
+/**
+ * Rotates a matrix by the given angle around the Y axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+function rotateY(out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+        out[4]  = a[4];
+        out[5]  = a[5];
+        out[6]  = a[6];
+        out[7]  = a[7];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[0] = a00 * c - a20 * s;
+    out[1] = a01 * c - a21 * s;
+    out[2] = a02 * c - a22 * s;
+    out[3] = a03 * c - a23 * s;
+    out[8] = a00 * s + a20 * c;
+    out[9] = a01 * s + a21 * c;
+    out[10] = a02 * s + a22 * c;
+    out[11] = a03 * s + a23 * c;
+    return out;
+};
+},{}],188:[function(require,module,exports){
+module.exports = rotateZ;
+
+/**
+ * Rotates a matrix by the given angle around the Z axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+function rotateZ(out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged last row
+        out[8]  = a[8];
+        out[9]  = a[9];
+        out[10] = a[10];
+        out[11] = a[11];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[0] = a00 * c + a10 * s;
+    out[1] = a01 * c + a11 * s;
+    out[2] = a02 * c + a12 * s;
+    out[3] = a03 * c + a13 * s;
+    out[4] = a10 * c - a00 * s;
+    out[5] = a11 * c - a01 * s;
+    out[6] = a12 * c - a02 * s;
+    out[7] = a13 * c - a03 * s;
+    return out;
+};
+},{}],189:[function(require,module,exports){
+module.exports = scale;
+
+/**
+ * Scales the mat4 by the dimensions in the given vec3
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to scale
+ * @param {vec3} v the vec3 to scale the matrix by
+ * @returns {mat4} out
+ **/
+function scale(out, a, v) {
+    var x = v[0], y = v[1], z = v[2];
+
+    out[0] = a[0] * x;
+    out[1] = a[1] * x;
+    out[2] = a[2] * x;
+    out[3] = a[3] * x;
+    out[4] = a[4] * y;
+    out[5] = a[5] * y;
+    out[6] = a[6] * y;
+    out[7] = a[7] * y;
+    out[8] = a[8] * z;
+    out[9] = a[9] * z;
+    out[10] = a[10] * z;
+    out[11] = a[11] * z;
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+},{}],190:[function(require,module,exports){
+module.exports = translate;
+
+/**
+ * Translate a mat4 by the given vector
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to translate
+ * @param {vec3} v vector to translate by
+ * @returns {mat4} out
+ */
+function translate(out, a, v) {
+    var x = v[0], y = v[1], z = v[2],
+        a00, a01, a02, a03,
+        a10, a11, a12, a13,
+        a20, a21, a22, a23;
+
+    if (a === out) {
+        out[12] = a[0] * x + a[4] * y + a[8] * z + a[12];
+        out[13] = a[1] * x + a[5] * y + a[9] * z + a[13];
+        out[14] = a[2] * x + a[6] * y + a[10] * z + a[14];
+        out[15] = a[3] * x + a[7] * y + a[11] * z + a[15];
+    } else {
+        a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3];
+        a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7];
+        a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11];
+
+        out[0] = a00; out[1] = a01; out[2] = a02; out[3] = a03;
+        out[4] = a10; out[5] = a11; out[6] = a12; out[7] = a13;
+        out[8] = a20; out[9] = a21; out[10] = a22; out[11] = a23;
+
+        out[12] = a00 * x + a10 * y + a20 * z + a[12];
+        out[13] = a01 * x + a11 * y + a21 * z + a[13];
+        out[14] = a02 * x + a12 * y + a22 * z + a[14];
+        out[15] = a03 * x + a13 * y + a23 * z + a[15];
+    }
+
+    return out;
+};
+},{}],191:[function(require,module,exports){
+module.exports = transpose;
+
+/**
+ * Transpose the values of a mat4
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+function transpose(out, a) {
+    // If we are transposing ourselves we can skip a few steps but have to cache some values
+    if (out === a) {
+        var a01 = a[1], a02 = a[2], a03 = a[3],
+            a12 = a[6], a13 = a[7],
+            a23 = a[11];
+
+        out[1] = a[4];
+        out[2] = a[8];
+        out[3] = a[12];
+        out[4] = a01;
+        out[6] = a[9];
+        out[7] = a[13];
+        out[8] = a02;
+        out[9] = a12;
+        out[11] = a[14];
+        out[12] = a03;
+        out[13] = a13;
+        out[14] = a23;
+    } else {
+        out[0] = a[0];
+        out[1] = a[4];
+        out[2] = a[8];
+        out[3] = a[12];
+        out[4] = a[1];
+        out[5] = a[5];
+        out[6] = a[9];
+        out[7] = a[13];
+        out[8] = a[2];
+        out[9] = a[6];
+        out[10] = a[10];
+        out[11] = a[14];
+        out[12] = a[3];
+        out[13] = a[7];
+        out[14] = a[11];
+        out[15] = a[15];
+    }
+    
+    return out;
+};
+},{}],192:[function(require,module,exports){
+'use strict'
+
+module.exports = invert
+
+var invert2 = require('gl-mat2/invert')
+var invert3 = require('gl-mat3/invert')
+var invert4 = require('gl-mat4/invert')
+
+function invert(out, M) {
+  switch(M.length) {
+    case 0:
+    break
+    case 1:
+      out[0] = 1.0 / M[0]
+    break
+    case 4:
+      invert2(out, M)
+    break
+    case 9:
+      invert3(out, M)
+    break
+    case 16:
+      invert4(out, M)
+    break
+    default:
+      throw new Error('currently supports matrices up to 4x4')
+    break
+  }
+  return out
+}
+},{"gl-mat2/invert":173,"gl-mat3/invert":174,"gl-mat4/invert":181}],193:[function(require,module,exports){
+/**
+ * @fileoverview gl-matrix - High performance matrix and vector operations
+ * @author Brandon Jones
+ * @author Colin MacKenzie IV
+ * @version 2.3.2
+ */
+
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+// END HEADER
+
+exports.glMatrix = require("./gl-matrix/common.js");
+exports.mat2 = require("./gl-matrix/mat2.js");
+exports.mat2d = require("./gl-matrix/mat2d.js");
+exports.mat3 = require("./gl-matrix/mat3.js");
+exports.mat4 = require("./gl-matrix/mat4.js");
+exports.quat = require("./gl-matrix/quat.js");
+exports.vec2 = require("./gl-matrix/vec2.js");
+exports.vec3 = require("./gl-matrix/vec3.js");
+exports.vec4 = require("./gl-matrix/vec4.js");
+},{"./gl-matrix/common.js":194,"./gl-matrix/mat2.js":195,"./gl-matrix/mat2d.js":196,"./gl-matrix/mat3.js":197,"./gl-matrix/mat4.js":198,"./gl-matrix/quat.js":199,"./gl-matrix/vec2.js":200,"./gl-matrix/vec3.js":201,"./gl-matrix/vec4.js":202}],194:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+/**
+ * @class Common utilities
+ * @name glMatrix
+ */
+var glMatrix = {};
+
+// Configuration Constants
+glMatrix.EPSILON = 0.000001;
+glMatrix.ARRAY_TYPE = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
+glMatrix.RANDOM = Math.random;
+glMatrix.ENABLE_SIMD = false;
+
+// Capability detection
+glMatrix.SIMD_AVAILABLE = (glMatrix.ARRAY_TYPE === Float32Array) && ('SIMD' in this);
+glMatrix.USE_SIMD = glMatrix.ENABLE_SIMD && glMatrix.SIMD_AVAILABLE;
+
+/**
+ * Sets the type of array used when creating new vectors and matrices
+ *
+ * @param {Type} type Array type, such as Float32Array or Array
+ */
+glMatrix.setMatrixArrayType = function(type) {
+    glMatrix.ARRAY_TYPE = type;
+}
+
+var degree = Math.PI / 180;
+
+/**
+* Convert Degree To Radian
+*
+* @param {Number} Angle in Degrees
+*/
+glMatrix.toRadian = function(a){
+     return a * degree;
+}
+
+/**
+ * Tests whether or not the arguments have approximately the same value, within an absolute
+ * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less 
+ * than or equal to 1.0, and a relative tolerance is used for larger values)
+ * 
+ * @param {Number} a The first number to test.
+ * @param {Number} b The second number to test.
+ * @returns {Boolean} True if the numbers are approximately equal, false otherwise.
+ */
+glMatrix.equals = function(a, b) {
+	return Math.abs(a - b) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a), Math.abs(b));
+}
+
+module.exports = glMatrix;
+
+},{}],195:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 2x2 Matrix
+ * @name mat2
+ */
+var mat2 = {};
+
+/**
+ * Creates a new identity mat2
+ *
+ * @returns {mat2} a new 2x2 matrix
+ */
+mat2.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    return out;
+};
+
+/**
+ * Creates a new mat2 initialized with values from an existing matrix
+ *
+ * @param {mat2} a matrix to clone
+ * @returns {mat2} a new 2x2 matrix
+ */
+mat2.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Copy the values from one mat2 to another
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the source matrix
+ * @returns {mat2} out
+ */
+mat2.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Set a mat2 to the identity matrix
+ *
+ * @param {mat2} out the receiving matrix
+ * @returns {mat2} out
+ */
+mat2.identity = function(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    return out;
+};
+
+/**
+ * Create a new mat2 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m10 Component in column 1, row 0 position (index 2)
+ * @param {Number} m11 Component in column 1, row 1 position (index 3)
+ * @returns {mat2} out A new 2x2 matrix
+ */
+mat2.fromValues = function(m00, m01, m10, m11) {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m10;
+    out[3] = m11;
+    return out;
+};
+
+/**
+ * Set the components of a mat2 to the given values
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m10 Component in column 1, row 0 position (index 2)
+ * @param {Number} m11 Component in column 1, row 1 position (index 3)
+ * @returns {mat2} out
+ */
+mat2.set = function(out, m00, m01, m10, m11) {
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m10;
+    out[3] = m11;
+    return out;
+};
+
+
+/**
+ * Transpose the values of a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the source matrix
+ * @returns {mat2} out
+ */
+mat2.transpose = function(out, a) {
+    // If we are transposing ourselves we can skip a few steps but have to cache some values
+    if (out === a) {
+        var a1 = a[1];
+        out[1] = a[2];
+        out[2] = a1;
+    } else {
+        out[0] = a[0];
+        out[1] = a[2];
+        out[2] = a[1];
+        out[3] = a[3];
+    }
+    
+    return out;
+};
+
+/**
+ * Inverts a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the source matrix
+ * @returns {mat2} out
+ */
+mat2.invert = function(out, a) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3],
+
+        // Calculate the determinant
+        det = a0 * a3 - a2 * a1;
+
+    if (!det) {
+        return null;
+    }
+    det = 1.0 / det;
+    
+    out[0] =  a3 * det;
+    out[1] = -a1 * det;
+    out[2] = -a2 * det;
+    out[3] =  a0 * det;
+
+    return out;
+};
+
+/**
+ * Calculates the adjugate of a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the source matrix
+ * @returns {mat2} out
+ */
+mat2.adjoint = function(out, a) {
+    // Caching this value is nessecary if out == a
+    var a0 = a[0];
+    out[0] =  a[3];
+    out[1] = -a[1];
+    out[2] = -a[2];
+    out[3] =  a0;
+
+    return out;
+};
+
+/**
+ * Calculates the determinant of a mat2
+ *
+ * @param {mat2} a the source matrix
+ * @returns {Number} determinant of a
+ */
+mat2.determinant = function (a) {
+    return a[0] * a[3] - a[2] * a[1];
+};
+
+/**
+ * Multiplies two mat2's
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the first operand
+ * @param {mat2} b the second operand
+ * @returns {mat2} out
+ */
+mat2.multiply = function (out, a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3];
+    var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    out[0] = a0 * b0 + a2 * b1;
+    out[1] = a1 * b0 + a3 * b1;
+    out[2] = a0 * b2 + a2 * b3;
+    out[3] = a1 * b2 + a3 * b3;
+    return out;
+};
+
+/**
+ * Alias for {@link mat2.multiply}
+ * @function
+ */
+mat2.mul = mat2.multiply;
+
+/**
+ * Rotates a mat2 by the given angle
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2} out
+ */
+mat2.rotate = function (out, a, rad) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3],
+        s = Math.sin(rad),
+        c = Math.cos(rad);
+    out[0] = a0 *  c + a2 * s;
+    out[1] = a1 *  c + a3 * s;
+    out[2] = a0 * -s + a2 * c;
+    out[3] = a1 * -s + a3 * c;
+    return out;
+};
+
+/**
+ * Scales the mat2 by the dimensions in the given vec2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the matrix to rotate
+ * @param {vec2} v the vec2 to scale the matrix by
+ * @returns {mat2} out
+ **/
+mat2.scale = function(out, a, v) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3],
+        v0 = v[0], v1 = v[1];
+    out[0] = a0 * v0;
+    out[1] = a1 * v0;
+    out[2] = a2 * v1;
+    out[3] = a3 * v1;
+    return out;
+};
+
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2.identity(dest);
+ *     mat2.rotate(dest, dest, rad);
+ *
+ * @param {mat2} out mat2 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2} out
+ */
+mat2.fromRotation = function(out, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad);
+    out[0] = c;
+    out[1] = s;
+    out[2] = -s;
+    out[3] = c;
+    return out;
+}
+
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2.identity(dest);
+ *     mat2.scale(dest, dest, vec);
+ *
+ * @param {mat2} out mat2 receiving operation result
+ * @param {vec2} v Scaling vector
+ * @returns {mat2} out
+ */
+mat2.fromScaling = function(out, v) {
+    out[0] = v[0];
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = v[1];
+    return out;
+}
+
+/**
+ * Returns a string representation of a mat2
+ *
+ * @param {mat2} mat matrix to represent as a string
+ * @returns {String} string representation of the matrix
+ */
+mat2.str = function (a) {
+    return 'mat2(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ')';
+};
+
+/**
+ * Returns Frobenius norm of a mat2
+ *
+ * @param {mat2} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
+ */
+mat2.frob = function (a) {
+    return(Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2)))
+};
+
+/**
+ * Returns L, D and U matrices (Lower triangular, Diagonal and Upper triangular) by factorizing the input matrix
+ * @param {mat2} L the lower triangular matrix 
+ * @param {mat2} D the diagonal matrix 
+ * @param {mat2} U the upper triangular matrix 
+ * @param {mat2} a the input matrix to factorize
+ */
+
+mat2.LDU = function (L, D, U, a) { 
+    L[2] = a[2]/a[0]; 
+    U[0] = a[0]; 
+    U[1] = a[1]; 
+    U[3] = a[3] - L[2] * U[1]; 
+    return [L, D, U];       
+}; 
+
+/**
+ * Adds two mat2's
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the first operand
+ * @param {mat2} b the second operand
+ * @returns {mat2} out
+ */
+mat2.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    out[3] = a[3] + b[3];
+    return out;
+};
+
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the first operand
+ * @param {mat2} b the second operand
+ * @returns {mat2} out
+ */
+mat2.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    out[3] = a[3] - b[3];
+    return out;
+};
+
+/**
+ * Alias for {@link mat2.subtract}
+ * @function
+ */
+mat2.sub = mat2.subtract;
+
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {mat2} a The first matrix.
+ * @param {mat2} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat2.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
+};
+
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {mat2} a The first matrix.
+ * @param {mat2} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat2.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3];
+    var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)) &&
+            Math.abs(a3 - b3) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a3), Math.abs(b3)));
+};
+
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {mat2} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat2} out
+ */
+mat2.multiplyScalar = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    out[3] = a[3] * b;
+    return out;
+};
+
+/**
+ * Adds two mat2's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat2} out the receiving vector
+ * @param {mat2} a the first operand
+ * @param {mat2} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat2} out
+ */
+mat2.multiplyScalarAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    out[3] = a[3] + (b[3] * scale);
+    return out;
+};
+
+module.exports = mat2;
+
+},{"./common.js":194}],196:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 2x3 Matrix
+ * @name mat2d
+ * 
+ * @description 
+ * A mat2d contains six elements defined as:
+ * <pre>
+ * [a, c, tx,
+ *  b, d, ty]
+ * </pre>
+ * This is a short form for the 3x3 matrix:
+ * <pre>
+ * [a, c, tx,
+ *  b, d, ty,
+ *  0, 0, 1]
+ * </pre>
+ * The last row is ignored so the array is shorter and operations are faster.
+ */
+var mat2d = {};
+
+/**
+ * Creates a new identity mat2d
+ *
+ * @returns {mat2d} a new 2x3 matrix
+ */
+mat2d.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(6);
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    out[4] = 0;
+    out[5] = 0;
+    return out;
+};
+
+/**
+ * Creates a new mat2d initialized with values from an existing matrix
+ *
+ * @param {mat2d} a matrix to clone
+ * @returns {mat2d} a new 2x3 matrix
+ */
+mat2d.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(6);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    return out;
+};
+
+/**
+ * Copy the values from one mat2d to another
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the source matrix
+ * @returns {mat2d} out
+ */
+mat2d.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    return out;
+};
+
+/**
+ * Set a mat2d to the identity matrix
+ *
+ * @param {mat2d} out the receiving matrix
+ * @returns {mat2d} out
+ */
+mat2d.identity = function(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    out[4] = 0;
+    out[5] = 0;
+    return out;
+};
+
+/**
+ * Create a new mat2d with the given values
+ *
+ * @param {Number} a Component A (index 0)
+ * @param {Number} b Component B (index 1)
+ * @param {Number} c Component C (index 2)
+ * @param {Number} d Component D (index 3)
+ * @param {Number} tx Component TX (index 4)
+ * @param {Number} ty Component TY (index 5)
+ * @returns {mat2d} A new mat2d
+ */
+mat2d.fromValues = function(a, b, c, d, tx, ty) {
+    var out = new glMatrix.ARRAY_TYPE(6);
+    out[0] = a;
+    out[1] = b;
+    out[2] = c;
+    out[3] = d;
+    out[4] = tx;
+    out[5] = ty;
+    return out;
+};
+
+/**
+ * Set the components of a mat2d to the given values
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {Number} a Component A (index 0)
+ * @param {Number} b Component B (index 1)
+ * @param {Number} c Component C (index 2)
+ * @param {Number} d Component D (index 3)
+ * @param {Number} tx Component TX (index 4)
+ * @param {Number} ty Component TY (index 5)
+ * @returns {mat2d} out
+ */
+mat2d.set = function(out, a, b, c, d, tx, ty) {
+    out[0] = a;
+    out[1] = b;
+    out[2] = c;
+    out[3] = d;
+    out[4] = tx;
+    out[5] = ty;
+    return out;
+};
+
+/**
+ * Inverts a mat2d
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the source matrix
+ * @returns {mat2d} out
+ */
+mat2d.invert = function(out, a) {
+    var aa = a[0], ab = a[1], ac = a[2], ad = a[3],
+        atx = a[4], aty = a[5];
+
+    var det = aa * ad - ab * ac;
+    if(!det){
+        return null;
+    }
+    det = 1.0 / det;
+
+    out[0] = ad * det;
+    out[1] = -ab * det;
+    out[2] = -ac * det;
+    out[3] = aa * det;
+    out[4] = (ac * aty - ad * atx) * det;
+    out[5] = (ab * atx - aa * aty) * det;
+    return out;
+};
+
+/**
+ * Calculates the determinant of a mat2d
+ *
+ * @param {mat2d} a the source matrix
+ * @returns {Number} determinant of a
+ */
+mat2d.determinant = function (a) {
+    return a[0] * a[3] - a[1] * a[2];
+};
+
+/**
+ * Multiplies two mat2d's
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the first operand
+ * @param {mat2d} b the second operand
+ * @returns {mat2d} out
+ */
+mat2d.multiply = function (out, a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5],
+        b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3], b4 = b[4], b5 = b[5];
+    out[0] = a0 * b0 + a2 * b1;
+    out[1] = a1 * b0 + a3 * b1;
+    out[2] = a0 * b2 + a2 * b3;
+    out[3] = a1 * b2 + a3 * b3;
+    out[4] = a0 * b4 + a2 * b5 + a4;
+    out[5] = a1 * b4 + a3 * b5 + a5;
+    return out;
+};
+
+/**
+ * Alias for {@link mat2d.multiply}
+ * @function
+ */
+mat2d.mul = mat2d.multiply;
+
+/**
+ * Rotates a mat2d by the given angle
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2d} out
+ */
+mat2d.rotate = function (out, a, rad) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5],
+        s = Math.sin(rad),
+        c = Math.cos(rad);
+    out[0] = a0 *  c + a2 * s;
+    out[1] = a1 *  c + a3 * s;
+    out[2] = a0 * -s + a2 * c;
+    out[3] = a1 * -s + a3 * c;
+    out[4] = a4;
+    out[5] = a5;
+    return out;
+};
+
+/**
+ * Scales the mat2d by the dimensions in the given vec2
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the matrix to translate
+ * @param {vec2} v the vec2 to scale the matrix by
+ * @returns {mat2d} out
+ **/
+mat2d.scale = function(out, a, v) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5],
+        v0 = v[0], v1 = v[1];
+    out[0] = a0 * v0;
+    out[1] = a1 * v0;
+    out[2] = a2 * v1;
+    out[3] = a3 * v1;
+    out[4] = a4;
+    out[5] = a5;
+    return out;
+};
+
+/**
+ * Translates the mat2d by the dimensions in the given vec2
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the matrix to translate
+ * @param {vec2} v the vec2 to translate the matrix by
+ * @returns {mat2d} out
+ **/
+mat2d.translate = function(out, a, v) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5],
+        v0 = v[0], v1 = v[1];
+    out[0] = a0;
+    out[1] = a1;
+    out[2] = a2;
+    out[3] = a3;
+    out[4] = a0 * v0 + a2 * v1 + a4;
+    out[5] = a1 * v0 + a3 * v1 + a5;
+    return out;
+};
+
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.rotate(dest, dest, rad);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2d} out
+ */
+mat2d.fromRotation = function(out, rad) {
+    var s = Math.sin(rad), c = Math.cos(rad);
+    out[0] = c;
+    out[1] = s;
+    out[2] = -s;
+    out[3] = c;
+    out[4] = 0;
+    out[5] = 0;
+    return out;
+}
+
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.scale(dest, dest, vec);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {vec2} v Scaling vector
+ * @returns {mat2d} out
+ */
+mat2d.fromScaling = function(out, v) {
+    out[0] = v[0];
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = v[1];
+    out[4] = 0;
+    out[5] = 0;
+    return out;
+}
+
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.translate(dest, dest, vec);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {vec2} v Translation vector
+ * @returns {mat2d} out
+ */
+mat2d.fromTranslation = function(out, v) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    out[4] = v[0];
+    out[5] = v[1];
+    return out;
+}
+
+/**
+ * Returns a string representation of a mat2d
+ *
+ * @param {mat2d} a matrix to represent as a string
+ * @returns {String} string representation of the matrix
+ */
+mat2d.str = function (a) {
+    return 'mat2d(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + 
+                    a[3] + ', ' + a[4] + ', ' + a[5] + ')';
+};
+
+/**
+ * Returns Frobenius norm of a mat2d
+ *
+ * @param {mat2d} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
+ */
+mat2d.frob = function (a) { 
+    return(Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + 1))
+}; 
+
+/**
+ * Adds two mat2d's
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the first operand
+ * @param {mat2d} b the second operand
+ * @returns {mat2d} out
+ */
+mat2d.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    out[3] = a[3] + b[3];
+    out[4] = a[4] + b[4];
+    out[5] = a[5] + b[5];
+    return out;
+};
+
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the first operand
+ * @param {mat2d} b the second operand
+ * @returns {mat2d} out
+ */
+mat2d.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    out[3] = a[3] - b[3];
+    out[4] = a[4] - b[4];
+    out[5] = a[5] - b[5];
+    return out;
+};
+
+/**
+ * Alias for {@link mat2d.subtract}
+ * @function
+ */
+mat2d.sub = mat2d.subtract;
+
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {mat2d} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat2d} out
+ */
+mat2d.multiplyScalar = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    out[3] = a[3] * b;
+    out[4] = a[4] * b;
+    out[5] = a[5] * b;
+    return out;
+};
+
+/**
+ * Adds two mat2d's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat2d} out the receiving vector
+ * @param {mat2d} a the first operand
+ * @param {mat2d} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat2d} out
+ */
+mat2d.multiplyScalarAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    out[3] = a[3] + (b[3] * scale);
+    out[4] = a[4] + (b[4] * scale);
+    out[5] = a[5] + (b[5] * scale);
+    return out;
+};
+
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {mat2d} a The first matrix.
+ * @param {mat2d} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat2d.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5];
+};
+
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {mat2d} a The first matrix.
+ * @param {mat2d} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat2d.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5];
+    var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3], b4 = b[4], b5 = b[5];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)) &&
+            Math.abs(a3 - b3) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a3), Math.abs(b3)) &&
+            Math.abs(a4 - b4) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a4), Math.abs(b4)) &&
+            Math.abs(a5 - b5) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a5), Math.abs(b5)));
+};
+
+module.exports = mat2d;
+
+},{"./common.js":194}],197:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 3x3 Matrix
+ * @name mat3
+ */
+var mat3 = {};
+
+/**
+ * Creates a new identity mat3
+ *
+ * @returns {mat3} a new 3x3 matrix
+ */
+mat3.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(9);
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 1;
+    out[5] = 0;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 1;
+    return out;
+};
+
+/**
+ * Copies the upper-left 3x3 values into the given mat3.
+ *
+ * @param {mat3} out the receiving 3x3 matrix
+ * @param {mat4} a   the source 4x4 matrix
+ * @returns {mat3} out
+ */
+mat3.fromMat4 = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[4];
+    out[4] = a[5];
+    out[5] = a[6];
+    out[6] = a[8];
+    out[7] = a[9];
+    out[8] = a[10];
+    return out;
+};
+
+/**
+ * Creates a new mat3 initialized with values from an existing matrix
+ *
+ * @param {mat3} a matrix to clone
+ * @returns {mat3} a new 3x3 matrix
+ */
+mat3.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(9);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    return out;
+};
+
+/**
+ * Copy the values from one mat3 to another
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the source matrix
+ * @returns {mat3} out
+ */
+mat3.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    return out;
+};
+
+/**
+ * Create a new mat3 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m10 Component in column 1, row 0 position (index 3)
+ * @param {Number} m11 Component in column 1, row 1 position (index 4)
+ * @param {Number} m12 Component in column 1, row 2 position (index 5)
+ * @param {Number} m20 Component in column 2, row 0 position (index 6)
+ * @param {Number} m21 Component in column 2, row 1 position (index 7)
+ * @param {Number} m22 Component in column 2, row 2 position (index 8)
+ * @returns {mat3} A new mat3
+ */
+mat3.fromValues = function(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
+    var out = new glMatrix.ARRAY_TYPE(9);
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m02;
+    out[3] = m10;
+    out[4] = m11;
+    out[5] = m12;
+    out[6] = m20;
+    out[7] = m21;
+    out[8] = m22;
+    return out;
+};
+
+/**
+ * Set the components of a mat3 to the given values
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m10 Component in column 1, row 0 position (index 3)
+ * @param {Number} m11 Component in column 1, row 1 position (index 4)
+ * @param {Number} m12 Component in column 1, row 2 position (index 5)
+ * @param {Number} m20 Component in column 2, row 0 position (index 6)
+ * @param {Number} m21 Component in column 2, row 1 position (index 7)
+ * @param {Number} m22 Component in column 2, row 2 position (index 8)
+ * @returns {mat3} out
+ */
+mat3.set = function(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m02;
+    out[3] = m10;
+    out[4] = m11;
+    out[5] = m12;
+    out[6] = m20;
+    out[7] = m21;
+    out[8] = m22;
+    return out;
+};
+
+/**
+ * Set a mat3 to the identity matrix
+ *
+ * @param {mat3} out the receiving matrix
+ * @returns {mat3} out
+ */
+mat3.identity = function(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 1;
+    out[5] = 0;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 1;
+    return out;
+};
+
+/**
+ * Transpose the values of a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the source matrix
+ * @returns {mat3} out
+ */
+mat3.transpose = function(out, a) {
+    // If we are transposing ourselves we can skip a few steps but have to cache some values
+    if (out === a) {
+        var a01 = a[1], a02 = a[2], a12 = a[5];
+        out[1] = a[3];
+        out[2] = a[6];
+        out[3] = a01;
+        out[5] = a[7];
+        out[6] = a02;
+        out[7] = a12;
+    } else {
+        out[0] = a[0];
+        out[1] = a[3];
+        out[2] = a[6];
+        out[3] = a[1];
+        out[4] = a[4];
+        out[5] = a[7];
+        out[6] = a[2];
+        out[7] = a[5];
+        out[8] = a[8];
+    }
+    
+    return out;
+};
+
+/**
+ * Inverts a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the source matrix
+ * @returns {mat3} out
+ */
+mat3.invert = function(out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8],
+
+        b01 = a22 * a11 - a12 * a21,
+        b11 = -a22 * a10 + a12 * a20,
+        b21 = a21 * a10 - a11 * a20,
+
+        // Calculate the determinant
+        det = a00 * b01 + a01 * b11 + a02 * b21;
+
+    if (!det) { 
+        return null; 
+    }
+    det = 1.0 / det;
+
+    out[0] = b01 * det;
+    out[1] = (-a22 * a01 + a02 * a21) * det;
+    out[2] = (a12 * a01 - a02 * a11) * det;
+    out[3] = b11 * det;
+    out[4] = (a22 * a00 - a02 * a20) * det;
+    out[5] = (-a12 * a00 + a02 * a10) * det;
+    out[6] = b21 * det;
+    out[7] = (-a21 * a00 + a01 * a20) * det;
+    out[8] = (a11 * a00 - a01 * a10) * det;
+    return out;
+};
+
+/**
+ * Calculates the adjugate of a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the source matrix
+ * @returns {mat3} out
+ */
+mat3.adjoint = function(out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8];
+
+    out[0] = (a11 * a22 - a12 * a21);
+    out[1] = (a02 * a21 - a01 * a22);
+    out[2] = (a01 * a12 - a02 * a11);
+    out[3] = (a12 * a20 - a10 * a22);
+    out[4] = (a00 * a22 - a02 * a20);
+    out[5] = (a02 * a10 - a00 * a12);
+    out[6] = (a10 * a21 - a11 * a20);
+    out[7] = (a01 * a20 - a00 * a21);
+    out[8] = (a00 * a11 - a01 * a10);
+    return out;
+};
+
+/**
+ * Calculates the determinant of a mat3
+ *
+ * @param {mat3} a the source matrix
+ * @returns {Number} determinant of a
+ */
+mat3.determinant = function (a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8];
+
+    return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
+};
+
+/**
+ * Multiplies two mat3's
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the first operand
+ * @param {mat3} b the second operand
+ * @returns {mat3} out
+ */
+mat3.multiply = function (out, a, b) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8],
+
+        b00 = b[0], b01 = b[1], b02 = b[2],
+        b10 = b[3], b11 = b[4], b12 = b[5],
+        b20 = b[6], b21 = b[7], b22 = b[8];
+
+    out[0] = b00 * a00 + b01 * a10 + b02 * a20;
+    out[1] = b00 * a01 + b01 * a11 + b02 * a21;
+    out[2] = b00 * a02 + b01 * a12 + b02 * a22;
+
+    out[3] = b10 * a00 + b11 * a10 + b12 * a20;
+    out[4] = b10 * a01 + b11 * a11 + b12 * a21;
+    out[5] = b10 * a02 + b11 * a12 + b12 * a22;
+
+    out[6] = b20 * a00 + b21 * a10 + b22 * a20;
+    out[7] = b20 * a01 + b21 * a11 + b22 * a21;
+    out[8] = b20 * a02 + b21 * a12 + b22 * a22;
+    return out;
+};
+
+/**
+ * Alias for {@link mat3.multiply}
+ * @function
+ */
+mat3.mul = mat3.multiply;
+
+/**
+ * Translate a mat3 by the given vector
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the matrix to translate
+ * @param {vec2} v vector to translate by
+ * @returns {mat3} out
+ */
+mat3.translate = function(out, a, v) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8],
+        x = v[0], y = v[1];
+
+    out[0] = a00;
+    out[1] = a01;
+    out[2] = a02;
+
+    out[3] = a10;
+    out[4] = a11;
+    out[5] = a12;
+
+    out[6] = x * a00 + y * a10 + a20;
+    out[7] = x * a01 + y * a11 + a21;
+    out[8] = x * a02 + y * a12 + a22;
+    return out;
+};
+
+/**
+ * Rotates a mat3 by the given angle
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat3} out
+ */
+mat3.rotate = function (out, a, rad) {
+    var a00 = a[0], a01 = a[1], a02 = a[2],
+        a10 = a[3], a11 = a[4], a12 = a[5],
+        a20 = a[6], a21 = a[7], a22 = a[8],
+
+        s = Math.sin(rad),
+        c = Math.cos(rad);
+
+    out[0] = c * a00 + s * a10;
+    out[1] = c * a01 + s * a11;
+    out[2] = c * a02 + s * a12;
+
+    out[3] = c * a10 - s * a00;
+    out[4] = c * a11 - s * a01;
+    out[5] = c * a12 - s * a02;
+
+    out[6] = a20;
+    out[7] = a21;
+    out[8] = a22;
+    return out;
+};
+
+/**
+ * Scales the mat3 by the dimensions in the given vec2
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the matrix to rotate
+ * @param {vec2} v the vec2 to scale the matrix by
+ * @returns {mat3} out
+ **/
+mat3.scale = function(out, a, v) {
+    var x = v[0], y = v[1];
+
+    out[0] = x * a[0];
+    out[1] = x * a[1];
+    out[2] = x * a[2];
+
+    out[3] = y * a[3];
+    out[4] = y * a[4];
+    out[5] = y * a[5];
+
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    return out;
+};
+
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.translate(dest, dest, vec);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {vec2} v Translation vector
+ * @returns {mat3} out
+ */
+mat3.fromTranslation = function(out, v) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 1;
+    out[5] = 0;
+    out[6] = v[0];
+    out[7] = v[1];
+    out[8] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.rotate(dest, dest, rad);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat3} out
+ */
+mat3.fromRotation = function(out, rad) {
+    var s = Math.sin(rad), c = Math.cos(rad);
+
+    out[0] = c;
+    out[1] = s;
+    out[2] = 0;
+
+    out[3] = -s;
+    out[4] = c;
+    out[5] = 0;
+
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.scale(dest, dest, vec);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {vec2} v Scaling vector
+ * @returns {mat3} out
+ */
+mat3.fromScaling = function(out, v) {
+    out[0] = v[0];
+    out[1] = 0;
+    out[2] = 0;
+
+    out[3] = 0;
+    out[4] = v[1];
+    out[5] = 0;
+
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 1;
+    return out;
+}
+
+/**
+ * Copies the values from a mat2d into a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat2d} a the matrix to copy
+ * @returns {mat3} out
+ **/
+mat3.fromMat2d = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = 0;
+
+    out[3] = a[2];
+    out[4] = a[3];
+    out[5] = 0;
+
+    out[6] = a[4];
+    out[7] = a[5];
+    out[8] = 1;
+    return out;
+};
+
+/**
+* Calculates a 3x3 matrix from the given quaternion
+*
+* @param {mat3} out mat3 receiving operation result
+* @param {quat} q Quaternion to create matrix from
+*
+* @returns {mat3} out
+*/
+mat3.fromQuat = function (out, q) {
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        yx = y * x2,
+        yy = y * y2,
+        zx = z * x2,
+        zy = z * y2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2;
+
+    out[0] = 1 - yy - zz;
+    out[3] = yx - wz;
+    out[6] = zx + wy;
+
+    out[1] = yx + wz;
+    out[4] = 1 - xx - zz;
+    out[7] = zy - wx;
+
+    out[2] = zx - wy;
+    out[5] = zy + wx;
+    out[8] = 1 - xx - yy;
+
+    return out;
+};
+
+/**
+* Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
+*
+* @param {mat3} out mat3 receiving operation result
+* @param {mat4} a Mat4 to derive the normal matrix from
+*
+* @returns {mat3} out
+*/
+mat3.normalFromMat4 = function (out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15],
+
+        b00 = a00 * a11 - a01 * a10,
+        b01 = a00 * a12 - a02 * a10,
+        b02 = a00 * a13 - a03 * a10,
+        b03 = a01 * a12 - a02 * a11,
+        b04 = a01 * a13 - a03 * a11,
+        b05 = a02 * a13 - a03 * a12,
+        b06 = a20 * a31 - a21 * a30,
+        b07 = a20 * a32 - a22 * a30,
+        b08 = a20 * a33 - a23 * a30,
+        b09 = a21 * a32 - a22 * a31,
+        b10 = a21 * a33 - a23 * a31,
+        b11 = a22 * a33 - a23 * a32,
+
+        // Calculate the determinant
+        det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+
+    if (!det) { 
+        return null; 
+    }
+    det = 1.0 / det;
+
+    out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
+    out[1] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
+    out[2] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
+
+    out[3] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
+    out[4] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
+    out[5] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
+
+    out[6] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
+    out[7] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
+    out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
+
+    return out;
+};
+
+/**
+ * Returns a string representation of a mat3
+ *
+ * @param {mat3} mat matrix to represent as a string
+ * @returns {String} string representation of the matrix
+ */
+mat3.str = function (a) {
+    return 'mat3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + 
+                    a[3] + ', ' + a[4] + ', ' + a[5] + ', ' + 
+                    a[6] + ', ' + a[7] + ', ' + a[8] + ')';
+};
+
+/**
+ * Returns Frobenius norm of a mat3
+ *
+ * @param {mat3} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
+ */
+mat3.frob = function (a) {
+    return(Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + Math.pow(a[6], 2) + Math.pow(a[7], 2) + Math.pow(a[8], 2)))
+};
+
+/**
+ * Adds two mat3's
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the first operand
+ * @param {mat3} b the second operand
+ * @returns {mat3} out
+ */
+mat3.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    out[3] = a[3] + b[3];
+    out[4] = a[4] + b[4];
+    out[5] = a[5] + b[5];
+    out[6] = a[6] + b[6];
+    out[7] = a[7] + b[7];
+    out[8] = a[8] + b[8];
+    return out;
+};
+
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the first operand
+ * @param {mat3} b the second operand
+ * @returns {mat3} out
+ */
+mat3.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    out[3] = a[3] - b[3];
+    out[4] = a[4] - b[4];
+    out[5] = a[5] - b[5];
+    out[6] = a[6] - b[6];
+    out[7] = a[7] - b[7];
+    out[8] = a[8] - b[8];
+    return out;
+};
+
+/**
+ * Alias for {@link mat3.subtract}
+ * @function
+ */
+mat3.sub = mat3.subtract;
+
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {mat3} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat3} out
+ */
+mat3.multiplyScalar = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    out[3] = a[3] * b;
+    out[4] = a[4] * b;
+    out[5] = a[5] * b;
+    out[6] = a[6] * b;
+    out[7] = a[7] * b;
+    out[8] = a[8] * b;
+    return out;
+};
+
+/**
+ * Adds two mat3's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat3} out the receiving vector
+ * @param {mat3} a the first operand
+ * @param {mat3} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat3} out
+ */
+mat3.multiplyScalarAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    out[3] = a[3] + (b[3] * scale);
+    out[4] = a[4] + (b[4] * scale);
+    out[5] = a[5] + (b[5] * scale);
+    out[6] = a[6] + (b[6] * scale);
+    out[7] = a[7] + (b[7] * scale);
+    out[8] = a[8] + (b[8] * scale);
+    return out;
+};
+
+/*
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {mat3} a The first matrix.
+ * @param {mat3} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat3.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && 
+           a[3] === b[3] && a[4] === b[4] && a[5] === b[5] &&
+           a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
+};
+
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {mat3} a The first matrix.
+ * @param {mat3} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat3.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5], a6 = a[6], a7 = a[7], a8 = a[8];
+    var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3], b4 = b[4], b5 = b[5], b6 = a[6], b7 = b[7], b8 = b[8];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)) &&
+            Math.abs(a3 - b3) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a3), Math.abs(b3)) &&
+            Math.abs(a4 - b4) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a4), Math.abs(b4)) &&
+            Math.abs(a5 - b5) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a5), Math.abs(b5)) &&
+            Math.abs(a6 - b6) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a6), Math.abs(b6)) &&
+            Math.abs(a7 - b7) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a7), Math.abs(b7)) &&
+            Math.abs(a8 - b8) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a8), Math.abs(b8)));
+};
+
+
+module.exports = mat3;
+
+},{"./common.js":194}],198:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 4x4 Matrix
+ * @name mat4
+ */
+var mat4 = {
+  scalar: {},
+  SIMD: {},
+};
+
+/**
+ * Creates a new identity mat4
+ *
+ * @returns {mat4} a new 4x4 matrix
+ */
+mat4.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(16);
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+};
+
+/**
+ * Creates a new mat4 initialized with values from an existing matrix
+ *
+ * @param {mat4} a matrix to clone
+ * @returns {mat4} a new 4x4 matrix
+ */
+mat4.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(16);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    out[9] = a[9];
+    out[10] = a[10];
+    out[11] = a[11];
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+
+/**
+ * Copy the values from one mat4 to another
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    out[4] = a[4];
+    out[5] = a[5];
+    out[6] = a[6];
+    out[7] = a[7];
+    out[8] = a[8];
+    out[9] = a[9];
+    out[10] = a[10];
+    out[11] = a[11];
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+
+/**
+ * Create a new mat4 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m03 Component in column 0, row 3 position (index 3)
+ * @param {Number} m10 Component in column 1, row 0 position (index 4)
+ * @param {Number} m11 Component in column 1, row 1 position (index 5)
+ * @param {Number} m12 Component in column 1, row 2 position (index 6)
+ * @param {Number} m13 Component in column 1, row 3 position (index 7)
+ * @param {Number} m20 Component in column 2, row 0 position (index 8)
+ * @param {Number} m21 Component in column 2, row 1 position (index 9)
+ * @param {Number} m22 Component in column 2, row 2 position (index 10)
+ * @param {Number} m23 Component in column 2, row 3 position (index 11)
+ * @param {Number} m30 Component in column 3, row 0 position (index 12)
+ * @param {Number} m31 Component in column 3, row 1 position (index 13)
+ * @param {Number} m32 Component in column 3, row 2 position (index 14)
+ * @param {Number} m33 Component in column 3, row 3 position (index 15)
+ * @returns {mat4} A new mat4
+ */
+mat4.fromValues = function(m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
+    var out = new glMatrix.ARRAY_TYPE(16);
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m02;
+    out[3] = m03;
+    out[4] = m10;
+    out[5] = m11;
+    out[6] = m12;
+    out[7] = m13;
+    out[8] = m20;
+    out[9] = m21;
+    out[10] = m22;
+    out[11] = m23;
+    out[12] = m30;
+    out[13] = m31;
+    out[14] = m32;
+    out[15] = m33;
+    return out;
+};
+
+/**
+ * Set the components of a mat4 to the given values
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m03 Component in column 0, row 3 position (index 3)
+ * @param {Number} m10 Component in column 1, row 0 position (index 4)
+ * @param {Number} m11 Component in column 1, row 1 position (index 5)
+ * @param {Number} m12 Component in column 1, row 2 position (index 6)
+ * @param {Number} m13 Component in column 1, row 3 position (index 7)
+ * @param {Number} m20 Component in column 2, row 0 position (index 8)
+ * @param {Number} m21 Component in column 2, row 1 position (index 9)
+ * @param {Number} m22 Component in column 2, row 2 position (index 10)
+ * @param {Number} m23 Component in column 2, row 3 position (index 11)
+ * @param {Number} m30 Component in column 3, row 0 position (index 12)
+ * @param {Number} m31 Component in column 3, row 1 position (index 13)
+ * @param {Number} m32 Component in column 3, row 2 position (index 14)
+ * @param {Number} m33 Component in column 3, row 3 position (index 15)
+ * @returns {mat4} out
+ */
+mat4.set = function(out, m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
+    out[0] = m00;
+    out[1] = m01;
+    out[2] = m02;
+    out[3] = m03;
+    out[4] = m10;
+    out[5] = m11;
+    out[6] = m12;
+    out[7] = m13;
+    out[8] = m20;
+    out[9] = m21;
+    out[10] = m22;
+    out[11] = m23;
+    out[12] = m30;
+    out[13] = m31;
+    out[14] = m32;
+    out[15] = m33;
+    return out;
+};
+
+
+/**
+ * Set a mat4 to the identity matrix
+ *
+ * @param {mat4} out the receiving matrix
+ * @returns {mat4} out
+ */
+mat4.identity = function(out) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+};
+
+/**
+ * Transpose the values of a mat4 not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.scalar.transpose = function(out, a) {
+    // If we are transposing ourselves we can skip a few steps but have to cache some values
+    if (out === a) {
+        var a01 = a[1], a02 = a[2], a03 = a[3],
+            a12 = a[6], a13 = a[7],
+            a23 = a[11];
+
+        out[1] = a[4];
+        out[2] = a[8];
+        out[3] = a[12];
+        out[4] = a01;
+        out[6] = a[9];
+        out[7] = a[13];
+        out[8] = a02;
+        out[9] = a12;
+        out[11] = a[14];
+        out[12] = a03;
+        out[13] = a13;
+        out[14] = a23;
+    } else {
+        out[0] = a[0];
+        out[1] = a[4];
+        out[2] = a[8];
+        out[3] = a[12];
+        out[4] = a[1];
+        out[5] = a[5];
+        out[6] = a[9];
+        out[7] = a[13];
+        out[8] = a[2];
+        out[9] = a[6];
+        out[10] = a[10];
+        out[11] = a[14];
+        out[12] = a[3];
+        out[13] = a[7];
+        out[14] = a[11];
+        out[15] = a[15];
+    }
+
+    return out;
+};
+
+/**
+ * Transpose the values of a mat4 using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.SIMD.transpose = function(out, a) {
+    var a0, a1, a2, a3,
+        tmp01, tmp23,
+        out0, out1, out2, out3;
+
+    a0 = SIMD.Float32x4.load(a, 0);
+    a1 = SIMD.Float32x4.load(a, 4);
+    a2 = SIMD.Float32x4.load(a, 8);
+    a3 = SIMD.Float32x4.load(a, 12);
+
+    tmp01 = SIMD.Float32x4.shuffle(a0, a1, 0, 1, 4, 5);
+    tmp23 = SIMD.Float32x4.shuffle(a2, a3, 0, 1, 4, 5);
+    out0  = SIMD.Float32x4.shuffle(tmp01, tmp23, 0, 2, 4, 6);
+    out1  = SIMD.Float32x4.shuffle(tmp01, tmp23, 1, 3, 5, 7);
+    SIMD.Float32x4.store(out, 0,  out0);
+    SIMD.Float32x4.store(out, 4,  out1);
+
+    tmp01 = SIMD.Float32x4.shuffle(a0, a1, 2, 3, 6, 7);
+    tmp23 = SIMD.Float32x4.shuffle(a2, a3, 2, 3, 6, 7);
+    out2  = SIMD.Float32x4.shuffle(tmp01, tmp23, 0, 2, 4, 6);
+    out3  = SIMD.Float32x4.shuffle(tmp01, tmp23, 1, 3, 5, 7);
+    SIMD.Float32x4.store(out, 8,  out2);
+    SIMD.Float32x4.store(out, 12, out3);
+
+    return out;
+};
+
+/**
+ * Transpse a mat4 using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.transpose = glMatrix.USE_SIMD ? mat4.SIMD.transpose : mat4.scalar.transpose;
+
+/**
+ * Inverts a mat4 not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.scalar.invert = function(out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15],
+
+        b00 = a00 * a11 - a01 * a10,
+        b01 = a00 * a12 - a02 * a10,
+        b02 = a00 * a13 - a03 * a10,
+        b03 = a01 * a12 - a02 * a11,
+        b04 = a01 * a13 - a03 * a11,
+        b05 = a02 * a13 - a03 * a12,
+        b06 = a20 * a31 - a21 * a30,
+        b07 = a20 * a32 - a22 * a30,
+        b08 = a20 * a33 - a23 * a30,
+        b09 = a21 * a32 - a22 * a31,
+        b10 = a21 * a33 - a23 * a31,
+        b11 = a22 * a33 - a23 * a32,
+
+        // Calculate the determinant
+        det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+
+    if (!det) {
+        return null;
+    }
+    det = 1.0 / det;
+
+    out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
+    out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
+    out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
+    out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det;
+    out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
+    out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
+    out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
+    out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det;
+    out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
+    out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
+    out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
+    out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det;
+    out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det;
+    out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det;
+    out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det;
+    out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det;
+
+    return out;
+};
+
+/**
+ * Inverts a mat4 using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.SIMD.invert = function(out, a) {
+  var row0, row1, row2, row3,
+      tmp1,
+      minor0, minor1, minor2, minor3,
+      det,
+      a0 = SIMD.Float32x4.load(a, 0),
+      a1 = SIMD.Float32x4.load(a, 4),
+      a2 = SIMD.Float32x4.load(a, 8),
+      a3 = SIMD.Float32x4.load(a, 12);
+
+  // Compute matrix adjugate
+  tmp1 = SIMD.Float32x4.shuffle(a0, a1, 0, 1, 4, 5);
+  row1 = SIMD.Float32x4.shuffle(a2, a3, 0, 1, 4, 5);
+  row0 = SIMD.Float32x4.shuffle(tmp1, row1, 0, 2, 4, 6);
+  row1 = SIMD.Float32x4.shuffle(row1, tmp1, 1, 3, 5, 7);
+  tmp1 = SIMD.Float32x4.shuffle(a0, a1, 2, 3, 6, 7);
+  row3 = SIMD.Float32x4.shuffle(a2, a3, 2, 3, 6, 7);
+  row2 = SIMD.Float32x4.shuffle(tmp1, row3, 0, 2, 4, 6);
+  row3 = SIMD.Float32x4.shuffle(row3, tmp1, 1, 3, 5, 7);
+
+  tmp1   = SIMD.Float32x4.mul(row2, row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor0 = SIMD.Float32x4.mul(row1, tmp1);
+  minor1 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row1, tmp1), minor0);
+  minor1 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor1);
+  minor1 = SIMD.Float32x4.swizzle(minor1, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(row1, row2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor0);
+  minor3 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row3, tmp1));
+  minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor3);
+  minor3 = SIMD.Float32x4.swizzle(minor3, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(row1, 2, 3, 0, 1), row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  row2   = SIMD.Float32x4.swizzle(row2, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor0);
+  minor2 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row2, tmp1));
+  minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor2);
+  minor2 = SIMD.Float32x4.swizzle(minor2, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(row0, row1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor2);
+  minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row2, tmp1), minor3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row3, tmp1), minor2);
+  minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row2, tmp1));
+
+  tmp1   = SIMD.Float32x4.mul(row0, row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row2, tmp1));
+  minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor1);
+  minor2 = SIMD.Float32x4.sub(minor2, SIMD.Float32x4.mul(row1, tmp1));
+
+  tmp1   = SIMD.Float32x4.mul(row0, row2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor1);
+  minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row1, tmp1));
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row3, tmp1));
+  minor3 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor3);
+
+  // Compute matrix determinant
+  det   = SIMD.Float32x4.mul(row0, minor0);
+  det   = SIMD.Float32x4.add(SIMD.Float32x4.swizzle(det, 2, 3, 0, 1), det);
+  det   = SIMD.Float32x4.add(SIMD.Float32x4.swizzle(det, 1, 0, 3, 2), det);
+  tmp1  = SIMD.Float32x4.reciprocalApproximation(det);
+  det   = SIMD.Float32x4.sub(
+               SIMD.Float32x4.add(tmp1, tmp1),
+               SIMD.Float32x4.mul(det, SIMD.Float32x4.mul(tmp1, tmp1)));
+  det   = SIMD.Float32x4.swizzle(det, 0, 0, 0, 0);
+  if (!det) {
+      return null;
+  }
+
+  // Compute matrix inverse
+  SIMD.Float32x4.store(out, 0,  SIMD.Float32x4.mul(det, minor0));
+  SIMD.Float32x4.store(out, 4,  SIMD.Float32x4.mul(det, minor1));
+  SIMD.Float32x4.store(out, 8,  SIMD.Float32x4.mul(det, minor2));
+  SIMD.Float32x4.store(out, 12, SIMD.Float32x4.mul(det, minor3));
+  return out;
+}
+
+/**
+ * Inverts a mat4 using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.invert = glMatrix.USE_SIMD ? mat4.SIMD.invert : mat4.scalar.invert;
+
+/**
+ * Calculates the adjugate of a mat4 not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.scalar.adjoint = function(out, a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
+
+    out[0]  =  (a11 * (a22 * a33 - a23 * a32) - a21 * (a12 * a33 - a13 * a32) + a31 * (a12 * a23 - a13 * a22));
+    out[1]  = -(a01 * (a22 * a33 - a23 * a32) - a21 * (a02 * a33 - a03 * a32) + a31 * (a02 * a23 - a03 * a22));
+    out[2]  =  (a01 * (a12 * a33 - a13 * a32) - a11 * (a02 * a33 - a03 * a32) + a31 * (a02 * a13 - a03 * a12));
+    out[3]  = -(a01 * (a12 * a23 - a13 * a22) - a11 * (a02 * a23 - a03 * a22) + a21 * (a02 * a13 - a03 * a12));
+    out[4]  = -(a10 * (a22 * a33 - a23 * a32) - a20 * (a12 * a33 - a13 * a32) + a30 * (a12 * a23 - a13 * a22));
+    out[5]  =  (a00 * (a22 * a33 - a23 * a32) - a20 * (a02 * a33 - a03 * a32) + a30 * (a02 * a23 - a03 * a22));
+    out[6]  = -(a00 * (a12 * a33 - a13 * a32) - a10 * (a02 * a33 - a03 * a32) + a30 * (a02 * a13 - a03 * a12));
+    out[7]  =  (a00 * (a12 * a23 - a13 * a22) - a10 * (a02 * a23 - a03 * a22) + a20 * (a02 * a13 - a03 * a12));
+    out[8]  =  (a10 * (a21 * a33 - a23 * a31) - a20 * (a11 * a33 - a13 * a31) + a30 * (a11 * a23 - a13 * a21));
+    out[9]  = -(a00 * (a21 * a33 - a23 * a31) - a20 * (a01 * a33 - a03 * a31) + a30 * (a01 * a23 - a03 * a21));
+    out[10] =  (a00 * (a11 * a33 - a13 * a31) - a10 * (a01 * a33 - a03 * a31) + a30 * (a01 * a13 - a03 * a11));
+    out[11] = -(a00 * (a11 * a23 - a13 * a21) - a10 * (a01 * a23 - a03 * a21) + a20 * (a01 * a13 - a03 * a11));
+    out[12] = -(a10 * (a21 * a32 - a22 * a31) - a20 * (a11 * a32 - a12 * a31) + a30 * (a11 * a22 - a12 * a21));
+    out[13] =  (a00 * (a21 * a32 - a22 * a31) - a20 * (a01 * a32 - a02 * a31) + a30 * (a01 * a22 - a02 * a21));
+    out[14] = -(a00 * (a11 * a32 - a12 * a31) - a10 * (a01 * a32 - a02 * a31) + a30 * (a01 * a12 - a02 * a11));
+    out[15] =  (a00 * (a11 * a22 - a12 * a21) - a10 * (a01 * a22 - a02 * a21) + a20 * (a01 * a12 - a02 * a11));
+    return out;
+};
+
+/**
+ * Calculates the adjugate of a mat4 using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+mat4.SIMD.adjoint = function(out, a) {
+  var a0, a1, a2, a3;
+  var row0, row1, row2, row3;
+  var tmp1;
+  var minor0, minor1, minor2, minor3;
+
+  var a0 = SIMD.Float32x4.load(a, 0);
+  var a1 = SIMD.Float32x4.load(a, 4);
+  var a2 = SIMD.Float32x4.load(a, 8);
+  var a3 = SIMD.Float32x4.load(a, 12);
+
+  // Transpose the source matrix.  Sort of.  Not a true transpose operation
+  tmp1 = SIMD.Float32x4.shuffle(a0, a1, 0, 1, 4, 5);
+  row1 = SIMD.Float32x4.shuffle(a2, a3, 0, 1, 4, 5);
+  row0 = SIMD.Float32x4.shuffle(tmp1, row1, 0, 2, 4, 6);
+  row1 = SIMD.Float32x4.shuffle(row1, tmp1, 1, 3, 5, 7);
+
+  tmp1 = SIMD.Float32x4.shuffle(a0, a1, 2, 3, 6, 7);
+  row3 = SIMD.Float32x4.shuffle(a2, a3, 2, 3, 6, 7);
+  row2 = SIMD.Float32x4.shuffle(tmp1, row3, 0, 2, 4, 6);
+  row3 = SIMD.Float32x4.shuffle(row3, tmp1, 1, 3, 5, 7);
+
+  tmp1   = SIMD.Float32x4.mul(row2, row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor0 = SIMD.Float32x4.mul(row1, tmp1);
+  minor1 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row1, tmp1), minor0);
+  minor1 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor1);
+  minor1 = SIMD.Float32x4.swizzle(minor1, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(row1, row2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor0);
+  minor3 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row3, tmp1));
+  minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor3);
+  minor3 = SIMD.Float32x4.swizzle(minor3, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(row1, 2, 3, 0, 1), row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  row2   = SIMD.Float32x4.swizzle(row2, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor0);
+  minor2 = SIMD.Float32x4.mul(row0, tmp1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor0 = SIMD.Float32x4.sub(minor0, SIMD.Float32x4.mul(row2, tmp1));
+  minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row0, tmp1), minor2);
+  minor2 = SIMD.Float32x4.swizzle(minor2, 2, 3, 0, 1);
+
+  tmp1   = SIMD.Float32x4.mul(row0, row1);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor2);
+  minor3 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row2, tmp1), minor3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor2 = SIMD.Float32x4.sub(SIMD.Float32x4.mul(row3, tmp1), minor2);
+  minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row2, tmp1));
+
+  tmp1   = SIMD.Float32x4.mul(row0, row3);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row2, tmp1));
+  minor2 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row2, tmp1), minor1);
+  minor2 = SIMD.Float32x4.sub(minor2, SIMD.Float32x4.mul(row1, tmp1));
+
+  tmp1   = SIMD.Float32x4.mul(row0, row2);
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 1, 0, 3, 2);
+  minor1 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row3, tmp1), minor1);
+  minor3 = SIMD.Float32x4.sub(minor3, SIMD.Float32x4.mul(row1, tmp1));
+  tmp1   = SIMD.Float32x4.swizzle(tmp1, 2, 3, 0, 1);
+  minor1 = SIMD.Float32x4.sub(minor1, SIMD.Float32x4.mul(row3, tmp1));
+  minor3 = SIMD.Float32x4.add(SIMD.Float32x4.mul(row1, tmp1), minor3);
+
+  SIMD.Float32x4.store(out, 0,  minor0);
+  SIMD.Float32x4.store(out, 4,  minor1);
+  SIMD.Float32x4.store(out, 8,  minor2);
+  SIMD.Float32x4.store(out, 12, minor3);
+  return out;
+};
+
+/**
+ * Calculates the adjugate of a mat4 using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the source matrix
+ * @returns {mat4} out
+ */
+ mat4.adjoint = glMatrix.USE_SIMD ? mat4.SIMD.adjoint : mat4.scalar.adjoint;
+
+/**
+ * Calculates the determinant of a mat4
+ *
+ * @param {mat4} a the source matrix
+ * @returns {Number} determinant of a
+ */
+mat4.determinant = function (a) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15],
+
+        b00 = a00 * a11 - a01 * a10,
+        b01 = a00 * a12 - a02 * a10,
+        b02 = a00 * a13 - a03 * a10,
+        b03 = a01 * a12 - a02 * a11,
+        b04 = a01 * a13 - a03 * a11,
+        b05 = a02 * a13 - a03 * a12,
+        b06 = a20 * a31 - a21 * a30,
+        b07 = a20 * a32 - a22 * a30,
+        b08 = a20 * a33 - a23 * a30,
+        b09 = a21 * a32 - a22 * a31,
+        b10 = a21 * a33 - a23 * a31,
+        b11 = a22 * a33 - a23 * a32;
+
+    // Calculate the determinant
+    return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+};
+
+/**
+ * Multiplies two mat4's explicitly using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand, must be a Float32Array
+ * @param {mat4} b the second operand, must be a Float32Array
+ * @returns {mat4} out
+ */
+mat4.SIMD.multiply = function (out, a, b) {
+    var a0 = SIMD.Float32x4.load(a, 0);
+    var a1 = SIMD.Float32x4.load(a, 4);
+    var a2 = SIMD.Float32x4.load(a, 8);
+    var a3 = SIMD.Float32x4.load(a, 12);
+
+    var b0 = SIMD.Float32x4.load(b, 0);
+    var out0 = SIMD.Float32x4.add(
+                   SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b0, 0, 0, 0, 0), a0),
+                   SIMD.Float32x4.add(
+                       SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b0, 1, 1, 1, 1), a1),
+                       SIMD.Float32x4.add(
+                           SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b0, 2, 2, 2, 2), a2),
+                           SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b0, 3, 3, 3, 3), a3))));
+    SIMD.Float32x4.store(out, 0, out0);
+
+    var b1 = SIMD.Float32x4.load(b, 4);
+    var out1 = SIMD.Float32x4.add(
+                   SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b1, 0, 0, 0, 0), a0),
+                   SIMD.Float32x4.add(
+                       SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b1, 1, 1, 1, 1), a1),
+                       SIMD.Float32x4.add(
+                           SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b1, 2, 2, 2, 2), a2),
+                           SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b1, 3, 3, 3, 3), a3))));
+    SIMD.Float32x4.store(out, 4, out1);
+
+    var b2 = SIMD.Float32x4.load(b, 8);
+    var out2 = SIMD.Float32x4.add(
+                   SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b2, 0, 0, 0, 0), a0),
+                   SIMD.Float32x4.add(
+                       SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b2, 1, 1, 1, 1), a1),
+                       SIMD.Float32x4.add(
+                               SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b2, 2, 2, 2, 2), a2),
+                               SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b2, 3, 3, 3, 3), a3))));
+    SIMD.Float32x4.store(out, 8, out2);
+
+    var b3 = SIMD.Float32x4.load(b, 12);
+    var out3 = SIMD.Float32x4.add(
+                   SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b3, 0, 0, 0, 0), a0),
+                   SIMD.Float32x4.add(
+                        SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b3, 1, 1, 1, 1), a1),
+                        SIMD.Float32x4.add(
+                            SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b3, 2, 2, 2, 2), a2),
+                            SIMD.Float32x4.mul(SIMD.Float32x4.swizzle(b3, 3, 3, 3, 3), a3))));
+    SIMD.Float32x4.store(out, 12, out3);
+
+    return out;
+};
+
+/**
+ * Multiplies two mat4's explicitly not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @returns {mat4} out
+ */
+mat4.scalar.multiply = function (out, a, b) {
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
+        a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
+        a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
+        a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
+
+    // Cache only the current line of the second matrix
+    var b0  = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    out[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[4]; b1 = b[5]; b2 = b[6]; b3 = b[7];
+    out[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[8]; b1 = b[9]; b2 = b[10]; b3 = b[11];
+    out[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+
+    b0 = b[12]; b1 = b[13]; b2 = b[14]; b3 = b[15];
+    out[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
+    out[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
+    out[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
+    out[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+    return out;
+};
+
+/**
+ * Multiplies two mat4's using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @returns {mat4} out
+ */
+mat4.multiply = glMatrix.USE_SIMD ? mat4.SIMD.multiply : mat4.scalar.multiply;
+
+/**
+ * Alias for {@link mat4.multiply}
+ * @function
+ */
+mat4.mul = mat4.multiply;
+
+/**
+ * Translate a mat4 by the given vector not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to translate
+ * @param {vec3} v vector to translate by
+ * @returns {mat4} out
+ */
+mat4.scalar.translate = function (out, a, v) {
+    var x = v[0], y = v[1], z = v[2],
+        a00, a01, a02, a03,
+        a10, a11, a12, a13,
+        a20, a21, a22, a23;
+
+    if (a === out) {
+        out[12] = a[0] * x + a[4] * y + a[8] * z + a[12];
+        out[13] = a[1] * x + a[5] * y + a[9] * z + a[13];
+        out[14] = a[2] * x + a[6] * y + a[10] * z + a[14];
+        out[15] = a[3] * x + a[7] * y + a[11] * z + a[15];
+    } else {
+        a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3];
+        a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7];
+        a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11];
+
+        out[0] = a00; out[1] = a01; out[2] = a02; out[3] = a03;
+        out[4] = a10; out[5] = a11; out[6] = a12; out[7] = a13;
+        out[8] = a20; out[9] = a21; out[10] = a22; out[11] = a23;
+
+        out[12] = a00 * x + a10 * y + a20 * z + a[12];
+        out[13] = a01 * x + a11 * y + a21 * z + a[13];
+        out[14] = a02 * x + a12 * y + a22 * z + a[14];
+        out[15] = a03 * x + a13 * y + a23 * z + a[15];
+    }
+
+    return out;
+};
+
+/**
+ * Translates a mat4 by the given vector using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to translate
+ * @param {vec3} v vector to translate by
+ * @returns {mat4} out
+ */
+mat4.SIMD.translate = function (out, a, v) {
+    var a0 = SIMD.Float32x4.load(a, 0),
+        a1 = SIMD.Float32x4.load(a, 4),
+        a2 = SIMD.Float32x4.load(a, 8),
+        a3 = SIMD.Float32x4.load(a, 12),
+        vec = SIMD.Float32x4(v[0], v[1], v[2] , 0);
+
+    if (a !== out) {
+        out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3];
+        out[4] = a[4]; out[5] = a[5]; out[6] = a[6]; out[7] = a[7];
+        out[8] = a[8]; out[9] = a[9]; out[10] = a[10]; out[11] = a[11];
+    }
+
+    a0 = SIMD.Float32x4.mul(a0, SIMD.Float32x4.swizzle(vec, 0, 0, 0, 0));
+    a1 = SIMD.Float32x4.mul(a1, SIMD.Float32x4.swizzle(vec, 1, 1, 1, 1));
+    a2 = SIMD.Float32x4.mul(a2, SIMD.Float32x4.swizzle(vec, 2, 2, 2, 2));
+
+    var t0 = SIMD.Float32x4.add(a0, SIMD.Float32x4.add(a1, SIMD.Float32x4.add(a2, a3)));
+    SIMD.Float32x4.store(out, 12, t0);
+
+    return out;
+};
+
+/**
+ * Translates a mat4 by the given vector using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to translate
+ * @param {vec3} v vector to translate by
+ * @returns {mat4} out
+ */
+mat4.translate = glMatrix.USE_SIMD ? mat4.SIMD.translate : mat4.scalar.translate;
+
+/**
+ * Scales the mat4 by the dimensions in the given vec3 not using vectorization
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to scale
+ * @param {vec3} v the vec3 to scale the matrix by
+ * @returns {mat4} out
+ **/
+mat4.scalar.scale = function(out, a, v) {
+    var x = v[0], y = v[1], z = v[2];
+
+    out[0] = a[0] * x;
+    out[1] = a[1] * x;
+    out[2] = a[2] * x;
+    out[3] = a[3] * x;
+    out[4] = a[4] * y;
+    out[5] = a[5] * y;
+    out[6] = a[6] * y;
+    out[7] = a[7] * y;
+    out[8] = a[8] * z;
+    out[9] = a[9] * z;
+    out[10] = a[10] * z;
+    out[11] = a[11] * z;
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+
+/**
+ * Scales the mat4 by the dimensions in the given vec3 using vectorization
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to scale
+ * @param {vec3} v the vec3 to scale the matrix by
+ * @returns {mat4} out
+ **/
+mat4.SIMD.scale = function(out, a, v) {
+    var a0, a1, a2;
+    var vec = SIMD.Float32x4(v[0], v[1], v[2], 0);
+
+    a0 = SIMD.Float32x4.load(a, 0);
+    SIMD.Float32x4.store(
+        out, 0, SIMD.Float32x4.mul(a0, SIMD.Float32x4.swizzle(vec, 0, 0, 0, 0)));
+
+    a1 = SIMD.Float32x4.load(a, 4);
+    SIMD.Float32x4.store(
+        out, 4, SIMD.Float32x4.mul(a1, SIMD.Float32x4.swizzle(vec, 1, 1, 1, 1)));
+
+    a2 = SIMD.Float32x4.load(a, 8);
+    SIMD.Float32x4.store(
+        out, 8, SIMD.Float32x4.mul(a2, SIMD.Float32x4.swizzle(vec, 2, 2, 2, 2)));
+
+    out[12] = a[12];
+    out[13] = a[13];
+    out[14] = a[14];
+    out[15] = a[15];
+    return out;
+};
+
+/**
+ * Scales the mat4 by the dimensions in the given vec3 using SIMD if available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to scale
+ * @param {vec3} v the vec3 to scale the matrix by
+ * @returns {mat4} out
+ */
+mat4.scale = glMatrix.USE_SIMD ? mat4.SIMD.scale : mat4.scalar.scale;
+
+/**
+ * Rotates a mat4 by the given angle around the given axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @param {vec3} axis the axis to rotate around
+ * @returns {mat4} out
+ */
+mat4.rotate = function (out, a, rad, axis) {
+    var x = axis[0], y = axis[1], z = axis[2],
+        len = Math.sqrt(x * x + y * y + z * z),
+        s, c, t,
+        a00, a01, a02, a03,
+        a10, a11, a12, a13,
+        a20, a21, a22, a23,
+        b00, b01, b02,
+        b10, b11, b12,
+        b20, b21, b22;
+
+    if (Math.abs(len) < glMatrix.EPSILON) { return null; }
+
+    len = 1 / len;
+    x *= len;
+    y *= len;
+    z *= len;
+
+    s = Math.sin(rad);
+    c = Math.cos(rad);
+    t = 1 - c;
+
+    a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3];
+    a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7];
+    a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11];
+
+    // Construct the elements of the rotation matrix
+    b00 = x * x * t + c; b01 = y * x * t + z * s; b02 = z * x * t - y * s;
+    b10 = x * y * t - z * s; b11 = y * y * t + c; b12 = z * y * t + x * s;
+    b20 = x * z * t + y * s; b21 = y * z * t - x * s; b22 = z * z * t + c;
+
+    // Perform rotation-specific matrix multiplication
+    out[0] = a00 * b00 + a10 * b01 + a20 * b02;
+    out[1] = a01 * b00 + a11 * b01 + a21 * b02;
+    out[2] = a02 * b00 + a12 * b01 + a22 * b02;
+    out[3] = a03 * b00 + a13 * b01 + a23 * b02;
+    out[4] = a00 * b10 + a10 * b11 + a20 * b12;
+    out[5] = a01 * b10 + a11 * b11 + a21 * b12;
+    out[6] = a02 * b10 + a12 * b11 + a22 * b12;
+    out[7] = a03 * b10 + a13 * b11 + a23 * b12;
+    out[8] = a00 * b20 + a10 * b21 + a20 * b22;
+    out[9] = a01 * b20 + a11 * b21 + a21 * b22;
+    out[10] = a02 * b20 + a12 * b21 + a22 * b22;
+    out[11] = a03 * b20 + a13 * b21 + a23 * b22;
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged last row
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the X axis not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.scalar.rotateX = function (out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+        out[0]  = a[0];
+        out[1]  = a[1];
+        out[2]  = a[2];
+        out[3]  = a[3];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[4] = a10 * c + a20 * s;
+    out[5] = a11 * c + a21 * s;
+    out[6] = a12 * c + a22 * s;
+    out[7] = a13 * c + a23 * s;
+    out[8] = a20 * c - a10 * s;
+    out[9] = a21 * c - a11 * s;
+    out[10] = a22 * c - a12 * s;
+    out[11] = a23 * c - a13 * s;
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the X axis using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.SIMD.rotateX = function (out, a, rad) {
+    var s = SIMD.Float32x4.splat(Math.sin(rad)),
+        c = SIMD.Float32x4.splat(Math.cos(rad));
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+      out[0]  = a[0];
+      out[1]  = a[1];
+      out[2]  = a[2];
+      out[3]  = a[3];
+      out[12] = a[12];
+      out[13] = a[13];
+      out[14] = a[14];
+      out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    var a_1 = SIMD.Float32x4.load(a, 4);
+    var a_2 = SIMD.Float32x4.load(a, 8);
+    SIMD.Float32x4.store(out, 4,
+                         SIMD.Float32x4.add(SIMD.Float32x4.mul(a_1, c), SIMD.Float32x4.mul(a_2, s)));
+    SIMD.Float32x4.store(out, 8,
+                         SIMD.Float32x4.sub(SIMD.Float32x4.mul(a_2, c), SIMD.Float32x4.mul(a_1, s)));
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the X axis using SIMD if availabe and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.rotateX = glMatrix.USE_SIMD ? mat4.SIMD.rotateX : mat4.scalar.rotateX;
+
+/**
+ * Rotates a matrix by the given angle around the Y axis not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.scalar.rotateY = function (out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+        out[4]  = a[4];
+        out[5]  = a[5];
+        out[6]  = a[6];
+        out[7]  = a[7];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[0] = a00 * c - a20 * s;
+    out[1] = a01 * c - a21 * s;
+    out[2] = a02 * c - a22 * s;
+    out[3] = a03 * c - a23 * s;
+    out[8] = a00 * s + a20 * c;
+    out[9] = a01 * s + a21 * c;
+    out[10] = a02 * s + a22 * c;
+    out[11] = a03 * s + a23 * c;
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the Y axis using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.SIMD.rotateY = function (out, a, rad) {
+    var s = SIMD.Float32x4.splat(Math.sin(rad)),
+        c = SIMD.Float32x4.splat(Math.cos(rad));
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged rows
+        out[4]  = a[4];
+        out[5]  = a[5];
+        out[6]  = a[6];
+        out[7]  = a[7];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    var a_0 = SIMD.Float32x4.load(a, 0);
+    var a_2 = SIMD.Float32x4.load(a, 8);
+    SIMD.Float32x4.store(out, 0,
+                         SIMD.Float32x4.sub(SIMD.Float32x4.mul(a_0, c), SIMD.Float32x4.mul(a_2, s)));
+    SIMD.Float32x4.store(out, 8,
+                         SIMD.Float32x4.add(SIMD.Float32x4.mul(a_0, s), SIMD.Float32x4.mul(a_2, c)));
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the Y axis if SIMD available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+ mat4.rotateY = glMatrix.USE_SIMD ? mat4.SIMD.rotateY : mat4.scalar.rotateY;
+
+/**
+ * Rotates a matrix by the given angle around the Z axis not using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.scalar.rotateZ = function (out, a, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad),
+        a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3],
+        a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7];
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged last row
+        out[8]  = a[8];
+        out[9]  = a[9];
+        out[10] = a[10];
+        out[11] = a[11];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    out[0] = a00 * c + a10 * s;
+    out[1] = a01 * c + a11 * s;
+    out[2] = a02 * c + a12 * s;
+    out[3] = a03 * c + a13 * s;
+    out[4] = a10 * c - a00 * s;
+    out[5] = a11 * c - a01 * s;
+    out[6] = a12 * c - a02 * s;
+    out[7] = a13 * c - a03 * s;
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the Z axis using SIMD
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.SIMD.rotateZ = function (out, a, rad) {
+    var s = SIMD.Float32x4.splat(Math.sin(rad)),
+        c = SIMD.Float32x4.splat(Math.cos(rad));
+
+    if (a !== out) { // If the source and destination differ, copy the unchanged last row
+        out[8]  = a[8];
+        out[9]  = a[9];
+        out[10] = a[10];
+        out[11] = a[11];
+        out[12] = a[12];
+        out[13] = a[13];
+        out[14] = a[14];
+        out[15] = a[15];
+    }
+
+    // Perform axis-specific matrix multiplication
+    var a_0 = SIMD.Float32x4.load(a, 0);
+    var a_1 = SIMD.Float32x4.load(a, 4);
+    SIMD.Float32x4.store(out, 0,
+                         SIMD.Float32x4.add(SIMD.Float32x4.mul(a_0, c), SIMD.Float32x4.mul(a_1, s)));
+    SIMD.Float32x4.store(out, 4,
+                         SIMD.Float32x4.sub(SIMD.Float32x4.mul(a_1, c), SIMD.Float32x4.mul(a_0, s)));
+    return out;
+};
+
+/**
+ * Rotates a matrix by the given angle around the Z axis if SIMD available and enabled
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+ mat4.rotateZ = glMatrix.USE_SIMD ? mat4.SIMD.rotateZ : mat4.scalar.rotateZ;
+
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, dest, vec);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {vec3} v Translation vector
+ * @returns {mat4} out
+ */
+mat4.fromTranslation = function(out, v) {
+    out[0] = 1;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = v[0];
+    out[13] = v[1];
+    out[14] = v[2];
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.scale(dest, dest, vec);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {vec3} v Scaling vector
+ * @returns {mat4} out
+ */
+mat4.fromScaling = function(out, v) {
+    out[0] = v[0];
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = v[1];
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = v[2];
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from a given angle around a given axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotate(dest, dest, rad, axis);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @param {vec3} axis the axis to rotate around
+ * @returns {mat4} out
+ */
+mat4.fromRotation = function(out, rad, axis) {
+    var x = axis[0], y = axis[1], z = axis[2],
+        len = Math.sqrt(x * x + y * y + z * z),
+        s, c, t;
+
+    if (Math.abs(len) < glMatrix.EPSILON) { return null; }
+
+    len = 1 / len;
+    x *= len;
+    y *= len;
+    z *= len;
+
+    s = Math.sin(rad);
+    c = Math.cos(rad);
+    t = 1 - c;
+
+    // Perform rotation-specific matrix multiplication
+    out[0] = x * x * t + c;
+    out[1] = y * x * t + z * s;
+    out[2] = z * x * t - y * s;
+    out[3] = 0;
+    out[4] = x * y * t - z * s;
+    out[5] = y * y * t + c;
+    out[6] = z * y * t + x * s;
+    out[7] = 0;
+    out[8] = x * z * t + y * s;
+    out[9] = y * z * t - x * s;
+    out[10] = z * z * t + c;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from the given angle around the X axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateX(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.fromXRotation = function(out, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad);
+
+    // Perform axis-specific matrix multiplication
+    out[0]  = 1;
+    out[1]  = 0;
+    out[2]  = 0;
+    out[3]  = 0;
+    out[4] = 0;
+    out[5] = c;
+    out[6] = s;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = -s;
+    out[10] = c;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from the given angle around the Y axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateY(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.fromYRotation = function(out, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad);
+
+    // Perform axis-specific matrix multiplication
+    out[0]  = c;
+    out[1]  = 0;
+    out[2]  = -s;
+    out[3]  = 0;
+    out[4] = 0;
+    out[5] = 1;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = s;
+    out[9] = 0;
+    out[10] = c;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from the given angle around the Z axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateZ(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
+ */
+mat4.fromZRotation = function(out, rad) {
+    var s = Math.sin(rad),
+        c = Math.cos(rad);
+
+    // Perform axis-specific matrix multiplication
+    out[0]  = c;
+    out[1]  = s;
+    out[2]  = 0;
+    out[3]  = 0;
+    out[4] = -s;
+    out[5] = c;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 1;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+}
+
+/**
+ * Creates a matrix from a quaternion rotation and vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     var quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {vec3} v Translation vector
+ * @returns {mat4} out
+ */
+mat4.fromRotationTranslation = function (out, q, v) {
+    // Quaternion math
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        xy = x * y2,
+        xz = x * z2,
+        yy = y * y2,
+        yz = y * z2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2;
+
+    out[0] = 1 - (yy + zz);
+    out[1] = xy + wz;
+    out[2] = xz - wy;
+    out[3] = 0;
+    out[4] = xy - wz;
+    out[5] = 1 - (xx + zz);
+    out[6] = yz + wx;
+    out[7] = 0;
+    out[8] = xz + wy;
+    out[9] = yz - wx;
+    out[10] = 1 - (xx + yy);
+    out[11] = 0;
+    out[12] = v[0];
+    out[13] = v[1];
+    out[14] = v[2];
+    out[15] = 1;
+
+    return out;
+};
+
+/**
+ * Returns the translation vector component of a transformation
+ *  matrix. If a matrix is built with fromRotationTranslation,
+ *  the returned vector will be the same as the translation vector
+ *  originally supplied.
+ * @param  {vec3} out Vector to receive translation component
+ * @param  {mat4} mat Matrix to be decomposed (input)
+ * @return {vec3} out
+ */
+mat4.getTranslation = function (out, mat) {
+  out[0] = mat[12];
+  out[1] = mat[13];
+  out[2] = mat[14];
+
+  return out;
+};
+
+/**
+ * Returns a quaternion representing the rotational component
+ *  of a transformation matrix. If a matrix is built with
+ *  fromRotationTranslation, the returned quaternion will be the
+ *  same as the quaternion originally supplied.
+ * @param {quat} out Quaternion to receive the rotation component
+ * @param {mat4} mat Matrix to be decomposed (input)
+ * @return {quat} out
+ */
+mat4.getRotation = function (out, mat) {
+  // Algorithm taken from http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
+  var trace = mat[0] + mat[5] + mat[10];
+  var S = 0;
+
+  if (trace > 0) { 
+    S = Math.sqrt(trace + 1.0) * 2;
+    out[3] = 0.25 * S;
+    out[0] = (mat[6] - mat[9]) / S;
+    out[1] = (mat[8] - mat[2]) / S; 
+    out[2] = (mat[1] - mat[4]) / S; 
+  } else if ((mat[0] > mat[5])&(mat[0] > mat[10])) { 
+    S = Math.sqrt(1.0 + mat[0] - mat[5] - mat[10]) * 2;
+    out[3] = (mat[6] - mat[9]) / S;
+    out[0] = 0.25 * S;
+    out[1] = (mat[1] + mat[4]) / S; 
+    out[2] = (mat[8] + mat[2]) / S; 
+  } else if (mat[5] > mat[10]) { 
+    S = Math.sqrt(1.0 + mat[5] - mat[0] - mat[10]) * 2;
+    out[3] = (mat[8] - mat[2]) / S;
+    out[0] = (mat[1] + mat[4]) / S; 
+    out[1] = 0.25 * S;
+    out[2] = (mat[6] + mat[9]) / S; 
+  } else { 
+    S = Math.sqrt(1.0 + mat[10] - mat[0] - mat[5]) * 2;
+    out[3] = (mat[1] - mat[4]) / S;
+    out[0] = (mat[8] + mat[2]) / S;
+    out[1] = (mat[6] + mat[9]) / S;
+    out[2] = 0.25 * S;
+  }
+
+  return out;
+};
+
+/**
+ * Creates a matrix from a quaternion rotation, vector translation and vector scale
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     var quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *     mat4.scale(dest, scale)
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {vec3} v Translation vector
+ * @param {vec3} s Scaling vector
+ * @returns {mat4} out
+ */
+mat4.fromRotationTranslationScale = function (out, q, v, s) {
+    // Quaternion math
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        xy = x * y2,
+        xz = x * z2,
+        yy = y * y2,
+        yz = y * z2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2,
+        sx = s[0],
+        sy = s[1],
+        sz = s[2];
+
+    out[0] = (1 - (yy + zz)) * sx;
+    out[1] = (xy + wz) * sx;
+    out[2] = (xz - wy) * sx;
+    out[3] = 0;
+    out[4] = (xy - wz) * sy;
+    out[5] = (1 - (xx + zz)) * sy;
+    out[6] = (yz + wx) * sy;
+    out[7] = 0;
+    out[8] = (xz + wy) * sz;
+    out[9] = (yz - wx) * sz;
+    out[10] = (1 - (xx + yy)) * sz;
+    out[11] = 0;
+    out[12] = v[0];
+    out[13] = v[1];
+    out[14] = v[2];
+    out[15] = 1;
+
+    return out;
+};
+
+/**
+ * Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     mat4.translate(dest, origin);
+ *     var quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *     mat4.scale(dest, scale)
+ *     mat4.translate(dest, negativeOrigin);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {vec3} v Translation vector
+ * @param {vec3} s Scaling vector
+ * @param {vec3} o The origin vector around which to scale and rotate
+ * @returns {mat4} out
+ */
+mat4.fromRotationTranslationScaleOrigin = function (out, q, v, s, o) {
+  // Quaternion math
+  var x = q[0], y = q[1], z = q[2], w = q[3],
+      x2 = x + x,
+      y2 = y + y,
+      z2 = z + z,
+
+      xx = x * x2,
+      xy = x * y2,
+      xz = x * z2,
+      yy = y * y2,
+      yz = y * z2,
+      zz = z * z2,
+      wx = w * x2,
+      wy = w * y2,
+      wz = w * z2,
+
+      sx = s[0],
+      sy = s[1],
+      sz = s[2],
+
+      ox = o[0],
+      oy = o[1],
+      oz = o[2];
+
+  out[0] = (1 - (yy + zz)) * sx;
+  out[1] = (xy + wz) * sx;
+  out[2] = (xz - wy) * sx;
+  out[3] = 0;
+  out[4] = (xy - wz) * sy;
+  out[5] = (1 - (xx + zz)) * sy;
+  out[6] = (yz + wx) * sy;
+  out[7] = 0;
+  out[8] = (xz + wy) * sz;
+  out[9] = (yz - wx) * sz;
+  out[10] = (1 - (xx + yy)) * sz;
+  out[11] = 0;
+  out[12] = v[0] + ox - (out[0] * ox + out[4] * oy + out[8] * oz);
+  out[13] = v[1] + oy - (out[1] * ox + out[5] * oy + out[9] * oz);
+  out[14] = v[2] + oz - (out[2] * ox + out[6] * oy + out[10] * oz);
+  out[15] = 1;
+
+  return out;
+};
+
+/**
+ * Calculates a 4x4 matrix from the given quaternion
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat} q Quaternion to create matrix from
+ *
+ * @returns {mat4} out
+ */
+mat4.fromQuat = function (out, q) {
+    var x = q[0], y = q[1], z = q[2], w = q[3],
+        x2 = x + x,
+        y2 = y + y,
+        z2 = z + z,
+
+        xx = x * x2,
+        yx = y * x2,
+        yy = y * y2,
+        zx = z * x2,
+        zy = z * y2,
+        zz = z * z2,
+        wx = w * x2,
+        wy = w * y2,
+        wz = w * z2;
+
+    out[0] = 1 - yy - zz;
+    out[1] = yx + wz;
+    out[2] = zx - wy;
+    out[3] = 0;
+
+    out[4] = yx - wz;
+    out[5] = 1 - xx - zz;
+    out[6] = zy + wx;
+    out[7] = 0;
+
+    out[8] = zx + wy;
+    out[9] = zy - wx;
+    out[10] = 1 - xx - yy;
+    out[11] = 0;
+
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+
+    return out;
+};
+
+/**
+ * Generates a frustum matrix with the given bounds
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {Number} left Left bound of the frustum
+ * @param {Number} right Right bound of the frustum
+ * @param {Number} bottom Bottom bound of the frustum
+ * @param {Number} top Top bound of the frustum
+ * @param {Number} near Near bound of the frustum
+ * @param {Number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+mat4.frustum = function (out, left, right, bottom, top, near, far) {
+    var rl = 1 / (right - left),
+        tb = 1 / (top - bottom),
+        nf = 1 / (near - far);
+    out[0] = (near * 2) * rl;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = (near * 2) * tb;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = (right + left) * rl;
+    out[9] = (top + bottom) * tb;
+    out[10] = (far + near) * nf;
+    out[11] = -1;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = (far * near * 2) * nf;
+    out[15] = 0;
+    return out;
+};
+
+/**
+ * Generates a perspective projection matrix with the given bounds
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} fovy Vertical field of view in radians
+ * @param {number} aspect Aspect ratio. typically viewport width/height
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+mat4.perspective = function (out, fovy, aspect, near, far) {
+    var f = 1.0 / Math.tan(fovy / 2),
+        nf = 1 / (near - far);
+    out[0] = f / aspect;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = f;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = (far + near) * nf;
+    out[11] = -1;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = (2 * far * near) * nf;
+    out[15] = 0;
+    return out;
+};
+
+/**
+ * Generates a perspective projection matrix with the given field of view.
+ * This is primarily useful for generating projection matrices to be used
+ * with the still experiemental WebVR API.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {Object} fov Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+mat4.perspectiveFromFieldOfView = function (out, fov, near, far) {
+    var upTan = Math.tan(fov.upDegrees * Math.PI/180.0),
+        downTan = Math.tan(fov.downDegrees * Math.PI/180.0),
+        leftTan = Math.tan(fov.leftDegrees * Math.PI/180.0),
+        rightTan = Math.tan(fov.rightDegrees * Math.PI/180.0),
+        xScale = 2.0 / (leftTan + rightTan),
+        yScale = 2.0 / (upTan + downTan);
+
+    out[0] = xScale;
+    out[1] = 0.0;
+    out[2] = 0.0;
+    out[3] = 0.0;
+    out[4] = 0.0;
+    out[5] = yScale;
+    out[6] = 0.0;
+    out[7] = 0.0;
+    out[8] = -((leftTan - rightTan) * xScale * 0.5);
+    out[9] = ((upTan - downTan) * yScale * 0.5);
+    out[10] = far / (near - far);
+    out[11] = -1.0;
+    out[12] = 0.0;
+    out[13] = 0.0;
+    out[14] = (far * near) / (near - far);
+    out[15] = 0.0;
+    return out;
+}
+
+/**
+ * Generates a orthogonal projection matrix with the given bounds
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} left Left bound of the frustum
+ * @param {number} right Right bound of the frustum
+ * @param {number} bottom Bottom bound of the frustum
+ * @param {number} top Top bound of the frustum
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+mat4.ortho = function (out, left, right, bottom, top, near, far) {
+    var lr = 1 / (left - right),
+        bt = 1 / (bottom - top),
+        nf = 1 / (near - far);
+    out[0] = -2 * lr;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    out[4] = 0;
+    out[5] = -2 * bt;
+    out[6] = 0;
+    out[7] = 0;
+    out[8] = 0;
+    out[9] = 0;
+    out[10] = 2 * nf;
+    out[11] = 0;
+    out[12] = (left + right) * lr;
+    out[13] = (top + bottom) * bt;
+    out[14] = (far + near) * nf;
+    out[15] = 1;
+    return out;
+};
+
+/**
+ * Generates a look-at matrix with the given eye position, focal point, and up axis
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {vec3} eye Position of the viewer
+ * @param {vec3} center Point the viewer is looking at
+ * @param {vec3} up vec3 pointing up
+ * @returns {mat4} out
+ */
+mat4.lookAt = function (out, eye, center, up) {
+    var x0, x1, x2, y0, y1, y2, z0, z1, z2, len,
+        eyex = eye[0],
+        eyey = eye[1],
+        eyez = eye[2],
+        upx = up[0],
+        upy = up[1],
+        upz = up[2],
+        centerx = center[0],
+        centery = center[1],
+        centerz = center[2];
+
+    if (Math.abs(eyex - centerx) < glMatrix.EPSILON &&
+        Math.abs(eyey - centery) < glMatrix.EPSILON &&
+        Math.abs(eyez - centerz) < glMatrix.EPSILON) {
+        return mat4.identity(out);
+    }
+
+    z0 = eyex - centerx;
+    z1 = eyey - centery;
+    z2 = eyez - centerz;
+
+    len = 1 / Math.sqrt(z0 * z0 + z1 * z1 + z2 * z2);
+    z0 *= len;
+    z1 *= len;
+    z2 *= len;
+
+    x0 = upy * z2 - upz * z1;
+    x1 = upz * z0 - upx * z2;
+    x2 = upx * z1 - upy * z0;
+    len = Math.sqrt(x0 * x0 + x1 * x1 + x2 * x2);
+    if (!len) {
+        x0 = 0;
+        x1 = 0;
+        x2 = 0;
+    } else {
+        len = 1 / len;
+        x0 *= len;
+        x1 *= len;
+        x2 *= len;
+    }
+
+    y0 = z1 * x2 - z2 * x1;
+    y1 = z2 * x0 - z0 * x2;
+    y2 = z0 * x1 - z1 * x0;
+
+    len = Math.sqrt(y0 * y0 + y1 * y1 + y2 * y2);
+    if (!len) {
+        y0 = 0;
+        y1 = 0;
+        y2 = 0;
+    } else {
+        len = 1 / len;
+        y0 *= len;
+        y1 *= len;
+        y2 *= len;
+    }
+
+    out[0] = x0;
+    out[1] = y0;
+    out[2] = z0;
+    out[3] = 0;
+    out[4] = x1;
+    out[5] = y1;
+    out[6] = z1;
+    out[7] = 0;
+    out[8] = x2;
+    out[9] = y2;
+    out[10] = z2;
+    out[11] = 0;
+    out[12] = -(x0 * eyex + x1 * eyey + x2 * eyez);
+    out[13] = -(y0 * eyex + y1 * eyey + y2 * eyez);
+    out[14] = -(z0 * eyex + z1 * eyey + z2 * eyez);
+    out[15] = 1;
+
+    return out;
+};
+
+/**
+ * Returns a string representation of a mat4
+ *
+ * @param {mat4} mat matrix to represent as a string
+ * @returns {String} string representation of the matrix
+ */
+mat4.str = function (a) {
+    return 'mat4(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ', ' +
+                    a[4] + ', ' + a[5] + ', ' + a[6] + ', ' + a[7] + ', ' +
+                    a[8] + ', ' + a[9] + ', ' + a[10] + ', ' + a[11] + ', ' +
+                    a[12] + ', ' + a[13] + ', ' + a[14] + ', ' + a[15] + ')';
+};
+
+/**
+ * Returns Frobenius norm of a mat4
+ *
+ * @param {mat4} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
+ */
+mat4.frob = function (a) {
+    return(Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + Math.pow(a[6], 2) + Math.pow(a[7], 2) + Math.pow(a[8], 2) + Math.pow(a[9], 2) + Math.pow(a[10], 2) + Math.pow(a[11], 2) + Math.pow(a[12], 2) + Math.pow(a[13], 2) + Math.pow(a[14], 2) + Math.pow(a[15], 2) ))
+};
+
+/**
+ * Adds two mat4's
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @returns {mat4} out
+ */
+mat4.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    out[3] = a[3] + b[3];
+    out[4] = a[4] + b[4];
+    out[5] = a[5] + b[5];
+    out[6] = a[6] + b[6];
+    out[7] = a[7] + b[7];
+    out[8] = a[8] + b[8];
+    out[9] = a[9] + b[9];
+    out[10] = a[10] + b[10];
+    out[11] = a[11] + b[11];
+    out[12] = a[12] + b[12];
+    out[13] = a[13] + b[13];
+    out[14] = a[14] + b[14];
+    out[15] = a[15] + b[15];
+    return out;
+};
+
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @returns {mat4} out
+ */
+mat4.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    out[3] = a[3] - b[3];
+    out[4] = a[4] - b[4];
+    out[5] = a[5] - b[5];
+    out[6] = a[6] - b[6];
+    out[7] = a[7] - b[7];
+    out[8] = a[8] - b[8];
+    out[9] = a[9] - b[9];
+    out[10] = a[10] - b[10];
+    out[11] = a[11] - b[11];
+    out[12] = a[12] - b[12];
+    out[13] = a[13] - b[13];
+    out[14] = a[14] - b[14];
+    out[15] = a[15] - b[15];
+    return out;
+};
+
+/**
+ * Alias for {@link mat4.subtract}
+ * @function
+ */
+mat4.sub = mat4.subtract;
+
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {mat4} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat4} out
+ */
+mat4.multiplyScalar = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    out[3] = a[3] * b;
+    out[4] = a[4] * b;
+    out[5] = a[5] * b;
+    out[6] = a[6] * b;
+    out[7] = a[7] * b;
+    out[8] = a[8] * b;
+    out[9] = a[9] * b;
+    out[10] = a[10] * b;
+    out[11] = a[11] * b;
+    out[12] = a[12] * b;
+    out[13] = a[13] * b;
+    out[14] = a[14] * b;
+    out[15] = a[15] * b;
+    return out;
+};
+
+/**
+ * Adds two mat4's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat4} out the receiving vector
+ * @param {mat4} a the first operand
+ * @param {mat4} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat4} out
+ */
+mat4.multiplyScalarAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    out[3] = a[3] + (b[3] * scale);
+    out[4] = a[4] + (b[4] * scale);
+    out[5] = a[5] + (b[5] * scale);
+    out[6] = a[6] + (b[6] * scale);
+    out[7] = a[7] + (b[7] * scale);
+    out[8] = a[8] + (b[8] * scale);
+    out[9] = a[9] + (b[9] * scale);
+    out[10] = a[10] + (b[10] * scale);
+    out[11] = a[11] + (b[11] * scale);
+    out[12] = a[12] + (b[12] * scale);
+    out[13] = a[13] + (b[13] * scale);
+    out[14] = a[14] + (b[14] * scale);
+    out[15] = a[15] + (b[15] * scale);
+    return out;
+};
+
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {mat4} a The first matrix.
+ * @param {mat4} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat4.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && 
+           a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && 
+           a[8] === b[8] && a[9] === b[9] && a[10] === b[10] && a[11] === b[11] &&
+           a[12] === b[12] && a[13] === b[13] && a[14] === b[14] && a[15] === b[15];
+};
+
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {mat4} a The first matrix.
+ * @param {mat4} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
+ */
+mat4.equals = function (a, b) {
+    var a0  = a[0],  a1  = a[1],  a2  = a[2],  a3  = a[3],
+        a4  = a[4],  a5  = a[5],  a6  = a[6],  a7  = a[7], 
+        a8  = a[8],  a9  = a[9],  a10 = a[10], a11 = a[11], 
+        a12 = a[12], a13 = a[13], a14 = a[14], a15 = a[15];
+
+    var b0  = b[0],  b1  = b[1],  b2  = b[2],  b3  = b[3],
+        b4  = b[4],  b5  = b[5],  b6  = b[6],  b7  = b[7], 
+        b8  = b[8],  b9  = b[9],  b10 = b[10], b11 = b[11], 
+        b12 = b[12], b13 = b[13], b14 = b[14], b15 = b[15];
+
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)) &&
+            Math.abs(a3 - b3) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a3), Math.abs(b3)) &&
+            Math.abs(a4 - b4) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a4), Math.abs(b4)) &&
+            Math.abs(a5 - b5) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a5), Math.abs(b5)) &&
+            Math.abs(a6 - b6) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a6), Math.abs(b6)) &&
+            Math.abs(a7 - b7) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a7), Math.abs(b7)) &&
+            Math.abs(a8 - b8) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a8), Math.abs(b8)) &&
+            Math.abs(a9 - b9) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a9), Math.abs(b9)) &&
+            Math.abs(a10 - b10) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a10), Math.abs(b10)) &&
+            Math.abs(a11 - b11) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a11), Math.abs(b11)) &&
+            Math.abs(a12 - b12) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a12), Math.abs(b12)) &&
+            Math.abs(a13 - b13) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a13), Math.abs(b13)) &&
+            Math.abs(a14 - b14) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a14), Math.abs(b14)) &&
+            Math.abs(a15 - b15) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a15), Math.abs(b15)));
+};
+
+
+
+module.exports = mat4;
+
+},{"./common.js":194}],199:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+var mat3 = require("./mat3.js");
+var vec3 = require("./vec3.js");
+var vec4 = require("./vec4.js");
+
+/**
+ * @class Quaternion
+ * @name quat
+ */
+var quat = {};
+
+/**
+ * Creates a new identity quat
+ *
+ * @returns {quat} a new quaternion
+ */
+quat.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = 0;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    return out;
+};
+
+/**
+ * Sets a quaternion to represent the shortest rotation from one
+ * vector to another.
+ *
+ * Both vectors are assumed to be unit length.
+ *
+ * @param {quat} out the receiving quaternion.
+ * @param {vec3} a the initial vector
+ * @param {vec3} b the destination vector
+ * @returns {quat} out
+ */
+quat.rotationTo = (function() {
+    var tmpvec3 = vec3.create();
+    var xUnitVec3 = vec3.fromValues(1,0,0);
+    var yUnitVec3 = vec3.fromValues(0,1,0);
+
+    return function(out, a, b) {
+        var dot = vec3.dot(a, b);
+        if (dot < -0.999999) {
+            vec3.cross(tmpvec3, xUnitVec3, a);
+            if (vec3.length(tmpvec3) < 0.000001)
+                vec3.cross(tmpvec3, yUnitVec3, a);
+            vec3.normalize(tmpvec3, tmpvec3);
+            quat.setAxisAngle(out, tmpvec3, Math.PI);
+            return out;
+        } else if (dot > 0.999999) {
+            out[0] = 0;
+            out[1] = 0;
+            out[2] = 0;
+            out[3] = 1;
+            return out;
+        } else {
+            vec3.cross(tmpvec3, a, b);
+            out[0] = tmpvec3[0];
+            out[1] = tmpvec3[1];
+            out[2] = tmpvec3[2];
+            out[3] = 1 + dot;
+            return quat.normalize(out, out);
+        }
+    };
+})();
+
+/**
+ * Sets the specified quaternion with values corresponding to the given
+ * axes. Each axis is a vec3 and is expected to be unit length and
+ * perpendicular to all other specified axes.
+ *
+ * @param {vec3} view  the vector representing the viewing direction
+ * @param {vec3} right the vector representing the local "right" direction
+ * @param {vec3} up    the vector representing the local "up" direction
+ * @returns {quat} out
+ */
+quat.setAxes = (function() {
+    var matr = mat3.create();
+
+    return function(out, view, right, up) {
+        matr[0] = right[0];
+        matr[3] = right[1];
+        matr[6] = right[2];
+
+        matr[1] = up[0];
+        matr[4] = up[1];
+        matr[7] = up[2];
+
+        matr[2] = -view[0];
+        matr[5] = -view[1];
+        matr[8] = -view[2];
+
+        return quat.normalize(out, quat.fromMat3(out, matr));
+    };
+})();
+
+/**
+ * Creates a new quat initialized with values from an existing quaternion
+ *
+ * @param {quat} a quaternion to clone
+ * @returns {quat} a new quaternion
+ * @function
+ */
+quat.clone = vec4.clone;
+
+/**
+ * Creates a new quat initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {quat} a new quaternion
+ * @function
+ */
+quat.fromValues = vec4.fromValues;
+
+/**
+ * Copy the values from one quat to another
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the source quaternion
+ * @returns {quat} out
+ * @function
+ */
+quat.copy = vec4.copy;
+
+/**
+ * Set the components of a quat to the given values
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {quat} out
+ * @function
+ */
+quat.set = vec4.set;
+
+/**
+ * Set a quat to the identity quaternion
+ *
+ * @param {quat} out the receiving quaternion
+ * @returns {quat} out
+ */
+quat.identity = function(out) {
+    out[0] = 0;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 1;
+    return out;
+};
+
+/**
+ * Sets a quat from the given angle and rotation axis,
+ * then returns it.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {vec3} axis the axis around which to rotate
+ * @param {Number} rad the angle in radians
+ * @returns {quat} out
+ **/
+quat.setAxisAngle = function(out, axis, rad) {
+    rad = rad * 0.5;
+    var s = Math.sin(rad);
+    out[0] = s * axis[0];
+    out[1] = s * axis[1];
+    out[2] = s * axis[2];
+    out[3] = Math.cos(rad);
+    return out;
+};
+
+/**
+ * Gets the rotation axis and angle for a given
+ *  quaternion. If a quaternion is created with
+ *  setAxisAngle, this method will return the same
+ *  values as providied in the original parameter list
+ *  OR functionally equivalent values.
+ * Example: The quaternion formed by axis [0, 0, 1] and
+ *  angle -90 is the same as the quaternion formed by
+ *  [0, 0, 1] and 270. This method favors the latter.
+ * @param  {vec3} out_axis  Vector receiving the axis of rotation
+ * @param  {quat} q     Quaternion to be decomposed
+ * @return {Number}     Angle, in radians, of the rotation
+ */
+quat.getAxisAngle = function(out_axis, q) {
+    var rad = Math.acos(q[3]) * 2.0;
+    var s = Math.sin(rad / 2.0);
+    if (s != 0.0) {
+        out_axis[0] = q[0] / s;
+        out_axis[1] = q[1] / s;
+        out_axis[2] = q[2] / s;
+    } else {
+        // If s is zero, return any axis (no rotation - axis does not matter)
+        out_axis[0] = 1;
+        out_axis[1] = 0;
+        out_axis[2] = 0;
+    }
+    return rad;
+};
+
+/**
+ * Adds two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @returns {quat} out
+ * @function
+ */
+quat.add = vec4.add;
+
+/**
+ * Multiplies two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @returns {quat} out
+ */
+quat.multiply = function(out, a, b) {
+    var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+        bx = b[0], by = b[1], bz = b[2], bw = b[3];
+
+    out[0] = ax * bw + aw * bx + ay * bz - az * by;
+    out[1] = ay * bw + aw * by + az * bx - ax * bz;
+    out[2] = az * bw + aw * bz + ax * by - ay * bx;
+    out[3] = aw * bw - ax * bx - ay * by - az * bz;
+    return out;
+};
+
+/**
+ * Alias for {@link quat.multiply}
+ * @function
+ */
+quat.mul = quat.multiply;
+
+/**
+ * Scales a quat by a scalar number
+ *
+ * @param {quat} out the receiving vector
+ * @param {quat} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {quat} out
+ * @function
+ */
+quat.scale = vec4.scale;
+
+/**
+ * Rotates a quaternion by the given angle about the X axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {quat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
+ */
+quat.rotateX = function (out, a, rad) {
+    rad *= 0.5; 
+
+    var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+        bx = Math.sin(rad), bw = Math.cos(rad);
+
+    out[0] = ax * bw + aw * bx;
+    out[1] = ay * bw + az * bx;
+    out[2] = az * bw - ay * bx;
+    out[3] = aw * bw - ax * bx;
+    return out;
+};
+
+/**
+ * Rotates a quaternion by the given angle about the Y axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {quat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
+ */
+quat.rotateY = function (out, a, rad) {
+    rad *= 0.5; 
+
+    var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+        by = Math.sin(rad), bw = Math.cos(rad);
+
+    out[0] = ax * bw - az * by;
+    out[1] = ay * bw + aw * by;
+    out[2] = az * bw + ax * by;
+    out[3] = aw * bw - ay * by;
+    return out;
+};
+
+/**
+ * Rotates a quaternion by the given angle about the Z axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {quat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
+ */
+quat.rotateZ = function (out, a, rad) {
+    rad *= 0.5; 
+
+    var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+        bz = Math.sin(rad), bw = Math.cos(rad);
+
+    out[0] = ax * bw + ay * bz;
+    out[1] = ay * bw - ax * bz;
+    out[2] = az * bw + aw * bz;
+    out[3] = aw * bw - az * bz;
+    return out;
+};
+
+/**
+ * Calculates the W component of a quat from the X, Y, and Z components.
+ * Assumes that quaternion is 1 unit in length.
+ * Any existing W component will be ignored.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a quat to calculate W component of
+ * @returns {quat} out
+ */
+quat.calculateW = function (out, a) {
+    var x = a[0], y = a[1], z = a[2];
+
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    out[3] = Math.sqrt(Math.abs(1.0 - x * x - y * y - z * z));
+    return out;
+};
+
+/**
+ * Calculates the dot product of two quat's
+ *
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @returns {Number} dot product of a and b
+ * @function
+ */
+quat.dot = vec4.dot;
+
+/**
+ * Performs a linear interpolation between two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {quat} out
+ * @function
+ */
+quat.lerp = vec4.lerp;
+
+/**
+ * Performs a spherical linear interpolation between two quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {quat} out
+ */
+quat.slerp = function (out, a, b, t) {
+    // benchmarks:
+    //    http://jsperf.com/quaternion-slerp-implementations
+
+    var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+        bx = b[0], by = b[1], bz = b[2], bw = b[3];
+
+    var        omega, cosom, sinom, scale0, scale1;
+
+    // calc cosine
+    cosom = ax * bx + ay * by + az * bz + aw * bw;
+    // adjust signs (if necessary)
+    if ( cosom < 0.0 ) {
+        cosom = -cosom;
+        bx = - bx;
+        by = - by;
+        bz = - bz;
+        bw = - bw;
+    }
+    // calculate coefficients
+    if ( (1.0 - cosom) > 0.000001 ) {
+        // standard case (slerp)
+        omega  = Math.acos(cosom);
+        sinom  = Math.sin(omega);
+        scale0 = Math.sin((1.0 - t) * omega) / sinom;
+        scale1 = Math.sin(t * omega) / sinom;
+    } else {        
+        // "from" and "to" quaternions are very close 
+        //  ... so we can do a linear interpolation
+        scale0 = 1.0 - t;
+        scale1 = t;
+    }
+    // calculate final values
+    out[0] = scale0 * ax + scale1 * bx;
+    out[1] = scale0 * ay + scale1 * by;
+    out[2] = scale0 * az + scale1 * bz;
+    out[3] = scale0 * aw + scale1 * bw;
+    
+    return out;
+};
+
+/**
+ * Performs a spherical linear interpolation with two control points
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @param {quat} c the third operand
+ * @param {quat} d the fourth operand
+ * @param {Number} t interpolation amount
+ * @returns {quat} out
+ */
+quat.sqlerp = (function () {
+  var temp1 = quat.create();
+  var temp2 = quat.create();
+  
+  return function (out, a, b, c, d, t) {
+    quat.slerp(temp1, a, d, t);
+    quat.slerp(temp2, b, c, t);
+    quat.slerp(out, temp1, temp2, 2 * t * (1 - t));
+    
+    return out;
+  };
+}());
+
+/**
+ * Calculates the inverse of a quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a quat to calculate inverse of
+ * @returns {quat} out
+ */
+quat.invert = function(out, a) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3],
+        dot = a0*a0 + a1*a1 + a2*a2 + a3*a3,
+        invDot = dot ? 1.0/dot : 0;
+    
+    // TODO: Would be faster to return [0,0,0,0] immediately if dot == 0
+
+    out[0] = -a0*invDot;
+    out[1] = -a1*invDot;
+    out[2] = -a2*invDot;
+    out[3] = a3*invDot;
+    return out;
+};
+
+/**
+ * Calculates the conjugate of a quat
+ * If the quaternion is normalized, this function is faster than quat.inverse and produces the same result.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a quat to calculate conjugate of
+ * @returns {quat} out
+ */
+quat.conjugate = function (out, a) {
+    out[0] = -a[0];
+    out[1] = -a[1];
+    out[2] = -a[2];
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Calculates the length of a quat
+ *
+ * @param {quat} a vector to calculate length of
+ * @returns {Number} length of a
+ * @function
+ */
+quat.length = vec4.length;
+
+/**
+ * Alias for {@link quat.length}
+ * @function
+ */
+quat.len = quat.length;
+
+/**
+ * Calculates the squared length of a quat
+ *
+ * @param {quat} a vector to calculate squared length of
+ * @returns {Number} squared length of a
+ * @function
+ */
+quat.squaredLength = vec4.squaredLength;
+
+/**
+ * Alias for {@link quat.squaredLength}
+ * @function
+ */
+quat.sqrLen = quat.squaredLength;
+
+/**
+ * Normalize a quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a quaternion to normalize
+ * @returns {quat} out
+ * @function
+ */
+quat.normalize = vec4.normalize;
+
+/**
+ * Creates a quaternion from the given 3x3 rotation matrix.
+ *
+ * NOTE: The resultant quaternion is not normalized, so you should be sure
+ * to renormalize the quaternion yourself where necessary.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {mat3} m rotation matrix
+ * @returns {quat} out
+ * @function
+ */
+quat.fromMat3 = function(out, m) {
+    // Algorithm in Ken Shoemake's article in 1987 SIGGRAPH course notes
+    // article "Quaternion Calculus and Fast Animation".
+    var fTrace = m[0] + m[4] + m[8];
+    var fRoot;
+
+    if ( fTrace > 0.0 ) {
+        // |w| > 1/2, may as well choose w > 1/2
+        fRoot = Math.sqrt(fTrace + 1.0);  // 2w
+        out[3] = 0.5 * fRoot;
+        fRoot = 0.5/fRoot;  // 1/(4w)
+        out[0] = (m[5]-m[7])*fRoot;
+        out[1] = (m[6]-m[2])*fRoot;
+        out[2] = (m[1]-m[3])*fRoot;
+    } else {
+        // |w| <= 1/2
+        var i = 0;
+        if ( m[4] > m[0] )
+          i = 1;
+        if ( m[8] > m[i*3+i] )
+          i = 2;
+        var j = (i+1)%3;
+        var k = (i+2)%3;
+        
+        fRoot = Math.sqrt(m[i*3+i]-m[j*3+j]-m[k*3+k] + 1.0);
+        out[i] = 0.5 * fRoot;
+        fRoot = 0.5 / fRoot;
+        out[3] = (m[j*3+k] - m[k*3+j]) * fRoot;
+        out[j] = (m[j*3+i] + m[i*3+j]) * fRoot;
+        out[k] = (m[k*3+i] + m[i*3+k]) * fRoot;
+    }
+    
+    return out;
+};
+
+/**
+ * Returns a string representation of a quatenion
+ *
+ * @param {quat} vec vector to represent as a string
+ * @returns {String} string representation of the vector
+ */
+quat.str = function (a) {
+    return 'quat(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ')';
+};
+
+/**
+ * Returns whether or not the quaternions have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {quat} a The first quaternion.
+ * @param {quat} b The second quaternion.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+quat.exactEquals = vec4.exactEquals;
+
+/**
+ * Returns whether or not the quaternions have approximately the same elements in the same position.
+ *
+ * @param {quat} a The first vector.
+ * @param {quat} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+quat.equals = vec4.equals;
+
+module.exports = quat;
+
+},{"./common.js":194,"./mat3.js":197,"./vec3.js":201,"./vec4.js":202}],200:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 2 Dimensional Vector
+ * @name vec2
+ */
+var vec2 = {};
+
+/**
+ * Creates a new, empty vec2
+ *
+ * @returns {vec2} a new 2D vector
+ */
+vec2.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(2);
+    out[0] = 0;
+    out[1] = 0;
+    return out;
+};
+
+/**
+ * Creates a new vec2 initialized with values from an existing vector
+ *
+ * @param {vec2} a vector to clone
+ * @returns {vec2} a new 2D vector
+ */
+vec2.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(2);
+    out[0] = a[0];
+    out[1] = a[1];
+    return out;
+};
+
+/**
+ * Creates a new vec2 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} a new 2D vector
+ */
+vec2.fromValues = function(x, y) {
+    var out = new glMatrix.ARRAY_TYPE(2);
+    out[0] = x;
+    out[1] = y;
+    return out;
+};
+
+/**
+ * Copy the values from one vec2 to another
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the source vector
+ * @returns {vec2} out
+ */
+vec2.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    return out;
+};
+
+/**
+ * Set the components of a vec2 to the given values
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} out
+ */
+vec2.set = function(out, x, y) {
+    out[0] = x;
+    out[1] = y;
+    return out;
+};
+
+/**
+ * Adds two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    return out;
+};
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    return out;
+};
+
+/**
+ * Alias for {@link vec2.subtract}
+ * @function
+ */
+vec2.sub = vec2.subtract;
+
+/**
+ * Multiplies two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.multiply = function(out, a, b) {
+    out[0] = a[0] * b[0];
+    out[1] = a[1] * b[1];
+    return out;
+};
+
+/**
+ * Alias for {@link vec2.multiply}
+ * @function
+ */
+vec2.mul = vec2.multiply;
+
+/**
+ * Divides two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.divide = function(out, a, b) {
+    out[0] = a[0] / b[0];
+    out[1] = a[1] / b[1];
+    return out;
+};
+
+/**
+ * Alias for {@link vec2.divide}
+ * @function
+ */
+vec2.div = vec2.divide;
+
+/**
+ * Math.ceil the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to ceil
+ * @returns {vec2} out
+ */
+vec2.ceil = function (out, a) {
+    out[0] = Math.ceil(a[0]);
+    out[1] = Math.ceil(a[1]);
+    return out;
+};
+
+/**
+ * Math.floor the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to floor
+ * @returns {vec2} out
+ */
+vec2.floor = function (out, a) {
+    out[0] = Math.floor(a[0]);
+    out[1] = Math.floor(a[1]);
+    return out;
+};
+
+/**
+ * Returns the minimum of two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.min = function(out, a, b) {
+    out[0] = Math.min(a[0], b[0]);
+    out[1] = Math.min(a[1], b[1]);
+    return out;
+};
+
+/**
+ * Returns the maximum of two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+vec2.max = function(out, a, b) {
+    out[0] = Math.max(a[0], b[0]);
+    out[1] = Math.max(a[1], b[1]);
+    return out;
+};
+
+/**
+ * Math.round the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to round
+ * @returns {vec2} out
+ */
+vec2.round = function (out, a) {
+    out[0] = Math.round(a[0]);
+    out[1] = Math.round(a[1]);
+    return out;
+};
+
+/**
+ * Scales a vec2 by a scalar number
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec2} out
+ */
+vec2.scale = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    return out;
+};
+
+/**
+ * Adds two vec2's after scaling the second operand by a scalar value
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec2} out
+ */
+vec2.scaleAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    return out;
+};
+
+/**
+ * Calculates the euclidian distance between two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} distance between a and b
+ */
+vec2.distance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1];
+    return Math.sqrt(x*x + y*y);
+};
+
+/**
+ * Alias for {@link vec2.distance}
+ * @function
+ */
+vec2.dist = vec2.distance;
+
+/**
+ * Calculates the squared euclidian distance between two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} squared distance between a and b
+ */
+vec2.squaredDistance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1];
+    return x*x + y*y;
+};
+
+/**
+ * Alias for {@link vec2.squaredDistance}
+ * @function
+ */
+vec2.sqrDist = vec2.squaredDistance;
+
+/**
+ * Calculates the length of a vec2
+ *
+ * @param {vec2} a vector to calculate length of
+ * @returns {Number} length of a
+ */
+vec2.length = function (a) {
+    var x = a[0],
+        y = a[1];
+    return Math.sqrt(x*x + y*y);
+};
+
+/**
+ * Alias for {@link vec2.length}
+ * @function
+ */
+vec2.len = vec2.length;
+
+/**
+ * Calculates the squared length of a vec2
+ *
+ * @param {vec2} a vector to calculate squared length of
+ * @returns {Number} squared length of a
+ */
+vec2.squaredLength = function (a) {
+    var x = a[0],
+        y = a[1];
+    return x*x + y*y;
+};
+
+/**
+ * Alias for {@link vec2.squaredLength}
+ * @function
+ */
+vec2.sqrLen = vec2.squaredLength;
+
+/**
+ * Negates the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to negate
+ * @returns {vec2} out
+ */
+vec2.negate = function(out, a) {
+    out[0] = -a[0];
+    out[1] = -a[1];
+    return out;
+};
+
+/**
+ * Returns the inverse of the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to invert
+ * @returns {vec2} out
+ */
+vec2.inverse = function(out, a) {
+  out[0] = 1.0 / a[0];
+  out[1] = 1.0 / a[1];
+  return out;
+};
+
+/**
+ * Normalize a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to normalize
+ * @returns {vec2} out
+ */
+vec2.normalize = function(out, a) {
+    var x = a[0],
+        y = a[1];
+    var len = x*x + y*y;
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len);
+        out[0] = a[0] * len;
+        out[1] = a[1] * len;
+    }
+    return out;
+};
+
+/**
+ * Calculates the dot product of two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+vec2.dot = function (a, b) {
+    return a[0] * b[0] + a[1] * b[1];
+};
+
+/**
+ * Computes the cross product of two vec2's
+ * Note that the cross product must by definition produce a 3D vector
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec3} out
+ */
+vec2.cross = function(out, a, b) {
+    var z = a[0] * b[1] - a[1] * b[0];
+    out[0] = out[1] = 0;
+    out[2] = z;
+    return out;
+};
+
+/**
+ * Performs a linear interpolation between two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec2} out
+ */
+vec2.lerp = function (out, a, b, t) {
+    var ax = a[0],
+        ay = a[1];
+    out[0] = ax + t * (b[0] - ax);
+    out[1] = ay + t * (b[1] - ay);
+    return out;
+};
+
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec2} out
+ */
+vec2.random = function (out, scale) {
+    scale = scale || 1.0;
+    var r = glMatrix.RANDOM() * 2.0 * Math.PI;
+    out[0] = Math.cos(r) * scale;
+    out[1] = Math.sin(r) * scale;
+    return out;
+};
+
+/**
+ * Transforms the vec2 with a mat2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to transform
+ * @param {mat2} m matrix to transform with
+ * @returns {vec2} out
+ */
+vec2.transformMat2 = function(out, a, m) {
+    var x = a[0],
+        y = a[1];
+    out[0] = m[0] * x + m[2] * y;
+    out[1] = m[1] * x + m[3] * y;
+    return out;
+};
+
+/**
+ * Transforms the vec2 with a mat2d
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to transform
+ * @param {mat2d} m matrix to transform with
+ * @returns {vec2} out
+ */
+vec2.transformMat2d = function(out, a, m) {
+    var x = a[0],
+        y = a[1];
+    out[0] = m[0] * x + m[2] * y + m[4];
+    out[1] = m[1] * x + m[3] * y + m[5];
+    return out;
+};
+
+/**
+ * Transforms the vec2 with a mat3
+ * 3rd vector component is implicitly '1'
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to transform
+ * @param {mat3} m matrix to transform with
+ * @returns {vec2} out
+ */
+vec2.transformMat3 = function(out, a, m) {
+    var x = a[0],
+        y = a[1];
+    out[0] = m[0] * x + m[3] * y + m[6];
+    out[1] = m[1] * x + m[4] * y + m[7];
+    return out;
+};
+
+/**
+ * Transforms the vec2 with a mat4
+ * 3rd vector component is implicitly '0'
+ * 4th vector component is implicitly '1'
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the vector to transform
+ * @param {mat4} m matrix to transform with
+ * @returns {vec2} out
+ */
+vec2.transformMat4 = function(out, a, m) {
+    var x = a[0], 
+        y = a[1];
+    out[0] = m[0] * x + m[4] * y + m[12];
+    out[1] = m[1] * x + m[5] * y + m[13];
+    return out;
+};
+
+/**
+ * Perform some operation over an array of vec2s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
+ */
+vec2.forEach = (function() {
+    var vec = vec2.create();
+
+    return function(a, stride, offset, count, fn, arg) {
+        var i, l;
+        if(!stride) {
+            stride = 2;
+        }
+
+        if(!offset) {
+            offset = 0;
+        }
+        
+        if(count) {
+            l = Math.min((count * stride) + offset, a.length);
+        } else {
+            l = a.length;
+        }
+
+        for(i = offset; i < l; i += stride) {
+            vec[0] = a[i]; vec[1] = a[i+1];
+            fn(vec, vec, arg);
+            a[i] = vec[0]; a[i+1] = vec[1];
+        }
+        
+        return a;
+    };
+})();
+
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {vec2} vec vector to represent as a string
+ * @returns {String} string representation of the vector
+ */
+vec2.str = function (a) {
+    return 'vec2(' + a[0] + ', ' + a[1] + ')';
+};
+
+/**
+ * Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
+ *
+ * @param {vec2} a The first vector.
+ * @param {vec2} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec2.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1];
+};
+
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {vec2} a The first vector.
+ * @param {vec2} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec2.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1];
+    var b0 = b[0], b1 = b[1];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)));
+};
+
+module.exports = vec2;
+
+},{"./common.js":194}],201:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 3 Dimensional Vector
+ * @name vec3
+ */
+var vec3 = {};
+
+/**
+ * Creates a new, empty vec3
+ *
+ * @returns {vec3} a new 3D vector
+ */
+vec3.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(3);
+    out[0] = 0;
+    out[1] = 0;
+    out[2] = 0;
+    return out;
+};
+
+/**
+ * Creates a new vec3 initialized with values from an existing vector
+ *
+ * @param {vec3} a vector to clone
+ * @returns {vec3} a new 3D vector
+ */
+vec3.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(3);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    return out;
+};
+
+/**
+ * Creates a new vec3 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @returns {vec3} a new 3D vector
+ */
+vec3.fromValues = function(x, y, z) {
+    var out = new glMatrix.ARRAY_TYPE(3);
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    return out;
+};
+
+/**
+ * Copy the values from one vec3 to another
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the source vector
+ * @returns {vec3} out
+ */
+vec3.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    return out;
+};
+
+/**
+ * Set the components of a vec3 to the given values
+ *
+ * @param {vec3} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @returns {vec3} out
+ */
+vec3.set = function(out, x, y, z) {
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    return out;
+};
+
+/**
+ * Adds two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    return out;
+};
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    return out;
+};
+
+/**
+ * Alias for {@link vec3.subtract}
+ * @function
+ */
+vec3.sub = vec3.subtract;
+
+/**
+ * Multiplies two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.multiply = function(out, a, b) {
+    out[0] = a[0] * b[0];
+    out[1] = a[1] * b[1];
+    out[2] = a[2] * b[2];
+    return out;
+};
+
+/**
+ * Alias for {@link vec3.multiply}
+ * @function
+ */
+vec3.mul = vec3.multiply;
+
+/**
+ * Divides two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.divide = function(out, a, b) {
+    out[0] = a[0] / b[0];
+    out[1] = a[1] / b[1];
+    out[2] = a[2] / b[2];
+    return out;
+};
+
+/**
+ * Alias for {@link vec3.divide}
+ * @function
+ */
+vec3.div = vec3.divide;
+
+/**
+ * Math.ceil the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to ceil
+ * @returns {vec3} out
+ */
+vec3.ceil = function (out, a) {
+    out[0] = Math.ceil(a[0]);
+    out[1] = Math.ceil(a[1]);
+    out[2] = Math.ceil(a[2]);
+    return out;
+};
+
+/**
+ * Math.floor the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to floor
+ * @returns {vec3} out
+ */
+vec3.floor = function (out, a) {
+    out[0] = Math.floor(a[0]);
+    out[1] = Math.floor(a[1]);
+    out[2] = Math.floor(a[2]);
+    return out;
+};
+
+/**
+ * Returns the minimum of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.min = function(out, a, b) {
+    out[0] = Math.min(a[0], b[0]);
+    out[1] = Math.min(a[1], b[1]);
+    out[2] = Math.min(a[2], b[2]);
+    return out;
+};
+
+/**
+ * Returns the maximum of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.max = function(out, a, b) {
+    out[0] = Math.max(a[0], b[0]);
+    out[1] = Math.max(a[1], b[1]);
+    out[2] = Math.max(a[2], b[2]);
+    return out;
+};
+
+/**
+ * Math.round the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to round
+ * @returns {vec3} out
+ */
+vec3.round = function (out, a) {
+    out[0] = Math.round(a[0]);
+    out[1] = Math.round(a[1]);
+    out[2] = Math.round(a[2]);
+    return out;
+};
+
+/**
+ * Scales a vec3 by a scalar number
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec3} out
+ */
+vec3.scale = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    return out;
+};
+
+/**
+ * Adds two vec3's after scaling the second operand by a scalar value
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec3} out
+ */
+vec3.scaleAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    return out;
+};
+
+/**
+ * Calculates the euclidian distance between two vec3's
+ *
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {Number} distance between a and b
+ */
+vec3.distance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1],
+        z = b[2] - a[2];
+    return Math.sqrt(x*x + y*y + z*z);
+};
+
+/**
+ * Alias for {@link vec3.distance}
+ * @function
+ */
+vec3.dist = vec3.distance;
+
+/**
+ * Calculates the squared euclidian distance between two vec3's
+ *
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {Number} squared distance between a and b
+ */
+vec3.squaredDistance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1],
+        z = b[2] - a[2];
+    return x*x + y*y + z*z;
+};
+
+/**
+ * Alias for {@link vec3.squaredDistance}
+ * @function
+ */
+vec3.sqrDist = vec3.squaredDistance;
+
+/**
+ * Calculates the length of a vec3
+ *
+ * @param {vec3} a vector to calculate length of
+ * @returns {Number} length of a
+ */
+vec3.length = function (a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2];
+    return Math.sqrt(x*x + y*y + z*z);
+};
+
+/**
+ * Alias for {@link vec3.length}
+ * @function
+ */
+vec3.len = vec3.length;
+
+/**
+ * Calculates the squared length of a vec3
+ *
+ * @param {vec3} a vector to calculate squared length of
+ * @returns {Number} squared length of a
+ */
+vec3.squaredLength = function (a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2];
+    return x*x + y*y + z*z;
+};
+
+/**
+ * Alias for {@link vec3.squaredLength}
+ * @function
+ */
+vec3.sqrLen = vec3.squaredLength;
+
+/**
+ * Negates the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to negate
+ * @returns {vec3} out
+ */
+vec3.negate = function(out, a) {
+    out[0] = -a[0];
+    out[1] = -a[1];
+    out[2] = -a[2];
+    return out;
+};
+
+/**
+ * Returns the inverse of the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to invert
+ * @returns {vec3} out
+ */
+vec3.inverse = function(out, a) {
+  out[0] = 1.0 / a[0];
+  out[1] = 1.0 / a[1];
+  out[2] = 1.0 / a[2];
+  return out;
+};
+
+/**
+ * Normalize a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to normalize
+ * @returns {vec3} out
+ */
+vec3.normalize = function(out, a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2];
+    var len = x*x + y*y + z*z;
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len);
+        out[0] = a[0] * len;
+        out[1] = a[1] * len;
+        out[2] = a[2] * len;
+    }
+    return out;
+};
+
+/**
+ * Calculates the dot product of two vec3's
+ *
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+vec3.dot = function (a, b) {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+};
+
+/**
+ * Computes the cross product of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+vec3.cross = function(out, a, b) {
+    var ax = a[0], ay = a[1], az = a[2],
+        bx = b[0], by = b[1], bz = b[2];
+
+    out[0] = ay * bz - az * by;
+    out[1] = az * bx - ax * bz;
+    out[2] = ax * by - ay * bx;
+    return out;
+};
+
+/**
+ * Performs a linear interpolation between two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec3} out
+ */
+vec3.lerp = function (out, a, b, t) {
+    var ax = a[0],
+        ay = a[1],
+        az = a[2];
+    out[0] = ax + t * (b[0] - ax);
+    out[1] = ay + t * (b[1] - ay);
+    out[2] = az + t * (b[2] - az);
+    return out;
+};
+
+/**
+ * Performs a hermite interpolation with two control points
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @param {vec3} c the third operand
+ * @param {vec3} d the fourth operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec3} out
+ */
+vec3.hermite = function (out, a, b, c, d, t) {
+  var factorTimes2 = t * t,
+      factor1 = factorTimes2 * (2 * t - 3) + 1,
+      factor2 = factorTimes2 * (t - 2) + t,
+      factor3 = factorTimes2 * (t - 1),
+      factor4 = factorTimes2 * (3 - 2 * t);
+  
+  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
+  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
+  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
+  
+  return out;
+};
+
+/**
+ * Performs a bezier interpolation with two control points
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @param {vec3} c the third operand
+ * @param {vec3} d the fourth operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec3} out
+ */
+vec3.bezier = function (out, a, b, c, d, t) {
+  var inverseFactor = 1 - t,
+      inverseFactorTimesTwo = inverseFactor * inverseFactor,
+      factorTimes2 = t * t,
+      factor1 = inverseFactorTimesTwo * inverseFactor,
+      factor2 = 3 * t * inverseFactorTimesTwo,
+      factor3 = 3 * factorTimes2 * inverseFactor,
+      factor4 = factorTimes2 * t;
+  
+  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
+  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
+  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
+  
+  return out;
+};
+
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec3} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec3} out
+ */
+vec3.random = function (out, scale) {
+    scale = scale || 1.0;
+
+    var r = glMatrix.RANDOM() * 2.0 * Math.PI;
+    var z = (glMatrix.RANDOM() * 2.0) - 1.0;
+    var zScale = Math.sqrt(1.0-z*z) * scale;
+
+    out[0] = Math.cos(r) * zScale;
+    out[1] = Math.sin(r) * zScale;
+    out[2] = z * scale;
+    return out;
+};
+
+/**
+ * Transforms the vec3 with a mat4.
+ * 4th vector component is implicitly '1'
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the vector to transform
+ * @param {mat4} m matrix to transform with
+ * @returns {vec3} out
+ */
+vec3.transformMat4 = function(out, a, m) {
+    var x = a[0], y = a[1], z = a[2],
+        w = m[3] * x + m[7] * y + m[11] * z + m[15];
+    w = w || 1.0;
+    out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
+    out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
+    out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
+    return out;
+};
+
+/**
+ * Transforms the vec3 with a mat3.
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the vector to transform
+ * @param {mat4} m the 3x3 matrix to transform with
+ * @returns {vec3} out
+ */
+vec3.transformMat3 = function(out, a, m) {
+    var x = a[0], y = a[1], z = a[2];
+    out[0] = x * m[0] + y * m[3] + z * m[6];
+    out[1] = x * m[1] + y * m[4] + z * m[7];
+    out[2] = x * m[2] + y * m[5] + z * m[8];
+    return out;
+};
+
+/**
+ * Transforms the vec3 with a quat
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the vector to transform
+ * @param {quat} q quaternion to transform with
+ * @returns {vec3} out
+ */
+vec3.transformQuat = function(out, a, q) {
+    // benchmarks: http://jsperf.com/quaternion-transform-vec3-implementations
+
+    var x = a[0], y = a[1], z = a[2],
+        qx = q[0], qy = q[1], qz = q[2], qw = q[3],
+
+        // calculate quat * vec
+        ix = qw * x + qy * z - qz * y,
+        iy = qw * y + qz * x - qx * z,
+        iz = qw * z + qx * y - qy * x,
+        iw = -qx * x - qy * y - qz * z;
+
+    // calculate result * inverse quat
+    out[0] = ix * qw + iw * -qx + iy * -qz - iz * -qy;
+    out[1] = iy * qw + iw * -qy + iz * -qx - ix * -qz;
+    out[2] = iz * qw + iw * -qz + ix * -qy - iy * -qx;
+    return out;
+};
+
+/**
+ * Rotate a 3D vector around the x-axis
+ * @param {vec3} out The receiving vec3
+ * @param {vec3} a The vec3 point to rotate
+ * @param {vec3} b The origin of the rotation
+ * @param {Number} c The angle of rotation
+ * @returns {vec3} out
+ */
+vec3.rotateX = function(out, a, b, c){
+   var p = [], r=[];
+	  //Translate point to the origin
+	  p[0] = a[0] - b[0];
+	  p[1] = a[1] - b[1];
+  	p[2] = a[2] - b[2];
+
+	  //perform rotation
+	  r[0] = p[0];
+	  r[1] = p[1]*Math.cos(c) - p[2]*Math.sin(c);
+	  r[2] = p[1]*Math.sin(c) + p[2]*Math.cos(c);
+
+	  //translate to correct position
+	  out[0] = r[0] + b[0];
+	  out[1] = r[1] + b[1];
+	  out[2] = r[2] + b[2];
+
+  	return out;
+};
+
+/**
+ * Rotate a 3D vector around the y-axis
+ * @param {vec3} out The receiving vec3
+ * @param {vec3} a The vec3 point to rotate
+ * @param {vec3} b The origin of the rotation
+ * @param {Number} c The angle of rotation
+ * @returns {vec3} out
+ */
+vec3.rotateY = function(out, a, b, c){
+  	var p = [], r=[];
+  	//Translate point to the origin
+  	p[0] = a[0] - b[0];
+  	p[1] = a[1] - b[1];
+  	p[2] = a[2] - b[2];
+  
+  	//perform rotation
+  	r[0] = p[2]*Math.sin(c) + p[0]*Math.cos(c);
+  	r[1] = p[1];
+  	r[2] = p[2]*Math.cos(c) - p[0]*Math.sin(c);
+  
+  	//translate to correct position
+  	out[0] = r[0] + b[0];
+  	out[1] = r[1] + b[1];
+  	out[2] = r[2] + b[2];
+  
+  	return out;
+};
+
+/**
+ * Rotate a 3D vector around the z-axis
+ * @param {vec3} out The receiving vec3
+ * @param {vec3} a The vec3 point to rotate
+ * @param {vec3} b The origin of the rotation
+ * @param {Number} c The angle of rotation
+ * @returns {vec3} out
+ */
+vec3.rotateZ = function(out, a, b, c){
+  	var p = [], r=[];
+  	//Translate point to the origin
+  	p[0] = a[0] - b[0];
+  	p[1] = a[1] - b[1];
+  	p[2] = a[2] - b[2];
+  
+  	//perform rotation
+  	r[0] = p[0]*Math.cos(c) - p[1]*Math.sin(c);
+  	r[1] = p[0]*Math.sin(c) + p[1]*Math.cos(c);
+  	r[2] = p[2];
+  
+  	//translate to correct position
+  	out[0] = r[0] + b[0];
+  	out[1] = r[1] + b[1];
+  	out[2] = r[2] + b[2];
+  
+  	return out;
+};
+
+/**
+ * Perform some operation over an array of vec3s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
+ */
+vec3.forEach = (function() {
+    var vec = vec3.create();
+
+    return function(a, stride, offset, count, fn, arg) {
+        var i, l;
+        if(!stride) {
+            stride = 3;
+        }
+
+        if(!offset) {
+            offset = 0;
+        }
+        
+        if(count) {
+            l = Math.min((count * stride) + offset, a.length);
+        } else {
+            l = a.length;
+        }
+
+        for(i = offset; i < l; i += stride) {
+            vec[0] = a[i]; vec[1] = a[i+1]; vec[2] = a[i+2];
+            fn(vec, vec, arg);
+            a[i] = vec[0]; a[i+1] = vec[1]; a[i+2] = vec[2];
+        }
+        
+        return a;
+    };
+})();
+
+/**
+ * Get the angle between two 3D vectors
+ * @param {vec3} a The first operand
+ * @param {vec3} b The second operand
+ * @returns {Number} The angle in radians
+ */
+vec3.angle = function(a, b) {
+   
+    var tempA = vec3.fromValues(a[0], a[1], a[2]);
+    var tempB = vec3.fromValues(b[0], b[1], b[2]);
+ 
+    vec3.normalize(tempA, tempA);
+    vec3.normalize(tempB, tempB);
+ 
+    var cosine = vec3.dot(tempA, tempB);
+
+    if(cosine > 1.0){
+        return 0;
+    } else {
+        return Math.acos(cosine);
+    }     
+};
+
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {vec3} vec vector to represent as a string
+ * @returns {String} string representation of the vector
+ */
+vec3.str = function (a) {
+    return 'vec3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')';
+};
+
+/**
+ * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {vec3} a The first vector.
+ * @param {vec3} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec3.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
+};
+
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {vec3} a The first vector.
+ * @param {vec3} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec3.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2];
+    var b0 = b[0], b1 = b[1], b2 = b[2];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)));
+};
+
+module.exports = vec3;
+
+},{"./common.js":194}],202:[function(require,module,exports){
+/* Copyright (c) 2015, Brandon Jones, Colin MacKenzie IV.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+var glMatrix = require("./common.js");
+
+/**
+ * @class 4 Dimensional Vector
+ * @name vec4
+ */
+var vec4 = {};
+
+/**
+ * Creates a new, empty vec4
+ *
+ * @returns {vec4} a new 4D vector
+ */
+vec4.create = function() {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = 0;
+    out[1] = 0;
+    out[2] = 0;
+    out[3] = 0;
+    return out;
+};
+
+/**
+ * Creates a new vec4 initialized with values from an existing vector
+ *
+ * @param {vec4} a vector to clone
+ * @returns {vec4} a new 4D vector
+ */
+vec4.clone = function(a) {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Creates a new vec4 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {vec4} a new 4D vector
+ */
+vec4.fromValues = function(x, y, z, w) {
+    var out = new glMatrix.ARRAY_TYPE(4);
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    out[3] = w;
+    return out;
+};
+
+/**
+ * Copy the values from one vec4 to another
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the source vector
+ * @returns {vec4} out
+ */
+vec4.copy = function(out, a) {
+    out[0] = a[0];
+    out[1] = a[1];
+    out[2] = a[2];
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Set the components of a vec4 to the given values
+ *
+ * @param {vec4} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {vec4} out
+ */
+vec4.set = function(out, x, y, z, w) {
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    out[3] = w;
+    return out;
+};
+
+/**
+ * Adds two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.add = function(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    out[2] = a[2] + b[2];
+    out[3] = a[3] + b[3];
+    return out;
+};
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.subtract = function(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    out[2] = a[2] - b[2];
+    out[3] = a[3] - b[3];
+    return out;
+};
+
+/**
+ * Alias for {@link vec4.subtract}
+ * @function
+ */
+vec4.sub = vec4.subtract;
+
+/**
+ * Multiplies two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.multiply = function(out, a, b) {
+    out[0] = a[0] * b[0];
+    out[1] = a[1] * b[1];
+    out[2] = a[2] * b[2];
+    out[3] = a[3] * b[3];
+    return out;
+};
+
+/**
+ * Alias for {@link vec4.multiply}
+ * @function
+ */
+vec4.mul = vec4.multiply;
+
+/**
+ * Divides two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.divide = function(out, a, b) {
+    out[0] = a[0] / b[0];
+    out[1] = a[1] / b[1];
+    out[2] = a[2] / b[2];
+    out[3] = a[3] / b[3];
+    return out;
+};
+
+/**
+ * Alias for {@link vec4.divide}
+ * @function
+ */
+vec4.div = vec4.divide;
+
+/**
+ * Math.ceil the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to ceil
+ * @returns {vec4} out
+ */
+vec4.ceil = function (out, a) {
+    out[0] = Math.ceil(a[0]);
+    out[1] = Math.ceil(a[1]);
+    out[2] = Math.ceil(a[2]);
+    out[3] = Math.ceil(a[3]);
+    return out;
+};
+
+/**
+ * Math.floor the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to floor
+ * @returns {vec4} out
+ */
+vec4.floor = function (out, a) {
+    out[0] = Math.floor(a[0]);
+    out[1] = Math.floor(a[1]);
+    out[2] = Math.floor(a[2]);
+    out[3] = Math.floor(a[3]);
+    return out;
+};
+
+/**
+ * Returns the minimum of two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.min = function(out, a, b) {
+    out[0] = Math.min(a[0], b[0]);
+    out[1] = Math.min(a[1], b[1]);
+    out[2] = Math.min(a[2], b[2]);
+    out[3] = Math.min(a[3], b[3]);
+    return out;
+};
+
+/**
+ * Returns the maximum of two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {vec4} out
+ */
+vec4.max = function(out, a, b) {
+    out[0] = Math.max(a[0], b[0]);
+    out[1] = Math.max(a[1], b[1]);
+    out[2] = Math.max(a[2], b[2]);
+    out[3] = Math.max(a[3], b[3]);
+    return out;
+};
+
+/**
+ * Math.round the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to round
+ * @returns {vec4} out
+ */
+vec4.round = function (out, a) {
+    out[0] = Math.round(a[0]);
+    out[1] = Math.round(a[1]);
+    out[2] = Math.round(a[2]);
+    out[3] = Math.round(a[3]);
+    return out;
+};
+
+/**
+ * Scales a vec4 by a scalar number
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec4} out
+ */
+vec4.scale = function(out, a, b) {
+    out[0] = a[0] * b;
+    out[1] = a[1] * b;
+    out[2] = a[2] * b;
+    out[3] = a[3] * b;
+    return out;
+};
+
+/**
+ * Adds two vec4's after scaling the second operand by a scalar value
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec4} out
+ */
+vec4.scaleAndAdd = function(out, a, b, scale) {
+    out[0] = a[0] + (b[0] * scale);
+    out[1] = a[1] + (b[1] * scale);
+    out[2] = a[2] + (b[2] * scale);
+    out[3] = a[3] + (b[3] * scale);
+    return out;
+};
+
+/**
+ * Calculates the euclidian distance between two vec4's
+ *
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {Number} distance between a and b
+ */
+vec4.distance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1],
+        z = b[2] - a[2],
+        w = b[3] - a[3];
+    return Math.sqrt(x*x + y*y + z*z + w*w);
+};
+
+/**
+ * Alias for {@link vec4.distance}
+ * @function
+ */
+vec4.dist = vec4.distance;
+
+/**
+ * Calculates the squared euclidian distance between two vec4's
+ *
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {Number} squared distance between a and b
+ */
+vec4.squaredDistance = function(a, b) {
+    var x = b[0] - a[0],
+        y = b[1] - a[1],
+        z = b[2] - a[2],
+        w = b[3] - a[3];
+    return x*x + y*y + z*z + w*w;
+};
+
+/**
+ * Alias for {@link vec4.squaredDistance}
+ * @function
+ */
+vec4.sqrDist = vec4.squaredDistance;
+
+/**
+ * Calculates the length of a vec4
+ *
+ * @param {vec4} a vector to calculate length of
+ * @returns {Number} length of a
+ */
+vec4.length = function (a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2],
+        w = a[3];
+    return Math.sqrt(x*x + y*y + z*z + w*w);
+};
+
+/**
+ * Alias for {@link vec4.length}
+ * @function
+ */
+vec4.len = vec4.length;
+
+/**
+ * Calculates the squared length of a vec4
+ *
+ * @param {vec4} a vector to calculate squared length of
+ * @returns {Number} squared length of a
+ */
+vec4.squaredLength = function (a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2],
+        w = a[3];
+    return x*x + y*y + z*z + w*w;
+};
+
+/**
+ * Alias for {@link vec4.squaredLength}
+ * @function
+ */
+vec4.sqrLen = vec4.squaredLength;
+
+/**
+ * Negates the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to negate
+ * @returns {vec4} out
+ */
+vec4.negate = function(out, a) {
+    out[0] = -a[0];
+    out[1] = -a[1];
+    out[2] = -a[2];
+    out[3] = -a[3];
+    return out;
+};
+
+/**
+ * Returns the inverse of the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to invert
+ * @returns {vec4} out
+ */
+vec4.inverse = function(out, a) {
+  out[0] = 1.0 / a[0];
+  out[1] = 1.0 / a[1];
+  out[2] = 1.0 / a[2];
+  out[3] = 1.0 / a[3];
+  return out;
+};
+
+/**
+ * Normalize a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a vector to normalize
+ * @returns {vec4} out
+ */
+vec4.normalize = function(out, a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2],
+        w = a[3];
+    var len = x*x + y*y + z*z + w*w;
+    if (len > 0) {
+        len = 1 / Math.sqrt(len);
+        out[0] = x * len;
+        out[1] = y * len;
+        out[2] = z * len;
+        out[3] = w * len;
+    }
+    return out;
+};
+
+/**
+ * Calculates the dot product of two vec4's
+ *
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+vec4.dot = function (a, b) {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3];
+};
+
+/**
+ * Performs a linear interpolation between two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the first operand
+ * @param {vec4} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec4} out
+ */
+vec4.lerp = function (out, a, b, t) {
+    var ax = a[0],
+        ay = a[1],
+        az = a[2],
+        aw = a[3];
+    out[0] = ax + t * (b[0] - ax);
+    out[1] = ay + t * (b[1] - ay);
+    out[2] = az + t * (b[2] - az);
+    out[3] = aw + t * (b[3] - aw);
+    return out;
+};
+
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec4} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec4} out
+ */
+vec4.random = function (out, scale) {
+    scale = scale || 1.0;
+
+    //TODO: This is a pretty awful way of doing this. Find something better.
+    out[0] = glMatrix.RANDOM();
+    out[1] = glMatrix.RANDOM();
+    out[2] = glMatrix.RANDOM();
+    out[3] = glMatrix.RANDOM();
+    vec4.normalize(out, out);
+    vec4.scale(out, out, scale);
+    return out;
+};
+
+/**
+ * Transforms the vec4 with a mat4.
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the vector to transform
+ * @param {mat4} m matrix to transform with
+ * @returns {vec4} out
+ */
+vec4.transformMat4 = function(out, a, m) {
+    var x = a[0], y = a[1], z = a[2], w = a[3];
+    out[0] = m[0] * x + m[4] * y + m[8] * z + m[12] * w;
+    out[1] = m[1] * x + m[5] * y + m[9] * z + m[13] * w;
+    out[2] = m[2] * x + m[6] * y + m[10] * z + m[14] * w;
+    out[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w;
+    return out;
+};
+
+/**
+ * Transforms the vec4 with a quat
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the vector to transform
+ * @param {quat} q quaternion to transform with
+ * @returns {vec4} out
+ */
+vec4.transformQuat = function(out, a, q) {
+    var x = a[0], y = a[1], z = a[2],
+        qx = q[0], qy = q[1], qz = q[2], qw = q[3],
+
+        // calculate quat * vec
+        ix = qw * x + qy * z - qz * y,
+        iy = qw * y + qz * x - qx * z,
+        iz = qw * z + qx * y - qy * x,
+        iw = -qx * x - qy * y - qz * z;
+
+    // calculate result * inverse quat
+    out[0] = ix * qw + iw * -qx + iy * -qz - iz * -qy;
+    out[1] = iy * qw + iw * -qy + iz * -qx - ix * -qz;
+    out[2] = iz * qw + iw * -qz + ix * -qy - iy * -qx;
+    out[3] = a[3];
+    return out;
+};
+
+/**
+ * Perform some operation over an array of vec4s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec4. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec4s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
+ */
+vec4.forEach = (function() {
+    var vec = vec4.create();
+
+    return function(a, stride, offset, count, fn, arg) {
+        var i, l;
+        if(!stride) {
+            stride = 4;
+        }
+
+        if(!offset) {
+            offset = 0;
+        }
+        
+        if(count) {
+            l = Math.min((count * stride) + offset, a.length);
+        } else {
+            l = a.length;
+        }
+
+        for(i = offset; i < l; i += stride) {
+            vec[0] = a[i]; vec[1] = a[i+1]; vec[2] = a[i+2]; vec[3] = a[i+3];
+            fn(vec, vec, arg);
+            a[i] = vec[0]; a[i+1] = vec[1]; a[i+2] = vec[2]; a[i+3] = vec[3];
+        }
+        
+        return a;
+    };
+})();
+
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {vec4} vec vector to represent as a string
+ * @returns {String} string representation of the vector
+ */
+vec4.str = function (a) {
+    return 'vec4(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ')';
+};
+
+/**
+ * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {vec4} a The first vector.
+ * @param {vec4} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec4.exactEquals = function (a, b) {
+    return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
+};
+
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {vec4} a The first vector.
+ * @param {vec4} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
+ */
+vec4.equals = function (a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3];
+    var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    return (Math.abs(a0 - b0) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a0), Math.abs(b0)) &&
+            Math.abs(a1 - b1) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a1), Math.abs(b1)) &&
+            Math.abs(a2 - b2) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a2), Math.abs(b2)) &&
+            Math.abs(a3 - b3) <= glMatrix.EPSILON*Math.max(1.0, Math.abs(a3), Math.abs(b3)));
+};
+
+module.exports = vec4;
+
+},{"./common.js":194}],203:[function(require,module,exports){
+'use strict'
+
+var barycentric            = require('barycentric')
+var closestPointToTriangle = require('polytope-closest-point/lib/closest_point_2d.js')
+
+module.exports = closestPointToPickLocation
+
+function xformMatrix(m, v) {
+  var out = [0,0,0,0]
+  for(var i=0; i<4; ++i) {
+    for(var j=0; j<4; ++j) {
+      out[j] += m[4*i + j] * v[i]
+    }
+  }
+  return out
+}
+
+function projectVertex(v, model, view, projection, resolution) {
+  var p = xformMatrix(projection,
+            xformMatrix(view,
+              xformMatrix(model, [v[0], v[1], v[2], 1])))
+  for(var i=0; i<3; ++i) {
+    p[i] /= p[3]
+  }
+  return [ 0.5 * resolution[0] * (1.0+p[0]), 0.5 * resolution[1] * (1.0-p[1]) ]
+}
+
+function barycentricCoord(simplex, point) {
+  if(simplex.length === 2) {
+    var d0 = 0.0
+    var d1 = 0.0
+    for(var i=0; i<2; ++i) {
+      d0 += Math.pow(point[i] - simplex[0][i], 2)
+      d1 += Math.pow(point[i] - simplex[1][i], 2)
+    }
+    d0 = Math.sqrt(d0)
+    d1 = Math.sqrt(d1)
+    if(d0+d1 < 1e-6) {
+      return [1,0]
+    }
+    return [d1/(d0+d1),d0/(d1+d0)]
+  } else if(simplex.length === 3) {
+    var closestPoint = [0,0]
+    closestPointToTriangle(simplex[0], simplex[1], simplex[2], point, closestPoint)
+    return barycentric(simplex, closestPoint)
+  }
+  return []
+}
+
+function interpolate(simplex, weights) {
+  var result = [0,0,0]
+  for(var i=0; i<simplex.length; ++i) {
+    var p = simplex[i]
+    var w = weights[i]
+    for(var j=0; j<3; ++j) {
+      result[j] += w * p[j]
+    }
+  }
+  return result
+}
+
+function closestPointToPickLocation(simplex, pixelCoord, model, view, projection, resolution) {
+  if(simplex.length === 1) {
+    return [0, simplex[0].slice()]
+  }
+  var simplex2D = new Array(simplex.length)
+  for(var i=0; i<simplex.length; ++i) {
+    simplex2D[i] = projectVertex(simplex[i], model, view, projection, resolution);
+  }
+
+  var closestIndex = 0
+  var closestDist  = Infinity
+  for(var i=0; i<simplex2D.length; ++i) {
+    var d2 = 0.0
+    for(var j=0; j<2; ++j) {
+      d2 += Math.pow(simplex2D[i][j] - pixelCoord[j], 2)
+    }
+    if(d2 < closestDist) {
+      closestDist  = d2
+      closestIndex = i
+    }
+  }
+
+  var weights = barycentricCoord(simplex2D, pixelCoord)
+  var s = 0.0
+  for(var i=0; i<3; ++i) {
+    if(weights[i] < -0.001 ||
+       weights[i] > 1.0001) {
+      return null
+    }
+    s += weights[i]
+  }
+  if(Math.abs(s - 1.0) > 0.001) {
+    return null
+  }
+  return [closestIndex, interpolate(simplex, weights), weights]
+}
+},{"barycentric":49,"polytope-closest-point/lib/closest_point_2d.js":486}],204:[function(require,module,exports){
+
+
+var triVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position, normal;\nattribute vec4 color;\nattribute vec2 uv;\n\nuniform mat4 model\n           , view\n           , projection;\nuniform vec3 eyePosition\n           , lightPosition;\n\nvarying vec3 f_normal\n           , f_lightDirection\n           , f_eyeDirection\n           , f_data;\nvarying vec4 f_color;\nvarying vec2 f_uv;\n\nvoid main() {\n  vec4 m_position  = model * vec4(position, 1.0);\n  vec4 t_p [...]
+var triFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nfloat beckmannDistribution_2_0(float x, float roughness) {\n  float NdotH = max(x, 0.0001);\n  float cos2Alpha = NdotH * NdotH;\n  float tan2Alpha = (cos2Alpha - 1.0) / cos2Alpha;\n  float roughness2 = roughness * roughness;\n  float denom = 3.141592653589793 * roughness2 * cos2Alpha * cos2Alpha;\n  return exp(tan2Alpha / roughness2) / denom;\n}\n\n\n\nfloat cookTorranceSpecular_1_1(\n  vec3 lightDirection,\n  vec3 viewDire [...]
+var edgeVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 color;\nattribute vec2 uv;\n\nuniform mat4 model, view, projection;\n\nvarying vec4 f_color;\nvarying vec3 f_data;\nvarying vec2 f_uv;\n\nvoid main() {\n  gl_Position = projection * view * model * vec4(position, 1.0);\n  f_color = color;\n  f_data  = position;\n  f_uv    = uv;\n}"
+var edgeFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3 clipBounds[2];\nuniform sampler2D texture;\nuniform float opacity;\n\nvarying vec4 f_color;\nvarying vec3 f_data;\nvarying vec2 f_uv;\n\nvoid main() {\n  if(any(lessThan(f_data, clipBounds[0])) || \n     any(greaterThan(f_data, clipBounds[1]))) {\n    discard;\n  }\n\n  gl_FragColor = f_color * texture2D(texture, f_uv) * opacity;\n}"
+var pointVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 color;\nattribute vec2 uv;\nattribute float pointSize;\n\nuniform mat4 model, view, projection;\nuniform vec3 clipBounds[2];\n\nvarying vec4 f_color;\nvarying vec2 f_uv;\n\nvoid main() {\n  if(any(lessThan(position, clipBounds[0])) || \n     any(greaterThan(position, clipBounds[1]))) {\n    gl_Position = vec4(0,0,0,0);\n  } else {\n    gl_Position = projection * view * model * vec4 [...]
+var pointFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform sampler2D texture;\nuniform float opacity;\n\nvarying vec4 f_color;\nvarying vec2 f_uv;\n\nvoid main() {\n  vec2 pointR = gl_PointCoord.xy - vec2(0.5,0.5);\n  if(dot(pointR, pointR) > 0.25) {\n    discard;\n  }\n  gl_FragColor = f_color * texture2D(texture, f_uv) * opacity;\n}"
+var pickVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 id;\n\nuniform mat4 model, view, projection;\n\nvarying vec3 f_position;\nvarying vec4 f_id;\n\nvoid main() {\n  gl_Position = projection * view * model * vec4(position, 1.0);\n  f_id        = id;\n  f_position  = position;\n}"
+var pickFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3  clipBounds[2];\nuniform float pickId;\n\nvarying vec3 f_position;\nvarying vec4 f_id;\n\nvoid main() {\n  if(any(lessThan(f_position, clipBounds[0])) || \n     any(greaterThan(f_position, clipBounds[1]))) {\n    discard;\n  }\n  gl_FragColor = vec4(pickId, f_id.xyz);\n}"
+var pickPointVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3  position;\nattribute float pointSize;\nattribute vec4  id;\n\nuniform mat4 model, view, projection;\nuniform vec3 clipBounds[2];\n\nvarying vec3 f_position;\nvarying vec4 f_id;\n\nvoid main() {\n  if(any(lessThan(position, clipBounds[0])) || \n     any(greaterThan(position, clipBounds[1]))) {\n    gl_Position = vec4(0,0,0,0);\n  } else {\n    gl_Position  = projection * view * model * vec4(position, 1. [...]
+var contourVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\n\nuniform mat4 model, view, projection;\n\nvoid main() {\n  gl_Position = projection * view * model * vec4(position, 1.0);\n}"
+var contourFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3 contourColor;\n\nvoid main() {\n  gl_FragColor = vec4(contourColor,1);\n}\n"
+
+exports.meshShader = {
+  vertex:   triVertSrc,
+  fragment: triFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'},
+    {name: 'normal', type: 'vec3'},
+    {name: 'color', type: 'vec4'},
+    {name: 'uv', type: 'vec2'}
+  ]
+}
+exports.wireShader = {
+  vertex:   edgeVertSrc,
+  fragment: edgeFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'},
+    {name: 'color', type: 'vec4'},
+    {name: 'uv', type: 'vec2'}
+  ]
+}
+exports.pointShader = {
+  vertex:   pointVertSrc,
+  fragment: pointFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'},
+    {name: 'color', type: 'vec4'},
+    {name: 'uv', type: 'vec2'},
+    {name: 'pointSize', type: 'float'}
+  ]
+}
+exports.pickShader = {
+  vertex:   pickVertSrc,
+  fragment: pickFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'},
+    {name: 'id', type: 'vec4'}
+  ]
+}
+exports.pointPickShader = {
+  vertex:   pickPointVertSrc,
+  fragment: pickFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'},
+    {name: 'pointSize', type: 'float'},
+    {name: 'id', type: 'vec4'}
+  ]
+}
+exports.contourShader = {
+  vertex:   contourVertSrc,
+  fragment: contourFragSrc,
+  attributes: [
+    {name: 'position', type: 'vec3'}
+  ]
+}
+
+},{}],205:[function(require,module,exports){
+'use strict'
+
+var DEFAULT_VERTEX_NORMALS_EPSILON = 1e-6; // may be too large if triangles are very small
+var DEFAULT_FACE_NORMALS_EPSILON = 1e-6;
+
+var createShader  = require('gl-shader')
+var createBuffer  = require('gl-buffer')
+var createVAO     = require('gl-vao')
+var createTexture = require('gl-texture2d')
+var normals       = require('normals')
+var multiply      = require('gl-mat4/multiply')
+var invert        = require('gl-mat4/invert')
+var ndarray       = require('ndarray')
+var colormap      = require('colormap')
+var getContour    = require('simplicial-complex-contour')
+var pool          = require('typedarray-pool')
+var shaders       = require('./lib/shaders')
+var closestPoint  = require('./lib/closest-point')
+
+var meshShader    = shaders.meshShader
+var wireShader    = shaders.wireShader
+var pointShader   = shaders.pointShader
+var pickShader    = shaders.pickShader
+var pointPickShader = shaders.pointPickShader
+var contourShader = shaders.contourShader
+
+var identityMatrix = [
+  1,0,0,0,
+  0,1,0,0,
+  0,0,1,0,
+  0,0,0,1]
+
+function SimplicialMesh(gl
+  , texture
+  , triShader
+  , lineShader
+  , pointShader
+  , pickShader
+  , pointPickShader
+  , contourShader
+  , trianglePositions
+  , triangleIds
+  , triangleColors
+  , triangleUVs
+  , triangleNormals
+  , triangleVAO
+  , edgePositions
+  , edgeIds
+  , edgeColors
+  , edgeUVs
+  , edgeVAO
+  , pointPositions
+  , pointIds
+  , pointColors
+  , pointUVs
+  , pointSizes
+  , pointVAO
+  , contourPositions
+  , contourVAO) {
+
+  this.gl                = gl
+  this.cells             = []
+  this.positions         = []
+  this.intensity         = []
+  this.texture           = texture
+  this.dirty             = true
+
+  this.triShader         = triShader
+  this.lineShader        = lineShader
+  this.pointShader       = pointShader
+  this.pickShader        = pickShader
+  this.pointPickShader   = pointPickShader
+  this.contourShader     = contourShader
+
+  this.trianglePositions = trianglePositions
+  this.triangleColors    = triangleColors
+  this.triangleNormals   = triangleNormals
+  this.triangleUVs       = triangleUVs
+  this.triangleIds       = triangleIds
+  this.triangleVAO       = triangleVAO
+  this.triangleCount     = 0
+
+  this.lineWidth         = 1
+  this.edgePositions     = edgePositions
+  this.edgeColors        = edgeColors
+  this.edgeUVs           = edgeUVs
+  this.edgeIds           = edgeIds
+  this.edgeVAO           = edgeVAO
+  this.edgeCount         = 0
+
+  this.pointPositions    = pointPositions
+  this.pointColors       = pointColors
+  this.pointUVs          = pointUVs
+  this.pointSizes        = pointSizes
+  this.pointIds          = pointIds
+  this.pointVAO          = pointVAO
+  this.pointCount        = 0
+
+  this.contourLineWidth  = 1
+  this.contourPositions  = contourPositions
+  this.contourVAO        = contourVAO
+  this.contourCount      = 0
+  this.contourColor      = [0,0,0]
+  this.contourEnable     = true
+
+  this.pickId            = 1
+  this.bounds            = [
+    [ Infinity, Infinity, Infinity],
+    [-Infinity,-Infinity,-Infinity] ]
+  this.clipBounds        = [
+    [-Infinity,-Infinity,-Infinity],
+    [ Infinity, Infinity, Infinity] ]
+
+  this.lightPosition = [1e5, 1e5, 0]
+  this.ambientLight  = 0.8
+  this.diffuseLight  = 0.8
+  this.specularLight = 2.0
+  this.roughness     = 0.5
+  this.fresnel       = 1.5
+
+  this.opacity       = 1.0
+
+  this._model       = identityMatrix
+  this._view        = identityMatrix
+  this._projection  = identityMatrix
+  this._resolution  = [1,1]
+}
+
+var proto = SimplicialMesh.prototype
+
+proto.isOpaque = function() {
+  return this.opacity >= 1
+}
+
+proto.isTransparent = function() {
+  return this.opacity < 1
+}
+
+proto.pickSlots = 1
+
+proto.setPickBase = function(id) {
+  this.pickId = id
+}
+
+function genColormap(param) {
+  var colors = colormap({
+      colormap: param
+    , nshades:  256
+    , format:  'rgba'
+  })
+
+  var result = new Uint8Array(256*4)
+  for(var i=0; i<256; ++i) {
+    var c = colors[i]
+    for(var j=0; j<3; ++j) {
+      result[4*i+j] = c[j]
+    }
+    result[4*i+3] = c[3]*255
+  }
+
+  return ndarray(result, [256,256,4], [4,0,1])
+}
+
+function unpackIntensity(cells, numVerts, cellIntensity) {
+  var result = new Array(numVerts)
+  for(var i=0; i<numVerts; ++i) {
+    result[i] = 0
+  }
+  var numCells = cells.length
+  for(var i=0; i<numCells; ++i) {
+    var c = cells[i]
+    for(var j=0; j<c.length; ++j) {
+      result[c[j]] = cellIntensity[i]
+    }
+  }
+  return result
+}
+
+function takeZComponent(array) {
+  var n = array.length
+  var result = new Array(n)
+  for(var i=0; i<n; ++i) {
+    result[i] = array[i][2]
+  }
+  return result
+}
+
+proto.highlight = function(selection) {
+  if(!selection || !this.contourEnable) {
+    this.contourCount = 0
+    return
+  }
+  var level = getContour(this.cells, this.intensity, selection.intensity)
+  var cells         = level.cells
+  var vertexIds     = level.vertexIds
+  var vertexWeights = level.vertexWeights
+  var numCells = cells.length
+  var result = pool.mallocFloat32(2 * 3 * numCells)
+  var ptr = 0
+  for(var i=0; i<numCells; ++i) {
+    var c = cells[i]
+    for(var j=0; j<2; ++j) {
+      var v = c[0]
+      if(c.length === 2) {
+        v = c[j]
+      }
+      var a = vertexIds[v][0]
+      var b = vertexIds[v][1]
+      var w = vertexWeights[v]
+      var wi = 1.0 - w
+      var pa = this.positions[a]
+      var pb = this.positions[b]
+      for(var k=0; k<3; ++k) {
+        result[ptr++] = w * pa[k] + wi * pb[k]
+      }
+    }
+  }
+  this.contourCount = (ptr / 3)|0
+  this.contourPositions.update(result.subarray(0, ptr))
+  pool.free(result)
+}
+
+proto.update = function(params) {
+  params = params || {}
+  var gl = this.gl
+
+  this.dirty = true
+
+  if('contourEnable' in params) {
+    this.contourEnable = params.contourEnable
+  }
+  if('contourColor' in params) {
+    this.contourColor = params.contourColor
+  }
+  if('lineWidth' in params) {
+    this.lineWidth = params.lineWidth
+  }
+  if('lightPosition' in params) {
+    this.lightPosition = params.lightPosition
+  }
+  if('opacity' in params) {
+    this.opacity = params.opacity
+  }
+  if('ambient' in params) {
+    this.ambientLight  = params.ambient
+  }
+  if('diffuse' in params) {
+    this.diffuseLight = params.diffuse
+  }
+  if('specular' in params) {
+    this.specularLight = params.specular
+  }
+  if('roughness' in params) {
+    this.roughness = params.roughness
+  }
+  if('fresnel' in params) {
+    this.fresnel = params.fresnel
+  }
+
+  if(params.texture) {
+    this.texture.dispose()
+    this.texture = createTexture(gl, params.texture)
+  } else if (params.colormap) {
+    this.texture.shape = [256,256]
+    this.texture.minFilter = gl.LINEAR_MIPMAP_LINEAR
+    this.texture.magFilter = gl.LINEAR
+    this.texture.setPixels(genColormap(params.colormap))
+    this.texture.generateMipmap()
+  }
+
+  var cells = params.cells
+  var positions = params.positions
+
+  if(!positions || !cells) {
+    return
+  }
+
+  var tPos = []
+  var tCol = []
+  var tNor = []
+  var tUVs = []
+  var tIds = []
+
+  var ePos = []
+  var eCol = []
+  var eUVs = []
+  var eIds = []
+
+  var pPos = []
+  var pCol = []
+  var pUVs = []
+  var pSiz = []
+  var pIds = []
+
+  //Save geometry data for picking calculations
+  this.cells     = cells
+  this.positions = positions
+
+  //Compute normals
+  var vertexNormals = params.vertexNormals
+  var cellNormals   = params.cellNormals
+  var vertexNormalsEpsilon = params.vertexNormalsEpsilon === void(0) ? DEFAULT_VERTEX_NORMALS_EPSILON : params.vertexNormalsEpsilon
+  var faceNormalsEpsilon = params.faceNormalsEpsilon === void(0) ? DEFAULT_FACE_NORMALS_EPSILON : params.faceNormalsEpsilon
+  if(params.useFacetNormals && !cellNormals) {
+    cellNormals = normals.faceNormals(cells, positions, faceNormalsEpsilon)
+  }
+  if(!cellNormals && !vertexNormals) {
+    vertexNormals = normals.vertexNormals(cells, positions, vertexNormalsEpsilon)
+  }
+
+  //Compute colors
+  var vertexColors    = params.vertexColors
+  var cellColors      = params.cellColors
+  var meshColor       = params.meshColor || [1,1,1,1]
+
+  //UVs
+  var vertexUVs       = params.vertexUVs
+  var vertexIntensity = params.vertexIntensity
+  var cellUVs         = params.cellUVs
+  var cellIntensity   = params.cellIntensity
+
+  var intensityLo     = Infinity
+  var intensityHi     = -Infinity
+  if(!vertexUVs && !cellUVs) {
+    if(vertexIntensity) {
+      if(params.vertexIntensityBounds) {
+        intensityLo = +params.vertexIntensityBounds[0]
+        intensityHi = +params.vertexIntensityBounds[1]
+      } else {
+        for(var i=0; i<vertexIntensity.length; ++i) {
+          var f = vertexIntensity[i]
+          intensityLo = Math.min(intensityLo, f)
+          intensityHi = Math.max(intensityHi, f)
+        }
+      }
+    } else if(cellIntensity) {
+      for(var i=0; i<cellIntensity.length; ++i) {
+        var f = cellIntensity[i]
+        intensityLo = Math.min(intensityLo, f)
+        intensityHi = Math.max(intensityHi, f)
+      }
+    } else {
+      for(var i=0; i<positions.length; ++i) {
+        var f = positions[i][2]
+        intensityLo = Math.min(intensityLo, f)
+        intensityHi = Math.max(intensityHi, f)
+      }
+    }
+  }
+
+  if(vertexIntensity) {
+    this.intensity = vertexIntensity
+  } else if(cellIntensity) {
+    this.intensity = unpackIntensity(cells, positions.length, cellIntensity)
+  } else {
+    this.intensity = takeZComponent(positions)
+  }
+
+  //Point size
+  var pointSizes      = params.pointSizes
+  var meshPointSize   = params.pointSize || 1.0
+
+  //Update bounds
+  this.bounds       = [[Infinity,Infinity,Infinity], [-Infinity,-Infinity,-Infinity]]
+  for(var i=0; i<positions.length; ++i) {
+    var p = positions[i]
+    for(var j=0; j<3; ++j) {
+      if(isNaN(p[j]) || !isFinite(p[j])) {
+        continue
+      }
+      this.bounds[0][j] = Math.min(this.bounds[0][j], p[j])
+      this.bounds[1][j] = Math.max(this.bounds[1][j], p[j])
+    }
+  }
+
+  //Pack cells into buffers
+  var triangleCount = 0
+  var edgeCount = 0
+  var pointCount = 0
+
+fill_loop:
+  for(var i=0; i<cells.length; ++i) {
+    var cell = cells[i]
+    switch(cell.length) {
+      case 1:
+
+        var v = cell[0]
+        var p = positions[v]
+
+        //Check NaNs
+        for(var j=0; j<3; ++j) {
+          if(isNaN(p[j]) || !isFinite(p[j])) {
+            continue fill_loop
+          }
+        }
+
+        pPos.push(p[0], p[1], p[2])
+
+        var c
+        if(vertexColors) {
+          c = vertexColors[v]
+        } else if(cellColors) {
+          c = cellColors[i]
+        } else {
+          c = meshColor
+        }
+        if(c.length === 3) {
+          pCol.push(c[0], c[1], c[2], 1)
+        } else {
+          pCol.push(c[0], c[1], c[2], c[3])
+        }
+
+        var uv
+        if(vertexUVs) {
+          uv = vertexUVs[v]
+        } else if(vertexIntensity) {
+          uv = [
+            (vertexIntensity[v] - intensityLo) /
+            (intensityHi - intensityLo), 0]
+        } else if(cellUVs) {
+          uv = cellUVs[i]
+        } else if(cellIntensity) {
+          uv = [
+            (cellIntensity[i] - intensityLo) /
+            (intensityHi - intensityLo), 0]
+        } else {
+          uv = [
+            (p[2] - intensityLo) /
+            (intensityHi - intensityLo), 0]
+        }
+        pUVs.push(uv[0], uv[1])
+
+        if(pointSizes) {
+          pSiz.push(pointSizes[v])
+        } else {
+          pSiz.push(meshPointSize)
+        }
+
+        pIds.push(i)
+
+        pointCount += 1
+      break
+
+      case 2:
+
+        //Check NaNs
+        for(var j=0; j<2; ++j) {
+          var v = cell[j]
+          var p = positions[v]
+          for(var k=0; k<3; ++k) {
+            if(isNaN(p[k]) || !isFinite(p[k])) {
+              continue fill_loop
+            }
+          }
+        }
+
+        for(var j=0; j<2; ++j) {
+          var v = cell[j]
+          var p = positions[v]
+
+          ePos.push(p[0], p[1], p[2])
+
+          var c
+          if(vertexColors) {
+            c = vertexColors[v]
+          } else if(cellColors) {
+            c = cellColors[i]
+          } else {
+            c = meshColor
+          }
+          if(c.length === 3) {
+            eCol.push(c[0], c[1], c[2], 1)
+          } else {
+            eCol.push(c[0], c[1], c[2], c[3])
+          }
+
+          var uv
+          if(vertexUVs) {
+            uv = vertexUVs[v]
+          } else if(vertexIntensity) {
+            uv = [
+              (vertexIntensity[v] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          } else if(cellUVs) {
+            uv = cellUVs[i]
+          } else if(cellIntensity) {
+            uv = [
+              (cellIntensity[i] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          } else {
+            uv = [
+              (p[2] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          }
+          eUVs.push(uv[0], uv[1])
+
+          eIds.push(i)
+        }
+        edgeCount += 1
+      break
+
+      case 3:
+        //Check NaNs
+        for(var j=0; j<3; ++j) {
+          var v = cell[j]
+          var p = positions[v]
+          for(var k=0; k<3; ++k) {
+            if(isNaN(p[k]) || !isFinite(p[k])) {
+              continue fill_loop
+            }
+          }
+        }
+
+        for(var j=0; j<3; ++j) {
+          var v = cell[j]
+
+          var p = positions[v]
+          tPos.push(p[0], p[1], p[2])
+
+          var c
+          if(vertexColors) {
+            c = vertexColors[v]
+          } else if(cellColors) {
+            c = cellColors[i]
+          } else {
+            c = meshColor
+          }
+          if(c.length === 3) {
+            tCol.push(c[0], c[1], c[2], 1)
+          } else {
+            tCol.push(c[0], c[1], c[2], c[3])
+          }
+
+          var uv
+          if(vertexUVs) {
+            uv = vertexUVs[v]
+          } else if(vertexIntensity) {
+            uv = [
+              (vertexIntensity[v] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          } else if(cellUVs) {
+            uv = cellUVs[i]
+          } else if(cellIntensity) {
+            uv = [
+              (cellIntensity[i] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          } else {
+            uv = [
+              (p[2] - intensityLo) /
+              (intensityHi - intensityLo), 0]
+          }
+          tUVs.push(uv[0], uv[1])
+
+          var q
+          if(vertexNormals) {
+            q = vertexNormals[v]
+          } else {
+            q = cellNormals[i]
+          }
+          tNor.push(q[0], q[1], q[2])
+
+          tIds.push(i)
+        }
+        triangleCount += 1
+      break
+
+      default:
+      break
+    }
+  }
+
+  this.pointCount     = pointCount
+  this.edgeCount      = edgeCount
+  this.triangleCount  = triangleCount
+
+  this.pointPositions.update(pPos)
+  this.pointColors.update(pCol)
+  this.pointUVs.update(pUVs)
+  this.pointSizes.update(pSiz)
+  this.pointIds.update(new Uint32Array(pIds))
+
+  this.edgePositions.update(ePos)
+  this.edgeColors.update(eCol)
+  this.edgeUVs.update(eUVs)
+  this.edgeIds.update(new Uint32Array(eIds))
+
+  this.trianglePositions.update(tPos)
+  this.triangleColors.update(tCol)
+  this.triangleUVs.update(tUVs)
+  this.triangleNormals.update(tNor)
+  this.triangleIds.update(new Uint32Array(tIds))
+}
+
+proto.drawTransparent = proto.draw = function(params) {
+  params = params || {}
+  var gl          = this.gl
+  var model       = params.model      || identityMatrix
+  var view        = params.view       || identityMatrix
+  var projection  = params.projection || identityMatrix
+
+  var clipBounds = [[-1e6,-1e6,-1e6],[1e6,1e6,1e6]]
+  for(var i=0; i<3; ++i) {
+    clipBounds[0][i] = Math.max(clipBounds[0][i], this.clipBounds[0][i])
+    clipBounds[1][i] = Math.min(clipBounds[1][i], this.clipBounds[1][i])
+  }
+
+  var uniforms = {
+    model:      model,
+    view:       view,
+    projection: projection,
+
+    clipBounds: clipBounds,
+
+    kambient:   this.ambientLight,
+    kdiffuse:   this.diffuseLight,
+    kspecular:  this.specularLight,
+    roughness:  this.roughness,
+    fresnel:    this.fresnel,
+
+    eyePosition:   [0,0,0],
+    lightPosition: [0,0,0],
+
+    opacity:  this.opacity,
+
+    contourColor: this.contourColor,
+
+    texture:    0
+  }
+
+  this.texture.bind(0)
+
+  var invCameraMatrix = new Array(16)
+  multiply(invCameraMatrix, uniforms.view, uniforms.model)
+  multiply(invCameraMatrix, uniforms.projection, invCameraMatrix)
+  invert(invCameraMatrix, invCameraMatrix)
+
+  for(var i=0; i<3; ++i) {
+    uniforms.eyePosition[i] = invCameraMatrix[12+i] / invCameraMatrix[15]
+  }
+
+  var w = invCameraMatrix[15]
+  for(var i=0; i<3; ++i) {
+    w += this.lightPosition[i] * invCameraMatrix[4*i+3]
+  }
+  for(var i=0; i<3; ++i) {
+    var s = invCameraMatrix[12+i]
+    for(var j=0; j<3; ++j) {
+      s += invCameraMatrix[4*j+i] * this.lightPosition[j]
+    }
+    uniforms.lightPosition[i] = s / w
+  }
+
+  if(this.triangleCount > 0) {
+    var shader = this.triShader
+    shader.bind()
+    shader.uniforms = uniforms
+
+    this.triangleVAO.bind()
+    gl.drawArrays(gl.TRIANGLES, 0, this.triangleCount*3)
+    this.triangleVAO.unbind()
+  }
+
+  if(this.edgeCount > 0 && this.lineWidth > 0) {
+    var shader = this.lineShader
+    shader.bind()
+    shader.uniforms = uniforms
+
+    this.edgeVAO.bind()
+    gl.lineWidth(this.lineWidth)
+    gl.drawArrays(gl.LINES, 0, this.edgeCount*2)
+    this.edgeVAO.unbind()
+  }
+
+  if(this.pointCount > 0) {
+    var shader = this.pointShader
+    shader.bind()
+    shader.uniforms = uniforms
+
+    this.pointVAO.bind()
+    gl.drawArrays(gl.POINTS, 0, this.pointCount)
+    this.pointVAO.unbind()
+  }
+
+  if(this.contourEnable && this.contourCount > 0 && this.contourLineWidth > 0) {
+    var shader = this.contourShader
+    shader.bind()
+    shader.uniforms = uniforms
+
+    this.contourVAO.bind()
+    gl.drawArrays(gl.LINES, 0, this.contourCount)
+    this.contourVAO.unbind()
+  }
+}
+
+proto.drawPick = function(params) {
+  params = params || {}
+
+  var gl         = this.gl
+
+  var model      = params.model      || identityMatrix
+  var view       = params.view       || identityMatrix
+  var projection = params.projection || identityMatrix
+
+  var clipBounds = [[-1e6,-1e6,-1e6],[1e6,1e6,1e6]]
+  for(var i=0; i<3; ++i) {
+    clipBounds[0][i] = Math.max(clipBounds[0][i], this.clipBounds[0][i])
+    clipBounds[1][i] = Math.min(clipBounds[1][i], this.clipBounds[1][i])
+  }
+
+  //Save camera parameters
+  this._model      = [].slice.call(model)
+  this._view       = [].slice.call(view)
+  this._projection = [].slice.call(projection)
+  this._resolution = [gl.drawingBufferWidth, gl.drawingBufferHeight]
+
+  var uniforms = {
+    model:      model,
+    view:       view,
+    projection: projection,
+    clipBounds: clipBounds,
+    pickId:     this.pickId / 255.0,
+  }
+
+  var shader = this.pickShader
+  shader.bind()
+  shader.uniforms = uniforms
+
+  if(this.triangleCount > 0) {
+    this.triangleVAO.bind()
+    gl.drawArrays(gl.TRIANGLES, 0, this.triangleCount*3)
+    this.triangleVAO.unbind()
+  }
+
+  if(this.edgeCount > 0) {
+    this.edgeVAO.bind()
+    gl.lineWidth(this.lineWidth)
+    gl.drawArrays(gl.LINES, 0, this.edgeCount*2)
+    this.edgeVAO.unbind()
+  }
+
+  if(this.pointCount > 0) {
+    var shader = this.pointPickShader
+    shader.bind()
+    shader.uniforms = uniforms
+
+    this.pointVAO.bind()
+    gl.drawArrays(gl.POINTS, 0, this.pointCount)
+    this.pointVAO.unbind()
+  }
+}
+
+
+proto.pick = function(pickData) {
+  if(!pickData) {
+    return null
+  }
+  if(pickData.id !== this.pickId) {
+    return null
+  }
+
+  var cellId    = pickData.value[0] + 256*pickData.value[1] + 65536*pickData.value[2]
+  var cell      = this.cells[cellId]
+  var positions = this.positions
+
+  var simplex   = new Array(cell.length)
+  for(var i=0; i<cell.length; ++i) {
+    simplex[i] = positions[cell[i]]
+  }
+
+  var data = closestPoint(
+    simplex,
+    [pickData.coord[0], this._resolution[1]-pickData.coord[1]],
+    this._model,
+    this._view,
+    this._projection,
+    this._resolution)
+
+  if(!data) {
+    return null
+  }
+
+  var weights = data[2]
+  var interpIntensity = 0.0
+  for(var i=0; i<cell.length; ++i) {
+    interpIntensity += weights[i] * this.intensity[cell[i]]
+  }
+
+  return {
+    position: data[1],
+    index:    cell[data[0]],
+    cell:     cell,
+    cellId:   cellId,
+    intensity:  interpIntensity,
+    dataCoordinate: this.positions[cell[data[0]]]
+  }
+}
+
+
+proto.dispose = function() {
+  this.texture.dispose()
+
+  this.triShader.dispose()
+  this.lineShader.dispose()
+  this.pointShader.dispose()
+  this.pickShader.dispose()
+  this.pointPickShader.dispose()
+
+  this.triangleVAO.dispose()
+  this.trianglePositions.dispose()
+  this.triangleColors.dispose()
+  this.triangleUVs.dispose()
+  this.triangleNormals.dispose()
+  this.triangleIds.dispose()
+
+  this.edgeVAO.dispose()
+  this.edgePositions.dispose()
+  this.edgeColors.dispose()
+  this.edgeUVs.dispose()
+  this.edgeIds.dispose()
+
+  this.pointVAO.dispose()
+  this.pointPositions.dispose()
+  this.pointColors.dispose()
+  this.pointUVs.dispose()
+  this.pointSizes.dispose()
+  this.pointIds.dispose()
+
+  this.contourVAO.dispose()
+  this.contourPositions.dispose()
+  this.contourShader.dispose()
+}
+
+function createMeshShader(gl) {
+  var shader = createShader(gl, meshShader.vertex, meshShader.fragment)
+  shader.attributes.position.location = 0
+  shader.attributes.color.location    = 2
+  shader.attributes.uv.location       = 3
+  shader.attributes.normal.location   = 4
+  return shader
+}
+
+function createWireShader(gl) {
+  var shader = createShader(gl, wireShader.vertex, wireShader.fragment)
+  shader.attributes.position.location = 0
+  shader.attributes.color.location    = 2
+  shader.attributes.uv.location       = 3
+  return shader
+}
+
+function createPointShader(gl) {
+  var shader = createShader(gl, pointShader.vertex, pointShader.fragment)
+  shader.attributes.position.location  = 0
+  shader.attributes.color.location     = 2
+  shader.attributes.uv.location        = 3
+  shader.attributes.pointSize.location = 4
+  return shader
+}
+
+function createPickShader(gl) {
+  var shader = createShader(gl, pickShader.vertex, pickShader.fragment)
+  shader.attributes.position.location = 0
+  shader.attributes.id.location       = 1
+  return shader
+}
+
+function createPointPickShader(gl) {
+  var shader = createShader(gl, pointPickShader.vertex, pointPickShader.fragment)
+  shader.attributes.position.location  = 0
+  shader.attributes.id.location        = 1
+  shader.attributes.pointSize.location = 4
+  return shader
+}
+
+function createContourShader(gl) {
+  var shader = createShader(gl, contourShader.vertex, contourShader.fragment)
+  shader.attributes.position.location = 0
+  return shader
+}
+
+function createSimplicialMesh(gl, params) {
+  if (arguments.length === 1) {
+    params = gl;
+    gl = params.gl;
+  }
+
+  var triShader       = createMeshShader(gl)
+  var lineShader      = createWireShader(gl)
+  var pointShader     = createPointShader(gl)
+  var pickShader      = createPickShader(gl)
+  var pointPickShader = createPointPickShader(gl)
+  var contourShader   = createContourShader(gl)
+
+  var meshTexture       = createTexture(gl,
+    ndarray(new Uint8Array([255,255,255,255]), [1,1,4]))
+  meshTexture.generateMipmap()
+  meshTexture.minFilter = gl.LINEAR_MIPMAP_LINEAR
+  meshTexture.magFilter = gl.LINEAR
+
+  var trianglePositions = createBuffer(gl)
+  var triangleColors    = createBuffer(gl)
+  var triangleUVs       = createBuffer(gl)
+  var triangleNormals   = createBuffer(gl)
+  var triangleIds       = createBuffer(gl)
+  var triangleVAO       = createVAO(gl, [
+    { buffer: trianglePositions,
+      type: gl.FLOAT,
+      size: 3
+    },
+    { buffer: triangleIds,
+      type: gl.UNSIGNED_BYTE,
+      size: 4,
+      normalized: true
+    },
+    { buffer: triangleColors,
+      type: gl.FLOAT,
+      size: 4
+    },
+    { buffer: triangleUVs,
+      type: gl.FLOAT,
+      size: 2
+    },
+    { buffer: triangleNormals,
+      type: gl.FLOAT,
+      size: 3
+    }
+  ])
+
+  var edgePositions = createBuffer(gl)
+  var edgeColors    = createBuffer(gl)
+  var edgeUVs       = createBuffer(gl)
+  var edgeIds       = createBuffer(gl)
+  var edgeVAO       = createVAO(gl, [
+    { buffer: edgePositions,
+      type: gl.FLOAT,
+      size: 3
+    },
+    { buffer: edgeIds,
+      type: gl.UNSIGNED_BYTE,
+      size: 4,
+      normalized: true
+    },
+    { buffer: edgeColors,
+      type: gl.FLOAT,
+      size: 4
+    },
+    { buffer: edgeUVs,
+      type: gl.FLOAT,
+      size: 2
+    }
+  ])
+
+  var pointPositions  = createBuffer(gl)
+  var pointColors     = createBuffer(gl)
+  var pointUVs        = createBuffer(gl)
+  var pointSizes      = createBuffer(gl)
+  var pointIds        = createBuffer(gl)
+  var pointVAO        = createVAO(gl, [
+    { buffer: pointPositions,
+      type: gl.FLOAT,
+      size: 3
+    },
+    { buffer: pointIds,
+      type: gl.UNSIGNED_BYTE,
+      size: 4,
+      normalized: true
+    },
+    { buffer: pointColors,
+      type: gl.FLOAT,
+      size: 4
+    },
+    { buffer: pointUVs,
+      type: gl.FLOAT,
+      size: 2
+    },
+    { buffer: pointSizes,
+      type: gl.FLOAT,
+      size: 1
+    }
+  ])
+
+  var contourPositions = createBuffer(gl)
+  var contourVAO       = createVAO(gl, [
+    { buffer: contourPositions,
+      type:   gl.FLOAT,
+      size:   3
+    }])
+
+  var mesh = new SimplicialMesh(gl
+    , meshTexture
+    , triShader
+    , lineShader
+    , pointShader
+    , pickShader
+    , pointPickShader
+    , contourShader
+    , trianglePositions
+    , triangleIds
+    , triangleColors
+    , triangleUVs
+    , triangleNormals
+    , triangleVAO
+    , edgePositions
+    , edgeIds
+    , edgeColors
+    , edgeUVs
+    , edgeVAO
+    , pointPositions
+    , pointIds
+    , pointColors
+    , pointUVs
+    , pointSizes
+    , pointVAO
+    , contourPositions
+    , contourVAO)
+
+  mesh.update(params)
+
+  return mesh
+}
+
+module.exports = createSimplicialMesh
+
+},{"./lib/closest-point":203,"./lib/shaders":204,"colormap":99,"gl-buffer":156,"gl-mat4/invert":181,"gl-mat4/multiply":183,"gl-shader":255,"gl-texture2d":267,"gl-vao":271,"ndarray":467,"normals":469,"simplicial-complex-contour":517,"typedarray-pool":541}],206:[function(require,module,exports){
+'use strict'
+
+module.exports = createBoxes
+
+var createBuffer = require('gl-buffer')
+var createShader = require('gl-shader')
+
+var shaders = require('./shaders')
+
+function Boxes(plot, vbo, shader) {
+  this.plot   = plot
+  this.vbo    = vbo
+  this.shader = shader
+}
+
+var proto = Boxes.prototype
+
+proto.bind = function() {
+  var shader = this.shader
+  this.vbo.bind()
+  this.shader.bind()
+  shader.attributes.coord.pointer()
+  shader.uniforms.screenBox = this.plot.screenBox
+}
+
+proto.drawBox = (function() {
+  var lo = [0,0]
+  var hi = [0,0]
+  return function(loX, loY, hiX, hiY, color) {
+    var plot       = this.plot
+    var shader     = this.shader
+    var gl         = plot.gl
+
+    lo[0] = loX
+    lo[1] = loY
+    hi[0] = hiX
+    hi[1] = hiY
+
+    shader.uniforms.lo     = lo
+    shader.uniforms.hi     = hi
+    shader.uniforms.color  = color
+
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)
+  }
+}())
+
+proto.dispose = function() {
+  this.vbo.dispose()
+  this.shader.dispose()
+}
+
+function createBoxes(plot) {
+  var gl  = plot.gl
+  var vbo = createBuffer(gl, [
+    0,0,
+    0,1,
+    1,0,
+    1,1])
+  var shader  = createShader(gl, shaders.boxVert, shaders.lineFrag)
+  return new Boxes(plot, vbo, shader)
+}
+
+},{"./shaders":209,"gl-buffer":156,"gl-shader":212}],207:[function(require,module,exports){
+'use strict'
+
+module.exports = createGrid
+
+var createBuffer  = require('gl-buffer')
+var createShader  = require('gl-shader')
+var bsearch       = require('binary-search-bounds')
+var shaders       = require('./shaders')
+
+function Grid(plot, vbo, shader, tickShader) {
+  this.plot   = plot
+  this.vbo    = vbo
+  this.shader = shader
+  this.tickShader = tickShader
+  this.ticks  = [[], []]
+}
+
+function compareTickNum(a, b) {
+  return a - b
+}
+
+var proto = Grid.prototype
+
+proto.draw = (function() {
+
+  var DATA_SHIFT = [0,0]
+  var DATA_SCALE = [0,0]
+  var DATA_AXIS  = [0,0]
+
+  return function() {
+    var plot       = this.plot
+    var vbo        = this.vbo
+    var shader     = this.shader
+    var ticks      = this.ticks
+    var gl         = plot.gl
+    var bounds     = plot._tickBounds
+    var dataBox    = plot.dataBox
+    var viewPixels = plot.viewBox
+    var lineWidth  = plot.gridLineWidth
+    var gridColor  = plot.gridLineColor
+    var gridEnable = plot.gridLineEnable
+    var pixelRatio = plot.pixelRatio
+
+    for(var i=0; i<2; ++i) {
+      var lo = bounds[i]
+      var hi = bounds[i+2]
+      var boundScale = hi - lo
+      var dataCenter  = 0.5 * (dataBox[i+2] + dataBox[i])
+      var dataWidth   = dataBox[i+2] - dataBox[i]
+      DATA_SCALE[i] = 2.0 * boundScale / dataWidth
+      DATA_SHIFT[i] = 2.0 * (lo - dataCenter) / dataWidth
+    }
+
+    shader.bind()
+    vbo.bind()
+    shader.attributes.dataCoord.pointer()
+    shader.uniforms.dataShift = DATA_SHIFT
+    shader.uniforms.dataScale = DATA_SCALE
+
+    var offset = 0
+    for(var i=0; i<2; ++i) {
+      DATA_AXIS[0] = DATA_AXIS[1] = 0
+      DATA_AXIS[i] = 1
+      shader.uniforms.dataAxis  = DATA_AXIS
+      shader.uniforms.lineWidth = lineWidth[i] / (viewPixels[i+2] - viewPixels[i]) * pixelRatio
+      shader.uniforms.color     = gridColor[i]
+
+      var size = ticks[i].length * 6
+      if(gridEnable[i] && size) {
+        gl.drawArrays(gl.TRIANGLES, offset, size)
+      }
+      offset += size
+    }
+  }
+})()
+
+proto.drawTickMarks = (function() {
+  var DATA_SHIFT = [0,0]
+  var DATA_SCALE = [0,0]
+  var X_AXIS     = [1,0]
+  var Y_AXIS     = [0,1]
+  var SCR_OFFSET = [0,0]
+  var TICK_SCALE = [0,0]
+
+  return function() {
+    var plot       = this.plot
+    var vbo        = this.vbo
+    var shader     = this.tickShader
+    var ticks      = this.ticks
+    var gl         = plot.gl
+    var bounds     = plot._tickBounds
+    var dataBox    = plot.dataBox
+    var viewBox    = plot.viewBox
+    var pixelRatio = plot.pixelRatio
+    var screenBox  = plot.screenBox
+
+    var screenWidth  = screenBox[2] - screenBox[0]
+    var screenHeight = screenBox[3] - screenBox[1]
+    var viewWidth    = viewBox[2]   - viewBox[0]
+    var viewHeight   = viewBox[3]   - viewBox[1]
+
+    for(var i=0; i<2; ++i) {
+      var lo = bounds[i]
+      var hi = bounds[i+2]
+      var boundScale = hi - lo
+      var dataCenter  = 0.5 * (dataBox[i+2] + dataBox[i])
+      var dataWidth   = (dataBox[i+2] - dataBox[i])
+      DATA_SCALE[i] = 2.0 * boundScale / dataWidth
+      DATA_SHIFT[i] = 2.0 * (lo - dataCenter) / dataWidth
+    }
+
+    DATA_SCALE[0] *= viewWidth / screenWidth
+    DATA_SHIFT[0] *= viewWidth / screenWidth
+
+    DATA_SCALE[1] *= viewHeight / screenHeight
+    DATA_SHIFT[1] *= viewHeight / screenHeight
+
+    shader.bind()
+    vbo.bind()
+
+    shader.attributes.dataCoord.pointer()
+
+    var uniforms = shader.uniforms
+    uniforms.dataShift = DATA_SHIFT
+    uniforms.dataScale = DATA_SCALE
+
+    var tickMarkLength = plot.tickMarkLength
+    var tickMarkWidth  = plot.tickMarkWidth
+    var tickMarkColor  = plot.tickMarkColor
+
+    var xTicksOffset = 0
+    var yTicksOffset = ticks[0].length * 6
+
+    var xStart = Math.min(bsearch.ge(ticks[0], (dataBox[0] - bounds[0]) / (bounds[2] - bounds[0]), compareTickNum), ticks[0].length)
+    var xEnd   = Math.min(bsearch.gt(ticks[0], (dataBox[2] - bounds[0]) / (bounds[2] - bounds[0]), compareTickNum), ticks[0].length)
+    var xOffset = xTicksOffset + 6 * xStart
+    var xCount  = 6 * Math.max(0, xEnd - xStart)
+
+    var yStart = Math.min(bsearch.ge(ticks[1], (dataBox[1] - bounds[1]) / (bounds[3] - bounds[1]), compareTickNum), ticks[1].length)
+    var yEnd   = Math.min(bsearch.gt(ticks[1], (dataBox[3] - bounds[1]) / (bounds[3] - bounds[1]), compareTickNum), ticks[1].length)
+    var yOffset = yTicksOffset + 6 * yStart
+    var yCount  = 6 * Math.max(0, yEnd - yStart)
+
+    SCR_OFFSET[0]         = 2.0 * (viewBox[0] - tickMarkLength[1]) / screenWidth - 1.0
+    SCR_OFFSET[1]         = (viewBox[3] + viewBox[1]) / screenHeight - 1.0
+    TICK_SCALE[0]         = tickMarkLength[1] * pixelRatio / screenWidth
+    TICK_SCALE[1]         = tickMarkWidth[1]  * pixelRatio / screenHeight
+
+    if(yCount) {
+      uniforms.color        = tickMarkColor[1]
+      uniforms.tickScale    = TICK_SCALE
+      uniforms.dataAxis     = Y_AXIS
+      uniforms.screenOffset = SCR_OFFSET
+      gl.drawArrays(gl.TRIANGLES, yOffset, yCount)
+    }
+
+    SCR_OFFSET[0]         = (viewBox[2] + viewBox[0]) / screenWidth - 1.0
+    SCR_OFFSET[1]         = 2.0 * (viewBox[1] - tickMarkLength[0]) / screenHeight - 1.0
+    TICK_SCALE[0]         = tickMarkWidth[0]  * pixelRatio / screenWidth
+    TICK_SCALE[1]         = tickMarkLength[0] * pixelRatio / screenHeight
+
+    if(xCount) {
+      uniforms.color        = tickMarkColor[0]
+      uniforms.tickScale    = TICK_SCALE
+      uniforms.dataAxis     = X_AXIS
+      uniforms.screenOffset = SCR_OFFSET
+      gl.drawArrays(gl.TRIANGLES, xOffset, xCount)
+    }
+
+    SCR_OFFSET[0]         = 2.0 * (viewBox[2] + tickMarkLength[3]) / screenWidth - 1.0
+    SCR_OFFSET[1]         = (viewBox[3] + viewBox[1]) / screenHeight - 1.0
+    TICK_SCALE[0]         = tickMarkLength[3] * pixelRatio / screenWidth
+    TICK_SCALE[1]         = tickMarkWidth[3]  * pixelRatio / screenHeight
+
+    if(yCount) {
+      uniforms.color        = tickMarkColor[3]
+      uniforms.tickScale    = TICK_SCALE
+      uniforms.dataAxis     = Y_AXIS
+      uniforms.screenOffset = SCR_OFFSET
+      gl.drawArrays(gl.TRIANGLES, yOffset, yCount)
+    }
+
+    SCR_OFFSET[0]         = (viewBox[2] + viewBox[0]) / screenWidth - 1.0
+    SCR_OFFSET[1]         = 2.0 * (viewBox[3] + tickMarkLength[2]) / screenHeight - 1.0
+    TICK_SCALE[0]         = tickMarkWidth[2]  * pixelRatio / screenWidth
+    TICK_SCALE[1]         = tickMarkLength[2] * pixelRatio / screenHeight
+
+    if(xCount) {
+      uniforms.color        = tickMarkColor[2]
+      uniforms.tickScale    = TICK_SCALE
+      uniforms.dataAxis     = X_AXIS
+      uniforms.screenOffset = SCR_OFFSET
+      gl.drawArrays(gl.TRIANGLES, xOffset, xCount)
+    }
+  }
+})()
+
+proto.update = (function() {
+  var OFFSET_X = [1,  1, -1, -1,  1, -1]
+  var OFFSET_Y = [1, -1,  1,  1, -1, -1]
+
+  return function(options) {
+    var ticks  = options.ticks
+    var bounds = options.bounds
+    var data   = new Float32Array(6 * 3 * (ticks[0].length + ticks[1].length))
+
+    var zeroLineEnable = this.plot.zeroLineEnable
+
+    var ptr    = 0
+    var gridTicks = [[], []]
+    for(var dim=0; dim<2; ++dim) {
+      var localTicks = gridTicks[dim]
+      var axisTicks = ticks[dim]
+      var lo = bounds[dim]
+      var hi = bounds[dim+2]
+      for(var i=0; i<axisTicks.length; ++i) {
+        var x = (axisTicks[i].x - lo) / (hi - lo)
+        localTicks.push(x)
+        for(var j=0; j<6; ++j) {
+          data[ptr++] = x
+          data[ptr++] = OFFSET_X[j]
+          data[ptr++] = OFFSET_Y[j]
+        }
+      }
+    }
+
+    this.ticks = gridTicks
+    this.vbo.update(data)
+  }
+})()
+
+proto.dispose = function() {
+  this.vbo.dispose()
+  this.shader.dispose()
+  this.tickShader.dispose()
+}
+
+function createGrid(plot) {
+  var gl     = plot.gl
+  var vbo    = createBuffer(gl)
+  var shader = createShader(gl, shaders.gridVert, shaders.gridFrag)
+  var tickShader = createShader(gl, shaders.tickVert, shaders.gridFrag)
+  var grid   = new Grid(plot, vbo, shader, tickShader)
+  return grid
+}
+
+},{"./shaders":209,"binary-search-bounds":211,"gl-buffer":156,"gl-shader":212}],208:[function(require,module,exports){
+'use strict'
+
+module.exports = createLines
+
+var createBuffer = require('gl-buffer')
+var createShader = require('gl-shader')
+
+var shaders = require('./shaders')
+
+function Lines(plot, vbo, shader) {
+  this.plot   = plot
+  this.vbo    = vbo
+  this.shader = shader
+}
+
+var proto = Lines.prototype
+
+proto.bind = function() {
+  var shader = this.shader
+  this.vbo.bind()
+  this.shader.bind()
+  shader.attributes.coord.pointer()
+  shader.uniforms.screenBox = this.plot.screenBox
+}
+
+proto.drawLine = (function() {
+  var start = [0,0]
+  var end   = [0,0]
+  return function(startX, startY, endX, endY, width, color) {
+    var plot       = this.plot
+    var shader     = this.shader
+    var gl         = plot.gl
+
+    start[0] = startX
+    start[1] = startY
+    end[0]   = endX
+    end[1]   = endY
+
+    shader.uniforms.start  = start
+    shader.uniforms.end    = end
+    shader.uniforms.width  = width * plot.pixelRatio
+    shader.uniforms.color  = color
+
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)
+  }
+}())
+
+proto.dispose = function() {
+  this.vbo.dispose()
+  this.shader.dispose()
+}
+
+function createLines(plot) {
+  var gl  = plot.gl
+  var vbo = createBuffer(gl, [
+    -1,-1,
+    -1,1,
+    1,-1,
+    1,1])
+  var shader  = createShader(gl, shaders.lineVert, shaders.lineFrag)
+  var lines   = new Lines(plot, vbo, shader)
+  return lines
+}
+
+},{"./shaders":209,"gl-buffer":156,"gl-shader":212}],209:[function(require,module,exports){
+'use strict'
+
+
+
+var FRAGMENT = "precision lowp float;\n#define GLSLIFY 1\nuniform vec4 color;\nvoid main() {\n  gl_FragColor = vec4(color.xyz * color.w, color.w);\n}\n"
+
+module.exports = {
+  lineVert: "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 coord;\n\nuniform vec4 screenBox;\nuniform vec2 start, end;\nuniform float width;\n\nvec2 perp(vec2 v) {\n  return vec2(v.y, -v.x);\n}\n\nvec2 screen(vec2 v) {\n  return 2.0 * (v - screenBox.xy) / (screenBox.zw - screenBox.xy) - 1.0;\n}\n\nvoid main() {\n  vec2 delta = normalize(perp(start - end));\n  vec2 offset = mix(start, end, 0.5 * (coord.y+1.0));\n  gl_Position = vec4(screen(offset + 0.5 * width * delta * co [...]
+  lineFrag: FRAGMENT,
+  textVert: "#define GLSLIFY 1\nattribute vec3 textCoordinate;\n\nuniform vec2 dataScale, dataShift, dataAxis, screenOffset, textScale;\nuniform float angle;\n\nvoid main() {\n  float dataOffset  = textCoordinate.z;\n  vec2 glyphOffset  = textCoordinate.xy;\n  mat2 glyphMatrix = mat2(cos(angle), sin(angle), -sin(angle), cos(angle));\n  vec2 screenCoordinate = dataAxis * (dataScale * dataOffset + dataShift) +\n    glyphMatrix * glyphOffset * textScale + screenOffset;\n  gl_Position = vec4 [...]
+  textFrag: FRAGMENT,
+  gridVert: "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 dataCoord;\n\nuniform vec2 dataAxis, dataShift, dataScale;\nuniform float lineWidth;\n\nvoid main() {\n  vec2 pos = dataAxis * (dataScale * dataCoord.x + dataShift);\n  pos += 10.0 * dataCoord.y * vec2(dataAxis.y, -dataAxis.x) + dataCoord.z * lineWidth;\n  gl_Position = vec4(pos, 0, 1);\n}\n",
+  gridFrag: FRAGMENT,
+  boxVert:  "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 coord;\n\nuniform vec4 screenBox;\nuniform vec2 lo, hi;\n\nvec2 screen(vec2 v) {\n  return 2.0 * (v - screenBox.xy) / (screenBox.zw - screenBox.xy) - 1.0;\n}\n\nvoid main() {\n  gl_Position = vec4(screen(mix(lo, hi, coord)), 0, 1);\n}\n",
+  tickVert: "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 dataCoord;\n\nuniform vec2 dataAxis, dataShift, dataScale, screenOffset, tickScale;\n\nvoid main() {\n  vec2 pos = dataAxis * (dataScale * dataCoord.x + dataShift);\n  gl_Position = vec4(pos + tickScale*dataCoord.yz + screenOffset, 0, 1);\n}\n"
+}
+
+},{}],210:[function(require,module,exports){
+'use strict'
+
+module.exports = createTextElements
+
+var createBuffer = require('gl-buffer')
+var createShader = require('gl-shader')
+var getText      = require('text-cache')
+var bsearch      = require('binary-search-bounds')
+var shaders      = require('./shaders')
+
+function TextElements(plot, vbo, shader) {
+  this.plot         = plot
+  this.vbo          = vbo
+  this.shader       = shader
+  this.tickOffset   = [[],[]]
+  this.tickX        = [[],[]]
+  this.labelOffset  = [0,0]
+  this.labelCount   = [0,0]
+}
+
+var proto = TextElements.prototype
+
+proto.drawTicks = (function() {
+  var DATA_AXIS = [0,0]
+  var SCREEN_OFFSET = [0,0]
+  var ZERO_2 = [0,0]
+
+  return function(axis) {
+    var plot        = this.plot
+    var shader      = this.shader
+    var tickX       = this.tickX[axis]
+    var tickOffset  = this.tickOffset[axis]
+    var gl          = plot.gl
+    var viewBox     = plot.viewBox
+    var dataBox     = plot.dataBox
+    var screenBox   = plot.screenBox
+    var pixelRatio  = plot.pixelRatio
+    var tickEnable  = plot.tickEnable
+    var tickPad     = plot.tickPad
+    var textColor   = plot.tickColor
+    var textAngle   = plot.tickAngle
+    // todo check if this should be used (now unused)
+    // var tickLength  = plot.tickMarkLength
+
+    var labelEnable = plot.labelEnable
+    var labelPad    = plot.labelPad
+    var labelColor  = plot.labelColor
+    var labelAngle  = plot.labelAngle
+    var labelOffset = this.labelOffset[axis]
+    var labelCount  = this.labelCount[axis]
+
+    var start = bsearch.lt(tickX, dataBox[axis])
+    var end   = bsearch.le(tickX, dataBox[axis+2])
+
+    DATA_AXIS[0]    = DATA_AXIS[1] = 0
+    DATA_AXIS[axis] = 1
+
+    SCREEN_OFFSET[axis] = (viewBox[2+axis] + viewBox[axis]) / (screenBox[2+axis] - screenBox[axis]) - 1.0
+
+    var screenScale = 2.0 / screenBox[2+(axis^1)] - screenBox[axis^1]
+
+    SCREEN_OFFSET[axis^1] = screenScale * viewBox[axis^1] - 1.0
+    if(tickEnable[axis]) {
+      SCREEN_OFFSET[axis^1] -= screenScale * pixelRatio * tickPad[axis]
+      if(start < end && tickOffset[end] > tickOffset[start]) {
+        shader.uniforms.dataAxis     = DATA_AXIS
+        shader.uniforms.screenOffset = SCREEN_OFFSET
+        shader.uniforms.color        = textColor[axis]
+        shader.uniforms.angle        = textAngle[axis]
+        gl.drawArrays(
+          gl.TRIANGLES,
+          tickOffset[start],
+          tickOffset[end] - tickOffset[start])
+      }
+    }
+    if(labelEnable[axis] && labelCount) {
+      SCREEN_OFFSET[axis^1] -= screenScale * pixelRatio * labelPad[axis]
+      shader.uniforms.dataAxis     = ZERO_2
+      shader.uniforms.screenOffset = SCREEN_OFFSET
+      shader.uniforms.color        = labelColor[axis]
+      shader.uniforms.angle        = labelAngle[axis]
+      gl.drawArrays(
+        gl.TRIANGLES,
+        labelOffset,
+        labelCount)
+    }
+
+    SCREEN_OFFSET[axis^1] = screenScale * viewBox[2+(axis^1)] - 1.0
+    if(tickEnable[axis+2]) {
+      SCREEN_OFFSET[axis^1] += screenScale * pixelRatio * tickPad[axis+2]
+      if(start < end && tickOffset[end] > tickOffset[start]) {
+        shader.uniforms.dataAxis     = DATA_AXIS
+        shader.uniforms.screenOffset = SCREEN_OFFSET
+        shader.uniforms.color        = textColor[axis+2]
+        shader.uniforms.angle        = textAngle[axis+2]
+        gl.drawArrays(
+          gl.TRIANGLES,
+          tickOffset[start],
+          tickOffset[end] - tickOffset[start])
+      }
+    }
+    if(labelEnable[axis+2] && labelCount) {
+      SCREEN_OFFSET[axis^1] += screenScale * pixelRatio * labelPad[axis+2]
+      shader.uniforms.dataAxis     = ZERO_2
+      shader.uniforms.screenOffset = SCREEN_OFFSET
+      shader.uniforms.color        = labelColor[axis+2]
+      shader.uniforms.angle        = labelAngle[axis+2]
+      gl.drawArrays(
+        gl.TRIANGLES,
+        labelOffset,
+        labelCount)
+    }
+
+  }
+})()
+
+proto.drawTitle = (function() {
+  var DATA_AXIS = [0,0]
+  var SCREEN_OFFSET = [0,0]
+
+  return function() {
+    var plot        = this.plot
+    var shader      = this.shader
+    var gl          = plot.gl
+    var screenBox   = plot.screenBox
+    var titleCenter = plot.titleCenter
+    var titleAngle  = plot.titleAngle
+    var titleColor  = plot.titleColor
+    var pixelRatio  = plot.pixelRatio
+
+    if(!this.titleCount) {
+      return
+    }
+
+    for(var i=0; i<2; ++i) {
+      SCREEN_OFFSET[i] = 2.0 * (titleCenter[i]*pixelRatio - screenBox[i]) /
+        (screenBox[2+i] - screenBox[i]) - 1
+    }
+
+    shader.bind()
+    shader.uniforms.dataAxis      = DATA_AXIS
+    shader.uniforms.screenOffset  = SCREEN_OFFSET
+    shader.uniforms.angle         = titleAngle
+    shader.uniforms.color         = titleColor
+
+    gl.drawArrays(gl.TRIANGLES, this.titleOffset, this.titleCount)
+  }
+})()
+
+proto.bind = (function() {
+  var DATA_SHIFT = [0,0]
+  var DATA_SCALE = [0,0]
+  var TEXT_SCALE = [0,0]
+
+  return function() {
+    var plot      = this.plot
+    var shader    = this.shader
+    var bounds    = plot._tickBounds
+    var dataBox   = plot.dataBox
+    var screenBox = plot.screenBox
+    var viewBox   = plot.viewBox
+
+    shader.bind()
+
+    //Set up coordinate scaling uniforms
+    for(var i=0; i<2; ++i) {
+
+      var lo = bounds[i]
+      var hi = bounds[i+2]
+      var boundScale = hi - lo
+      var dataCenter  = 0.5 * (dataBox[i+2] + dataBox[i])
+      var dataWidth   = (dataBox[i+2] - dataBox[i])
+
+      var viewLo = viewBox[i]
+      var viewHi = viewBox[i+2]
+      var viewScale = viewHi - viewLo
+      var screenLo = screenBox[i]
+      var screenHi = screenBox[i+2]
+      var screenScale = screenHi - screenLo
+
+      DATA_SCALE[i] = 2.0 * boundScale / dataWidth * viewScale / screenScale
+      DATA_SHIFT[i] = 2.0 * (lo - dataCenter) / dataWidth * viewScale / screenScale
+    }
+
+    TEXT_SCALE[1] = 2.0 * plot.pixelRatio / (screenBox[3] - screenBox[1])
+    TEXT_SCALE[0] = TEXT_SCALE[1] * (screenBox[3] - screenBox[1]) / (screenBox[2] - screenBox[0])
+
+    shader.uniforms.dataScale = DATA_SCALE
+    shader.uniforms.dataShift = DATA_SHIFT
+    shader.uniforms.textScale = TEXT_SCALE
+
+    //Set attributes
+    this.vbo.bind()
+    shader.attributes.textCoordinate.pointer()
+  }
+})()
+
+proto.update = function(options) {
+  var vertices  = []
+  var axesTicks = options.ticks
+  var bounds    = options.bounds
+  var i, j, k, data, scale, dimension
+
+  for(dimension=0; dimension<2; ++dimension) {
+    var offsets = [Math.floor(vertices.length/3)], tickX = [-Infinity]
+
+    //Copy vertices over to buffer
+    var ticks = axesTicks[dimension]
+    for(i=0; i<ticks.length; ++i) {
+      var tick  = ticks[i]
+      var x     = tick.x
+      var text  = tick.text
+      var font  = tick.font || 'sans-serif'
+      scale = (tick.fontSize || 12)
+
+      var coordScale = 1.0 / (bounds[dimension+2] - bounds[dimension])
+      var coordShift = bounds[dimension]
+
+      var rows = text.split('\n')
+      for(var r = 0; r < rows.length; r++) {
+        data = getText(font, rows[r]).data
+        for (j = 0; j < data.length; j += 2) {
+          vertices.push(
+              data[j] * scale,
+              -data[j + 1] * scale - r * scale * 1.2,
+              (x - coordShift) * coordScale)
+        }
+      }
+
+      offsets.push(Math.floor(vertices.length/3))
+      tickX.push(x)
+    }
+
+    this.tickOffset[dimension] = offsets
+    this.tickX[dimension] = tickX
+  }
+
+  //Add labels
+  for(dimension=0; dimension<2; ++dimension) {
+    this.labelOffset[dimension] = Math.floor(vertices.length/3)
+
+    data  = getText(options.labelFont[dimension], options.labels[dimension], { textAlign: 'center' }).data
+    scale = options.labelSize[dimension]
+    for(i=0; i<data.length; i+=2) {
+      vertices.push(data[i]*scale, -data[i+1]*scale, 0)
+    }
+
+    this.labelCount[dimension] =
+      Math.floor(vertices.length/3) - this.labelOffset[dimension]
+  }
+
+  //Add title
+  this.titleOffset = Math.floor(vertices.length/3)
+  data = getText(options.titleFont, options.title).data
+  scale = options.titleSize
+  for(i=0; i<data.length; i+=2) {
+    vertices.push(data[i]*scale, -data[i+1]*scale, 0)
+  }
+  this.titleCount = Math.floor(vertices.length/3) - this.titleOffset
+
+  //Upload new vertices
+  this.vbo.update(vertices)
+}
+
+proto.dispose = function() {
+  this.vbo.dispose()
+  this.shader.dispose()
+}
+
+function createTextElements(plot) {
+  var gl = plot.gl
+  var vbo = createBuffer(gl)
+  var shader = createShader(gl, shaders.textVert, shaders.textFrag)
+  var text = new TextElements(plot, vbo, shader)
+  return text
+}
+
+},{"./shaders":209,"binary-search-bounds":211,"gl-buffer":156,"gl-shader":212,"text-cache":532}],211:[function(require,module,exports){
+arguments[4][84][0].apply(exports,arguments)
+},{"dup":84}],212:[function(require,module,exports){
+'use strict'
+
+var createUniformWrapper   = require('./lib/create-uniforms')
+var createAttributeWrapper = require('./lib/create-attributes')
+var makeReflect            = require('./lib/reflect')
+var shaderCache            = require('./lib/shader-cache')
+var runtime                = require('./lib/runtime-reflect')
+var GLError                = require("./lib/GLError")
+
+//Shader object
+function Shader(gl) {
+  this.gl         = gl
+  this.gl.lastAttribCount = 0  // fixme where else should we store info, safe but not nice on the gl object
+
+  //Default initialize these to null
+  this._vref      =
+  this._fref      =
+  this._relink    =
+  this.vertShader =
+  this.fragShader =
+  this.program    =
+  this.attributes =
+  this.uniforms   =
+  this.types      = null
+}
+
+var proto = Shader.prototype
+
+proto.bind = function() {
+  if(!this.program) {
+    this._relink()
+  }
+
+  // ensuring that we have the right number of enabled vertex attributes
+  var i
+  var newAttribCount = this.gl.getProgramParameter(this.program, this.gl.ACTIVE_ATTRIBUTES) // more robust approach
+  //var newAttribCount = Object.keys(this.attributes).length // avoids the probably immaterial introspection slowdown
+  var oldAttribCount = this.gl.lastAttribCount
+  if(newAttribCount > oldAttribCount) {
+    for(i = oldAttribCount; i < newAttribCount; i++) {
+      this.gl.enableVertexAttribArray(i)
+    }
+  } else if(oldAttribCount > newAttribCount) {
+    for(i = newAttribCount; i < oldAttribCount; i++) {
+      this.gl.disableVertexAttribArray(i)
+    }
+  }
+
+  this.gl.lastAttribCount = newAttribCount
+
+  this.gl.useProgram(this.program)
+}
+
+proto.dispose = function() {
+
+  // disabling vertex attributes so new shader starts with zero
+  // and it's also useful if all shaders are disposed but the
+  // gl context is reused for subsequent replotting
+  var oldAttribCount = this.gl.lastAttribCount
+  for (var i = 0; i < oldAttribCount; i++) {
+    this.gl.disableVertexAttribArray(i)
+  }
+  this.gl.lastAttribCount = 0
+
+  if(this._fref) {
+    this._fref.dispose()
+  }
+  if(this._vref) {
+    this._vref.dispose()
+  }
+  this.attributes =
+  this.types      =
+  this.vertShader =
+  this.fragShader =
+  this.program    =
+  this._relink    =
+  this._fref      =
+  this._vref      = null
+}
+
+function compareAttributes(a, b) {
+  if(a.name < b.name) {
+    return -1
+  }
+  return 1
+}
+
+//Update export hook for glslify-live
+proto.update = function(
+    vertSource
+  , fragSource
+  , uniforms
+  , attributes) {
+
+  //If only one object passed, assume glslify style output
+  if(!fragSource || arguments.length === 1) {
+    var obj = vertSource
+    vertSource = obj.vertex
+    fragSource = obj.fragment
+    uniforms   = obj.uniforms
+    attributes = obj.attributes
+  }
+
+  var wrapper = this
+  var gl      = wrapper.gl
+
+  //Compile vertex and fragment shaders
+  var pvref = wrapper._vref
+  wrapper._vref = shaderCache.shader(gl, gl.VERTEX_SHADER, vertSource)
+  if(pvref) {
+    pvref.dispose()
+  }
+  wrapper.vertShader = wrapper._vref.shader
+  var pfref = this._fref
+  wrapper._fref = shaderCache.shader(gl, gl.FRAGMENT_SHADER, fragSource)
+  if(pfref) {
+    pfref.dispose()
+  }
+  wrapper.fragShader = wrapper._fref.shader
+
+  //If uniforms/attributes is not specified, use RT reflection
+  if(!uniforms || !attributes) {
+
+    //Create initial test program
+    var testProgram = gl.createProgram()
+    gl.attachShader(testProgram, wrapper.fragShader)
+    gl.attachShader(testProgram, wrapper.vertShader)
+    gl.linkProgram(testProgram)
+    if(!gl.getProgramParameter(testProgram, gl.LINK_STATUS)) {
+      var errLog = gl.getProgramInfoLog(testProgram)
+      throw new GLError(errLog, 'Error linking program:' + errLog)
+    }
+
+    //Load data from runtime
+    uniforms   = uniforms   || runtime.uniforms(gl, testProgram)
+    attributes = attributes || runtime.attributes(gl, testProgram)
+
+    //Release test program
+    gl.deleteProgram(testProgram)
+  }
+
+  //Sort attributes lexicographically
+  // overrides undefined WebGL behavior for attribute locations
+  attributes = attributes.slice()
+  attributes.sort(compareAttributes)
+
+  //Convert attribute types, read out locations
+  var attributeUnpacked  = []
+  var attributeNames     = []
+  var attributeLocations = []
+  var i
+  for(i=0; i<attributes.length; ++i) {
+    var attr = attributes[i]
+    if(attr.type.indexOf('mat') >= 0) {
+      var size = attr.type.charAt(attr.type.length-1)|0
+      var locVector = new Array(size)
+      for(var j=0; j<size; ++j) {
+        locVector[j] = attributeLocations.length
+        attributeNames.push(attr.name + '[' + j + ']')
+        if(typeof attr.location === 'number') {
+          attributeLocations.push(attr.location + j)
+        } else if(Array.isArray(attr.location) &&
+                  attr.location.length === size &&
+                  typeof attr.location[j] === 'number') {
+          attributeLocations.push(attr.location[j]|0)
+        } else {
+          attributeLocations.push(-1)
+        }
+      }
+      attributeUnpacked.push({
+        name: attr.name,
+        type: attr.type,
+        locations: locVector
+      })
+    } else {
+      attributeUnpacked.push({
+        name: attr.name,
+        type: attr.type,
+        locations: [ attributeLocations.length ]
+      })
+      attributeNames.push(attr.name)
+      if(typeof attr.location === 'number') {
+        attributeLocations.push(attr.location|0)
+      } else {
+        attributeLocations.push(-1)
+      }
+    }
+  }
+
+  //For all unspecified attributes, assign them lexicographically min attribute
+  var curLocation = 0
+  for(i=0; i<attributeLocations.length; ++i) {
+    if(attributeLocations[i] < 0) {
+      while(attributeLocations.indexOf(curLocation) >= 0) {
+        curLocation += 1
+      }
+      attributeLocations[i] = curLocation
+    }
+  }
+
+  //Rebuild program and recompute all uniform locations
+  var uniformLocations = new Array(uniforms.length)
+  function relink() {
+    wrapper.program = shaderCache.program(
+        gl
+      , wrapper._vref
+      , wrapper._fref
+      , attributeNames
+      , attributeLocations)
+
+    for(var i=0; i<uniforms.length; ++i) {
+      uniformLocations[i] = gl.getUniformLocation(
+          wrapper.program
+        , uniforms[i].name)
+    }
+  }
+
+  //Perform initial linking, reuse program used for reflection
+  relink()
+
+  //Save relinking procedure, defer until runtime
+  wrapper._relink = relink
+
+  //Generate type info
+  wrapper.types = {
+    uniforms:   makeReflect(uniforms),
+    attributes: makeReflect(attributes)
+  }
+
+  //Generate attribute wrappers
+  wrapper.attributes = createAttributeWrapper(
+      gl
+    , wrapper
+    , attributeUnpacked
+    , attributeLocations)
+
+  //Generate uniform wrappers
+  Object.defineProperty(wrapper, 'uniforms', createUniformWrapper(
+      gl
+    , wrapper
+    , uniforms
+    , uniformLocations))
+}
+
+//Compiles and links a shader program with the given attribute and vertex list
+function createShader(
+    gl
+  , vertSource
+  , fragSource
+  , uniforms
+  , attributes) {
+
+  var shader = new Shader(gl)
+
+  shader.update(
+      vertSource
+    , fragSource
+    , uniforms
+    , attributes)
+
+  return shader
+}
+
+module.exports = createShader
+
+},{"./lib/GLError":213,"./lib/create-attributes":214,"./lib/create-uniforms":215,"./lib/reflect":216,"./lib/runtime-reflect":217,"./lib/shader-cache":218}],213:[function(require,module,exports){
+function GLError (rawError, shortMessage, longMessage) {
+    this.shortMessage = shortMessage || ''
+    this.longMessage = longMessage || ''
+    this.rawError = rawError || ''
+    this.message =
+      'gl-shader: ' + (shortMessage || rawError || '') +
+      (longMessage ? '\n'+longMessage : '')
+    this.stack = (new Error()).stack
+}
+GLError.prototype = new Error
+GLError.prototype.name = 'GLError'
+GLError.prototype.constructor = GLError
+module.exports = GLError
+
+},{}],214:[function(require,module,exports){
+'use strict'
+
+module.exports = createAttributeWrapper
+
+var GLError = require("./GLError")
+
+function ShaderAttribute(
+    gl
+  , wrapper
+  , index
+  , locations
+  , dimension
+  , constFunc) {
+  this._gl        = gl
+  this._wrapper   = wrapper
+  this._index     = index
+  this._locations = locations
+  this._dimension = dimension
+  this._constFunc = constFunc
+}
+
+var proto = ShaderAttribute.prototype
+
+proto.pointer = function setAttribPointer(
+    type
+  , normalized
+  , stride
+  , offset) {
+
+  var self      = this
+  var gl        = self._gl
+  var location  = self._locations[self._index]
+
+  gl.vertexAttribPointer(
+      location
+    , self._dimension
+    , type || gl.FLOAT
+    , !!normalized
+    , stride || 0
+    , offset || 0)
+  gl.enableVertexAttribArray(location)
+}
+
+proto.set = function(x0, x1, x2, x3) {
+  return this._constFunc(this._locations[this._index], x0, x1, x2, x3)
+}
+
+Object.defineProperty(proto, 'location', {
+  get: function() {
+    return this._locations[this._index]
+  }
+  , set: function(v) {
+    if(v !== this._locations[this._index]) {
+      this._locations[this._index] = v|0
+      this._wrapper.program = null
+    }
+    return v|0
+  }
+})
+
+//Adds a vector attribute to obj
+function addVectorAttribute(
+    gl
+  , wrapper
+  , index
+  , locations
+  , dimension
+  , obj
+  , name) {
+
+  //Construct constant function
+  var constFuncArgs = [ 'gl', 'v' ]
+  var varNames = []
+  for(var i=0; i<dimension; ++i) {
+    constFuncArgs.push('x'+i)
+    varNames.push('x'+i)
+  }
+  constFuncArgs.push(
+    'if(x0.length===void 0){return gl.vertexAttrib' +
+    dimension + 'f(v,' +
+    varNames.join() +
+    ')}else{return gl.vertexAttrib' +
+    dimension +
+    'fv(v,x0)}')
+  var constFunc = Function.apply(null, constFuncArgs)
+
+  //Create attribute wrapper
+  var attr = new ShaderAttribute(
+      gl
+    , wrapper
+    , index
+    , locations
+    , dimension
+    , constFunc)
+
+  //Create accessor
+  Object.defineProperty(obj, name, {
+    set: function(x) {
+      gl.disableVertexAttribArray(locations[index])
+      constFunc(gl, locations[index], x)
+      return x
+    }
+    , get: function() {
+      return attr
+    }
+    , enumerable: true
+  })
+}
+
+function addMatrixAttribute(
+    gl
+  , wrapper
+  , index
+  , locations
+  , dimension
+  , obj
+  , name) {
+
+  var parts = new Array(dimension)
+  var attrs = new Array(dimension)
+  for(var i=0; i<dimension; ++i) {
+    addVectorAttribute(
+        gl
+      , wrapper
+      , index[i]
+      , locations
+      , dimension
+      , parts
+      , i)
+    attrs[i] = parts[i]
+  }
+
+  Object.defineProperty(parts, 'location', {
+    set: function(v) {
+      if(Array.isArray(v)) {
+        for(var i=0; i<dimension; ++i) {
+          attrs[i].location = v[i]
+        }
+      } else {
+        for(var i=0; i<dimension; ++i) {
+          attrs[i].location = v + i
+        }
+      }
+      return v
+    }
+    , get: function() {
+      var result = new Array(dimension)
+      for(var i=0; i<dimension; ++i) {
+        result[i] = locations[index[i]]
+      }
+      return result
+    }
+    , enumerable: true
+  })
+
+  parts.pointer = function(type, normalized, stride, offset) {
+    type       = type || gl.FLOAT
+    normalized = !!normalized
+    stride     = stride || (dimension * dimension)
+    offset     = offset || 0
+    for(var i=0; i<dimension; ++i) {
+      var location = locations[index[i]]
+      gl.vertexAttribPointer(
+            location
+          , dimension
+          , type
+          , normalized
+          , stride
+          , offset + i * dimension)
+      gl.enableVertexAttribArray(location)
+    }
+  }
+
+  var scratch = new Array(dimension)
+  var vertexAttrib = gl['vertexAttrib' + dimension + 'fv']
+
+  Object.defineProperty(obj, name, {
+    set: function(x) {
+      for(var i=0; i<dimension; ++i) {
+        var loc = locations[index[i]]
+        gl.disableVertexAttribArray(loc)
+        if(Array.isArray(x[0])) {
+          vertexAttrib.call(gl, loc, x[i])
+        } else {
+          for(var j=0; j<dimension; ++j) {
+            scratch[j] = x[dimension*i + j]
+          }
+          vertexAttrib.call(gl, loc, scratch)
+        }
+      }
+      return x
+    }
+    , get: function() {
+      return parts
+    }
+    , enumerable: true
+  })
+}
+
+//Create shims for attributes
+function createAttributeWrapper(
+    gl
+  , wrapper
+  , attributes
+  , locations) {
+
+  var obj = {}
+  for(var i=0, n=attributes.length; i<n; ++i) {
+
+    var a = attributes[i]
+    var name = a.name
+    var type = a.type
+    var locs = a.locations
+
+    switch(type) {
+      case 'bool':
+      case 'int':
+      case 'float':
+        addVectorAttribute(
+            gl
+          , wrapper
+          , locs[0]
+          , locations
+          , 1
+          , obj
+          , name)
+      break
+
+      default:
+        if(type.indexOf('vec') >= 0) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid data type for attribute ' + name + ': ' + type)
+          }
+          addVectorAttribute(
+              gl
+            , wrapper
+            , locs[0]
+            , locations
+            , d
+            , obj
+            , name)
+        } else if(type.indexOf('mat') >= 0) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid data type for attribute ' + name + ': ' + type)
+          }
+          addMatrixAttribute(
+              gl
+            , wrapper
+            , locs
+            , locations
+            , d
+            , obj
+            , name)
+        } else {
+          throw new GLError('', 'Unknown data type for attribute ' + name + ': ' + type)
+        }
+      break
+    }
+  }
+  return obj
+}
+
+},{"./GLError":213}],215:[function(require,module,exports){
+'use strict'
+
+var coallesceUniforms = require('./reflect')
+var GLError = require("./GLError")
+
+module.exports = createUniformWrapper
+
+//Binds a function and returns a value
+function identity(x) {
+  var c = new Function('y', 'return function(){return y}')
+  return c(x)
+}
+
+function makeVector(length, fill) {
+  var result = new Array(length)
+  for(var i=0; i<length; ++i) {
+    result[i] = fill
+  }
+  return result
+}
+
+//Create shims for uniforms
+function createUniformWrapper(gl, wrapper, uniforms, locations) {
+
+  function makeGetter(index) {
+    var proc = new Function(
+        'gl'
+      , 'wrapper'
+      , 'locations'
+      , 'return function(){return gl.getUniform(wrapper.program,locations[' + index + '])}')
+    return proc(gl, wrapper, locations)
+  }
+
+  function makePropSetter(path, index, type) {
+    switch(type) {
+      case 'bool':
+      case 'int':
+      case 'sampler2D':
+      case 'samplerCube':
+        return 'gl.uniform1i(locations[' + index + '],obj' + path + ')'
+      case 'float':
+        return 'gl.uniform1f(locations[' + index + '],obj' + path + ')'
+      default:
+        var vidx = type.indexOf('vec')
+        if(0 <= vidx && vidx <= 1 && type.length === 4 + vidx) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid data type')
+          }
+          switch(type.charAt(0)) {
+            case 'b':
+            case 'i':
+              return 'gl.uniform' + d + 'iv(locations[' + index + '],obj' + path + ')'
+            case 'v':
+              return 'gl.uniform' + d + 'fv(locations[' + index + '],obj' + path + ')'
+            default:
+              throw new GLError('', 'Unrecognized data type for vector ' + name + ': ' + type)
+          }
+        } else if(type.indexOf('mat') === 0 && type.length === 4) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid uniform dimension type for matrix ' + name + ': ' + type)
+          }
+          return 'gl.uniformMatrix' + d + 'fv(locations[' + index + '],false,obj' + path + ')'
+        } else {
+          throw new GLError('', 'Unknown uniform data type for ' + name + ': ' + type)
+        }
+      break
+    }
+  }
+
+  function enumerateIndices(prefix, type) {
+    if(typeof type !== 'object') {
+      return [ [prefix, type] ]
+    }
+    var indices = []
+    for(var id in type) {
+      var prop = type[id]
+      var tprefix = prefix
+      if(parseInt(id) + '' === id) {
+        tprefix += '[' + id + ']'
+      } else {
+        tprefix += '.' + id
+      }
+      if(typeof prop === 'object') {
+        indices.push.apply(indices, enumerateIndices(tprefix, prop))
+      } else {
+        indices.push([tprefix, prop])
+      }
+    }
+    return indices
+  }
+
+  function makeSetter(type) {
+    var code = [ 'return function updateProperty(obj){' ]
+    var indices = enumerateIndices('', type)
+    for(var i=0; i<indices.length; ++i) {
+      var item = indices[i]
+      var path = item[0]
+      var idx  = item[1]
+      if(locations[idx]) {
+        code.push(makePropSetter(path, idx, uniforms[idx].type))
+      }
+    }
+    code.push('return obj}')
+    var proc = new Function('gl', 'locations', code.join('\n'))
+    return proc(gl, locations)
+  }
+
+  function defaultValue(type) {
+    switch(type) {
+      case 'bool':
+        return false
+      case 'int':
+      case 'sampler2D':
+      case 'samplerCube':
+        return 0
+      case 'float':
+        return 0.0
+      default:
+        var vidx = type.indexOf('vec')
+        if(0 <= vidx && vidx <= 1 && type.length === 4 + vidx) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid data type')
+          }
+          if(type.charAt(0) === 'b') {
+            return makeVector(d, false)
+          }
+          return makeVector(d, 0)
+        } else if(type.indexOf('mat') === 0 && type.length === 4) {
+          var d = type.charCodeAt(type.length-1) - 48
+          if(d < 2 || d > 4) {
+            throw new GLError('', 'Invalid uniform dimension type for matrix ' + name + ': ' + type)
+          }
+          return makeVector(d*d, 0)
+        } else {
+          throw new GLError('', 'Unknown uniform data type for ' + name + ': ' + type)
+        }
+      break
+    }
+  }
+
+  function storeProperty(obj, prop, type) {
+    if(typeof type === 'object') {
+      var child = processObject(type)
+      Object.defineProperty(obj, prop, {
+        get: identity(child),
+        set: makeSetter(type),
+        enumerable: true,
+        configurable: false
+      })
+    } else {
+      if(locations[type]) {
+        Object.defineProperty(obj, prop, {
+          get: makeGetter(type),
+          set: makeSetter(type),
+          enumerable: true,
+          configurable: false
+        })
+      } else {
+        obj[prop] = defaultValue(uniforms[type].type)
+      }
+    }
+  }
+
+  function processObject(obj) {
+    var result
+    if(Array.isArray(obj)) {
+      result = new Array(obj.length)
+      for(var i=0; i<obj.length; ++i) {
+        storeProperty(result, i, obj[i])
+      }
+    } else {
+      result = {}
+      for(var id in obj) {
+        storeProperty(result, id, obj[id])
+      }
+    }
+    return result
+  }
+
+  //Return data
+  var coallesced = coallesceUniforms(uniforms, true)
+  return {
+    get: identity(processObject(coallesced)),
+    set: makeSetter(coallesced),
+    enumerable: true,
+    configurable: true
+  }
+}
+
+},{"./GLError":213,"./reflect":216}],216:[function(require,module,exports){
+'use strict'
+
+module.exports = makeReflectTypes
+
+//Construct type info for reflection.
+//
+// This iterates over the flattened list of uniform type values and smashes them into a JSON object.
+//
+// The leaves of the resulting object are either indices or type strings representing primitive glslify types
+function makeReflectTypes(uniforms, useIndex) {
+  var obj = {}
+  for(var i=0; i<uniforms.length; ++i) {
+    var n = uniforms[i].name
+    var parts = n.split(".")
+    var o = obj
+    for(var j=0; j<parts.length; ++j) {
+      var x = parts[j].split("[")
+      if(x.length > 1) {
+        if(!(x[0] in o)) {
+          o[x[0]] = []
+        }
+        o = o[x[0]]
+        for(var k=1; k<x.length; ++k) {
+          var y = parseInt(x[k])
+          if(k<x.length-1 || j<parts.length-1) {
+            if(!(y in o)) {
+              if(k < x.length-1) {
+                o[y] = []
+              } else {
+                o[y] = {}
+              }
+            }
+            o = o[y]
+          } else {
+            if(useIndex) {
+              o[y] = i
+            } else {
+              o[y] = uniforms[i].type
+            }
+          }
+        }
+      } else if(j < parts.length-1) {
+        if(!(x[0] in o)) {
+          o[x[0]] = {}
+        }
+        o = o[x[0]]
+      } else {
+        if(useIndex) {
+          o[x[0]] = i
+        } else {
+          o[x[0]] = uniforms[i].type
+        }
+      }
+    }
+  }
+  return obj
+}
+},{}],217:[function(require,module,exports){
+'use strict'
+
+exports.uniforms    = runtimeUniforms
+exports.attributes  = runtimeAttributes
+
+var GL_TO_GLSL_TYPES = {
+  'FLOAT':       'float',
+  'FLOAT_VEC2':  'vec2',
+  'FLOAT_VEC3':  'vec3',
+  'FLOAT_VEC4':  'vec4',
+  'INT':         'int',
+  'INT_VEC2':    'ivec2',
+  'INT_VEC3':    'ivec3',
+  'INT_VEC4':    'ivec4',
+  'BOOL':        'bool',
+  'BOOL_VEC2':   'bvec2',
+  'BOOL_VEC3':   'bvec3',
+  'BOOL_VEC4':   'bvec4',
+  'FLOAT_MAT2':  'mat2',
+  'FLOAT_MAT3':  'mat3',
+  'FLOAT_MAT4':  'mat4',
+  'SAMPLER_2D':  'sampler2D',
+  'SAMPLER_CUBE':'samplerCube'
+}
+
+var GL_TABLE = null
+
+function getType(gl, type) {
+  if(!GL_TABLE) {
+    var typeNames = Object.keys(GL_TO_GLSL_TYPES)
+    GL_TABLE = {}
+    for(var i=0; i<typeNames.length; ++i) {
+      var tn = typeNames[i]
+      GL_TABLE[gl[tn]] = GL_TO_GLSL_TYPES[tn]
+    }
+  }
+  return GL_TABLE[type]
+}
+
+function runtimeUniforms(gl, program) {
+  var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS)
+  var result = []
+  for(var i=0; i<numUniforms; ++i) {
+    var info = gl.getActiveUniform(program, i)
+    if(info) {
+      var type = getType(gl, info.type)
+      if(info.size > 1) {
+        for(var j=0; j<info.size; ++j) {
+          result.push({
+            name: info.name.replace('[0]', '[' + j + ']'),
+            type: type
+          })
+        }
+      } else {
+        result.push({
+          name: info.name,
+          type: type
+        })
+      }
+    }
+  }
+  return result
+}
+
+function runtimeAttributes(gl, program) {
+  var numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES)
+  var result = []
+  for(var i=0; i<numAttributes; ++i) {
+    var info = gl.getActiveAttrib(program, i)
+    if(info) {
+      result.push({
+        name: info.name,
+        type: getType(gl, info.type)
+      })
+    }
+  }
+  return result
+}
+
+},{}],218:[function(require,module,exports){
+'use strict'
+
+exports.shader   = getShaderReference
+exports.program  = createProgram
+
+var GLError = require("./GLError")
+var formatCompilerError = require('gl-format-compiler-error');
+
+var weakMap = typeof WeakMap === 'undefined' ? require('weakmap-shim') : WeakMap
+var CACHE = new weakMap()
+
+var SHADER_COUNTER = 0
+
+function ShaderReference(id, src, type, shader, programs, count, cache) {
+  this.id       = id
+  this.src      = src
+  this.type     = type
+  this.shader   = shader
+  this.count    = count
+  this.programs = []
+  this.cache    = cache
+}
+
+ShaderReference.prototype.dispose = function() {
+  if(--this.count === 0) {
+    var cache    = this.cache
+    var gl       = cache.gl
+
+    //Remove program references
+    var programs = this.programs
+    for(var i=0, n=programs.length; i<n; ++i) {
+      var p = cache.programs[programs[i]]
+      if(p) {
+        delete cache.programs[i]
+        gl.deleteProgram(p)
+      }
+    }
+
+    //Remove shader reference
+    gl.deleteShader(this.shader)
+    delete cache.shaders[(this.type === gl.FRAGMENT_SHADER)|0][this.src]
+  }
+}
+
+function ContextCache(gl) {
+  this.gl       = gl
+  this.shaders  = [{}, {}]
+  this.programs = {}
+}
+
+var proto = ContextCache.prototype
+
+function compileShader(gl, type, src) {
+  var shader = gl.createShader(type)
+  gl.shaderSource(shader, src)
+  gl.compileShader(shader)
+  if(!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    var errLog = gl.getShaderInfoLog(shader)
+    try {
+        var fmt = formatCompilerError(errLog, src, type);
+    } catch (e){
+        console.warn('Failed to format compiler error: ' + e);
+        throw new GLError(errLog, 'Error compiling shader:\n' + errLog)
+    }
+    throw new GLError(errLog, fmt.short, fmt.long)
+  }
+  return shader
+}
+
+proto.getShaderReference = function(type, src) {
+  var gl      = this.gl
+  var shaders = this.shaders[(type === gl.FRAGMENT_SHADER)|0]
+  var shader  = shaders[src]
+  if(!shader || !gl.isShader(shader.shader)) {
+    var shaderObj = compileShader(gl, type, src)
+    shader = shaders[src] = new ShaderReference(
+      SHADER_COUNTER++,
+      src,
+      type,
+      shaderObj,
+      [],
+      1,
+      this)
+  } else {
+    shader.count += 1
+  }
+  return shader
+}
+
+function linkProgram(gl, vshader, fshader, attribs, locations) {
+  var program = gl.createProgram()
+  gl.attachShader(program, vshader)
+  gl.attachShader(program, fshader)
+  for(var i=0; i<attribs.length; ++i) {
+    gl.bindAttribLocation(program, locations[i], attribs[i])
+  }
+  gl.linkProgram(program)
+  if(!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    var errLog = gl.getProgramInfoLog(program)
+    throw new GLError(errLog, 'Error linking program: ' + errLog)
+  }
+  return program
+}
+
+proto.getProgram = function(vref, fref, attribs, locations) {
+  var token = [vref.id, fref.id, attribs.join(':'), locations.join(':')].join('@')
+  var prog  = this.programs[token]
+  if(!prog || !this.gl.isProgram(prog)) {
+    this.programs[token] = prog = linkProgram(
+      this.gl,
+      vref.shader,
+      fref.shader,
+      attribs,
+      locations)
+    vref.programs.push(token)
+    fref.programs.push(token)
+  }
+  return prog
+}
+
+function getCache(gl) {
+  var ctxCache = CACHE.get(gl)
+  if(!ctxCache) {
+    ctxCache = new ContextCache(gl)
+    CACHE.set(gl, ctxCache)
+  }
+  return ctxCache
+}
+
+function getShaderReference(gl, type, src) {
+  return getCache(gl).getShaderReference(type, src)
+}
+
+function createProgram(gl, vref, fref, attribs, locations) {
+  return getCache(gl).getProgram(vref, fref, attribs, locations)
+}
+
+},{"./GLError":213,"gl-format-compiler-error":165,"weakmap-shim":562}],219:[function(require,module,exports){
+'use strict'
+
+module.exports = createGLPlot2D
+
+var createPick = require('gl-select-static')
+
+var createGrid = require('./lib/grid')
+var createText = require('./lib/text')
+var createLine = require('./lib/line')
+var createBox  = require('./lib/box')
+
+function GLPlot2D(gl, pickBuffer) {
+  this.gl               = gl
+  this.pickBuffer       = pickBuffer
+
+  this.screenBox        = [0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight]
+  this.viewBox          = [0, 0, 0, 0]
+  this.dataBox          = [-10, -10, 10, 10]
+
+  this.gridLineEnable   = [true,true]
+  this.gridLineWidth    = [1,1]
+  this.gridLineColor    = [[0,0,0,1],
+                           [0,0,0,1]]
+
+  this.pixelRatio       = 1
+
+  this.tickMarkLength   = [0,0,0,0]
+  this.tickMarkWidth    = [0,0,0,0]
+  this.tickMarkColor    = [[0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1]]
+
+  this.tickPad          = [15,15,15,15]
+  this.tickAngle        = [0,0,0,0]
+  this.tickEnable       = [true,true,true,true]
+  this.tickColor        = [[0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1]]
+
+  this.labelPad         = [15,15,15,15]
+  this.labelAngle       = [0,Math.PI/2,0,3.0*Math.PI/2]
+  this.labelEnable      = [true,true,true,true]
+  this.labelColor       = [[0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1]]
+
+  this.titleCenter      = [0,0]
+  this.titleEnable      = true
+  this.titleAngle       = 0
+  this.titleColor       = [0,0,0,1]
+
+  this.borderColor      = [0,0,0,0]
+  this.backgroundColor  = [0,0,0,0]
+
+  this.zeroLineEnable   = [true, true]
+  this.zeroLineWidth    = [4, 4]
+  this.zeroLineColor    = [[0, 0, 0, 1],[0, 0, 0, 1]]
+
+  this.borderLineEnable = [true,true,true,true]
+  this.borderLineWidth  = [2,2,2,2]
+  this.borderLineColor  = [[0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1]]
+
+  //Drawing parameters
+  this.grid             = null
+  this.text             = null
+  this.line             = null
+  this.box              = null
+  this.objects          = []
+  this.overlays         = []
+
+  this._tickBounds      = [Infinity, Infinity, -Infinity, -Infinity]
+
+  this.static = false
+
+  this.dirty        = false
+  this.pickDirty    = false
+  this.pickDelay    = 120
+  this.pickRadius   = 10
+  this._pickTimeout = null
+  this._drawPick    = this.drawPick.bind(this)
+
+  this._depthCounter = 0
+}
+
+var proto = GLPlot2D.prototype
+
+proto.setDirty = function() {
+  this.dirty = this.pickDirty = true
+}
+
+proto.setOverlayDirty = function() {
+  this.dirty = true
+}
+
+proto.nextDepthValue = function() {
+  return (this._depthCounter++) / 65536.0
+}
+
+function lerp(a, b, t) {
+  var s = 0.5 * (t + 1.0)
+  return Math.floor((1.0-s)*a + s*b)|0
+}
+
+proto.draw = (function() {
+var TICK_MARK_BOX = [0,0,0,0]
+return function() {
+  var gl         = this.gl
+  var screenBox  = this.screenBox
+  var viewPixels = this.viewBox
+  var dataBox    = this.dataBox
+  var pixelRatio = this.pixelRatio
+  var grid       = this.grid
+  var line       = this.line
+  var text       = this.text
+  var objects    = this.objects
+
+  this._depthCounter = 0
+
+  if(this.pickDirty) {
+    if(this._pickTimeout) {
+      clearTimeout(this._pickTimeout)
+    }
+    this.pickDirty = false
+    this._pickTimeout = setTimeout(this._drawPick, this.pickDelay)
+  }
+
+  if(!this.dirty) {
+    return
+  }
+  this.dirty = false
+
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+
+  //Turn on scissor
+  gl.enable(gl.SCISSOR_TEST)
+
+  //Turn off depth buffer
+  gl.disable(gl.DEPTH_TEST)
+  gl.depthFunc(gl.LESS)
+  gl.depthMask(false)
+
+  //Configure premultiplied alpha blending
+  gl.enable(gl.BLEND)
+  gl.blendEquation(gl.FUNC_ADD, gl.FUNC_ADD);
+  gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+
+  //Draw border
+  gl.scissor(
+    screenBox[0],
+    screenBox[1],
+    screenBox[2]-screenBox[0],
+    screenBox[3]-screenBox[1])
+  var borderColor = this.borderColor
+  gl.clearColor(
+    borderColor[0]*borderColor[3],
+    borderColor[1]*borderColor[3],
+    borderColor[2]*borderColor[3],
+    borderColor[3])
+  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
+
+  //Draw center pane
+  gl.scissor(
+    viewPixels[0],
+    viewPixels[1],
+    viewPixels[2]-viewPixels[0],
+    viewPixels[3]-viewPixels[1])
+  gl.viewport(
+    viewPixels[0],
+    viewPixels[1],
+    viewPixels[2]-viewPixels[0],
+    viewPixels[3]-viewPixels[1])
+  var backgroundColor = this.backgroundColor
+  gl.clearColor(
+    backgroundColor[0]*backgroundColor[3],
+    backgroundColor[1]*backgroundColor[3],
+    backgroundColor[2]*backgroundColor[3],
+    backgroundColor[3])
+  gl.clear(gl.COLOR_BUFFER_BIT)
+
+  //Draw grid
+  grid.draw()
+
+  //Draw zero lines separately
+  var zeroLineEnable = this.zeroLineEnable
+  var zeroLineColor  = this.zeroLineColor
+  var zeroLineWidth  = this.zeroLineWidth
+  if(zeroLineEnable[0] || zeroLineEnable[1]) {
+    line.bind()
+    for(var i=0; i<2; ++i) {
+      if(!zeroLineEnable[i] ||
+        !(dataBox[i] <= 0 && dataBox[i+2] >= 0)) {
+        continue
+      }
+
+      var zeroIntercept = screenBox[i] -
+        dataBox[i] * (screenBox[i+2] - screenBox[i]) / (dataBox[i+2] - dataBox[i])
+
+      if(i === 0) {
+        line.drawLine(
+          zeroIntercept, screenBox[1], zeroIntercept, screenBox[3],
+          zeroLineWidth[i],
+          zeroLineColor[i])
+      } else {
+        line.drawLine(
+          screenBox[0], zeroIntercept, screenBox[2], zeroIntercept,
+          zeroLineWidth[i],
+          zeroLineColor[i])
+      }
+    }
+  }
+
+  //Draw traces
+  for(var i=0; i<objects.length; ++i) {
+    objects[i].draw()
+  }
+
+  //Return viewport to default
+  gl.viewport(
+    screenBox[0],
+    screenBox[1],
+    screenBox[2]-screenBox[0],
+    screenBox[3]-screenBox[1])
+  gl.scissor(
+    screenBox[0],
+    screenBox[1],
+    screenBox[2]-screenBox[0],
+    screenBox[3]-screenBox[1])
+
+  //Draw tick marks
+  this.grid.drawTickMarks()
+
+  //Draw line elements
+  line.bind()
+
+  //Draw border lines
+  var borderLineEnable = this.borderLineEnable
+  var borderLineWidth  = this.borderLineWidth
+  var borderLineColor  = this.borderLineColor
+  if(borderLineEnable[1]) {
+    line.drawLine(
+      viewPixels[0], viewPixels[1] - 0.5*borderLineWidth[1]*pixelRatio,
+      viewPixels[0], viewPixels[3] + 0.5*borderLineWidth[3]*pixelRatio,
+      borderLineWidth[1], borderLineColor[1])
+  }
+  if(borderLineEnable[0]) {
+    line.drawLine(
+      viewPixels[0] - 0.5*borderLineWidth[0]*pixelRatio, viewPixels[1],
+      viewPixels[2] + 0.5*borderLineWidth[2]*pixelRatio, viewPixels[1],
+      borderLineWidth[0], borderLineColor[0])
+  }
+  if(borderLineEnable[3]) {
+    line.drawLine(
+      viewPixels[2], viewPixels[1] - 0.5*borderLineWidth[1]*pixelRatio,
+      viewPixels[2], viewPixels[3] + 0.5*borderLineWidth[3]*pixelRatio,
+      borderLineWidth[3], borderLineColor[3])
+  }
+  if(borderLineEnable[2]) {
+    line.drawLine(
+      viewPixels[0] - 0.5*borderLineWidth[0]*pixelRatio, viewPixels[3],
+      viewPixels[2] + 0.5*borderLineWidth[2]*pixelRatio, viewPixels[3],
+      borderLineWidth[2], borderLineColor[2])
+  }
+
+  //Draw text elements
+  text.bind()
+  for(var i=0; i<2; ++i) {
+    text.drawTicks(i)
+  }
+  if(this.titleEnable) {
+    text.drawTitle()
+  }
+
+  //Draw other overlay elements (select boxes, etc.)
+  var overlays = this.overlays
+  for(var i=0; i<overlays.length; ++i) {
+    overlays[i].draw()
+  }
+
+  //Turn off scissor test
+  gl.disable(gl.SCISSOR_TEST)
+  gl.disable(gl.BLEND)
+  gl.depthMask(true)
+}
+})()
+
+proto.drawPick = (function() {
+
+return function() {
+  if (this.static) return;
+
+  var pickBuffer = this.pickBuffer
+  var gl = this.gl
+
+  this._pickTimeout = null
+  pickBuffer.begin()
+
+  var pickOffset = 1
+  var objects = this.objects
+  for(var i=0; i<objects.length; ++i) {
+    pickOffset = objects[i].drawPick(pickOffset)
+  }
+
+  pickBuffer.end()
+}
+})()
+
+proto.pick = (function() {
+return function(x, y) {
+  if (this.static) return;
+
+  var pixelRatio     = this.pixelRatio
+  var pickPixelRatio = this.pickPixelRatio
+  var viewBox        = this.viewBox
+
+  var scrX = Math.round((x - viewBox[0] / pixelRatio) * pickPixelRatio)|0
+  var scrY = Math.round((y - viewBox[1] / pixelRatio) * pickPixelRatio)|0
+
+  var pickResult = this.pickBuffer.query(scrX, scrY, this.pickRadius)
+  if(!pickResult) {
+    return null
+  }
+
+  var pickValue = pickResult.id +
+    (pickResult.value[0]<<8)  +
+    (pickResult.value[1]<<16) +
+    (pickResult.value[2]<<24)
+
+  var objects = this.objects
+  for(var i=0; i<objects.length; ++i) {
+    var result = objects[i].pick(scrX, scrY, pickValue)
+    if(result) {
+      return result
+    }
+  }
+
+  return null
+}
+})()
+
+function deepClone(array) {
+  var result = array.slice()
+  for(var i=0; i<result.length; ++i) {
+    result[i] = result[i].slice()
+  }
+  return result
+}
+
+function compareTicks(a, b) {
+  return a.x - b.x
+}
+
+proto.setScreenBox = function(nbox) {
+  var screenBox = this.screenBox
+  var pixelRatio = this.pixelRatio
+
+  screenBox[0] = Math.round(nbox[0] * pixelRatio) | 0
+  screenBox[1] = Math.round(nbox[1] * pixelRatio) | 0
+  screenBox[2] = Math.round(nbox[2] * pixelRatio) | 0
+  screenBox[3] = Math.round(nbox[3] * pixelRatio) | 0
+
+  this.setDirty()
+}
+
+proto.setDataBox = function(nbox) {
+  var dataBox = this.dataBox
+
+  var different =
+    dataBox[0] !== nbox[0] ||
+    dataBox[1] !== nbox[1] ||
+    dataBox[2] !== nbox[2] ||
+    dataBox[3] !== nbox[3]
+
+  if(different) {
+    dataBox[0] = nbox[0]
+    dataBox[1] = nbox[1]
+    dataBox[2] = nbox[2]
+    dataBox[3] = nbox[3]
+
+    this.setDirty()
+  }
+}
+
+proto.setViewBox = function(nbox) {
+  var pixelRatio = this.pixelRatio
+  var viewBox = this.viewBox
+
+  viewBox[0] = Math.round(nbox[0] * pixelRatio)|0
+  viewBox[1] = Math.round(nbox[1] * pixelRatio)|0
+  viewBox[2] = Math.round(nbox[2] * pixelRatio)|0
+  viewBox[3] = Math.round(nbox[3] * pixelRatio)|0
+
+  var pickPixelRatio = this.pickPixelRatio
+  this.pickBuffer.shape = [
+    Math.round((nbox[2] - nbox[0]) * pickPixelRatio)|0,
+    Math.round((nbox[3] - nbox[1]) * pickPixelRatio)|0 ]
+
+  this.setDirty()
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  var gl = this.gl
+
+  this.pixelRatio      = options.pixelRatio || 1
+
+  var pixelRatio       = this.pixelRatio
+  this.pickPixelRatio  = Math.max(pixelRatio, 1)
+
+  this.setScreenBox(options.screenBox ||
+    [0, 0, gl.drawingBufferWidth/pixelRatio, gl.drawingBufferHeight/pixelRatio])
+
+  var screenBox = this.screenBox
+  this.setViewBox(options.viewBox ||
+    [0.125*(this.screenBox[2]-this.screenBox[0])/pixelRatio,
+     0.125*(this.screenBox[3]-this.screenBox[1])/pixelRatio,
+     0.875*(this.screenBox[2]-this.screenBox[0])/pixelRatio,
+     0.875*(this.screenBox[3]-this.screenBox[1])/pixelRatio])
+
+  var viewBox = this.viewBox
+  var aspectRatio = (viewBox[2] - viewBox[0]) / (viewBox[3] - viewBox[1])
+  this.setDataBox(options.dataBox || [-10, -10/aspectRatio, 10, 10/aspectRatio])
+
+  this.borderColor     = (options.borderColor     || [0,0,0,0]).slice()
+  this.backgroundColor = (options.backgroundColor || [0,0,0,0]).slice()
+
+  this.gridLineEnable  = (options.gridLineEnable || [true,true]).slice()
+  this.gridLineWidth   = (options.gridLineWidth || [1,1]).slice()
+  this.gridLineColor   = deepClone(options.gridLineColor ||
+    [[0.5,0.5,0.5,1],[0.5,0.5,0.5,1]])
+
+  this.zeroLineEnable   = (options.zeroLineEnable || [true, true]).slice()
+  this.zeroLineWidth    = (options.zeroLineWidth || [4, 4]).slice()
+  this.zeroLineColor    = deepClone(options.zeroLineColor ||
+    [[0, 0, 0, 1],[0, 0, 0, 1]])
+
+  this.tickMarkLength   = (options.tickMarkLength || [0,0,0,0]).slice()
+  this.tickMarkWidth    = (options.tickMarkWidth || [0,0,0,0]).slice()
+  this.tickMarkColor    = deepClone(options.tickMarkColor ||
+    [[0,0,0,1],[0,0,0,1],[0,0,0,1],[0,0,0,1]])
+
+  this.titleCenter      = (options.titleCenter || [
+    0.5*(viewBox[0]+viewBox[2])/pixelRatio,(viewBox[3]+120)/pixelRatio]).slice()
+  this.titleEnable      = !('titleEnable' in options) || !!options.titleEnable
+  this.titleAngle       = options.titleAngle || 0
+  this.titleColor       = (options.titleColor || [0,0,0,1]).slice()
+
+  this.labelPad         = (options.labelPad || [15,15,15,15]).slice()
+  this.labelAngle       = (options.labelAngle ||
+    [0,Math.PI/2,0,3.0*Math.PI/2]).slice()
+  this.labelEnable      = (options.labelEnable || [true,true,true,true]).slice()
+  this.labelColor       = deepClone(options.labelColor ||
+    [[0,0,0,1],[0,0,0,1],[0,0,0,1],[0,0,0,1]])
+
+  this.tickPad         = (options.tickPad || [15,15,15,15]).slice()
+  this.tickAngle       = (options.tickAngle || [0,0,0,0]).slice()
+  this.tickEnable      = (options.tickEnable || [true,true,true,true]).slice()
+  this.tickColor       = deepClone(options.tickColor ||
+    [[0,0,0,1],[0,0,0,1],[0,0,0,1],[0,0,0,1]])
+
+  this.borderLineEnable = (options.borderLineEnable ||
+                            [true,true,true,true]).slice()
+  this.borderLineWidth  = (options.borderLineWidth || [2,2,2,2]).slice()
+  this.borderLineColor  = deepClone(options.borderLineColor ||
+                          [[0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1],
+                           [0,0,0,1]])
+
+  var ticks = options.ticks || [ [], [] ]
+
+  //Compute bounds on ticks
+  var bounds = this._tickBounds
+  bounds[0] = bounds[1] =  Infinity
+  bounds[2] = bounds[3] = -Infinity
+  for(var i=0; i<2; ++i) {
+    var axisTicks = ticks[i].slice(0)
+    if(axisTicks.length === 0) {
+      continue
+    }
+    axisTicks.sort(compareTicks)
+    bounds[i]   = Math.min(bounds[i], axisTicks[0].x)
+    bounds[i+2] = Math.max(bounds[i+2], axisTicks[axisTicks.length-1].x)
+  }
+
+  //Update grid
+  this.grid.update({
+    bounds: bounds,
+    ticks:  ticks
+  })
+
+  //Update text
+  this.text.update({
+    bounds:     bounds,
+    ticks:      ticks,
+    labels:     options.labels    || ['x', 'y'],
+    labelSize:  options.labelSize || [12,12],
+    labelFont:  options.labelFont || ['sans-serif', 'sans-serif'],
+    title:      options.title     || '',
+    titleSize:  options.titleSize || 18,
+    titleFont:  options.titleFont || 'sans-serif'
+  })
+
+  this.static = !!options.static;
+
+  this.setDirty()
+}
+
+proto.dispose = function() {
+  this.box.dispose()
+  this.grid.dispose()
+  this.text.dispose()
+  this.line.dispose()
+  for(var i=this.objects.length-1; i>=0; --i) {
+    this.objects[i].dispose()
+  }
+  this.objects.length = 0
+  for(var i=this.overlays.length-1; i>=0; --i) {
+    this.overlays[i].dispose()
+  }
+  this.overlays.length = 0
+
+  this.gl = null
+}
+
+proto.addObject = function(object) {
+  if(this.objects.indexOf(object) < 0) {
+    this.objects.push(object)
+    this.setDirty()
+  }
+}
+
+proto.removeObject = function(object) {
+  var objects = this.objects
+  for(var i=0; i<objects.length; ++i) {
+    if(objects[i] === object) {
+      objects.splice(i,1)
+      this.setDirty()
+      break
+    }
+  }
+}
+
+proto.addOverlay = function(object) {
+  if(this.overlays.indexOf(object) < 0) {
+    this.overlays.push(object)
+    this.setOverlayDirty()
+  }
+}
+
+proto.removeOverlay = function(object) {
+  var objects = this.overlays
+  for(var i=0; i<objects.length; ++i) {
+    if(objects[i] === object) {
+      objects.splice(i,1)
+      this.setOverlayDirty()
+      break
+    }
+  }
+}
+
+function createGLPlot2D(options) {
+  var gl = options.gl
+  var pickBuffer = createPick(gl, [
+    gl.drawingBufferWidth, gl.drawingBufferHeight])
+  var plot = new GLPlot2D(gl, pickBuffer)
+  plot.grid = createGrid(plot)
+  plot.text = createText(plot)
+  plot.line = createLine(plot)
+  plot.box  = createBox(plot)
+  plot.update(options)
+  return plot
+}
+
+},{"./lib/box":206,"./lib/grid":207,"./lib/line":208,"./lib/text":210,"gl-select-static":254}],220:[function(require,module,exports){
+
+var createShader = require('gl-shader')
+
+var vertSrc = "precision mediump float;\n#define GLSLIFY 1\nattribute vec2 position;\nvarying vec2 uv;\nvoid main() {\n  uv = position;\n  gl_Position = vec4(position, 0, 1);\n}"
+var fragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform sampler2D accumBuffer;\nvarying vec2 uv;\n\nvoid main() {\n  vec4 accum = texture2D(accumBuffer, 0.5 * (uv + 1.0));\n  gl_FragColor = min(vec4(1,1,1,1), accum);\n}"
+
+module.exports = function(gl) {
+  return createShader(gl, vertSrc, fragSrc, null, [ { name: 'position', type: 'vec2'}])
+}
+
+},{"gl-shader":255}],221:[function(require,module,exports){
+'use strict'
+
+module.exports = createScene
+
+var createCamera = require('3d-view-controls')
+var createAxes   = require('gl-axes3d')
+var axesRanges   = require('gl-axes3d/properties')
+var createSpikes = require('gl-spikes3d')
+var createSelect = require('gl-select-static')
+var createFBO    = require('gl-fbo')
+var drawTriangle = require('a-big-triangle')
+var mouseChange  = require('mouse-change')
+var perspective  = require('gl-mat4/perspective')
+var createShader = require('./lib/shader')
+var isMobile = require('is-mobile')()
+
+function MouseSelect() {
+  this.mouse          = [-1,-1]
+  this.screen         = null
+  this.distance       = Infinity
+  this.index          = null
+  this.dataCoordinate = null
+  this.dataPosition   = null
+  this.object         = null
+  this.data           = null
+}
+
+function getContext(canvas, options) {
+  var gl = null
+  try {
+    gl = canvas.getContext('webgl', options)
+    if(!gl) {
+      gl = canvas.getContext('experimental-webgl', options)
+    }
+  } catch(e) {
+    return null
+  }
+  return gl
+}
+
+function roundUpPow10(x) {
+  var y = Math.round(Math.log(Math.abs(x)) / Math.log(10))
+  if(y < 0) {
+    var base = Math.round(Math.pow(10, -y))
+    return Math.ceil(x*base) / base
+  } else if(y > 0) {
+    var base = Math.round(Math.pow(10, y))
+    return Math.ceil(x/base) * base
+  }
+  return Math.ceil(x)
+}
+
+function defaultBool(x) {
+  if(typeof x === 'boolean') {
+    return x
+  }
+  return true
+}
+
+function createScene(options) {
+  options = options || {}
+
+  var stopped = false
+
+  var pixelRatio = options.pixelRatio || parseFloat(window.devicePixelRatio)
+
+  var canvas = options.canvas
+  if(!canvas) {
+    canvas = document.createElement('canvas')
+    if(options.container) {
+      var container = options.container
+      container.appendChild(canvas)
+    } else {
+      document.body.appendChild(canvas)
+    }
+  }
+
+  var gl = options.gl
+  if(!gl) {
+    gl = getContext(canvas,
+      options.glOptions || {
+        premultipliedAlpha: true,
+        antialias: true
+      })
+  }
+  if(!gl) {
+    throw new Error('webgl not supported')
+  }
+
+  //Initial bounds
+  var bounds = options.bounds || [[-10,-10,-10], [10,10,10]]
+
+  //Create selection
+  var selection = new MouseSelect()
+
+  //Accumulation buffer
+  var accumBuffer = createFBO(gl,
+    [gl.drawingBufferWidth, gl.drawingBufferHeight], {
+      preferFloat: !isMobile
+    })
+
+  var accumShader = createShader(gl)
+
+  //Create a camera
+  var cameraOptions = options.camera || {
+    eye:    [2,0,0],
+    center: [0,0,0],
+    up:     [0,1,0],
+    zoomMin: 0.1,
+    zoomMax: 100,
+    mode:    'turntable'
+  }
+
+  //Create axes
+  var axesOptions = options.axes || {}
+  var axes = createAxes(gl, axesOptions)
+  axes.enable = !axesOptions.disable
+
+  //Create spikes
+  var spikeOptions = options.spikes || {}
+  var spikes = createSpikes(gl, spikeOptions)
+
+  //Object list is empty initially
+  var objects         = []
+  var pickBufferIds   = []
+  var pickBufferCount = []
+  var pickBuffers     = []
+
+  //Dirty flag, skip redraw if scene static
+  var dirty       = true
+  var pickDirty   = true
+
+  var projection     = new Array(16)
+  var model          = new Array(16)
+
+  var cameraParams = {
+    view:         null,
+    projection:   projection,
+    model:        model
+  }
+
+  var pickDirty = true
+
+  var viewShape = [ gl.drawingBufferWidth, gl.drawingBufferHeight ]
+
+  //Create scene object
+  var scene = {
+    gl:           gl,
+    contextLost:  false,
+    pixelRatio:   options.pixelRatio || parseFloat(window.devicePixelRatio),
+    canvas:       canvas,
+    selection:    selection,
+    camera:       createCamera(canvas, cameraOptions),
+    axes:         axes,
+    axesPixels:   null,
+    spikes:       spikes,
+    bounds:       bounds,
+    objects:      objects,
+    shape:        viewShape,
+    aspect:       options.aspectRatio || [1,1,1],
+    pickRadius:   options.pickRadius || 10,
+    zNear:        options.zNear || 0.01,
+    zFar:         options.zFar  || 1000,
+    fovy:         options.fovy  || Math.PI/4,
+    clearColor:   options.clearColor || [0,0,0,0],
+    autoResize:   defaultBool(options.autoResize),
+    autoBounds:   defaultBool(options.autoBounds),
+    autoScale:    !!options.autoScale,
+    autoCenter:   defaultBool(options.autoCenter),
+    clipToBounds: defaultBool(options.clipToBounds),
+    snapToData:   !!options.snapToData,
+    onselect:     options.onselect || null,
+    onrender:     options.onrender || null,
+    onclick:      options.onclick  || null,
+    cameraParams: cameraParams,
+    oncontextloss: null,
+    mouseListener: null
+  }
+
+  var pickShape = [ (gl.drawingBufferWidth/scene.pixelRatio)|0, (gl.drawingBufferHeight/scene.pixelRatio)|0 ]
+
+  function resizeListener() {
+    if(stopped) {
+      return
+    }
+    if(!scene.autoResize) {
+      return
+    }
+    var parent = canvas.parentNode
+    var width  = 1
+    var height = 1
+    if(parent && parent !== document.body) {
+      width  = parent.clientWidth
+      height = parent.clientHeight
+    } else {
+      width  = window.innerWidth
+      height = window.innerHeight
+    }
+    var nextWidth  = Math.ceil(width  * scene.pixelRatio)|0
+    var nextHeight = Math.ceil(height * scene.pixelRatio)|0
+    if(nextWidth !== canvas.width || nextHeight !== canvas.height) {
+      canvas.width   = nextWidth
+      canvas.height  = nextHeight
+      var style = canvas.style
+      style.position = style.position || 'absolute'
+      style.left     = '0px'
+      style.top      = '0px'
+      style.width    = width  + 'px'
+      style.height   = height + 'px'
+      dirty = true
+    }
+  }
+  if(scene.autoResize) {
+    resizeListener()
+  }
+  window.addEventListener('resize', resizeListener)
+
+  function reallocPickIds() {
+    var numObjs = objects.length
+    var numPick = pickBuffers.length
+    for(var i=0; i<numPick; ++i) {
+      pickBufferCount[i] = 0
+    }
+    obj_loop:
+    for(var i=0; i<numObjs; ++i) {
+      var obj = objects[i]
+      var pickCount = obj.pickSlots
+      if(!pickCount) {
+        pickBufferIds[i] = -1
+        continue
+      }
+      for(var j=0; j<numPick; ++j) {
+        if(pickBufferCount[j] + pickCount < 255) {
+          pickBufferIds[i] = j
+          obj.setPickBase(pickBufferCount[j]+1)
+          pickBufferCount[j] += pickCount
+          continue obj_loop
+        }
+      }
+      //Create new pick buffer
+      var nbuffer = createSelect(gl, viewShape)
+      pickBufferIds[i] = numPick
+      pickBuffers.push(nbuffer)
+      pickBufferCount.push(pickCount)
+      obj.setPickBase(1)
+      numPick += 1
+    }
+    while(numPick > 0 && pickBufferCount[numPick-1] === 0) {
+      pickBufferCount.pop()
+      pickBuffers.pop().dispose()
+    }
+  }
+
+  scene.update = function(options) {
+    if(stopped) {
+      return
+    }
+    options = options || {}
+    dirty = true
+    pickDirty = true
+  }
+
+  scene.add = function(obj) {
+    if(stopped) {
+      return
+    }
+    obj.axes = axes
+    objects.push(obj)
+    pickBufferIds.push(-1)
+    dirty = true
+    pickDirty = true
+    reallocPickIds()
+  }
+
+  scene.remove = function(obj) {
+    if(stopped) {
+      return
+    }
+    var idx = objects.indexOf(obj)
+    if(idx < 0) {
+      return
+    }
+    objects.splice(idx, 1)
+    pickBufferIds.pop()
+    dirty = true
+    pickDirty = true
+    reallocPickIds()
+  }
+
+  scene.dispose = function() {
+    if(stopped) {
+      return
+    }
+
+    stopped = true
+
+    window.removeEventListener('resize', resizeListener)
+    canvas.removeEventListener('webglcontextlost', checkContextLoss)
+    scene.mouseListener.enabled = false
+
+    if(scene.contextLost) {
+      return
+    }
+
+    //Destroy objects
+    axes.dispose()
+    spikes.dispose()
+    for(var i=0; i<objects.length; ++i) {
+      objects[i].dispose()
+    }
+
+    //Clean up buffers
+    accumBuffer.dispose()
+    for(var i=0; i<pickBuffers.length; ++i) {
+      pickBuffers[i].dispose()
+    }
+
+    //Clean up shaders
+    accumShader.dispose()
+
+    //Release all references
+    gl = null
+    axes = null
+    spikes = null
+    objects = []
+  }
+
+  //Update mouse position
+  var mouseRotating = false
+
+  var prevButtons = 0
+
+  scene.mouseListener = mouseChange(canvas, function(buttons, x, y) {
+    if(stopped) {
+      return
+    }
+
+    var numPick = pickBuffers.length
+    var numObjs = objects.length
+    var prevObj = selection.object
+
+    selection.distance = Infinity
+    selection.mouse[0] = x
+    selection.mouse[1] = y
+    selection.object = null
+    selection.screen = null
+    selection.dataCoordinate = selection.dataPosition = null
+
+    var change = false
+
+    if(buttons && prevButtons) {
+      mouseRotating = true
+    } else {
+      if(mouseRotating) {
+        pickDirty = true
+      }
+      mouseRotating = false
+
+      for(var i=0; i<numPick; ++i) {
+        var result = pickBuffers[i].query(x, pickShape[1] - y - 1, scene.pickRadius)
+        if(result) {
+          if(result.distance > selection.distance) {
+            continue
+          }
+          for(var j=0; j<numObjs; ++j) {
+            var obj = objects[j]
+            if(pickBufferIds[j] !== i) {
+              continue
+            }
+            var objPick = obj.pick(result)
+            if(objPick) {
+              selection.buttons        = buttons
+              selection.screen         = result.coord
+              selection.distance       = result.distance
+              selection.object         = obj
+              selection.index          = objPick.distance
+              selection.dataPosition   = objPick.position
+              selection.dataCoordinate = objPick.dataCoordinate
+              selection.data           = objPick
+              change = true
+            }
+          }
+        }
+      }
+    }
+
+    if(prevObj && prevObj !== selection.object) {
+      if(prevObj.highlight) {
+        prevObj.highlight(null)
+      }
+      dirty = true
+    }
+    if(selection.object) {
+      if(selection.object.highlight) {
+        selection.object.highlight(selection.data)
+      }
+      dirty = true
+    }
+
+    change = change || (selection.object !== prevObj)
+    if(change && scene.onselect) {
+      scene.onselect(selection)
+    }
+
+    if((buttons & 1) && !(prevButtons & 1) && scene.onclick) {
+      scene.onclick(selection)
+    }
+    prevButtons = buttons
+  })
+
+  function checkContextLoss() {
+    if(scene.contextLost) {
+      return true
+    }
+    if(gl.isContextLost()) {
+      scene.contextLost = true
+      scene.mouseListener.enabled = false
+      scene.selection.object = null
+      if(scene.oncontextloss) {
+        scene.oncontextloss()
+      }
+    }
+  }
+
+  canvas.addEventListener('webglcontextlost', checkContextLoss)
+
+  //Render the scene for mouse picking
+  function renderPick() {
+    if(checkContextLoss()) {
+      return
+    }
+
+    gl.colorMask(true, true, true, true)
+    gl.depthMask(true)
+    gl.disable(gl.BLEND)
+    gl.enable(gl.DEPTH_TEST)
+
+    var numObjs = objects.length
+    var numPick = pickBuffers.length
+    for(var j=0; j<numPick; ++j) {
+      var buf = pickBuffers[j]
+      buf.shape = pickShape
+      buf.begin()
+      for(var i=0; i<numObjs; ++i) {
+        if(pickBufferIds[i] !== j) {
+          continue
+        }
+        var obj = objects[i]
+        if(obj.drawPick) {
+          obj.pixelRatio = 1
+          obj.drawPick(cameraParams)
+        }
+      }
+      buf.end()
+    }
+  }
+
+  var nBounds = [
+    [ Infinity, Infinity, Infinity],
+    [-Infinity,-Infinity,-Infinity]]
+
+  var prevBounds = [nBounds[0].slice(), nBounds[1].slice()]
+
+  function redraw() {
+    if(checkContextLoss()) {
+      return
+    }
+
+    resizeListener()
+
+    //Tick camera
+    var cameraMoved = scene.camera.tick()
+    cameraParams.view = scene.camera.matrix
+    dirty     = dirty || cameraMoved
+    pickDirty = pickDirty || cameraMoved
+
+      //Set pixel ratio
+    axes.pixelRatio   = scene.pixelRatio
+    spikes.pixelRatio = scene.pixelRatio
+
+    //Check if any objects changed, recalculate bounds
+    var numObjs = objects.length
+    var lo = nBounds[0]
+    var hi = nBounds[1]
+    lo[0] = lo[1] = lo[2] =  Infinity
+    hi[0] = hi[1] = hi[2] = -Infinity
+    for(var i=0; i<numObjs; ++i) {
+      var obj = objects[i]
+
+      //Set the axes properties for each object
+      obj.pixelRatio = scene.pixelRatio
+      obj.axes = scene.axes
+
+      dirty = dirty || !!obj.dirty
+      pickDirty = pickDirty || !!obj.dirty
+      var obb = obj.bounds
+      if(obb) {
+        var olo = obb[0]
+        var ohi = obb[1]
+        for(var j=0; j<3; ++j) {
+          lo[j] = Math.min(lo[j], olo[j])
+          hi[j] = Math.max(hi[j], ohi[j])
+        }
+      }
+    }
+
+    //Recalculate bounds
+    var bounds = scene.bounds
+    if(scene.autoBounds) {
+      for(var j=0; j<3; ++j) {
+        if(hi[j] < lo[j]) {
+          lo[j] = -1
+          hi[j] = 1
+        } else {
+          if(lo[j] === hi[j]) {
+            lo[j] -= 1
+            hi[j] += 1
+          }
+          var padding = 0.05 * (hi[j] - lo[j])
+          lo[j] = lo[j] - padding
+          hi[j] = hi[j] + padding
+        }
+        bounds[0][j] = lo[j]
+        bounds[1][j] = hi[j]
+      }
+    }
+
+    var boundsChanged = false
+    for(var j=0; j<3; ++j) {
+        boundsChanged = boundsChanged ||
+            (prevBounds[0][j] !== bounds[0][j])  ||
+            (prevBounds[1][j] !== bounds[1][j])
+        prevBounds[0][j] = bounds[0][j]
+        prevBounds[1][j] = bounds[1][j]
+    }
+
+    //Recalculate bounds
+    pickDirty = pickDirty || boundsChanged
+    dirty = dirty || boundsChanged
+
+    if(!dirty) {
+      return
+    }
+
+    if(boundsChanged) {
+      var tickSpacing = [0,0,0]
+      for(var i=0; i<3; ++i) {
+        tickSpacing[i] = roundUpPow10((bounds[1][i]-bounds[0][i]) / 10.0)
+      }
+      if(axes.autoTicks) {
+        axes.update({
+          bounds: bounds,
+          tickSpacing: tickSpacing
+        })
+      } else {
+        axes.update({
+          bounds: bounds
+        })
+      }
+    }
+
+    //Get scene
+    var width  = gl.drawingBufferWidth
+    var height = gl.drawingBufferHeight
+    viewShape[0] = width
+    viewShape[1] = height
+    pickShape[0] = Math.max(width/scene.pixelRatio, 1)|0
+    pickShape[1] = Math.max(height/scene.pixelRatio, 1)|0
+
+    //Compute camera parameters
+    perspective(projection,
+      scene.fovy,
+      width/height,
+      scene.zNear,
+      scene.zFar)
+
+    //Compute model matrix
+    for(var i=0; i<16; ++i) {
+      model[i] = 0
+    }
+    model[15] = 1
+
+    var maxS = 0
+    for(var i=0; i<3; ++i) {
+      maxS = Math.max(maxS, bounds[1][i] - bounds[0][i])
+    }
+
+    for(var i=0; i<3; ++i) {
+      if(scene.autoScale) {
+        model[5*i] = scene.aspect[i] / (bounds[1][i] - bounds[0][i])
+      } else {
+        model[5*i] = 1  / maxS
+      }
+      if(scene.autoCenter) {
+        model[12+i] = -model[5*i] * 0.5 * (bounds[0][i] + bounds[1][i])
+      }
+    }
+
+    //Apply axes/clip bounds
+    for(var i=0; i<numObjs; ++i) {
+      var obj = objects[i]
+
+      //Set axes bounds
+      obj.axesBounds = bounds
+
+      //Set clip bounds
+      if(scene.clipToBounds) {
+        obj.clipBounds = bounds
+      }
+    }
+    //Set spike parameters
+    if(selection.object) {
+      if(scene.snapToData) {
+        spikes.position = selection.dataCoordinate
+      } else {
+        spikes.position = selection.dataPosition
+      }
+      spikes.bounds = bounds
+    }
+
+    //If state changed, then redraw pick buffers
+    if(pickDirty) {
+      pickDirty = false
+      renderPick()
+    }
+
+    //Recalculate pixel data
+    scene.axesPixels = axesRanges(scene.axes, cameraParams, width, height)
+
+    //Call render callback
+    if(scene.onrender) {
+      scene.onrender()
+    }
+
+    //Read value
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+    gl.viewport(0, 0, width, height)
+
+    //General strategy: 3 steps
+    //  1. render non-transparent objects
+    //  2. accumulate transparent objects into separate fbo
+    //  3. composite final scene
+
+    //Clear FBO
+    var clearColor = scene.clearColor
+    gl.clearColor(clearColor[0], clearColor[1], clearColor[2], clearColor[3])
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
+    gl.depthMask(true)
+    gl.colorMask(true, true, true, true)
+    gl.enable(gl.DEPTH_TEST)
+    gl.depthFunc(gl.LEQUAL)
+    gl.disable(gl.BLEND)
+    gl.disable(gl.CULL_FACE)  //most visualization surfaces are 2 sided
+
+    //Render opaque pass
+    var hasTransparent = false
+    if(axes.enable) {
+      hasTransparent = hasTransparent || axes.isTransparent()
+      axes.draw(cameraParams)
+    }
+    spikes.axes = axes
+    if(selection.object) {
+      spikes.draw(cameraParams)
+    }
+
+    gl.disable(gl.CULL_FACE)  //most visualization surfaces are 2 sided
+
+    for(var i=0; i<numObjs; ++i) {
+      var obj = objects[i]
+      obj.axes = axes
+      obj.pixelRatio = scene.pixelRatio
+      if(obj.isOpaque && obj.isOpaque()) {
+        obj.draw(cameraParams)
+      }
+      if(obj.isTransparent && obj.isTransparent()) {
+        hasTransparent = true
+      }
+    }
+
+    if(hasTransparent) {
+      //Render transparent pass
+      accumBuffer.shape = viewShape
+      accumBuffer.bind()
+      gl.clear(gl.DEPTH_BUFFER_BIT)
+      gl.colorMask(false, false, false, false)
+      gl.depthMask(true)
+      gl.depthFunc(gl.LESS)
+
+      //Render forward facing objects
+      if(axes.enable && axes.isTransparent()) {
+        axes.drawTransparent(cameraParams)
+      }
+      for(var i=0; i<numObjs; ++i) {
+        var obj = objects[i]
+        if(obj.isOpaque && obj.isOpaque()) {
+          obj.draw(cameraParams)
+        }
+      }
+
+      //Render transparent pass
+      gl.enable(gl.BLEND)
+      gl.blendEquation(gl.FUNC_ADD)
+      gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA)
+      gl.colorMask(true, true, true, true)
+      gl.depthMask(false)
+      gl.clearColor(0,0,0,0)
+      gl.clear(gl.COLOR_BUFFER_BIT)
+
+      if(axes.isTransparent()) {
+        axes.drawTransparent(cameraParams)
+      }
+
+      for(var i=0; i<numObjs; ++i) {
+        var obj = objects[i]
+        if(obj.isTransparent && obj.isTransparent()) {
+          obj.drawTransparent(cameraParams)
+        }
+      }
+
+      //Unbind framebuffer
+      gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+
+      //Draw composite pass
+      gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA)
+      gl.disable(gl.DEPTH_TEST)
+      accumShader.bind()
+      accumBuffer.color[0].bind(0)
+      accumShader.uniforms.accumBuffer = 0
+      drawTriangle(gl)
+
+      //Turn off blending
+      gl.disable(gl.BLEND)
+    }
+
+    //Clear dirty flags
+    dirty = false
+    for(var i=0; i<numObjs; ++i) {
+      objects[i].dirty = false
+    }
+  }
+
+
+  //Draw the whole scene
+  function render() {
+    if(stopped || scene.contextLost) {
+      return
+    }
+    requestAnimationFrame(render)
+    redraw()
+  }
+  render()
+
+  //Force redraw of whole scene
+  scene.redraw = function() {
+    if(stopped) {
+      return
+    }
+    dirty = true
+    redraw()
+  }
+
+  return scene
+}
+
+},{"./lib/shader":220,"3d-view-controls":36,"a-big-triangle":39,"gl-axes3d":148,"gl-axes3d/properties":155,"gl-fbo":164,"gl-mat4/perspective":184,"gl-select-static":254,"gl-spikes3d":264,"is-mobile":296,"mouse-change":452}],222:[function(require,module,exports){
+
+
+exports.pointVertex       = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 position;\n\nuniform mat3 matrix;\nuniform float pointSize;\nuniform float pointCloud;\n\nhighp float rand(vec2 co) {\n  highp float a = 12.9898;\n  highp float b = 78.233;\n  highp float c = 43758.5453;\n  highp float d = dot(co.xy, vec2(a, b));\n  highp float e = mod(d, 3.14);\n  return fract(sin(e) * c);\n}\n\nvoid main() {\n  vec3 hgPosition = matrix * vec3(position, 1);\n  gl_Position  = vec4( [...]
+exports.pointFragment     = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color, borderColor;\nuniform float centerFraction;\nuniform float pointCloud;\n\nvoid main() {\n  float radius;\n  vec4 baseColor;\n  if(pointCloud != 0.0) { // pointCloud is truthy\n    if(centerFraction == 1.0) {\n      gl_FragColor = color;\n    } else {\n      gl_FragColor = mix(borderColor, color, centerFraction);\n    }\n  } else {\n    radius = length(2.0 * gl_PointCoord.xy - 1.0);\n    if(rad [...]
+exports.pickVertex        = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 position;\nattribute vec4 pickId;\n\nuniform mat3 matrix;\nuniform float pointSize;\nuniform vec4 pickOffset;\n\nvarying vec4 fragId;\n\nvoid main() {\n  vec3 hgPosition = matrix * vec3(position, 1);\n  gl_Position  = vec4(hgPosition.xy, 0, hgPosition.z);\n  gl_PointSize = pointSize;\n\n  vec4 id = pickId + pickOffset;\n  id.y += floor(id.x / 256.0);\n  id.x -= floor(id.x / 256.0) * 256.0;\n\n  id. [...]
+exports.pickFragment      = "precision mediump float;\n#define GLSLIFY 1\n\nvarying vec4 fragId;\n\nvoid main() {\n  float radius = length(2.0 * gl_PointCoord.xy - 1.0);\n  if(radius > 1.0) {\n    discard;\n  }\n  gl_FragColor = fragId / 255.0;\n}\n"
+
+},{}],223:[function(require,module,exports){
+arguments[4][212][0].apply(exports,arguments)
+},{"./lib/GLError":224,"./lib/create-attributes":225,"./lib/create-uniforms":226,"./lib/reflect":227,"./lib/runtime-reflect":228,"./lib/shader-cache":229,"dup":212}],224:[function(require,module,exports){
+arguments[4][213][0].apply(exports,arguments)
+},{"dup":213}],225:[function(require,module,exports){
+arguments[4][214][0].apply(exports,arguments)
+},{"./GLError":224,"dup":214}],226:[function(require,module,exports){
+arguments[4][215][0].apply(exports,arguments)
+},{"./GLError":224,"./reflect":227,"dup":215}],227:[function(require,module,exports){
+arguments[4][216][0].apply(exports,arguments)
+},{"dup":216}],228:[function(require,module,exports){
+arguments[4][217][0].apply(exports,arguments)
+},{"dup":217}],229:[function(require,module,exports){
+arguments[4][218][0].apply(exports,arguments)
+},{"./GLError":224,"dup":218,"gl-format-compiler-error":165,"weakmap-shim":562}],230:[function(require,module,exports){
+'use strict'
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+
+var pool = require('typedarray-pool')
+
+var SHADERS = require('./lib/shader')
+
+module.exports = createPointcloud2D
+
+function Pointcloud2D(plot, offsetBuffer, pickBuffer, shader, pickShader) {
+  this.plot           = plot
+  this.offsetBuffer   = offsetBuffer
+  this.pickBuffer     = pickBuffer
+  this.shader         = shader
+  this.pickShader     = pickShader
+  this.sizeMin        = 0.5
+  this.sizeMinCap     = 2
+  this.sizeMax        = 20
+  this.areaRatio      = 1.0
+  this.pointCount     = 0
+  this.color          = [1, 0, 0, 1]
+  this.borderColor    = [0, 0, 0, 1]
+  this.blend          = false
+  this.pickOffset     = 0
+  this.points         = null
+}
+
+var proto = Pointcloud2D.prototype
+
+proto.dispose = function() {
+  this.shader.dispose()
+  this.pickShader.dispose()
+  this.offsetBuffer.dispose()
+  this.pickBuffer.dispose()
+  this.plot.removeObject(this)
+}
+
+proto.update = function(options) {
+
+  var i
+
+  options = options || {}
+
+  function dflt(opt, value) {
+    if(opt in options) {
+      return options[opt]
+    }
+    return value
+  }
+
+  this.sizeMin      = dflt('sizeMin', 0.5)
+  this.sizeMax      = dflt('sizeMax', 20)
+  this.color        = dflt('color', [1, 0, 0, 1]).slice()
+  this.areaRatio    = dflt('areaRatio', 1)
+  this.borderColor  = dflt('borderColor', [0, 0, 0, 1]).slice()
+  this.blend        = dflt('blend', false)
+
+  //Update point data
+
+  // Attempt straight-through processing (STP) to avoid allocation and copy
+  // TODO eventually abstract out STP logic, maybe into `pool` or a layer above
+  var pointCount = options.positions.length >>> 1
+  var dataStraightThrough = options.positions instanceof Float32Array
+  var idStraightThrough = options.idToIndex instanceof Int32Array && options.idToIndex.length >= pointCount // permit larger to help reuse
+
+  var data          = options.positions
+  var packed        = dataStraightThrough ? data : pool.mallocFloat32(data.length)
+  var packedId      = idStraightThrough ? options.idToIndex : pool.mallocInt32(pointCount)
+
+  if(!dataStraightThrough) {
+    packed.set(data)
+  }
+
+  if(!idStraightThrough) {
+    packed.set(data)
+    for(i = 0; i < pointCount; i++) {
+      packedId[i] = i
+    }
+  }
+
+  this.points       = data
+
+  this.offsetBuffer.update(packed)
+  this.pickBuffer.update(packedId)
+
+  if(!dataStraightThrough) {
+    pool.free(packed)
+  }
+
+  if(!idStraightThrough) {
+    pool.free(packedId)
+  }
+
+  this.pointCount = pointCount
+  this.pickOffset = 0
+}
+
+function count(points, dataBox) {
+  var visiblePointCountEstimate = 0
+  var length = points.length >>> 1
+  var i
+  for(i = 0; i < length; i++) {
+    var x = points[i * 2]
+    var y = points[i * 2 + 1]
+    if(x >= dataBox[0] && x <= dataBox[2] && y >= dataBox[1] && y <= dataBox[3])
+      visiblePointCountEstimate++
+  }
+  return visiblePointCountEstimate
+}
+
+proto.unifiedDraw = (function() {
+  var MATRIX = [1, 0, 0,
+                0, 1, 0,
+                0, 0, 1]
+  var PICK_VEC4 = [0, 0, 0, 0]
+return function(pickOffset) {
+
+  var pick = pickOffset !== void(0)
+
+  var shader        = pick ? this.pickShader : this.shader
+  var gl            = this.plot.gl
+  var dataBox       = this.plot.dataBox
+
+  if(this.pointCount === 0) {
+    return pickOffset
+  }
+
+  var dataX   = dataBox[2] - dataBox[0]
+  var dataY   = dataBox[3] - dataBox[1]
+
+  var visiblePointCountEstimate = count(this.points, dataBox)
+  var basicPointSize =  this.plot.pickPixelRatio * Math.max(Math.min(this.sizeMinCap, this.sizeMin), Math.min(this.sizeMax, this.sizeMax / Math.pow(visiblePointCountEstimate, 0.33333)))
+
+  MATRIX[0] = 2.0 / dataX
+  MATRIX[4] = 2.0 / dataY
+  MATRIX[6] = -2.0 * dataBox[0] / dataX - 1.0
+  MATRIX[7] = -2.0 * dataBox[1] / dataY - 1.0
+
+  this.offsetBuffer.bind()
+
+  shader.bind()
+  shader.attributes.position.pointer()
+  shader.uniforms.matrix      = MATRIX
+  shader.uniforms.color       = this.color
+  shader.uniforms.borderColor = this.borderColor
+  shader.uniforms.pointCloud = basicPointSize < 5
+  shader.uniforms.pointSize = basicPointSize
+  shader.uniforms.centerFraction = Math.min(1, Math.max(0, Math.sqrt(1 - this.areaRatio)))
+
+  if(pick) {
+
+    PICK_VEC4[0] = ( pickOffset        & 0xff)
+    PICK_VEC4[1] = ((pickOffset >> 8)  & 0xff)
+    PICK_VEC4[2] = ((pickOffset >> 16) & 0xff)
+    PICK_VEC4[3] = ((pickOffset >> 24) & 0xff)
+
+    this.pickBuffer.bind()
+    shader.attributes.pickId.pointer(gl.UNSIGNED_BYTE)
+    shader.uniforms.pickOffset = PICK_VEC4
+    this.pickOffset = pickOffset
+  }
+
+  // Worth switching these off, but we can't make assumptions about other
+  // renderers, so let's restore it after each draw
+  var blend = gl.getParameter(gl.BLEND)
+  var dither = gl.getParameter(gl.DITHER)
+
+  if(blend && !this.blend)
+    gl.disable(gl.BLEND)
+  if(dither)
+    gl.disable(gl.DITHER)
+
+  gl.drawArrays(gl.POINTS, 0, this.pointCount)
+
+  if(blend && !this.blend)
+    gl.enable(gl.BLEND)
+  if(dither)
+    gl.enable(gl.DITHER)
+
+  return pickOffset + this.pointCount
+}
+})()
+
+proto.draw = proto.unifiedDraw
+proto.drawPick = proto.unifiedDraw
+
+proto.pick = function(x, y, value) {
+  var pickOffset = this.pickOffset
+  var pointCount = this.pointCount
+  if(value < pickOffset || value >= pickOffset + pointCount) {
+    return null
+  }
+  var pointId = value - pickOffset
+  var points = this.points
+  return {
+    object: this,
+    pointId: pointId,
+    dataCoord: [points[2 * pointId], points[2 * pointId + 1] ]
+  }
+}
+
+function createPointcloud2D(plot, options) {
+  var gl = plot.gl
+  var buffer = createBuffer(gl)
+  var pickBuffer = createBuffer(gl)
+  var shader = createShader(gl, SHADERS.pointVertex, SHADERS.pointFragment)
+  var pickShader = createShader(gl, SHADERS.pickVertex, SHADERS.pickFragment)
+
+  var result = new Pointcloud2D(plot, buffer, pickBuffer, shader, pickShader)
+  result.update(options)
+
+  //Register with plot
+  plot.addObject(result)
+
+  return result
+}
+
+},{"./lib/shader":222,"gl-buffer":156,"gl-shader":223,"typedarray-pool":541}],231:[function(require,module,exports){
+module.exports = slerp
+
+/**
+ * Performs a spherical linear interpolation between two quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {quat} a the first operand
+ * @param {quat} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {quat} out
+ */
+function slerp (out, a, b, t) {
+  // benchmarks:
+  //    http://jsperf.com/quaternion-slerp-implementations
+
+  var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+    bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+  var omega, cosom, sinom, scale0, scale1
+
+  // calc cosine
+  cosom = ax * bx + ay * by + az * bz + aw * bw
+  // adjust signs (if necessary)
+  if (cosom < 0.0) {
+    cosom = -cosom
+    bx = -bx
+    by = -by
+    bz = -bz
+    bw = -bw
+  }
+  // calculate coefficients
+  if ((1.0 - cosom) > 0.000001) {
+    // standard case (slerp)
+    omega = Math.acos(cosom)
+    sinom = Math.sin(omega)
+    scale0 = Math.sin((1.0 - t) * omega) / sinom
+    scale1 = Math.sin(t * omega) / sinom
+  } else {
+    // "from" and "to" quaternions are very close
+    //  ... so we can do a linear interpolation
+    scale0 = 1.0 - t
+    scale1 = t
+  }
+  // calculate final values
+  out[0] = scale0 * ax + scale1 * bx
+  out[1] = scale0 * ay + scale1 * by
+  out[2] = scale0 * az + scale1 * bz
+  out[3] = scale0 * aw + scale1 * bw
+
+  return out
+}
+
+},{}],232:[function(require,module,exports){
+'use strict'
+
+
+
+module.exports = {
+  vertex:       "precision highp float;\n#define GLSLIFY 1\n\n\nvec4 computePosition_1_0(vec2 posHi, vec2 posLo, vec2 scHi, vec2 scLo, vec2 trHi, vec2 trLo) {\n  return vec4((posHi + trHi) * scHi\n  \t\t\t//FIXME: this thingy does not give noticeable precision gain, need test\n            + (posLo + trLo) * scHi\n            + (posHi + trHi) * scLo\n            + (posLo + trLo) * scLo\n            , 0, 1);\n}\n\n\nattribute vec2 positionHi, positionLo;\nattribute float size, border;\natt [...]
+  fragment:     "precision highp float;\n#define GLSLIFY 1\n\nuniform sampler2D chars;\nuniform vec2 charsShape;\nuniform float charsStep, pixelRatio, charOffset;\n\nvarying vec4 borderColor;\nvarying vec4 charColor;\nvarying vec2 charId;\nvarying vec2 pointCoord;\nvarying float pointSize;\nvarying float borderWidth;\n\nvoid main() {\n\tvec2 pointUV = (pointCoord - gl_FragCoord.xy + pointSize * .5) / pointSize;\n\tpointUV.x = 1. - pointUV.x;\n\tvec2 texCoord = ((charId + pointUV) * chars [...]
+  pickVertex:   "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 positionHi, positionLo;\nattribute vec4 id;\nattribute float size;\n\nuniform vec2 scaleHi, scaleLo, translateHi, translateLo;\nuniform vec4 pickOffset;\nuniform float pixelRatio;\n\nvarying vec4 fragColor;\n\n\nvec4 computePosition_1_0(vec2 posHi, vec2 posLo, vec2 scHi, vec2 scLo, vec2 trHi, vec2 trLo) {\n  return vec4((posHi + trHi) * scHi\n  \t\t\t//FIXME: this thingy does not give noticeable precision gain,  [...]
+  pickFragment: "precision lowp float;\n#define GLSLIFY 1\nvarying vec4 fragColor;\nvoid main() {\n  gl_FragColor = fragColor;\n}\n"
+}
+
+},{}],233:[function(require,module,exports){
+arguments[4][84][0].apply(exports,arguments)
+},{"dup":84}],234:[function(require,module,exports){
+arguments[4][212][0].apply(exports,arguments)
+},{"./lib/GLError":235,"./lib/create-attributes":236,"./lib/create-uniforms":237,"./lib/reflect":238,"./lib/runtime-reflect":239,"./lib/shader-cache":240,"dup":212}],235:[function(require,module,exports){
+arguments[4][213][0].apply(exports,arguments)
+},{"dup":213}],236:[function(require,module,exports){
+arguments[4][214][0].apply(exports,arguments)
+},{"./GLError":235,"dup":214}],237:[function(require,module,exports){
+arguments[4][215][0].apply(exports,arguments)
+},{"./GLError":235,"./reflect":238,"dup":215}],238:[function(require,module,exports){
+arguments[4][216][0].apply(exports,arguments)
+},{"dup":216}],239:[function(require,module,exports){
+arguments[4][217][0].apply(exports,arguments)
+},{"dup":217}],240:[function(require,module,exports){
+arguments[4][218][0].apply(exports,arguments)
+},{"./GLError":235,"dup":218,"gl-format-compiler-error":165,"weakmap-shim":562}],241:[function(require,module,exports){
+'use strict'
+
+module.exports = sortLevels
+
+var INSERT_SORT_CUTOFF = 32
+
+function sortLevels(data_levels, data_points, data_ids, data_weights, n0) {
+  if (n0 <= 4*INSERT_SORT_CUTOFF) {
+    insertionSort(0, n0 - 1, data_levels, data_points, data_ids, data_weights)
+  } else {
+    quickSort(0, n0 - 1, data_levels, data_points, data_ids, data_weights)
+  }
+}
+
+function insertionSort(left, right, data_levels, data_points, data_ids, data_weights) {
+  for(var i=left+1; i<=right; ++i) {
+    var a_level  = data_levels[i]
+    var a_x      = data_points[2*i]
+    var a_y      = data_points[2*i+1]
+    var a_id     = data_ids[i]
+    var a_weight = data_weights[i]
+
+    var j = i
+    while(j > left) {
+      var b_level = data_levels[j-1]
+      var b_x     = data_points[2*(j-1)]
+      if(((b_level - a_level) || (a_x - b_x)) >= 0) {
+        break
+      }
+      data_levels[j]      = b_level
+      data_points[2*j]    = b_x
+      data_points[2*j+1]  = data_points[2*j-1]
+      data_ids[j]         = data_ids[j-1]
+      data_weights[j]     = data_weights[j-1]
+      j -= 1
+    }
+
+    data_levels[j]     = a_level
+    data_points[2*j]   = a_x
+    data_points[2*j+1] = a_y
+    data_ids[j]        = a_id
+    data_weights[j]    = a_weight
+  }
+}
+
+function swap(i, j, data_levels, data_points, data_ids, data_weights) {
+  var a_level = data_levels[i]
+  var a_x     = data_points[2*i]
+  var a_y     = data_points[2*i+1]
+  var a_id    = data_ids[i]
+  var a_weight = data_weights[i]
+
+  data_levels[i]     = data_levels[j]
+  data_points[2*i]   = data_points[2*j]
+  data_points[2*i+1] = data_points[2*j+1]
+  data_ids[i]        = data_ids[j]
+  data_weights[i]    = data_weights[j]
+
+  data_levels[j]     = a_level
+  data_points[2*j]   = a_x
+  data_points[2*j+1] = a_y
+  data_ids[j]        = a_id
+  data_weights[j]    = a_weight
+}
+
+function move(i, j, data_levels, data_points, data_ids, data_weights) {
+  data_levels[i]     = data_levels[j]
+  data_points[2*i]   = data_points[2*j]
+  data_points[2*i+1] = data_points[2*j+1]
+  data_ids[i]        = data_ids[j]
+  data_weights[i]    = data_weights[j]
+}
+
+function rotate(i, j, k, data_levels, data_points, data_ids, data_weights) {
+  var a_level = data_levels[i]
+  var a_x     = data_points[2*i]
+  var a_y     = data_points[2*i+1]
+  var a_id    = data_ids[i]
+  var a_weight = data_weights[i]
+
+  data_levels[i]     = data_levels[j]
+  data_points[2*i]   = data_points[2*j]
+  data_points[2*i+1] = data_points[2*j+1]
+  data_ids[i]        = data_ids[j]
+  data_weights[i]    = data_weights[j]
+
+  data_levels[j]     = data_levels[k]
+  data_points[2*j]   = data_points[2*k]
+  data_points[2*j+1] = data_points[2*k+1]
+  data_ids[j]        = data_ids[k]
+  data_weights[j]    = data_weights[k]
+
+  data_levels[k]     = a_level
+  data_points[2*k]   = a_x
+  data_points[2*k+1] = a_y
+  data_ids[k]        = a_id
+  data_weights[k]    = a_weight
+}
+
+function shufflePivot(
+  i, j,
+  a_level, a_x, a_y, a_id, a_weight,
+  data_levels, data_points, data_ids, data_weights) {
+
+  data_levels[i]     = data_levels[j]
+  data_points[2*i]   = data_points[2*j]
+  data_points[2*i+1] = data_points[2*j+1]
+  data_ids[i]        = data_ids[j]
+  data_weights[i]    = data_weights[j]
+
+  data_levels[j]     = a_level
+  data_points[2*j]   = a_x
+  data_points[2*j+1] = a_y
+  data_ids[j]        = a_id
+  data_weights[j]    = a_weight
+}
+
+function compare(i, j, data_levels, data_points, data_ids) {
+  return ((data_levels[i] - data_levels[j]) ||
+          (data_points[2*j] - data_points[2*i]) ||
+          (data_ids[i] - data_ids[j])) < 0
+}
+
+function comparePivot(i, level, x, y, id, data_levels, data_points, data_ids) {
+  return ((level - data_levels[i]) ||
+          (data_points[2*i] - x) ||
+          (id - data_ids[i])) < 0
+}
+
+function quickSort(left, right, data_levels, data_points, data_ids, data_weights) {
+  var sixth = (right - left + 1) / 6 | 0,
+      index1 = left + sixth,
+      index5 = right - sixth,
+      index3 = left + right >> 1,
+      index2 = index3 - sixth,
+      index4 = index3 + sixth,
+      el1 = index1,
+      el2 = index2,
+      el3 = index3,
+      el4 = index4,
+      el5 = index5,
+      less = left + 1,
+      great = right - 1,
+      tmp = 0
+  if(compare(el1, el2, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el1
+    el1 = el2
+    el2 = tmp
+  }
+  if(compare(el4, el5, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el4
+    el4 = el5
+    el5 = tmp
+  }
+  if(compare(el1, el3, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el1
+    el1 = el3
+    el3 = tmp
+  }
+  if(compare(el2, el3, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el2
+    el2 = el3
+    el3 = tmp
+  }
+  if(compare(el1, el4, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el1
+    el1 = el4
+    el4 = tmp
+  }
+  if(compare(el3, el4, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el3
+    el3 = el4
+    el4 = tmp
+  }
+  if(compare(el2, el5, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el2
+    el2 = el5
+    el5 = tmp
+  }
+  if(compare(el2, el3, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el2
+    el2 = el3
+    el3 = tmp
+  }
+  if(compare(el4, el5, data_levels, data_points, data_ids, data_weights)) {
+    tmp = el4
+    el4 = el5
+    el5 = tmp
+  }
+
+  var pivot1_level  = data_levels[el2]
+  var pivot1_x      = data_points[2*el2]
+  var pivot1_y      = data_points[2*el2+1]
+  var pivot1_id     = data_ids[el2]
+  var pivot1_weight = data_weights[el2]
+
+  var pivot2_level  = data_levels[el4]
+  var pivot2_x      = data_points[2*el4]
+  var pivot2_y      = data_points[2*el4+1]
+  var pivot2_id     = data_ids[el4]
+  var pivot2_weight = data_weights[el4]
+
+  var ptr0 = el1
+  var ptr2 = el3
+  var ptr4 = el5
+  var ptr5 = index1
+  var ptr6 = index3
+  var ptr7 = index5
+
+  var level_x = data_levels[ptr0]
+  var level_y = data_levels[ptr2]
+  var level_z = data_levels[ptr4]
+  data_levels[ptr5] = level_x
+  data_levels[ptr6] = level_y
+  data_levels[ptr7] = level_z
+
+  for (var i1 = 0; i1 < 2; ++i1) {
+    var x = data_points[2*ptr0+i1]
+    var y = data_points[2*ptr2+i1]
+    var z = data_points[2*ptr4+i1]
+    data_points[2*ptr5+i1] = x
+    data_points[2*ptr6+i1] = y
+    data_points[2*ptr7+i1] = z
+  }
+
+  var id_x = data_ids[ptr0]
+  var id_y = data_ids[ptr2]
+  var id_z = data_ids[ptr4]
+  data_ids[ptr5] = id_x
+  data_ids[ptr6] = id_y
+  data_ids[ptr7] = id_z
+
+  var weight_x = data_weights[ptr0]
+  var weight_y = data_weights[ptr2]
+  var weight_z = data_weights[ptr4]
+  data_weights[ptr5] = weight_x
+  data_weights[ptr6] = weight_y
+  data_weights[ptr7] = weight_z
+
+  move(index2, left,  data_levels, data_points, data_ids, data_weights)
+  move(index4, right, data_levels, data_points, data_ids, data_weights)
+  for (var k = less; k <= great; ++k) {
+    if (comparePivot(k,
+        pivot1_level, pivot1_x, pivot1_y, pivot1_id,
+        data_levels, data_points, data_ids)) {
+      if (k !== less) {
+        swap(k, less, data_levels, data_points, data_ids, data_weights)
+      }
+      ++less;
+    } else {
+      if (!comparePivot(k,
+          pivot2_level, pivot2_x, pivot2_y, pivot2_id,
+          data_levels, data_points, data_ids)) {
+        while (true) {
+          if (!comparePivot(great,
+              pivot2_level, pivot2_x, pivot2_y, pivot2_id,
+              data_levels, data_points, data_ids)) {
+            if (--great < k) {
+              break;
+            }
+            continue;
+          } else {
+            if (comparePivot(great,
+                pivot1_level, pivot1_x, pivot1_y, pivot1_id,
+                data_levels, data_points, data_ids)) {
+              rotate(k, less, great, data_levels, data_points, data_ids, data_weights)
+              ++less;
+              --great;
+            } else {
+              swap(k, great, data_levels, data_points, data_ids, data_weights)
+              --great;
+            }
+            break;
+          }
+        }
+      }
+    }
+  }
+  shufflePivot(left, less-1, pivot1_level, pivot1_x, pivot1_y, pivot1_id, pivot1_weight, data_levels, data_points, data_ids, data_weights)
+  shufflePivot(right, great+1, pivot2_level, pivot2_x, pivot2_y, pivot2_id, pivot2_weight, data_levels, data_points, data_ids, data_weights)
+  if (less - 2 - left <= INSERT_SORT_CUTOFF) {
+    insertionSort(left, less - 2, data_levels, data_points, data_ids, data_weights)
+  } else {
+    quickSort(left, less - 2, data_levels, data_points, data_ids, data_weights)
+  }
+  if (right - (great + 2) <= INSERT_SORT_CUTOFF) {
+    insertionSort(great + 2, right, data_levels, data_points, data_ids, data_weights)
+  } else {
+    quickSort(great + 2, right, data_levels, data_points, data_ids, data_weights)
+  }
+  if (great - less <= INSERT_SORT_CUTOFF) {
+    insertionSort(less, great, data_levels, data_points, data_ids, data_weights)
+  } else {
+    quickSort(less, great, data_levels, data_points, data_ids, data_weights)
+  }
+}
+
+},{}],242:[function(require,module,exports){
+'use strict'
+
+var pool = require('typedarray-pool')
+
+var sortLevels = require('./lib/sort')
+
+module.exports = snapPoints
+
+function partition(points, ids, start, end, lox, loy, hix, hiy) {
+  var mid = start
+  for(var i=start; i<end; ++i) {
+    var x  = points[2*i]
+    var y  = points[2*i+1]
+    var s  = ids[i]
+    if(lox <= x && x <= hix &&
+       loy <= y && y <= hiy) {
+      if(i === mid) {
+        mid += 1
+      } else {
+        points[2*i]     = points[2*mid]
+        points[2*i+1]   = points[2*mid+1]
+        ids[i]          = ids[mid]
+        points[2*mid]   = x
+        points[2*mid+1] = y
+        ids[mid]        = s
+        mid += 1
+      }
+    }
+  }
+  return mid
+}
+
+function SnapInterval(pixelSize, offset, count) {
+  this.pixelSize  = pixelSize
+  this.offset     = offset
+  this.count      = count
+}
+
+function snapPoints(points, ids, weights, bounds) {
+  var n    = points.length >>> 1
+  if(n < 1) {
+    return []
+  }
+
+  var lox =  Infinity, loy =  Infinity
+  var hix = -Infinity, hiy = -Infinity
+  for(var i=0; i<n; ++i) {
+    var x = points[2*i]
+    var y = points[2*i+1]
+    lox = Math.min(lox, x)
+    hix = Math.max(hix, x)
+    loy = Math.min(loy, y)
+    hiy = Math.max(hiy, y)
+    ids[i] = i
+  }
+
+  if(lox === hix) {
+    hix += 1 + Math.abs(hix)
+  }
+  if(loy === hiy) {
+    hiy += 1 + Math.abs(hix)
+  }
+
+  //Calculate diameter
+  var scaleX = 1.0 / (hix - lox)
+  var scaleY = 1.0 / (hiy - loy)
+  var diam = Math.max(hix - lox, hiy - loy)
+
+  bounds = bounds || [0,0,0,0]
+
+  bounds[0] = lox
+  bounds[1] = loy
+  bounds[2] = hix
+  bounds[3] = hiy
+
+  var levels = pool.mallocInt32(n)
+  var ptr = 0
+
+  function snapRec(x, y, diam, start, end, level) {
+    var diam_2 = diam * 0.5
+    var offset = start + 1
+    var count = end - start
+    weights[ptr] = count
+    levels[ptr++] = level
+    for(var i=0; i<2; ++i) {
+      for(var j=0; j<2; ++j) {
+        var nx = x+i*diam_2
+        var ny = y+j*diam_2
+        var nextOffset = partition(
+            points
+          , ids
+          , offset
+          , end
+          , nx, ny
+          , nx+diam_2, ny+diam_2)
+        if(nextOffset === offset) {
+          continue
+        }
+        if(nextOffset - offset >= Math.max(0.9 * count, 32)) {
+          var mid = (end + start)>>>1
+          snapRec(nx, ny, diam_2, offset, mid, level+1)
+          offset = mid
+        }
+        snapRec(nx, ny, diam_2, offset, nextOffset, level+1)
+        offset = nextOffset
+      }
+    }
+  }
+  snapRec(lox, loy, diam, 0, n, 0)
+  sortLevels(levels, points, ids, weights, n)
+
+  var lod         = []
+  var lastLevel   = 0
+  var prevOffset  = n
+  for(var ptr=n-1; ptr>=0; --ptr) {
+    points[2*ptr]   = (points[2*ptr]   - lox) * scaleX
+    points[2*ptr+1] = (points[2*ptr+1] - loy) * scaleY
+
+    var level = levels[ptr]
+    if(level === lastLevel) {
+      continue
+    }
+
+    lod.push(new SnapInterval(
+      diam * Math.pow(0.5, level),
+      ptr+1,
+      prevOffset - (ptr+1)
+    ))
+    prevOffset = ptr+1
+
+    lastLevel = level
+  }
+
+  lod.push(new SnapInterval(diam * Math.pow(0.5, level+1), 0, prevOffset))
+  pool.free(levels)
+
+  return lod
+}
+
+},{"./lib/sort":241,"typedarray-pool":541}],243:[function(require,module,exports){
+'use strict'
+
+module.exports = createFancyScatter2D
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+var pool = require('typedarray-pool')
+var shaders = require('./lib/shaders')
+var snapPoints = require('snap-points-2d')
+var atlas = require('font-atlas-sdf')
+var createTexture = require('gl-texture2d')
+var colorId = require('color-id')
+var ndarray = require('ndarray')
+var clamp = require('clamp')
+var search = require('binary-search-bounds')
+
+function GLScatterFancy(
+    plot,
+    shader,
+    pickShader,
+    positionBuffer,
+    sizeBuffer,
+    colorBuffer,
+    idBuffer,
+    charBuffer) {
+  this.plot           = plot
+  this.shader         = shader
+  this.pickShader     = pickShader
+
+  //buffers
+  this.positionBuffer = positionBuffer
+  this.sizeBuffer     = sizeBuffer
+  this.colorBuffer    = colorBuffer
+  this.idBuffer       = idBuffer
+  this.charBuffer      = charBuffer
+
+  this.pointCount     = 0
+  this.pickOffset     = 0
+
+  //positions data
+  this.points         = null
+
+  //lod scales
+  this.scales         = []
+  this.xCoords        = []
+
+  //font atlas texture
+  this.charCanvas     = document.createElement('canvas')
+  this.charTexture    = createTexture(this.plot.gl, this.charCanvas)
+  this.charStep       = 400
+  this.charFit        = .255
+
+  //snapping loses points sorting, so disable snapping on small number of points
+  this.snapThreshold  = 1e4
+
+  //border/char colors texture
+  this.paletteTexture   = createTexture(this.plot.gl, [256, 1])
+}
+
+var proto = GLScatterFancy.prototype
+
+var SCALE_HI = new Float32Array([0, 0])
+var SCALE_LO = new Float32Array([0, 0])
+var TRANSLATE_HI = new Float32Array([0, 0])
+var TRANSLATE_LO = new Float32Array([0, 0])
+
+var PIXEL_SCALE = [0, 0]
+
+var pixelSize, xStart, xEnd
+
+
+function calcScales() {
+  var plot       = this.plot
+
+  var viewBox    = plot.viewBox
+  var dataBox    = plot.dataBox
+  var pixelRatio = plot.pixelRatio
+
+  var dataX  = dataBox[2] - dataBox[0]
+  var dataY  = dataBox[3] - dataBox[1]
+
+  var scaleX = 2 / dataX
+  var scaleY = 2 / dataY
+  var translateX = (- dataBox[0] - 0.5 * dataX)
+  var translateY = (- dataBox[1] - 0.5 * dataY)
+
+  SCALE_HI[0] = scaleX
+  SCALE_LO[0] = scaleX - SCALE_HI[0]
+  SCALE_HI[1] = scaleY
+  SCALE_LO[1] = scaleY - SCALE_HI[1]
+
+  TRANSLATE_HI[0] = translateX
+  TRANSLATE_LO[0] = translateX - TRANSLATE_HI[0]
+  TRANSLATE_HI[1] = translateY
+  TRANSLATE_LO[1] = translateY - TRANSLATE_HI[1]
+
+  var screenX = viewBox[2] - viewBox[0]
+  var screenY = viewBox[3] - viewBox[1]
+
+  pixelSize   = Math.min(dataX / screenX, dataY / screenY)
+
+  //FIXME: why twice?
+  PIXEL_SCALE[0] = 2 * pixelRatio / screenX
+  PIXEL_SCALE[1] = 2 * pixelRatio / screenY
+
+  xStart = dataBox[0]
+  xEnd = dataBox[2]
+}
+
+var PICK_OFFSET = [0, 0, 0, 0]
+
+proto.drawPick = function(offset) {
+  var pick = offset !== undefined
+  var plot = this.plot
+  var pointCount = this.pointCount
+  var snap = pointCount > this.snapThreshold
+
+  if(!pointCount) {
+    return offset
+  }
+
+  calcScales.call(this)
+
+  var gl = plot.gl
+  var shader = pick ? this.pickShader : this.shader
+  var blend = gl.isEnabled(gl.BLEND)
+
+  shader.bind()
+
+  if(pick) {
+    this.pickOffset = offset
+
+    for (var i = 0; i < 4; ++i) {
+      PICK_OFFSET[i] = (offset >> (i * 8)) & 0xff
+    }
+
+    shader.uniforms.pickOffset = PICK_OFFSET
+
+    this.idBuffer.bind()
+    shader.attributes.id.pointer(gl.UNSIGNED_BYTE, false)
+
+  } else {
+    gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    gl.blendColor(0,0,0,1);
+    if (!blend) gl.enable(gl.BLEND)
+
+    this.colorBuffer.bind()
+    shader.attributes.color.pointer(gl.UNSIGNED_BYTE, false)
+
+    this.charBuffer.bind()
+    shader.attributes.char.pointer(gl.UNSIGNED_BYTE, false)
+
+    shader.uniforms.chars = this.charTexture.bind(0)
+    shader.uniforms.charsShape = [this.charCanvas.width, this.charCanvas.height]
+    shader.uniforms.charsStep = this.charStep
+    shader.uniforms.palette = this.paletteTexture.bind(1)
+  }
+
+  this.sizeBuffer.bind()
+  shader.attributes.size.pointer(gl.FLOAT, false, 8, 0)
+  if (!pick) shader.attributes.border.pointer(gl.FLOAT, false, 8, 4)
+
+  this.positionBuffer.bind()
+  shader.attributes.positionHi.pointer(gl.FLOAT, false, 16, 0)
+  shader.attributes.positionLo.pointer(gl.FLOAT, false, 16, 8)
+
+  shader.uniforms.pixelRatio  = plot.pixelRatio
+  shader.uniforms.scaleHi     = SCALE_HI
+  shader.uniforms.scaleLo     = SCALE_LO
+  shader.uniforms.translateHi = TRANSLATE_HI
+  shader.uniforms.translateLo = TRANSLATE_LO
+  shader.uniforms.viewBox = plot.viewBox
+
+  var scales = this.scales
+
+  if (snap) {
+    for (var scaleNum = scales.length - 1; scaleNum >= 0; scaleNum--) {
+        var lod = scales[scaleNum]
+        if(lod.pixelSize && (lod.pixelSize < pixelSize * 1.25) && scaleNum > 1) {
+          continue
+        }
+
+        var intervalStart = lod.offset
+        var intervalEnd   = lod.count + intervalStart
+
+        var startOffset = search.ge(this.xCoords, xStart, intervalStart, intervalEnd - 1)
+        var endOffset   = search.lt(this.xCoords, xEnd, startOffset, intervalEnd - 1) + 1
+
+        if (endOffset > startOffset) {
+          gl.drawArrays(gl.POINTS, startOffset, (endOffset - startOffset))
+        }
+    }
+  }
+  else {
+    gl.drawArrays(gl.POINTS, 0, pointCount)
+  }
+
+  if (pick) return offset + pointCount
+  else {
+    if (!blend) gl.disable(gl.BLEND)
+    else {
+      gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA)
+    }
+  }
+
+}
+
+proto.draw = proto.drawPick
+
+proto.pick = function(x, y, value) {
+  var pickOffset = this.pickOffset
+  var pointCount = this.pointCount
+  if(value < pickOffset || value >= pickOffset + pointCount) {
+    return null
+  }
+  var pointId = value - pickOffset
+  var points  = this.points
+  return {
+    object:    this,
+    pointId:   pointId,
+    dataCoord: [points[2 * pointId], points[2 * pointId + 1]]
+  }
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  var positions     = options.positions || []
+  var colors        = options.colors       || []
+  var glyphs        = options.glyphs       || []
+  var sizes         = options.sizes        || []
+  var borderWidths  = options.borderWidths || []
+  var borderColors  = options.borderColors || []
+  var gl = this.plot.gl
+  var pointCount = this.pointCount
+  var snap = pointCount > this.snapThreshold
+
+  //update positions
+  if (options.positions != null) {
+    this.points = positions
+
+    pointCount = this.points.length / 2
+
+    snap = pointCount > this.snapThreshold
+
+    //create packed positions here
+    var packedW            = pool.mallocFloat32(2 * pointCount)
+    var packed             = pool.mallocFloat64(2 * pointCount)
+    var v_ids       = pool.mallocUint32(pointCount)
+    var v_position  = pool.mallocFloat32(4 * pointCount)
+
+    packed.set(this.points)
+
+    if (snap) {
+      if (this.i2idx) pool.free(this.i2idx)
+      this.i2idx = pool.mallocInt32(pointCount)
+      this.scales = snapPoints(packed, this.i2idx, packedW)
+    }
+
+    this.pointCount = pointCount
+
+
+    for(var i = 0; i < pointCount; ++i) {
+      var id = snap ? this.i2idx[i] : i
+
+      v_ids[i] = id
+
+      //collect buffers data
+      var x = positions[2 * id]
+      var y = positions[2 * id + 1]
+
+      //write hi- and lo- position parts
+      v_position[4 * i]      = x
+      v_position[4 * i + 1]  = y
+      v_position[4 * i + 2]  = x - v_position[4 * i]
+      v_position[4 * i + 3]  = y - v_position[4 * i + 1]
+
+      this.xCoords[i] = x
+    }
+
+    this.idBuffer.update(v_ids)
+    this.positionBuffer.update(v_position)
+    pool.free(v_position)
+    pool.free(v_ids)
+    pool.free(packed)
+    pool.free(packedW)
+  }
+
+  var v_sizeWidth = pool.mallocFloat32(2 * pointCount)
+  var v_color     = pool.mallocUint8(2 * pointCount)
+  var v_chars     = pool.mallocUint8(2 * pointCount)
+
+  //aggregate colors
+  var paletteIds = {}, colorIds = [], paletteColors = [], bColorIds = []
+  for (var i = 0, l = pointCount, k = 0; i < l; ++i) {
+    var channels = [colors[4 * i] * 255, colors[4 * i + 1] * 255, colors[4 * i + 2] * 255, colors[4 * i + 3] * 255]
+    var cId = colorId(channels, false)
+    if (paletteIds[cId] == null) {
+      paletteIds[cId] = k++
+      paletteColors.push(channels[0])
+      paletteColors.push(channels[1])
+      paletteColors.push(channels[2])
+      paletteColors.push(channels[3])
+    }
+    colorIds.push(cId)
+
+    if (borderColors && borderColors.length) {
+      channels = [borderColors[4 * i] * 255, borderColors[4 * i + 1] * 255, borderColors[4 * i + 2] * 255, borderColors[4 * i + 3] * 255]
+      cId = colorId(channels, false)
+      if (paletteIds[cId] == null) {
+        paletteIds[cId] = k++
+        paletteColors.push(channels[0])
+        paletteColors.push(channels[1])
+        paletteColors.push(channels[2])
+        paletteColors.push(channels[3])
+      }
+      bColorIds.push(cId)
+    }
+  }
+
+  //aggregate glyphs
+  var glyphChars = {}
+  for (var i = 0, l = pointCount, k = 0; i < l; i++) {
+    var char = glyphs[i]
+    if (glyphChars[char] == null) {
+      glyphChars[char] = k++
+    }
+  }
+
+  //generate font atlas
+  var maxSize = 0
+  for (var i = 0, l = sizes.length; i < l; ++i) {
+    if (sizes[i] > maxSize) maxSize = sizes[i]
+  }
+  var oldStep = this.charStep
+  this.charStep = clamp(Math.ceil(maxSize*4), 128, 768)
+
+  var chars = Object.keys(glyphChars)
+  var step = this.charStep
+  var charSize = Math.floor(step / 2)
+  var maxW = gl.getParameter(gl.MAX_TEXTURE_SIZE)
+  var maxChars = (maxW / step) * (maxW / step)
+  var atlasW = Math.min(maxW, step*chars.length)
+  var atlasH = Math.min(maxW, step*Math.ceil(step*chars.length/maxW))
+  var cols = Math.floor(atlasW / step)
+  if (chars.length > maxChars) {
+    console.warn('gl-scatter2d-fancy: number of characters is more than maximum texture size. Try reducing it.')
+  }
+
+  //do not overupdate atlas
+  if (!this.chars || (this.chars+'' !== chars+'') || this.charStep != oldStep) {
+    this.charCanvas = atlas({
+      canvas: this.charCanvas,
+      family: 'sans-serif',
+      size: charSize,
+      shape: [atlasW, atlasH],
+      step: [step, step],
+      chars: chars,
+      align: true,
+      fit: this.charFit
+    })
+    this.chars = chars
+  }
+
+  for(var i = 0; i < pointCount; ++i) {
+    var id = snap ? this.i2idx[i] : i
+
+    var s = sizes[id]
+    var w = borderWidths[id]
+
+    //size is doubled bc character SDF is twice less than character step
+    v_sizeWidth[2 * i]     = s*2
+    v_sizeWidth[2 * i + 1] = w
+
+    //color/bufferColor indexes
+    var cId = colorIds[id]
+    var pcId = paletteIds[cId]
+    v_color[2 * i] = pcId
+    var bcId = bColorIds[id]
+    var pbcId = paletteIds[bcId]
+    v_color[2 * i + 1] = pbcId
+
+    //char indexes
+    var char = glyphs[id]
+    var charId = glyphChars[char]
+    v_chars[2 * i + 1] = Math.floor(charId / cols)
+    v_chars[2 * i] = charId % cols
+  }
+
+  //fill buffes
+  this.sizeBuffer.update(v_sizeWidth)
+  this.colorBuffer.update(v_color)
+  this.charBuffer.update(v_chars)
+
+  //update char/color textures
+  this.charTexture.shape = [this.charCanvas.width, this.charCanvas.height]
+  if (this.charCanvas && this.charCanvas.width) {
+    this.charTexture.setPixels(this.charCanvas)
+  }
+  this.paletteTexture.setPixels(ndarray(paletteColors.slice(0, 256*4), [256, 1, 4]))
+
+  pool.free(v_sizeWidth)
+  pool.free(v_color)
+  pool.free(v_chars)
+}
+
+proto.dispose = function() {
+  this.shader.dispose()
+  this.pickShader.dispose()
+  this.positionBuffer.dispose()
+  this.sizeBuffer.dispose()
+  this.colorBuffer.dispose()
+  this.idBuffer.dispose()
+  this.charBuffer.dispose()
+  this.plot.removeObject(this)
+}
+
+function createFancyScatter2D(plot, options) {
+  var gl = plot.gl
+
+  var shader     = createShader(gl, shaders.vertex,     shaders.fragment)
+  var pickShader = createShader(gl, shaders.pickVertex, shaders.pickFragment)
+
+  var positionBuffer   = createBuffer(gl)
+  var sizeBuffer       = createBuffer(gl)
+  var colorBuffer      = createBuffer(gl)
+  var idBuffer         = createBuffer(gl)
+  var charBuffer       = createBuffer(gl)
+
+  var scatter = new GLScatterFancy(
+    plot,
+    shader,
+    pickShader,
+    positionBuffer,
+    sizeBuffer,
+    colorBuffer,
+    idBuffer,
+    charBuffer)
+
+  scatter.update(options)
+
+  plot.addObject(scatter)
+
+  return scatter
+}
+
+},{"./lib/shaders":232,"binary-search-bounds":233,"clamp":88,"color-id":92,"font-atlas-sdf":134,"gl-buffer":156,"gl-shader":234,"gl-texture2d":267,"ndarray":467,"snap-points-2d":242,"typedarray-pool":541}],244:[function(require,module,exports){
+
+
+exports.pointVertex       = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 positionHi, positionLo;\nattribute float weight;\n\nuniform vec2 scaleHi, scaleLo, translateHi, translateLo;\nuniform float pointSize, useWeight;\n\nvarying float fragWeight;\n\n\nvec4 pfx_1_0(vec2 scaleHi, vec2 scaleLo, vec2 translateHi, vec2 translateLo, vec2 positionHi, vec2 positionLo) {\n  return vec4((positionHi + translateHi) * scaleHi\n            + (positionLo + translateLo) * scaleHi\n      [...]
+exports.pointFragment     = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color, borderColor;\nuniform float centerFraction;\n\nvarying float fragWeight;\n\nfloat smoothStep(float x, float y) {\n  return 1.0 / (1.0 + exp(50.0*(x - y)));\n}\n\nvoid main() {\n  float radius = length(2.0*gl_PointCoord.xy-1.0);\n  if(radius > 1.0) {\n    discard;\n  }\n  vec4 baseColor = mix(borderColor, color, smoothStep(radius, centerFraction));\n  float alpha = 1.0 - pow(1.0 - baseColor.a,  [...]
+exports.pickVertex        = "precision highp float;\n#define GLSLIFY 1\n\nvec4 pfx_1_0(vec2 scaleHi, vec2 scaleLo, vec2 translateHi, vec2 translateLo, vec2 positionHi, vec2 positionLo) {\n  return vec4((positionHi + translateHi) * scaleHi\n            + (positionLo + translateLo) * scaleHi\n            + (positionHi + translateHi) * scaleLo\n            + (positionLo + translateLo) * scaleLo, 0.0, 1.0);\n}\n\nattribute vec2 positionHi, positionLo;\nattribute vec4 pickId;\n\nuniform vec2  [...]
+exports.pickFragment      = "precision mediump float;\n#define GLSLIFY 1\n\nvarying vec4 fragId;\n\nvoid main() {\n  float radius = length(2.0 * gl_PointCoord.xy - 1.0);\n  if(radius > 1.0) {\n    discard;\n  }\n  gl_FragColor = fragId / 255.0;\n}"
+},{}],245:[function(require,module,exports){
+arguments[4][84][0].apply(exports,arguments)
+},{"dup":84}],246:[function(require,module,exports){
+arguments[4][241][0].apply(exports,arguments)
+},{"dup":241}],247:[function(require,module,exports){
+arguments[4][242][0].apply(exports,arguments)
+},{"./lib/sort":246,"dup":242,"typedarray-pool":541}],248:[function(require,module,exports){
+'use strict'
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+var search = require('binary-search-bounds')
+var snapPoints = require('snap-points-2d')
+var pool = require('typedarray-pool')
+var SHADERS = require('./lib/shader')
+var normalize = require('array-normalize')
+var getBounds = require('array-bounds')
+
+module.exports = createScatter2D
+
+function Scatter2D(plot, positionBufferHi, positionBufferLo, pickBuffer, weightBuffer, shader, pickShader) {
+  this.plot             = plot
+  this.positionBufferHi = positionBufferHi
+  this.positionBufferLo = positionBufferLo
+  this.pickBuffer       = pickBuffer
+  this.weightBuffer     = weightBuffer
+  this.shader           = shader
+  this.pickShader       = pickShader
+  this.scales           = []
+  this.size             = 12.0
+  this.borderSize       = 1.0
+  this.pointCount       = 0
+  this.color            = [1, 0, 0, 1]
+  this.borderColor      = [0, 0, 0, 1]
+  this.bounds           = [Infinity, Infinity, -Infinity, -Infinity]
+  this.pickOffset       = 0
+  this.points           = null
+  this.xCoords          = null
+  this.snapPoints       = true
+}
+
+var proto = Scatter2D.prototype
+var scaleHi = new Float32Array(2)
+var scaleLo = new Float32Array(2)
+var translateHi = new Float32Array(2)
+var translateLo = new Float32Array(2)
+var PICK_VEC4 = [0, 0, 0, 0]
+
+proto.dispose = function() {
+  this.shader.dispose()
+  this.pickShader.dispose()
+  this.positionBufferHi.dispose()
+  this.positionBufferLo.dispose()
+  this.pickBuffer.dispose()
+  if(this.xCoords) pool.free(this.xCoords)
+  this.plot.removeObject(this)
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  function dflt(opt, value) {
+    return opt in options ? options[opt] : value
+  }
+
+  this.size         = dflt('size', 12)
+  this.color        = dflt('color', [1, 0, 0, 1]).slice()
+  this.borderSize   = dflt('borderSize', 1)
+  this.borderColor  = dflt('borderColor', [0, 0, 0, 1]).slice()
+  this.snapPoints   = dflt('snapPoints', true)
+
+  //do not recalc points if there is no positions
+  if (options.positions != null) {
+    if(this.xCoords) pool.free(this.xCoords)
+
+    this.points             = options.positions
+    var pointCount          = this.points.length >>> 1
+
+    var packedId = pool.mallocInt32(pointCount)
+    var packedW = pool.mallocFloat32(pointCount)
+    var packed = pool.mallocFloat64(2 * pointCount)
+    packed.set(this.points)
+
+    if (this.snapPoints) {
+      this.scales = snapPoints(packed, packedId, packedW, this.bounds)
+    }
+    else {
+      //get bounds
+      this.bounds = getBounds(packed, 2)
+
+      // rescale packed to unit box
+      normalize(packed, 2, this.bounds)
+
+      // generate fake ids
+      for (var i = 0; i < pointCount; i++) {
+        packedId[i] = i
+        packedW[i] = 1
+      }
+    }
+
+    var xCoords             = pool.mallocFloat64(pointCount)
+    var packedHi            = pool.mallocFloat32(2 * pointCount)
+    var packedLo            = pool.mallocFloat32(2 * pointCount)
+    packedHi.set(packed)
+    for(var i = 0, j = 0; i < pointCount; i++, j += 2) {
+      packedLo[j] = packed[j] - packedHi[j]
+      packedLo[j + 1] = packed[j + 1] - packedHi[j + 1]
+      xCoords[i] = packed[j]
+    }
+    this.positionBufferHi.update(packedHi)
+    this.positionBufferLo.update(packedLo)
+    this.pickBuffer.update(packedId)
+    this.weightBuffer.update(packedW)
+
+    pool.free(packedHi)
+    pool.free(packedLo)
+    pool.free(packedW)
+    pool.free(packed)
+    pool.free(packedId)
+
+    this.xCoords = xCoords
+    this.pointCount = pointCount
+    this.pickOffset = 0
+  }
+}
+
+proto.draw = function(pickOffset) {
+  var pick = pickOffset !== void(0)
+
+  var plot             = this.plot
+  var shader           = pick ? this.pickShader : this.shader
+  var scales           = this.scales
+  var positionBufferHi = this.positionBufferHi
+  var positionBufferLo = this.positionBufferLo
+  var pickBuffer       = this.pickBuffer
+  var bounds           = this.bounds
+  var size             = this.size
+  var borderSize       = this.borderSize
+  var gl               = plot.gl
+  var pixelRatio       = pick ? plot.pickPixelRatio : plot.pixelRatio
+  var viewBox          = plot.viewBox
+  var dataBox          = plot.dataBox
+
+  if(this.pointCount === 0)
+    return pickOffset
+
+  var boundX  = bounds[2] - bounds[0]
+  var boundY  = bounds[3] - bounds[1]
+  var dataX   = dataBox[2] - dataBox[0]
+  var dataY   = dataBox[3] - dataBox[1]
+  var screenX = (viewBox[2] - viewBox[0]) * pixelRatio / plot.pixelRatio
+  var screenY = (viewBox[3] - viewBox[1]) * pixelRatio / plot.pixelRatio
+
+  var pixelSize = this.pixelSize = Math.min(dataX / screenX, dataY / screenY)
+
+  var scaleX = 2 * boundX / dataX
+  var scaleY = 2 * boundY / dataY
+
+  scaleHi[0] = scaleX
+  scaleHi[1] = scaleY
+
+  scaleLo[0] = scaleX - scaleHi[0]
+  scaleLo[1] = scaleY - scaleHi[1]
+
+  var translateX = (bounds[0] - dataBox[0] - 0.5 * dataX) / boundX
+  var translateY = (bounds[1] - dataBox[1] - 0.5 * dataY) / boundY
+
+  translateHi[0] = translateX
+  translateHi[1] = translateY
+
+  translateLo[0] = translateX - translateHi[0]
+  translateLo[1] = translateY - translateHi[1]
+
+  shader.bind()
+  shader.uniforms.scaleHi     = scaleHi
+  shader.uniforms.scaleLo     = scaleLo
+  shader.uniforms.translateHi = translateHi
+  shader.uniforms.translateLo = translateLo
+  shader.uniforms.color       = this.color
+  shader.uniforms.borderColor = this.borderColor
+  shader.uniforms.pointSize   = pixelRatio * (size + borderSize)
+  shader.uniforms.centerFraction = this.borderSize === 0 ? 2 : size / (size + borderSize + 1.25)
+
+  positionBufferHi.bind()
+  shader.attributes.positionHi.pointer()
+
+  positionBufferLo.bind()
+  shader.attributes.positionLo.pointer()
+
+  if(pick) {
+    this.pickOffset = pickOffset
+    PICK_VEC4[0] = ( pickOffset        & 0xff)
+    PICK_VEC4[1] = ((pickOffset >> 8)  & 0xff)
+    PICK_VEC4[2] = ((pickOffset >> 16) & 0xff)
+    PICK_VEC4[3] = ((pickOffset >> 24) & 0xff)
+    shader.uniforms.pickOffset = PICK_VEC4
+
+    pickBuffer.bind()
+    shader.attributes.pickId.pointer(gl.UNSIGNED_BYTE)
+
+  } else {
+
+    shader.uniforms.useWeight = 1
+    this.weightBuffer.bind()
+    shader.attributes.weight.pointer()
+
+  }
+
+
+  var firstLevel = true
+
+  if (this.snapPoints) {
+    for(var scaleNum = scales.length - 1; scaleNum >= 0; scaleNum--) {
+      var lod = scales[scaleNum]
+      if(lod.pixelSize < pixelSize && scaleNum > 1)
+        continue
+
+      var range = this.getVisibleRange(lod)
+      var startOffset = range[0], endOffset = range[1]
+
+      if(endOffset > startOffset)
+        gl.drawArrays(gl.POINTS, startOffset, endOffset - startOffset)
+
+      if(!pick && firstLevel) {
+        firstLevel = false
+        shader.uniforms.useWeight = 0
+      }
+    }
+  }
+  else {
+    gl.drawArrays(gl.POINTS, 0, this.pointCount)
+  }
+
+  return pickOffset + this.pointCount
+}
+
+proto.getVisibleRange = function (lod) {
+  var dataBox = this.plot.dataBox,
+      bounds = this.bounds,
+      pixelSize = this.pixelSize,
+      size = this.size,
+      pixelRatio = this.plot.pixelRatio,
+      boundX  = bounds[2] - bounds[0],
+      boundY  = bounds[3] - bounds[1]
+
+  if (!lod) {
+    for(var scaleNum = this.scales.length - 1, lod; scaleNum >= 0; scaleNum--) {
+      lod = this.scales[scaleNum];
+      if(!(lod.pixelSize < pixelSize && scaleNum > 1)) break;
+    }
+  }
+
+  var xCoords = this.xCoords
+  var xStart = (dataBox[0] - bounds[0] - pixelSize * size * pixelRatio) / boundX
+  var xEnd   = (dataBox[2] - bounds[0] + pixelSize * size * pixelRatio) / boundX
+
+  var intervalStart = lod.offset
+  var intervalEnd   = lod.count + intervalStart
+
+  var startOffset = search.ge(xCoords, xStart, intervalStart, intervalEnd - 1)
+  var endOffset   = search.lt(xCoords, xEnd, startOffset, intervalEnd - 1) + 1
+
+  return [startOffset, endOffset]
+}
+
+proto.drawPick = proto.draw
+
+proto.pick = function(x, y, value) {
+  var pointId = value - this.pickOffset
+  return pointId < 0 || pointId >= this.pointCount
+    ? null : {
+    object:  this,
+    pointId: pointId,
+    dataCoord: [ this.points[2 * pointId], this.points[2 * pointId + 1] ]
+  }
+}
+
+function createScatter2D(plot, options) {
+  var gl = plot.gl
+  var positionBufferHi = createBuffer(gl)
+  var positionBufferLo = createBuffer(gl)
+  var pickBuffer = createBuffer(gl)
+  var weightBuffer = createBuffer(gl)
+  var shader = createShader(gl, SHADERS.pointVertex, SHADERS.pointFragment)
+  var pickShader = createShader(gl, SHADERS.pickVertex, SHADERS.pickFragment)
+
+  var result = new Scatter2D(plot, positionBufferHi, positionBufferLo, pickBuffer, weightBuffer, shader, pickShader)
+  result.update(options)
+
+  plot.addObject(result) // register with plot
+
+  return result
+}
+
+},{"./lib/shader":244,"array-bounds":44,"array-normalize":45,"binary-search-bounds":245,"gl-buffer":156,"gl-shader":255,"snap-points-2d":247,"typedarray-pool":541}],249:[function(require,module,exports){
+"use strict"
+
+var vectorizeText = require("vectorize-text")
+
+module.exports = getGlyph
+
+var GLYPH_CACHE = {}
+
+function getGlyph(symbol, font) {
+  var fontCache = GLYPH_CACHE[font]
+  if(!fontCache) {
+    fontCache = GLYPH_CACHE[font] = {}
+  }
+  if(symbol in fontCache) {
+    return fontCache[symbol]
+  }
+
+  //Get line and triangle meshes for glyph
+  var lineSymbol = vectorizeText(symbol, {
+      textAlign: "center",
+      textBaseline: "middle",
+      lineHeight: 1.0,
+      font: font
+    }) 
+  var triSymbol = vectorizeText(symbol, {
+      triangles: true,
+      textAlign: "center",
+      textBaseline: "middle",
+      lineHeight: 1.0,
+      font: font
+    })
+
+  //Calculate bounding box
+  var bounds = [[Infinity,Infinity], [-Infinity,-Infinity]]
+  for(var i=0; i<lineSymbol.positions.length; ++i) {
+    var p = lineSymbol.positions[i]
+    for(var j=0; j<2; ++j) {
+      bounds[0][j] = Math.min(bounds[0][j], p[j])
+      bounds[1][j] = Math.max(bounds[1][j], p[j])
+    }
+  }
+
+  //Save cached symbol
+  return fontCache[symbol] = [triSymbol, lineSymbol, bounds]
+}
+},{"vectorize-text":554}],250:[function(require,module,exports){
+var createShaderWrapper = require('gl-shader')
+
+
+var perspectiveVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 color;\nattribute vec2 glyph;\nattribute vec4 id;\n\n\nuniform vec4 highlightId;\nuniform float highlightScale;\nuniform mat4 model, view, projection;\nuniform vec3 clipBounds[2];\n\nvarying vec4 interpColor;\nvarying vec4 pickId;\nvarying vec3 dataCoordinate;\n\nvoid main() {\n  if(any(lessThan(position, clipBounds[0]))   || \n     any(greaterThan(position, clipBounds[1])) ) [...]
+var orthographicVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 color;\nattribute vec2 glyph;\nattribute vec4 id;\n\nuniform mat4 model, view, projection;\nuniform vec2 screenSize;\nuniform vec3 clipBounds[2];\nuniform float highlightScale, pixelRatio;\nuniform vec4 highlightId;\n\nvarying vec4 interpColor;\nvarying vec4 pickId;\nvarying vec3 dataCoordinate;\n\nvoid main() {\n  if(any(lessThan(position, clipBounds[0])) || any(greaterThan [...]
+var projectionVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec4 color;\nattribute vec2 glyph;\nattribute vec4 id;\n\nuniform float highlightScale;\nuniform vec4 highlightId;\nuniform vec3 axes[2];\nuniform mat4 model, view, projection;\nuniform vec2 screenSize;\nuniform vec3 clipBounds[2];\nuniform float scale, pixelRatio;\n\nvarying vec4 interpColor;\nvarying vec4 pickId;\nvarying vec3 dataCoordinate;\n\nvoid main() {\n  if(any(lessThan(p [...]
+var drawFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3 fragClipBounds[2];\nuniform float opacity;\n\nvarying vec4 interpColor;\nvarying vec4 pickId;\nvarying vec3 dataCoordinate;\n\nvoid main() {\n  if(any(lessThan(dataCoordinate, fragClipBounds[0]))   ||\n     any(greaterThan(dataCoordinate, fragClipBounds[1])) ) {\n    discard;\n  } else {\n    gl_FragColor = interpColor * opacity;\n  }\n}\n"
+var pickFragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec3 fragClipBounds[2];\nuniform float pickGroup;\n\nvarying vec4 pickId;\nvarying vec3 dataCoordinate;\n\nvoid main() {\n  if(any(lessThan(dataCoordinate, fragClipBounds[0]))   || \n     any(greaterThan(dataCoordinate, fragClipBounds[1])) ) {\n    discard;\n  } else {\n    gl_FragColor = vec4(pickGroup, pickId.bgr);\n  }\n}"
+
+var ATTRIBUTES = [
+  {name: 'position', type: 'vec3'},
+  {name: 'color', type: 'vec4'},
+  {name: 'glyph', type: 'vec2'},
+  {name: 'id', type: 'vec4'}
+]
+
+var perspective = {
+    vertex: perspectiveVertSrc,
+    fragment: drawFragSrc,
+    attributes: ATTRIBUTES
+  },
+  ortho = {
+    vertex: orthographicVertSrc,
+    fragment: drawFragSrc,
+    attributes: ATTRIBUTES
+  },
+  project = {
+    vertex: projectionVertSrc,
+    fragment: drawFragSrc,
+    attributes: ATTRIBUTES
+  },
+  pickPerspective = {
+    vertex: perspectiveVertSrc,
+    fragment: pickFragSrc,
+    attributes: ATTRIBUTES
+  },
+  pickOrtho = {
+    vertex: orthographicVertSrc,
+    fragment: pickFragSrc,
+    attributes: ATTRIBUTES
+  },
+  pickProject = {
+    vertex: projectionVertSrc,
+    fragment: pickFragSrc,
+    attributes: ATTRIBUTES
+  }
+
+function createShader(gl, src) {
+  var shader = createShaderWrapper(gl, src)
+  var attr = shader.attributes
+  attr.position.location = 0
+  attr.color.location = 1
+  attr.glyph.location = 2
+  attr.id.location = 3
+  return shader
+}
+
+exports.createPerspective = function(gl) {
+  return createShader(gl, perspective)
+}
+exports.createOrtho = function(gl) {
+  return createShader(gl, ortho)
+}
+exports.createProject = function(gl) {
+  return createShader(gl, project)
+}
+exports.createPickPerspective = function(gl) {
+  return createShader(gl, pickPerspective)
+}
+exports.createPickOrtho = function(gl) {
+  return createShader(gl, pickOrtho)
+}
+exports.createPickProject = function(gl) {
+  return createShader(gl, pickProject)
+}
+
+},{"gl-shader":255}],251:[function(require,module,exports){
+'use strict'
+
+var createBuffer  = require('gl-buffer')
+var createVAO     = require('gl-vao')
+var pool          = require('typedarray-pool')
+var mat4mult      = require('gl-mat4/multiply')
+var shaders       = require('./lib/shaders')
+var getGlyph      = require('./lib/glyphs')
+
+var IDENTITY = [1,0,0,0,
+                0,1,0,0,
+                0,0,1,0,
+                0,0,0,1]
+
+module.exports = createPointCloud
+
+function transformMat4(x, m) {
+  var x0 = x[0]
+  var x1 = x[1]
+  var x2 = x[2]
+  var x3 = x[3]
+  x[0] = m[0] * x0 + m[4] * x1 + m[8]  * x2 + m[12] * x3
+  x[1] = m[1] * x0 + m[5] * x1 + m[9]  * x2 + m[13] * x3
+  x[2] = m[2] * x0 + m[6] * x1 + m[10] * x2 + m[14] * x3
+  x[3] = m[3] * x0 + m[7] * x1 + m[11] * x2 + m[15] * x3
+  return x
+}
+
+function project(p, v, m, x) {
+  transformMat4(x, x, m)
+  transformMat4(x, x, v)
+  return transformMat4(x, x, p)
+}
+
+function clampVec(v) {
+  var result = new Array(3)
+  for(var i=0; i<3; ++i) {
+    result[i] = Math.min(Math.max(v[i], -1e8), 1e8)
+  }
+  return result
+}
+
+function ScatterPlotPickResult(index, position) {
+  this.index = index
+  this.dataCoordinate = this.position = position
+}
+
+function PointCloud(
+  gl,
+  shader,
+  orthoShader,
+  projectShader,
+  pointBuffer,
+  colorBuffer,
+  glyphBuffer,
+  idBuffer,
+  vao,
+  pickPerspectiveShader,
+  pickOrthoShader,
+  pickProjectShader) {
+
+  this.gl              = gl
+
+  this.pixelRatio      = 1
+
+  this.shader          = shader
+  this.orthoShader     = orthoShader
+  this.projectShader   = projectShader
+
+  this.pointBuffer     = pointBuffer
+  this.colorBuffer     = colorBuffer
+  this.glyphBuffer     = glyphBuffer
+  this.idBuffer        = idBuffer
+  this.vao             = vao
+  this.vertexCount     = 0
+  this.lineVertexCount = 0
+
+  this.opacity         = 1.0
+
+  this.lineWidth       = 0
+  this.projectScale    = [2.0/3.0, 2.0/3.0, 2.0/3.0]
+  this.projectOpacity  = [1,1,1]
+
+  this.pickId                = 0
+  this.pickPerspectiveShader = pickPerspectiveShader
+  this.pickOrthoShader       = pickOrthoShader
+  this.pickProjectShader     = pickProjectShader
+  this.points                = []
+
+  this._selectResult = new ScatterPlotPickResult(0, [0,0,0])
+
+  this.useOrtho = true
+  this.bounds   = [[ Infinity,Infinity,Infinity],
+                   [-Infinity,-Infinity,-Infinity]]
+
+  //Axes projections
+  this.axesProject = [ true, true, true ]
+  this.axesBounds = [[-Infinity,-Infinity,-Infinity],
+                     [ Infinity, Infinity, Infinity]]
+
+  this.highlightId    = [1,1,1,1]
+  this.highlightScale = 2
+
+  this.clipBounds = [[-Infinity,-Infinity,-Infinity],
+                     [ Infinity, Infinity, Infinity]]
+
+  this.dirty = true
+}
+
+var proto = PointCloud.prototype
+
+proto.pickSlots = 1
+
+proto.setPickBase = function(pickBase) {
+  this.pickId = pickBase
+}
+
+proto.isTransparent = function() {
+  if(this.opacity < 1)  {
+    return true
+  }
+  for(var i=0; i<3; ++i) {
+    if(this.axesProject[i] && this.projectOpacity[i] < 1) {
+      return true
+    }
+  }
+  return false
+}
+
+proto.isOpaque = function() {
+  if(this.opacity >= 1)  {
+    return true
+  }
+  for(var i=0; i<3; ++i) {
+    if(this.axesProject[i] && this.projectOpacity[i] >= 1) {
+      return true
+    }
+  }
+  return false
+}
+
+var VIEW_SHAPE = [0,0]
+var U_VEC = [0,0,0]
+var V_VEC = [0,0,0]
+var MU_VEC = [0,0,0,1]
+var MV_VEC = [0,0,0,1]
+var SCRATCH_MATRIX = IDENTITY.slice()
+var SCRATCH_VEC = [0,0,0]
+var CLIP_BOUNDS = [[0,0,0], [0,0,0]]
+
+function zeroVec(a) {
+  a[0] = a[1] = a[2] = 0
+  return a
+}
+
+function augment(hg, af) {
+  hg[0] = af[0]
+  hg[1] = af[1]
+  hg[2] = af[2]
+  hg[3] = 1
+  return hg
+}
+
+function setComponent(out, v, i, x) {
+  out[0] = v[0]
+  out[1] = v[1]
+  out[2] = v[2]
+  out[i] = x
+  return out
+}
+
+function getClipBounds(bounds) {
+  var result = CLIP_BOUNDS
+  for(var i=0; i<2; ++i) {
+    for(var j=0; j<3; ++j) {
+      result[i][j] = Math.max(Math.min(bounds[i][j], 1e8), -1e8)
+    }
+  }
+  return result
+}
+
+function drawProject(shader, points, camera, transparent, forceDraw) {
+  var axesProject = points.axesProject
+
+  var gl         = points.gl
+  var uniforms   = shader.uniforms
+  var model      = camera.model      || IDENTITY
+  var view       = camera.view       || IDENTITY
+  var projection = camera.projection || IDENTITY
+  var bounds     = points.axesBounds
+  var clipBounds = getClipBounds(points.clipBounds)
+
+  var cubeAxis
+  if(points.axes) {
+    cubeAxis = points.axes.lastCubeProps.axis
+  } else {
+    cubeAxis = [1,1,1]
+  }
+
+  VIEW_SHAPE[0] = 2.0/gl.drawingBufferWidth
+  VIEW_SHAPE[1] = 2.0/gl.drawingBufferHeight
+
+  shader.bind()
+  uniforms.view           = view
+  uniforms.projection     = projection
+  uniforms.screenSize     = VIEW_SHAPE
+  uniforms.highlightId    = points.highlightId
+  uniforms.highlightScale = points.highlightScale
+  uniforms.clipBounds     = clipBounds
+  uniforms.pickGroup      = points.pickId / 255.0
+  uniforms.pixelRatio     = points.pixelRatio
+
+  for(var i=0; i<3; ++i) {
+    if(!axesProject[i]) {
+      continue
+    }
+    if((points.projectOpacity[i] < 1) !== transparent) {
+      continue
+    }
+
+    uniforms.scale          = points.projectScale[i]
+    uniforms.opacity        = points.projectOpacity[i]
+
+    //Project model matrix
+    var pmodel = SCRATCH_MATRIX
+    for(var j=0; j<16; ++j) {
+      pmodel[j] = 0
+    }
+    for(var j=0; j<4; ++j) {
+      pmodel[5*j] = 1
+    }
+    pmodel[5*i] = 0
+    if(cubeAxis[i] < 0) {
+      pmodel[12+i] = bounds[0][i]
+    } else {
+      pmodel[12+i] = bounds[1][i]
+    }
+    mat4mult(pmodel, model, pmodel)
+    uniforms.model = pmodel
+
+    //Compute initial axes
+    var u = (i+1)%3
+    var v = (i+2)%3
+    var du = zeroVec(U_VEC)
+    var dv = zeroVec(V_VEC)
+    du[u] = 1
+    dv[v] = 1
+
+    //Align orientation relative to viewer
+    var mdu = project(projection, view, model, augment(MU_VEC, du))
+    var mdv = project(projection, view, model, augment(MV_VEC, dv))
+    if(Math.abs(mdu[1]) > Math.abs(mdv[1])) {
+      var tmp = mdu
+      mdu = mdv
+      mdv = tmp
+      tmp = du
+      du = dv
+      dv = tmp
+      var t = u
+      u = v
+      v = t
+    }
+    if(mdu[0] < 0) {
+      du[u] = -1
+    }
+    if(mdv[1] > 0) {
+      dv[v] = -1
+    }
+    var su = 0.0
+    var sv = 0.0
+    for(var j=0; j<4; ++j) {
+      su += Math.pow(model[4*u+j], 2)
+      sv += Math.pow(model[4*v+j], 2)
+    }
+    du[u] /= Math.sqrt(su)
+    dv[v] /= Math.sqrt(sv)
+    uniforms.axes[0] = du
+    uniforms.axes[1] = dv
+
+    //Update fragment clip bounds
+    uniforms.fragClipBounds[0] = setComponent(SCRATCH_VEC, clipBounds[0], i, -1e8)
+    uniforms.fragClipBounds[1] = setComponent(SCRATCH_VEC, clipBounds[1], i, 1e8)
+
+    //Draw interior
+    points.vao.draw(gl.TRIANGLES, points.vertexCount)
+
+    //Draw edges
+    if(points.lineWidth > 0) {
+      gl.lineWidth(points.lineWidth)
+      points.vao.draw(gl.LINES, points.lineVertexCount, points.vertexCount)
+    }
+  }
+}
+
+
+var NEG_INFINITY3 = [-1e8, -1e8, -1e8]
+var POS_INFINITY3 = [1e8, 1e8, 1e8]
+var CLIP_GROUP    = [NEG_INFINITY3, POS_INFINITY3]
+
+function drawFull(shader, pshader, points, camera, transparent, forceDraw) {
+  var gl = points.gl
+
+  points.vao.bind()
+
+  if(transparent === (points.opacity < 1) || forceDraw) {
+    shader.bind()
+    var uniforms = shader.uniforms
+
+    uniforms.model      = camera.model      || IDENTITY
+    uniforms.view       = camera.view       || IDENTITY
+    uniforms.projection = camera.projection || IDENTITY
+
+    VIEW_SHAPE[0]       = 2.0/gl.drawingBufferWidth
+    VIEW_SHAPE[1]       = 2.0/gl.drawingBufferHeight
+    uniforms.screenSize = VIEW_SHAPE
+
+    uniforms.highlightId    = points.highlightId
+    uniforms.highlightScale = points.highlightScale
+
+    uniforms.fragClipBounds = CLIP_GROUP
+    uniforms.clipBounds     = points.axes.bounds
+
+    uniforms.opacity    = points.opacity
+    uniforms.pickGroup  = points.pickId / 255.0
+
+    uniforms.pixelRatio = points.pixelRatio
+
+    //Draw interior
+    points.vao.draw(gl.TRIANGLES, points.vertexCount)
+
+    //Draw edges
+    if(points.lineWidth > 0) {
+      gl.lineWidth(points.lineWidth)
+      points.vao.draw(gl.LINES, points.lineVertexCount, points.vertexCount)
+    }
+  }
+
+  drawProject(pshader, points, camera, transparent, forceDraw)
+
+  points.vao.unbind()
+}
+
+proto.draw = function(camera) {
+  var shader = this.useOrtho ? this.orthoShader : this.shader
+  drawFull(shader, this.projectShader, this, camera, false, false)
+}
+
+proto.drawTransparent = function(camera) {
+  var shader = this.useOrtho ? this.orthoShader : this.shader
+  drawFull(shader, this.projectShader, this, camera, true, false)
+}
+
+proto.drawPick = function(camera) {
+  var shader = this.useOrtho ? this.pickOrthoShader : this.pickPerspectiveShader
+  drawFull(shader, this.pickProjectShader, this, camera, false, true)
+}
+
+proto.pick = function(selected) {
+  if(!selected) {
+    return null
+  }
+  if(selected.id !== this.pickId) {
+    return null
+  }
+  var x = selected.value[2] + (selected.value[1]<<8) + (selected.value[0]<<16)
+  if(x >= this.pointCount || x < 0) {
+    return null
+  }
+
+  //Unpack result
+  var coord = this.points[x]
+  var result = this._selectResult
+  result.index = x
+  for(var i=0; i<3; ++i) {
+    result.position[i] = result.dataCoordinate[i] = coord[i]
+  }
+  return result
+}
+
+proto.highlight = function(selection) {
+  if(!selection) {
+    this.highlightId = [1,1,1,1]
+  } else {
+    var pointId = selection.index
+    var a0 =  pointId     &0xff
+    var a1 = (pointId>>8) &0xff
+    var a2 = (pointId>>16)&0xff
+    this.highlightId = [a0/255.0, a1/255.0, a2/255.0, 0]
+  }
+}
+
+proto.update = function(options) {
+
+  options = options || {}
+
+  if('perspective' in options) {
+    this.useOrtho = !options.perspective
+  }
+  if('orthographic' in options) {
+    this.useOrtho = !!options.orthographic
+  }
+  if('lineWidth' in options) {
+    this.lineWidth = options.lineWidth
+  }
+  if('project' in options) {
+    if(Array.isArray(options.project)) {
+      this.axesProject = options.project
+    } else {
+      var v = !!options.project
+      this.axesProject = [v,v,v]
+    }
+  }
+  if('projectScale' in options) {
+    if(Array.isArray(options.projectScale)) {
+      this.projectScale = options.projectScale.slice()
+    } else {
+      var s = +options.projectScale
+      this.projectScale = [s,s,s]
+    }
+  }
+  if('projectOpacity' in options) {
+    if(Array.isArray(options.projectOpacity)) {
+      this.projectOpacity = options.projectOpacity.slice()
+    } else {
+      var s = +options.projectOpacity
+      this.projectOpacity = [s,s,s]
+    }
+  }
+  if('opacity' in options) {
+    this.opacity = options.opacity
+  }
+
+  //Set dirty flag
+  this.dirty = true
+
+  //Create new buffers
+  var points = options.position
+  if(!points) {
+    return
+  }
+
+  //Text font
+  var font      = options.font      || 'normal'
+  var alignment = options.alignment || [0,0]
+
+  //Bounds
+  var lowerBound = [ Infinity, Infinity, Infinity]
+  var upperBound = [-Infinity,-Infinity,-Infinity]
+
+  //Unpack options
+  var glyphs     = options.glyph
+  var colors     = options.color
+  var sizes      = options.size
+  var angles     = options.angle
+  var lineColors = options.lineColor
+
+  //Picking geometry
+  var pickCounter = 0
+
+  //First do pass to compute buffer sizes
+  var triVertexCount     = 0
+  var lineVertexCount = 0
+
+  //Count number of points and buffer size
+  var numPoints   = points.length
+
+count_loop:
+  for(var i=0; i<numPoints; ++i) {
+    var x = points[i]
+    for(var j=0; j<3; ++j) {
+      if(isNaN(x[j]) || !isFinite(x[j])) {
+        continue count_loop
+      }
+    }
+
+    var glyphData
+    if(Array.isArray(glyphs)) {
+      glyphData = getGlyph(glyphs[i], font)
+    } else if(glyphs) {
+      glyphData = getGlyph(glyphs, font)
+    } else {
+      glyphData = getGlyph('●', font)
+    }
+    var glyphMesh   = glyphData[0]
+    var glyphLines  = glyphData[1]
+    var glyphBounds = glyphData[2]
+
+    triVertexCount  += glyphMesh.cells.length * 3
+    lineVertexCount += glyphLines.edges.length * 2
+  }
+
+
+  //Preallocate data
+  var vertexCount   = triVertexCount + lineVertexCount
+  var positionArray = pool.mallocFloat(3*vertexCount)
+  var colorArray    = pool.mallocFloat(4*vertexCount)
+  var glyphArray    = pool.mallocFloat(2*vertexCount)
+  var idArray       = pool.mallocUint32(vertexCount)
+
+  var textOffset = [0,alignment[1]]
+
+  var triOffset  = 0
+  var lineOffset = triVertexCount
+  var color      = [0,0,0,1]
+  var lineColor  = [0,0,0,1]
+
+  var isColorArray      = Array.isArray(colors)     && Array.isArray(colors[0])
+  var isLineColorArray  = Array.isArray(lineColors) && Array.isArray(lineColors[0])
+
+fill_loop:
+  for(var i=0; i<numPoints; ++i) {
+    var x = points[i]
+    for(var j=0; j<3; ++j) {
+      if(isNaN(x[j]) || !isFinite(x[j])) {
+        pickCounter += 1
+        continue fill_loop
+      }
+
+      upperBound[j] = Math.max(upperBound[j], x[j])
+      lowerBound[j] = Math.min(lowerBound[j], x[j])
+    }
+
+    var glyphData
+    if(Array.isArray(glyphs)) {
+      glyphData = getGlyph(glyphs[i], font)
+    } else if(glyphs) {
+      glyphData = getGlyph(glyphs, font)
+    } else {
+      glyphData = getGlyph('●', font)
+    }
+    var glyphMesh   = glyphData[0]
+    var glyphLines  = glyphData[1]
+    var glyphBounds = glyphData[2]
+
+
+    //Get color
+    if(Array.isArray(colors)) {
+      var c
+      if(isColorArray) {
+        c = colors[i]
+      } else {
+        c = colors
+      }
+      if(c.length === 3) {
+        for(var j=0; j<3; ++j) {
+          color[j] = c[j]
+        }
+        color[3] = 1
+      } else if(c.length === 4) {
+        for(var j=0; j<4; ++j) {
+          color[j] = c[j]
+        }
+      }
+    } else {
+      color[0] = color[1] = color[2] = 0
+      color[3] = 1
+    }
+
+    //Get lineColor
+    if(Array.isArray(lineColors)) {
+      var c
+      if(isLineColorArray) {
+        c = lineColors[i]
+      } else {
+        c = lineColors
+      }
+      if(c.length === 3) {
+        for(var j=0; j<3; ++j) {
+          lineColor[j] = c[j]
+        }
+        lineColor[j] = 1
+      } else if(c.length === 4) {
+        for(var j=0; j<4; ++j) {
+          lineColor[j] = c[j]
+        }
+      }
+    } else {
+      lineColor[0] = lineColor[1] = lineColor[2] = 0
+      lineColor[3] = 1
+    }
+
+    var size = 0.5
+    if(Array.isArray(sizes)) {
+      size = +sizes[i]
+    } else if(sizes) {
+      size = +sizes
+    } else if(this.useOrtho) {
+      size = 12
+    }
+
+    var angle = 0
+    if(Array.isArray(angles)) {
+      angle = +angles[i]
+    } else if(angles) {
+      angle = +angles
+    }
+
+    //Loop through markers and append to buffers
+    var cos = Math.cos(angle)
+    var sin = Math.sin(angle)
+
+    var x = points[i]
+    for(var j=0; j<3; ++j) {
+      upperBound[j] = Math.max(upperBound[j], x[j])
+      lowerBound[j] = Math.min(lowerBound[j], x[j])
+    }
+
+    //Calculate text offset
+    if(alignment[0] < 0) {
+      textOffset[0] = alignment[0]  * (1+glyphBounds[1][0])
+    } else if(alignment[0] > 0) {
+      textOffset[0] = -alignment[0] * (1+glyphBounds[0][0])
+    }
+
+    //Write out inner marker
+    var cells = glyphMesh.cells
+    var verts = glyphMesh.positions
+
+    for(var j=0; j<cells.length; ++j) {
+      var cell = cells[j]
+      for(var k=0; k<3; ++k) {
+        for(var l=0; l<3; ++l) {
+          positionArray[3*triOffset+l] = x[l]
+        }
+        for(var l=0; l<4; ++l) {
+          colorArray[4*triOffset+l] = color[l]
+        }
+        idArray[triOffset] = pickCounter
+        var p = verts[cell[k]]
+        glyphArray[2*triOffset]   = size * (cos*p[0] - sin*p[1] + textOffset[0])
+        glyphArray[2*triOffset+1] = size * (sin*p[0] + cos*p[1] + textOffset[1])
+        triOffset += 1
+      }
+    }
+
+    var cells = glyphLines.edges
+    var verts = glyphLines.positions
+
+    for(var j=0; j<cells.length; ++j) {
+      var cell = cells[j]
+      for(var k=0; k<2; ++k) {
+        for(var l=0; l<3; ++l) {
+          positionArray[3*lineOffset+l] = x[l]
+        }
+        for(var l=0; l<4; ++l) {
+          colorArray[4*lineOffset+l] = lineColor[l]
+        }
+        idArray[lineOffset] = pickCounter
+        var p = verts[cell[k]]
+        glyphArray[2*lineOffset]   = size * (cos*p[0] - sin*p[1] + textOffset[0])
+        glyphArray[2*lineOffset+1] = size * (sin*p[0] + cos*p[1] + textOffset[1])
+        lineOffset += 1
+      }
+    }
+
+    //Increment pickCounter
+    pickCounter += 1
+  }
+
+
+  //Update vertex counts
+  this.vertexCount      = triVertexCount
+  this.lineVertexCount  = lineVertexCount
+
+  //Update buffers
+  this.pointBuffer.update(positionArray)
+  this.colorBuffer.update(colorArray)
+  this.glyphBuffer.update(glyphArray)
+  this.idBuffer.update(new Uint32Array(idArray))
+
+  pool.free(positionArray)
+  pool.free(colorArray)
+  pool.free(glyphArray)
+  pool.free(idArray)
+
+  //Update bounds
+  this.bounds = [lowerBound, upperBound]
+
+  //Save points
+  this.points = points
+
+  //Save number of points
+  this.pointCount = points.length
+}
+
+proto.dispose = function() {
+  //Shaders
+  this.shader.dispose()
+  this.orthoShader.dispose()
+  this.pickPerspectiveShader.dispose()
+  this.pickOrthoShader.dispose()
+
+  //Vertex array
+  this.vao.dispose()
+
+  //Buffers
+  this.pointBuffer.dispose()
+  this.colorBuffer.dispose()
+  this.glyphBuffer.dispose()
+  this.idBuffer.dispose()
+}
+
+function createPointCloud(options) {
+  var gl = options.gl
+
+  var shader                = shaders.createPerspective(gl)
+  var orthoShader           = shaders.createOrtho(gl)
+  var projectShader         = shaders.createProject(gl)
+  var pickPerspectiveShader = shaders.createPickPerspective(gl)
+  var pickOrthoShader       = shaders.createPickOrtho(gl)
+  var pickProjectShader     = shaders.createPickProject(gl)
+
+  var pointBuffer = createBuffer(gl)
+  var colorBuffer = createBuffer(gl)
+  var glyphBuffer = createBuffer(gl)
+  var idBuffer    = createBuffer(gl)
+  var vao = createVAO(gl, [
+    {
+      buffer: pointBuffer,
+      size: 3,
+      type: gl.FLOAT
+    },
+    {
+      buffer: colorBuffer,
+      size: 4,
+      type: gl.FLOAT
+    },
+    {
+      buffer: glyphBuffer,
+      size: 2,
+      type: gl.FLOAT
+    },
+    {
+      buffer: idBuffer,
+      size: 4,
+      type: gl.UNSIGNED_BYTE,
+      normalized: true
+    }
+  ])
+
+  var pointCloud = new PointCloud(
+    gl,
+    shader,
+    orthoShader,
+    projectShader,
+    pointBuffer,
+    colorBuffer,
+    glyphBuffer,
+    idBuffer,
+    vao,
+    pickPerspectiveShader,
+    pickOrthoShader,
+    pickProjectShader)
+
+  pointCloud.update(options)
+
+  return pointCloud
+}
+
+},{"./lib/glyphs":249,"./lib/shaders":250,"gl-buffer":156,"gl-mat4/multiply":183,"gl-vao":271,"typedarray-pool":541}],252:[function(require,module,exports){
+'use strict'
+
+
+
+exports.boxVertex = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec2 vertex;\n\nuniform vec2 cornerA, cornerB;\n\nvoid main() {\n  gl_Position = vec4(mix(cornerA, cornerB, vertex), 0, 1);\n}\n"
+exports.boxFragment = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec4 color;\n\nvoid main() {\n  gl_FragColor = color;\n}\n"
+
+},{}],253:[function(require,module,exports){
+'use strict'
+
+var createShader = require('gl-shader')
+var createBuffer = require('gl-buffer')
+
+var SHADERS = require('./lib/shaders')
+
+module.exports = createSelectBox
+
+function SelectBox(plot, boxBuffer, boxShader) {
+  this.plot = plot
+  this.boxBuffer = boxBuffer
+  this.boxShader = boxShader
+
+  this.enabled = true
+
+  this.selectBox = [Infinity,Infinity,-Infinity,-Infinity]
+
+  this.borderColor = [0,0,0,1]
+  this.innerFill   = false
+  this.innerColor  = [0,0,0,0.25]
+  this.outerFill   = true
+  this.outerColor  = [0,0,0,0.5]
+  this.borderWidth = 10
+}
+
+var proto = SelectBox.prototype
+
+proto.draw = function() {
+  if(!this.enabled) {
+    return
+  }
+
+  var plot         = this.plot
+  var selectBox    = this.selectBox
+  var lineWidth    = this.borderWidth
+
+  var innerFill    = this.innerFill
+  var innerColor   = this.innerColor
+  var outerFill    = this.outerFill
+  var outerColor   = this.outerColor
+  var borderColor  = this.borderColor
+
+  var boxes        = plot.box
+  var screenBox    = plot.screenBox
+  var dataBox      = plot.dataBox
+  var viewBox      = plot.viewBox
+  var pixelRatio   = plot.pixelRatio
+
+  //Map select box into pixel coordinates
+  var loX = (selectBox[0]-dataBox[0])*(viewBox[2]-viewBox[0])/(dataBox[2]-dataBox[0])+viewBox[0]
+  var loY = (selectBox[1]-dataBox[1])*(viewBox[3]-viewBox[1])/(dataBox[3]-dataBox[1])+viewBox[1]
+  var hiX = (selectBox[2]-dataBox[0])*(viewBox[2]-viewBox[0])/(dataBox[2]-dataBox[0])+viewBox[0]
+  var hiY = (selectBox[3]-dataBox[1])*(viewBox[3]-viewBox[1])/(dataBox[3]-dataBox[1])+viewBox[1]
+
+  loX = Math.max(loX, viewBox[0])
+  loY = Math.max(loY, viewBox[1])
+  hiX = Math.min(hiX, viewBox[2])
+  hiY = Math.min(hiY, viewBox[3])
+
+  if(hiX < loX || hiY < loY) {
+    return
+  }
+
+  boxes.bind()
+
+  //Draw box
+  var screenWidth  = screenBox[2] - screenBox[0]
+  var screenHeight = screenBox[3] - screenBox[1]
+
+  if(this.outerFill) {
+    boxes.drawBox(0, 0, screenWidth, loY, outerColor)
+    boxes.drawBox(0, loY, loX, hiY, outerColor)
+    boxes.drawBox(0, hiY, screenWidth, screenHeight, outerColor)
+    boxes.drawBox(hiX, loY, screenWidth, hiY, outerColor)
+  }
+
+  if(this.innerFill) {
+    boxes.drawBox(loX, loY, hiX, hiY, innerColor)
+  }
+
+  //Draw border
+  if(lineWidth > 0) {
+
+    //Draw border
+    var w = lineWidth * pixelRatio
+    boxes.drawBox(loX-w, loY-w, hiX+w, loY+w, borderColor)
+    boxes.drawBox(loX-w, hiY-w, hiX+w, hiY+w, borderColor)
+    boxes.drawBox(loX-w, loY-w, loX+w, hiY+w, borderColor)
+    boxes.drawBox(hiX-w, loY-w, hiX+w, hiY+w, borderColor)
+  }
+}
+
+proto.update = function(options) {
+  options = options || {}
+
+  this.innerFill    = !!options.innerFill
+  this.outerFill    = !!options.outerFill
+  this.innerColor   = (options.innerColor   || [0,0,0,0.5]).slice()
+  this.outerColor   = (options.outerColor   || [0,0,0,0.5]).slice()
+  this.borderColor  = (options.borderColor || [0,0,0,1]).slice()
+  this.borderWidth  = options.borderWidth || 0
+  this.selectBox    = (options.selectBox || this.selectBox).slice()
+}
+
+proto.dispose = function() {
+  this.boxBuffer.dispose()
+  this.boxShader.dispose()
+  this.plot.removeOverlay(this)
+}
+
+function createSelectBox(plot, options) {
+  var gl = plot.gl
+  var buffer = createBuffer(gl, [
+    0, 0,
+    0, 1,
+    1, 0,
+    1, 1 ])
+  var shader = createShader(gl, SHADERS.boxVertex, SHADERS.boxFragment)
+  var selectBox = new SelectBox(plot, buffer, shader)
+  selectBox.update(options)
+  plot.addOverlay(selectBox)
+  return selectBox
+}
+
+},{"./lib/shaders":252,"gl-buffer":156,"gl-shader":255}],254:[function(require,module,exports){
+'use strict'
+
+module.exports = createSelectBuffer
+
+var createFBO = require('gl-fbo')
+var pool      = require('typedarray-pool')
+var ndarray   = require('ndarray')
+
+var nextPow2  = require('bit-twiddle').nextPow2
+
+var selectRange = require('cwise/lib/wrapper')({"args":["array",{"offset":[0,0,1],"array":0},{"offset":[0,0,2],"array":0},{"offset":[0,0,3],"array":0},"scalar","scalar","index"],"pre":{"body":"{this_closestD2=1e8,this_closestX=-1,this_closestY=-1}","args":[],"thisVars":["this_closestD2","this_closestX","this_closestY"],"localVars":[]},"body":{"body":"{if(_inline_49_arg0_<255||_inline_49_arg1_<255||_inline_49_arg2_<255||_inline_49_arg3_<255){var _inline_49_l=_inline_49_arg4_-_inline_49_ar [...]
+
+function SelectResult(x, y, id, value, distance) {
+  this.coord = [x, y]
+  this.id = id
+  this.value = value
+  this.distance = distance
+}
+
+function SelectBuffer(gl, fbo, buffer) {
+  this.gl     = gl
+  this.fbo    = fbo
+  this.buffer = buffer
+  this._readTimeout = null
+  var self = this
+
+  this._readCallback = function() {
+    if(!self.gl) {
+      return
+    }
+    fbo.bind()
+    gl.readPixels(0,0,fbo.shape[0],fbo.shape[1],gl.RGBA,gl.UNSIGNED_BYTE,self.buffer)
+    self._readTimeout = null
+  }
+}
+
+var proto = SelectBuffer.prototype
+
+Object.defineProperty(proto, 'shape', {
+  get: function() {
+    if(!this.gl) {
+      return [0,0]
+    }
+    return this.fbo.shape.slice()
+  },
+  set: function(v) {
+    if(!this.gl) {
+      return
+    }
+    this.fbo.shape = v
+    var c = this.fbo.shape[0]
+    var r = this.fbo.shape[1]
+    if(r*c*4 > this.buffer.length) {
+      pool.free(this.buffer)
+      var buffer = this.buffer = pool.mallocUint8(nextPow2(r*c*4))
+      for(var i=0; i<r*c*4; ++i) {
+        buffer[i] = 0xff
+      }
+    }
+    return v
+  }
+})
+
+proto.begin = function() {
+  var gl = this.gl
+  var shape = this.shape
+  if(!gl) {
+    return
+  }
+
+  this.fbo.bind()
+  gl.clearColor(1,1,1,1)
+  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
+}
+
+proto.end = function() {
+  var gl = this.gl
+  if(!gl) {
+    return
+  }
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+  if(!this._readTimeout) {
+    clearTimeout(this._readTimeout)
+  }
+  this._readTimeout = setTimeout(this._readCallback, 1)
+}
+
+proto.query = function(x, y, radius) {
+  if(!this.gl) {
+    return null
+  }
+
+  var shape = this.fbo.shape.slice()
+
+  x = x|0
+  y = y|0
+  if(typeof radius !== 'number') {
+    radius = 1.0
+  }
+
+  var x0 = Math.min(Math.max(x - radius, 0), shape[0])|0
+  var x1 = Math.min(Math.max(x + radius, 0), shape[0])|0
+  var y0 = Math.min(Math.max(y - radius, 0), shape[1])|0
+  var y1 = Math.min(Math.max(y + radius, 0), shape[1])|0
+
+  if(x1 <= x0 || y1 <= y0) {
+    return null
+  }
+
+  var dims   = [x1-x0,y1-y0]
+  var region = ndarray(
+    this.buffer,
+    [dims[0], dims[1], 4],
+    [4, shape[0]*4, 1],
+    4*(x0 + shape[0]*y0));
+
+  var closest = selectRange(region.hi(dims[0],dims[1],1), radius, radius)
+  var dx = closest[0]
+  var dy = closest[1]
+  if(dx < 0 || Math.pow(this.radius, 2) < closest[2]) {
+    return null
+  }
+
+  var c0 = region.get(dx, dy, 0)
+  var c1 = region.get(dx, dy, 1)
+  var c2 = region.get(dx, dy, 2)
+  var c3 = region.get(dx, dy, 3)
+
+  return new SelectResult(
+     (dx + x0)|0,
+     (dy + y0)|0,
+     c0,
+     [c1, c2, c3],
+     Math.sqrt(closest[2]))
+}
+
+proto.dispose = function() {
+  if(!this.gl) {
+    return
+  }
+  this.fbo.dispose()
+  pool.free(this.buffer)
+  this.gl = null
+  if(this._readTimeout) {
+    clearTimeout(this._readTimeout)
+  }
+}
+
+function createSelectBuffer(gl, shape) {
+  var fbo = createFBO(gl, shape)
+  var buffer = pool.mallocUint8(shape[0]*shape[1]*4)
+  return new SelectBuffer(gl, fbo, buffer)
+}
+
+},{"bit-twiddle":67,"cwise/lib/wrapper":113,"gl-fbo":164,"ndarray":467,"typedarray-pool":541}],255:[function(require,module,exports){
+'use strict'
+
+var createUniformWrapper   = require('./lib/create-uniforms')
+var createAttributeWrapper = require('./lib/create-attributes')
+var makeReflect            = require('./lib/reflect')
+var shaderCache            = require('./lib/shader-cache')
+var runtime                = require('./lib/runtime-reflect')
+var GLError                = require("./lib/GLError")
+
+//Shader object
+function Shader(gl) {
+  this.gl         = gl
+
+  //Default initialize these to null
+  this._vref      =
+  this._fref      =
+  this._relink    =
+  this.vertShader =
+  this.fragShader =
+  this.program    =
+  this.attributes =
+  this.uniforms   =
+  this.types      = null
+}
+
+var proto = Shader.prototype
+
+proto.bind = function() {
+  if(!this.program) {
+    this._relink()
+  }
+  this.gl.useProgram(this.program)
+}
+
+proto.dispose = function() {
+  if(this._fref) {
+    this._fref.dispose()
+  }
+  if(this._vref) {
+    this._vref.dispose()
+  }
+  this.attributes =
+  this.types      =
+  this.vertShader =
+  this.fragShader =
+  this.program    =
+  this._relink    =
+  this._fref      =
+  this._vref      = null
+}
+
+function compareAttributes(a, b) {
+  if(a.name < b.name) {
+    return -1
+  }
+  return 1
+}
+
+//Update export hook for glslify-live
+proto.update = function(
+    vertSource
+  , fragSource
+  , uniforms
+  , attributes) {
+
+  //If only one object passed, assume glslify style output
+  if(!fragSource || arguments.length === 1) {
+    var obj = vertSource
+    vertSource = obj.vertex
+    fragSource = obj.fragment
+    uniforms   = obj.uniforms
+    attributes = obj.attributes
+  }
+
+  var wrapper = this
+  var gl      = wrapper.gl
+
+  //Compile vertex and fragment shaders
+  var pvref = wrapper._vref
+  wrapper._vref = shaderCache.shader(gl, gl.VERTEX_SHADER, vertSource)
+  if(pvref) {
+    pvref.dispose()
+  }
+  wrapper.vertShader = wrapper._vref.shader
+  var pfref = this._fref
+  wrapper._fref = shaderCache.shader(gl, gl.FRAGMENT_SHADER, fragSource)
+  if(pfref) {
+    pfref.dispose()
+  }
+  wrapper.fragShader = wrapper._fref.shader
+
+  //If uniforms/attributes is not specified, use RT reflection
+  if(!uniforms || !attributes) {
+
+    //Create initial test program
+    var testProgram = gl.createProgram()
+    gl.attachShader(testProgram, wrapper.fragShader)
+    gl.attachShader(testProgram, wrapper.vertShader)
+    gl.linkProgram(testProgram)
+    if(!gl.getProgramParameter(testProgram, gl.LINK_STATUS)) {
+      var errLog = gl.getProgramInfoLog(testProgram)
+      throw new GLError(errLog, 'Error linking program:' + errLog)
+    }
+
+    //Load data from runtime
+    uniforms   = uniforms   || runtime.uniforms(gl, testProgram)
+    attributes = attributes || runtime.attributes(gl, testProgram)
+
+    //Release test program
+    gl.deleteProgram(testProgram)
+  }
+
+  //Sort attributes lexicographically
+  // overrides undefined WebGL behavior for attribute locations
+  attributes = attributes.slice()
+  attributes.sort(compareAttributes)
+
+  //Convert attribute types, read out locations
+  var attributeUnpacked  = []
+  var attributeNames     = []
+  var attributeLocations = []
+  for(var i=0; i<attributes.length; ++i) {
+    var attr = attributes[i]
+    if(attr.type.indexOf('mat') >= 0) {
+      var size = attr.type.charAt(attr.type.length-1)|0
+      var locVector = new Array(size)
+      for(var j=0; j<size; ++j) {
+        locVector[j] = attributeLocations.length
+        attributeNames.push(attr.name + '[' + j + ']')
+        if(typeof attr.location === 'number') {
+          attributeLocations.push(attr.location + j)
+        } else if(Array.isArray(attr.location) &&
+                  attr.location.length === size &&
+                  typeof attr.location[j] === 'number') {
+          attributeLocations.push(attr.location[j]|0)
+        } else {
+          attributeLocations.push(-1)
+        }
+      }
+      attributeUnpacked.push({
+        name: attr.name,
+        type: attr.type,
+        locations: locVector
+      })
+    } else {
+      attributeUnpacked.push({
+        name: attr.name,
+        type: attr.type,
+        locations: [ attributeLocations.length ]
+      })
+      attributeNames.push(attr.name)
+      if(typeof attr.location === 'number') {
+        attributeLocations.push(attr.location|0)
+      } else {
+        attributeLocations.push(-1)
+      }
+    }
+  }
+
+  //For all unspecified attributes, assign them lexicographically min attribute
+  var curLocation = 0
+  for(var i=0; i<attributeLocations.length; ++i) {
+    if(attributeLocations[i] < 0) {
+      while(attributeLocations.indexOf(curLocation) >= 0) {
+        curLocation += 1
+      }
+      attributeLocations[i] = curLocation
+    }
+  }
+
+  //Rebuild program and recompute all uniform locations
+  var uniformLocations = new Array(uniforms.length)
+  function relink() {
+    wrapper.program = shaderCache.program(
+        gl
+      , wrapper._vref
+      , wrapper._fref
+      , attributeNames
+      , attributeLocations)
+
+    for(var i=0; i<uniforms.length; ++i) {
+      uniformLocations[i] = gl.getUniformLocation(
+          wrapper.program
+        , uniforms[i].name)
+    }
+  }
+
+  //Perform initial linking, reuse program used for reflection
+  relink()
+
+  //Save relinking procedure, defer until runtime
+  wrapper._relink = relink
+
+  //Generate type info
+  wrapper.types = {
+    uniforms:   makeReflect(uniforms),
+    attributes: makeReflect(attributes)
+  }
+
+  //Generate attribute wrappers
+  wrapper.attributes = createAttributeWrapper(
+      gl
+    , wrapper
+    , attributeUnpacked
+    , attributeLocations)
+
+  //Generate uniform wrappers
+  Object.defineProperty(wrapper, 'uniforms', createUniformWrapper(
+      gl
+    , wrapper
+    , uniforms
+    , uniformLocations))
+}
+
+//Compiles and links a shader program with the given attribute and vertex list
+function createShader(
+    gl
+  , vertSource
+  , fragSource
+  , uniforms
+  , attributes) {
+
+  var shader = new Shader(gl)
+
+  shader.update(
+      vertSource
+    , fragSource
+    , uniforms
+    , attributes)
+
+  return shader
+}
+
+module.exports = createShader
+
+},{"./lib/GLError":256,"./lib/create-attributes":257,"./lib/create-uniforms":258,"./lib/reflect":259,"./lib/runtime-reflect":260,"./lib/shader-cache":261}],256:[function(require,module,exports){
+arguments[4][213][0].apply(exports,arguments)
+},{"dup":213}],257:[function(require,module,exports){
+arguments[4][214][0].apply(exports,arguments)
+},{"./GLError":256,"dup":214}],258:[function(require,module,exports){
+arguments[4][215][0].apply(exports,arguments)
+},{"./GLError":256,"./reflect":259,"dup":215}],259:[function(require,module,exports){
+arguments[4][216][0].apply(exports,arguments)
+},{"dup":216}],260:[function(require,module,exports){
+arguments[4][217][0].apply(exports,arguments)
+},{"dup":217}],261:[function(require,module,exports){
+arguments[4][218][0].apply(exports,arguments)
+},{"./GLError":256,"dup":218,"gl-format-compiler-error":165,"weakmap-shim":562}],262:[function(require,module,exports){
+'use strict'
+
+module.exports = createSpikes2D
+
+function GLSpikes2D(plot) {
+  this.plot = plot
+  this.enable = [true, true, false, false]
+  this.width  = [1, 1, 1, 1]
+  this.color  = [[0,0,0,1],
+                 [0,0,0,1],
+                 [0,0,0,1],
+                 [0,0,0,1]]
+  this.center = [Infinity, Infinity]
+}
+
+var proto = GLSpikes2D.prototype
+
+proto.update = function(options) {
+  options = options || {}
+  this.enable = (options.enable || [true,true,false,false]).slice()
+  this.width  = (options.width || [1,1,1,1]).slice()
+  this.color  = (options.color || [
+                  [0,0,0,1],
+                  [0,0,0,1],
+                  [0,0,0,1],
+                  [0,0,0,1]]).map(function(x) { return x.slice() })
+  this.center = (options.center || [Infinity,Infinity]).slice()
+  this.plot.setOverlayDirty()
+}
+
+proto.draw = function() {
+  var spikeEnable = this.enable
+  var spikeWidth  = this.width
+  var spikeColor  = this.color
+  var spikeCenter = this.center
+  var plot        = this.plot
+  var line        = plot.line
+
+  var dataBox     = plot.dataBox
+  var viewPixels  = plot.viewBox
+
+  line.bind()
+
+  if(dataBox[0] <= spikeCenter[0] && spikeCenter[0] <= dataBox[2] &&
+     dataBox[1] <= spikeCenter[1] && spikeCenter[1] <= dataBox[3]) {
+
+    var centerX = viewPixels[0] + (spikeCenter[0] - dataBox[0]) / (dataBox[2] - dataBox[0]) * (viewPixels[2] - viewPixels[0])
+    var centerY = viewPixels[1] + (spikeCenter[1] - dataBox[1]) / (dataBox[3] - dataBox[1]) * (viewPixels[3] - viewPixels[1])
+
+    if(spikeEnable[0]) {
+     line.drawLine(
+       centerX, centerY,
+       viewPixels[0], centerY,
+       spikeWidth[0], spikeColor[0])
+    }
+    if(spikeEnable[1]) {
+     line.drawLine(
+       centerX, centerY,
+       centerX, viewPixels[1],
+       spikeWidth[1], spikeColor[1])
+    }
+    if(spikeEnable[2]) {
+      line.drawLine(
+        centerX, centerY,
+        viewPixels[2], centerY,
+        spikeWidth[2], spikeColor[2])
+    }
+    if(spikeEnable[3]) {
+      line.drawLine(
+        centerX, centerY,
+        centerX, viewPixels[3],
+        spikeWidth[3], spikeColor[3])
+    }
+  }
+}
+
+proto.dispose = function() {
+  this.plot.removeOverlay(this)
+}
+
+function createSpikes2D(plot, options) {
+  var spikes = new GLSpikes2D(plot)
+  spikes.update(options)
+  plot.addOverlay(spikes)
+  return spikes
+}
+
+},{}],263:[function(require,module,exports){
+'use strict'
+
+
+var createShader = require('gl-shader')
+
+var vertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec3 position, color;\nattribute float weight;\n\nuniform mat4 model, view, projection;\nuniform vec3 coordinates[3];\nuniform vec4 colors[3];\nuniform vec2 screenShape;\nuniform float lineWidth;\n\nvarying vec4 fragColor;\n\nvoid main() {\n  vec3 vertexPosition = mix(coordinates[0],\n    mix(coordinates[2], coordinates[1], 0.5 * (position + 1.0)), abs(position));\n\n  vec4 clipPos = projection * view * model * vec4( [...]
+var fragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nvarying vec4 fragColor;\n\nvoid main() {\n  gl_FragColor = fragColor;\n}"
+
+module.exports = function(gl) {
+  return createShader(gl, vertSrc, fragSrc, null, [
+    {name: 'position', type: 'vec3'},
+    {name: 'color', type: 'vec3'},
+    {name: 'weight', type: 'float'}
+  ])
+}
+
+},{"gl-shader":255}],264:[function(require,module,exports){
+'use strict'
+
+var createBuffer = require('gl-buffer')
+var createVAO = require('gl-vao')
+var createShader = require('./shaders/index')
+
+module.exports = createSpikes
+
+var identity = [1,0,0,0,
+                0,1,0,0,
+                0,0,1,0,
+                0,0,0,1]
+
+function AxisSpikes(gl, buffer, vao, shader) {
+  this.gl         = gl
+  this.buffer     = buffer
+  this.vao        = vao
+  this.shader     = shader
+  this.pixelRatio = 1
+  this.bounds     = [[-1000,-1000,-1000], [1000,1000,1000]]
+  this.position   = [0,0,0]
+  this.lineWidth  = [2,2,2]
+  this.colors     = [[0,0,0,1], [0,0,0,1], [0,0,0,1]]
+  this.enabled    = [true,true,true]
+  this.drawSides  = [true,true,true]
+  this.axes       = null
+}
+
+var proto = AxisSpikes.prototype
+
+var OUTER_FACE = [0,0,0]
+var INNER_FACE = [0,0,0]
+
+var SHAPE = [0,0]
+
+proto.isTransparent = function() {
+  return false
+}
+
+proto.drawTransparent = function(camera) {}
+
+proto.draw = function(camera) {
+  var gl = this.gl
+  var vao = this.vao
+  var shader = this.shader
+
+  vao.bind()
+  shader.bind()
+
+  var model      = camera.model || identity
+  var view       = camera.view || identity
+  var projection = camera.projection || identity
+
+  var axis
+  if(this.axes) {
+    axis = this.axes.lastCubeProps.axis
+  }
+
+  var outerFace = OUTER_FACE
+  var innerFace = INNER_FACE
+  for(var i=0; i<3; ++i) {
+    if(axis && axis[i] < 0) {
+      outerFace[i] = this.bounds[0][i]
+      innerFace[i] = this.bounds[1][i]
+    } else {
+      outerFace[i] = this.bounds[1][i]
+      innerFace[i] = this.bounds[0][i]
+    }
+  }
+
+  SHAPE[0] = gl.drawingBufferWidth
+  SHAPE[1] = gl.drawingBufferHeight
+
+  shader.uniforms.model       = model
+  shader.uniforms.view        = view
+  shader.uniforms.projection  = projection
+  shader.uniforms.coordinates = [this.position, outerFace, innerFace]
+  shader.uniforms.colors      = this.colors
+  shader.uniforms.screenShape = SHAPE
+
+  for(var i=0; i<3; ++i) {
+    shader.uniforms.lineWidth = this.lineWidth[i] * this.pixelRatio
+    if(this.enabled[i]) {
+      vao.draw(gl.TRIANGLES, 6, 6*i)
+      if(this.drawSides[i]) {
+        vao.draw(gl.TRIANGLES, 12, 18+12*i)
+      }
+    }
+  }
+
+  vao.unbind()
+}
+
+proto.update = function(options) {
+  if(!options) {
+    return
+  }
+  if("bounds" in options) {
+    this.bounds = options.bounds
+  }
+  if("position" in options) {
+    this.position = options.position
+  }
+  if("lineWidth" in options) {
+    this.lineWidth = options.lineWidth
+  }
+  if("colors" in options) {
+    this.colors = options.colors
+  }
+  if("enabled" in options) {
+    this.enabled = options.enabled
+  }
+  if("drawSides" in options) {
+    this.drawSides = options.drawSides
+  }
+}
+
+proto.dispose = function() {
+  this.vao.dispose()
+  this.buffer.dispose()
+  this.shader.dispose()
+}
+
+
+
+function createSpikes(gl, options) {
+  //Create buffers
+  var data = [ ]
+
+  function line(x,y,z,i,l,h) {
+    var row = [x,y,z,  0,0,0,  1]
+    row[i+3] = 1
+    row[i] = l
+    data.push.apply(data, row)
+    row[6] = -1
+    data.push.apply(data, row)
+    row[i] = h
+    data.push.apply(data, row)
+    data.push.apply(data, row)
+    row[6] = 1
+    data.push.apply(data, row)
+    row[i] = l
+    data.push.apply(data, row)
+  }
+
+  line(0,0,0, 0, 0, 1)
+  line(0,0,0, 1, 0, 1)
+  line(0,0,0, 2, 0, 1)
+
+  line(1,0,0,  1,  -1,1)
+  line(1,0,0,  2,  -1,1)
+
+  line(0,1,0,  0,  -1,1)
+  line(0,1,0,  2,  -1,1)
+
+  line(0,0,1,  0,  -1,1)
+  line(0,0,1,  1,  -1,1)
+
+  var buffer = createBuffer(gl, data)
+  var vao = createVAO(gl, [{
+    type: gl.FLOAT,
+    buffer: buffer,
+    size: 3,
+    offset: 0,
+    stride: 28
+  }, {
+    type: gl.FLOAT,
+    buffer: buffer,
+    size: 3,
+    offset: 12,
+    stride: 28
+  }, {
+    type: gl.FLOAT,
+    buffer: buffer,
+    size: 1,
+    offset: 24,
+    stride: 28
+  }])
+
+  //Create shader
+  var shader = createShader(gl)
+  shader.attributes.position.location = 0
+  shader.attributes.color.location = 1
+  shader.attributes.weight.location = 2
+
+  //Create spike object
+  var spikes = new AxisSpikes(gl, buffer, vao, shader)
+
+  //Set parameters
+  spikes.update(options)
+
+  //Return resulting object
+  return spikes
+}
+
+},{"./shaders/index":263,"gl-buffer":156,"gl-vao":271}],265:[function(require,module,exports){
+var createShader = require('gl-shader')
+
+
+var vertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec4 uv;\nattribute vec3 f;\nattribute vec3 normal;\n\nuniform mat4 model, view, projection, inverseModel;\nuniform vec3 lightPosition, eyePosition;\nuniform sampler2D colormap;\n\nvarying float value, kill;\nvarying vec3 worldCoordinate;\nvarying vec2 planeCoordinate;\nvarying vec3 lightDirection, eyeDirection, surfaceNormal;\nvarying vec4 vColor;\n\nvoid main() {\n  worldCoordinate = vec3(uv.zw, f.x);\n  vec4 world [...]
+var fragSrc = "precision mediump float;\n#define GLSLIFY 1\n\nfloat beckmannDistribution_2_0(float x, float roughness) {\n  float NdotH = max(x, 0.0001);\n  float cos2Alpha = NdotH * NdotH;\n  float tan2Alpha = (cos2Alpha - 1.0) / cos2Alpha;\n  float roughness2 = roughness * roughness;\n  float denom = 3.141592653589793 * roughness2 * cos2Alpha * cos2Alpha;\n  return exp(tan2Alpha / roughness2) / denom;\n}\n\n\n\nfloat beckmannSpecular_1_1(\n  vec3 lightDirection,\n  vec3 viewDirection,\ [...]
+var contourVertSrc = "precision mediump float;\n#define GLSLIFY 1\n\nattribute vec4 uv;\nattribute float f;\n\nuniform mat3 permutation;\nuniform mat4 model, view, projection;\nuniform float height, zOffset;\nuniform sampler2D colormap;\n\nvarying float value, kill;\nvarying vec3 worldCoordinate;\nvarying vec2 planeCoordinate;\nvarying vec3 lightDirection, eyeDirection, surfaceNormal;\nvarying vec4 vColor;\n\nvoid main() {\n  vec3 dataCoordinate = permutation * vec3(uv.xy, height);\n  ve [...]
+var pickSrc = "precision mediump float;\n#define GLSLIFY 1\n\nuniform vec2 shape;\nuniform vec3 clipBounds[2];\nuniform float pickId;\n\nvarying float value, kill;\nvarying vec3 worldCoordinate;\nvarying vec2 planeCoordinate;\nvarying vec3 surfaceNormal;\n\nvec2 splitFloat(float v) {\n  float vh = 255.0 * v;\n  float upper = floor(vh);\n  float lower = fract(vh);\n  return vec2(upper / 255.0, floor(lower * 16.0) / 16.0);\n}\n\nvoid main() {\n  if(kill > 0.0 ||\n    any(lessThan(worldCoor [...]
+
+exports.createShader = function (gl) {
+  var shader = createShader(gl, vertSrc, fragSrc, null, [
+    {name: 'uv', type: 'vec4'},
+    {name: 'f', type: 'vec3'},
+    {name: 'normal', type: 'vec3'}
+  ])
+  shader.attributes.uv.location = 0
+  shader.attributes.f.location = 1
+  shader.attributes.normal.location = 2
+  return shader
+}
+exports.createPickShader = function (gl) {
+  var shader = createShader(gl, vertSrc, pickSrc, null, [
+    {name: 'uv', type: 'vec4'},
+    {name: 'f', type: 'vec3'},
+    {name: 'normal', type: 'vec3'}
+  ])
+  shader.attributes.uv.location = 0
+  shader.attributes.f.location = 1
+  shader.attributes.normal.location = 2
+  return shader
+}
+exports.createContourShader = function (gl) {
+  var shader = createShader(gl, contourVertSrc, fragSrc, null, [
+    {name: 'uv', type: 'vec4'},
+    {name: 'f', type: 'float'}
+  ])
+  shader.attributes.uv.location = 0
+  shader.attributes.f.location = 1
+  return shader
+}
+exports.createPickContourShader = function (gl) {
+  var shader = createShader(gl, contourVertSrc, pickSrc, null, [
+    {name: 'uv', type: 'vec4'},
+    {name: 'f', type: 'float'}
+  ])
+  shader.attributes.uv.location = 0
+  shader.attributes.f.location = 1
+  return shader
+}
+
+},{"gl-shader":255}],266:[function(require,module,exports){
+'use strict'
+
+module.exports = createSurfacePlot
+
+var bits = require('bit-twiddle')
+var createBuffer = require('gl-buffer')
+var createVAO = require('gl-vao')
+var createTexture = require('gl-texture2d')
+var pool = require('typedarray-pool')
+var colormap = require('colormap')
+var ops = require('ndarray-ops')
+var pack = require('ndarray-pack')
+var ndarray = require('ndarray')
+var surfaceNets = require('surface-nets')
+var multiply = require('gl-mat4/multiply')
+var invert = require('gl-mat4/invert')
+var bsearch = require('binary-search-bounds')
+var gradient = require('ndarray-gradient')
+var shaders = require('./lib/shaders')
+
+var createShader = shaders.createShader
+var createContourShader = shaders.createContourShader
+var createPickShader = shaders.createPickShader
+var createPickContourShader = shaders.createPickContourShader
+
+var SURFACE_VERTEX_SIZE = 4 * (4 + 3 + 3)
+
+var IDENTITY = [
+  1, 0, 0, 0,
+  0, 1, 0, 0,
+  0, 0, 1, 0,
+  0, 0, 0, 1 ]
+
+var QUAD = [
+  [0, 0],
+  [0, 1],
+  [1, 0],
+  [1, 1],
+  [1, 0],
+  [0, 1]
+]
+
+var PERMUTATIONS = [
+  [0, 0, 0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0, 0, 0]
+]
+
+;(function () {
+  for (var i = 0; i < 3; ++i) {
+    var p = PERMUTATIONS[i]
+    var u = (i + 1) % 3
+    var v = (i + 2) % 3
+    p[u + 0] = 1
+    p[v + 3] = 1
+    p[i + 6] = 1
+  }
+})()
+
+function SurfacePickResult (position, index, uv, level, dataCoordinate) {
+  this.position = position
+  this.index = index
+  this.uv = uv
+  this.level = level
+  this.dataCoordinate = dataCoordinate
+}
+
+var N_COLORS = 256
+
+function genColormap (name) {
+  var x = pack([colormap({
+    colormap: name,
+    nshades: N_COLORS,
+    format: 'rgba'
+  }).map(function (c) {
+    return [c[0], c[1], c[2], 255 * c[3]]
+  })])
+  ops.divseq(x, 255.0)
+  return x
+}
+
+function SurfacePlot (
+  gl,
+  shape,
+  bounds,
+  shader,
+  pickShader,
+  coordinates,
+  vao,
+  colorMap,
+  contourShader,
+  contourPickShader,
+  contourBuffer,
+  contourVAO,
+  dynamicBuffer,
+  dynamicVAO) {
+  this.gl = gl
+  this.shape = shape
+  this.bounds = bounds
+  this.intensityBounds = [];
+
+  this._shader = shader
+  this._pickShader = pickShader
+  this._coordinateBuffer = coordinates
+  this._vao = vao
+  this._colorMap = colorMap
+
+  this._contourShader = contourShader
+  this._contourPickShader = contourPickShader
+  this._contourBuffer = contourBuffer
+  this._contourVAO = contourVAO
+  this._contourOffsets = [[], [], []]
+  this._contourCounts = [[], [], []]
+  this._vertexCount = 0
+
+  this._pickResult = new SurfacePickResult([0, 0, 0], [0, 0], [0, 0], [0, 0, 0], [0, 0, 0])
+
+  this._dynamicBuffer = dynamicBuffer
+  this._dynamicVAO = dynamicVAO
+  this._dynamicOffsets = [0, 0, 0]
+  this._dynamicCounts = [0, 0, 0]
+
+  this.contourWidth = [ 1, 1, 1 ]
+  this.contourLevels = [[1], [1], [1]]
+  this.contourTint = [0, 0, 0]
+  this.contourColor = [[0.5, 0.5, 0.5, 1], [0.5, 0.5, 0.5, 1], [0.5, 0.5, 0.5, 1]]
+
+  this.showContour = true
+  this.showSurface = true
+
+  this.enableHighlight = [true, true, true]
+  this.highlightColor = [[0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1]]
+  this.highlightTint = [ 1, 1, 1 ]
+  this.highlightLevel = [-1, -1, -1]
+
+  // Dynamic contour options
+  this.enableDynamic = [ true, true, true ]
+  this.dynamicLevel = [ NaN, NaN, NaN ]
+  this.dynamicColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ]
+  this.dynamicTint = [ 1, 1, 1 ]
+  this.dynamicWidth = [ 1, 1, 1 ]
+
+  this.axesBounds = [[Infinity, Infinity, Infinity], [-Infinity, -Infinity, -Infinity]]
+  this.surfaceProject = [ false, false, false ]
+  this.contourProject = [[ false, false, false ],
+    [ false, false, false ],
+    [ false, false, false ]]
+
+  this.colorBounds = [ false, false ]
+
+  // Store xyz fields, need this for picking
+  this._field = [
+    ndarray(pool.mallocFloat(1024), [0, 0]),
+    ndarray(pool.mallocFloat(1024), [0, 0]),
+    ndarray(pool.mallocFloat(1024), [0, 0]) ]
+
+  this.pickId = 1
+  this.clipBounds = [[-Infinity, -Infinity, -Infinity], [Infinity, Infinity, Infinity]]
+
+  this.snapToData = false
+
+  this.opacity = 1.0
+
+  this.lightPosition = [10, 10000, 0]
+  this.ambientLight = 0.8
+  this.diffuseLight = 0.8
+  this.specularLight = 2.0
+  this.roughness = 0.5
+  this.fresnel = 1.5
+  this.vertexColor = 0;
+
+  this.dirty = true
+}
+
+var proto = SurfacePlot.prototype
+
+proto.isTransparent = function () {
+  return this.opacity < 1
+}
+
+proto.isOpaque = function () {
+  if (this.opacity >= 1) {
+    return true
+  }
+  for (var i = 0; i < 3; ++i) {
+    if (this._contourCounts[i].length > 0 || this._dynamicCounts[i] > 0) {
+      return true
+    }
+  }
+  return false
+}
+
+proto.pickSlots = 1
+
+proto.setPickBase = function (id) {
+  this.pickId = id
+}
+
+var ZERO_VEC = [0, 0, 0]
+
+var PROJECT_DATA = {
+  showSurface: false,
+  showContour: false,
+  projections: [IDENTITY.slice(), IDENTITY.slice(), IDENTITY.slice()],
+  clipBounds: [
+    [[0, 0, 0], [0, 0, 0]],
+    [[0, 0, 0], [0, 0, 0]],
+    [[0, 0, 0], [0, 0, 0]]]
+}
+
+function computeProjectionData (camera, obj) {
+  var i, j, k
+
+  // Compute cube properties
+  var cubeAxis = (obj.axes && obj.axes.lastCubeProps.axis) || ZERO_VEC
+
+  var showSurface = obj.showSurface
+  var showContour = obj.showContour
+
+  for (i = 0; i < 3; ++i) {
+    showSurface = showSurface || obj.surfaceProject[i]
+    for (j = 0; j < 3; ++j) {
+      showContour = showContour || obj.contourProject[i][j]
+    }
+  }
+
+  for (i = 0; i < 3; ++i) {
+    // Construct projection onto axis
+    var axisSquish = PROJECT_DATA.projections[i]
+    for (j = 0; j < 16; ++j) {
+      axisSquish[j] = 0
+    }
+    for (j = 0; j < 4; ++j) {
+      axisSquish[5 * j] = 1
+    }
+    axisSquish[5 * i] = 0
+    axisSquish[12 + i] = obj.axesBounds[+(cubeAxis[i] > 0)][i]
+    multiply(axisSquish, camera.model, axisSquish)
+
+    var nclipBounds = PROJECT_DATA.clipBounds[i]
+    for (k = 0; k < 2; ++k) {
+      for (j = 0; j < 3; ++j) {
+        nclipBounds[k][j] = camera.clipBounds[k][j]
+      }
+    }
+    nclipBounds[0][i] = -1e8
+    nclipBounds[1][i] = 1e8
+  }
+
+  PROJECT_DATA.showSurface = showSurface
+  PROJECT_DATA.showContour = showContour
+
+  return PROJECT_DATA
+}
+
+var UNIFORMS = {
+  model: IDENTITY,
+  view: IDENTITY,
+  projection: IDENTITY,
+  inverseModel: IDENTITY.slice(),
+  lowerBound: [0, 0, 0],
+  upperBound: [0, 0, 0],
+  colorMap: 0,
+  clipBounds: [[0, 0, 0], [0, 0, 0]],
+  height: 0.0,
+  contourTint: 0,
+  contourColor: [0, 0, 0, 1],
+  permutation: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+  zOffset: -1e-4,
+  kambient: 1,
+  kdiffuse: 1,
+  kspecular: 1,
+  lightPosition: [1000, 1000, 1000],
+  eyePosition: [0, 0, 0],
+  roughness: 1,
+  fresnel: 1,
+  opacity: 1,
+  vertexColor: 0
+}
+
+var MATRIX_INVERSE = IDENTITY.slice()
+var DEFAULT_PERM = [1, 0, 0, 0, 1, 0, 0, 0, 1]
+
+function drawCore (params, transparent) {
+  params = params || {}
+  var gl = this.gl
+
+  gl.disable(gl.CULL_FACE)
+
+  this._colorMap.bind(0)
+
+  var uniforms = UNIFORMS
+  uniforms.model = params.model || IDENTITY
+  uniforms.view = params.view || IDENTITY
+  uniforms.projection = params.projection || IDENTITY
+  uniforms.lowerBound = [this.bounds[0][0], this.bounds[0][1], this.colorBounds[0] || this.bounds[0][2]]
+  uniforms.upperBound = [this.bounds[1][0], this.bounds[1][1], this.colorBounds[1] || this.bounds[1][2]]
+  uniforms.contourColor = this.contourColor[0]
+
+  uniforms.inverseModel = invert(uniforms.inverseModel, uniforms.model)
+
+  for (var i = 0; i < 2; ++i) {
+    var clipClamped = uniforms.clipBounds[i]
+    for (var j = 0; j < 3; ++j) {
+      clipClamped[j] = Math.min(Math.max(this.clipBounds[i][j], -1e8), 1e8)
+    }
+  }
+
+  uniforms.kambient = this.ambientLight
+  uniforms.kdiffuse = this.diffuseLight
+  uniforms.kspecular = this.specularLight
+
+  uniforms.roughness = this.roughness
+  uniforms.fresnel = this.fresnel
+  uniforms.opacity = this.opacity
+
+  uniforms.height = 0.0
+  uniforms.permutation = DEFAULT_PERM
+
+  uniforms.vertexColor = this.vertexColor
+
+  // Compute camera matrix inverse
+  var invCameraMatrix = MATRIX_INVERSE
+  multiply(invCameraMatrix, uniforms.view, uniforms.model)
+  multiply(invCameraMatrix, uniforms.projection, invCameraMatrix)
+  invert(invCameraMatrix, invCameraMatrix)
+
+  for (i = 0; i < 3; ++i) {
+    uniforms.eyePosition[i] = invCameraMatrix[12 + i] / invCameraMatrix[15]
+  }
+
+  var w = invCameraMatrix[15]
+  for (i = 0; i < 3; ++i) {
+    w += this.lightPosition[i] * invCameraMatrix[4 * i + 3]
+  }
+  for (i = 0; i < 3; ++i) {
+    var s = invCameraMatrix[12 + i]
+    for (j = 0; j < 3; ++j) {
+      s += invCameraMatrix[4 * j + i] * this.lightPosition[j]
+    }
+    uniforms.lightPosition[i] = s / w
+  }
+
+  var projectData = computeProjectionData(uniforms, this)
+
+  if (projectData.showSurface && (transparent === (this.opacity < 1))) {
+    // Set up uniforms
+    this._shader.bind()
+    this._shader.uniforms = uniforms
+
+    // Draw it
+    this._vao.bind()
+
+    if (this.showSurface && this._vertexCount) {
+      this._vao.draw(gl.TRIANGLES, this._vertexCount)
+    }
+
+    // Draw projections of surface
+    for (i = 0; i < 3; ++i) {
+      if (!this.surfaceProject[i] || !this.vertexCount) {
+        continue
+      }
+      this._shader.uniforms.model = projectData.projections[i]
+      this._shader.uniforms.clipBounds = projectData.clipBounds[i]
+      this._vao.draw(gl.TRIANGLES, this._vertexCount)
+    }
+
+    this._vao.unbind()
+  }
+
+  if (projectData.showContour && !transparent) {
+    var shader = this._contourShader
+
+    // Don't apply lighting to contours
+    uniforms.kambient = 1.0
+    uniforms.kdiffuse = 0.0
+    uniforms.kspecular = 0.0
+    uniforms.opacity = 1.0
+
+    shader.bind()
+    shader.uniforms = uniforms
+
+    // Draw contour lines
+    var vao = this._contourVAO
+    vao.bind()
+
+    // Draw contour levels
+    for (i = 0; i < 3; ++i) {
+      shader.uniforms.permutation = PERMUTATIONS[i]
+      gl.lineWidth(this.contourWidth[i])
+
+      for (j = 0; j < this.contourLevels[i].length; ++j) {
+        if (!this._contourCounts[i][j]) {
+          continue
+        }
+        if (j === this.highlightLevel[i]) {
+          shader.uniforms.contourColor = this.highlightColor[i]
+          shader.uniforms.contourTint = this.highlightTint[i]
+        } else if (j === 0 || (j - 1) === this.highlightLevel[i]) {
+          shader.uniforms.contourColor = this.contourColor[i]
+          shader.uniforms.contourTint = this.contourTint[i]
+        }
+        shader.uniforms.height = this.contourLevels[i][j]
+        vao.draw(gl.LINES, this._contourCounts[i][j], this._contourOffsets[i][j])
+      }
+    }
+
+    // Draw projections of surface
+    for (i = 0; i < 3; ++i) {
+      shader.uniforms.model = projectData.projections[i]
+      shader.uniforms.clipBounds = projectData.clipBounds[i]
+      for (j = 0; j < 3; ++j) {
+        if (!this.contourProject[i][j]) {
+          continue
+        }
+        shader.uniforms.permutation = PERMUTATIONS[j]
+        gl.lineWidth(this.contourWidth[j])
+        for (var k = 0; k < this.contourLevels[j].length; ++k) {
+          if (k === this.highlightLevel[j]) {
+            shader.uniforms.contourColor = this.highlightColor[j]
+            shader.uniforms.contourTint = this.highlightTint[j]
+          } else if (k === 0 || (k - 1) === this.highlightLevel[j]) {
+            shader.uniforms.contourColor = this.contourColor[j]
+            shader.uniforms.contourTint = this.contourTint[j]
+          }
+          shader.uniforms.height = this.contourLevels[j][k]
+          vao.draw(gl.LINES, this._contourCounts[j][k], this._contourOffsets[j][k])
+        }
+      }
+    }
+
+    // Draw dynamic contours
+    vao = this._dynamicVAO
+    vao.bind()
+
+    // Draw contour levels
+    for (i = 0; i < 3; ++i) {
+      if (this._dynamicCounts[i] === 0) {
+        continue
+      }
+
+      shader.uniforms.model = uniforms.model
+      shader.uniforms.clipBounds = uniforms.clipBounds
+      shader.uniforms.permutation = PERMUTATIONS[i]
+      gl.lineWidth(this.dynamicWidth[i])
+
+      shader.uniforms.contourColor = this.dynamicColor[i]
+      shader.uniforms.contourTint = this.dynamicTint[i]
+      shader.uniforms.height = this.dynamicLevel[i]
+      vao.draw(gl.LINES, this._dynamicCounts[i], this._dynamicOffsets[i])
+
+      for (j = 0; j < 3; ++j) {
+        if (!this.contourProject[j][i]) {
+          continue
+        }
+
+        shader.uniforms.model = projectData.projections[j]
+        shader.uniforms.clipBounds = projectData.clipBounds[j]
+        vao.draw(gl.LINES, this._dynamicCounts[i], this._dynamicOffsets[i])
+      }
+    }
+
+    vao.unbind()
+  }
+}
+
+proto.draw = function (params) {
+  return drawCore.call(this, params, false)
+}
+
+proto.drawTransparent = function (params) {
+  return drawCore.call(this, params, true)
+}
+
+var PICK_UNIFORMS = {
+  model: IDENTITY,
+  view: IDENTITY,
+  projection: IDENTITY,
+  inverseModel: IDENTITY,
+  clipBounds: [[0, 0, 0], [0, 0, 0]],
+  height: 0.0,
+  shape: [0, 0],
+  pickId: 0,
+  lowerBound: [0, 0, 0],
+  upperBound: [0, 0, 0],
+  zOffset: 0.0,
+  permutation: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+  lightPosition: [0, 0, 0],
+  eyePosition: [0, 0, 0]
+}
+
+proto.drawPick = function (params) {
+  params = params || {}
+  var gl = this.gl
+  gl.disable(gl.CULL_FACE)
+
+  var uniforms = PICK_UNIFORMS
+  uniforms.model = params.model || IDENTITY
+  uniforms.view = params.view || IDENTITY
+  uniforms.projection = params.projection || IDENTITY
+  uniforms.shape = this._field[2].shape
+  uniforms.pickId = this.pickId / 255.0
+  uniforms.lowerBound = this.bounds[0]
+  uniforms.upperBound = this.bounds[1]
+  uniforms.permutation = DEFAULT_PERM
+
+  for (var i = 0; i < 2; ++i) {
+    var clipClamped = uniforms.clipBounds[i]
+    for (var j = 0; j < 3; ++j) {
+      clipClamped[j] = Math.min(Math.max(this.clipBounds[i][j], -1e8), 1e8)
+    }
+  }
+
+  var projectData = computeProjectionData(uniforms, this)
+
+  if (projectData.showSurface) {
+    // Set up uniforms
+    this._pickShader.bind()
+    this._pickShader.uniforms = uniforms
+
+    // Draw it
+    this._vao.bind()
+    this._vao.draw(gl.TRIANGLES, this._vertexCount)
+
+    // Draw projections of surface
+    for (i = 0; i < 3; ++i) {
+      if (!this.surfaceProject[i]) {
+        continue
+      }
+      this._pickShader.uniforms.model = projectData.projections[i]
+      this._pickShader.uniforms.clipBounds = projectData.clipBounds[i]
+      this._vao.draw(gl.TRIANGLES, this._vertexCount)
+    }
+
+    this._vao.unbind()
+  }
+
+  if (projectData.showContour) {
+    var shader = this._contourPickShader
+
+    shader.bind()
+    shader.uniforms = uniforms
+
+    var vao = this._contourVAO
+    vao.bind()
+
+    for (j = 0; j < 3; ++j) {
+      gl.lineWidth(this.contourWidth[j])
+      shader.uniforms.permutation = PERMUTATIONS[j]
+      for (i = 0; i < this.contourLevels[j].length; ++i) {
+        if (this._contourCounts[j][i]) {
+          shader.uniforms.height = this.contourLevels[j][i]
+          vao.draw(gl.LINES, this._contourCounts[j][i], this._contourOffsets[j][i])
+        }
+      }
+    }
+
+    // Draw projections of surface
+    for (i = 0; i < 3; ++i) {
+      shader.uniforms.model = projectData.projections[i]
+      shader.uniforms.clipBounds = projectData.clipBounds[i]
+
+      for (j = 0; j < 3; ++j) {
+        if (!this.contourProject[i][j]) {
+          continue
+        }
+
+        shader.uniforms.permutation = PERMUTATIONS[j]
+        gl.lineWidth(this.contourWidth[j])
+        for (var k = 0; k < this.contourLevels[j].length; ++k) {
+          if (this._contourCounts[j][k]) {
+            shader.uniforms.height = this.contourLevels[j][k]
+            vao.draw(gl.LINES, this._contourCounts[j][k], this._contourOffsets[j][k])
+          }
+        }
+      }
+    }
+
+    vao.unbind()
+  }
+}
+
+proto.pick = function (selection) {
+  if (!selection) {
+    return null
+  }
+
+  if (selection.id !== this.pickId) {
+    return null
+  }
+
+  var shape = this._field[2].shape
+
+  var result = this._pickResult
+
+  // Compute uv coordinate
+  var x = shape[0] * (selection.value[0] + (selection.value[2] >> 4) / 16.0) / 255.0
+  var ix = Math.floor(x)
+  var fx = x - ix
+
+  var y = shape[1] * (selection.value[1] + (selection.value[2] & 15) / 16.0) / 255.0
+  var iy = Math.floor(y)
+  var fy = y - iy
+
+  ix += 1
+  iy += 1
+
+  // Compute xyz coordinate
+  var pos = result.position
+  pos[0] = pos[1] = pos[2] = 0
+  for (var dx = 0; dx < 2; ++dx) {
+    var s = dx ? fx : 1.0 - fx
+    for (var dy = 0; dy < 2; ++dy) {
+      var t = dy ? fy : 1.0 - fy
+
+      var r = ix + dx
+      var c = iy + dy
+      var w = s * t
+
+      for (var i = 0; i < 3; ++i) {
+        pos[i] += this._field[i].get(r, c) * w
+      }
+    }
+  }
+
+  // Find closest level
+  var levelIndex = this._pickResult.level
+  for (var j = 0; j < 3; ++j) {
+    levelIndex[j] = bsearch.le(this.contourLevels[j], pos[j])
+    if (levelIndex[j] < 0) {
+      if (this.contourLevels[j].length > 0) {
+        levelIndex[j] = 0
+      }
+    } else if (levelIndex[j] < this.contourLevels[j].length - 1) {
+      var a = this.contourLevels[j][levelIndex[j]]
+      var b = this.contourLevels[j][levelIndex[j] + 1]
+      if (Math.abs(a - pos[j]) > Math.abs(b - pos[j])) {
+        levelIndex[j] += 1
+      }
+    }
+  }
+
+  result.index[0] = fx < 0.5 ? ix : (ix + 1)
+  result.index[1] = fy < 0.5 ? iy : (iy + 1)
+
+  result.uv[0] = x / shape[0]
+  result.uv[1] = y / shape[1]
+
+  for (i = 0; i < 3; ++i) {
+    result.dataCoordinate[i] = this._field[i].get(result.index[0], result.index[1])
+  }
+
+  return result
+}
+
+function padField (nfield, field) {
+  var shape = field.shape.slice()
+  var nshape = nfield.shape.slice()
+
+  // Center
+  ops.assign(nfield.lo(1, 1).hi(shape[0], shape[1]), field)
+
+  // Edges
+  ops.assign(nfield.lo(1).hi(shape[0], 1),
+    field.hi(shape[0], 1))
+  ops.assign(nfield.lo(1, nshape[1] - 1).hi(shape[0], 1),
+    field.lo(0, shape[1] - 1).hi(shape[0], 1))
+  ops.assign(nfield.lo(0, 1).hi(1, shape[1]),
+    field.hi(1))
+  ops.assign(nfield.lo(nshape[0] - 1, 1).hi(1, shape[1]),
+    field.lo(shape[0] - 1))
+  // Corners
+  nfield.set(0, 0, field.get(0, 0))
+  nfield.set(0, nshape[1] - 1, field.get(0, shape[1] - 1))
+  nfield.set(nshape[0] - 1, 0, field.get(shape[0] - 1, 0))
+  nfield.set(nshape[0] - 1, nshape[1] - 1, field.get(shape[0] - 1, shape[1] - 1))
+}
+
+function handleArray (param, ctor) {
+  if (Array.isArray(param)) {
+    return [ ctor(param[0]), ctor(param[1]), ctor(param[2]) ]
+  }
+  return [ ctor(param), ctor(param), ctor(param) ]
+}
+
+function toColor (x) {
+  if (Array.isArray(x)) {
+    if (x.length === 3) {
+      return [x[0], x[1], x[2], 1]
+    }
+    return [x[0], x[1], x[2], x[3]]
+  }
+  return [0, 0, 0, 1]
+}
+
+function handleColor (param) {
+  if (Array.isArray(param)) {
+    if (Array.isArray(param)) {
+      return [
+        toColor(param[0]),
+        toColor(param[1]),
+        toColor(param[2]) ]
+    } else {
+      var c = toColor(param)
+      return [
+        c.slice(),
+        c.slice(),
+        c.slice() ]
+    }
+  }
+}
+
+proto.update = function (params) {
+  params = params || {}
+
+  this.dirty = true
+
+  if ('contourWidth' in params) {
+    this.contourWidth = handleArray(params.contourWidth, Number)
+  }
+  if ('showContour' in params) {
+    this.showContour = handleArray(params.showContour, Boolean)
+  }
+  if ('showSurface' in params) {
+    this.showSurface = !!params.showSurface
+  }
+  if ('contourTint' in params) {
+    this.contourTint = handleArray(params.contourTint, Boolean)
+  }
+  if ('contourColor' in params) {
+    this.contourColor = handleColor(params.contourColor)
+  }
+  if ('contourProject' in params) {
+    this.contourProject = handleArray(params.contourProject, function (x) {
+      return handleArray(x, Boolean)
+    })
+  }
+  if ('surfaceProject' in params) {
+    this.surfaceProject = params.surfaceProject
+  }
+  if ('dynamicColor' in params) {
+    this.dynamicColor = handleColor(params.dynamicColor)
+  }
+  if ('dynamicTint' in params) {
+    this.dynamicTint = handleArray(params.dynamicTint, Number)
+  }
+  if ('dynamicWidth' in params) {
+    this.dynamicWidth = handleArray(params.dynamicWidth, Number)
+  }
+  if ('opacity' in params) {
+    this.opacity = params.opacity
+  }
+  if ('colorBounds' in params) {
+    this.colorBounds = params.colorBounds
+  }
+  if ('vertexColor' in params) {
+    this.vertexColor = params.vertexColor ? 1 : 0;
+  }
+
+  var field = params.field || (params.coords && params.coords[2]) || null
+  var levelsChanged = false
+
+  if (!field) {
+    if (this._field[2].shape[0] || this._field[2].shape[2]) {
+      field = this._field[2].lo(1, 1).hi(this._field[2].shape[0] - 2, this._field[2].shape[1] - 2)
+    } else {
+      field = this._field[2].hi(0, 0)
+    }
+  }
+
+  // Update field
+  if ('field' in params || 'coords' in params) {
+    var fsize = (field.shape[0] + 2) * (field.shape[1] + 2)
+
+    // Resize if necessary
+    if (fsize > this._field[2].data.length) {
+      pool.freeFloat(this._field[2].data)
+      this._field[2].data = pool.mallocFloat(bits.nextPow2(fsize))
+    }
+
+    // Pad field
+    this._field[2] = ndarray(this._field[2].data, [field.shape[0] + 2, field.shape[1] + 2])
+    padField(this._field[2], field)
+
+    // Save shape of field
+    this.shape = field.shape.slice()
+    var shape = this.shape
+
+    // Resize coordinate fields if necessary
+    for (var i = 0; i < 2; ++i) {
+      if (this._field[2].size > this._field[i].data.length) {
+        pool.freeFloat(this._field[i].data)
+        this._field[i].data = pool.mallocFloat(this._field[2].size)
+      }
+      this._field[i] = ndarray(this._field[i].data, [shape[0] + 2, shape[1] + 2])
+    }
+
+    // Generate x/y coordinates
+    if (params.coords) {
+      var coords = params.coords
+      if (!Array.isArray(coords) || coords.length !== 3) {
+        throw new Error('gl-surface: invalid coordinates for x/y')
+      }
+      for (i = 0; i < 2; ++i) {
+        var coord = coords[i]
+        for (j = 0; j < 2; ++j) {
+          if (coord.shape[j] !== shape[j]) {
+            throw new Error('gl-surface: coords have incorrect shape')
+          }
+        }
+        padField(this._field[i], coord)
+      }
+    } else if (params.ticks) {
+      var ticks = params.ticks
+      if (!Array.isArray(ticks) || ticks.length !== 2) {
+        throw new Error('gl-surface: invalid ticks')
+      }
+      for (i = 0; i < 2; ++i) {
+        var tick = ticks[i]
+        if (Array.isArray(tick) || tick.length) {
+          tick = ndarray(tick)
+        }
+        if (tick.shape[0] !== shape[i]) {
+          throw new Error('gl-surface: invalid tick length')
+        }
+        // Make a copy view of the tick array
+        var tick2 = ndarray(tick.data, shape)
+        tick2.stride[i] = tick.stride[0]
+        tick2.stride[i ^ 1] = 0
+
+        // Fill in field array
+        padField(this._field[i], tick2)
+      }
+    } else {
+      for (i = 0; i < 2; ++i) {
+        var offset = [0, 0]
+        offset[i] = 1
+        this._field[i] = ndarray(this._field[i].data, [shape[0] + 2, shape[1] + 2], offset, 0)
+      }
+      this._field[0].set(0, 0, 0)
+      for (var j = 0; j < shape[0]; ++j) {
+        this._field[0].set(j + 1, 0, j)
+      }
+      this._field[0].set(shape[0] + 1, 0, shape[0] - 1)
+      this._field[1].set(0, 0, 0)
+      for (j = 0; j < shape[1]; ++j) {
+        this._field[1].set(0, j + 1, j)
+      }
+      this._field[1].set(0, shape[1] + 1, shape[1] - 1)
+    }
+
+    // Save shape
+    var fields = this._field
+
+    // Compute surface normals
+    var dfields = ndarray(pool.mallocFloat(fields[2].size * 3 * 2), [3, shape[0] + 2, shape[1] + 2, 2])
+    for (i = 0; i < 3; ++i) {
+      gradient(dfields.pick(i), fields[i], 'mirror')
+    }
+    var normals = ndarray(pool.mallocFloat(fields[2].size * 3), [shape[0] + 2, shape[1] + 2, 3])
+    for (i = 0; i < shape[0] + 2; ++i) {
+      for (j = 0; j < shape[1] + 2; ++j) {
+        var dxdu = dfields.get(0, i, j, 0)
+        var dxdv = dfields.get(0, i, j, 1)
+        var dydu = dfields.get(1, i, j, 0)
+        var dydv = dfields.get(1, i, j, 1)
+        var dzdu = dfields.get(2, i, j, 0)
+        var dzdv = dfields.get(2, i, j, 1)
+
+        var nx = dydu * dzdv - dydv * dzdu
+        var ny = dzdu * dxdv - dzdv * dxdu
+        var nz = dxdu * dydv - dxdv * dydu
+
+        var nl = Math.sqrt(nx * nx + ny * ny + nz * nz)
+        if (nl < 1e-8) {
+          nl = Math.max(Math.abs(nx), Math.abs(ny), Math.abs(nz))
+          if (nl < 1e-8) {
+            nz = 1.0
+            ny = nx = 0.0
+            nl = 1.0
+          } else {
+            nl = 1.0 / nl
+          }
+        } else {
+          nl = 1.0 / Math.sqrt(nl)
+        }
+
+        normals.set(i, j, 0, nx * nl)
+        normals.set(i, j, 1, ny * nl)
+        normals.set(i, j, 2, nz * nl)
+      }
+    }
+    pool.free(dfields.data)
+
+    // Initialize surface
+    var lo = [ Infinity, Infinity, Infinity ]
+    var hi = [ -Infinity, -Infinity, -Infinity ]
+    var lo_intensity = Infinity
+    var hi_intensity = -Infinity
+    var count = (shape[0] - 1) * (shape[1] - 1) * 6
+    var tverts = pool.mallocFloat(bits.nextPow2(10 * count))
+    var tptr = 0
+    var vertexCount = 0
+    for (i = 0; i < shape[0] - 1; ++i) {
+      j_loop:
+      for (j = 0; j < shape[1] - 1; ++j) {
+        // Test for NaNs
+        for (var dx = 0; dx < 2; ++dx) {
+          for (var dy = 0; dy < 2; ++dy) {
+            for (var k = 0; k < 3; ++k) {
+              var f = this._field[k].get(1 + i + dx, 1 + j + dy)
+              if (isNaN(f) || !isFinite(f)) {
+                continue j_loop
+              }
+            }
+          }
+        }
+        for (k = 0; k < 6; ++k) {
+          var r = i + QUAD[k][0]
+          var c = j + QUAD[k][1]
+
+          var tx = this._field[0].get(r + 1, c + 1)
+          var ty = this._field[1].get(r + 1, c + 1)
+          f = this._field[2].get(r + 1, c + 1)
+          var vf = f
+          nx = normals.get(r + 1, c + 1, 0)
+          ny = normals.get(r + 1, c + 1, 1)
+          nz = normals.get(r + 1, c + 1, 2)
+
+          if (params.intensity) {
+            vf = params.intensity.get(r, c)
+          }
+
+          tverts[tptr++] = r
+          tverts[tptr++] = c
+          tverts[tptr++] = tx
+          tverts[tptr++] = ty
+          tverts[tptr++] = f
+          tverts[tptr++] = 0
+          tverts[tptr++] = vf
+          tverts[tptr++] = nx
+          tverts[tptr++] = ny
+          tverts[tptr++] = nz
+
+          lo[0] = Math.min(lo[0], tx)
+          lo[1] = Math.min(lo[1], ty)
+          lo[2] = Math.min(lo[2], f)
+          lo_intensity = Math.min(lo_intensity, vf)
+
+          hi[0] = Math.max(hi[0], tx)
+          hi[1] = Math.max(hi[1], ty)
+          hi[2] = Math.max(hi[2], f)
+          hi_intensity = Math.max(hi_intensity, vf)
+
+          vertexCount += 1
+        }
+      }
+    }
+
+    if (params.intensityBounds) {
+      lo_intensity = +params.intensityBounds[0]
+      hi_intensity = +params.intensityBounds[1]
+    }
+
+    // Scale all vertex intensities
+    for (i = 6; i < tptr; i += 10) {
+      tverts[i] = (tverts[i] - lo_intensity) / (hi_intensity - lo_intensity)
+    }
+
+    this._vertexCount = vertexCount
+    this._coordinateBuffer.update(tverts.subarray(0, tptr))
+    pool.freeFloat(tverts)
+    pool.free(normals.data)
+
+    // Update bounds
+    this.bounds = [lo, hi]
+
+    // Save intensity
+    this.intensity = params.intensity || this._field[2]
+
+    if(this.intensityBounds[0] !== lo_intensity || this.intensityBounds[1] !== hi_intensity) {
+        levelsChanged = true
+    }
+
+    // Save intensity bound
+    this.intensityBounds = [lo_intensity, hi_intensity]
+  }
+
+  // Update level crossings
+  if ('levels' in params) {
+    var levels = params.levels
+    if (!Array.isArray(levels[0])) {
+      levels = [ [], [], levels ]
+    } else {
+      levels = levels.slice()
+    }
+    for (i = 0; i < 3; ++i) {
+      levels[i] = levels[i].slice()
+      levels.sort(function (a, b) {
+        return a - b
+      })
+    }
+    change_test:
+    for (i = 0; i < 3; ++i) {
+      if (levels[i].length !== this.contourLevels[i].length) {
+        levelsChanged = true
+        break
+      }
+      for (j = 0; j < levels[i].length; ++j) {
+        if (levels[i][j] !== this.contourLevels[i][j]) {
+          levelsChanged = true
+          break change_test
+        }
+      }
+    }
+    this.contourLevels = levels
+  }
+
+  if (levelsChanged) {
+    fields = this._field
+    shape = this.shape
+
+    // Update contour lines
+    var contourVerts = []
+
+    for (var dim = 0; dim < 3; ++dim) {
+      levels = this.contourLevels[dim]
+      var levelOffsets = []
+      var levelCounts = []
+
+      var parts = [0, 0, 0]
+
+      for (i = 0; i < levels.length; ++i) {
+        var graph = surfaceNets(this._field[dim], levels[i])
+        levelOffsets.push((contourVerts.length / 5) | 0)
+        vertexCount = 0
+
+        edge_loop:
+        for (j = 0; j < graph.cells.length; ++j) {
+          var e = graph.cells[j]
+          for (k = 0; k < 2; ++k) {
+            var p = graph.positions[e[k]]
+
+            var x = p[0]
+            var ix = Math.floor(x) | 0
+            var fx = x - ix
+
+            var y = p[1]
+            var iy = Math.floor(y) | 0
+            var fy = y - iy
+
+            var hole = false
+            dd_loop:
+            for (var dd = 0; dd < 3; ++dd) {
+              parts[dd] = 0.0
+              var iu = (dim + dd + 1) % 3
+              for (dx = 0; dx < 2; ++dx) {
+                var s = dx ? fx : 1.0 - fx
+                r = Math.min(Math.max(ix + dx, 0), shape[0]) | 0
+                for (dy = 0; dy < 2; ++dy) {
+                  var t = dy ? fy : 1.0 - fy
+                  c = Math.min(Math.max(iy + dy, 0), shape[1]) | 0
+
+                  if (dd < 2) {
+                    f = this._field[iu].get(r, c)
+                  } else {
+                    f = (this.intensity.get(r, c) - this.intensityBounds[0]) / (this.intensityBounds[1] - this.intensityBounds[0])
+                  }
+                  if (!isFinite(f) || isNaN(f)) {
+                    hole = true
+                    break dd_loop
+                  }
+
+                  var w = s * t
+                  parts[dd] += w * f
+                }
+              }
+            }
+
+            if (!hole) {
+              contourVerts.push(parts[0], parts[1], p[0], p[1], parts[2])
+              vertexCount += 1
+            } else {
+              if (k > 0) {
+                // If we already added first edge, pop off verts
+                for (var l = 0; l < 5; ++l) {
+                  contourVerts.pop()
+                }
+                vertexCount -= 1
+              }
+              continue edge_loop
+            }
+          }
+        }
+        levelCounts.push(vertexCount)
+      }
+
+      // Store results
+      this._contourOffsets[dim] = levelOffsets
+      this._contourCounts[dim] = levelCounts
+    }
+
+    var floatBuffer = pool.mallocFloat(contourVerts.length)
+    for (i = 0; i < contourVerts.length; ++i) {
+      floatBuffer[i] = contourVerts[i]
+    }
+    this._contourBuffer.update(floatBuffer)
+    pool.freeFloat(floatBuffer)
+  }
+
+  if (params.colormap) {
+    this._colorMap.setPixels(genColormap(params.colormap))
+  }
+}
+
+proto.dispose = function () {
+  this._shader.dispose()
+  this._vao.dispose()
+  this._coordinateBuffer.dispose()
+  this._colorMap.dispose()
+  this._contourBuffer.dispose()
+  this._contourVAO.dispose()
+  this._contourShader.dispose()
+  this._contourPickShader.dispose()
+  this._dynamicBuffer.dispose()
+  this._dynamicVAO.dispose()
+  for (var i = 0; i < 3; ++i) {
+    pool.freeFloat(this._field[i].data)
+  }
+}
+
+proto.highlight = function (selection) {
+  if (!selection) {
+    this._dynamicCounts = [0, 0, 0]
+    this.dyanamicLevel = [NaN, NaN, NaN]
+    this.highlightLevel = [-1, -1, -1]
+    return
+  }
+
+  for (var i = 0; i < 3; ++i) {
+    if (this.enableHighlight[i]) {
+      this.highlightLevel[i] = selection.level[i]
+    } else {
+      this.highlightLevel[i] = -1
+    }
+  }
+
+  var levels
+  if (this.snapToData) {
+    levels = selection.dataCoordinate
+  } else {
+    levels = selection.position
+  }
+  if ((!this.enableDynamic[0] || levels[0] === this.dynamicLevel[0]) &&
+    (!this.enableDynamic[1] || levels[1] === this.dynamicLevel[1]) &&
+    (!this.enableDynamic[2] || levels[2] === this.dynamicLevel[2])) {
+    return
+  }
+
+  var vertexCount = 0
+  var shape = this.shape
+  var scratchBuffer = pool.mallocFloat(12 * shape[0] * shape[1])
+
+  for (var d = 0; d < 3; ++d) {
+    if (!this.enableDynamic[d]) {
+      this.dynamicLevel[d] = NaN
+      this._dynamicCounts[d] = 0
+      continue
+    }
+
+    this.dynamicLevel[d] = levels[d]
+
+    var u = (d + 1) % 3
+    var v = (d + 2) % 3
+
+    var f = this._field[d]
+    var g = this._field[u]
+    var h = this._field[v]
+    var intensity = this.intensity
+
+    var graph = surfaceNets(f, levels[d])
+    var edges = graph.cells
+    var positions = graph.positions
+
+    this._dynamicOffsets[d] = vertexCount
+
+    for (i = 0; i < edges.length; ++i) {
+      var e = edges[i]
+      for (var j = 0; j < 2; ++j) {
+        var p = positions[e[j]]
+
+        var x = +p[0]
+        var ix = x | 0
+        var jx = Math.min(ix + 1, shape[0]) | 0
+        var fx = x - ix
+        var hx = 1.0 - fx
+
+        var y = +p[1]
+        var iy = y | 0
+        var jy = Math.min(iy + 1, shape[1]) | 0
+        var fy = y - iy
+        var hy = 1.0 - fy
+
+        var w00 = hx * hy
+        var w01 = hx * fy
+        var w10 = fx * hy
+        var w11 = fx * fy
+
+        var cu = w00 * g.get(ix, iy) +
+          w01 * g.get(ix, jy) +
+          w10 * g.get(jx, iy) +
+          w11 * g.get(jx, jy)
+
+        var cv = w00 * h.get(ix, iy) +
+          w01 * h.get(ix, jy) +
+          w10 * h.get(jx, iy) +
+          w11 * h.get(jx, jy)
+
+        if (isNaN(cu) || isNaN(cv)) {
+          if (j) {
+            vertexCount -= 1
+          }
+          break
+        }
+
+        scratchBuffer[2 * vertexCount + 0] = cu
+        scratchBuffer[2 * vertexCount + 1] = cv
+
+        vertexCount += 1
+      }
+    }
+
+    this._dynamicCounts[d] = vertexCount - this._dynamicOffsets[d]
+  }
+
+  this._dynamicBuffer.update(scratchBuffer.subarray(0, 2 * vertexCount))
+  pool.freeFloat(scratchBuffer)
+}
+
+function createSurfacePlot (params) {
+  var gl = params.gl
+  var shader = createShader(gl)
+  var pickShader = createPickShader(gl)
+  var contourShader = createContourShader(gl)
+  var contourPickShader = createPickContourShader(gl)
+
+  var coordinateBuffer = createBuffer(gl)
+  var vao = createVAO(gl, [
+    { buffer: coordinateBuffer,
+      size: 4,
+      stride: SURFACE_VERTEX_SIZE,
+      offset: 0
+    },
+    { buffer: coordinateBuffer,
+      size: 3,
+      stride: SURFACE_VERTEX_SIZE,
+      offset: 16
+    },
+    {
+      buffer: coordinateBuffer,
+      size: 3,
+      stride: SURFACE_VERTEX_SIZE,
+      offset: 28
+    }
+  ])
+
+  var contourBuffer = createBuffer(gl)
+  var contourVAO = createVAO(gl, [
+    {
+      buffer: contourBuffer,
+      size: 4,
+      stride: 20,
+      offset: 0
+    },
+    {
+      buffer: contourBuffer,
+      size: 1,
+      stride: 20,
+      offset: 16
+    }
+  ])
+
+  var dynamicBuffer = createBuffer(gl)
+  var dynamicVAO = createVAO(gl, [
+    {
+      buffer: dynamicBuffer,
+      size: 2,
+      type: gl.FLOAT
+    }])
+
+  var cmap = createTexture(gl, 1, N_COLORS, gl.RGBA, gl.UNSIGNED_BYTE)
+  cmap.minFilter = gl.LINEAR
+  cmap.magFilter = gl.LINEAR
+
+  var surface = new SurfacePlot(
+    gl,
+    [0, 0],
+    [[0, 0, 0], [0, 0, 0]],
+    shader,
+    pickShader,
+    coordinateBuffer,
+    vao,
+    cmap,
+    contourShader,
+    contourPickShader,
+    contourBuffer,
+    contourVAO,
+    dynamicBuffer,
+    dynamicVAO
+  )
+
+  var nparams = {
+    levels: [[], [], []]
+  }
+  for (var id in params) {
+    nparams[id] = params[id]
+  }
+  nparams.colormap = nparams.colormap || 'jet'
+
+  surface.update(nparams)
+
+  return surface
+}
+
+},{"./lib/shaders":265,"binary-search-bounds":66,"bit-twiddle":67,"colormap":99,"gl-buffer":156,"gl-mat4/invert":181,"gl-mat4/multiply":183,"gl-texture2d":267,"gl-vao":271,"ndarray":467,"ndarray-gradient":458,"ndarray-ops":461,"ndarray-pack":462,"surface-nets":531,"typedarray-pool":541}],267:[function(require,module,exports){
+'use strict'
+
+var ndarray = require('ndarray')
+var ops     = require('ndarray-ops')
+var pool    = require('typedarray-pool')
+
+module.exports = createTexture2D
+
+var linearTypes = null
+var filterTypes = null
+var wrapTypes   = null
+
+function lazyInitLinearTypes(gl) {
+  linearTypes = [
+    gl.LINEAR,
+    gl.NEAREST_MIPMAP_LINEAR,
+    gl.LINEAR_MIPMAP_NEAREST,
+    gl.LINEAR_MIPMAP_NEAREST
+  ]
+  filterTypes = [
+    gl.NEAREST,
+    gl.LINEAR,
+    gl.NEAREST_MIPMAP_NEAREST,
+    gl.NEAREST_MIPMAP_LINEAR,
+    gl.LINEAR_MIPMAP_NEAREST,
+    gl.LINEAR_MIPMAP_LINEAR
+  ]
+  wrapTypes = [
+    gl.REPEAT,
+    gl.CLAMP_TO_EDGE,
+    gl.MIRRORED_REPEAT
+  ]
+}
+
+function acceptTextureDOM (obj) {
+  return (
+    ('undefined' != typeof HTMLCanvasElement && obj instanceof HTMLCanvasElement) ||
+    ('undefined' != typeof HTMLImageElement && obj instanceof HTMLImageElement) ||
+    ('undefined' != typeof HTMLVideoElement && obj instanceof HTMLVideoElement) ||
+    ('undefined' != typeof ImageData && obj instanceof ImageData))
+}
+
+var convertFloatToUint8 = function(out, inp) {
+  ops.muls(out, inp, 255.0)
+}
+
+function reshapeTexture(tex, w, h) {
+  var gl = tex.gl
+  var maxSize = gl.getParameter(gl.MAX_TEXTURE_SIZE)
+  if(w < 0 || w > maxSize || h < 0 || h > maxSize) {
+    throw new Error('gl-texture2d: Invalid texture size')
+  }
+  tex._shape = [w, h]
+  tex.bind()
+  gl.texImage2D(gl.TEXTURE_2D, 0, tex.format, w, h, 0, tex.format, tex.type, null)
+  tex._mipLevels = [0]
+  return tex
+}
+
+function Texture2D(gl, handle, width, height, format, type) {
+  this.gl = gl
+  this.handle = handle
+  this.format = format
+  this.type = type
+  this._shape = [width, height]
+  this._mipLevels = [0]
+  this._magFilter = gl.NEAREST
+  this._minFilter = gl.NEAREST
+  this._wrapS = gl.CLAMP_TO_EDGE
+  this._wrapT = gl.CLAMP_TO_EDGE
+  this._anisoSamples = 1
+
+  var parent = this
+  var wrapVector = [this._wrapS, this._wrapT]
+  Object.defineProperties(wrapVector, [
+    {
+      get: function() {
+        return parent._wrapS
+      },
+      set: function(v) {
+        return parent.wrapS = v
+      }
+    },
+    {
+      get: function() {
+        return parent._wrapT
+      },
+      set: function(v) {
+        return parent.wrapT = v
+      }
+    }
+  ])
+  this._wrapVector = wrapVector
+
+  var shapeVector = [this._shape[0], this._shape[1]]
+  Object.defineProperties(shapeVector, [
+    {
+      get: function() {
+        return parent._shape[0]
+      },
+      set: function(v) {
+        return parent.width = v
+      }
+    },
+    {
+      get: function() {
+        return parent._shape[1]
+      },
+      set: function(v) {
+        return parent.height = v
+      }
+    }
+  ])
+  this._shapeVector = shapeVector
+}
+
+var proto = Texture2D.prototype
+
+Object.defineProperties(proto, {
+  minFilter: {
+    get: function() {
+      return this._minFilter
+    },
+    set: function(v) {
+      this.bind()
+      var gl = this.gl
+      if(this.type === gl.FLOAT && linearTypes.indexOf(v) >= 0) {
+        if(!gl.getExtension('OES_texture_float_linear')) {
+          v = gl.NEAREST
+        }
+      }
+      if(filterTypes.indexOf(v) < 0) {
+        throw new Error('gl-texture2d: Unknown filter mode ' + v)
+      }
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, v)
+      return this._minFilter = v
+    }
+  },
+  magFilter: {
+    get: function() {
+      return this._magFilter
+    },
+    set: function(v) {
+      this.bind()
+      var gl = this.gl
+      if(this.type === gl.FLOAT && linearTypes.indexOf(v) >= 0) {
+        if(!gl.getExtension('OES_texture_float_linear')) {
+          v = gl.NEAREST
+        }
+      }
+      if(filterTypes.indexOf(v) < 0) {
+        throw new Error('gl-texture2d: Unknown filter mode ' + v)
+      }
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, v)
+      return this._magFilter = v
+    }
+  },
+  mipSamples: {
+    get: function() {
+      return this._anisoSamples
+    },
+    set: function(i) {
+      var psamples = this._anisoSamples
+      this._anisoSamples = Math.max(i, 1)|0
+      if(psamples !== this._anisoSamples) {
+        var ext = this.gl.getExtension('EXT_texture_filter_anisotropic')
+        if(ext) {
+          this.gl.texParameterf(this.gl.TEXTURE_2D, ext.TEXTURE_MAX_ANISOTROPY_EXT, this._anisoSamples)
+        }
+      }
+      return this._anisoSamples
+    }
+  },
+  wrapS: {
+    get: function() {
+      return this._wrapS
+    },
+    set: function(v) {
+      this.bind()
+      if(wrapTypes.indexOf(v) < 0) {
+        throw new Error('gl-texture2d: Unknown wrap mode ' + v)
+      }
+      this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, v)
+      return this._wrapS = v
+    }
+  },
+  wrapT: {
+    get: function() {
+      return this._wrapT
+    },
+    set: function(v) {
+      this.bind()
+      if(wrapTypes.indexOf(v) < 0) {
+        throw new Error('gl-texture2d: Unknown wrap mode ' + v)
+      }
+      this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, v)
+      return this._wrapT = v
+    }
+  },
+  wrap: {
+    get: function() {
+      return this._wrapVector
+    },
+    set: function(v) {
+      if(!Array.isArray(v)) {
+        v = [v,v]
+      }
+      if(v.length !== 2) {
+        throw new Error('gl-texture2d: Must specify wrap mode for rows and columns')
+      }
+      for(var i=0; i<2; ++i) {
+        if(wrapTypes.indexOf(v[i]) < 0) {
+          throw new Error('gl-texture2d: Unknown wrap mode ' + v)
+        }
+      }
+      this._wrapS = v[0]
+      this._wrapT = v[1]
+
+      var gl = this.gl
+      this.bind()
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, this._wrapS)
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, this._wrapT)
+
+      return v
+    }
+  },
+  shape: {
+    get: function() {
+      return this._shapeVector
+    },
+    set: function(x) {
+      if(!Array.isArray(x)) {
+        x = [x|0,x|0]
+      } else {
+        if(x.length !== 2) {
+          throw new Error('gl-texture2d: Invalid texture shape')
+        }
+      }
+      reshapeTexture(this, x[0]|0, x[1]|0)
+      return [x[0]|0, x[1]|0]
+    }
+  },
+  width: {
+    get: function() {
+      return this._shape[0]
+    },
+    set: function(w) {
+      w = w|0
+      reshapeTexture(this, w, this._shape[1])
+      return w
+    }
+  },
+  height: {
+    get: function() {
+      return this._shape[1]
+    },
+    set: function(h) {
+      h = h|0
+      reshapeTexture(this, this._shape[0], h)
+      return h
+    }
+  }
+})
+
+proto.bind = function(unit) {
+  var gl = this.gl
+  if(unit !== undefined) {
+    gl.activeTexture(gl.TEXTURE0 + (unit|0))
+  }
+  gl.bindTexture(gl.TEXTURE_2D, this.handle)
+  if(unit !== undefined) {
+    return (unit|0)
+  }
+  return gl.getParameter(gl.ACTIVE_TEXTURE) - gl.TEXTURE0
+}
+
+proto.dispose = function() {
+  this.gl.deleteTexture(this.handle)
+}
+
+proto.generateMipmap = function() {
+  this.bind()
+  this.gl.generateMipmap(this.gl.TEXTURE_2D)
+
+  //Update mip levels
+  var l = Math.min(this._shape[0], this._shape[1])
+  for(var i=0; l>0; ++i, l>>>=1) {
+    if(this._mipLevels.indexOf(i) < 0) {
+      this._mipLevels.push(i)
+    }
+  }
+}
+
+proto.setPixels = function(data, x_off, y_off, mip_level) {
+  var gl = this.gl
+  this.bind()
+  if(Array.isArray(x_off)) {
+    mip_level = y_off
+    y_off = x_off[1]|0
+    x_off = x_off[0]|0
+  } else {
+    x_off = x_off || 0
+    y_off = y_off || 0
+  }
+  mip_level = mip_level || 0
+  var directData = acceptTextureDOM(data) ? data : data.raw
+  if(directData) {
+    var needsMip = this._mipLevels.indexOf(mip_level) < 0
+    if(needsMip) {
+      gl.texImage2D(gl.TEXTURE_2D, 0, this.format, this.format, this.type, directData)
+      this._mipLevels.push(mip_level)
+    } else {
+      gl.texSubImage2D(gl.TEXTURE_2D, mip_level, x_off, y_off, this.format, this.type, directData)
+    }
+  } else if(data.shape && data.stride && data.data) {
+    if(data.shape.length < 2 ||
+       x_off + data.shape[1] > this._shape[1]>>>mip_level ||
+       y_off + data.shape[0] > this._shape[0]>>>mip_level ||
+       x_off < 0 ||
+       y_off < 0) {
+      throw new Error('gl-texture2d: Texture dimensions are out of bounds')
+    }
+    texSubImageArray(gl, x_off, y_off, mip_level, this.format, this.type, this._mipLevels, data)
+  } else {
+    throw new Error('gl-texture2d: Unsupported data type')
+  }
+}
+
+
+function isPacked(shape, stride) {
+  if(shape.length === 3) {
+    return  (stride[2] === 1) &&
+            (stride[1] === shape[0]*shape[2]) &&
+            (stride[0] === shape[2])
+  }
+  return  (stride[0] === 1) &&
+          (stride[1] === shape[0])
+}
+
+function texSubImageArray(gl, x_off, y_off, mip_level, cformat, ctype, mipLevels, array) {
+  var dtype = array.dtype
+  var shape = array.shape.slice()
+  if(shape.length < 2 || shape.length > 3) {
+    throw new Error('gl-texture2d: Invalid ndarray, must be 2d or 3d')
+  }
+  var type = 0, format = 0
+  var packed = isPacked(shape, array.stride.slice())
+  if(dtype === 'float32') {
+    type = gl.FLOAT
+  } else if(dtype === 'float64') {
+    type = gl.FLOAT
+    packed = false
+    dtype = 'float32'
+  } else if(dtype === 'uint8') {
+    type = gl.UNSIGNED_BYTE
+  } else {
+    type = gl.UNSIGNED_BYTE
+    packed = false
+    dtype = 'uint8'
+  }
+  var channels = 1
+  if(shape.length === 2) {
+    format = gl.LUMINANCE
+    shape = [shape[0], shape[1], 1]
+    array = ndarray(array.data, shape, [array.stride[0], array.stride[1], 1], array.offset)
+  } else if(shape.length === 3) {
+    if(shape[2] === 1) {
+      format = gl.ALPHA
+    } else if(shape[2] === 2) {
+      format = gl.LUMINANCE_ALPHA
+    } else if(shape[2] === 3) {
+      format = gl.RGB
+    } else if(shape[2] === 4) {
+      format = gl.RGBA
+    } else {
+      throw new Error('gl-texture2d: Invalid shape for pixel coords')
+    }
+    channels = shape[2]
+  } else {
+    throw new Error('gl-texture2d: Invalid shape for texture')
+  }
+  //For 1-channel textures allow conversion between formats
+  if((format  === gl.LUMINANCE || format  === gl.ALPHA) &&
+     (cformat === gl.LUMINANCE || cformat === gl.ALPHA)) {
+    format = cformat
+  }
+  if(format !== cformat) {
+    throw new Error('gl-texture2d: Incompatible texture format for setPixels')
+  }
+  var size = array.size
+  var needsMip = mipLevels.indexOf(mip_level) < 0
+  if(needsMip) {
+    mipLevels.push(mip_level)
+  }
+  if(type === ctype && packed) {
+    //Array data types are compatible, can directly copy into texture
+    if(array.offset === 0 && array.data.length === size) {
+      if(needsMip) {
+        gl.texImage2D(gl.TEXTURE_2D, mip_level, cformat, shape[0], shape[1], 0, cformat, ctype, array.data)
+      } else {
+        gl.texSubImage2D(gl.TEXTURE_2D, mip_level, x_off, y_off, shape[0], shape[1], cformat, ctype, array.data)
+      }
+    } else {
+      if(needsMip) {
+        gl.texImage2D(gl.TEXTURE_2D, mip_level, cformat, shape[0], shape[1], 0, cformat, ctype, array.data.subarray(array.offset, array.offset+size))
+      } else {
+        gl.texSubImage2D(gl.TEXTURE_2D, mip_level, x_off, y_off, shape[0], shape[1], cformat, ctype, array.data.subarray(array.offset, array.offset+size))
+      }
+    }
+  } else {
+    //Need to do type conversion to pack data into buffer
+    var pack_buffer
+    if(ctype === gl.FLOAT) {
+      pack_buffer = pool.mallocFloat32(size)
+    } else {
+      pack_buffer = pool.mallocUint8(size)
+    }
+    var pack_view = ndarray(pack_buffer, shape, [shape[2], shape[2]*shape[0], 1])
+    if(type === gl.FLOAT && ctype === gl.UNSIGNED_BYTE) {
+      convertFloatToUint8(pack_view, array)
+    } else {
+      ops.assign(pack_view, array)
+    }
+    if(needsMip) {
+      gl.texImage2D(gl.TEXTURE_2D, mip_level, cformat, shape[0], shape[1], 0, cformat, ctype, pack_buffer.subarray(0, size))
+    } else {
+      gl.texSubImage2D(gl.TEXTURE_2D, mip_level, x_off, y_off, shape[0], shape[1], cformat, ctype, pack_buffer.subarray(0, size))
+    }
+    if(ctype === gl.FLOAT) {
+      pool.freeFloat32(pack_buffer)
+    } else {
+      pool.freeUint8(pack_buffer)
+    }
+  }
+}
+
+function initTexture(gl) {
+  var tex = gl.createTexture()
+  gl.bindTexture(gl.TEXTURE_2D, tex)
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
+  return tex
+}
+
+function createTextureShape(gl, width, height, format, type) {
+  var maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE)
+  if(width < 0 || width > maxTextureSize || height < 0 || height  > maxTextureSize) {
+    throw new Error('gl-texture2d: Invalid texture shape')
+  }
+  if(type === gl.FLOAT && !gl.getExtension('OES_texture_float')) {
+    throw new Error('gl-texture2d: Floating point textures not supported on this platform')
+  }
+  var tex = initTexture(gl)
+  gl.texImage2D(gl.TEXTURE_2D, 0, format, width, height, 0, format, type, null)
+  return new Texture2D(gl, tex, width, height, format, type)
+}
+
+function createTextureDOM(gl, directData, width, height, format, type) {
+  var tex = initTexture(gl)
+  gl.texImage2D(gl.TEXTURE_2D, 0, format, format, type, directData)
+  return new Texture2D(gl, tex, width, height, format, type)
+}
+
+//Creates a texture from an ndarray
+function createTextureArray(gl, array) {
+  var dtype = array.dtype
+  var shape = array.shape.slice()
+  var maxSize = gl.getParameter(gl.MAX_TEXTURE_SIZE)
+  if(shape[0] < 0 || shape[0] > maxSize || shape[1] < 0 || shape[1] > maxSize) {
+    throw new Error('gl-texture2d: Invalid texture size')
+  }
+  var packed = isPacked(shape, array.stride.slice())
+  var type = 0
+  if(dtype === 'float32') {
+    type = gl.FLOAT
+  } else if(dtype === 'float64') {
+    type = gl.FLOAT
+    packed = false
+    dtype = 'float32'
+  } else if(dtype === 'uint8') {
+    type = gl.UNSIGNED_BYTE
+  } else {
+    type = gl.UNSIGNED_BYTE
+    packed = false
+    dtype = 'uint8'
+  }
+  var format = 0
+  if(shape.length === 2) {
+    format = gl.LUMINANCE
+    shape = [shape[0], shape[1], 1]
+    array = ndarray(array.data, shape, [array.stride[0], array.stride[1], 1], array.offset)
+  } else if(shape.length === 3) {
+    if(shape[2] === 1) {
+      format = gl.ALPHA
+    } else if(shape[2] === 2) {
+      format = gl.LUMINANCE_ALPHA
+    } else if(shape[2] === 3) {
+      format = gl.RGB
+    } else if(shape[2] === 4) {
+      format = gl.RGBA
+    } else {
+      throw new Error('gl-texture2d: Invalid shape for pixel coords')
+    }
+  } else {
+    throw new Error('gl-texture2d: Invalid shape for texture')
+  }
+  if(type === gl.FLOAT && !gl.getExtension('OES_texture_float')) {
+    type = gl.UNSIGNED_BYTE
+    packed = false
+  }
+  var buffer, buf_store
+  var size = array.size
+  if(!packed) {
+    var stride = [shape[2], shape[2]*shape[0], 1]
+    buf_store = pool.malloc(size, dtype)
+    var buf_array = ndarray(buf_store, shape, stride, 0)
+    if((dtype === 'float32' || dtype === 'float64') && type === gl.UNSIGNED_BYTE) {
+      convertFloatToUint8(buf_array, array)
+    } else {
+      ops.assign(buf_array, array)
+    }
+    buffer = buf_store.subarray(0, size)
+  } else if (array.offset === 0 && array.data.length === size) {
+    buffer = array.data
+  } else {
+    buffer = array.data.subarray(array.offset, array.offset + size)
+  }
+  var tex = initTexture(gl)
+  gl.texImage2D(gl.TEXTURE_2D, 0, format, shape[0], shape[1], 0, format, type, buffer)
+  if(!packed) {
+    pool.free(buf_store)
+  }
+  return new Texture2D(gl, tex, shape[0], shape[1], format, type)
+}
+
+function createTexture2D(gl) {
+  if(arguments.length <= 1) {
+    throw new Error('gl-texture2d: Missing arguments for texture2d constructor')
+  }
+  if(!linearTypes) {
+    lazyInitLinearTypes(gl)
+  }
+  if(typeof arguments[1] === 'number') {
+    return createTextureShape(gl, arguments[1], arguments[2], arguments[3]||gl.RGBA, arguments[4]||gl.UNSIGNED_BYTE)
+  }
+  if(Array.isArray(arguments[1])) {
+    return createTextureShape(gl, arguments[1][0]|0, arguments[1][1]|0, arguments[2]||gl.RGBA, arguments[3]||gl.UNSIGNED_BYTE)
+  }
+  if(typeof arguments[1] === 'object') {
+    var obj = arguments[1]
+    var directData = acceptTextureDOM(obj) ? obj : obj.raw
+    if (directData) {
+      return createTextureDOM(gl, directData, obj.width|0, obj.height|0, arguments[2]||gl.RGBA, arguments[3]||gl.UNSIGNED_BYTE)
+    } else if(obj.shape && obj.data && obj.stride) {
+      return createTextureArray(gl, obj)
+    }
+  }
+  throw new Error('gl-texture2d: Invalid arguments for texture2d constructor')
+}
+
+},{"ndarray":467,"ndarray-ops":461,"typedarray-pool":541}],268:[function(require,module,exports){
+"use strict"
+
+function doBind(gl, elements, attributes) {
+  if(elements) {
+    elements.bind()
+  } else {
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null)
+  }
+  var nattribs = gl.getParameter(gl.MAX_VERTEX_ATTRIBS)|0
+  if(attributes) {
+    if(attributes.length > nattribs) {
+      throw new Error("gl-vao: Too many vertex attributes")
+    }
+    for(var i=0; i<attributes.length; ++i) {
+      var attrib = attributes[i]
+      if(attrib.buffer) {
+        var buffer = attrib.buffer
+        var size = attrib.size || 4
+        var type = attrib.type || gl.FLOAT
+        var normalized = !!attrib.normalized
+        var stride = attrib.stride || 0
+        var offset = attrib.offset || 0
+        buffer.bind()
+        gl.enableVertexAttribArray(i)
+        gl.vertexAttribPointer(i, size, type, normalized, stride, offset)
+      } else {
+        if(typeof attrib === "number") {
+          gl.vertexAttrib1f(i, attrib)
+        } else if(attrib.length === 1) {
+          gl.vertexAttrib1f(i, attrib[0])
+        } else if(attrib.length === 2) {
+          gl.vertexAttrib2f(i, attrib[0], attrib[1])
+        } else if(attrib.length === 3) {
+          gl.vertexAttrib3f(i, attrib[0], attrib[1], attrib[2])
+        } else if(attrib.length === 4) {
+          gl.vertexAttrib4f(i, attrib[0], attrib[1], attrib[2], attrib[3])
+        } else {
+          throw new Error("gl-vao: Invalid vertex attribute")
+        }
+        gl.disableVertexAttribArray(i)
+      }
+    }
+    for(; i<nattribs; ++i) {
+      gl.disableVertexAttribArray(i)
+    }
+  } else {
+    gl.bindBuffer(gl.ARRAY_BUFFER, null)
+    for(var i=0; i<nattribs; ++i) {
+      gl.disableVertexAttribArray(i)
+    }
+  }
+}
+
+module.exports = doBind
+},{}],269:[function(require,module,exports){
+"use strict"
+
+var bindAttribs = require("./do-bind.js")
+
+function VAOEmulated(gl) {
+  this.gl = gl
+  this._elements = null
+  this._attributes = null
+  this._elementsType = gl.UNSIGNED_SHORT
+}
+
+VAOEmulated.prototype.bind = function() {
+  bindAttribs(this.gl, this._elements, this._attributes)
+}
+
+VAOEmulated.prototype.update = function(attributes, elements, elementsType) {
+  this._elements = elements
+  this._attributes = attributes
+  this._elementsType = elementsType || this.gl.UNSIGNED_SHORT
+}
+
+VAOEmulated.prototype.dispose = function() { }
+VAOEmulated.prototype.unbind = function() { }
+
+VAOEmulated.prototype.draw = function(mode, count, offset) {
+  offset = offset || 0
+  var gl = this.gl
+  if(this._elements) {
+    gl.drawElements(mode, count, this._elementsType, offset)
+  } else {
+    gl.drawArrays(mode, offset, count)
+  }
+}
+
+function createVAOEmulated(gl) {
+  return new VAOEmulated(gl)
+}
+
+module.exports = createVAOEmulated
+},{"./do-bind.js":268}],270:[function(require,module,exports){
+"use strict"
+
+var bindAttribs = require("./do-bind.js")
+
+function VertexAttribute(location, dimension, a, b, c, d) {
+  this.location = location
+  this.dimension = dimension
+  this.a = a
+  this.b = b
+  this.c = c
+  this.d = d
+}
+
+VertexAttribute.prototype.bind = function(gl) {
+  switch(this.dimension) {
+    case 1:
+      gl.vertexAttrib1f(this.location, this.a)
+    break
+    case 2:
+      gl.vertexAttrib2f(this.location, this.a, this.b)
+    break
+    case 3:
+      gl.vertexAttrib3f(this.location, this.a, this.b, this.c)
+    break
+    case 4:
+      gl.vertexAttrib4f(this.location, this.a, this.b, this.c, this.d)
+    break
+  }
+}
+
+function VAONative(gl, ext, handle) {
+  this.gl = gl
+  this._ext = ext
+  this.handle = handle
+  this._attribs = []
+  this._useElements = false
+  this._elementsType = gl.UNSIGNED_SHORT
+}
+
+VAONative.prototype.bind = function() {
+  this._ext.bindVertexArrayOES(this.handle)
+  for(var i=0; i<this._attribs.length; ++i) {
+    this._attribs[i].bind(this.gl)
+  }
+}
+
+VAONative.prototype.unbind = function() {
+  this._ext.bindVertexArrayOES(null)
+}
+
+VAONative.prototype.dispose = function() {
+  this._ext.deleteVertexArrayOES(this.handle)
+}
+
+VAONative.prototype.update = function(attributes, elements, elementsType) {
+  this.bind()
+  bindAttribs(this.gl, elements, attributes)
+  this.unbind()
+  this._attribs.length = 0
+  if(attributes)
+  for(var i=0; i<attributes.length; ++i) {
+    var a = attributes[i]
+    if(typeof a === "number") {
+      this._attribs.push(new VertexAttribute(i, 1, a))
+    } else if(Array.isArray(a)) {
+      this._attribs.push(new VertexAttribute(i, a.length, a[0], a[1], a[2], a[3]))
+    }
+  }
+  this._useElements = !!elements
+  this._elementsType = elementsType || this.gl.UNSIGNED_SHORT
+}
+
+VAONative.prototype.draw = function(mode, count, offset) {
+  offset = offset || 0
+  var gl = this.gl
+  if(this._useElements) {
+    gl.drawElements(mode, count, this._elementsType, offset)
+  } else {
+    gl.drawArrays(mode, offset, count)
+  }
+}
+
+function createVAONative(gl, ext) {
+  return new VAONative(gl, ext, ext.createVertexArrayOES())
+}
+
+module.exports = createVAONative
+},{"./do-bind.js":268}],271:[function(require,module,exports){
+"use strict"
+
+var createVAONative = require("./lib/vao-native.js")
+var createVAOEmulated = require("./lib/vao-emulated.js")
+
+function ExtensionShim (gl) {
+  this.bindVertexArrayOES = gl.bindVertexArray.bind(gl)
+  this.createVertexArrayOES = gl.createVertexArray.bind(gl)
+  this.deleteVertexArrayOES = gl.deleteVertexArray.bind(gl)
+}
+
+function createVAO(gl, attributes, elements, elementsType) {
+  var ext = gl.createVertexArray
+    ? new ExtensionShim(gl)
+    : gl.getExtension('OES_vertex_array_object')
+  var vao
+
+  if(ext) {
+    vao = createVAONative(gl, ext)
+  } else {
+    vao = createVAOEmulated(gl)
+  }
+  vao.update(attributes, elements, elementsType)
+  return vao
+}
+
+module.exports = createVAO
+
+},{"./lib/vao-emulated.js":269,"./lib/vao-native.js":270}],272:[function(require,module,exports){
+module.exports = cross;
+
+/**
+ * Computes the cross product of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {vec3} out
+ */
+function cross(out, a, b) {
+    var ax = a[0], ay = a[1], az = a[2],
+        bx = b[0], by = b[1], bz = b[2]
+
+    out[0] = ay * bz - az * by
+    out[1] = az * bx - ax * bz
+    out[2] = ax * by - ay * bx
+    return out
+}
+},{}],273:[function(require,module,exports){
+module.exports = dot;
+
+/**
+ * Calculates the dot product of two vec3's
+ *
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+function dot(a, b) {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]
+}
+},{}],274:[function(require,module,exports){
+module.exports = length;
+
+/**
+ * Calculates the length of a vec3
+ *
+ * @param {vec3} a vector to calculate length of
+ * @returns {Number} length of a
+ */
+function length(a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2]
+    return Math.sqrt(x*x + y*y + z*z)
+}
+},{}],275:[function(require,module,exports){
+module.exports = lerp;
+
+/**
+ * Performs a linear interpolation between two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a the first operand
+ * @param {vec3} b the second operand
+ * @param {Number} t interpolation amount between the two inputs
+ * @returns {vec3} out
+ */
+function lerp(out, a, b, t) {
+    var ax = a[0],
+        ay = a[1],
+        az = a[2]
+    out[0] = ax + t * (b[0] - ax)
+    out[1] = ay + t * (b[1] - ay)
+    out[2] = az + t * (b[2] - az)
+    return out
+}
+},{}],276:[function(require,module,exports){
+module.exports = normalize;
+
+/**
+ * Normalize a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {vec3} a vector to normalize
+ * @returns {vec3} out
+ */
+function normalize(out, a) {
+    var x = a[0],
+        y = a[1],
+        z = a[2]
+    var len = x*x + y*y + z*z
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len)
+        out[0] = a[0] * len
+        out[1] = a[1] * len
+        out[2] = a[2] * len
+    }
+    return out
+}
+},{}],277:[function(require,module,exports){
+module.exports = transformMat4
+
+/**
+ * Transforms the vec4 with a mat4.
+ *
+ * @param {vec4} out the receiving vector
+ * @param {vec4} a the vector to transform
+ * @param {mat4} m matrix to transform with
+ * @returns {vec4} out
+ */
+function transformMat4 (out, a, m) {
+  var x = a[0], y = a[1], z = a[2], w = a[3]
+  out[0] = m[0] * x + m[4] * y + m[8] * z + m[12] * w
+  out[1] = m[1] * x + m[5] * y + m[9] * z + m[13] * w
+  out[2] = m[2] * x + m[6] * y + m[10] * z + m[14] * w
+  out[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w
+  return out
+}
+
+},{}],278:[function(require,module,exports){
+module.exports = decodeFloat
+
+var UINT8_VIEW = new Uint8Array(4)
+var FLOAT_VIEW = new Float32Array(UINT8_VIEW.buffer)
+
+function decodeFloat(x, y, z, w) {
+  UINT8_VIEW[0] = w
+  UINT8_VIEW[1] = z
+  UINT8_VIEW[2] = y
+  UINT8_VIEW[3] = x
+  return FLOAT_VIEW[0]
+}
+
+},{}],279:[function(require,module,exports){
+var tokenize = require('glsl-tokenizer')
+var atob     = require('atob-lite')
+
+module.exports = getName
+
+function getName(src) {
+  var tokens = Array.isArray(src)
+    ? src
+    : tokenize(src)
+
+  for (var i = 0; i < tokens.length; i++) {
+    var token = tokens[i]
+    if (token.type !== 'preprocessor') continue
+    var match = token.data.match(/\#define\s+SHADER_NAME(_B64)?\s+(.+)$/)
+    if (!match) continue
+    if (!match[2]) continue
+
+    var b64  = match[1]
+    var name = match[2]
+
+    return (b64 ? atob(name) : name).trim()
+  }
+}
+
+},{"atob-lite":48,"glsl-tokenizer":286}],280:[function(require,module,exports){
+module.exports = tokenize
+
+var literals100 = require('./lib/literals')
+  , operators = require('./lib/operators')
+  , builtins100 = require('./lib/builtins')
+  , literals300es = require('./lib/literals-300es')
+  , builtins300es = require('./lib/builtins-300es')
+
+var NORMAL = 999          // <-- never emitted
+  , TOKEN = 9999          // <-- never emitted
+  , BLOCK_COMMENT = 0
+  , LINE_COMMENT = 1
+  , PREPROCESSOR = 2
+  , OPERATOR = 3
+  , INTEGER = 4
+  , FLOAT = 5
+  , IDENT = 6
+  , BUILTIN = 7
+  , KEYWORD = 8
+  , WHITESPACE = 9
+  , EOF = 10
+  , HEX = 11
+
+var map = [
+    'block-comment'
+  , 'line-comment'
+  , 'preprocessor'
+  , 'operator'
+  , 'integer'
+  , 'float'
+  , 'ident'
+  , 'builtin'
+  , 'keyword'
+  , 'whitespace'
+  , 'eof'
+  , 'integer'
+]
+
+function tokenize(opt) {
+  var i = 0
+    , total = 0
+    , mode = NORMAL
+    , c
+    , last
+    , content = []
+    , tokens = []
+    , token_idx = 0
+    , token_offs = 0
+    , line = 1
+    , col = 0
+    , start = 0
+    , isnum = false
+    , isoperator = false
+    , input = ''
+    , len
+
+  opt = opt || {}
+  var allBuiltins = builtins100
+  var allLiterals = literals100
+  if (opt.version === '300 es') {
+    allBuiltins = builtins300es
+    allLiterals = literals300es
+  }
+
+  return function(data) {
+    tokens = []
+    if (data !== null) return write(data.replace ? data.replace(/\r\n/g, '\n') : data)
+    return end()
+  }
+
+  function token(data) {
+    if (data.length) {
+      tokens.push({
+        type: map[mode]
+      , data: data
+      , position: start
+      , line: line
+      , column: col
+      })
+    }
+  }
+
+  function write(chunk) {
+    i = 0
+    input += chunk
+    len = input.length
+
+    var last
+
+    while(c = input[i], i < len) {
+      last = i
+
+      switch(mode) {
+        case BLOCK_COMMENT: i = block_comment(); break
+        case LINE_COMMENT: i = line_comment(); break
+        case PREPROCESSOR: i = preprocessor(); break
+        case OPERATOR: i = operator(); break
+        case INTEGER: i = integer(); break
+        case HEX: i = hex(); break
+        case FLOAT: i = decimal(); break
+        case TOKEN: i = readtoken(); break
+        case WHITESPACE: i = whitespace(); break
+        case NORMAL: i = normal(); break
+      }
+
+      if(last !== i) {
+        switch(input[last]) {
+          case '\n': col = 0; ++line; break
+          default: ++col; break
+        }
+      }
+    }
+
+    total += i
+    input = input.slice(i)
+    return tokens
+  }
+
+  function end(chunk) {
+    if(content.length) {
+      token(content.join(''))
+    }
+
+    mode = EOF
+    token('(eof)')
+    return tokens
+  }
+
+  function normal() {
+    content = content.length ? [] : content
+
+    if(last === '/' && c === '*') {
+      start = total + i - 1
+      mode = BLOCK_COMMENT
+      last = c
+      return i + 1
+    }
+
+    if(last === '/' && c === '/') {
+      start = total + i - 1
+      mode = LINE_COMMENT
+      last = c
+      return i + 1
+    }
+
+    if(c === '#') {
+      mode = PREPROCESSOR
+      start = total + i
+      return i
+    }
+
+    if(/\s/.test(c)) {
+      mode = WHITESPACE
+      start = total + i
+      return i
+    }
+
+    isnum = /\d/.test(c)
+    isoperator = /[^\w_]/.test(c)
+
+    start = total + i
+    mode = isnum ? INTEGER : isoperator ? OPERATOR : TOKEN
+    return i
+  }
+
+  function whitespace() {
+    if(/[^\s]/g.test(c)) {
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function preprocessor() {
+    if((c === '\r' || c === '\n') && last !== '\\') {
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function line_comment() {
+    return preprocessor()
+  }
+
+  function block_comment() {
+    if(c === '/' && last === '*') {
+      content.push(c)
+      token(content.join(''))
+      mode = NORMAL
+      return i + 1
+    }
+
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function operator() {
+    if(last === '.' && /\d/.test(c)) {
+      mode = FLOAT
+      return i
+    }
+
+    if(last === '/' && c === '*') {
+      mode = BLOCK_COMMENT
+      return i
+    }
+
+    if(last === '/' && c === '/') {
+      mode = LINE_COMMENT
+      return i
+    }
+
+    if(c === '.' && content.length) {
+      while(determine_operator(content));
+
+      mode = FLOAT
+      return i
+    }
+
+    if(c === ';' || c === ')' || c === '(') {
+      if(content.length) while(determine_operator(content));
+      token(c)
+      mode = NORMAL
+      return i + 1
+    }
+
+    var is_composite_operator = content.length === 2 && c !== '='
+    if(/[\w_\d\s]/.test(c) || is_composite_operator) {
+      while(determine_operator(content));
+      mode = NORMAL
+      return i
+    }
+
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function determine_operator(buf) {
+    var j = 0
+      , idx
+      , res
+
+    do {
+      idx = operators.indexOf(buf.slice(0, buf.length + j).join(''))
+      res = operators[idx]
+
+      if(idx === -1) {
+        if(j-- + buf.length > 0) continue
+        res = buf.slice(0, 1).join('')
+      }
+
+      token(res)
+
+      start += res.length
+      content = content.slice(res.length)
+      return content.length
+    } while(1)
+  }
+
+  function hex() {
+    if(/[^a-fA-F0-9]/.test(c)) {
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function integer() {
+    if(c === '.') {
+      content.push(c)
+      mode = FLOAT
+      last = c
+      return i + 1
+    }
+
+    if(/[eE]/.test(c)) {
+      content.push(c)
+      mode = FLOAT
+      last = c
+      return i + 1
+    }
+
+    if(c === 'x' && content.length === 1 && content[0] === '0') {
+      mode = HEX
+      content.push(c)
+      last = c
+      return i + 1
+    }
+
+    if(/[^\d]/.test(c)) {
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function decimal() {
+    if(c === 'f') {
+      content.push(c)
+      last = c
+      i += 1
+    }
+
+    if(/[eE]/.test(c)) {
+      content.push(c)
+      last = c
+      return i + 1
+    }
+
+    if (c === '-' && /[eE]/.test(last)) {
+      content.push(c)
+      last = c
+      return i + 1
+    }
+
+    if(/[^\d]/.test(c)) {
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+
+    content.push(c)
+    last = c
+    return i + 1
+  }
+
+  function readtoken() {
+    if(/[^\d\w_]/.test(c)) {
+      var contentstr = content.join('')
+      if(allLiterals.indexOf(contentstr) > -1) {
+        mode = KEYWORD
+      } else if(allBuiltins.indexOf(contentstr) > -1) {
+        mode = BUILTIN
+      } else {
+        mode = IDENT
+      }
+      token(content.join(''))
+      mode = NORMAL
+      return i
+    }
+    content.push(c)
+    last = c
+    return i + 1
+  }
+}
+
+},{"./lib/builtins":282,"./lib/builtins-300es":281,"./lib/literals":284,"./lib/literals-300es":283,"./lib/operators":285}],281:[function(require,module,exports){
+// 300es builtins/reserved words that were previously valid in v100
+var v100 = require('./builtins')
+
+// The texture2D|Cube functions have been removed
+// And the gl_ features are updated
+v100 = v100.slice().filter(function (b) {
+  return !/^(gl\_|texture)/.test(b)
+})
+
+module.exports = v100.concat([
+  // the updated gl_ constants
+    'gl_VertexID'
+  , 'gl_InstanceID'
+  , 'gl_Position'
+  , 'gl_PointSize'
+  , 'gl_FragCoord'
+  , 'gl_FrontFacing'
+  , 'gl_FragDepth'
+  , 'gl_PointCoord'
+  , 'gl_MaxVertexAttribs'
+  , 'gl_MaxVertexUniformVectors'
+  , 'gl_MaxVertexOutputVectors'
+  , 'gl_MaxFragmentInputVectors'
+  , 'gl_MaxVertexTextureImageUnits'
+  , 'gl_MaxCombinedTextureImageUnits'
+  , 'gl_MaxTextureImageUnits'
+  , 'gl_MaxFragmentUniformVectors'
+  , 'gl_MaxDrawBuffers'
+  , 'gl_MinProgramTexelOffset'
+  , 'gl_MaxProgramTexelOffset'
+  , 'gl_DepthRangeParameters'
+  , 'gl_DepthRange'
+
+  // other builtins
+  , 'trunc'
+  , 'round'
+  , 'roundEven'
+  , 'isnan'
+  , 'isinf'
+  , 'floatBitsToInt'
+  , 'floatBitsToUint'
+  , 'intBitsToFloat'
+  , 'uintBitsToFloat'
+  , 'packSnorm2x16'
+  , 'unpackSnorm2x16'
+  , 'packUnorm2x16'
+  , 'unpackUnorm2x16'
+  , 'packHalf2x16'
+  , 'unpackHalf2x16'
+  , 'outerProduct'
+  , 'transpose'
+  , 'determinant'
+  , 'inverse'
+  , 'texture'
+  , 'textureSize'
+  , 'textureProj'
+  , 'textureLod'
+  , 'textureOffset'
+  , 'texelFetch'
+  , 'texelFetchOffset'
+  , 'textureProjOffset'
+  , 'textureLodOffset'
+  , 'textureProjLod'
+  , 'textureProjLodOffset'
+  , 'textureGrad'
+  , 'textureGradOffset'
+  , 'textureProjGrad'
+  , 'textureProjGradOffset'
+])
+
+},{"./builtins":282}],282:[function(require,module,exports){
+module.exports = [
+  // Keep this list sorted
+  'abs'
+  , 'acos'
+  , 'all'
+  , 'any'
+  , 'asin'
+  , 'atan'
+  , 'ceil'
+  , 'clamp'
+  , 'cos'
+  , 'cross'
+  , 'dFdx'
+  , 'dFdy'
+  , 'degrees'
+  , 'distance'
+  , 'dot'
+  , 'equal'
+  , 'exp'
+  , 'exp2'
+  , 'faceforward'
+  , 'floor'
+  , 'fract'
+  , 'gl_BackColor'
+  , 'gl_BackLightModelProduct'
+  , 'gl_BackLightProduct'
+  , 'gl_BackMaterial'
+  , 'gl_BackSecondaryColor'
+  , 'gl_ClipPlane'
+  , 'gl_ClipVertex'
+  , 'gl_Color'
+  , 'gl_DepthRange'
+  , 'gl_DepthRangeParameters'
+  , 'gl_EyePlaneQ'
+  , 'gl_EyePlaneR'
+  , 'gl_EyePlaneS'
+  , 'gl_EyePlaneT'
+  , 'gl_Fog'
+  , 'gl_FogCoord'
+  , 'gl_FogFragCoord'
+  , 'gl_FogParameters'
+  , 'gl_FragColor'
+  , 'gl_FragCoord'
+  , 'gl_FragData'
+  , 'gl_FragDepth'
+  , 'gl_FragDepthEXT'
+  , 'gl_FrontColor'
+  , 'gl_FrontFacing'
+  , 'gl_FrontLightModelProduct'
+  , 'gl_FrontLightProduct'
+  , 'gl_FrontMaterial'
+  , 'gl_FrontSecondaryColor'
+  , 'gl_LightModel'
+  , 'gl_LightModelParameters'
+  , 'gl_LightModelProducts'
+  , 'gl_LightProducts'
+  , 'gl_LightSource'
+  , 'gl_LightSourceParameters'
+  , 'gl_MaterialParameters'
+  , 'gl_MaxClipPlanes'
+  , 'gl_MaxCombinedTextureImageUnits'
+  , 'gl_MaxDrawBuffers'
+  , 'gl_MaxFragmentUniformComponents'
+  , 'gl_MaxLights'
+  , 'gl_MaxTextureCoords'
+  , 'gl_MaxTextureImageUnits'
+  , 'gl_MaxTextureUnits'
+  , 'gl_MaxVaryingFloats'
+  , 'gl_MaxVertexAttribs'
+  , 'gl_MaxVertexTextureImageUnits'
+  , 'gl_MaxVertexUniformComponents'
+  , 'gl_ModelViewMatrix'
+  , 'gl_ModelViewMatrixInverse'
+  , 'gl_ModelViewMatrixInverseTranspose'
+  , 'gl_ModelViewMatrixTranspose'
+  , 'gl_ModelViewProjectionMatrix'
+  , 'gl_ModelViewProjectionMatrixInverse'
+  , 'gl_ModelViewProjectionMatrixInverseTranspose'
+  , 'gl_ModelViewProjectionMatrixTranspose'
+  , 'gl_MultiTexCoord0'
+  , 'gl_MultiTexCoord1'
+  , 'gl_MultiTexCoord2'
+  , 'gl_MultiTexCoord3'
+  , 'gl_MultiTexCoord4'
+  , 'gl_MultiTexCoord5'
+  , 'gl_MultiTexCoord6'
+  , 'gl_MultiTexCoord7'
+  , 'gl_Normal'
+  , 'gl_NormalMatrix'
+  , 'gl_NormalScale'
+  , 'gl_ObjectPlaneQ'
+  , 'gl_ObjectPlaneR'
+  , 'gl_ObjectPlaneS'
+  , 'gl_ObjectPlaneT'
+  , 'gl_Point'
+  , 'gl_PointCoord'
+  , 'gl_PointParameters'
+  , 'gl_PointSize'
+  , 'gl_Position'
+  , 'gl_ProjectionMatrix'
+  , 'gl_ProjectionMatrixInverse'
+  , 'gl_ProjectionMatrixInverseTranspose'
+  , 'gl_ProjectionMatrixTranspose'
+  , 'gl_SecondaryColor'
+  , 'gl_TexCoord'
+  , 'gl_TextureEnvColor'
+  , 'gl_TextureMatrix'
+  , 'gl_TextureMatrixInverse'
+  , 'gl_TextureMatrixInverseTranspose'
+  , 'gl_TextureMatrixTranspose'
+  , 'gl_Vertex'
+  , 'greaterThan'
+  , 'greaterThanEqual'
+  , 'inversesqrt'
+  , 'length'
+  , 'lessThan'
+  , 'lessThanEqual'
+  , 'log'
+  , 'log2'
+  , 'matrixCompMult'
+  , 'max'
+  , 'min'
+  , 'mix'
+  , 'mod'
+  , 'normalize'
+  , 'not'
+  , 'notEqual'
+  , 'pow'
+  , 'radians'
+  , 'reflect'
+  , 'refract'
+  , 'sign'
+  , 'sin'
+  , 'smoothstep'
+  , 'sqrt'
+  , 'step'
+  , 'tan'
+  , 'texture2D'
+  , 'texture2DLod'
+  , 'texture2DProj'
+  , 'texture2DProjLod'
+  , 'textureCube'
+  , 'textureCubeLod'
+  , 'texture2DLodEXT'
+  , 'texture2DProjLodEXT'
+  , 'textureCubeLodEXT'
+  , 'texture2DGradEXT'
+  , 'texture2DProjGradEXT'
+  , 'textureCubeGradEXT'
+]
+
+},{}],283:[function(require,module,exports){
+var v100 = require('./literals')
+
+module.exports = v100.slice().concat([
+   'layout'
+  , 'centroid'
+  , 'smooth'
+  , 'case'
+  , 'mat2x2'
+  , 'mat2x3'
+  , 'mat2x4'
+  , 'mat3x2'
+  , 'mat3x3'
+  , 'mat3x4'
+  , 'mat4x2'
+  , 'mat4x3'
+  , 'mat4x4'
+  , 'uint'
+  , 'uvec2'
+  , 'uvec3'
+  , 'uvec4'
+  , 'samplerCubeShadow'
+  , 'sampler2DArray'
+  , 'sampler2DArrayShadow'
+  , 'isampler2D'
+  , 'isampler3D'
+  , 'isamplerCube'
+  , 'isampler2DArray'
+  , 'usampler2D'
+  , 'usampler3D'
+  , 'usamplerCube'
+  , 'usampler2DArray'
+  , 'coherent'
+  , 'restrict'
+  , 'readonly'
+  , 'writeonly'
+  , 'resource'
+  , 'atomic_uint'
+  , 'noperspective'
+  , 'patch'
+  , 'sample'
+  , 'subroutine'
+  , 'common'
+  , 'partition'
+  , 'active'
+  , 'filter'
+  , 'image1D'
+  , 'image2D'
+  , 'image3D'
+  , 'imageCube'
+  , 'iimage1D'
+  , 'iimage2D'
+  , 'iimage3D'
+  , 'iimageCube'
+  , 'uimage1D'
+  , 'uimage2D'
+  , 'uimage3D'
+  , 'uimageCube'
+  , 'image1DArray'
+  , 'image2DArray'
+  , 'iimage1DArray'
+  , 'iimage2DArray'
+  , 'uimage1DArray'
+  , 'uimage2DArray'
+  , 'image1DShadow'
+  , 'image2DShadow'
+  , 'image1DArrayShadow'
+  , 'image2DArrayShadow'
+  , 'imageBuffer'
+  , 'iimageBuffer'
+  , 'uimageBuffer'
+  , 'sampler1DArray'
+  , 'sampler1DArrayShadow'
+  , 'isampler1D'
+  , 'isampler1DArray'
+  , 'usampler1D'
+  , 'usampler1DArray'
+  , 'isampler2DRect'
+  , 'usampler2DRect'
+  , 'samplerBuffer'
+  , 'isamplerBuffer'
+  , 'usamplerBuffer'
+  , 'sampler2DMS'
+  , 'isampler2DMS'
+  , 'usampler2DMS'
+  , 'sampler2DMSArray'
+  , 'isampler2DMSArray'
+  , 'usampler2DMSArray'
+])
+
+},{"./literals":284}],284:[function(require,module,exports){
+module.exports = [
+  // current
+    'precision'
+  , 'highp'
+  , 'mediump'
+  , 'lowp'
+  , 'attribute'
+  , 'const'
+  , 'uniform'
+  , 'varying'
+  , 'break'
+  , 'continue'
+  , 'do'
+  , 'for'
+  , 'while'
+  , 'if'
+  , 'else'
+  , 'in'
+  , 'out'
+  , 'inout'
+  , 'float'
+  , 'int'
+  , 'void'
+  , 'bool'
+  , 'true'
+  , 'false'
+  , 'discard'
+  , 'return'
+  , 'mat2'
+  , 'mat3'
+  , 'mat4'
+  , 'vec2'
+  , 'vec3'
+  , 'vec4'
+  , 'ivec2'
+  , 'ivec3'
+  , 'ivec4'
+  , 'bvec2'
+  , 'bvec3'
+  , 'bvec4'
+  , 'sampler1D'
+  , 'sampler2D'
+  , 'sampler3D'
+  , 'samplerCube'
+  , 'sampler1DShadow'
+  , 'sampler2DShadow'
+  , 'struct'
+
+  // future
+  , 'asm'
+  , 'class'
+  , 'union'
+  , 'enum'
+  , 'typedef'
+  , 'template'
+  , 'this'
+  , 'packed'
+  , 'goto'
+  , 'switch'
+  , 'default'
+  , 'inline'
+  , 'noinline'
+  , 'volatile'
+  , 'public'
+  , 'static'
+  , 'extern'
+  , 'external'
+  , 'interface'
+  , 'long'
+  , 'short'
+  , 'double'
+  , 'half'
+  , 'fixed'
+  , 'unsigned'
+  , 'input'
+  , 'output'
+  , 'hvec2'
+  , 'hvec3'
+  , 'hvec4'
+  , 'dvec2'
+  , 'dvec3'
+  , 'dvec4'
+  , 'fvec2'
+  , 'fvec3'
+  , 'fvec4'
+  , 'sampler2DRect'
+  , 'sampler3DRect'
+  , 'sampler2DRectShadow'
+  , 'sizeof'
+  , 'cast'
+  , 'namespace'
+  , 'using'
+]
+
+},{}],285:[function(require,module,exports){
+module.exports = [
+    '<<='
+  , '>>='
+  , '++'
+  , '--'
+  , '<<'
+  , '>>'
+  , '<='
+  , '>='
+  , '=='
+  , '!='
+  , '&&'
+  , '||'
+  , '+='
+  , '-='
+  , '*='
+  , '/='
+  , '%='
+  , '&='
+  , '^^'
+  , '^='
+  , '|='
+  , '('
+  , ')'
+  , '['
+  , ']'
+  , '.'
+  , '!'
+  , '~'
+  , '*'
+  , '/'
+  , '%'
+  , '+'
+  , '-'
+  , '<'
+  , '>'
+  , '&'
+  , '^'
+  , '|'
+  , '?'
+  , ':'
+  , '='
+  , ','
+  , ';'
+  , '{'
+  , '}'
+]
+
+},{}],286:[function(require,module,exports){
+var tokenize = require('./index')
+
+module.exports = tokenizeString
+
+function tokenizeString(str, opt) {
+  var generator = tokenize(opt)
+  var tokens = []
+
+  tokens = tokens.concat(generator(str))
+  tokens = tokens.concat(generator(null))
+
+  return tokens
+}
+
+},{"./index":280}],287:[function(require,module,exports){
+'use strict';
+
+module.exports = GridIndex;
+
+var NUM_PARAMS = 3;
+
+function GridIndex(extent, n, padding) {
+    var cells = this.cells = [];
+
+    if (extent instanceof ArrayBuffer) {
+        this.arrayBuffer = extent;
+        var array = new Int32Array(this.arrayBuffer);
+        extent = array[0];
+        n = array[1];
+        padding = array[2];
+
+        this.d = n + 2 * padding;
+        for (var k = 0; k < this.d * this.d; k++) {
+            var start = array[NUM_PARAMS + k];
+            var end = array[NUM_PARAMS + k + 1];
+            cells.push(start === end ?
+                    null :
+                    array.subarray(start, end));
+        }
+        var keysOffset = array[NUM_PARAMS + cells.length];
+        var bboxesOffset = array[NUM_PARAMS + cells.length + 1];
+        this.keys = array.subarray(keysOffset, bboxesOffset);
+        this.bboxes = array.subarray(bboxesOffset);
+
+        this.insert = this._insertReadonly;
+
+    } else {
+        this.d = n + 2 * padding;
+        for (var i = 0; i < this.d * this.d; i++) {
+            cells.push([]);
+        }
+        this.keys = [];
+        this.bboxes = [];
+    }
+
+    this.n = n;
+    this.extent = extent;
+    this.padding = padding;
+    this.scale = n / extent;
+    this.uid = 0;
+
+    var p = (padding / n) * extent;
+    this.min = -p;
+    this.max = extent + p;
+}
+
+
+GridIndex.prototype.insert = function(key, x1, y1, x2, y2) {
+    this._forEachCell(x1, y1, x2, y2, this._insertCell, this.uid++);
+    this.keys.push(key);
+    this.bboxes.push(x1);
+    this.bboxes.push(y1);
+    this.bboxes.push(x2);
+    this.bboxes.push(y2);
+};
+
+GridIndex.prototype._insertReadonly = function() {
+    throw 'Cannot insert into a GridIndex created from an ArrayBuffer.';
+};
+
+GridIndex.prototype._insertCell = function(x1, y1, x2, y2, cellIndex, uid) {
+    this.cells[cellIndex].push(uid);
+};
+
+GridIndex.prototype.query = function(x1, y1, x2, y2) {
+    var min = this.min;
+    var max = this.max;
+    if (x1 <= min && y1 <= min && max <= x2 && max <= y2) {
+        // We use `Array#slice` because `this.keys` may be a `Int32Array` and
+        // some browsers (Safari and IE) do not support `TypedArray#slice`
+        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/slice#Browser_compatibility
+        return Array.prototype.slice.call(this.keys);
+
+    } else {
+        var result = [];
+        var seenUids = {};
+        this._forEachCell(x1, y1, x2, y2, this._queryCell, result, seenUids);
+        return result;
+    }
+};
+
+GridIndex.prototype._queryCell = function(x1, y1, x2, y2, cellIndex, result, seenUids) {
+    var cell = this.cells[cellIndex];
+    if (cell !== null) {
+        var keys = this.keys;
+        var bboxes = this.bboxes;
+        for (var u = 0; u < cell.length; u++) {
+            var uid = cell[u];
+            if (seenUids[uid] === undefined) {
+                var offset = uid * 4;
+                if ((x1 <= bboxes[offset + 2]) &&
+                    (y1 <= bboxes[offset + 3]) &&
+                    (x2 >= bboxes[offset + 0]) &&
+                    (y2 >= bboxes[offset + 1])) {
+                    seenUids[uid] = true;
+                    result.push(keys[uid]);
+                } else {
+                    seenUids[uid] = false;
+                }
+            }
+        }
+    }
+};
+
+GridIndex.prototype._forEachCell = function(x1, y1, x2, y2, fn, arg1, arg2) {
+    var cx1 = this._convertToCellCoord(x1);
+    var cy1 = this._convertToCellCoord(y1);
+    var cx2 = this._convertToCellCoord(x2);
+    var cy2 = this._convertToCellCoord(y2);
+    for (var x = cx1; x <= cx2; x++) {
+        for (var y = cy1; y <= cy2; y++) {
+            var cellIndex = this.d * y + x;
+            if (fn.call(this, x1, y1, x2, y2, cellIndex, arg1, arg2)) return;
+        }
+    }
+};
+
+GridIndex.prototype._convertToCellCoord = function(x) {
+    return Math.max(0, Math.min(this.d - 1, Math.floor(x * this.scale) + this.padding));
+};
+
+GridIndex.prototype.toArrayBuffer = function() {
+    if (this.arrayBuffer) return this.arrayBuffer;
+
+    var cells = this.cells;
+
+    var metadataLength = NUM_PARAMS + this.cells.length + 1 + 1;
+    var totalCellLength = 0;
+    for (var i = 0; i < this.cells.length; i++) {
+        totalCellLength += this.cells[i].length;
+    }
+
+    var array = new Int32Array(metadataLength + totalCellLength + this.keys.length + this.bboxes.length);
+    array[0] = this.extent;
+    array[1] = this.n;
+    array[2] = this.padding;
+
+    var offset = metadataLength;
+    for (var k = 0; k < cells.length; k++) {
+        var cell = cells[k];
+        array[NUM_PARAMS + k] = offset;
+        array.set(cell, offset);
+        offset += cell.length;
+    }
+
+    array[NUM_PARAMS + cells.length] = offset;
+    array.set(this.keys, offset);
+    offset += this.keys.length;
+
+    array[NUM_PARAMS + cells.length + 1] = offset;
+    array.set(this.bboxes, offset);
+    offset += this.bboxes.length;
+
+    return array.buffer;
+};
+
+},{}],288:[function(require,module,exports){
+(function (global){
+'use strict'
+
+var isBrowser = require('is-browser')
+var hasHover
+
+if (typeof global.matchMedia === 'function') {
+	hasHover = !global.matchMedia('(hover: none)').matches
+}
+else {
+	hasHover = isBrowser
+}
+
+module.exports = hasHover
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"is-browser":294}],289:[function(require,module,exports){
+exports.read = function (buffer, offset, isLE, mLen, nBytes) {
+  var e, m
+  var eLen = nBytes * 8 - mLen - 1
+  var eMax = (1 << eLen) - 1
+  var eBias = eMax >> 1
+  var nBits = -7
+  var i = isLE ? (nBytes - 1) : 0
+  var d = isLE ? -1 : 1
+  var s = buffer[offset + i]
+
+  i += d
+
+  e = s & ((1 << (-nBits)) - 1)
+  s >>= (-nBits)
+  nBits += eLen
+  for (; nBits > 0; e = e * 256 + buffer[offset + i], i += d, nBits -= 8) {}
+
+  m = e & ((1 << (-nBits)) - 1)
+  e >>= (-nBits)
+  nBits += mLen
+  for (; nBits > 0; m = m * 256 + buffer[offset + i], i += d, nBits -= 8) {}
+
+  if (e === 0) {
+    e = 1 - eBias
+  } else if (e === eMax) {
+    return m ? NaN : ((s ? -1 : 1) * Infinity)
+  } else {
+    m = m + Math.pow(2, mLen)
+    e = e - eBias
+  }
+  return (s ? -1 : 1) * m * Math.pow(2, e - mLen)
+}
+
+exports.write = function (buffer, value, offset, isLE, mLen, nBytes) {
+  var e, m, c
+  var eLen = nBytes * 8 - mLen - 1
+  var eMax = (1 << eLen) - 1
+  var eBias = eMax >> 1
+  var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0)
+  var i = isLE ? 0 : (nBytes - 1)
+  var d = isLE ? 1 : -1
+  var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0
+
+  value = Math.abs(value)
+
+  if (isNaN(value) || value === Infinity) {
+    m = isNaN(value) ? 1 : 0
+    e = eMax
+  } else {
+    e = Math.floor(Math.log(value) / Math.LN2)
+    if (value * (c = Math.pow(2, -e)) < 1) {
+      e--
+      c *= 2
+    }
+    if (e + eBias >= 1) {
+      value += rt / c
+    } else {
+      value += rt * Math.pow(2, 1 - eBias)
+    }
+    if (value * c >= 2) {
+      e++
+      c /= 2
+    }
+
+    if (e + eBias >= eMax) {
+      m = 0
+      e = eMax
+    } else if (e + eBias >= 1) {
+      m = (value * c - 1) * Math.pow(2, mLen)
+      e = e + eBias
+    } else {
+      m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen)
+      e = 0
+    }
+  }
+
+  for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}
+
+  e = (e << mLen) | m
+  eLen += mLen
+  for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}
+
+  buffer[offset + i - d] |= s * 128
+}
+
+},{}],290:[function(require,module,exports){
+"use strict"
+
+//High level idea:
+// 1. Use Clarkson's incremental construction to find convex hull
+// 2. Point location in triangulation by jump and walk
+
+module.exports = incrementalConvexHull
+
+var orient = require("robust-orientation")
+var compareCell = require("simplicial-complex").compareCells
+
+function compareInt(a, b) {
+  return a - b
+}
+
+function Simplex(vertices, adjacent, boundary) {
+  this.vertices = vertices
+  this.adjacent = adjacent
+  this.boundary = boundary
+  this.lastVisited = -1
+}
+
+Simplex.prototype.flip = function() {
+  var t = this.vertices[0]
+  this.vertices[0] = this.vertices[1]
+  this.vertices[1] = t
+  var u = this.adjacent[0]
+  this.adjacent[0] = this.adjacent[1]
+  this.adjacent[1] = u
+}
+
+function GlueFacet(vertices, cell, index) {
+  this.vertices = vertices
+  this.cell = cell
+  this.index = index
+}
+
+function compareGlue(a, b) {
+  return compareCell(a.vertices, b.vertices)
+}
+
+function bakeOrient(d) {
+  var code = ["function orient(){var tuple=this.tuple;return test("]
+  for(var i=0; i<=d; ++i) {
+    if(i > 0) {
+      code.push(",")
+    }
+    code.push("tuple[", i, "]")
+  }
+  code.push(")}return orient")
+  var proc = new Function("test", code.join(""))
+  var test = orient[d+1]
+  if(!test) {
+    test = orient
+  }
+  return proc(test)
+}
+
+var BAKED = []
+
+function Triangulation(dimension, vertices, simplices) {
+  this.dimension = dimension
+  this.vertices = vertices
+  this.simplices = simplices
+  this.interior = simplices.filter(function(c) {
+    return !c.boundary
+  })
+
+  this.tuple = new Array(dimension+1)
+  for(var i=0; i<=dimension; ++i) {
+    this.tuple[i] = this.vertices[i]
+  }
+
+  var o = BAKED[dimension]
+  if(!o) {
+    o = BAKED[dimension] = bakeOrient(dimension)
+  }
+  this.orient = o
+}
+
+var proto = Triangulation.prototype
+
+//Degenerate situation where we are on boundary, but coplanar to face
+proto.handleBoundaryDegeneracy = function(cell, point) {
+  var d = this.dimension
+  var n = this.vertices.length - 1
+  var tuple = this.tuple
+  var verts = this.vertices
+
+  //Dumb solution: Just do dfs from boundary cell until we find any peak, or terminate
+  var toVisit = [ cell ]
+  cell.lastVisited = -n
+  while(toVisit.length > 0) {
+    cell = toVisit.pop()
+    var cellVerts = cell.vertices
+    var cellAdj = cell.adjacent
+    for(var i=0; i<=d; ++i) {
+      var neighbor = cellAdj[i]
+      if(!neighbor.boundary || neighbor.lastVisited <= -n) {
+        continue
+      }
+      var nv = neighbor.vertices
+      for(var j=0; j<=d; ++j) {
+        var vv = nv[j]
+        if(vv < 0) {
+          tuple[j] = point
+        } else {
+          tuple[j] = verts[vv]
+        }
+      }
+      var o = this.orient()
+      if(o > 0) {
+        return neighbor
+      }
+      neighbor.lastVisited = -n
+      if(o === 0) {
+        toVisit.push(neighbor)
+      }
+    }
+  }
+  return null
+}
+
+proto.walk = function(point, random) {
+  //Alias local properties
+  var n = this.vertices.length - 1
+  var d = this.dimension
+  var verts = this.vertices
+  var tuple = this.tuple
+
+  //Compute initial jump cell
+  var initIndex = random ? (this.interior.length * Math.random())|0 : (this.interior.length-1)
+  var cell = this.interior[ initIndex ]
+
+  //Start walking
+outerLoop:
+  while(!cell.boundary) {
+    var cellVerts = cell.vertices
+    var cellAdj = cell.adjacent
+
+    for(var i=0; i<=d; ++i) {
+      tuple[i] = verts[cellVerts[i]]
+    }
+    cell.lastVisited = n
+
+    //Find farthest adjacent cell
+    for(var i=0; i<=d; ++i) {
+      var neighbor = cellAdj[i]
+      if(neighbor.lastVisited >= n) {
+        continue
+      }
+      var prev = tuple[i]
+      tuple[i] = point
+      var o = this.orient()
+      tuple[i] = prev
+      if(o < 0) {
+        cell = neighbor
+        continue outerLoop
+      } else {
+        if(!neighbor.boundary) {
+          neighbor.lastVisited = n
+        } else {
+          neighbor.lastVisited = -n
+        }
+      }
+    }
+    return
+  }
+
+  return cell
+}
+
+proto.addPeaks = function(point, cell) {
+  var n = this.vertices.length - 1
+  var d = this.dimension
+  var verts = this.vertices
+  var tuple = this.tuple
+  var interior = this.interior
+  var simplices = this.simplices
+
+  //Walking finished at boundary, time to add peaks
+  var tovisit = [ cell ]
+
+  //Stretch initial boundary cell into a peak
+  cell.lastVisited = n
+  cell.vertices[cell.vertices.indexOf(-1)] = n
+  cell.boundary = false
+  interior.push(cell)
+
+  //Record a list of all new boundaries created by added peaks so we can glue them together when we are all done
+  var glueFacets = []
+
+  //Do a traversal of the boundary walking outward from starting peak
+  while(tovisit.length > 0) {
+    //Pop off peak and walk over adjacent cells
+    var cell = tovisit.pop()
+    var cellVerts = cell.vertices
+    var cellAdj = cell.adjacent
+    var indexOfN = cellVerts.indexOf(n)
+    if(indexOfN < 0) {
+      continue
+    }
+
+    for(var i=0; i<=d; ++i) {
+      if(i === indexOfN) {
+        continue
+      }
+
+      //For each boundary neighbor of the cell
+      var neighbor = cellAdj[i]
+      if(!neighbor.boundary || neighbor.lastVisited >= n) {
+        continue
+      }
+
+      var nv = neighbor.vertices
+
+      //Test if neighbor is a peak
+      if(neighbor.lastVisited !== -n) {      
+        //Compute orientation of p relative to each boundary peak
+        var indexOfNeg1 = 0
+        for(var j=0; j<=d; ++j) {
+          if(nv[j] < 0) {
+            indexOfNeg1 = j
+            tuple[j] = point
+          } else {
+            tuple[j] = verts[nv[j]]
+          }
+        }
+        var o = this.orient()
+
+        //Test if neighbor cell is also a peak
+        if(o > 0) {
+          nv[indexOfNeg1] = n
+          neighbor.boundary = false
+          interior.push(neighbor)
+          tovisit.push(neighbor)
+          neighbor.lastVisited = n
+          continue
+        } else {
+          neighbor.lastVisited = -n
+        }
+      }
+
+      var na = neighbor.adjacent
+
+      //Otherwise, replace neighbor with new face
+      var vverts = cellVerts.slice()
+      var vadj = cellAdj.slice()
+      var ncell = new Simplex(vverts, vadj, true)
+      simplices.push(ncell)
+
+      //Connect to neighbor
+      var opposite = na.indexOf(cell)
+      if(opposite < 0) {
+        continue
+      }
+      na[opposite] = ncell
+      vadj[indexOfN] = neighbor
+
+      //Connect to cell
+      vverts[i] = -1
+      vadj[i] = cell
+      cellAdj[i] = ncell
+
+      //Flip facet
+      ncell.flip()
+
+      //Add to glue list
+      for(var j=0; j<=d; ++j) {
+        var uu = vverts[j]
+        if(uu < 0 || uu === n) {
+          continue
+        }
+        var nface = new Array(d-1)
+        var nptr = 0
+        for(var k=0; k<=d; ++k) {
+          var vv = vverts[k]
+          if(vv < 0 || k === j) {
+            continue
+          }
+          nface[nptr++] = vv
+        }
+        glueFacets.push(new GlueFacet(nface, ncell, j))
+      }
+    }
+  }
+
+  //Glue boundary facets together
+  glueFacets.sort(compareGlue)
+
+  for(var i=0; i+1<glueFacets.length; i+=2) {
+    var a = glueFacets[i]
+    var b = glueFacets[i+1]
+    var ai = a.index
+    var bi = b.index
+    if(ai < 0 || bi < 0) {
+      continue
+    }
+    a.cell.adjacent[a.index] = b.cell
+    b.cell.adjacent[b.index] = a.cell
+  }
+}
+
+proto.insert = function(point, random) {
+  //Add point
+  var verts = this.vertices
+  verts.push(point)
+
+  var cell = this.walk(point, random)
+  if(!cell) {
+    return
+  }
+
+  //Alias local properties
+  var d = this.dimension
+  var tuple = this.tuple
+
+  //Degenerate case: If point is coplanar to cell, then walk until we find a non-degenerate boundary
+  for(var i=0; i<=d; ++i) {
+    var vv = cell.vertices[i]
+    if(vv < 0) {
+      tuple[i] = point
+    } else {
+      tuple[i] = verts[vv]
+    }
+  }
+  var o = this.orient(tuple)
+  if(o < 0) {
+    return
+  } else if(o === 0) {
+    cell = this.handleBoundaryDegeneracy(cell, point)
+    if(!cell) {
+      return
+    }
+  }
+
+  //Add peaks
+  this.addPeaks(point, cell)
+}
+
+//Extract all boundary cells
+proto.boundary = function() {
+  var d = this.dimension
+  var boundary = []
+  var cells = this.simplices
+  var nc = cells.length
+  for(var i=0; i<nc; ++i) {
+    var c = cells[i]
+    if(c.boundary) {
+      var bcell = new Array(d)
+      var cv = c.vertices
+      var ptr = 0
+      var parity = 0
+      for(var j=0; j<=d; ++j) {
+        if(cv[j] >= 0) {
+          bcell[ptr++] = cv[j]
+        } else {
+          parity = j&1
+        }
+      }
+      if(parity === (d&1)) {
+        var t = bcell[0]
+        bcell[0] = bcell[1]
+        bcell[1] = t
+      }
+      boundary.push(bcell)
+    }
+  }
+  return boundary
+}
+
+function incrementalConvexHull(points, randomSearch) {
+  var n = points.length
+  if(n === 0) {
+    throw new Error("Must have at least d+1 points")
+  }
+  var d = points[0].length
+  if(n <= d) {
+    throw new Error("Must input at least d+1 points")
+  }
+
+  //FIXME: This could be degenerate, but need to select d+1 non-coplanar points to bootstrap process
+  var initialSimplex = points.slice(0, d+1)
+
+  //Make sure initial simplex is positively oriented
+  var o = orient.apply(void 0, initialSimplex)
+  if(o === 0) {
+    throw new Error("Input not in general position")
+  }
+  var initialCoords = new Array(d+1)
+  for(var i=0; i<=d; ++i) {
+    initialCoords[i] = i
+  }
+  if(o < 0) {
+    initialCoords[0] = 1
+    initialCoords[1] = 0
+  }
+
+  //Create initial topological index, glue pointers together (kind of messy)
+  var initialCell = new Simplex(initialCoords, new Array(d+1), false)
+  var boundary = initialCell.adjacent
+  var list = new Array(d+2)
+  for(var i=0; i<=d; ++i) {
+    var verts = initialCoords.slice()
+    for(var j=0; j<=d; ++j) {
+      if(j === i) {
+        verts[j] = -1
+      }
+    }
+    var t = verts[0]
+    verts[0] = verts[1]
+    verts[1] = t
+    var cell = new Simplex(verts, new Array(d+1), true)
+    boundary[i] = cell
+    list[i] = cell
+  }
+  list[d+1] = initialCell
+  for(var i=0; i<=d; ++i) {
+    var verts = boundary[i].vertices
+    var adj = boundary[i].adjacent
+    for(var j=0; j<=d; ++j) {
+      var v = verts[j]
+      if(v < 0) {
+        adj[j] = initialCell
+        continue
+      }
+      for(var k=0; k<=d; ++k) {
+        if(boundary[k].vertices.indexOf(v) < 0) {
+          adj[j] = boundary[k]
+        }
+      }
+    }
+  }
+
+  //Initialize triangles
+  var triangles = new Triangulation(d, initialSimplex, list)
+
+  //Insert remaining points
+  var useRandom = !!randomSearch
+  for(var i=d+1; i<n; ++i) {
+    triangles.insert(points[i], useRandom)
+  }
+  
+  //Extract boundary cells
+  return triangles.boundary()
+}
+},{"robust-orientation":508,"simplicial-complex":519}],291:[function(require,module,exports){
+"use strict"
+
+var bounds = require("binary-search-bounds")
+
+var NOT_FOUND = 0
+var SUCCESS = 1
+var EMPTY = 2
+
+module.exports = createWrapper
+
+function IntervalTreeNode(mid, left, right, leftPoints, rightPoints) {
+  this.mid = mid
+  this.left = left
+  this.right = right
+  this.leftPoints = leftPoints
+  this.rightPoints = rightPoints
+  this.count = (left ? left.count : 0) + (right ? right.count : 0) + leftPoints.length
+}
+
+var proto = IntervalTreeNode.prototype
+
+function copy(a, b) {
+  a.mid = b.mid
+  a.left = b.left
+  a.right = b.right
+  a.leftPoints = b.leftPoints
+  a.rightPoints = b.rightPoints
+  a.count = b.count
+}
+
+function rebuild(node, intervals) {
+  var ntree = createIntervalTree(intervals)
+  node.mid = ntree.mid
+  node.left = ntree.left
+  node.right = ntree.right
+  node.leftPoints = ntree.leftPoints
+  node.rightPoints = ntree.rightPoints
+  node.count = ntree.count
+}
+
+function rebuildWithInterval(node, interval) {
+  var intervals = node.intervals([])
+  intervals.push(interval)
+  rebuild(node, intervals)    
+}
+
+function rebuildWithoutInterval(node, interval) {
+  var intervals = node.intervals([])
+  var idx = intervals.indexOf(interval)
+  if(idx < 0) {
+    return NOT_FOUND
+  }
+  intervals.splice(idx, 1)
+  rebuild(node, intervals)
+  return SUCCESS
+}
+
+proto.intervals = function(result) {
+  result.push.apply(result, this.leftPoints)
+  if(this.left) {
+    this.left.intervals(result)
+  }
+  if(this.right) {
+    this.right.intervals(result)
+  }
+  return result
+}
+
+proto.insert = function(interval) {
+  var weight = this.count - this.leftPoints.length
+  this.count += 1
+  if(interval[1] < this.mid) {
+    if(this.left) {
+      if(4*(this.left.count+1) > 3*(weight+1)) {
+        rebuildWithInterval(this, interval)
+      } else {
+        this.left.insert(interval)
+      }
+    } else {
+      this.left = createIntervalTree([interval])
+    }
+  } else if(interval[0] > this.mid) {
+    if(this.right) {
+      if(4*(this.right.count+1) > 3*(weight+1)) {
+        rebuildWithInterval(this, interval)
+      } else {
+        this.right.insert(interval)
+      }
+    } else {
+      this.right = createIntervalTree([interval])
+    }
+  } else {
+    var l = bounds.ge(this.leftPoints, interval, compareBegin)
+    var r = bounds.ge(this.rightPoints, interval, compareEnd)
+    this.leftPoints.splice(l, 0, interval)
+    this.rightPoints.splice(r, 0, interval)
+  }
+}
+
+proto.remove = function(interval) {
+  var weight = this.count - this.leftPoints
+  if(interval[1] < this.mid) {
+    if(!this.left) {
+      return NOT_FOUND
+    }
+    var rw = this.right ? this.right.count : 0
+    if(4 * rw > 3 * (weight-1)) {
+      return rebuildWithoutInterval(this, interval)
+    }
+    var r = this.left.remove(interval)
+    if(r === EMPTY) {
+      this.left = null
+      this.count -= 1
+      return SUCCESS
+    } else if(r === SUCCESS) {
+      this.count -= 1
+    }
+    return r
+  } else if(interval[0] > this.mid) {
+    if(!this.right) {
+      return NOT_FOUND
+    }
+    var lw = this.left ? this.left.count : 0
+    if(4 * lw > 3 * (weight-1)) {
+      return rebuildWithoutInterval(this, interval)
+    }
+    var r = this.right.remove(interval)
+    if(r === EMPTY) {
+      this.right = null
+      this.count -= 1
+      return SUCCESS
+    } else if(r === SUCCESS) {
+      this.count -= 1
+    }
+    return r
+  } else {
+    if(this.count === 1) {
+      if(this.leftPoints[0] === interval) {
+        return EMPTY
+      } else {
+        return NOT_FOUND
+      }
+    }
+    if(this.leftPoints.length === 1 && this.leftPoints[0] === interval) {
+      if(this.left && this.right) {
+        var p = this
+        var n = this.left
+        while(n.right) {
+          p = n
+          n = n.right
+        }
+        if(p === this) {
+          n.right = this.right
+        } else {
+          var l = this.left
+          var r = this.right
+          p.count -= n.count
+          p.right = n.left
+          n.left = l
+          n.right = r
+        }
+        copy(this, n)
+        this.count = (this.left?this.left.count:0) + (this.right?this.right.count:0) + this.leftPoints.length
+      } else if(this.left) {
+        copy(this, this.left)
+      } else {
+        copy(this, this.right)
+      }
+      return SUCCESS
+    }
+    for(var l = bounds.ge(this.leftPoints, interval, compareBegin); l<this.leftPoints.length; ++l) {
+      if(this.leftPoints[l][0] !== interval[0]) {
+        break
+      }
+      if(this.leftPoints[l] === interval) {
+        this.count -= 1
+        this.leftPoints.splice(l, 1)
+        for(var r = bounds.ge(this.rightPoints, interval, compareEnd); r<this.rightPoints.length; ++r) {
+          if(this.rightPoints[r][1] !== interval[1]) {
+            break
+          } else if(this.rightPoints[r] === interval) {
+            this.rightPoints.splice(r, 1)
+            return SUCCESS
+          }
+        }
+      }
+    }
+    return NOT_FOUND
+  }
+}
+
+function reportLeftRange(arr, hi, cb) {
+  for(var i=0; i<arr.length && arr[i][0] <= hi; ++i) {
+    var r = cb(arr[i])
+    if(r) { return r }
+  }
+}
+
+function reportRightRange(arr, lo, cb) {
+  for(var i=arr.length-1; i>=0 && arr[i][1] >= lo; --i) {
+    var r = cb(arr[i])
+    if(r) { return r }
+  }
+}
+
+function reportRange(arr, cb) {
+  for(var i=0; i<arr.length; ++i) {
+    var r = cb(arr[i])
+    if(r) { return r }
+  }
+}
+
+proto.queryPoint = function(x, cb) {
+  if(x < this.mid) {
+    if(this.left) {
+      var r = this.left.queryPoint(x, cb)
+      if(r) { return r }
+    }
+    return reportLeftRange(this.leftPoints, x, cb)
+  } else if(x > this.mid) {
+    if(this.right) {
+      var r = this.right.queryPoint(x, cb)
+      if(r) { return r }
+    }
+    return reportRightRange(this.rightPoints, x, cb)
+  } else {
+    return reportRange(this.leftPoints, cb)
+  }
+}
+
+proto.queryInterval = function(lo, hi, cb) {
+  if(lo < this.mid && this.left) {
+    var r = this.left.queryInterval(lo, hi, cb)
+    if(r) { return r }
+  }
+  if(hi > this.mid && this.right) {
+    var r = this.right.queryInterval(lo, hi, cb)
+    if(r) { return r }
+  }
+  if(hi < this.mid) {
+    return reportLeftRange(this.leftPoints, hi, cb)
+  } else if(lo > this.mid) {
+    return reportRightRange(this.rightPoints, lo, cb)
+  } else {
+    return reportRange(this.leftPoints, cb)
+  }
+}
+
+function compareNumbers(a, b) {
+  return a - b
+}
+
+function compareBegin(a, b) {
+  var d = a[0] - b[0]
+  if(d) { return d }
+  return a[1] - b[1]
+}
+
+function compareEnd(a, b) {
+  var d = a[1] - b[1]
+  if(d) { return d }
+  return a[0] - b[0]
+}
+
+function createIntervalTree(intervals) {
+  if(intervals.length === 0) {
+    return null
+  }
+  var pts = []
+  for(var i=0; i<intervals.length; ++i) {
+    pts.push(intervals[i][0], intervals[i][1])
+  }
+  pts.sort(compareNumbers)
+
+  var mid = pts[pts.length>>1]
+
+  var leftIntervals = []
+  var rightIntervals = []
+  var centerIntervals = []
+  for(var i=0; i<intervals.length; ++i) {
+    var s = intervals[i]
+    if(s[1] < mid) {
+      leftIntervals.push(s)
+    } else if(mid < s[0]) {
+      rightIntervals.push(s)
+    } else {
+      centerIntervals.push(s)
+    }
+  }
+
+  //Split center intervals
+  var leftPoints = centerIntervals
+  var rightPoints = centerIntervals.slice()
+  leftPoints.sort(compareBegin)
+  rightPoints.sort(compareEnd)
+
+  return new IntervalTreeNode(mid, 
+    createIntervalTree(leftIntervals),
+    createIntervalTree(rightIntervals),
+    leftPoints,
+    rightPoints)
+}
+
+//User friendly wrapper that makes it possible to support empty trees
+function IntervalTree(root) {
+  this.root = root
+}
+
+var tproto = IntervalTree.prototype
+
+tproto.insert = function(interval) {
+  if(this.root) {
+    this.root.insert(interval)
+  } else {
+    this.root = new IntervalTreeNode(interval[0], null, null, [interval], [interval])
+  }
+}
+
+tproto.remove = function(interval) {
+  if(this.root) {
+    var r = this.root.remove(interval)
+    if(r === EMPTY) {
+      this.root = null
+    }
+    return r !== NOT_FOUND
+  }
+  return false
+}
+
+tproto.queryPoint = function(p, cb) {
+  if(this.root) {
+    return this.root.queryPoint(p, cb)
+  }
+}
+
+tproto.queryInterval = function(lo, hi, cb) {
+  if(lo <= hi && this.root) {
+    return this.root.queryInterval(lo, hi, cb)
+  }
+}
+
+Object.defineProperty(tproto, "count", {
+  get: function() {
+    if(this.root) {
+      return this.root.count
+    }
+    return 0
+  }
+})
+
+Object.defineProperty(tproto, "intervals", {
+  get: function() {
+    if(this.root) {
+      return this.root.intervals([])
+    }
+    return []
+  }
+})
+
+function createWrapper(intervals) {
+  if(!intervals || intervals.length === 0) {
+    return new IntervalTree(null)
+  }
+  return new IntervalTree(createIntervalTree(intervals))
+}
+
+},{"binary-search-bounds":66}],292:[function(require,module,exports){
+"use strict"
+
+function invertPermutation(pi, result) {
+  result = result || new Array(pi.length)
+  for(var i=0; i<pi.length; ++i) {
+    result[pi[i]] = i
+  }
+  return result
+}
+
+module.exports = invertPermutation
+},{}],293:[function(require,module,exports){
+"use strict"
+
+function iota(n) {
+  var result = new Array(n)
+  for(var i=0; i<n; ++i) {
+    result[i] = i
+  }
+  return result
+}
+
+module.exports = iota
+},{}],294:[function(require,module,exports){
+module.exports = true;
+},{}],295:[function(require,module,exports){
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <feross at feross.org> <http://feross.org>
+ * @license  MIT
+ */
+
+// The _isBuffer check is for Safari 5-7 support, because it's missing
+// Object.prototype.constructor. Remove this eventually
+module.exports = function (obj) {
+  return obj != null && (isBuffer(obj) || isSlowBuffer(obj) || !!obj._isBuffer)
+}
+
+function isBuffer (obj) {
+  return !!obj.constructor && typeof obj.constructor.isBuffer === 'function' && obj.constructor.isBuffer(obj)
+}
+
+// For Node v0.10 support. Remove this eventually.
+function isSlowBuffer (obj) {
+  return typeof obj.readFloatLE === 'function' && typeof obj.slice === 'function' && isBuffer(obj.slice(0, 0))
+}
+
+},{}],296:[function(require,module,exports){
+module.exports = isMobile;
+
+function isMobile (ua) {
+  if (!ua && typeof navigator != 'undefined') ua = navigator.userAgent;
+  if (ua && ua.headers && typeof ua.headers['user-agent'] == 'string') {
+    ua = ua.headers['user-agent'];
+  }
+  if (typeof ua != 'string') return false;
+
+  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(ua) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\- [...]
+}
+
+
+},{}],297:[function(require,module,exports){
+'use strict';
+var toString = Object.prototype.toString;
+
+module.exports = function (x) {
+	var prototype;
+	return toString.call(x) === '[object Object]' && (prototype = Object.getPrototypeOf(x), prototype === null || prototype === Object.getPrototypeOf({}));
+};
+
+},{}],298:[function(require,module,exports){
+'use strict';
+
+var sort = require('./sort');
+var range = require('./range');
+var within = require('./within');
+
+module.exports = kdbush;
+
+function kdbush(points, getX, getY, nodeSize, ArrayType) {
+    return new KDBush(points, getX, getY, nodeSize, ArrayType);
+}
+
+function KDBush(points, getX, getY, nodeSize, ArrayType) {
+    getX = getX || defaultGetX;
+    getY = getY || defaultGetY;
+    ArrayType = ArrayType || Array;
+
+    this.nodeSize = nodeSize || 64;
+    this.points = points;
+
+    this.ids = new ArrayType(points.length);
+    this.coords = new ArrayType(points.length * 2);
+
+    for (var i = 0; i < points.length; i++) {
+        this.ids[i] = i;
+        this.coords[2 * i] = getX(points[i]);
+        this.coords[2 * i + 1] = getY(points[i]);
+    }
+
+    sort(this.ids, this.coords, this.nodeSize, 0, this.ids.length - 1, 0);
+}
+
+KDBush.prototype = {
+    range: function (minX, minY, maxX, maxY) {
+        return range(this.ids, this.coords, minX, minY, maxX, maxY, this.nodeSize);
+    },
+
+    within: function (x, y, r) {
+        return within(this.ids, this.coords, x, y, r, this.nodeSize);
+    }
+};
+
+function defaultGetX(p) { return p[0]; }
+function defaultGetY(p) { return p[1]; }
+
+},{"./range":299,"./sort":300,"./within":301}],299:[function(require,module,exports){
+'use strict';
+
+module.exports = range;
+
+function range(ids, coords, minX, minY, maxX, maxY, nodeSize) {
+    var stack = [0, ids.length - 1, 0];
+    var result = [];
+    var x, y;
+
+    while (stack.length) {
+        var axis = stack.pop();
+        var right = stack.pop();
+        var left = stack.pop();
+
+        if (right - left <= nodeSize) {
+            for (var i = left; i <= right; i++) {
+                x = coords[2 * i];
+                y = coords[2 * i + 1];
+                if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[i]);
+            }
+            continue;
+        }
+
+        var m = Math.floor((left + right) / 2);
+
+        x = coords[2 * m];
+        y = coords[2 * m + 1];
+
+        if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[m]);
+
+        var nextAxis = (axis + 1) % 2;
+
+        if (axis === 0 ? minX <= x : minY <= y) {
+            stack.push(left);
+            stack.push(m - 1);
+            stack.push(nextAxis);
+        }
+        if (axis === 0 ? maxX >= x : maxY >= y) {
+            stack.push(m + 1);
+            stack.push(right);
+            stack.push(nextAxis);
+        }
+    }
+
+    return result;
+}
+
+},{}],300:[function(require,module,exports){
+'use strict';
+
+module.exports = sortKD;
+
+function sortKD(ids, coords, nodeSize, left, right, depth) {
+    if (right - left <= nodeSize) return;
+
+    var m = Math.floor((left + right) / 2);
+
+    select(ids, coords, m, left, right, depth % 2);
+
+    sortKD(ids, coords, nodeSize, left, m - 1, depth + 1);
+    sortKD(ids, coords, nodeSize, m + 1, right, depth + 1);
+}
+
+function select(ids, coords, k, left, right, inc) {
+
+    while (right > left) {
+        if (right - left > 600) {
+            var n = right - left + 1;
+            var m = k - left + 1;
+            var z = Math.log(n);
+            var s = 0.5 * Math.exp(2 * z / 3);
+            var sd = 0.5 * Math.sqrt(z * s * (n - s) / n) * (m - n / 2 < 0 ? -1 : 1);
+            var newLeft = Math.max(left, Math.floor(k - m * s / n + sd));
+            var newRight = Math.min(right, Math.floor(k + (n - m) * s / n + sd));
+            select(ids, coords, k, newLeft, newRight, inc);
+        }
+
+        var t = coords[2 * k + inc];
+        var i = left;
+        var j = right;
+
+        swapItem(ids, coords, left, k);
+        if (coords[2 * right + inc] > t) swapItem(ids, coords, left, right);
+
+        while (i < j) {
+            swapItem(ids, coords, i, j);
+            i++;
+            j--;
+            while (coords[2 * i + inc] < t) i++;
+            while (coords[2 * j + inc] > t) j--;
+        }
+
+        if (coords[2 * left + inc] === t) swapItem(ids, coords, left, j);
+        else {
+            j++;
+            swapItem(ids, coords, j, right);
+        }
+
+        if (j <= k) left = j + 1;
+        if (k <= j) right = j - 1;
+    }
+}
+
+function swapItem(ids, coords, i, j) {
+    swap(ids, i, j);
+    swap(coords, 2 * i, 2 * j);
+    swap(coords, 2 * i + 1, 2 * j + 1);
+}
+
+function swap(arr, i, j) {
+    var tmp = arr[i];
+    arr[i] = arr[j];
+    arr[j] = tmp;
+}
+
+},{}],301:[function(require,module,exports){
+'use strict';
+
+module.exports = within;
+
+function within(ids, coords, qx, qy, r, nodeSize) {
+    var stack = [0, ids.length - 1, 0];
+    var result = [];
+    var r2 = r * r;
+
+    while (stack.length) {
+        var axis = stack.pop();
+        var right = stack.pop();
+        var left = stack.pop();
+
+        if (right - left <= nodeSize) {
+            for (var i = left; i <= right; i++) {
+                if (sqDist(coords[2 * i], coords[2 * i + 1], qx, qy) <= r2) result.push(ids[i]);
+            }
+            continue;
+        }
+
+        var m = Math.floor((left + right) / 2);
+
+        var x = coords[2 * m];
+        var y = coords[2 * m + 1];
+
+        if (sqDist(x, y, qx, qy) <= r2) result.push(ids[m]);
+
+        var nextAxis = (axis + 1) % 2;
+
+        if (axis === 0 ? qx - r <= x : qy - r <= y) {
+            stack.push(left);
+            stack.push(m - 1);
+            stack.push(nextAxis);
+        }
+        if (axis === 0 ? qx + r >= x : qy + r >= y) {
+            stack.push(m + 1);
+            stack.push(right);
+            stack.push(nextAxis);
+        }
+    }
+
+    return result;
+}
+
+function sqDist(ax, ay, bx, by) {
+    var dx = ax - bx;
+    var dy = ay - by;
+    return dx * dx + dy * dy;
+}
+
+},{}],302:[function(require,module,exports){
+'use strict';
+
+function createFunction(parameters, defaultType) {
+    var fun;
+
+    if (!isFunctionDefinition(parameters)) {
+        fun = function() { return parameters; };
+        fun.isFeatureConstant = true;
+        fun.isZoomConstant = true;
+
+    } else {
+        var zoomAndFeatureDependent = parameters.stops && typeof parameters.stops[0][0] === 'object';
+        var featureDependent = zoomAndFeatureDependent || parameters.property !== undefined;
+        var zoomDependent = zoomAndFeatureDependent || !featureDependent;
+        var type = parameters.type || defaultType || 'exponential';
+
+        var innerFun;
+        if (type === 'exponential') {
+            innerFun = evaluateExponentialFunction;
+        } else if (type === 'interval') {
+            innerFun = evaluateIntervalFunction;
+        } else if (type === 'categorical') {
+            innerFun = evaluateCategoricalFunction;
+        } else if (type === 'identity') {
+            innerFun = evaluateIdentityFunction;
+        } else {
+            throw new Error('Unknown function type "' + type + '"');
+        }
+
+        if (zoomAndFeatureDependent) {
+            var featureFunctions = {};
+            var featureFunctionStops = [];
+            for (var s = 0; s < parameters.stops.length; s++) {
+                var stop = parameters.stops[s];
+                if (featureFunctions[stop[0].zoom] === undefined) {
+                    featureFunctions[stop[0].zoom] = {
+                        zoom: stop[0].zoom,
+                        type: parameters.type,
+                        property: parameters.property,
+                        stops: []
+                    };
+                }
+                featureFunctions[stop[0].zoom].stops.push([stop[0].value, stop[1]]);
+            }
+
+            for (var z in featureFunctions) {
+                featureFunctionStops.push([featureFunctions[z].zoom, createFunction(featureFunctions[z])]);
+            }
+            fun = function(zoom, feature) {
+                return evaluateExponentialFunction({ stops: featureFunctionStops, base: parameters.base }, zoom)(zoom, feature);
+            };
+            fun.isFeatureConstant = false;
+            fun.isZoomConstant = false;
+
+        } else if (zoomDependent) {
+            fun = function(zoom) {
+                return innerFun(parameters, zoom);
+            };
+            fun.isFeatureConstant = true;
+            fun.isZoomConstant = false;
+        } else {
+            fun = function(zoom, feature) {
+                return innerFun(parameters, feature[parameters.property]);
+            };
+            fun.isFeatureConstant = false;
+            fun.isZoomConstant = true;
+        }
+    }
+
+    return fun;
+}
+
+function evaluateCategoricalFunction(parameters, input) {
+    for (var i = 0; i < parameters.stops.length; i++) {
+        if (input === parameters.stops[i][0]) {
+            return parameters.stops[i][1];
+        }
+    }
+    return parameters.stops[0][1];
+}
+
+function evaluateIntervalFunction(parameters, input) {
+    for (var i = 0; i < parameters.stops.length; i++) {
+        if (input < parameters.stops[i][0]) break;
+    }
+    return parameters.stops[Math.max(i - 1, 0)][1];
+}
+
+function evaluateExponentialFunction(parameters, input) {
+    var base = parameters.base !== undefined ? parameters.base : 1;
+
+    var i = 0;
+    while (true) {
+        if (i >= parameters.stops.length) break;
+        else if (input <= parameters.stops[i][0]) break;
+        else i++;
+    }
+
+    if (i === 0) {
+        return parameters.stops[i][1];
+
+    } else if (i === parameters.stops.length) {
+        return parameters.stops[i - 1][1];
+
+    } else {
+        return interpolate(
+            input,
+            base,
+            parameters.stops[i - 1][0],
+            parameters.stops[i][0],
+            parameters.stops[i - 1][1],
+            parameters.stops[i][1]
+        );
+    }
+}
+
+function evaluateIdentityFunction(parameters, input) {
+    return input;
+}
+
+
+function interpolate(input, base, inputLower, inputUpper, outputLower, outputUpper) {
+    if (typeof outputLower === 'function') {
+        return function() {
+            var evaluatedLower = outputLower.apply(undefined, arguments);
+            var evaluatedUpper = outputUpper.apply(undefined, arguments);
+            return interpolate(input, base, inputLower, inputUpper, evaluatedLower, evaluatedUpper);
+        };
+    } else if (outputLower.length) {
+        return interpolateArray(input, base, inputLower, inputUpper, outputLower, outputUpper);
+    } else {
+        return interpolateNumber(input, base, inputLower, inputUpper, outputLower, outputUpper);
+    }
+}
+
+function interpolateNumber(input, base, inputLower, inputUpper, outputLower, outputUpper) {
+    var difference =  inputUpper - inputLower;
+    var progress = input - inputLower;
+
+    var ratio;
+    if (base === 1) {
+        ratio = progress / difference;
+    } else {
+        ratio = (Math.pow(base, progress) - 1) / (Math.pow(base, difference) - 1);
+    }
+
+    return (outputLower * (1 - ratio)) + (outputUpper * ratio);
+}
+
+function interpolateArray(input, base, inputLower, inputUpper, outputLower, outputUpper) {
+    var output = [];
+    for (var i = 0; i < outputLower.length; i++) {
+        output[i] = interpolateNumber(input, base, inputLower, inputUpper, outputLower[i], outputUpper[i]);
+    }
+    return output;
+}
+
+function isFunctionDefinition(value) {
+    return typeof value === 'object' && (value.stops || value.type === 'identity');
+}
+
+
+module.exports.isFunctionDefinition = isFunctionDefinition;
+
+module.exports.interpolated = function(parameters) {
+    return createFunction(parameters, 'exponential');
+};
+
+module.exports['piecewise-constant'] = function(parameters) {
+    return createFunction(parameters, 'interval');
+};
+
+},{}],303:[function(require,module,exports){
+
+var path = require('path');
+
+// readFileSync calls must be written out long-form for brfs.
+module.exports = {
+  debug: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform lowp vec4 u_color;\n\nvoid main() {\n    gl_FragColor = u_color;\n}\n",
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nattribute vec2 a_pos;\n\nuniform mat4 u_matrix;\n\nvoid main() {\n    gl_Position = u_matrix * vec4(a_pos, step(32767.0, a_pos.x), 1);\n}\n"
+  },
+  fill: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n#pragma mapbox: define lowp vec4 color\n#pragma mapbox: define lowp float opacity\n\nvoid main() {\n    #pragma mapbox: initialize lowp vec4 color\n    #pragma mapbox: initialize lowp float opacity\n\n    gl_FragColor = color * opacity;\n\n#ifdef OVERDRAW_INSPECTOR\n    gl_FragColor = vec4(1.0);\n#endif\n}\n",
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nattribute vec2 a_pos;\n\nuniform mat4 u_matrix;\n\n#pragma mapbox: define lowp vec4 color\n#pragma mapbox: define lowp float opacity\n\nvoid main() {\n    #pragma mapbox: initialize lowp vec4 color\n    #pragma mapbox: initialize lowp float opacity\n\n    gl_Position = u_matrix * vec4(a_pos, 0, 1);\n}\n"
+  },
+  circle: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n#pragma mapbox: define lowp vec4 color\n#pragma mapbox: define lowp float blur\n#pragma mapbox: define lowp float opacity\n\nvarying vec2 v_extrude;\nvarying lowp float v_antialiasblur;\n\nvoid main() {\n    #pragma mapbox: initialize lowp vec4 color\n    #pragma mapbox: initialize lowp float blur\n    #pragma mapbox: initialize lowp float opacity\n\n    float t = s [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform mat4 u_matrix;\nuniform bool u_scale_with_map;\nuniform vec2 u_extrude_scale;\nuniform float u_devicepixelratio;\n\nattribute vec2 a_pos;\n\n#pragma mapbox: define lowp vec4 color\n#pragma mapbox: define mediump float radius\n#pragma mapbox: define lowp float blur\n#pragma mapbox: define lowp float opacity\n\nvarying vec2 v_extrude;\nvarying lowp float v_antiali [...]
+  },
+  line: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform lowp vec4 u_color;\nuniform lowp float u_opacity;\nuniform float u_blur;\n\nvarying vec2 v_linewidth;\nvarying vec2 v_normal;\nvarying float v_gamma_scale;\n\nvoid main() {\n    // Calculate the distance of the pixel from the line in pixels.\n    float dist = length(v_normal) * v_linewidth.s;\n\n    // Calculate the antialiasing fade factor. This is either w [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n// floor(127 / 2) == 63.0\n// the maximum allowed miter limit is 2.0 at the moment. the extrude normal is\n// stored in a byte (-128..127). we scale regular normals up to length 63, but\n// there are also \"special\" normals that have a bigger length (of up to 126 in\n// this case).\n// #define scale 63.0\n#define scale 0.015873016\n\nattribute vec2 a_pos;\nattribute ve [...]
+  },
+  linepattern: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_blur;\n\nuniform vec2 u_pattern_size_a;\nuniform vec2 u_pattern_size_b;\nuniform vec2 u_pattern_tl_a;\nuniform vec2 u_pattern_br_a;\nuniform vec2 u_pattern_tl_b;\nuniform vec2 u_pattern_br_b;\nuniform float u_fade;\nuniform float u_opacity;\n\nuniform sampler2D u_image;\n\nvarying vec2 v_normal;\nvarying vec2 v_linewidth;\nvarying float v_linesofar;\ [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n// floor(127 / 2) == 63.0\n// the maximum allowed miter limit is 2.0 at the moment. the extrude normal is\n// stored in a byte (-128..127). we scale regular normals up to length 63, but\n// there are also \"special\" normals that have a bigger length (of up to 126 in\n// this case).\n// #define scale 63.0\n#define scale 0.015873016\n\n// We scale the distance before add [...]
+  },
+  linesdfpattern: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform lowp vec4 u_color;\nuniform lowp float u_opacity;\n\nuniform float u_blur;\nuniform sampler2D u_image;\nuniform float u_sdfgamma;\nuniform float u_mix;\n\nvarying vec2 v_normal;\nvarying vec2 v_linewidth;\nvarying vec2 v_tex_a;\nvarying vec2 v_tex_b;\nvarying float v_gamma_scale;\n\nvoid main() {\n    // Calculate the distance of the pixel from the line in p [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n// floor(127 / 2) == 63.0\n// the maximum allowed miter limit is 2.0 at the moment. the extrude normal is\n// stored in a byte (-128..127). we scale regular normals up to length 63, but\n// there are also \"special\" normals that have a bigger length (of up to 126 in\n// this case).\n// #define scale 63.0\n#define scale 0.015873016\n\n// We scale the distance before add [...]
+  },
+  outline: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\n#pragma mapbox: define lowp vec4 outline_color\n#pragma mapbox: define lowp float opacity\n\nvarying vec2 v_pos;\n\nvoid main() {\n    #pragma mapbox: initialize lowp vec4 outline_color\n    #pragma mapbox: initialize lowp float opacity\n\n    float dist = length(v_pos - gl_FragCoord.xy);\n    float alpha = smoothstep(1.0, 0.0, dist);\n    gl_FragColor = outline_col [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nattribute vec2 a_pos;\n\nuniform mat4 u_matrix;\nuniform vec2 u_world;\n\nvarying vec2 v_pos;\n\n#pragma mapbox: define lowp vec4 outline_color\n#pragma mapbox: define lowp float opacity\n\nvoid main() {\n    #pragma mapbox: initialize lowp vec4 outline_color\n    #pragma mapbox: initialize lowp float opacity\n\n    gl_Position = u_matrix * vec4(a_pos, 0, 1);\n    v_pos [...]
+  },
+  outlinepattern: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_opacity;\nuniform vec2 u_pattern_tl_a;\nuniform vec2 u_pattern_br_a;\nuniform vec2 u_pattern_tl_b;\nuniform vec2 u_pattern_br_b;\nuniform float u_mix;\n\nuniform sampler2D u_image;\n\nvarying vec2 v_pos_a;\nvarying vec2 v_pos_b;\nvarying vec2 v_pos;\n\nvoid main() {\n    vec2 imagecoord = mod(v_pos_a, 1.0);\n    vec2 pos = mix(u_pattern_tl_a, u_patte [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform vec2 u_pattern_size_a;\nuniform vec2 u_pattern_size_b;\nuniform vec2 u_pixel_coord_upper;\nuniform vec2 u_pixel_coord_lower;\nuniform float u_scale_a;\nuniform float u_scale_b;\nuniform float u_tile_units_to_pixels;\n\nattribute vec2 a_pos;\n\nuniform mat4 u_matrix;\nuniform vec2 u_world;\n\nvarying vec2 v_pos_a;\nvarying vec2 v_pos_b;\nvarying vec2 v_pos;\n\nvo [...]
+  },
+  pattern: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_opacity;\nuniform vec2 u_pattern_tl_a;\nuniform vec2 u_pattern_br_a;\nuniform vec2 u_pattern_tl_b;\nuniform vec2 u_pattern_br_b;\nuniform float u_mix;\n\nuniform sampler2D u_image;\n\nvarying vec2 v_pos_a;\nvarying vec2 v_pos_b;\n\nvoid main() {\n\n    vec2 imagecoord = mod(v_pos_a, 1.0);\n    vec2 pos = mix(u_pattern_tl_a, u_pattern_br_a, imagecoord [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform mat4 u_matrix;\nuniform vec2 u_pattern_size_a;\nuniform vec2 u_pattern_size_b;\nuniform vec2 u_pixel_coord_upper;\nuniform vec2 u_pixel_coord_lower;\nuniform float u_scale_a;\nuniform float u_scale_b;\nuniform float u_tile_units_to_pixels;\n\nattribute vec2 a_pos;\n\nvarying vec2 v_pos_a;\nvarying vec2 v_pos_b;\n\nvoid main() {\n    gl_Position = u_matrix * vec4 [...]
+  },
+  raster: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_opacity0;\nuniform float u_opacity1;\nuniform sampler2D u_image0;\nuniform sampler2D u_image1;\nvarying vec2 v_pos0;\nvarying vec2 v_pos1;\n\nuniform float u_brightness_low;\nuniform float u_brightness_high;\n\nuniform float u_saturation_factor;\nuniform float u_contrast_factor;\nuniform vec3 u_spin_weights;\n\nvoid main() {\n\n    // read and cross- [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform mat4 u_matrix;\nuniform vec2 u_tl_parent;\nuniform float u_scale_parent;\nuniform float u_buffer_scale;\n\nattribute vec2 a_pos;\nattribute vec2 a_texture_pos;\n\nvarying vec2 v_pos0;\nvarying vec2 v_pos1;\n\nvoid main() {\n    gl_Position = u_matrix * vec4(a_pos, 0, 1);\n    v_pos0 = (((a_texture_pos / 32767.0) - 0.5) / u_buffer_scale ) + 0.5;\n    v_pos1 = (v_ [...]
+  },
+  icon: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform sampler2D u_texture;\nuniform sampler2D u_fadetexture;\nuniform lowp float u_opacity;\n\nvarying vec2 v_tex;\nvarying vec2 v_fade_tex;\n\nvoid main() {\n    lowp float alpha = texture2D(u_fadetexture, v_fade_tex).a * u_opacity;\n    gl_FragColor = texture2D(u_texture, v_tex) * alpha;\n\n#ifdef OVERDRAW_INSPECTOR\n    gl_FragColor = vec4(1.0);\n#endif\n}\n",
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nattribute vec2 a_pos;\nattribute vec2 a_offset;\nattribute vec2 a_texture_pos;\nattribute vec4 a_data;\n\n\n// matrix is for the vertex position.\nuniform mat4 u_matrix;\n\nuniform mediump float u_zoom;\nuniform bool u_rotate_with_map;\nuniform vec2 u_extrude_scale;\n\nuniform vec2 u_texsize;\n\nvarying vec2 v_tex;\nvarying vec2 v_fade_tex;\n\nvoid main() {\n    vec2 a_ [...]
+  },
+  sdf: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform sampler2D u_texture;\nuniform sampler2D u_fadetexture;\nuniform lowp vec4 u_color;\nuniform lowp float u_opacity;\nuniform lowp float u_buffer;\nuniform lowp float u_gamma;\n\nvarying vec2 v_tex;\nvarying vec2 v_fade_tex;\nvarying float v_gamma_scale;\n\nvoid main() {\n    lowp float dist = texture2D(u_texture, v_tex).a;\n    lowp float fade_alpha = texture2 [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nconst float PI = 3.141592653589793;\n\nattribute vec2 a_pos;\nattribute vec2 a_offset;\nattribute vec2 a_texture_pos;\nattribute vec4 a_data;\n\n\n// matrix is for the vertex position.\nuniform mat4 u_matrix;\n\nuniform mediump float u_zoom;\nuniform bool u_rotate_with_map;\nuniform bool u_pitch_with_map;\nuniform mediump float u_pitch;\nuniform mediump float u_bearing; [...]
+  },
+  collisionbox: {
+    fragmentSource: "#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_zoom;\nuniform float u_maxzoom;\n\nvarying float v_max_zoom;\nvarying float v_placement_zoom;\n\nvoid main() {\n\n    float alpha = 0.5;\n\n    gl_FragColor = vec4(0.0, 1.0, 0.0, 1.0) * alpha;\n\n    if (v_placement_zoom > u_zoom) {\n        gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0) * alpha;\n    }\n\n    if (u_zoom >= v_max_zoom) {\n        gl_FragCol [...]
+    vertexSource: "#ifdef GL_ES\nprecision highp float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nattribute vec2 a_pos;\nattribute vec2 a_extrude;\nattribute vec2 a_data;\n\nuniform mat4 u_matrix;\nuniform float u_scale;\n\nvarying float v_max_zoom;\nvarying float v_placement_zoom;\n\nvoid main() {\n    gl_Position = u_matrix * vec4(a_pos + a_extrude / u_scale, 0.0, 1.0);\n\n    v_max_zoom = a_data.x;\n    v_placement_zoom = a_data.y;\n}\n"
+  }
+};
+
+module.exports.util = "float evaluate_zoom_function_1(const vec4 values, const float t) {\n    if (t < 1.0) {\n        return mix(values[0], values[1], t);\n    } else if (t < 2.0) {\n        return mix(values[1], values[2], t - 1.0);\n    } else {\n        return mix(values[2], values[3], t - 2.0);\n    }\n}\nvec4 evaluate_zoom_function_4(const vec4 value0, const vec4 value1, const vec4 value2, const vec4 value3, const float t) {\n    if (t < 1.0) {\n        return mix(value0, value1, t [...]
+
+},{"path":476}],304:[function(require,module,exports){
+'use strict';
+
+var format = require('util').format;
+
+function ValidationError(key, value /*, message, ...*/) {
+    this.message = (
+        (key ? key + ': ' : '') +
+        format.apply(format, Array.prototype.slice.call(arguments, 2))
+    );
+
+    if (value !== null && value !== undefined && value.__line__) {
+        this.line = value.__line__;
+    }
+}
+
+module.exports = ValidationError;
+
+},{"util":549}],305:[function(require,module,exports){
+'use strict';
+
+module.exports = function (output) {
+    for (var i = 1; i < arguments.length; i++) {
+        var input = arguments[i];
+        for (var k in input) {
+            output[k] = input[k];
+        }
+    }
+    return output;
+};
+
+},{}],306:[function(require,module,exports){
+'use strict';
+
+module.exports = function getType(val) {
+    if (val instanceof Number) {
+        return 'number';
+    } else if (val instanceof String) {
+        return 'string';
+    } else if (val instanceof Boolean) {
+        return 'boolean';
+    } else if (Array.isArray(val)) {
+        return 'array';
+    } else if (val === null) {
+        return 'null';
+    } else {
+        return typeof val;
+    }
+};
+
+},{}],307:[function(require,module,exports){
+'use strict';
+
+// Turn jsonlint-lines-primitives objects into primitive objects
+module.exports = function unbundle(value) {
+    if (value instanceof Number || value instanceof String || value instanceof Boolean) {
+        return value.valueOf();
+    } else {
+        return value;
+    }
+};
+
+},{}],308:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var getType = require('../util/get_type');
+var extend = require('../util/extend');
+
+// Main recursive validation function. Tracks:
+//
+// - key: string representing location of validation in style tree. Used only
+//   for more informative error reporting.
+// - value: current value from style being evaluated. May be anything from a
+//   high level object that needs to be descended into deeper or a simple
+//   scalar value.
+// - valueSpec: current spec being evaluated. Tracks value.
+
+module.exports = function validate(options) {
+
+    var validateFunction = require('./validate_function');
+    var validateObject = require('./validate_object');
+    var VALIDATORS = {
+        '*': function() {
+            return [];
+        },
+        'array': require('./validate_array'),
+        'boolean': require('./validate_boolean'),
+        'number': require('./validate_number'),
+        'color': require('./validate_color'),
+        'constants': require('./validate_constants'),
+        'enum': require('./validate_enum'),
+        'filter': require('./validate_filter'),
+        'function': require('./validate_function'),
+        'layer': require('./validate_layer'),
+        'object': require('./validate_object'),
+        'source': require('./validate_source'),
+        'string': require('./validate_string')
+    };
+
+    var value = options.value;
+    var valueSpec = options.valueSpec;
+    var key = options.key;
+    var styleSpec = options.styleSpec;
+    var style = options.style;
+
+    if (getType(value) === 'string' && value[0] === '@') {
+        if (styleSpec.$version > 7) {
+            return [new ValidationError(key, value, 'constants have been deprecated as of v8')];
+        }
+        if (!(value in style.constants)) {
+            return [new ValidationError(key, value, 'constant "%s" not found', value)];
+        }
+        options = extend({}, options, { value: style.constants[value] });
+    }
+
+    if (valueSpec.function && getType(value) === 'object') {
+        return validateFunction(options);
+
+    } else if (valueSpec.type && VALIDATORS[valueSpec.type]) {
+        return VALIDATORS[valueSpec.type](options);
+
+    } else {
+        return validateObject(extend({}, options, {
+            valueSpec: valueSpec.type ? styleSpec[valueSpec.type] : valueSpec
+        }));
+    }
+};
+
+},{"../error/validation_error":304,"../util/extend":305,"../util/get_type":306,"./validate_array":309,"./validate_boolean":310,"./validate_color":311,"./validate_constants":312,"./validate_enum":313,"./validate_filter":314,"./validate_function":315,"./validate_layer":317,"./validate_number":319,"./validate_object":320,"./validate_source":322,"./validate_string":323}],309:[function(require,module,exports){
+'use strict';
+
+var getType = require('../util/get_type');
+var validate = require('./validate');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validateArray(options) {
+    var array = options.value;
+    var arraySpec = options.valueSpec;
+    var style = options.style;
+    var styleSpec = options.styleSpec;
+    var key = options.key;
+    var validateArrayElement = options.arrayElementValidator || validate;
+
+    if (getType(array) !== 'array') {
+        return [new ValidationError(key, array, 'array expected, %s found', getType(array))];
+    }
+
+    if (arraySpec.length && array.length !== arraySpec.length) {
+        return [new ValidationError(key, array, 'array length %d expected, length %d found', arraySpec.length, array.length)];
+    }
+
+    if (arraySpec['min-length'] && array.length < arraySpec['min-length']) {
+        return [new ValidationError(key, array, 'array length at least %d expected, length %d found', arraySpec['min-length'], array.length)];
+    }
+
+    var arrayElementSpec = {
+        "type": arraySpec.value
+    };
+
+    if (styleSpec.$version < 7) {
+        arrayElementSpec.function = arraySpec.function;
+    }
+
+    if (getType(arraySpec.value) === 'object') {
+        arrayElementSpec = arraySpec.value;
+    }
+
+    var errors = [];
+    for (var i = 0; i < array.length; i++) {
+        errors = errors.concat(validateArrayElement({
+            array: array,
+            arrayIndex: i,
+            value: array[i],
+            valueSpec: arrayElementSpec,
+            style: style,
+            styleSpec: styleSpec,
+            key: key + '[' + i + ']'
+        }));
+    }
+    return errors;
+};
+
+},{"../error/validation_error":304,"../util/get_type":306,"./validate":308}],310:[function(require,module,exports){
+'use strict';
+
+var getType = require('../util/get_type');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validateBoolean(options) {
+    var value = options.value;
+    var key = options.key;
+    var type = getType(value);
+
+    if (type !== 'boolean') {
+        return [new ValidationError(key, value, 'boolean expected, %s found', type)];
+    }
+
+    return [];
+};
+
+},{"../error/validation_error":304,"../util/get_type":306}],311:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var getType = require('../util/get_type');
+var parseCSSColor = require('csscolorparser').parseCSSColor;
+
+module.exports = function validateColor(options) {
+    var key = options.key;
+    var value = options.value;
+    var type = getType(value);
+
+    if (type !== 'string') {
+        return [new ValidationError(key, value, 'color expected, %s found', type)];
+    }
+
+    if (parseCSSColor(value) === null) {
+        return [new ValidationError(key, value, 'color expected, "%s" found', value)];
+    }
+
+    return [];
+};
+
+},{"../error/validation_error":304,"../util/get_type":306,"csscolorparser":108}],312:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var getType = require('../util/get_type');
+
+module.exports = function validateConstants(options) {
+    var key = options.key;
+    var constants = options.value;
+    var styleSpec = options.styleSpec;
+
+    if (styleSpec.$version > 7) {
+        if (constants) {
+            return [new ValidationError(key, constants, 'constants have been deprecated as of v8')];
+        } else {
+            return [];
+        }
+    } else {
+        var type = getType(constants);
+        if (type !== 'object') {
+            return [new ValidationError(key, constants, 'object expected, %s found', type)];
+        }
+
+        var errors = [];
+        for (var constantName in constants) {
+            if (constantName[0] !== '@') {
+                errors.push(new ValidationError(key + '.' + constantName, constants[constantName], 'constants must start with "@"'));
+            }
+        }
+        return errors;
+    }
+
+};
+
+},{"../error/validation_error":304,"../util/get_type":306}],313:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var unbundle = require('../util/unbundle_jsonlint');
+
+module.exports = function validateEnum(options) {
+    var key = options.key;
+    var value = options.value;
+    var valueSpec = options.valueSpec;
+    var errors = [];
+
+    if (valueSpec.values.indexOf(unbundle(value)) === -1) {
+        errors.push(new ValidationError(key, value, 'expected one of [%s], %s found', valueSpec.values.join(', '), value));
+    }
+    return errors;
+};
+
+},{"../error/validation_error":304,"../util/unbundle_jsonlint":307}],314:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var validateEnum = require('./validate_enum');
+var getType = require('../util/get_type');
+var unbundle = require('../util/unbundle_jsonlint');
+
+module.exports = function validateFilter(options) {
+    var value = options.value;
+    var key = options.key;
+    var styleSpec = options.styleSpec;
+    var type;
+
+    var errors = [];
+
+    if (getType(value) !== 'array') {
+        return [new ValidationError(key, value, 'array expected, %s found', getType(value))];
+    }
+
+    if (value.length < 1) {
+        return [new ValidationError(key, value, 'filter array must have at least 1 element')];
+    }
+
+    errors = errors.concat(validateEnum({
+        key: key + '[0]',
+        value: value[0],
+        valueSpec: styleSpec.filter_operator,
+        style: options.style,
+        styleSpec: options.styleSpec
+    }));
+
+    switch (unbundle(value[0])) {
+        case '<':
+        case '<=':
+        case '>':
+        case '>=':
+            if (value.length >= 2 && value[1] == '$type') {
+                errors.push(new ValidationError(key, value, '"$type" cannot be use with operator "%s"', value[0]));
+            }
+        /* falls through */
+        case '==':
+        case '!=':
+            if (value.length != 3) {
+                errors.push(new ValidationError(key, value, 'filter array for operator "%s" must have 3 elements', value[0]));
+            }
+        /* falls through */
+        case 'in':
+        case '!in':
+            if (value.length >= 2) {
+                type = getType(value[1]);
+                if (type !== 'string') {
+                    errors.push(new ValidationError(key + '[1]', value[1], 'string expected, %s found', type));
+                } else if (value[1][0] === '@') {
+                    errors.push(new ValidationError(key + '[1]', value[1], 'filter key cannot be a constant'));
+                }
+            }
+            for (var i = 2; i < value.length; i++) {
+                type = getType(value[i]);
+                if (value[1] == '$type') {
+                    errors = errors.concat(validateEnum({
+                        key: key + '[' + i + ']',
+                        value: value[i],
+                        valueSpec: styleSpec.geometry_type,
+                        style: options.style,
+                        styleSpec: options.styleSpec
+                    }));
+                } else if (type === 'string' && value[i][0] === '@') {
+                    errors.push(new ValidationError(key + '[' + i + ']', value[i], 'filter value cannot be a constant'));
+                } else if (type !== 'string' && type !== 'number' && type !== 'boolean') {
+                    errors.push(new ValidationError(key + '[' + i + ']', value[i], 'string, number, or boolean expected, %s found', type));
+                }
+            }
+            break;
+
+        case 'any':
+        case 'all':
+        case 'none':
+            for (i = 1; i < value.length; i++) {
+                errors = errors.concat(validateFilter({
+                    key: key + '[' + i + ']',
+                    value: value[i],
+                    style: options.style,
+                    styleSpec: options.styleSpec
+                }));
+            }
+            break;
+
+        case 'has':
+        case '!has':
+            type = getType(value[1]);
+            if (value.length !== 2) {
+                errors.push(new ValidationError(key, value, 'filter array for "%s" operator must have 2 elements', value[0]));
+            } else if (type !== 'string') {
+                errors.push(new ValidationError(key + '[1]', value[1], 'string expected, %s found', type));
+            } else if (value[1][0] === '@') {
+                errors.push(new ValidationError(key + '[1]', value[1], 'filter key cannot be a constant'));
+            }
+            break;
+
+    }
+
+    return errors;
+};
+
+},{"../error/validation_error":304,"../util/get_type":306,"../util/unbundle_jsonlint":307,"./validate_enum":313}],315:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var getType = require('../util/get_type');
+var validate = require('./validate');
+var validateObject = require('./validate_object');
+var validateArray = require('./validate_array');
+var validateNumber = require('./validate_number');
+
+module.exports = function validateFunction(options) {
+    var functionValueSpec = options.valueSpec;
+    var stopKeyType;
+
+    var isPropertyFunction = options.value.property !== undefined || stopKeyType === 'object';
+    var isZoomFunction = options.value.property === undefined || stopKeyType === 'object';
+
+    var errors = validateObject({
+        key: options.key,
+        value: options.value,
+        valueSpec: options.styleSpec.function,
+        style: options.style,
+        styleSpec: options.styleSpec,
+        objectElementValidators: { stops: validateFunctionStops }
+    });
+
+    if (options.styleSpec.$version >= 8) {
+       if (isPropertyFunction && !options.valueSpec['property-function']) {
+           errors.push(new ValidationError(options.key, options.value, 'property functions not supported'));
+       } else if (isZoomFunction && !options.valueSpec['zoom-function']) {
+           errors.push(new ValidationError(options.key, options.value, 'zoom functions not supported'));
+       }
+    }
+
+    return errors;
+
+    function validateFunctionStops(options) {
+        var errors = [];
+        var value = options.value;
+
+        errors = errors.concat(validateArray({
+            key: options.key,
+            value: value,
+            valueSpec: options.valueSpec,
+            style: options.style,
+            styleSpec: options.styleSpec,
+            arrayElementValidator: validateFunctionStop
+        }));
+
+        if (getType(value) === 'array' && value.length === 0) {
+            errors.push(new ValidationError(options.key, value, 'array must have at least one stop'));
+        }
+
+        return errors;
+    }
+
+    function validateFunctionStop(options) {
+        var errors = [];
+        var value = options.value;
+        var key = options.key;
+
+        if (getType(value) !== 'array') {
+            return [new ValidationError(key, value, 'array expected, %s found', getType(value))];
+        }
+
+        if (value.length !== 2) {
+            return [new ValidationError(key, value, 'array length %d expected, length %d found', 2, value.length)];
+        }
+
+        var type = getType(value[0]);
+        if (!stopKeyType) stopKeyType = type;
+        if (type !== stopKeyType) {
+            return [new ValidationError(key, value, '%s stop key type must match previous stop key type %s', type, stopKeyType)];
+        }
+
+        if (type === 'object') {
+            if (value[0].zoom === undefined) {
+                return [new ValidationError(key, value, 'object stop key must have zoom')];
+            }
+            if (value[0].value === undefined) {
+                return [new ValidationError(key, value, 'object stop key must have value')];
+            }
+            errors = errors.concat(validateObject({
+                key: key + '[0]',
+                value: value[0],
+                valueSpec: { zoom: {} },
+                style: options.style,
+                styleSpec: options.styleSpec,
+                objectElementValidators: { zoom: validateNumber, value: validateValue }
+            }));
+        } else {
+            errors = errors.concat((isZoomFunction ? validateNumber : validateValue)({
+                key: key + '[0]',
+                value: value[0],
+                valueSpec: {},
+                style: options.style,
+                styleSpec: options.styleSpec
+            }));
+        }
+
+        errors = errors.concat(validate({
+            key: key + '[1]',
+            value: value[1],
+            valueSpec: functionValueSpec,
+            style: options.style,
+            styleSpec: options.styleSpec
+        }));
+
+        if (getType(value[0]) === 'number') {
+            if (functionValueSpec.function === 'piecewise-constant' && value[0] % 1 !== 0) {
+                errors.push(new ValidationError(key + '[0]', value[0], 'zoom level for piecewise-constant functions must be an integer'));
+            }
+
+            if (options.arrayIndex !== 0) {
+                if (value[0] < options.array[options.arrayIndex - 1][0]) {
+                    errors.push(new ValidationError(key + '[0]', value[0], 'array stops must appear in ascending order'));
+                }
+            }
+        }
+
+        return errors;
+    }
+
+    function validateValue(options) {
+        var errors = [];
+        var type = getType(options.value);
+        if (type !== 'number' && type !== 'string' && type !== 'array') {
+            errors.push(new ValidationError(options.key, options.value, 'property value must be a number, string or array'));
+        }
+        return errors;
+    }
+
+};
+
+},{"../error/validation_error":304,"../util/get_type":306,"./validate":308,"./validate_array":309,"./validate_number":319,"./validate_object":320}],316:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var validateString = require('./validate_string');
+
+module.exports = function(options) {
+    var value = options.value;
+    var key = options.key;
+
+    var errors = validateString(options);
+    if (errors.length) return errors;
+
+    if (value.indexOf('{fontstack}') === -1) {
+        errors.push(new ValidationError(key, value, '"glyphs" url must include a "{fontstack}" token'));
+    }
+
+    if (value.indexOf('{range}') === -1) {
+        errors.push(new ValidationError(key, value, '"glyphs" url must include a "{range}" token'));
+    }
+
+    return errors;
+};
+
+},{"../error/validation_error":304,"./validate_string":323}],317:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var unbundle = require('../util/unbundle_jsonlint');
+var validateObject = require('./validate_object');
+var validateFilter = require('./validate_filter');
+var validatePaintProperty = require('./validate_paint_property');
+var validateLayoutProperty = require('./validate_layout_property');
+var extend = require('../util/extend');
+
+module.exports = function validateLayer(options) {
+    var errors = [];
+
+    var layer = options.value;
+    var key = options.key;
+    var style = options.style;
+    var styleSpec = options.styleSpec;
+
+    if (!layer.type && !layer.ref) {
+        errors.push(new ValidationError(key, layer, 'either "type" or "ref" is required'));
+    }
+    var type = unbundle(layer.type);
+    var ref = unbundle(layer.ref);
+
+    if (layer.id) {
+        for (var i = 0; i < options.arrayIndex; i++) {
+            var otherLayer = style.layers[i];
+            if (unbundle(otherLayer.id) === unbundle(layer.id)) {
+                errors.push(new ValidationError(key, layer.id, 'duplicate layer id "%s", previously used at line %d', layer.id, otherLayer.id.__line__));
+            }
+        }
+    }
+
+    if ('ref' in layer) {
+        ['type', 'source', 'source-layer', 'filter', 'layout'].forEach(function (p) {
+            if (p in layer) {
+                errors.push(new ValidationError(key, layer[p], '"%s" is prohibited for ref layers', p));
+            }
+        });
+
+        var parent;
+
+        style.layers.forEach(function(layer) {
+            if (layer.id == ref) parent = layer;
+        });
+
+        if (!parent) {
+            errors.push(new ValidationError(key, layer.ref, 'ref layer "%s" not found', ref));
+        } else if (parent.ref) {
+            errors.push(new ValidationError(key, layer.ref, 'ref cannot reference another ref layer'));
+        } else {
+            type = unbundle(parent.type);
+        }
+    } else if (type !== 'background') {
+        if (!layer.source) {
+            errors.push(new ValidationError(key, layer, 'missing required property "source"'));
+        } else {
+            var source = style.sources && style.sources[layer.source];
+            if (!source) {
+                errors.push(new ValidationError(key, layer.source, 'source "%s" not found', layer.source));
+            } else if (source.type == 'vector' && type == 'raster') {
+                errors.push(new ValidationError(key, layer.source, 'layer "%s" requires a raster source', layer.id));
+            } else if (source.type == 'raster' && type != 'raster') {
+                errors.push(new ValidationError(key, layer.source, 'layer "%s" requires a vector source', layer.id));
+            } else if (source.type == 'vector' && !layer['source-layer']) {
+                errors.push(new ValidationError(key, layer, 'layer "%s" must specify a "source-layer"', layer.id));
+            }
+        }
+    }
+
+    errors = errors.concat(validateObject({
+        key: key,
+        value: layer,
+        valueSpec: styleSpec.layer,
+        style: options.style,
+        styleSpec: options.styleSpec,
+        objectElementValidators: {
+            filter: validateFilter,
+            layout: function(options) {
+                return validateObject({
+                    layer: layer,
+                    key: options.key,
+                    value: options.value,
+                    style: options.style,
+                    styleSpec: options.styleSpec,
+                    objectElementValidators: {
+                        '*': function(options) {
+                            return validateLayoutProperty(extend({layerType: type}, options));
+                        }
+                    }
+                });
+            },
+            paint: function(options) {
+                return validateObject({
+                    layer: layer,
+                    key: options.key,
+                    value: options.value,
+                    style: options.style,
+                    styleSpec: options.styleSpec,
+                    objectElementValidators: {
+                        '*': function(options) {
+                            return validatePaintProperty(extend({layerType: type}, options));
+                        }
+                    }
+                });
+            }
+        }
+    }));
+
+    return errors;
+};
+
+},{"../error/validation_error":304,"../util/extend":305,"../util/unbundle_jsonlint":307,"./validate_filter":314,"./validate_layout_property":318,"./validate_object":320,"./validate_paint_property":321}],318:[function(require,module,exports){
+'use strict';
+
+var validate = require('./validate');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validateLayoutProperty(options) {
+    var key = options.key;
+    var style = options.style;
+    var styleSpec = options.styleSpec;
+    var value = options.value;
+    var propertyKey = options.objectKey;
+    var layerSpec = styleSpec['layout_' + options.layerType];
+
+    if (options.valueSpec || layerSpec[propertyKey]) {
+        var errors = [];
+
+        if (options.layerType === 'symbol') {
+            if (propertyKey === 'icon-image' && style && !style.sprite) {
+                errors.push(new ValidationError(key, value, 'use of "icon-image" requires a style "sprite" property'));
+            } else if (propertyKey === 'text-field' && style && !style.glyphs) {
+                errors.push(new ValidationError(key, value, 'use of "text-field" requires a style "glyphs" property'));
+            }
+        }
+
+        return errors.concat(validate({
+            key: options.key,
+            value: value,
+            valueSpec: options.valueSpec || layerSpec[propertyKey],
+            style: style,
+            styleSpec: styleSpec
+        }));
+
+    } else {
+        return [new ValidationError(key, value, 'unknown property "%s"', propertyKey)];
+    }
+
+};
+
+},{"../error/validation_error":304,"./validate":308}],319:[function(require,module,exports){
+'use strict';
+
+var getType = require('../util/get_type');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validateNumber(options) {
+    var key = options.key;
+    var value = options.value;
+    var valueSpec = options.valueSpec;
+    var type = getType(value);
+
+    if (type !== 'number') {
+        return [new ValidationError(key, value, 'number expected, %s found', type)];
+    }
+
+    if ('minimum' in valueSpec && value < valueSpec.minimum) {
+        return [new ValidationError(key, value, '%s is less than the minimum value %s', value, valueSpec.minimum)];
+    }
+
+    if ('maximum' in valueSpec && value > valueSpec.maximum) {
+        return [new ValidationError(key, value, '%s is greater than the maximum value %s', value, valueSpec.maximum)];
+    }
+
+    return [];
+};
+
+},{"../error/validation_error":304,"../util/get_type":306}],320:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var getType = require('../util/get_type');
+var validate = require('./validate');
+
+module.exports = function validateObject(options) {
+    var key = options.key;
+    var object = options.value;
+    var valueSpec = options.valueSpec;
+    var objectElementValidators = options.objectElementValidators || {};
+    var style = options.style;
+    var styleSpec = options.styleSpec;
+    var errors = [];
+
+    var type = getType(object);
+    if (type !== 'object') {
+        return [new ValidationError(key, object, 'object expected, %s found', type)];
+    }
+
+    for (var objectKey in object) {
+        var valueSpecKey = objectKey.split('.')[0]; // treat 'paint.*' as 'paint'
+        var objectElementSpec = valueSpec && (valueSpec[valueSpecKey] || valueSpec['*']);
+        var objectElementValidator = objectElementValidators[valueSpecKey] || objectElementValidators['*'];
+
+        if (objectElementSpec || objectElementValidator) {
+            errors = errors.concat((objectElementValidator || validate)({
+                key: (key ? key + '.' : key) + objectKey,
+                value: object[objectKey],
+                valueSpec: objectElementSpec,
+                style: style,
+                styleSpec: styleSpec,
+                object: object,
+                objectKey: objectKey
+            }));
+
+        // tolerate root-level extra keys & arbitrary layer properties
+        // TODO remove this layer-specific logic
+        } else if (key !== '' && key.split('.').length !== 1) {
+            errors.push(new ValidationError(key, object[objectKey], 'unknown property "%s"', objectKey));
+        }
+    }
+
+    for (valueSpecKey in valueSpec) {
+        if (valueSpec[valueSpecKey].required && valueSpec[valueSpecKey]['default'] === undefined && object[valueSpecKey] === undefined) {
+            errors.push(new ValidationError(key, object, 'missing required property "%s"', valueSpecKey));
+        }
+    }
+
+    return errors;
+};
+
+},{"../error/validation_error":304,"../util/get_type":306,"./validate":308}],321:[function(require,module,exports){
+'use strict';
+
+var validate = require('./validate');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validatePaintProperty(options) {
+    var key = options.key;
+    var style = options.style;
+    var styleSpec = options.styleSpec;
+    var value = options.value;
+    var propertyKey = options.objectKey;
+    var layerSpec = styleSpec['paint_' + options.layerType];
+
+    var transitionMatch = propertyKey.match(/^(.*)-transition$/);
+
+    if (transitionMatch && layerSpec[transitionMatch[1]] && layerSpec[transitionMatch[1]].transition) {
+        return validate({
+            key: key,
+            value: value,
+            valueSpec: styleSpec.transition,
+            style: style,
+            styleSpec: styleSpec
+        });
+
+    } else if (options.valueSpec || layerSpec[propertyKey]) {
+        return validate({
+            key: options.key,
+            value: value,
+            valueSpec: options.valueSpec || layerSpec[propertyKey],
+            style: style,
+            styleSpec: styleSpec
+        });
+
+    } else {
+        return [new ValidationError(key, value, 'unknown property "%s"', propertyKey)];
+    }
+
+};
+
+},{"../error/validation_error":304,"./validate":308}],322:[function(require,module,exports){
+'use strict';
+
+var ValidationError = require('../error/validation_error');
+var unbundle = require('../util/unbundle_jsonlint');
+var validateObject = require('./validate_object');
+var validateEnum = require('./validate_enum');
+
+module.exports = function validateSource(options) {
+    var value = options.value;
+    var key = options.key;
+    var styleSpec = options.styleSpec;
+    var style = options.style;
+
+    if (!value.type) {
+        return [new ValidationError(key, value, '"type" is required')];
+    }
+
+    var type = unbundle(value.type);
+    switch (type) {
+        case 'vector':
+        case 'raster':
+            var errors = [];
+            errors = errors.concat(validateObject({
+                key: key,
+                value: value,
+                valueSpec: styleSpec.source_tile,
+                style: options.style,
+                styleSpec: styleSpec
+            }));
+            if ('url' in value) {
+                for (var prop in value) {
+                    if (['type', 'url', 'tileSize'].indexOf(prop) < 0) {
+                        errors.push(new ValidationError(key + '.' + prop, value[prop], 'a source with a "url" property may not include a "%s" property', prop));
+                    }
+                }
+            }
+            return errors;
+
+        case 'geojson':
+            return validateObject({
+                key: key,
+                value: value,
+                valueSpec: styleSpec.source_geojson,
+                style: style,
+                styleSpec: styleSpec
+            });
+
+        case 'video':
+            return validateObject({
+                key: key,
+                value: value,
+                valueSpec: styleSpec.source_video,
+                style: style,
+                styleSpec: styleSpec
+            });
+
+        case 'image':
+            return validateObject({
+                key: key,
+                value: value,
+                valueSpec: styleSpec.source_image,
+                style: style,
+                styleSpec: styleSpec
+            });
+
+        default:
+            return validateEnum({
+                key: key + '.type',
+                value: value.type,
+                valueSpec: {values: ['vector', 'raster', 'geojson', 'video', 'image']},
+                style: style,
+                styleSpec: styleSpec
+            });
+    }
+};
+
+},{"../error/validation_error":304,"../util/unbundle_jsonlint":307,"./validate_enum":313,"./validate_object":320}],323:[function(require,module,exports){
+'use strict';
+
+var getType = require('../util/get_type');
+var ValidationError = require('../error/validation_error');
+
+module.exports = function validateString(options) {
+    var value = options.value;
+    var key = options.key;
+    var type = getType(value);
+
+    if (type !== 'string') {
+        return [new ValidationError(key, value, 'string expected, %s found', type)];
+    }
+
+    return [];
+};
+
+},{"../error/validation_error":304,"../util/get_type":306}],324:[function(require,module,exports){
+'use strict';
+
+var validateConstants = require('./validate/validate_constants');
+var validate = require('./validate/validate');
+var latestStyleSpec = require('../reference/latest.min');
+var validateGlyphsURL = require('./validate/validate_glyphs_url');
+
+/**
+ * Validate a Mapbox GL style against the style specification. This entrypoint,
+ * `mapbox-gl-style-spec/lib/validate_style.min`, is designed to produce as
+ * small a browserify bundle as possible by omitting unnecessary functionality
+ * and legacy style specifications.
+ *
+ * @param {Object} style The style to be validated.
+ * @param {Object} [styleSpec] The style specification to validate against.
+ *     If omitted, the latest style spec is used.
+ * @returns {Array<ValidationError>}
+ * @example
+ *   var validate = require('mapbox-gl-style-spec/lib/validate_style.min');
+ *   var errors = validate(style);
+ */
+function validateStyleMin(style, styleSpec) {
+    styleSpec = styleSpec || latestStyleSpec;
+
+    var errors = [];
+
+    errors = errors.concat(validate({
+        key: '',
+        value: style,
+        valueSpec: styleSpec.$root,
+        styleSpec: styleSpec,
+        style: style,
+        objectElementValidators: {
+            glyphs: validateGlyphsURL
+        }
+    }));
+
+    if (styleSpec.$version > 7 && style.constants) {
+        errors = errors.concat(validateConstants({
+            key: 'constants',
+            value: style.constants,
+            style: style,
+            styleSpec: styleSpec
+        }));
+    }
+
+    return sortErrors(errors);
+}
+
+validateStyleMin.source = wrapCleanErrors(require('./validate/validate_source'));
+validateStyleMin.layer = wrapCleanErrors(require('./validate/validate_layer'));
+validateStyleMin.filter = wrapCleanErrors(require('./validate/validate_filter'));
+validateStyleMin.paintProperty = wrapCleanErrors(require('./validate/validate_paint_property'));
+validateStyleMin.layoutProperty = wrapCleanErrors(require('./validate/validate_layout_property'));
+
+function sortErrors(errors) {
+    return [].concat(errors).sort(function (a, b) {
+        return a.line - b.line;
+    });
+}
+
+function wrapCleanErrors(inner) {
+    return function() {
+        return sortErrors(inner.apply(this, arguments));
+    };
+}
+
+module.exports = validateStyleMin;
+
+},{"../reference/latest.min":325,"./validate/validate":308,"./validate/validate_constants":312,"./validate/validate_filter":314,"./validate/validate_glyphs_url":316,"./validate/validate_layer":317,"./validate/validate_layout_property":318,"./validate/validate_paint_property":321,"./validate/validate_source":322}],325:[function(require,module,exports){
+module.exports = require('./v8.min.json');
+
+},{"./v8.min.json":326}],326:[function(require,module,exports){
+module.exports={"$version":8,"$root":{"version":{"required":true,"type":"enum","values":[8]},"name":{"type":"string"},"metadata":{"type":"*"},"center":{"type":"array","value":"number"},"zoom":{"type":"number"},"bearing":{"type":"number","default":0,"period":360,"units":"degrees"},"pitch":{"type":"number","default":0,"units":"degrees"},"sources":{"required":true,"type":"sources"},"sprite":{"type":"string"},"glyphs":{"type":"string"},"transition":{"type":"transition"},"layers":{"required": [...]
+},{}],327:[function(require,module,exports){
+'use strict';
+
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = isSupported;
+} else if (window) {
+    window.mapboxgl = window.mapboxgl || {};
+    window.mapboxgl.supported = isSupported;
+}
+
+/**
+ * Test whether the current browser supports Mapbox GL JS
+ * @param {Object} options
+ * @param {boolean} [options.failIfMajorPerformanceCaveat=false] Return `false`
+ *   if the performance of Mapbox GL JS would be dramatically worse than
+ *   expected (i.e. a software renderer is would be used)
+ * @return {boolean}
+ */
+function isSupported(options) {
+    return !!(
+        isBrowser() &&
+        isArraySupported() &&
+        isFunctionSupported() &&
+        isObjectSupported() &&
+        isJSONSupported() &&
+        isWorkerSupported() &&
+        isUint8ClampedArraySupported() &&
+        isWebGLSupportedCached(options && options.failIfMajorPerformanceCaveat)
+    );
+}
+
+function isBrowser() {
+    return typeof window !== 'undefined' && typeof document !== 'undefined';
+}
+
+function isArraySupported() {
+    return (
+        Array.prototype &&
+        Array.prototype.every &&
+        Array.prototype.filter &&
+        Array.prototype.forEach &&
+        Array.prototype.indexOf &&
+        Array.prototype.lastIndexOf &&
+        Array.prototype.map &&
+        Array.prototype.some &&
+        Array.prototype.reduce &&
+        Array.prototype.reduceRight &&
+        Array.isArray
+    );
+}
+
+function isFunctionSupported() {
+    return Function.prototype && Function.prototype.bind;
+}
+
+function isObjectSupported() {
+    return (
+        Object.keys &&
+        Object.create &&
+        Object.getPrototypeOf &&
+        Object.getOwnPropertyNames &&
+        Object.isSealed &&
+        Object.isFrozen &&
+        Object.isExtensible &&
+        Object.getOwnPropertyDescriptor &&
+        Object.defineProperty &&
+        Object.defineProperties &&
+        Object.seal &&
+        Object.freeze &&
+        Object.preventExtensions
+    );
+}
+
+function isJSONSupported() {
+    return 'JSON' in window && 'parse' in JSON && 'stringify' in JSON;
+}
+
+function isWorkerSupported() {
+    return 'Worker' in window;
+}
+
+// IE11 only supports `Uint8ClampedArray` as of version
+// [KB2929437](https://support.microsoft.com/en-us/kb/2929437)
+function isUint8ClampedArraySupported() {
+    return 'Uint8ClampedArray' in window;
+}
+
+var isWebGLSupportedCache = {};
+function isWebGLSupportedCached(failIfMajorPerformanceCaveat) {
+
+    if (isWebGLSupportedCache[failIfMajorPerformanceCaveat] === undefined) {
+        isWebGLSupportedCache[failIfMajorPerformanceCaveat] = isWebGLSupported(failIfMajorPerformanceCaveat);
+    }
+
+    return isWebGLSupportedCache[failIfMajorPerformanceCaveat];
+}
+
+isSupported.webGLContextAttributes = {
+    antialias: false,
+    alpha: true,
+    stencil: true,
+    depth: true
+};
+
+function isWebGLSupported(failIfMajorPerformanceCaveat) {
+
+    var canvas = document.createElement('canvas');
+
+    var attributes = Object.create(isSupported.webGLContextAttributes);
+    attributes.failIfMajorPerformanceCaveat = failIfMajorPerformanceCaveat;
+
+    if (canvas.probablySupportsContext) {
+        return (
+            canvas.probablySupportsContext('webgl', attributes) ||
+            canvas.probablySupportsContext('experimental-webgl', attributes)
+        );
+
+    } else if (canvas.supportsContext) {
+        return (
+            canvas.supportsContext('webgl', attributes) ||
+            canvas.supportsContext('experimental-webgl', attributes)
+        );
+
+    } else {
+        return (
+            canvas.getContext('webgl', attributes) ||
+            canvas.getContext('experimental-webgl', attributes)
+        );
+    }
+}
+
+},{}],328:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+
+module.exports = ArrayGroup;
+
+/**
+ * A class that manages vertex and element arrays for a range of features. It handles initialization,
+ * serialization for transfer to the main thread, and certain intervening mutations.
+ *
+ * Array elements are broken into array groups based on inherent limits of WebGL. Within a group is:
+ *
+ * * A "layout" vertex array, with fixed layout, containing values calculated from layout properties.
+ * * Zero, one, or two element arrays, with fixed layout, typically for eventual use in
+ *   `gl.drawElements(gl.TRIANGLES, ...)`.
+ * * Zero or more "paint" vertex arrays keyed by layer ID, each with a dynamic layout which depends
+ *   on which paint properties of that layer use data-driven-functions (property functions or
+ *   property-and-zoom functions). Values are calculated by evaluating those functions.
+ *
+ * @private
+ */
+function ArrayGroup(arrayTypes) {
+    var LayoutVertexArrayType = arrayTypes.layoutVertexArrayType;
+    this.layoutVertexArray = new LayoutVertexArrayType();
+
+    var ElementArrayType = arrayTypes.elementArrayType;
+    if (ElementArrayType) this.elementArray = new ElementArrayType();
+
+    var ElementArrayType2 = arrayTypes.elementArrayType2;
+    if (ElementArrayType2) this.elementArray2 = new ElementArrayType2();
+
+    this.paintVertexArrays = util.mapObject(arrayTypes.paintVertexArrayTypes, function (PaintVertexArrayType) {
+        return new PaintVertexArrayType();
+    });
+}
+
+/**
+ * The maximum size of a vertex array. This limit is imposed by WebGL's 16 bit
+ * addressing of vertex buffers.
+ * @private
+ * @readonly
+ */
+ArrayGroup.MAX_VERTEX_ARRAY_LENGTH = Math.pow(2, 16) - 1;
+
+ArrayGroup.prototype.hasCapacityFor = function(numVertices) {
+    return this.layoutVertexArray.length + numVertices <= ArrayGroup.MAX_VERTEX_ARRAY_LENGTH;
+};
+
+ArrayGroup.prototype.isEmpty = function() {
+    return this.layoutVertexArray.length === 0;
+};
+
+ArrayGroup.prototype.trim = function() {
+    this.layoutVertexArray.trim();
+
+    if (this.elementArray) {
+        this.elementArray.trim();
+    }
+
+    if (this.elementArray2) {
+        this.elementArray2.trim();
+    }
+
+    for (var layerName in this.paintVertexArrays) {
+        this.paintVertexArrays[layerName].trim();
+    }
+};
+
+ArrayGroup.prototype.serialize = function() {
+    return {
+        layoutVertexArray: this.layoutVertexArray.serialize(),
+        elementArray: this.elementArray && this.elementArray.serialize(),
+        elementArray2: this.elementArray2 && this.elementArray2.serialize(),
+        paintVertexArrays: util.mapObject(this.paintVertexArrays, function(array) {
+            return array.serialize();
+        })
+    };
+};
+
+ArrayGroup.prototype.getTransferables = function(transferables) {
+    transferables.push(this.layoutVertexArray.arrayBuffer);
+
+    if (this.elementArray) {
+        transferables.push(this.elementArray.arrayBuffer);
+    }
+
+    if (this.elementArray2) {
+        transferables.push(this.elementArray2.arrayBuffer);
+    }
+
+    for (var layerName in this.paintVertexArrays) {
+        transferables.push(this.paintVertexArrays[layerName].arrayBuffer);
+    }
+};
+
+},{"../util/util":442}],329:[function(require,module,exports){
+'use strict';
+
+var featureFilter = require('feature-filter');
+var ArrayGroup = require('./array_group');
+var BufferGroup = require('./buffer_group');
+var util = require('../util/util');
+var StructArrayType = require('../util/struct_array');
+var assert = require('assert');
+
+module.exports = Bucket;
+
+/**
+ * Instantiate the appropriate subclass of `Bucket` for `options`.
+ * @private
+ * @param options See `Bucket` constructor options
+ * @returns {Bucket}
+ */
+Bucket.create = function(options) {
+    var Classes = {
+        fill: require('./bucket/fill_bucket'),
+        line: require('./bucket/line_bucket'),
+        circle: require('./bucket/circle_bucket'),
+        symbol: require('./bucket/symbol_bucket')
+    };
+    return new Classes[options.layer.type](options);
+};
+
+
+/**
+ * The maximum extent of a feature that can be safely stored in the buffer.
+ * In practice, all features are converted to this extent before being added.
+ *
+ * Positions are stored as signed 16bit integers.
+ * One bit is lost for signedness to support featuers extending past the left edge of the tile.
+ * One bit is lost because the line vertex buffer packs 1 bit of other data into the int.
+ * One bit is lost to support features extending past the extent on the right edge of the tile.
+ * This leaves us with 2^13 = 8192
+ *
+ * @private
+ * @readonly
+ */
+Bucket.EXTENT = 8192;
+
+/**
+ * The `Bucket` class is the single point of knowledge about turning vector
+ * tiles into WebGL buffers.
+ *
+ * `Bucket` is an abstract class. A subclass exists for each Mapbox GL
+ * style spec layer type. Because `Bucket` is an abstract class,
+ * instances should be created via the `Bucket.create` method.
+ *
+ * @class Bucket
+ * @private
+ * @param options
+ * @param {number} options.zoom Zoom level of the buffers being built. May be
+ *     a fractional zoom level.
+ * @param options.layer A Mapbox style layer object
+ * @param {Object.<string, Buffer>} options.buffers The set of `Buffer`s being
+ *     built for this tile. This object facilitates sharing of `Buffer`s be
+       between `Bucket`s.
+ */
+function Bucket(options) {
+    this.zoom = options.zoom;
+    this.overscaling = options.overscaling;
+    this.layer = options.layer;
+    this.childLayers = options.childLayers;
+
+    this.type = this.layer.type;
+    this.features = [];
+    this.id = this.layer.id;
+    this.index = options.index;
+    this.sourceLayer = this.layer.sourceLayer;
+    this.sourceLayerIndex = options.sourceLayerIndex;
+    this.minZoom = this.layer.minzoom;
+    this.maxZoom = this.layer.maxzoom;
+
+    this.paintAttributes = createPaintAttributes(this);
+
+    if (options.arrays) {
+        var programInterfaces = this.programInterfaces;
+        this.bufferGroups = util.mapObject(options.arrays, function(programArrayGroups, programName) {
+            var programInterface = programInterfaces[programName];
+            var paintVertexArrayTypes = options.paintVertexArrayTypes[programName];
+            return programArrayGroups.map(function(arrayGroup) {
+                return new BufferGroup(arrayGroup, {
+                    layoutVertexArrayType: programInterface.layoutVertexArrayType.serialize(),
+                    elementArrayType: programInterface.elementArrayType && programInterface.elementArrayType.serialize(),
+                    elementArrayType2: programInterface.elementArrayType2 && programInterface.elementArrayType2.serialize(),
+                    paintVertexArrayTypes: paintVertexArrayTypes
+                });
+            });
+        });
+    }
+}
+
+/**
+ * Build the arrays! Features are set directly to the `features` property.
+ * @private
+ */
+Bucket.prototype.populateArrays = function() {
+    this.createArrays();
+    this.recalculateStyleLayers();
+
+    for (var i = 0; i < this.features.length; i++) {
+        this.addFeature(this.features[i]);
+    }
+
+    this.trimArrays();
+};
+
+/**
+ * Check if there is enough space available in the current array group for
+ * `vertexLength` vertices. If not, append a new array group. Should be called
+ * by `populateArrays` and its callees.
+ *
+ * Array groups are added to this.arrayGroups[programName].
+ *
+ * @private
+ * @param {string} programName the name of the program associated with the buffer that will receive the vertices
+ * @param {number} vertexLength The number of vertices that will be inserted to the buffer.
+ * @returns The current array group
+ */
+Bucket.prototype.prepareArrayGroup = function(programName, numVertices) {
+    var groups = this.arrayGroups[programName];
+    var currentGroup = groups.length && groups[groups.length - 1];
+
+    if (!currentGroup || !currentGroup.hasCapacityFor(numVertices)) {
+        currentGroup = new ArrayGroup({
+            layoutVertexArrayType: this.programInterfaces[programName].layoutVertexArrayType,
+            elementArrayType: this.programInterfaces[programName].elementArrayType,
+            elementArrayType2: this.programInterfaces[programName].elementArrayType2,
+            paintVertexArrayTypes: this.paintVertexArrayTypes[programName]
+        });
+
+        currentGroup.index = groups.length;
+
+        groups.push(currentGroup);
+    }
+
+    return currentGroup;
+};
+
+/**
+ * Sets up `this.paintVertexArrayTypes` as { [programName]: { [layerName]: PaintArrayType, ... }, ... }
+ *
+ * And `this.arrayGroups` as { [programName]: [], ... }; these get populated
+ * with array group structure over in `prepareArrayGroup`.
+ *
+ * @private
+ */
+Bucket.prototype.createArrays = function() {
+    this.arrayGroups = {};
+    this.paintVertexArrayTypes = {};
+
+    for (var programName in this.programInterfaces) {
+        this.arrayGroups[programName] = [];
+
+        var paintVertexArrayTypes = this.paintVertexArrayTypes[programName] = {};
+        var layerPaintAttributes = this.paintAttributes[programName];
+
+        for (var layerName in layerPaintAttributes) {
+            paintVertexArrayTypes[layerName] = new Bucket.VertexArrayType(layerPaintAttributes[layerName].attributes);
+        }
+    }
+};
+
+Bucket.prototype.destroy = function(gl) {
+    for (var programName in this.bufferGroups) {
+        var programBufferGroups = this.bufferGroups[programName];
+        for (var i = 0; i < programBufferGroups.length; i++) {
+            programBufferGroups[i].destroy(gl);
+        }
+    }
+};
+
+Bucket.prototype.trimArrays = function() {
+    for (var programName in this.arrayGroups) {
+        var arrayGroups = this.arrayGroups[programName];
+        for (var i = 0; i < arrayGroups.length; i++) {
+            arrayGroups[i].trim();
+        }
+    }
+};
+
+Bucket.prototype.isEmpty = function() {
+    for (var programName in this.arrayGroups) {
+        var arrayGroups = this.arrayGroups[programName];
+        for (var i = 0; i < arrayGroups.length; i++) {
+            if (!arrayGroups[i].isEmpty()) {
+                return false;
+            }
+        }
+    }
+    return true;
+};
+
+Bucket.prototype.getTransferables = function(transferables) {
+    for (var programName in this.arrayGroups) {
+        var arrayGroups = this.arrayGroups[programName];
+        for (var i = 0; i < arrayGroups.length; i++) {
+            arrayGroups[i].getTransferables(transferables);
+        }
+    }
+};
+
+Bucket.prototype.setUniforms = function(gl, programName, program, layer, globalProperties) {
+    var uniforms = this.paintAttributes[programName][layer.id].uniforms;
+    for (var i = 0; i < uniforms.length; i++) {
+        var uniform = uniforms[i];
+        var uniformLocation = program[uniform.name];
+        gl['uniform' + uniform.components + 'fv'](uniformLocation, uniform.getValue(layer, globalProperties));
+    }
+};
+
+Bucket.prototype.serialize = function() {
+    return {
+        layerId: this.layer.id,
+        zoom: this.zoom,
+        arrays: util.mapObject(this.arrayGroups, function(programArrayGroups) {
+            return programArrayGroups.map(function(arrayGroup) {
+                return arrayGroup.serialize();
+            });
+        }),
+        paintVertexArrayTypes: util.mapObject(this.paintVertexArrayTypes, function(arrayTypes) {
+            return util.mapObject(arrayTypes, function(arrayType) {
+                return arrayType.serialize();
+            });
+        }),
+
+        childLayerIds: this.childLayers.map(function(layer) {
+            return layer.id;
+        })
+    };
+};
+
+Bucket.prototype.createFilter = function() {
+    if (!this.filter) {
+        this.filter = featureFilter(this.layer.filter);
+    }
+};
+
+var FAKE_ZOOM_HISTORY = { lastIntegerZoom: Infinity, lastIntegerZoomTime: 0, lastZoom: 0 };
+Bucket.prototype.recalculateStyleLayers = function() {
+    for (var i = 0; i < this.childLayers.length; i++) {
+        this.childLayers[i].recalculate(this.zoom, FAKE_ZOOM_HISTORY);
+    }
+};
+
+Bucket.prototype.populatePaintArrays = function(interfaceName, globalProperties, featureProperties, startGroup, startIndex) {
+    for (var l = 0; l < this.childLayers.length; l++) {
+        var layer = this.childLayers[l];
+        var groups = this.arrayGroups[interfaceName];
+        for (var g = startGroup.index; g < groups.length; g++) {
+            var group = groups[g];
+            var length = group.layoutVertexArray.length;
+            var paintArray = group.paintVertexArrays[layer.id];
+            paintArray.resize(length);
+
+            var attributes = this.paintAttributes[interfaceName][layer.id].attributes;
+            for (var m = 0; m < attributes.length; m++) {
+                var attribute = attributes[m];
+
+                var value = attribute.getValue(layer, globalProperties, featureProperties);
+                var multiplier = attribute.multiplier || 1;
+                var components = attribute.components || 1;
+
+                var start = g === startGroup.index  ? startIndex : 0;
+                for (var i = start; i < length; i++) {
+                    var vertex = paintArray.get(i);
+                    for (var c = 0; c < components; c++) {
+                        var memberName = components > 1 ? (attribute.name + c) : attribute.name;
+                        vertex[memberName] = value[c] * multiplier;
+                    }
+                }
+            }
+        }
+    }
+};
+
+/**
+ * A vertex array stores data for each vertex in a geometry. Elements are aligned to 4 byte
+ * boundaries for best performance in WebGL.
+ * @private
+ */
+Bucket.VertexArrayType = function (members) {
+    return new StructArrayType({
+        members: members,
+        alignment: 4
+    });
+};
+
+/**
+ * An element array stores Uint16 indicies of vertexes in a corresponding vertex array. With no
+ * arguments, it defaults to three components per element, forming triangles.
+ * @private
+ */
+Bucket.ElementArrayType = function (components) {
+    return new StructArrayType({
+        members: [{
+            type: 'Uint16',
+            name: 'vertices',
+            components: components || 3
+        }]
+    });
+};
+
+function createPaintAttributes(bucket) {
+    var attributes = {};
+    for (var interfaceName in bucket.programInterfaces) {
+        var layerPaintAttributes = attributes[interfaceName] = {};
+
+        for (var c = 0; c < bucket.childLayers.length; c++) {
+            var childLayer = bucket.childLayers[c];
+
+            layerPaintAttributes[childLayer.id] = {
+                attributes: [],
+                uniforms: [],
+                defines: [],
+                vertexPragmas: { define: {}, initialize: {} },
+                fragmentPragmas: { define: {}, initialize: {} }
+            };
+        }
+
+        var interface_ = bucket.programInterfaces[interfaceName];
+        if (!interface_.paintAttributes) continue;
+
+        // These tokens are replaced by arguments to the pragma
+        // https://github.com/mapbox/mapbox-gl-shaders#pragmas
+        var attributePrecision = '{precision}';
+        var attributeType = '{type}';
+
+        for (var i = 0; i < interface_.paintAttributes.length; i++) {
+            var attribute = interface_.paintAttributes[i];
+            attribute.multiplier = attribute.multiplier || 1;
+
+            for (var j = 0; j < bucket.childLayers.length; j++) {
+                var layer = bucket.childLayers[j];
+                var paintAttributes = layerPaintAttributes[layer.id];
+
+                var attributeInputName = attribute.name;
+                assert(attribute.name.slice(0, 2) === 'a_');
+                var attributeInnerName = attribute.name.slice(2);
+                var attributeVaryingDefinition;
+
+                paintAttributes.fragmentPragmas.initialize[attributeInnerName] = '';
+
+                if (layer.isPaintValueFeatureConstant(attribute.paintProperty)) {
+                    paintAttributes.uniforms.push(attribute);
+
+                    paintAttributes.fragmentPragmas.define[attributeInnerName] = paintAttributes.vertexPragmas.define[attributeInnerName] = [
+                        'uniform',
+                        attributePrecision,
+                        attributeType,
+                        attributeInputName
+                    ].join(' ') + ';';
+
+                    paintAttributes.fragmentPragmas.initialize[attributeInnerName] = paintAttributes.vertexPragmas.initialize[attributeInnerName] = [
+                        attributePrecision,
+                        attributeType,
+                        attributeInnerName,
+                        '=',
+                        attributeInputName
+                    ].join(' ') + ';\n';
+
+                } else if (layer.isPaintValueZoomConstant(attribute.paintProperty)) {
+                    paintAttributes.attributes.push(util.extend({}, attribute, {
+                        name: attributeInputName
+                    }));
+
+                    attributeVaryingDefinition = [
+                        'varying',
+                        attributePrecision,
+                        attributeType,
+                        attributeInnerName
+                    ].join(' ') + ';\n';
+
+                    var attributeAttributeDefinition = [
+                        paintAttributes.fragmentPragmas.define[attributeInnerName],
+                        'attribute',
+                        attributePrecision,
+                        attributeType,
+                        attributeInputName
+                    ].join(' ') + ';\n';
+
+                    paintAttributes.fragmentPragmas.define[attributeInnerName] = attributeVaryingDefinition;
+
+                    paintAttributes.vertexPragmas.define[attributeInnerName] = attributeVaryingDefinition + attributeAttributeDefinition;
+
+                    paintAttributes.vertexPragmas.initialize[attributeInnerName] = [
+                        attributeInnerName,
+                        '=',
+                        attributeInputName,
+                        '/',
+                        attribute.multiplier.toFixed(1)
+                    ].join(' ') + ';\n';
+
+                } else {
+
+                    var tName = 'u_' + attributeInputName.slice(2) + '_t';
+                    var zoomLevels = layer.getPaintValueStopZoomLevels(attribute.paintProperty);
+
+                    // Pick the index of the first offset to add to the buffers.
+                    // Find the four closest stops, ideally with two on each side of the zoom level.
+                    var numStops = 0;
+                    while (numStops < zoomLevels.length && zoomLevels[numStops] < bucket.zoom) numStops++;
+                    var stopOffset = Math.max(0, Math.min(zoomLevels.length - 4, numStops - 2));
+
+                    var fourZoomLevels = [];
+                    for (var s = 0; s < 4; s++) {
+                        fourZoomLevels.push(zoomLevels[Math.min(stopOffset + s, zoomLevels.length - 1)]);
+                    }
+
+                    attributeVaryingDefinition = [
+                        'varying',
+                        attributePrecision,
+                        attributeType,
+                        attributeInnerName
+                    ].join(' ') + ';\n';
+
+                    paintAttributes.vertexPragmas.define[attributeInnerName] = attributeVaryingDefinition + [
+                        'uniform',
+                        'lowp',
+                        'float',
+                        tName
+                    ].join(' ') + ';\n';
+                    paintAttributes.fragmentPragmas.define[attributeInnerName] = attributeVaryingDefinition;
+
+                    paintAttributes.uniforms.push(util.extend({}, attribute, {
+                        name: tName,
+                        getValue: createGetUniform(attribute, stopOffset),
+                        components: 1
+                    }));
+
+                    var components = attribute.components;
+                    if (components === 1) {
+
+                        paintAttributes.attributes.push(util.extend({}, attribute, {
+                            getValue: createFunctionGetValue(attribute, fourZoomLevels),
+                            isFunction: true,
+                            components: components * 4
+                        }));
+
+                        paintAttributes.vertexPragmas.define[attributeInnerName] += [
+                            'attribute',
+                            attributePrecision,
+                            'vec4',
+                            attributeInputName
+                        ].join(' ') + ';\n';
+
+                        paintAttributes.vertexPragmas.initialize[attributeInnerName] = [
+                            attributeInnerName,
+                            '=',
+                            'evaluate_zoom_function_1(' + attributeInputName + ', ' + tName + ')',
+                            '/',
+                            attribute.multiplier.toFixed(1)
+                        ].join(' ') + ';\n';
+
+                    } else {
+
+                        var attributeInputNames = [];
+                        for (var k = 0; k < 4; k++) {
+                            attributeInputNames.push(attributeInputName + k);
+                            paintAttributes.attributes.push(util.extend({}, attribute, {
+                                getValue: createFunctionGetValue(attribute, [fourZoomLevels[k]]),
+                                isFunction: true,
+                                name: attributeInputName + k
+                            }));
+                            paintAttributes.vertexPragmas.define[attributeInnerName] += [
+                                'attribute',
+                                attributePrecision,
+                                attributeType,
+                                attributeInputName + k
+                            ].join(' ') + ';\n';
+                        }
+                        paintAttributes.vertexPragmas.initialize[attributeInnerName] = [
+                            attributeInnerName,
+                            ' = ',
+                            'evaluate_zoom_function_4(' + attributeInputNames.join(', ') + ', ' + tName + ')',
+                            '/',
+                            attribute.multiplier.toFixed(1)
+                        ].join(' ') + ';\n';
+                    }
+                }
+            }
+        }
+    }
+    return attributes;
+}
+
+function createFunctionGetValue(attribute, stopZoomLevels) {
+    return function(layer, globalProperties, featureProperties) {
+        if (stopZoomLevels.length === 1) {
+            // return one multi-component value like color0
+            return attribute.getValue(layer, util.extend({}, globalProperties, { zoom: stopZoomLevels[0] }), featureProperties);
+        } else {
+            // pack multiple single-component values into a four component attribute
+            var values = [];
+            for (var z = 0; z < stopZoomLevels.length; z++) {
+                var stopZoomLevel = stopZoomLevels[z];
+                values.push(attribute.getValue(layer, util.extend({}, globalProperties, { zoom: stopZoomLevel }), featureProperties)[0]);
+            }
+            return values;
+        }
+    };
+}
+
+function createGetUniform(attribute, stopOffset) {
+    return function(layer, globalProperties) {
+        // stopInterp indicates which stops need to be interpolated.
+        // If stopInterp is 3.5 then interpolate half way between stops 3 and 4.
+        var stopInterp = layer.getPaintInterpolationT(attribute.paintProperty, globalProperties.zoom);
+        // We can only store four stop values in the buffers. stopOffset is the number of stops that come
+        // before the stops that were added to the buffers.
+        return [Math.max(0, Math.min(4, stopInterp - stopOffset))];
+    };
+}
+
+},{"../util/struct_array":440,"../util/util":442,"./array_group":328,"./bucket/circle_bucket":330,"./bucket/fill_bucket":331,"./bucket/line_bucket":332,"./bucket/symbol_bucket":333,"./buffer_group":335,"assert":47,"feature-filter":132}],330:[function(require,module,exports){
+'use strict';
+
+var Bucket = require('../bucket');
+var util = require('../../util/util');
+var loadGeometry = require('../load_geometry');
+var EXTENT = Bucket.EXTENT;
+
+module.exports = CircleBucket;
+
+/**
+ * Circles are represented by two triangles.
+ *
+ * Each corner has a pos that is the center of the circle and an extrusion
+ * vector that is where it points.
+ * @private
+ */
+function CircleBucket() {
+    Bucket.apply(this, arguments);
+}
+
+CircleBucket.prototype = util.inherit(Bucket, {});
+
+CircleBucket.prototype.addCircleVertex = function(layoutVertexArray, x, y, extrudeX, extrudeY) {
+    return layoutVertexArray.emplaceBack(
+            (x * 2) + ((extrudeX + 1) / 2),
+            (y * 2) + ((extrudeY + 1) / 2));
+};
+
+CircleBucket.prototype.programInterfaces = {
+    circle: {
+        layoutVertexArrayType: new Bucket.VertexArrayType([{
+            name: 'a_pos',
+            components: 2,
+            type: 'Int16'
+        }]),
+        elementArrayType: new Bucket.ElementArrayType(),
+
+        paintAttributes: [{
+            name: 'a_color',
+            components: 4,
+            type: 'Uint8',
+            getValue: function(layer, globalProperties, featureProperties) {
+                return layer.getPaintValue("circle-color", globalProperties, featureProperties);
+            },
+            multiplier: 255,
+            paintProperty: 'circle-color'
+        }, {
+            name: 'a_radius',
+            components: 1,
+            type: 'Uint16',
+            isLayerConstant: false,
+            getValue: function(layer, globalProperties, featureProperties) {
+                return [layer.getPaintValue("circle-radius", globalProperties, featureProperties)];
+            },
+            multiplier: 10,
+            paintProperty: 'circle-radius'
+        }, {
+            name: 'a_blur',
+            components: 1,
+            type: 'Uint16',
+            isLayerConstant: false,
+            getValue: function(layer, globalProperties, featureProperties) {
+                return [layer.getPaintValue("circle-blur", globalProperties, featureProperties)];
+            },
+            multiplier: 10,
+            paintProperty: 'circle-blur'
+        }, {
+            name: 'a_opacity',
+            components: 1,
+            type: 'Uint16',
+            isLayerConstant: false,
+            getValue: function(layer, globalProperties, featureProperties) {
+                return [layer.getPaintValue("circle-opacity", globalProperties, featureProperties)];
+            },
+            multiplier: 255,
+            paintProperty: 'circle-opacity'
+        }]
+    }
+};
+
+CircleBucket.prototype.addFeature = function(feature) {
+    var globalProperties = {zoom: this.zoom};
+    var geometries = loadGeometry(feature);
+
+    var startGroup = this.prepareArrayGroup('circle', 0);
+    var startIndex = startGroup.layoutVertexArray.length;
+
+    for (var j = 0; j < geometries.length; j++) {
+        for (var k = 0; k < geometries[j].length; k++) {
+
+            var x = geometries[j][k].x;
+            var y = geometries[j][k].y;
+
+            // Do not include points that are outside the tile boundaries.
+            if (x < 0 || x >= EXTENT || y < 0 || y >= EXTENT) continue;
+
+            // this geometry will be of the Point type, and we'll derive
+            // two triangles from it.
+            //
+            // ┌─────────┐
+            // │ 3     2 │
+            // │         │
+            // │ 0     1 │
+            // └─────────┘
+
+            var group = this.prepareArrayGroup('circle', 4);
+            var layoutVertexArray = group.layoutVertexArray;
+
+            var index = this.addCircleVertex(layoutVertexArray, x, y, -1, -1);
+            this.addCircleVertex(layoutVertexArray, x, y, 1, -1);
+            this.addCircleVertex(layoutVertexArray, x, y, 1, 1);
+            this.addCircleVertex(layoutVertexArray, x, y, -1, 1);
+
+            group.elementArray.emplaceBack(index, index + 1, index + 2);
+            group.elementArray.emplaceBack(index, index + 3, index + 2);
+        }
+    }
+
+    this.populatePaintArrays('circle', globalProperties, feature.properties, startGroup, startIndex);
+};
+
+},{"../../util/util":442,"../bucket":329,"../load_geometry":337}],331:[function(require,module,exports){
+'use strict';
+
+var Bucket = require('../bucket');
+var util = require('../../util/util');
+var loadGeometry = require('../load_geometry');
+var earcut = require('earcut');
+var classifyRings = require('../../util/classify_rings');
+var EARCUT_MAX_RINGS = 500;
+
+module.exports = FillBucket;
+
+function FillBucket() {
+    Bucket.apply(this, arguments);
+}
+
+FillBucket.prototype = util.inherit(Bucket, {});
+
+FillBucket.prototype.programInterfaces = {
+    fill: {
+        layoutVertexArrayType: new Bucket.VertexArrayType([{
+            name: 'a_pos',
+            components: 2,
+            type: 'Int16'
+        }]),
+        elementArrayType: new Bucket.ElementArrayType(1),
+        elementArrayType2: new Bucket.ElementArrayType(2),
+
+        paintAttributes: [{
+            name: 'a_color',
+            components: 4,
+            type: 'Uint8',
+            getValue: function(layer, globalProperties, featureProperties) {
+                return layer.getPaintValue("fill-color", globalProperties, featureProperties);
+            },
+            multiplier: 255,
+            paintProperty: 'fill-color'
+        }, {
+            name: 'a_outline_color',
+            components: 4,
+            type: 'Uint8',
+            getValue: function(layer, globalProperties, featureProperties) {
+                return layer.getPaintValue("fill-outline-color", globalProperties, featureProperties);
+            },
+            multiplier: 255,
+            paintProperty: 'fill-outline-color'
+        }, {
+            name: 'a_opacity',
+            components: 1,
+            type: 'Uint8',
+            getValue: function(layer, globalProperties, featureProperties) {
+                return [layer.getPaintValue("fill-opacity", globalProperties, featureProperties)];
+            },
+            multiplier: 255,
+            paintProperty: 'fill-opacity'
+        }]
+    }
+};
+
+FillBucket.prototype.addFeature = function(feature) {
+    var lines = loadGeometry(feature);
+    var polygons = classifyRings(lines, EARCUT_MAX_RINGS);
+
+    var startGroup = this.prepareArrayGroup('fill', 0);
+    var startIndex = startGroup.layoutVertexArray.length;
+
+    for (var i = 0; i < polygons.length; i++) {
+        this.addPolygon(polygons[i]);
+    }
+
+    this.populatePaintArrays('fill', {zoom: this.zoom}, feature.properties, startGroup, startIndex);
+};
+
+FillBucket.prototype.addPolygon = function(polygon) {
+    var numVertices = 0;
+    for (var k = 0; k < polygon.length; k++) {
+        numVertices += polygon[k].length;
+    }
+
+    var group = this.prepareArrayGroup('fill', numVertices);
+    var flattened = [];
+    var holeIndices = [];
+    var startIndex = group.layoutVertexArray.length;
+
+    for (var r = 0; r < polygon.length; r++) {
+        var ring = polygon[r];
+
+        if (r > 0) holeIndices.push(flattened.length / 2);
+
+        for (var v = 0; v < ring.length; v++) {
+            var vertex = ring[v];
+
+            var index = group.layoutVertexArray.emplaceBack(vertex.x, vertex.y);
+
+            if (v >= 1) {
+                group.elementArray2.emplaceBack(index - 1, index);
+            }
+
+            // convert to format used by earcut
+            flattened.push(vertex.x);
+            flattened.push(vertex.y);
+        }
+    }
+
+    var triangleIndices = earcut(flattened, holeIndices);
+
+    for (var i = 0; i < triangleIndices.length; i++) {
+        group.elementArray.emplaceBack(triangleIndices[i] + startIndex);
+    }
+};
+
+},{"../../util/classify_rings":430,"../../util/util":442,"../bucket":329,"../load_geometry":337,"earcut":126}],332:[function(require,module,exports){
+'use strict';
+
+var Bucket = require('../bucket');
+var util = require('../../util/util');
+var loadGeometry = require('../load_geometry');
+var EXTENT = Bucket.EXTENT;
+
+// NOTE ON EXTRUDE SCALE:
+// scale the extrusion vector so that the normal length is this value.
+// contains the "texture" normals (-1..1). this is distinct from the extrude
+// normals for line joins, because the x-value remains 0 for the texture
+// normal array, while the extrude normal actually moves the vertex to create
+// the acute/bevelled line join.
+var EXTRUDE_SCALE = 63;
+
+/*
+ * Sharp corners cause dashed lines to tilt because the distance along the line
+ * is the same at both the inner and outer corners. To improve the appearance of
+ * dashed lines we add extra points near sharp corners so that a smaller part
+ * of the line is tilted.
+ *
+ * COS_HALF_SHARP_CORNER controls how sharp a corner has to be for us to add an
+ * extra vertex. The default is 75 degrees.
+ *
+ * The newly created vertices are placed SHARP_CORNER_OFFSET pixels from the corner.
+ */
+var COS_HALF_SHARP_CORNER = Math.cos(75 / 2 * (Math.PI / 180));
+var SHARP_CORNER_OFFSET = 15;
+
+// The number of bits that is used to store the line distance in the buffer.
+var LINE_DISTANCE_BUFFER_BITS = 15;
+
+// We don't have enough bits for the line distance as we'd like to have, so
+// use this value to scale the line distance (in tile units) down to a smaller
+// value. This lets us store longer distances while sacrificing precision.
+var LINE_DISTANCE_SCALE = 1 / 2;
+
+// The maximum line distance, in tile units, that fits in the buffer.
+var MAX_LINE_DISTANCE = Math.pow(2, LINE_DISTANCE_BUFFER_BITS - 1) / LINE_DISTANCE_SCALE;
+
+
+module.exports = LineBucket;
+
+/**
+ * @private
+ */
+function LineBucket() {
+    Bucket.apply(this, arguments);
+}
+
+LineBucket.prototype = util.inherit(Bucket, {});
+
+LineBucket.prototype.addLineVertex = function(layoutVertexBuffer, point, extrude, tx, ty, dir, linesofar) {
+    return layoutVertexBuffer.emplaceBack(
+            // a_pos
+            (point.x << 1) | tx,
+            (point.y << 1) | ty,
+            // a_data
+            // add 128 to store an byte in an unsigned byte
+            Math.round(EXTRUDE_SCALE * extrude.x) + 128,
+            Math.round(EXTRUDE_SCALE * extrude.y) + 128,
+            // Encode the -1/0/1 direction value into the first two bits of .z of a_data.
+            // Combine it with the lower 6 bits of `linesofar` (shifted by 2 bites to make
+            // room for the direction value). The upper 8 bits of `linesofar` are placed in
+            // the `w` component. `linesofar` is scaled down by `LINE_DISTANCE_SCALE` so that
+            // we can store longer distances while sacrificing precision.
+            ((dir === 0 ? 0 : (dir < 0 ? -1 : 1)) + 1) | (((linesofar * LINE_DISTANCE_SCALE) & 0x3F) << 2),
+            (linesofar * LINE_DISTANCE_SCALE) >> 6);
+};
+
+LineBucket.prototype.programInterfaces = {
+    line: {
+        layoutVertexArrayType: new Bucket.VertexArrayType([{
+            name: 'a_pos',
+            components: 2,
+            type: 'Int16'
+        }, {
+            name: 'a_data',
+            components: 4,
+            type: 'Uint8'
+        }]),
+        elementArrayType: new Bucket.ElementArrayType()
+    }
+};
+
+LineBucket.prototype.addFeature = function(feature) {
+    var lines = loadGeometry(feature, LINE_DISTANCE_BUFFER_BITS);
+    for (var i = 0; i < lines.length; i++) {
+        this.addLine(
+            lines[i],
+            this.layer.layout['line-join'],
+            this.layer.layout['line-cap'],
+            this.layer.layout['line-miter-limit'],
+            this.layer.layout['line-round-limit']
+        );
+    }
+};
+
+LineBucket.prototype.addLine = function(vertices, join, cap, miterLimit, roundLimit) {
+
+    var len = vertices.length;
+    // If the line has duplicate vertices at the end, adjust length to remove them.
+    while (len > 2 && vertices[len - 1].equals(vertices[len - 2])) {
+        len--;
+    }
+
+    // a line must have at least two vertices
+    if (vertices.length < 2) return;
+
+    if (join === 'bevel') miterLimit = 1.05;
+
+    var sharpCornerOffset = SHARP_CORNER_OFFSET * (EXTENT / (512 * this.overscaling));
+
+    var firstVertex = vertices[0],
+        lastVertex = vertices[len - 1],
+        closed = firstVertex.equals(lastVertex);
+
+    // we could be more precise, but it would only save a negligible amount of space
+    this.prepareArrayGroup('line', len * 10);
+
+    // a line may not have coincident points
+    if (len === 2 && closed) return;
+
+    this.distance = 0;
+
+    var beginCap = cap,
+        endCap = closed ? 'butt' : cap,
+        startOfLine = true,
+        currentVertex, prevVertex, nextVertex, prevNormal, nextNormal, offsetA, offsetB;
+
+    // the last three vertices added
+    this.e1 = this.e2 = this.e3 = -1;
+
+    if (closed) {
+        currentVertex = vertices[len - 2];
+        nextNormal = firstVertex.sub(currentVertex)._unit()._perp();
+    }
+
+    for (var i = 0; i < len; i++) {
+
+        nextVertex = closed && i === len - 1 ?
+            vertices[1] : // if the line is closed, we treat the last vertex like the first
+            vertices[i + 1]; // just the next vertex
+
+        // if two consecutive vertices exist, skip the current one
+        if (nextVertex && vertices[i].equals(nextVertex)) continue;
+
+        if (nextNormal) prevNormal = nextNormal;
+        if (currentVertex) prevVertex = currentVertex;
+
+        currentVertex = vertices[i];
+
+        // Calculate the normal towards the next vertex in this line. In case
+        // there is no next vertex, pretend that the line is continuing straight,
+        // meaning that we are just using the previous normal.
+        nextNormal = nextVertex ? nextVertex.sub(currentVertex)._unit()._perp() : prevNormal;
+
+        // If we still don't have a previous normal, this is the beginning of a
+        // non-closed line, so we're doing a straight "join".
+        prevNormal = prevNormal || nextNormal;
+
+        // Determine the normal of the join extrusion. It is the angle bisector
+        // of the segments between the previous line and the next line.
+        var joinNormal = prevNormal.add(nextNormal)._unit();
+
+        /*  joinNormal     prevNormal
+         *             ↖      ↑
+         *                .________. prevVertex
+         *                |
+         * nextNormal  ←  |  currentVertex
+         *                |
+         *     nextVertex !
+         *
+         */
+
+        // Calculate the length of the miter (the ratio of the miter to the width).
+        // Find the cosine of the angle between the next and join normals
+        // using dot product. The inverse of that is the miter length.
+        var cosHalfAngle = joinNormal.x * nextNormal.x + joinNormal.y * nextNormal.y;
+        var miterLength = 1 / cosHalfAngle;
+
+        var isSharpCorner = cosHalfAngle < COS_HALF_SHARP_CORNER && prevVertex && nextVertex;
+
+        if (isSharpCorner && i > 0) {
+            var prevSegmentLength = currentVertex.dist(prevVertex);
+            if (prevSegmentLength > 2 * sharpCornerOffset) {
+                var newPrevVertex = currentVertex.sub(currentVertex.sub(prevVertex)._mult(sharpCornerOffset / prevSegmentLength)._round());
+                this.distance += newPrevVertex.dist(prevVertex);
+                this.addCurrentVertex(newPrevVertex, this.distance, prevNormal.mult(1), 0, 0, false);
+                prevVertex = newPrevVertex;
+            }
+        }
+
+        // The join if a middle vertex, otherwise the cap.
+        var middleVertex = prevVertex && nextVertex;
+        var currentJoin = middleVertex ? join : nextVertex ? beginCap : endCap;
+
+        if (middleVertex && currentJoin === 'round') {
+            if (miterLength < roundLimit) {
+                currentJoin = 'miter';
+            } else if (miterLength <= 2) {
+                currentJoin = 'fakeround';
+            }
+        }
+
+        if (currentJoin === 'miter' && miterLength > miterLimit) {
+            currentJoin = 'bevel';
+        }
+
+        if (currentJoin === 'bevel') {
+            // The maximum extrude length is 128 / 63 = 2 times the width of the line
+            // so if miterLength >= 2 we need to draw a different type of bevel where.
+            if (miterLength > 2) currentJoin = 'flipbevel';
+
+            // If the miterLength is really small and the line bevel wouldn't be visible,
+            // just draw a miter join to save a triangle.
+            if (miterLength < miterLimit) currentJoin = 'miter';
+        }
+
+        // Calculate how far along the line the currentVertex is
+        if (prevVertex) this.distance += currentVertex.dist(prevVertex);
+
+        if (currentJoin === 'miter') {
+
+            joinNormal._mult(miterLength);
+            this.addCurrentVertex(currentVertex, this.distance, joinNormal, 0, 0, false);
+
+        } else if (currentJoin === 'flipbevel') {
+            // miter is too big, flip the direction to make a beveled join
+
+            if (miterLength > 100) {
+                // Almost parallel lines
+                joinNormal = nextNormal.clone();
+
+            } else {
+                var direction = prevNormal.x * nextNormal.y - prevNormal.y * nextNormal.x > 0 ? -1 : 1;
+                var bevelLength = miterLength * prevNormal.add(nextNormal).mag() / prevNormal.sub(nextNormal).mag();
+                joinNormal._perp()._mult(bevelLength * direction);
+            }
+            this.addCurrentVertex(currentVertex, this.distance, joinNormal, 0, 0, false);
+            this.addCurrentVertex(currentVertex, this.distance, joinNormal.mult(-1), 0, 0, false);
+
+        } else if (currentJoin === 'bevel' || currentJoin === 'fakeround') {
+            var lineTurnsLeft = (prevNormal.x * nextNormal.y - prevNormal.y * nextNormal.x) > 0;
+            var offset = -Math.sqrt(miterLength * miterLength - 1);
+            if (lineTurnsLeft) {
+                offsetB = 0;
+                offsetA = offset;
+            } else {
+                offsetA = 0;
+                offsetB = offset;
+            }
+
+            // Close previous segment with a bevel
+            if (!startOfLine) {
+                this.addCurrentVertex(currentVertex, this.distance, prevNormal, offsetA, offsetB, false);
+            }
+
+            if (currentJoin === 'fakeround') {
+                // The join angle is sharp enough that a round join would be visible.
+                // Bevel joins fill the gap between segments with a single pie slice triangle.
+                // Create a round join by adding multiple pie slices. The join isn't actually round, but
+                // it looks like it is at the sizes we render lines at.
+
+                // Add more triangles for sharper angles.
+                // This math is just a good enough approximation. It isn't "correct".
+                var n = Math.floor((0.5 - (cosHalfAngle - 0.5)) * 8);
+                var approxFractionalJoinNormal;
+
+                for (var m = 0; m < n; m++) {
+                    approxFractionalJoinNormal = nextNormal.mult((m + 1) / (n + 1))._add(prevNormal)._unit();
+                    this.addPieSliceVertex(currentVertex, this.distance, approxFractionalJoinNormal, lineTurnsLeft);
+                }
+
+                this.addPieSliceVertex(currentVertex, this.distance, joinNormal, lineTurnsLeft);
+
+                for (var k = n - 1; k >= 0; k--) {
+                    approxFractionalJoinNormal = prevNormal.mult((k + 1) / (n + 1))._add(nextNormal)._unit();
+                    this.addPieSliceVertex(currentVertex, this.distance, approxFractionalJoinNormal, lineTurnsLeft);
+                }
+            }
+
+            // Start next segment
+            if (nextVertex) {
+                this.addCurrentVertex(currentVertex, this.distance, nextNormal, -offsetA, -offsetB, false);
+            }
+
+        } else if (currentJoin === 'butt') {
+            if (!startOfLine) {
+                // Close previous segment with a butt
+                this.addCurrentVertex(currentVertex, this.distance, prevNormal, 0, 0, false);
+            }
+
+            // Start next segment with a butt
+            if (nextVertex) {
+                this.addCurrentVertex(currentVertex, this.distance, nextNormal, 0, 0, false);
+            }
+
+        } else if (currentJoin === 'square') {
+
+            if (!startOfLine) {
+                // Close previous segment with a square cap
+                this.addCurrentVertex(currentVertex, this.distance, prevNormal, 1, 1, false);
+
+                // The segment is done. Unset vertices to disconnect segments.
+                this.e1 = this.e2 = -1;
+            }
+
+            // Start next segment
+            if (nextVertex) {
+                this.addCurrentVertex(currentVertex, this.distance, nextNormal, -1, -1, false);
+            }
+
+        } else if (currentJoin === 'round') {
+
+            if (!startOfLine) {
+                // Close previous segment with butt
+                this.addCurrentVertex(currentVertex, this.distance, prevNormal, 0, 0, false);
+
+                // Add round cap or linejoin at end of segment
+                this.addCurrentVertex(currentVertex, this.distance, prevNormal, 1, 1, true);
+
+                // The segment is done. Unset vertices to disconnect segments.
+                this.e1 = this.e2 = -1;
+            }
+
+
+            // Start next segment with a butt
+            if (nextVertex) {
+                // Add round cap before first segment
+                this.addCurrentVertex(currentVertex, this.distance, nextNormal, -1, -1, true);
+
+                this.addCurrentVertex(currentVertex, this.distance, nextNormal, 0, 0, false);
+            }
+        }
+
+        if (isSharpCorner && i < len - 1) {
+            var nextSegmentLength = currentVertex.dist(nextVertex);
+            if (nextSegmentLength > 2 * sharpCornerOffset) {
+                var newCurrentVertex = currentVertex.add(nextVertex.sub(currentVertex)._mult(sharpCornerOffset / nextSegmentLength)._round());
+                this.distance += newCurrentVertex.dist(currentVertex);
+                this.addCurrentVertex(newCurrentVertex, this.distance, nextNormal.mult(1), 0, 0, false);
+                currentVertex = newCurrentVertex;
+            }
+        }
+
+        startOfLine = false;
+    }
+
+};
+
+/**
+ * Add two vertices to the buffers.
+ *
+ * @param {Object} currentVertex the line vertex to add buffer vertices for
+ * @param {number} distance the distance from the beginning of the line to the vertex
+ * @param {number} endLeft extrude to shift the left vertex along the line
+ * @param {number} endRight extrude to shift the left vertex along the line
+ * @param {boolean} round whether this is a round cap
+ * @private
+ */
+LineBucket.prototype.addCurrentVertex = function(currentVertex, distance, normal, endLeft, endRight, round) {
+    var tx = round ? 1 : 0;
+    var extrude;
+    var arrayGroup = this.arrayGroups.line[this.arrayGroups.line.length - 1];
+    var layoutVertexArray = arrayGroup.layoutVertexArray;
+    var elementArray = arrayGroup.elementArray;
+
+    extrude = normal.clone();
+    if (endLeft) extrude._sub(normal.perp()._mult(endLeft));
+    this.e3 = this.addLineVertex(layoutVertexArray, currentVertex, extrude, tx, 0, endLeft, distance);
+    if (this.e1 >= 0 && this.e2 >= 0) {
+        elementArray.emplaceBack(this.e1, this.e2, this.e3);
+    }
+    this.e1 = this.e2;
+    this.e2 = this.e3;
+
+    extrude = normal.mult(-1);
+    if (endRight) extrude._sub(normal.perp()._mult(endRight));
+    this.e3 = this.addLineVertex(layoutVertexArray, currentVertex, extrude, tx, 1, -endRight, distance);
+    if (this.e1 >= 0 && this.e2 >= 0) {
+        elementArray.emplaceBack(this.e1, this.e2, this.e3);
+    }
+    this.e1 = this.e2;
+    this.e2 = this.e3;
+
+    // There is a maximum "distance along the line" that we can store in the buffers.
+    // When we get close to the distance, reset it to zero and add the vertex again with
+    // a distance of zero. The max distance is determined by the number of bits we allocate
+    // to `linesofar`.
+    if (distance > MAX_LINE_DISTANCE / 2) {
+        this.distance = 0;
+        this.addCurrentVertex(currentVertex, this.distance, normal, endLeft, endRight, round);
+    }
+};
+
+/**
+ * Add a single new vertex and a triangle using two previous vertices.
+ * This adds a pie slice triangle near a join to simulate round joins
+ *
+ * @param {Object} currentVertex the line vertex to add buffer vertices for
+ * @param {number} distance the distance from the beggining of the line to the vertex
+ * @param {Object} extrude the offset of the new vertex from the currentVertex
+ * @param {boolean} whether the line is turning left or right at this angle
+ * @private
+ */
+LineBucket.prototype.addPieSliceVertex = function(currentVertex, distance, extrude, lineTurnsLeft) {
+    var ty = lineTurnsLeft ? 1 : 0;
+    extrude = extrude.mult(lineTurnsLeft ? -1 : 1);
+    var arrayGroup = this.arrayGroups.line[this.arrayGroups.line.length - 1];
+    var layoutVertexArray = arrayGroup.layoutVertexArray;
+    var elementArray = arrayGroup.elementArray;
+
+    this.e3 = this.addLineVertex(layoutVertexArray, currentVertex, extrude, 0, ty, 0, distance);
+
+    if (this.e1 >= 0 && this.e2 >= 0) {
+        elementArray.emplaceBack(this.e1, this.e2, this.e3);
+    }
+
+    if (lineTurnsLeft) {
+        this.e2 = this.e3;
+    } else {
+        this.e1 = this.e3;
+    }
+};
+
+},{"../../util/util":442,"../bucket":329,"../load_geometry":337}],333:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+var Bucket = require('../bucket');
+var Anchor = require('../../symbol/anchor');
+var getAnchors = require('../../symbol/get_anchors');
+var resolveTokens = require('../../util/token');
+var Quads = require('../../symbol/quads');
+var Shaping = require('../../symbol/shaping');
+var resolveText = require('../../symbol/resolve_text');
+var mergeLines = require('../../symbol/mergelines');
+var clipLine = require('../../symbol/clip_line');
+var util = require('../../util/util');
+var loadGeometry = require('../load_geometry');
+var CollisionFeature = require('../../symbol/collision_feature');
+
+var shapeText = Shaping.shapeText;
+var shapeIcon = Shaping.shapeIcon;
+var getGlyphQuads = Quads.getGlyphQuads;
+var getIconQuads = Quads.getIconQuads;
+
+var EXTENT = Bucket.EXTENT;
+
+module.exports = SymbolBucket;
+
+function SymbolBucket(options) {
+    Bucket.apply(this, arguments);
+    this.showCollisionBoxes = options.showCollisionBoxes;
+    this.overscaling = options.overscaling;
+    this.collisionBoxArray = options.collisionBoxArray;
+    this.symbolQuadsArray = options.symbolQuadsArray;
+    this.symbolInstancesArray = options.symbolInstancesArray;
+
+    this.sdfIcons = options.sdfIcons;
+    this.iconsNeedLinear = options.iconsNeedLinear;
+    this.adjustedTextSize = options.adjustedTextSize;
+    this.adjustedIconSize = options.adjustedIconSize;
+    this.fontstack = options.fontstack;
+}
+
+// this constant is based on the size of the glyphQuadEndIndex and iconQuadEndIndex
+// in the symbol_instances StructArrayType
+// eg the max valid UInt16 is 65,535
+SymbolBucket.MAX_QUADS = 65535;
+
+SymbolBucket.prototype = util.inherit(Bucket, {});
+
+SymbolBucket.prototype.serialize = function() {
+    var serialized = Bucket.prototype.serialize.apply(this);
+    serialized.sdfIcons = this.sdfIcons;
+    serialized.iconsNeedLinear = this.iconsNeedLinear;
+    serialized.adjustedTextSize = this.adjustedTextSize;
+    serialized.adjustedIconSize = this.adjustedIconSize;
+    serialized.fontstack = this.fontstack;
+    return serialized;
+};
+
+var layoutVertexArrayType = new Bucket.VertexArrayType([{
+    name: 'a_pos',
+    components: 2,
+    type: 'Int16'
+}, {
+    name: 'a_offset',
+    components: 2,
+    type: 'Int16'
+}, {
+    name: 'a_texture_pos',
+    components: 2,
+    type: 'Uint16'
+}, {
+    name: 'a_data',
+    components: 4,
+    type: 'Uint8'
+}]);
+
+var elementArrayType = new Bucket.ElementArrayType();
+
+function addVertex(array, x, y, ox, oy, tx, ty, minzoom, maxzoom, labelminzoom, labelangle) {
+    return array.emplaceBack(
+            // a_pos
+            x,
+            y,
+
+            // a_offset
+            Math.round(ox * 64),
+            Math.round(oy * 64),
+
+            // a_texture_pos
+            tx / 4, // x coordinate of symbol on glyph atlas texture
+            ty / 4, // y coordinate of symbol on glyph atlas texture
+
+            // a_data
+            (labelminzoom || 0) * 10, // labelminzoom
+            labelangle, // labelangle
+            (minzoom || 0) * 10, // minzoom
+            Math.min(maxzoom || 25, 25) * 10); // maxzoom
+}
+
+SymbolBucket.prototype.addCollisionBoxVertex = function(layoutVertexArray, point, extrude, maxZoom, placementZoom) {
+    return layoutVertexArray.emplaceBack(
+            // pos
+            point.x,
+            point.y,
+            // extrude
+            Math.round(extrude.x),
+            Math.round(extrude.y),
+            // data
+            maxZoom * 10,
+            placementZoom * 10);
+};
+
+SymbolBucket.prototype.programInterfaces = {
+
+    glyph: {
+        layoutVertexArrayType: layoutVertexArrayType,
+        elementArrayType: elementArrayType
+    },
+
+    icon: {
+        layoutVertexArrayType: layoutVertexArrayType,
+        elementArrayType: elementArrayType
+    },
+
+    collisionBox: {
+        layoutVertexArrayType: new Bucket.VertexArrayType([{
+            name: 'a_pos',
+            components: 2,
+            type: 'Int16'
+        }, {
+            name: 'a_extrude',
+            components: 2,
+            type: 'Int16'
+        }, {
+            name: 'a_data',
+            components: 2,
+            type: 'Uint8'
+        }])
+    }
+};
+
+SymbolBucket.prototype.populateArrays = function(collisionTile, stacks, icons) {
+
+    // To reduce the number of labels that jump around when zooming we need
+    // to use a text-size value that is the same for all zoom levels.
+    // This calculates text-size at a high zoom level so that all tiles can
+    // use the same value when calculating anchor positions.
+    var zoomHistory = { lastIntegerZoom: Infinity, lastIntegerZoomTime: 0, lastZoom: 0 };
+    this.adjustedTextMaxSize = this.layer.getLayoutValue('text-size', {zoom: 18, zoomHistory: zoomHistory});
+    this.adjustedTextSize = this.layer.getLayoutValue('text-size', {zoom: this.zoom + 1, zoomHistory: zoomHistory});
+    this.adjustedIconMaxSize = this.layer.getLayoutValue('icon-size', {zoom: 18, zoomHistory: zoomHistory});
+    this.adjustedIconSize = this.layer.getLayoutValue('icon-size', {zoom: this.zoom + 1, zoomHistory: zoomHistory});
+
+    var tileSize = 512 * this.overscaling;
+    this.tilePixelRatio = EXTENT / tileSize;
+    this.compareText = {};
+    this.iconsNeedLinear = false;
+    this.symbolInstancesStartIndex = this.symbolInstancesArray.length;
+
+    var layout = this.layer.layout;
+    var features = this.features;
+    var textFeatures = this.textFeatures;
+
+    var horizontalAlign = 0.5,
+        verticalAlign = 0.5;
+
+    switch (layout['text-anchor']) {
+    case 'right':
+    case 'top-right':
+    case 'bottom-right':
+        horizontalAlign = 1;
+        break;
+    case 'left':
+    case 'top-left':
+    case 'bottom-left':
+        horizontalAlign = 0;
+        break;
+    }
+
+    switch (layout['text-anchor']) {
+    case 'bottom':
+    case 'bottom-right':
+    case 'bottom-left':
+        verticalAlign = 1;
+        break;
+    case 'top':
+    case 'top-right':
+    case 'top-left':
+        verticalAlign = 0;
+        break;
+    }
+
+    var justify = layout['text-justify'] === 'right' ? 1 :
+        layout['text-justify'] === 'left' ? 0 :
+        0.5;
+
+    var oneEm = 24;
+    var lineHeight = layout['text-line-height'] * oneEm;
+    var maxWidth = layout['symbol-placement'] !== 'line' ? layout['text-max-width'] * oneEm : 0;
+    var spacing = layout['text-letter-spacing'] * oneEm;
+    var textOffset = [layout['text-offset'][0] * oneEm, layout['text-offset'][1] * oneEm];
+    var fontstack = this.fontstack = layout['text-font'].join(',');
+
+    var geometries = [];
+    for (var g = 0; g < features.length; g++) {
+        geometries.push(loadGeometry(features[g]));
+    }
+
+    if (layout['symbol-placement'] === 'line') {
+        // Merge adjacent lines with the same text to improve labelling.
+        // It's better to place labels on one long line than on many short segments.
+        var merged = mergeLines(features, textFeatures, geometries);
+
+        geometries = merged.geometries;
+        features = merged.features;
+        textFeatures = merged.textFeatures;
+    }
+
+    var shapedText, shapedIcon;
+
+    for (var k = 0; k < features.length; k++) {
+        if (!geometries[k]) continue;
+
+        if (textFeatures[k]) {
+            shapedText = shapeText(textFeatures[k], stacks[fontstack], maxWidth,
+                    lineHeight, horizontalAlign, verticalAlign, justify, spacing, textOffset);
+        } else {
+            shapedText = null;
+        }
+
+        if (layout['icon-image']) {
+            var iconName = resolveTokens(features[k].properties, layout['icon-image']);
+            var image = icons[iconName];
+            shapedIcon = shapeIcon(image, layout);
+
+            if (image) {
+                if (this.sdfIcons === undefined) {
+                    this.sdfIcons = image.sdf;
+                } else if (this.sdfIcons !== image.sdf) {
+                    util.warnOnce('Style sheet warning: Cannot mix SDF and non-SDF icons in one buffer');
+                }
+                if (image.pixelRatio !== 1) {
+                    this.iconsNeedLinear = true;
+                } else if (layout['icon-rotate'] !== 0 || !this.layer.isLayoutValueFeatureConstant('icon-rotate')) {
+                    this.iconsNeedLinear = true;
+                }
+            }
+        } else {
+            shapedIcon = null;
+        }
+
+        if (shapedText || shapedIcon) {
+            this.addFeature(geometries[k], shapedText, shapedIcon, features[k]);
+        }
+    }
+    this.symbolInstancesEndIndex = this.symbolInstancesArray.length;
+    this.placeFeatures(collisionTile, this.showCollisionBoxes);
+
+    this.trimArrays();
+};
+
+SymbolBucket.prototype.addFeature = function(lines, shapedText, shapedIcon, feature) {
+    var layout = this.layer.layout;
+
+    var glyphSize = 24;
+
+    var fontScale = this.adjustedTextSize / glyphSize,
+        textMaxSize = this.adjustedTextMaxSize !== undefined ? this.adjustedTextMaxSize : this.adjustedTextSize,
+        textBoxScale = this.tilePixelRatio * fontScale,
+        textMaxBoxScale = this.tilePixelRatio * textMaxSize / glyphSize,
+        iconBoxScale = this.tilePixelRatio * this.adjustedIconSize,
+        symbolMinDistance = this.tilePixelRatio * layout['symbol-spacing'],
+        avoidEdges = layout['symbol-avoid-edges'],
+        textPadding = layout['text-padding'] * this.tilePixelRatio,
+        iconPadding = layout['icon-padding'] * this.tilePixelRatio,
+        textMaxAngle = layout['text-max-angle'] / 180 * Math.PI,
+        textAlongLine = layout['text-rotation-alignment'] === 'map' && layout['symbol-placement'] === 'line',
+        iconAlongLine = layout['icon-rotation-alignment'] === 'map' && layout['symbol-placement'] === 'line',
+        mayOverlap = layout['text-allow-overlap'] || layout['icon-allow-overlap'] ||
+            layout['text-ignore-placement'] || layout['icon-ignore-placement'],
+        isLine = layout['symbol-placement'] === 'line',
+        textRepeatDistance = symbolMinDistance / 2;
+
+    if (isLine) {
+        lines = clipLine(lines, 0, 0, EXTENT, EXTENT);
+    }
+
+    for (var i = 0; i < lines.length; i++) {
+        var line = lines[i];
+
+        // Calculate the anchor points around which you want to place labels
+        var anchors;
+        if (isLine) {
+            anchors = getAnchors(
+                line,
+                symbolMinDistance,
+                textMaxAngle,
+                shapedText,
+                shapedIcon,
+                glyphSize,
+                textMaxBoxScale,
+                this.overscaling,
+                EXTENT
+            );
+        } else {
+            anchors = [ new Anchor(line[0].x, line[0].y, 0) ];
+        }
+
+        // For each potential label, create the placement features used to check for collisions, and the quads use for rendering.
+        for (var j = 0, len = anchors.length; j < len; j++) {
+            var anchor = anchors[j];
+
+            if (shapedText && isLine) {
+                if (this.anchorIsTooClose(shapedText.text, textRepeatDistance, anchor)) {
+                    continue;
+                }
+            }
+
+            var inside = !(anchor.x < 0 || anchor.x > EXTENT || anchor.y < 0 || anchor.y > EXTENT);
+
+            if (avoidEdges && !inside) continue;
+
+            // Normally symbol layers are drawn across tile boundaries. Only symbols
+            // with their anchors within the tile boundaries are added to the buffers
+            // to prevent symbols from being drawn twice.
+            //
+            // Symbols in layers with overlap are sorted in the y direction so that
+            // symbols lower on the canvas are drawn on top of symbols near the top.
+            // To preserve this order across tile boundaries these symbols can't
+            // be drawn across tile boundaries. Instead they need to be included in
+            // the buffers for both tiles and clipped to tile boundaries at draw time.
+            var addToBuffers = inside || mayOverlap;
+            this.addSymbolInstance(anchor, line, shapedText, shapedIcon, this.layer,
+                addToBuffers, this.symbolInstancesArray.length, this.collisionBoxArray, feature.index, this.sourceLayerIndex, this.index,
+                textBoxScale, textPadding, textAlongLine,
+                iconBoxScale, iconPadding, iconAlongLine, {zoom: this.zoom}, feature.properties);
+        }
+    }
+};
+
+SymbolBucket.prototype.anchorIsTooClose = function(text, repeatDistance, anchor) {
+    var compareText = this.compareText;
+    if (!(text in compareText)) {
+        compareText[text] = [];
+    } else {
+        var otherAnchors = compareText[text];
+        for (var k = otherAnchors.length - 1; k >= 0; k--) {
+            if (anchor.dist(otherAnchors[k]) < repeatDistance) {
+                // If it's within repeatDistance of one anchor, stop looking
+                return true;
+            }
+        }
+    }
+    // If anchor is not within repeatDistance of any other anchor, add to array
+    compareText[text].push(anchor);
+    return false;
+};
+
+SymbolBucket.prototype.placeFeatures = function(collisionTile, showCollisionBoxes) {
+    this.recalculateStyleLayers();
+
+    // Calculate which labels can be shown and when they can be shown and
+    // create the bufers used for rendering.
+
+    this.createArrays();
+
+    var layout = this.layer.layout;
+
+    var maxScale = collisionTile.maxScale;
+
+    var textAlongLine = layout['text-rotation-alignment'] === 'map' && layout['symbol-placement'] === 'line';
+    var iconAlongLine = layout['icon-rotation-alignment'] === 'map' && layout['symbol-placement'] === 'line';
+
+    var mayOverlap = layout['text-allow-overlap'] || layout['icon-allow-overlap'] ||
+        layout['text-ignore-placement'] || layout['icon-ignore-placement'];
+
+    // Sort symbols by their y position on the canvas so that the lower symbols
+    // are drawn on top of higher symbols.
+    // Don't sort symbols that won't overlap because it isn't necessary and
+    // because it causes more labels to pop in and out when rotating.
+    if (mayOverlap) {
+        // Only need the symbol instances from the current tile to sort, so convert those instances into an array
+        // of `StructType`s to enable sorting
+        var symbolInstancesStructTypeArray = this.symbolInstancesArray.toArray(this.symbolInstancesStartIndex, this.symbolInstancesEndIndex);
+
+        var angle = collisionTile.angle;
+
+        var sin = Math.sin(angle),
+            cos = Math.cos(angle);
+
+        this.sortedSymbolInstances = symbolInstancesStructTypeArray.sort(function(a, b) {
+            var aRotated = (sin * a.anchorPointX + cos * a.anchorPointY) | 0;
+            var bRotated = (sin * b.anchorPointX + cos * b.anchorPointY) | 0;
+            return (aRotated - bRotated) || (b.index - a.index);
+        });
+    }
+
+    for (var p = this.symbolInstancesStartIndex; p < this.symbolInstancesEndIndex; p++) {
+        var symbolInstance = this.sortedSymbolInstances ? this.sortedSymbolInstances[p - this.symbolInstancesStartIndex] : this.symbolInstancesArray.get(p);
+        var textCollisionFeature = {
+            boxStartIndex: symbolInstance.textBoxStartIndex,
+            boxEndIndex: symbolInstance.textBoxEndIndex
+        };
+        var iconCollisionFeature = {
+            boxStartIndex: symbolInstance.iconBoxStartIndex,
+            boxEndIndex: symbolInstance.iconBoxEndIndex
+        };
+
+        var hasText = !(symbolInstance.textBoxStartIndex === symbolInstance.textBoxEndIndex);
+        var hasIcon = !(symbolInstance.iconBoxStartIndex === symbolInstance.iconBoxEndIndex);
+
+        var iconWithoutText = layout['text-optional'] || !hasText,
+            textWithoutIcon = layout['icon-optional'] || !hasIcon;
+
+
+        // Calculate the scales at which the text and icon can be placed without collision.
+
+        var glyphScale = hasText ?
+            collisionTile.placeCollisionFeature(textCollisionFeature,
+					layout['text-allow-overlap'], layout['symbol-avoid-edges']) :
+            collisionTile.minScale;
+
+        var iconScale = hasIcon ?
+            collisionTile.placeCollisionFeature(iconCollisionFeature,
+                    layout['icon-allow-overlap'], layout['symbol-avoid-edges']) :
+            collisionTile.minScale;
+
+
+        // Combine the scales for icons and text.
+
+        if (!iconWithoutText && !textWithoutIcon) {
+            iconScale = glyphScale = Math.max(iconScale, glyphScale);
+        } else if (!textWithoutIcon && glyphScale) {
+            glyphScale = Math.max(iconScale, glyphScale);
+        } else if (!iconWithoutText && iconScale) {
+            iconScale = Math.max(iconScale, glyphScale);
+        }
+
+
+        // Insert final placement into collision tree and add glyphs/icons to buffers
+
+        if (hasText) {
+            collisionTile.insertCollisionFeature(textCollisionFeature, glyphScale, layout['text-ignore-placement']);
+            if (glyphScale <= maxScale) {
+                this.addSymbols('glyph', symbolInstance.glyphQuadStartIndex, symbolInstance.glyphQuadEndIndex, glyphScale, layout['text-keep-upright'], textAlongLine, collisionTile.angle);
+            }
+        }
+
+        if (hasIcon) {
+            collisionTile.insertCollisionFeature(iconCollisionFeature, iconScale, layout['icon-ignore-placement']);
+            if (iconScale <= maxScale) {
+                this.addSymbols('icon', symbolInstance.iconQuadStartIndex, symbolInstance.iconQuadEndIndex, iconScale, layout['icon-keep-upright'], iconAlongLine, collisionTile.angle);
+            }
+        }
+
+    }
+
+    if (showCollisionBoxes) this.addToDebugBuffers(collisionTile);
+};
+
+SymbolBucket.prototype.addSymbols = function(programName, quadsStart, quadsEnd, scale, keepUpright, alongLine, placementAngle) {
+
+    var group = this.prepareArrayGroup(programName, 4 * (quadsEnd - quadsStart));
+
+    var elementArray = group.elementArray;
+    var layoutVertexArray = group.layoutVertexArray;
+
+    var zoom = this.zoom;
+    var placementZoom = Math.max(Math.log(scale) / Math.LN2 + zoom, 0);
+
+    for (var k = quadsStart; k < quadsEnd; k++) {
+
+        var symbol = this.symbolQuadsArray.get(k).SymbolQuad;
+
+        // drop upside down versions of glyphs
+        var a = (symbol.anchorAngle + placementAngle + Math.PI) % (Math.PI * 2);
+        if (keepUpright && alongLine && (a <= Math.PI / 2 || a > Math.PI * 3 / 2)) continue;
+
+        var tl = symbol.tl,
+            tr = symbol.tr,
+            bl = symbol.bl,
+            br = symbol.br,
+            tex = symbol.tex,
+            anchorPoint = symbol.anchorPoint,
+
+            minZoom = Math.max(zoom + Math.log(symbol.minScale) / Math.LN2, placementZoom),
+            maxZoom = Math.min(zoom + Math.log(symbol.maxScale) / Math.LN2, 25);
+
+        if (maxZoom <= minZoom) continue;
+
+        // Lower min zoom so that while fading out the label it can be shown outside of collision-free zoom levels
+        if (minZoom === placementZoom) minZoom = 0;
+
+        // Encode angle of glyph
+        var glyphAngle = Math.round((symbol.glyphAngle / (Math.PI * 2)) * 256);
+
+        var index = addVertex(layoutVertexArray, anchorPoint.x, anchorPoint.y, tl.x, tl.y, tex.x, tex.y, minZoom, maxZoom, placementZoom, glyphAngle);
+        addVertex(layoutVertexArray, anchorPoint.x, anchorPoint.y, tr.x, tr.y, tex.x + tex.w, tex.y, minZoom, maxZoom, placementZoom, glyphAngle);
+        addVertex(layoutVertexArray, anchorPoint.x, anchorPoint.y, bl.x, bl.y, tex.x, tex.y + tex.h, minZoom, maxZoom, placementZoom, glyphAngle);
+        addVertex(layoutVertexArray, anchorPoint.x, anchorPoint.y, br.x, br.y, tex.x + tex.w, tex.y + tex.h, minZoom, maxZoom, placementZoom, glyphAngle);
+
+        elementArray.emplaceBack(index, index + 1, index + 2);
+        elementArray.emplaceBack(index + 1, index + 2, index + 3);
+    }
+
+};
+
+SymbolBucket.prototype.updateIcons = function(icons) {
+    this.recalculateStyleLayers();
+    var iconValue = this.layer.layout['icon-image'];
+    if (!iconValue) return;
+
+    for (var i = 0; i < this.features.length; i++) {
+        var iconName = resolveTokens(this.features[i].properties, iconValue);
+        if (iconName)
+            icons[iconName] = true;
+    }
+};
+
+SymbolBucket.prototype.updateFont = function(stacks) {
+    this.recalculateStyleLayers();
+    var fontName = this.layer.layout['text-font'],
+        stack = stacks[fontName] = stacks[fontName] || {};
+
+    this.textFeatures = resolveText(this.features, this.layer.layout, stack);
+};
+
+SymbolBucket.prototype.addToDebugBuffers = function(collisionTile) {
+    var group = this.prepareArrayGroup('collisionBox', 0);
+    var layoutVertexArray = group.layoutVertexArray;
+    var angle = -collisionTile.angle;
+    var yStretch = collisionTile.yStretch;
+
+    for (var j = this.symbolInstancesStartIndex; j < this.symbolInstancesEndIndex; j++) {
+        var symbolInstance = this.symbolInstancesArray.get(j);
+        symbolInstance.textCollisionFeature = {boxStartIndex: symbolInstance.textBoxStartIndex, boxEndIndex: symbolInstance.textBoxEndIndex};
+        symbolInstance.iconCollisionFeature = {boxStartIndex: symbolInstance.iconBoxStartIndex, boxEndIndex: symbolInstance.iconBoxEndIndex};
+
+        for (var i = 0; i < 2; i++) {
+            var feature = symbolInstance[i === 0 ? 'textCollisionFeature' : 'iconCollisionFeature'];
+            if (!feature) continue;
+
+            for (var b = feature.boxStartIndex; b < feature.boxEndIndex; b++) {
+                var box = this.collisionBoxArray.get(b);
+                var anchorPoint = box.anchorPoint;
+
+                var tl = new Point(box.x1, box.y1 * yStretch)._rotate(angle);
+                var tr = new Point(box.x2, box.y1 * yStretch)._rotate(angle);
+                var bl = new Point(box.x1, box.y2 * yStretch)._rotate(angle);
+                var br = new Point(box.x2, box.y2 * yStretch)._rotate(angle);
+
+                var maxZoom = Math.max(0, Math.min(25, this.zoom + Math.log(box.maxScale) / Math.LN2));
+                var placementZoom = Math.max(0, Math.min(25, this.zoom + Math.log(box.placementScale) / Math.LN2));
+
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, tl, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, tr, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, tr, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, br, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, br, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, bl, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, bl, maxZoom, placementZoom);
+                this.addCollisionBoxVertex(layoutVertexArray, anchorPoint, tl, maxZoom, placementZoom);
+            }
+        }
+    }
+};
+
+SymbolBucket.prototype.addSymbolInstance = function(anchor, line, shapedText, shapedIcon, layer, addToBuffers, index, collisionBoxArray, featureIndex, sourceLayerIndex, bucketIndex,
+    textBoxScale, textPadding, textAlongLine,
+    iconBoxScale, iconPadding, iconAlongLine, globalProperties, featureProperties) {
+
+    var glyphQuadStartIndex, glyphQuadEndIndex, iconQuadStartIndex, iconQuadEndIndex, textCollisionFeature, iconCollisionFeature, glyphQuads, iconQuads;
+    if (shapedText) {
+        glyphQuads = addToBuffers ? getGlyphQuads(anchor, shapedText, textBoxScale, line, layer, textAlongLine) : [];
+        textCollisionFeature = new CollisionFeature(collisionBoxArray, line, anchor, featureIndex, sourceLayerIndex, bucketIndex, shapedText, textBoxScale, textPadding, textAlongLine, false);
+    }
+
+    glyphQuadStartIndex = this.symbolQuadsArray.length;
+    if (glyphQuads && glyphQuads.length) {
+        for (var i = 0; i < glyphQuads.length; i++) {
+            this.addSymbolQuad(glyphQuads[i]);
+        }
+    }
+    glyphQuadEndIndex = this.symbolQuadsArray.length;
+
+    var textBoxStartIndex = textCollisionFeature ? textCollisionFeature.boxStartIndex : this.collisionBoxArray.length;
+    var textBoxEndIndex = textCollisionFeature ? textCollisionFeature.boxEndIndex : this.collisionBoxArray.length;
+
+    if (shapedIcon) {
+        iconQuads = addToBuffers ? getIconQuads(anchor, shapedIcon, iconBoxScale, line, layer, iconAlongLine, shapedText, globalProperties, featureProperties) : [];
+        iconCollisionFeature = new CollisionFeature(collisionBoxArray, line, anchor, featureIndex, sourceLayerIndex, bucketIndex, shapedIcon, iconBoxScale, iconPadding, iconAlongLine, true);
+    }
+
+    iconQuadStartIndex = this.symbolQuadsArray.length;
+    if (iconQuads && iconQuads.length === 1) {
+        this.addSymbolQuad(iconQuads[0]);
+    }
+    iconQuadEndIndex = this.symbolQuadsArray.length;
+
+    var iconBoxStartIndex = iconCollisionFeature ? iconCollisionFeature.boxStartIndex : this.collisionBoxArray.length;
+    var iconBoxEndIndex = iconCollisionFeature ? iconCollisionFeature.boxEndIndex : this.collisionBoxArray.length;
+    if (iconQuadEndIndex > SymbolBucket.MAX_QUADS) util.warnOnce("Too many symbols being rendered in a tile. See https://github.com/mapbox/mapbox-gl-js/issues/2907");
+    if (glyphQuadEndIndex > SymbolBucket.MAX_QUADS) util.warnOnce("Too many glyphs being rendered in a tile. See https://github.com/mapbox/mapbox-gl-js/issues/2907");
+
+    return this.symbolInstancesArray.emplaceBack(
+        textBoxStartIndex,
+        textBoxEndIndex,
+        iconBoxStartIndex,
+        iconBoxEndIndex,
+        glyphQuadStartIndex,
+        glyphQuadEndIndex,
+        iconQuadStartIndex,
+        iconQuadEndIndex,
+        anchor.x,
+        anchor.y,
+        index);
+};
+
+SymbolBucket.prototype.addSymbolQuad = function(symbolQuad) {
+    return this.symbolQuadsArray.emplaceBack(
+        // anchorPoints
+        symbolQuad.anchorPoint.x,
+        symbolQuad.anchorPoint.y,
+        // corners
+        symbolQuad.tl.x,
+        symbolQuad.tl.y,
+        symbolQuad.tr.x,
+        symbolQuad.tr.y,
+        symbolQuad.bl.x,
+        symbolQuad.bl.y,
+        symbolQuad.br.x,
+        symbolQuad.br.y,
+        // texture
+        symbolQuad.tex.h,
+        symbolQuad.tex.w,
+        symbolQuad.tex.x,
+        symbolQuad.tex.y,
+        //angle
+        symbolQuad.anchorAngle,
+        symbolQuad.glyphAngle,
+        // scales
+        symbolQuad.maxScale,
+        symbolQuad.minScale);
+};
+
+},{"../../symbol/anchor":391,"../../symbol/clip_line":393,"../../symbol/collision_feature":395,"../../symbol/get_anchors":397,"../../symbol/mergelines":400,"../../symbol/quads":401,"../../symbol/resolve_text":402,"../../symbol/shaping":403,"../../util/token":441,"../../util/util":442,"../bucket":329,"../load_geometry":337,"point-geometry":484}],334:[function(require,module,exports){
+'use strict';
+
+module.exports = Buffer;
+
+/**
+ * The `Buffer` class turns a `StructArray` into a WebGL buffer. Each member of the StructArray's
+ * Struct type is converted to a WebGL atribute.
+ *
+ * @class Buffer
+ * @private
+ * @param {object} array A serialized StructArray.
+ * @param {object} arrayType A serialized StructArrayType.
+ * @param {BufferType} type
+ */
+function Buffer(array, arrayType, type) {
+    this.arrayBuffer = array.arrayBuffer;
+    this.length = array.length;
+    this.attributes = arrayType.members;
+    this.itemSize = arrayType.bytesPerElement;
+    this.type = type;
+    this.arrayType = arrayType;
+}
+
+/**
+ * Bind this buffer to a WebGL context.
+ * @private
+ * @param gl The WebGL context
+ */
+Buffer.prototype.bind = function(gl) {
+    var type = gl[this.type];
+
+    if (!this.buffer) {
+        this.buffer = gl.createBuffer();
+        gl.bindBuffer(type, this.buffer);
+        gl.bufferData(type, this.arrayBuffer, gl.STATIC_DRAW);
+
+        // dump array buffer once it's bound to gl
+        this.arrayBuffer = null;
+    } else {
+        gl.bindBuffer(type, this.buffer);
+    }
+};
+
+/**
+ * @enum {string} AttributeType
+ * @private
+ * @readonly
+ */
+var AttributeType = {
+    Int8:   'BYTE',
+    Uint8:  'UNSIGNED_BYTE',
+    Int16:  'SHORT',
+    Uint16: 'UNSIGNED_SHORT'
+};
+
+/**
+ * Set the attribute pointers in a WebGL context
+ * @private
+ * @param gl The WebGL context
+ * @param program The active WebGL program
+ */
+Buffer.prototype.setVertexAttribPointers = function(gl, program) {
+    for (var j = 0; j < this.attributes.length; j++) {
+        var member = this.attributes[j];
+        var attribIndex = program[member.name];
+
+        if (attribIndex !== undefined) {
+            gl.vertexAttribPointer(
+                attribIndex,
+                member.components,
+                gl[AttributeType[member.type]],
+                false,
+                this.arrayType.bytesPerElement,
+                member.offset
+            );
+        }
+    }
+};
+
+/**
+ * Destroy the GL buffer bound to the given WebGL context
+ * @private
+ * @param gl The WebGL context
+ */
+Buffer.prototype.destroy = function(gl) {
+    if (this.buffer) {
+        gl.deleteBuffer(this.buffer);
+    }
+};
+
+/**
+ * @enum {string} BufferType
+ * @private
+ * @readonly
+ */
+Buffer.BufferType = {
+    VERTEX: 'ARRAY_BUFFER',
+    ELEMENT: 'ELEMENT_ARRAY_BUFFER'
+};
+
+},{}],335:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var Buffer = require('./buffer');
+var VertexArrayObject = require('../render/vertex_array_object');
+
+module.exports = BufferGroup;
+
+function BufferGroup(arrayGroup, arrayTypes) {
+    this.layoutVertexBuffer = new Buffer(arrayGroup.layoutVertexArray,
+        arrayTypes.layoutVertexArrayType, Buffer.BufferType.VERTEX);
+
+    if (arrayGroup.elementArray) {
+        this.elementBuffer = new Buffer(arrayGroup.elementArray,
+            arrayTypes.elementArrayType, Buffer.BufferType.ELEMENT);
+    }
+
+    var vaos = this.vaos = {};
+    var secondVaos;
+
+    if (arrayGroup.elementArray2) {
+        this.elementBuffer2 = new Buffer(arrayGroup.elementArray2,
+            arrayTypes.elementArrayType2, Buffer.BufferType.ELEMENT);
+        secondVaos = this.secondVaos = {};
+    }
+
+    this.paintVertexBuffers = util.mapObject(arrayGroup.paintVertexArrays, function(array, name) {
+        vaos[name] = new VertexArrayObject();
+        if (arrayGroup.elementArray2) {
+            secondVaos[name] = new VertexArrayObject();
+        }
+        return new Buffer(array, arrayTypes.paintVertexArrayTypes[name], Buffer.BufferType.VERTEX);
+    });
+}
+
+BufferGroup.prototype.destroy = function(gl) {
+    this.layoutVertexBuffer.destroy(gl);
+    if (this.elementBuffer) {
+        this.elementBuffer.destroy(gl);
+    }
+    if (this.elementBuffer2) {
+        this.elementBuffer2.destroy(gl);
+    }
+    for (var n in this.paintVertexBuffers) {
+        this.paintVertexBuffers[n].destroy(gl);
+    }
+    for (var j in this.vaos) {
+        this.vaos[j].destroy(gl);
+    }
+    for (var k in this.secondVaos) {
+        this.secondVaos[k].destroy(gl);
+    }
+};
+
+},{"../render/vertex_array_object":357,"../util/util":442,"./buffer":334}],336:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+var loadGeometry = require('./load_geometry');
+var EXTENT = require('./bucket').EXTENT;
+var featureFilter = require('feature-filter');
+var StructArrayType = require('../util/struct_array');
+var Grid = require('grid-index');
+var DictionaryCoder = require('../util/dictionary_coder');
+var vt = require('vector-tile');
+var Protobuf = require('pbf');
+var GeoJSONFeature = require('../util/vectortile_to_geojson');
+var arraysIntersect = require('../util/util').arraysIntersect;
+
+var intersection = require('../util/intersection_tests');
+var multiPolygonIntersectsBufferedMultiPoint = intersection.multiPolygonIntersectsBufferedMultiPoint;
+var multiPolygonIntersectsMultiPolygon = intersection.multiPolygonIntersectsMultiPolygon;
+var multiPolygonIntersectsBufferedMultiLine = intersection.multiPolygonIntersectsBufferedMultiLine;
+
+
+var FeatureIndexArray = new StructArrayType({
+    members: [
+        // the index of the feature in the original vectortile
+        { type: 'Uint32', name: 'featureIndex' },
+        // the source layer the feature appears in
+        { type: 'Uint16', name: 'sourceLayerIndex' },
+        // the bucket the feature appears in
+        { type: 'Uint16', name: 'bucketIndex' }
+    ]});
+
+module.exports = FeatureIndex;
+
+function FeatureIndex(coord, overscaling, collisionTile) {
+    if (coord.grid) {
+        var serialized = coord;
+        var rawTileData = overscaling;
+        coord = serialized.coord;
+        overscaling = serialized.overscaling;
+        this.grid = new Grid(serialized.grid);
+        this.featureIndexArray = new FeatureIndexArray(serialized.featureIndexArray);
+        this.rawTileData = rawTileData;
+        this.bucketLayerIDs = serialized.bucketLayerIDs;
+    } else {
+        this.grid = new Grid(EXTENT, 16, 0);
+        this.featureIndexArray = new FeatureIndexArray();
+    }
+    this.coord = coord;
+    this.overscaling = overscaling;
+    this.x = coord.x;
+    this.y = coord.y;
+    this.z = coord.z - Math.log(overscaling) / Math.LN2;
+    this.setCollisionTile(collisionTile);
+}
+
+FeatureIndex.prototype.insert = function(feature, featureIndex, sourceLayerIndex, bucketIndex) {
+    var key = this.featureIndexArray.length;
+    this.featureIndexArray.emplaceBack(featureIndex, sourceLayerIndex, bucketIndex);
+    var geometry = loadGeometry(feature);
+
+    for (var r = 0; r < geometry.length; r++) {
+        var ring = geometry[r];
+
+        var bbox = [Infinity, Infinity, -Infinity, -Infinity];
+        for (var i = 0; i < ring.length; i++) {
+            var p = ring[i];
+            bbox[0] = Math.min(bbox[0], p.x);
+            bbox[1] = Math.min(bbox[1], p.y);
+            bbox[2] = Math.max(bbox[2], p.x);
+            bbox[3] = Math.max(bbox[3], p.y);
+        }
+
+        this.grid.insert(key, bbox[0], bbox[1], bbox[2], bbox[3]);
+    }
+};
+
+FeatureIndex.prototype.setCollisionTile = function(collisionTile) {
+    this.collisionTile = collisionTile;
+};
+
+FeatureIndex.prototype.serialize = function() {
+    var data = {
+        coord: this.coord,
+        overscaling: this.overscaling,
+        grid: this.grid.toArrayBuffer(),
+        featureIndexArray: this.featureIndexArray.serialize(),
+        bucketLayerIDs: this.bucketLayerIDs
+    };
+    return {
+        data: data,
+        transferables: [data.grid, data.featureIndexArray.arrayBuffer]
+    };
+};
+
+function translateDistance(translate) {
+    return Math.sqrt(translate[0] * translate[0] + translate[1] * translate[1]);
+}
+
+// Finds features in this tile at a particular position.
+FeatureIndex.prototype.query = function(args, styleLayers) {
+    if (!this.vtLayers) {
+        this.vtLayers = new vt.VectorTile(new Protobuf(new Uint8Array(this.rawTileData))).layers;
+        this.sourceLayerCoder = new DictionaryCoder(this.vtLayers ? Object.keys(this.vtLayers).sort() : ['_geojsonTileLayer']);
+    }
+
+    var result = {};
+
+    var params = args.params || {},
+        pixelsToTileUnits = EXTENT / args.tileSize / args.scale,
+        filter = featureFilter(params.filter);
+
+    // Features are indexed their original geometries. The rendered geometries may
+    // be buffered, translated or offset. Figure out how much the search radius needs to be
+    // expanded by to include these features.
+    var additionalRadius = 0;
+    for (var id in styleLayers) {
+        var styleLayer = styleLayers[id];
+        var paint = styleLayer.paint;
+
+        var styleLayerDistance = 0;
+        if (styleLayer.type === 'line') {
+            styleLayerDistance = getLineWidth(paint) / 2 + Math.abs(paint['line-offset']) + translateDistance(paint['line-translate']);
+        } else if (styleLayer.type === 'fill') {
+            styleLayerDistance = translateDistance(paint['fill-translate']);
+        } else if (styleLayer.type === 'circle') {
+            styleLayerDistance = paint['circle-radius'] + translateDistance(paint['circle-translate']);
+        }
+        additionalRadius = Math.max(additionalRadius, styleLayerDistance * pixelsToTileUnits);
+    }
+
+    var queryGeometry = args.queryGeometry.map(function(q) {
+        return q.map(function(p) {
+            return new Point(p.x, p.y);
+        });
+    });
+
+    var minX = Infinity;
+    var minY = Infinity;
+    var maxX = -Infinity;
+    var maxY = -Infinity;
+    for (var i = 0; i < queryGeometry.length; i++) {
+        var ring = queryGeometry[i];
+        for (var k = 0; k < ring.length; k++) {
+            var p = ring[k];
+            minX = Math.min(minX, p.x);
+            minY = Math.min(minY, p.y);
+            maxX = Math.max(maxX, p.x);
+            maxY = Math.max(maxY, p.y);
+        }
+    }
+
+    var matching = this.grid.query(minX - additionalRadius, minY - additionalRadius, maxX + additionalRadius, maxY + additionalRadius);
+    matching.sort(topDownFeatureComparator);
+    this.filterMatching(result, matching, this.featureIndexArray, queryGeometry, filter, params.layers, styleLayers, args.bearing, pixelsToTileUnits);
+
+    var matchingSymbols = this.collisionTile.queryRenderedSymbols(minX, minY, maxX, maxY, args.scale);
+    matchingSymbols.sort();
+    this.filterMatching(result, matchingSymbols, this.collisionTile.collisionBoxArray, queryGeometry, filter, params.layers, styleLayers, args.bearing, pixelsToTileUnits);
+
+    return result;
+};
+
+function topDownFeatureComparator(a, b) {
+    return b - a;
+}
+
+function getLineWidth(paint) {
+    if (paint['line-gap-width'] > 0) {
+        return paint['line-gap-width'] + 2 * paint['line-width'];
+    } else {
+        return paint['line-width'];
+    }
+}
+
+FeatureIndex.prototype.filterMatching = function(result, matching, array, queryGeometry, filter, filterLayerIDs, styleLayers, bearing, pixelsToTileUnits) {
+    var previousIndex;
+    for (var k = 0; k < matching.length; k++) {
+        var index = matching[k];
+
+        // don't check the same feature more than once
+        if (index === previousIndex) continue;
+        previousIndex = index;
+
+        var match = array.get(index);
+
+        var layerIDs = this.bucketLayerIDs[match.bucketIndex];
+        if (filterLayerIDs && !arraysIntersect(filterLayerIDs, layerIDs)) continue;
+
+        var sourceLayerName = this.sourceLayerCoder.decode(match.sourceLayerIndex);
+        var sourceLayer = this.vtLayers[sourceLayerName];
+        var feature = sourceLayer.feature(match.featureIndex);
+
+        if (!filter(feature)) continue;
+
+        var geometry = null;
+
+        for (var l = 0; l < layerIDs.length; l++) {
+            var layerID = layerIDs[l];
+
+            if (filterLayerIDs && filterLayerIDs.indexOf(layerID) < 0) {
+                continue;
+            }
+
+            var styleLayer = styleLayers[layerID];
+            if (!styleLayer) continue;
+
+            var translatedPolygon;
+            if (styleLayer.type !== 'symbol') {
+                // all symbols already match the style
+
+                if (!geometry) geometry = loadGeometry(feature);
+
+                var paint = styleLayer.paint;
+
+                if (styleLayer.type === 'line') {
+                    translatedPolygon = translate(queryGeometry,
+                            paint['line-translate'], paint['line-translate-anchor'],
+                            bearing, pixelsToTileUnits);
+                    var halfWidth = getLineWidth(paint) / 2 * pixelsToTileUnits;
+                    if (paint['line-offset']) {
+                        geometry = offsetLine(geometry, paint['line-offset'] * pixelsToTileUnits);
+                    }
+                    if (!multiPolygonIntersectsBufferedMultiLine(translatedPolygon, geometry, halfWidth)) continue;
+
+                } else if (styleLayer.type === 'fill') {
+                    translatedPolygon = translate(queryGeometry,
+                            paint['fill-translate'], paint['fill-translate-anchor'],
+                            bearing, pixelsToTileUnits);
+                    if (!multiPolygonIntersectsMultiPolygon(translatedPolygon, geometry)) continue;
+
+                } else if (styleLayer.type === 'circle') {
+                    translatedPolygon = translate(queryGeometry,
+                            paint['circle-translate'], paint['circle-translate-anchor'],
+                            bearing, pixelsToTileUnits);
+                    var circleRadius = paint['circle-radius'] * pixelsToTileUnits;
+                    if (!multiPolygonIntersectsBufferedMultiPoint(translatedPolygon, geometry, circleRadius)) continue;
+                }
+            }
+
+            var geojsonFeature = new GeoJSONFeature(feature, this.z, this.x, this.y);
+            geojsonFeature.layer = styleLayer.serialize({
+                includeRefProperties: true
+            });
+            var layerResult = result[layerID];
+            if (layerResult === undefined) {
+                layerResult = result[layerID] = [];
+            }
+            layerResult.push(geojsonFeature);
+        }
+    }
+};
+
+function translate(queryGeometry, translate, translateAnchor, bearing, pixelsToTileUnits) {
+    if (!translate[0] && !translate[1]) {
+        return queryGeometry;
+    }
+
+    translate = Point.convert(translate);
+
+    if (translateAnchor === "viewport") {
+        translate._rotate(-bearing);
+    }
+
+    var translated = [];
+    for (var i = 0; i < queryGeometry.length; i++) {
+        var ring = queryGeometry[i];
+        var translatedRing = [];
+        for (var k = 0; k < ring.length; k++) {
+            translatedRing.push(ring[k].sub(translate._mult(pixelsToTileUnits)));
+        }
+        translated.push(translatedRing);
+    }
+    return translated;
+}
+
+function offsetLine(rings, offset) {
+    var newRings = [];
+    var zero = new Point(0, 0);
+    for (var k = 0; k < rings.length; k++) {
+        var ring = rings[k];
+        var newRing = [];
+        for (var i = 0; i < ring.length; i++) {
+            var a = ring[i - 1];
+            var b = ring[i];
+            var c = ring[i + 1];
+            var aToB = i === 0 ? zero : b.sub(a)._unit()._perp();
+            var bToC = i === ring.length - 1 ? zero : c.sub(b)._unit()._perp();
+            var extrude = aToB._add(bToC)._unit();
+
+            var cosHalfAngle = extrude.x * bToC.x + extrude.y * bToC.y;
+            extrude._mult(1 / cosHalfAngle);
+
+            newRing.push(extrude._mult(offset)._add(b));
+        }
+        newRings.push(newRing);
+    }
+    return newRings;
+}
+
+},{"../util/dictionary_coder":432,"../util/intersection_tests":437,"../util/struct_array":440,"../util/util":442,"../util/vectortile_to_geojson":443,"./bucket":329,"./load_geometry":337,"feature-filter":132,"grid-index":287,"pbf":478,"point-geometry":484,"vector-tile":550}],337:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var EXTENT = require('./bucket').EXTENT;
+var assert = require('assert');
+
+
+// These bounds define the minimum and maximum supported coordinate values.
+// While visible coordinates are within [0, EXTENT], tiles may theoretically
+// contain cordinates within [-Infinity, Infinity]. Our range is limited by the
+// number of bits used to represent the coordinate.
+function createBounds(bits) {
+    return {
+        min: -1 * Math.pow(2, bits - 1),
+        max: Math.pow(2, bits - 1) - 1
+    };
+}
+
+var boundsLookup = {
+    15: createBounds(15),
+    16: createBounds(16)
+};
+
+/**
+ * Loads a geometry from a VectorTileFeature and scales it to the common extent
+ * used internally.
+ * @param {VectorTileFeature} feature
+ * @param {number} [bits=16] The number of signed integer bits available to store
+ *   each coordinate. A warning will be issued if any coordinate will not fits
+ *   in the specified number of bits.
+ * @private
+ */
+module.exports = function loadGeometry(feature, bits) {
+    var bounds = boundsLookup[bits || 16];
+    assert(bounds);
+
+    var scale = EXTENT / feature.extent;
+    var geometry = feature.loadGeometry();
+    for (var r = 0; r < geometry.length; r++) {
+        var ring = geometry[r];
+        for (var p = 0; p < ring.length; p++) {
+            var point = ring[p];
+            // round here because mapbox-gl-native uses integers to represent
+            // points and we need to do the same to avoid renering differences.
+            point.x = Math.round(point.x * scale);
+            point.y = Math.round(point.y * scale);
+
+            if (point.x < bounds.min || point.x > bounds.max || point.y < bounds.min || point.y > bounds.max) {
+                util.warnOnce('Geometry exceeds allowed extent, reduce your vector tile buffer size');
+            }
+        }
+    }
+    return geometry;
+};
+
+},{"../util/util":442,"./bucket":329,"assert":47}],338:[function(require,module,exports){
+'use strict';
+
+module.exports = Coordinate;
+
+/**
+ * A coordinate is a column, row, zoom combination, often used
+ * as the data component of a tile.
+ *
+ * @param {number} column
+ * @param {number} row
+ * @param {number} zoom
+ * @private
+ */
+function Coordinate(column, row, zoom) {
+    this.column = column;
+    this.row = row;
+    this.zoom = zoom;
+}
+
+Coordinate.prototype = {
+
+    /**
+     * Create a clone of this coordinate that can be mutated without
+     * changing the original coordinate
+     *
+     * @returns {Coordinate} clone
+     * @private
+     * var coord = new Coordinate(0, 0, 0);
+     * var c2 = coord.clone();
+     * // since coord is cloned, modifying a property of c2 does
+     * // not modify it.
+     * c2.zoom = 2;
+     */
+    clone: function() {
+        return new Coordinate(this.column, this.row, this.zoom);
+    },
+
+    /**
+     * Zoom this coordinate to a given zoom level. This returns a new
+     * coordinate object, not mutating the old one.
+     *
+     * @param {number} zoom
+     * @returns {Coordinate} zoomed coordinate
+     * @private
+     * @example
+     * var coord = new Coordinate(0, 0, 0);
+     * var c2 = coord.zoomTo(1);
+     * c2 // equals new Coordinate(0, 0, 1);
+     */
+    zoomTo: function(zoom) { return this.clone()._zoomTo(zoom); },
+
+    /**
+     * Subtract the column and row values of this coordinate from those
+     * of another coordinate. The other coordinat will be zoomed to the
+     * same level as `this` before the subtraction occurs
+     *
+     * @param {Coordinate} c other coordinate
+     * @returns {Coordinate} result
+     * @private
+     */
+    sub: function(c) { return this.clone()._sub(c); },
+
+    _zoomTo: function(zoom) {
+        var scale = Math.pow(2, zoom - this.zoom);
+        this.column *= scale;
+        this.row *= scale;
+        this.zoom = zoom;
+        return this;
+    },
+
+    _sub: function(c) {
+        c = c.zoomTo(this.zoom);
+        this.column -= c.column;
+        this.row -= c.row;
+        return this;
+    }
+};
+
+},{}],339:[function(require,module,exports){
+'use strict';
+
+module.exports = LngLat;
+
+var wrap = require('../util/util').wrap;
+
+/**
+ * A `LngLat` object represents a given longitude and latitude coordinate, measured in degrees.
+ *
+ * Mapbox GL uses longitude, latitude coordinate order (as opposed to latitude, longitude) to match GeoJSON.
+ *
+ * Note that any Mapbox GL method that accepts a `LngLat` object as an argument or option
+ * can also accept an `Array` of two numbers and will perform an implicit conversion.
+ * This flexible type is documented as [`LngLatLike`](#LngLatLike).
+ *
+ * @class LngLat
+ * @param {number} lng Longitude, measured in degrees.
+ * @param {number} lat Latitude, measured in degrees.
+ * @example
+ * var ll = new mapboxgl.LngLat(-73.9749, 40.7736);
+ */
+function LngLat(lng, lat) {
+    if (isNaN(lng) || isNaN(lat)) {
+        throw new Error('Invalid LngLat object: (' + lng + ', ' + lat + ')');
+    }
+    this.lng = +lng;
+    this.lat = +lat;
+    if (this.lat > 90 || this.lat < -90) {
+        throw new Error('Invalid LngLat latitude value: must be between -90 and 90');
+    }
+}
+
+/**
+ * Returns a new `LngLat` object whose longitude is wrapped to the range (-180, 180).
+ *
+ * @returns {LngLat} The wrapped `LngLat` object.
+ * @example
+ * var ll = new mapboxgl.LngLat(286.0251, 40.7736);
+ * var wrapped = ll.wrap();
+ * wrapped.lng; // = -73.9749
+ */
+LngLat.prototype.wrap = function () {
+    return new LngLat(wrap(this.lng, -180, 180), this.lat);
+};
+
+/**
+ * Returns the coordinates represented as an array of two numbers.
+ *
+ * @returns {Array<number>} The coordinates represeted as an array of longitude and latitude.
+ * @example
+ * var ll = new mapboxgl.LngLat(-73.9749, 40.7736);
+ * ll.toArray(); // = [-73.9749, 40.7736]
+ */
+LngLat.prototype.toArray = function () {
+    return [this.lng, this.lat];
+};
+
+/**
+ * Returns the coordinates represent as a string.
+ *
+ * @returns {string} The coordinates represented as a string of the format `'LngLat(lng, lat)'`.
+ * @example
+ * var ll = new mapboxgl.LngLat(-73.9749, 40.7736);
+ * ll.toString(); // = "LngLat(-73.9749, 40.7736)"
+ */
+LngLat.prototype.toString = function () {
+    return 'LngLat(' + this.lng + ', ' + this.lat + ')';
+};
+
+/**
+ * Converts an array of two numbers to a `LngLat` object.
+ *
+ * If a `LngLat` object is passed in, the function returns it unchanged.
+ *
+ * @param {LngLatLike} input An array of two numbers to convert, or a `LngLat` object to return.
+ * @returns {LngLat} A new `LngLat` object, if a conversion occurred, or the original `LngLat` object.
+ * @example
+ * var arr = [-73.9749, 40.7736];
+ * var ll = mapboxgl.LngLat.convert(arr);
+ * ll;   // = LngLat {lng: -73.9749, lat: 40.7736}
+ */
+LngLat.convert = function (input) {
+    if (input instanceof LngLat) {
+        return input;
+    }
+    if (Array.isArray(input)) {
+        return new LngLat(input[0], input[1]);
+    }
+    return input;
+};
+
+},{"../util/util":442}],340:[function(require,module,exports){
+'use strict';
+
+module.exports = LngLatBounds;
+
+var LngLat = require('./lng_lat');
+
+/**
+ * A `LngLatBounds` object represents a geographical bounding box,
+ * defined by its southwest and northeast points in longitude and latitude.
+ *
+ * If no arguments are provided to the constructor, a `null` bounding box is created.
+ *
+ * Note that any Mapbox GL method that accepts a `LngLatBounds` object as an argument or option
+ * can also accept an `Array` of two [`LngLatLike`](#LngLatLike) constructs and will perform an implicit conversion.
+ * This flexible type is documented as [`LngLatBoundsLike`](#LngLatBoundsLike).
+ *
+ * @class LngLatBounds
+ * @param {LngLatLike} sw The southwest corner of the bounding box.
+ * @param {LngLatLike} ne The northeast corner of the bounding box.
+ * @example
+ * var sw = new mapboxgl.LngLat(-73.9876, 40.7661);
+ * var ne = new mapboxgl.LngLat(-73.9397, 40.8002);
+ * var llb = new mapboxgl.LngLatBounds(sw, ne);
+ */
+function LngLatBounds(sw, ne) {
+    if (!sw) {
+        return;
+    } else if (ne) {
+        this.extend(sw).extend(ne);
+    } else if (sw.length === 4) {
+        this.extend([sw[0], sw[1]]).extend([sw[2], sw[3]]);
+    } else {
+        this.extend(sw[0]).extend(sw[1]);
+    }
+}
+
+LngLatBounds.prototype = {
+
+    /**
+     * Extends the bounding box to include an area represented by a `LngLat` or `LngLatBounds`.
+     *
+     * @param {LngLatLike|LngLatBoundsLike} obj The area that the bounding box will extend to include.
+     * @returns {LngLatBounds} `this`
+     */
+    extend: function(obj) {
+        var sw = this._sw,
+            ne = this._ne,
+            sw2, ne2;
+
+        if (obj instanceof LngLat) {
+            sw2 = obj;
+            ne2 = obj;
+
+        } else if (obj instanceof LngLatBounds) {
+            sw2 = obj._sw;
+            ne2 = obj._ne;
+
+            if (!sw2 || !ne2) return this;
+
+        } else {
+            return obj ? this.extend(LngLat.convert(obj) || LngLatBounds.convert(obj)) : this;
+        }
+
+        if (!sw && !ne) {
+            this._sw = new LngLat(sw2.lng, sw2.lat);
+            this._ne = new LngLat(ne2.lng, ne2.lat);
+
+        } else {
+            sw.lng = Math.min(sw2.lng, sw.lng);
+            sw.lat = Math.min(sw2.lat, sw.lat);
+            ne.lng = Math.max(ne2.lng, ne.lng);
+            ne.lat = Math.max(ne2.lat, ne.lat);
+        }
+
+        return this;
+    },
+
+    /**
+     * Returns the geographical coordinate equidistant from the bounding box's corners.
+     *
+     * @returns {LngLat} The bounding box's center.
+     * @example
+     * var llb = new mapboxgl.LngLatBounds([-73.9876, 40.7661], [-73.9397, 40.8002]);
+     * llb.getCenter(); // = LngLat {lng: -73.96365, lat: 40.78315}
+     */
+    getCenter: function() {
+        return new LngLat((this._sw.lng + this._ne.lng) / 2, (this._sw.lat + this._ne.lat) / 2);
+    },
+
+    /**
+     * Returns the southwest corner of the bounding box.
+     *
+     * @returns {LngLat} The southwest corner of the bounding box.
+     */
+    getSouthWest: function() { return this._sw; },
+
+    /**
+    * Returns the northeast corner of the bounding box.
+    *
+    * @returns {LngLat} The northeast corner of the bounding box.
+     */
+    getNorthEast: function() { return this._ne; },
+
+    /**
+    * Returns the northwest corner of the bounding box.
+    *
+    * @returns {LngLat} The northwest corner of the bounding box.
+     */
+    getNorthWest: function() { return new LngLat(this.getWest(), this.getNorth()); },
+
+    /**
+    * Returns the southeast corner of the bounding box.
+    *
+    * @returns {LngLat} The southeast corner of the bounding box.
+     */
+    getSouthEast: function() { return new LngLat(this.getEast(), this.getSouth()); },
+
+    /**
+    * Returns the west edge of the bounding box.
+    *
+    * @returns {LngLat} The west edge of the bounding box.
+     */
+    getWest:  function() { return this._sw.lng; },
+
+    /**
+    * Returns the south edge of the bounding box.
+    *
+    * @returns {LngLat} The south edge of the bounding box.
+     */
+    getSouth: function() { return this._sw.lat; },
+
+    /**
+    * Returns the east edge of the bounding box.
+    *
+    * @returns {LngLat} The east edge of the bounding box.
+     */
+    getEast:  function() { return this._ne.lng; },
+
+    /**
+    * Returns the north edge of the bounding box.
+    *
+    * @returns {LngLat} The north edge of the bounding box.
+     */
+    getNorth: function() { return this._ne.lat; },
+
+    /**
+     * Returns the bounding box represented as an array.
+     *
+     * @returns {Array<Array<number>>} The bounding box represented as an array, consisting of the
+     *   southwest and northeast coordinates of the bounding represented as arrays of numbers.
+     * @example
+     * var llb = new mapboxgl.LngLatBounds([-73.9876, 40.7661], [-73.9397, 40.8002]);
+     * llb.toArray(); // = [[-73.9876, 40.7661], [-73.9397, 40.8002]]
+     */
+    toArray: function () {
+        return [this._sw.toArray(), this._ne.toArray()];
+    },
+
+    /**
+     * Return the bounding box represented as a string.
+     *
+     * @returns {string} The bounding box represents as a string of the format
+     *   `'LngLatBounds(LngLat(lng, lat), LngLat(lng, lat))'`.
+     * @example
+     * var llb = new mapboxgl.LngLatBounds([-73.9876, 40.7661], [-73.9397, 40.8002]);
+     * llb.toString(); // = "LngLatBounds(LngLat(-73.9876, 40.7661), LngLat(-73.9397, 40.8002))"
+     */
+    toString: function () {
+        return 'LngLatBounds(' + this._sw.toString() + ', ' + this._ne.toString() + ')';
+    }
+};
+
+/**
+ * Converts an array to a `LngLatBounds` object.
+ *
+ * If a `LngLatBounds` object is passed in, the function returns it unchanged.
+ *
+ * Internally, the function calls `LngLat#convert` to convert arrays to `LngLat` values.
+ *
+ * @param {LngLatBoundsLike} input An array of two coordinates to convert, or a `LngLatBounds` object to return.
+ * @returns {LngLatBounds} A new `LngLatBounds` object, if a conversion occurred, or the original `LngLatBounds` object.
+ * @example
+ * var arr = [[-73.9876, 40.7661], [-73.9397, 40.8002]];
+ * var llb = mapboxgl.LngLatBounds.convert(arr);
+ * llb;   // = LngLatBounds {_sw: LngLat {lng: -73.9876, lat: 40.7661}, _ne: LngLat {lng: -73.9397, lat: 40.8002}}
+ */
+LngLatBounds.convert = function (input) {
+    if (!input || input instanceof LngLatBounds) return input;
+    return new LngLatBounds(input);
+};
+
+},{"./lng_lat":339}],341:[function(require,module,exports){
+'use strict';
+
+var LngLat = require('./lng_lat'),
+    Point = require('point-geometry'),
+    Coordinate = require('./coordinate'),
+    wrap = require('../util/util').wrap,
+    interp = require('../util/interpolate'),
+    TileCoord = require('../source/tile_coord'),
+    EXTENT = require('../data/bucket').EXTENT,
+    glmatrix = require('gl-matrix');
+
+var vec4 = glmatrix.vec4,
+    mat4 = glmatrix.mat4,
+    mat2 = glmatrix.mat2;
+
+module.exports = Transform;
+
+/**
+ * A single transform, generally used for a single tile to be
+ * scaled, rotated, and zoomed.
+ *
+ * @param {number} minZoom
+ * @param {number} maxZoom
+ * @private
+ */
+function Transform(minZoom, maxZoom) {
+    this.tileSize = 512; // constant
+
+    this._minZoom = minZoom || 0;
+    this._maxZoom = maxZoom || 22;
+
+    this.latRange = [-85.05113, 85.05113];
+
+    this.width = 0;
+    this.height = 0;
+    this._center = new LngLat(0, 0);
+    this.zoom = 0;
+    this.angle = 0;
+    this._altitude = 1.5;
+    this._pitch = 0;
+    this._unmodified = true;
+}
+
+Transform.prototype = {
+    get minZoom() { return this._minZoom; },
+    set minZoom(zoom) {
+        if (this._minZoom === zoom) return;
+        this._minZoom = zoom;
+        this.zoom = Math.max(this.zoom, zoom);
+    },
+
+    get maxZoom() { return this._maxZoom; },
+    set maxZoom(zoom) {
+        if (this._maxZoom === zoom) return;
+        this._maxZoom = zoom;
+        this.zoom = Math.min(this.zoom, zoom);
+    },
+
+    get worldSize() {
+        return this.tileSize * this.scale;
+    },
+
+    get centerPoint() {
+        return this.size._div(2);
+    },
+
+    get size() {
+        return new Point(this.width, this.height);
+    },
+
+    get bearing() {
+        return -this.angle / Math.PI * 180;
+    },
+    set bearing(bearing) {
+        var b = -wrap(bearing, -180, 180) * Math.PI / 180;
+        if (this.angle === b) return;
+        this._unmodified = false;
+        this.angle = b;
+        this._calcMatrices();
+
+        // 2x2 matrix for rotating points
+        this.rotationMatrix = mat2.create();
+        mat2.rotate(this.rotationMatrix, this.rotationMatrix, this.angle);
+    },
+
+    get pitch() {
+        return this._pitch / Math.PI * 180;
+    },
+    set pitch(pitch) {
+        var p = Math.min(60, pitch) / 180 * Math.PI;
+        if (this._pitch === p) return;
+        this._unmodified = false;
+        this._pitch = p;
+        this._calcMatrices();
+    },
+
+    get altitude() {
+        return this._altitude;
+    },
+    set altitude(altitude) {
+        var a = Math.max(0.75, altitude);
+        if (this._altitude === a) return;
+        this._unmodified = false;
+        this._altitude = a;
+        this._calcMatrices();
+    },
+
+    get zoom() { return this._zoom; },
+    set zoom(zoom) {
+        var z = Math.min(Math.max(zoom, this.minZoom), this.maxZoom);
+        if (this._zoom === z) return;
+        this._unmodified = false;
+        this._zoom = z;
+        this.scale = this.zoomScale(z);
+        this.tileZoom = Math.floor(z);
+        this.zoomFraction = z - this.tileZoom;
+        this._calcMatrices();
+        this._constrain();
+    },
+
+    get center() { return this._center; },
+    set center(center) {
+        if (center.lat === this._center.lat && center.lng === this._center.lng) return;
+        this._unmodified = false;
+        this._center = center;
+        this._calcMatrices();
+        this._constrain();
+    },
+
+    /**
+     * Return a zoom level that will cover all tiles the transform
+     * @param {Object} options
+     * @param {number} options.tileSize
+     * @param {boolean} options.roundZoom
+     * @returns {number} zoom level
+     * @private
+     */
+    coveringZoomLevel: function(options) {
+        return (options.roundZoom ? Math.round : Math.floor)(
+            this.zoom + this.scaleZoom(this.tileSize / options.tileSize)
+        );
+    },
+
+    /**
+     * Return all coordinates that could cover this transform for a covering
+     * zoom level.
+     * @param {Object} options
+     * @param {number} options.tileSize
+     * @param {number} options.minzoom
+     * @param {number} options.maxzoom
+     * @param {boolean} options.roundZoom
+     * @param {boolean} options.reparseOverscaled
+     * @returns {Array<Tile>} tiles
+     * @private
+     */
+    coveringTiles: function(options) {
+        var z = this.coveringZoomLevel(options);
+        var actualZ = z;
+
+        if (z < options.minzoom) return [];
+        if (z > options.maxzoom) z = options.maxzoom;
+
+        var tr = this,
+            tileCenter = tr.locationCoordinate(tr.center)._zoomTo(z),
+            centerPoint = new Point(tileCenter.column - 0.5, tileCenter.row - 0.5);
+
+        return TileCoord.cover(z, [
+            tr.pointCoordinate(new Point(0, 0))._zoomTo(z),
+            tr.pointCoordinate(new Point(tr.width, 0))._zoomTo(z),
+            tr.pointCoordinate(new Point(tr.width, tr.height))._zoomTo(z),
+            tr.pointCoordinate(new Point(0, tr.height))._zoomTo(z)
+        ], options.reparseOverscaled ? actualZ : z).sort(function(a, b) {
+            return centerPoint.dist(a) - centerPoint.dist(b);
+        });
+    },
+
+    resize: function(width, height) {
+        this.width = width;
+        this.height = height;
+
+        this.pixelsToGLUnits = [2 / width, -2 / height];
+        this._calcMatrices();
+        this._constrain();
+    },
+
+    get unmodified() { return this._unmodified; },
+
+    zoomScale: function(zoom) { return Math.pow(2, zoom); },
+    scaleZoom: function(scale) { return Math.log(scale) / Math.LN2; },
+
+    project: function(lnglat, worldSize) {
+        return new Point(
+            this.lngX(lnglat.lng, worldSize),
+            this.latY(lnglat.lat, worldSize));
+    },
+
+    unproject: function(point, worldSize) {
+        return new LngLat(
+            this.xLng(point.x, worldSize),
+            this.yLat(point.y, worldSize));
+    },
+
+    get x() { return this.lngX(this.center.lng); },
+    get y() { return this.latY(this.center.lat); },
+
+    get point() { return new Point(this.x, this.y); },
+
+    /**
+     * latitude to absolute x coord
+     * @param {number} lon
+     * @param {number} [worldSize=this.worldSize]
+     * @returns {number} pixel coordinate
+     * @private
+     */
+    lngX: function(lng, worldSize) {
+        return (180 + lng) * (worldSize || this.worldSize) / 360;
+    },
+    /**
+     * latitude to absolute y coord
+     * @param {number} lat
+     * @param {number} [worldSize=this.worldSize]
+     * @returns {number} pixel coordinate
+     * @private
+     */
+    latY: function(lat, worldSize) {
+        var y = 180 / Math.PI * Math.log(Math.tan(Math.PI / 4 + lat * Math.PI / 360));
+        return (180 - y) * (worldSize || this.worldSize) / 360;
+    },
+
+    xLng: function(x, worldSize) {
+        return x * 360 / (worldSize || this.worldSize) - 180;
+    },
+    yLat: function(y, worldSize) {
+        var y2 = 180 - y * 360 / (worldSize || this.worldSize);
+        return 360 / Math.PI * Math.atan(Math.exp(y2 * Math.PI / 180)) - 90;
+    },
+
+    panBy: function(offset) {
+        var point = this.centerPoint._add(offset);
+        this.center = this.pointLocation(point);
+    },
+
+    setLocationAtPoint: function(lnglat, point) {
+        var c = this.locationCoordinate(lnglat);
+        var coordAtPoint = this.pointCoordinate(point);
+        var coordCenter = this.pointCoordinate(this.centerPoint);
+        var translate = coordAtPoint._sub(c);
+        this._unmodified = false;
+        this.center = this.coordinateLocation(coordCenter._sub(translate));
+    },
+
+    /**
+     * Given a location, return the screen point that corresponds to it
+     * @param {LngLat} lnglat location
+     * @returns {Point} screen point
+     * @private
+     */
+    locationPoint: function(lnglat) {
+        return this.coordinatePoint(this.locationCoordinate(lnglat));
+    },
+
+    /**
+     * Given a point on screen, return its lnglat
+     * @param {Point} p screen point
+     * @returns {LngLat} lnglat location
+     * @private
+     */
+    pointLocation: function(p) {
+        return this.coordinateLocation(this.pointCoordinate(p));
+    },
+
+    /**
+     * Given a geographical lnglat, return an unrounded
+     * coordinate that represents it at this transform's zoom level and
+     * worldsize.
+     * @param {LngLat} lnglat
+     * @returns {Coordinate}
+     * @private
+     */
+    locationCoordinate: function(lnglat) {
+        var k = this.zoomScale(this.tileZoom) / this.worldSize,
+            ll = LngLat.convert(lnglat);
+
+        return new Coordinate(
+            this.lngX(ll.lng) * k,
+            this.latY(ll.lat) * k,
+            this.tileZoom);
+    },
+
+    /**
+     * Given a Coordinate, return its geographical position.
+     * @param {Coordinate} coord
+     * @returns {LngLat} lnglat
+     * @private
+     */
+    coordinateLocation: function(coord) {
+        var worldSize = this.zoomScale(coord.zoom);
+        return new LngLat(
+            this.xLng(coord.column, worldSize),
+            this.yLat(coord.row, worldSize));
+    },
+
+    pointCoordinate: function(p) {
+
+        var targetZ = 0;
+        // since we don't know the correct projected z value for the point,
+        // unproject two points to get a line and then find the point on that
+        // line with z=0
+
+        var coord0 = [p.x, p.y, 0, 1];
+        var coord1 = [p.x, p.y, 1, 1];
+
+        vec4.transformMat4(coord0, coord0, this.pixelMatrixInverse);
+        vec4.transformMat4(coord1, coord1, this.pixelMatrixInverse);
+
+        var w0 = coord0[3];
+        var w1 = coord1[3];
+        var x0 = coord0[0] / w0;
+        var x1 = coord1[0] / w1;
+        var y0 = coord0[1] / w0;
+        var y1 = coord1[1] / w1;
+        var z0 = coord0[2] / w0;
+        var z1 = coord1[2] / w1;
+
+
+        var t = z0 === z1 ? 0 : (targetZ - z0) / (z1 - z0);
+        var scale = this.worldSize / this.zoomScale(this.tileZoom);
+
+        return new Coordinate(
+            interp(x0, x1, t) / scale,
+            interp(y0, y1, t) / scale,
+            this.tileZoom);
+    },
+
+    /**
+     * Given a coordinate, return the screen point that corresponds to it
+     * @param {Coordinate} coord
+     * @returns {Point} screen point
+     * @private
+     */
+    coordinatePoint: function(coord) {
+        var scale = this.worldSize / this.zoomScale(coord.zoom);
+        var p = [coord.column * scale, coord.row * scale, 0, 1];
+        vec4.transformMat4(p, p, this.pixelMatrix);
+        return new Point(p[0] / p[3], p[1] / p[3]);
+    },
+
+    /**
+     * Calculate the posMatrix that, given a tile coordinate, would be used to display the tile on a map.
+     * @param {TileCoord|Coordinate} coord
+     * @param {Number} maxZoom maximum source zoom to account for overscaling
+     * @private
+     */
+    calculatePosMatrix: function(coord, maxZoom) {
+        if (maxZoom === undefined) maxZoom = Infinity;
+        if (coord instanceof TileCoord) coord = coord.toCoordinate(maxZoom);
+
+        // Initialize model-view matrix that converts from the tile coordinates to screen coordinates.
+
+        // if z > maxzoom then the tile is actually a overscaled maxzoom tile,
+        // so calculate the matrix the maxzoom tile would use.
+        var z = Math.min(coord.zoom, maxZoom);
+
+        var scale = this.worldSize / Math.pow(2, z);
+        var posMatrix = new Float64Array(16);
+
+        mat4.identity(posMatrix);
+        mat4.translate(posMatrix, posMatrix, [coord.column * scale, coord.row * scale, 0]);
+        mat4.scale(posMatrix, posMatrix, [ scale / EXTENT, scale / EXTENT, 1 ]);
+        mat4.multiply(posMatrix, this.projMatrix, posMatrix);
+
+        return new Float32Array(posMatrix);
+    },
+
+    _constrain: function() {
+        if (!this.center || !this.width || !this.height || this._constraining) return;
+
+        this._constraining = true;
+
+        var minY, maxY, minX, maxX, sy, sx, x2, y2,
+            size = this.size,
+            unmodified = this._unmodified;
+
+        if (this.latRange) {
+            minY = this.latY(this.latRange[1]);
+            maxY = this.latY(this.latRange[0]);
+            sy = maxY - minY < size.y ? size.y / (maxY - minY) : 0;
+        }
+
+        if (this.lngRange) {
+            minX = this.lngX(this.lngRange[0]);
+            maxX = this.lngX(this.lngRange[1]);
+            sx = maxX - minX < size.x ? size.x / (maxX - minX) : 0;
+        }
+
+        // how much the map should scale to fit the screen into given latitude/longitude ranges
+        var s = Math.max(sx || 0, sy || 0);
+
+        if (s) {
+            this.center = this.unproject(new Point(
+                sx ? (maxX + minX) / 2 : this.x,
+                sy ? (maxY + minY) / 2 : this.y));
+            this.zoom += this.scaleZoom(s);
+            this._unmodified = unmodified;
+            this._constraining = false;
+            return;
+        }
+
+        if (this.latRange) {
+            var y = this.y,
+                h2 = size.y / 2;
+
+            if (y - h2 < minY) y2 = minY + h2;
+            if (y + h2 > maxY) y2 = maxY - h2;
+        }
+
+        if (this.lngRange) {
+            var x = this.x,
+                w2 = size.x / 2;
+
+            if (x - w2 < minX) x2 = minX + w2;
+            if (x + w2 > maxX) x2 = maxX - w2;
+        }
+
+        // pan the map if the screen goes off the range
+        if (x2 !== undefined || y2 !== undefined) {
+            this.center = this.unproject(new Point(
+                x2 !== undefined ? x2 : this.x,
+                y2 !== undefined ? y2 : this.y));
+        }
+
+        this._unmodified = unmodified;
+        this._constraining = false;
+    },
+
+    _calcMatrices: function() {
+        if (!this.height) return;
+
+        // Find the distance from the center point to the center top in altitude units using law of sines.
+        var halfFov = Math.atan(0.5 / this.altitude);
+        var topHalfSurfaceDistance = Math.sin(halfFov) * this.altitude / Math.sin(Math.PI / 2 - this._pitch - halfFov);
+
+        // Calculate z value of the farthest fragment that should be rendered.
+        var farZ = Math.cos(Math.PI / 2 - this._pitch) * topHalfSurfaceDistance + this.altitude;
+
+        // matrix for conversion from location to GL coordinates (-1 .. 1)
+        var m = new Float64Array(16);
+        mat4.perspective(m, 2 * Math.atan((this.height / 2) / this.altitude), this.width / this.height, 0.1, farZ);
+        mat4.translate(m, m, [0, 0, -this.altitude]);
+
+        // After the rotateX, z values are in pixel units. Convert them to
+        // altitude units. 1 altitude unit = the screen height.
+        mat4.scale(m, m, [1, -1, 1 / this.height]);
+
+        mat4.rotateX(m, m, this._pitch);
+        mat4.rotateZ(m, m, this.angle);
+        mat4.translate(m, m, [-this.x, -this.y, 0]);
+
+        this.projMatrix = m;
+
+        // matrix for conversion from location to screen coordinates
+        m = mat4.create();
+        mat4.scale(m, m, [this.width / 2, -this.height / 2, 1]);
+        mat4.translate(m, m, [1, -1, 0]);
+        this.pixelMatrix = mat4.multiply(new Float64Array(16), m, this.projMatrix);
+
+        // inverse matrix for conversion from screen coordinaes to location
+        m = mat4.invert(new Float64Array(16), this.pixelMatrix);
+        if (!m) throw new Error("failed to invert matrix");
+        this.pixelMatrixInverse = m;
+    }
+};
+
+},{"../data/bucket":329,"../source/tile_coord":369,"../util/interpolate":436,"../util/util":442,"./coordinate":338,"./lng_lat":339,"gl-matrix":193,"point-geometry":484}],342:[function(require,module,exports){
+'use strict';
+
+// Font data From Hershey Simplex Font
+// http://paulbourke.net/dataformats/hershey/
+var simplexFont = {
+    " ": [16, []],
+    "!": [10, [5, 21, 5, 7, -1, -1, 5, 2, 4, 1, 5, 0, 6, 1, 5, 2]],
+    "\"": [16, [4, 21, 4, 14, -1, -1, 12, 21, 12, 14]],
+    "#": [21, [11, 25, 4, -7, -1, -1, 17, 25, 10, -7, -1, -1, 4, 12, 18, 12, -1, -1, 3, 6, 17, 6]],
+    "$": [20, [8, 25, 8, -4, -1, -1, 12, 25, 12, -4, -1, -1, 17, 18, 15, 20, 12, 21, 8, 21, 5, 20, 3, 18, 3, 16, 4, 14, 5, 13, 7, 12, 13, 10, 15, 9, 16, 8, 17, 6, 17, 3, 15, 1, 12, 0, 8, 0, 5, 1, 3, 3]],
+    "%": [24, [21, 21, 3, 0, -1, -1, 8, 21, 10, 19, 10, 17, 9, 15, 7, 14, 5, 14, 3, 16, 3, 18, 4, 20, 6, 21, 8, 21, 10, 20, 13, 19, 16, 19, 19, 20, 21, 21, -1, -1, 17, 7, 15, 6, 14, 4, 14, 2, 16, 0, 18, 0, 20, 1, 21, 3, 21, 5, 19, 7, 17, 7]],
+    "&": [26, [23, 12, 23, 13, 22, 14, 21, 14, 20, 13, 19, 11, 17, 6, 15, 3, 13, 1, 11, 0, 7, 0, 5, 1, 4, 2, 3, 4, 3, 6, 4, 8, 5, 9, 12, 13, 13, 14, 14, 16, 14, 18, 13, 20, 11, 21, 9, 20, 8, 18, 8, 16, 9, 13, 11, 10, 16, 3, 18, 1, 20, 0, 22, 0, 23, 1, 23, 2]],
+    "'": [10, [5, 19, 4, 20, 5, 21, 6, 20, 6, 18, 5, 16, 4, 15]],
+    "(": [14, [11, 25, 9, 23, 7, 20, 5, 16, 4, 11, 4, 7, 5, 2, 7, -2, 9, -5, 11, -7]],
+    ")": [14, [3, 25, 5, 23, 7, 20, 9, 16, 10, 11, 10, 7, 9, 2, 7, -2, 5, -5, 3, -7]],
+    "*": [16, [8, 21, 8, 9, -1, -1, 3, 18, 13, 12, -1, -1, 13, 18, 3, 12]],
+    "+": [26, [13, 18, 13, 0, -1, -1, 4, 9, 22, 9]],
+    ",": [10, [6, 1, 5, 0, 4, 1, 5, 2, 6, 1, 6, -1, 5, -3, 4, -4]],
+    "-": [26, [4, 9, 22, 9]],
+    ".": [10, [5, 2, 4, 1, 5, 0, 6, 1, 5, 2]],
+    "/": [22, [20, 25, 2, -7]],
+    "0": [20, [9, 21, 6, 20, 4, 17, 3, 12, 3, 9, 4, 4, 6, 1, 9, 0, 11, 0, 14, 1, 16, 4, 17, 9, 17, 12, 16, 17, 14, 20, 11, 21, 9, 21]],
+    "1": [20, [6, 17, 8, 18, 11, 21, 11, 0]],
+    "2": [20, [4, 16, 4, 17, 5, 19, 6, 20, 8, 21, 12, 21, 14, 20, 15, 19, 16, 17, 16, 15, 15, 13, 13, 10, 3, 0, 17, 0]],
+    "3": [20, [5, 21, 16, 21, 10, 13, 13, 13, 15, 12, 16, 11, 17, 8, 17, 6, 16, 3, 14, 1, 11, 0, 8, 0, 5, 1, 4, 2, 3, 4]],
+    "4": [20, [13, 21, 3, 7, 18, 7, -1, -1, 13, 21, 13, 0]],
+    "5": [20, [15, 21, 5, 21, 4, 12, 5, 13, 8, 14, 11, 14, 14, 13, 16, 11, 17, 8, 17, 6, 16, 3, 14, 1, 11, 0, 8, 0, 5, 1, 4, 2, 3, 4]],
+    "6": [20, [16, 18, 15, 20, 12, 21, 10, 21, 7, 20, 5, 17, 4, 12, 4, 7, 5, 3, 7, 1, 10, 0, 11, 0, 14, 1, 16, 3, 17, 6, 17, 7, 16, 10, 14, 12, 11, 13, 10, 13, 7, 12, 5, 10, 4, 7]],
+    "7": [20, [17, 21, 7, 0, -1, -1, 3, 21, 17, 21]],
+    "8": [20, [8, 21, 5, 20, 4, 18, 4, 16, 5, 14, 7, 13, 11, 12, 14, 11, 16, 9, 17, 7, 17, 4, 16, 2, 15, 1, 12, 0, 8, 0, 5, 1, 4, 2, 3, 4, 3, 7, 4, 9, 6, 11, 9, 12, 13, 13, 15, 14, 16, 16, 16, 18, 15, 20, 12, 21, 8, 21]],
+    "9": [20, [16, 14, 15, 11, 13, 9, 10, 8, 9, 8, 6, 9, 4, 11, 3, 14, 3, 15, 4, 18, 6, 20, 9, 21, 10, 21, 13, 20, 15, 18, 16, 14, 16, 9, 15, 4, 13, 1, 10, 0, 8, 0, 5, 1, 4, 3]],
+    ":": [10, [5, 14, 4, 13, 5, 12, 6, 13, 5, 14, -1, -1, 5, 2, 4, 1, 5, 0, 6, 1, 5, 2]],
+    ";": [10, [5, 14, 4, 13, 5, 12, 6, 13, 5, 14, -1, -1, 6, 1, 5, 0, 4, 1, 5, 2, 6, 1, 6, -1, 5, -3, 4, -4]],
+    "<": [24, [20, 18, 4, 9, 20, 0]],
+    "=": [26, [4, 12, 22, 12, -1, -1, 4, 6, 22, 6]],
+    ">": [24, [4, 18, 20, 9, 4, 0]],
+    "?": [18, [3, 16, 3, 17, 4, 19, 5, 20, 7, 21, 11, 21, 13, 20, 14, 19, 15, 17, 15, 15, 14, 13, 13, 12, 9, 10, 9, 7, -1, -1, 9, 2, 8, 1, 9, 0, 10, 1, 9, 2]],
+    "@": [27, [18, 13, 17, 15, 15, 16, 12, 16, 10, 15, 9, 14, 8, 11, 8, 8, 9, 6, 11, 5, 14, 5, 16, 6, 17, 8, -1, -1, 12, 16, 10, 14, 9, 11, 9, 8, 10, 6, 11, 5, -1, -1, 18, 16, 17, 8, 17, 6, 19, 5, 21, 5, 23, 7, 24, 10, 24, 12, 23, 15, 22, 17, 20, 19, 18, 20, 15, 21, 12, 21, 9, 20, 7, 19, 5, 17, 4, 15, 3, 12, 3, 9, 4, 6, 5, 4, 7, 2, 9, 1, 12, 0, 15, 0, 18, 1, 20, 2, 21, 3, -1, -1, 19, 16, 18, 8, 18, 6, 19, 5]],
+    "A": [18, [9, 21, 1, 0, -1, -1, 9, 21, 17, 0, -1, -1, 4, 7, 14, 7]],
+    "B": [21, [4, 21, 4, 0, -1, -1, 4, 21, 13, 21, 16, 20, 17, 19, 18, 17, 18, 15, 17, 13, 16, 12, 13, 11, -1, -1, 4, 11, 13, 11, 16, 10, 17, 9, 18, 7, 18, 4, 17, 2, 16, 1, 13, 0, 4, 0]],
+    "C": [21, [18, 16, 17, 18, 15, 20, 13, 21, 9, 21, 7, 20, 5, 18, 4, 16, 3, 13, 3, 8, 4, 5, 5, 3, 7, 1, 9, 0, 13, 0, 15, 1, 17, 3, 18, 5]],
+    "D": [21, [4, 21, 4, 0, -1, -1, 4, 21, 11, 21, 14, 20, 16, 18, 17, 16, 18, 13, 18, 8, 17, 5, 16, 3, 14, 1, 11, 0, 4, 0]],
+    "E": [19, [4, 21, 4, 0, -1, -1, 4, 21, 17, 21, -1, -1, 4, 11, 12, 11, -1, -1, 4, 0, 17, 0]],
+    "F": [18, [4, 21, 4, 0, -1, -1, 4, 21, 17, 21, -1, -1, 4, 11, 12, 11]],
+    "G": [21, [18, 16, 17, 18, 15, 20, 13, 21, 9, 21, 7, 20, 5, 18, 4, 16, 3, 13, 3, 8, 4, 5, 5, 3, 7, 1, 9, 0, 13, 0, 15, 1, 17, 3, 18, 5, 18, 8, -1, -1, 13, 8, 18, 8]],
+    "H": [22, [4, 21, 4, 0, -1, -1, 18, 21, 18, 0, -1, -1, 4, 11, 18, 11]],
+    "I": [8, [4, 21, 4, 0]],
+    "J": [16, [12, 21, 12, 5, 11, 2, 10, 1, 8, 0, 6, 0, 4, 1, 3, 2, 2, 5, 2, 7]],
+    "K": [21, [4, 21, 4, 0, -1, -1, 18, 21, 4, 7, -1, -1, 9, 12, 18, 0]],
+    "L": [17, [4, 21, 4, 0, -1, -1, 4, 0, 16, 0]],
+    "M": [24, [4, 21, 4, 0, -1, -1, 4, 21, 12, 0, -1, -1, 20, 21, 12, 0, -1, -1, 20, 21, 20, 0]],
+    "N": [22, [4, 21, 4, 0, -1, -1, 4, 21, 18, 0, -1, -1, 18, 21, 18, 0]],
+    "O": [22, [9, 21, 7, 20, 5, 18, 4, 16, 3, 13, 3, 8, 4, 5, 5, 3, 7, 1, 9, 0, 13, 0, 15, 1, 17, 3, 18, 5, 19, 8, 19, 13, 18, 16, 17, 18, 15, 20, 13, 21, 9, 21]],
+    "P": [21, [4, 21, 4, 0, -1, -1, 4, 21, 13, 21, 16, 20, 17, 19, 18, 17, 18, 14, 17, 12, 16, 11, 13, 10, 4, 10]],
+    "Q": [22, [9, 21, 7, 20, 5, 18, 4, 16, 3, 13, 3, 8, 4, 5, 5, 3, 7, 1, 9, 0, 13, 0, 15, 1, 17, 3, 18, 5, 19, 8, 19, 13, 18, 16, 17, 18, 15, 20, 13, 21, 9, 21, -1, -1, 12, 4, 18, -2]],
+    "R": [21, [4, 21, 4, 0, -1, -1, 4, 21, 13, 21, 16, 20, 17, 19, 18, 17, 18, 15, 17, 13, 16, 12, 13, 11, 4, 11, -1, -1, 11, 11, 18, 0]],
+    "S": [20, [17, 18, 15, 20, 12, 21, 8, 21, 5, 20, 3, 18, 3, 16, 4, 14, 5, 13, 7, 12, 13, 10, 15, 9, 16, 8, 17, 6, 17, 3, 15, 1, 12, 0, 8, 0, 5, 1, 3, 3]],
+    "T": [16, [8, 21, 8, 0, -1, -1, 1, 21, 15, 21]],
+    "U": [22, [4, 21, 4, 6, 5, 3, 7, 1, 10, 0, 12, 0, 15, 1, 17, 3, 18, 6, 18, 21]],
+    "V": [18, [1, 21, 9, 0, -1, -1, 17, 21, 9, 0]],
+    "W": [24, [2, 21, 7, 0, -1, -1, 12, 21, 7, 0, -1, -1, 12, 21, 17, 0, -1, -1, 22, 21, 17, 0]],
+    "X": [20, [3, 21, 17, 0, -1, -1, 17, 21, 3, 0]],
+    "Y": [18, [1, 21, 9, 11, 9, 0, -1, -1, 17, 21, 9, 11]],
+    "Z": [20, [17, 21, 3, 0, -1, -1, 3, 21, 17, 21, -1, -1, 3, 0, 17, 0]],
+    "[": [14, [4, 25, 4, -7, -1, -1, 5, 25, 5, -7, -1, -1, 4, 25, 11, 25, -1, -1, 4, -7, 11, -7]],
+    "\\": [14, [0, 21, 14, -3]],
+    "]": [14, [9, 25, 9, -7, -1, -1, 10, 25, 10, -7, -1, -1, 3, 25, 10, 25, -1, -1, 3, -7, 10, -7]],
+    "^": [16, [6, 15, 8, 18, 10, 15, -1, -1, 3, 12, 8, 17, 13, 12, -1, -1, 8, 17, 8, 0]],
+    "_": [16, [0, -2, 16, -2]],
+    "`": [10, [6, 21, 5, 20, 4, 18, 4, 16, 5, 15, 6, 16, 5, 17]],
+    "a": [19, [15, 14, 15, 0, -1, -1, 15, 11, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "b": [19, [4, 21, 4, 0, -1, -1, 4, 11, 6, 13, 8, 14, 11, 14, 13, 13, 15, 11, 16, 8, 16, 6, 15, 3, 13, 1, 11, 0, 8, 0, 6, 1, 4, 3]],
+    "c": [18, [15, 11, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "d": [19, [15, 21, 15, 0, -1, -1, 15, 11, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "e": [18, [3, 8, 15, 8, 15, 10, 14, 12, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "f": [12, [10, 21, 8, 21, 6, 20, 5, 17, 5, 0, -1, -1, 2, 14, 9, 14]],
+    "g": [19, [15, 14, 15, -2, 14, -5, 13, -6, 11, -7, 8, -7, 6, -6, -1, -1, 15, 11, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "h": [19, [4, 21, 4, 0, -1, -1, 4, 10, 7, 13, 9, 14, 12, 14, 14, 13, 15, 10, 15, 0]],
+    "i": [8, [3, 21, 4, 20, 5, 21, 4, 22, 3, 21, -1, -1, 4, 14, 4, 0]],
+    "j": [10, [5, 21, 6, 20, 7, 21, 6, 22, 5, 21, -1, -1, 6, 14, 6, -3, 5, -6, 3, -7, 1, -7]],
+    "k": [17, [4, 21, 4, 0, -1, -1, 14, 14, 4, 4, -1, -1, 8, 8, 15, 0]],
+    "l": [8, [4, 21, 4, 0]],
+    "m": [30, [4, 14, 4, 0, -1, -1, 4, 10, 7, 13, 9, 14, 12, 14, 14, 13, 15, 10, 15, 0, -1, -1, 15, 10, 18, 13, 20, 14, 23, 14, 25, 13, 26, 10, 26, 0]],
+    "n": [19, [4, 14, 4, 0, -1, -1, 4, 10, 7, 13, 9, 14, 12, 14, 14, 13, 15, 10, 15, 0]],
+    "o": [19, [8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3, 16, 6, 16, 8, 15, 11, 13, 13, 11, 14, 8, 14]],
+    "p": [19, [4, 14, 4, -7, -1, -1, 4, 11, 6, 13, 8, 14, 11, 14, 13, 13, 15, 11, 16, 8, 16, 6, 15, 3, 13, 1, 11, 0, 8, 0, 6, 1, 4, 3]],
+    "q": [19, [15, 14, 15, -7, -1, -1, 15, 11, 13, 13, 11, 14, 8, 14, 6, 13, 4, 11, 3, 8, 3, 6, 4, 3, 6, 1, 8, 0, 11, 0, 13, 1, 15, 3]],
+    "r": [13, [4, 14, 4, 0, -1, -1, 4, 8, 5, 11, 7, 13, 9, 14, 12, 14]],
+    "s": [17, [14, 11, 13, 13, 10, 14, 7, 14, 4, 13, 3, 11, 4, 9, 6, 8, 11, 7, 13, 6, 14, 4, 14, 3, 13, 1, 10, 0, 7, 0, 4, 1, 3, 3]],
+    "t": [12, [5, 21, 5, 4, 6, 1, 8, 0, 10, 0, -1, -1, 2, 14, 9, 14]],
+    "u": [19, [4, 14, 4, 4, 5, 1, 7, 0, 10, 0, 12, 1, 15, 4, -1, -1, 15, 14, 15, 0]],
+    "v": [16, [2, 14, 8, 0, -1, -1, 14, 14, 8, 0]],
+    "w": [22, [3, 14, 7, 0, -1, -1, 11, 14, 7, 0, -1, -1, 11, 14, 15, 0, -1, -1, 19, 14, 15, 0]],
+    "x": [17, [3, 14, 14, 0, -1, -1, 14, 14, 3, 0]],
+    "y": [16, [2, 14, 8, 0, -1, -1, 14, 14, 8, 0, 6, -4, 4, -6, 2, -7, 1, -7]],
+    "z": [17, [14, 14, 3, 0, -1, -1, 3, 14, 14, 14, -1, -1, 3, 0, 14, 0]],
+    "{": [14, [9, 25, 7, 24, 6, 23, 5, 21, 5, 19, 6, 17, 7, 16, 8, 14, 8, 12, 6, 10, -1, -1, 7, 24, 6, 22, 6, 20, 7, 18, 8, 17, 9, 15, 9, 13, 8, 11, 4, 9, 8, 7, 9, 5, 9, 3, 8, 1, 7, 0, 6, -2, 6, -4, 7, -6, -1, -1, 6, 8, 8, 6, 8, 4, 7, 2, 6, 1, 5, -1, 5, -3, 6, -5, 7, -6, 9, -7]],
+    "|": [8, [4, 25, 4, -7]],
+    "}": [14, [5, 25, 7, 24, 8, 23, 9, 21, 9, 19, 8, 17, 7, 16, 6, 14, 6, 12, 8, 10, -1, -1, 7, 24, 8, 22, 8, 20, 7, 18, 6, 17, 5, 15, 5, 13, 6, 11, 10, 9, 6, 7, 5, 5, 5, 3, 6, 1, 7, 0, 8, -2, 8, -4, 7, -6, -1, -1, 8, 8, 6, 6, 6, 4, 7, 2, 8, 1, 9, -1, 9, -3, 8, -5, 7, -6, 5, -7]],
+    "~": [24, [3, 6, 3, 8, 4, 11, 6, 12, 8, 12, 10, 11, 14, 8, 16, 7, 18, 7, 20, 8, 21, 10, -1, -1, 3, 8, 4, 10, 6, 11, 8, 11, 10, 10, 14, 7, 16, 6, 18, 6, 20, 7, 21, 10, 21, 12]]
+};
+
+module.exports = function textVertices(text, left, baseline, scale) {
+    scale = scale || 1;
+
+    var strokes = [],
+        i, len, j, len2, glyph, x, y, prev;
+
+    for (i = 0, len = text.length; i < len; i++) {
+        glyph = simplexFont[text[i]];
+        if (!glyph) continue;
+        prev = null;
+
+        for (j = 0, len2 = glyph[1].length; j < len2; j += 2) {
+            if (glyph[1][j] === -1 && glyph[1][j + 1] === -1) {
+                prev = null;
+
+            } else {
+                x = left + glyph[1][j] * scale;
+                y = baseline - glyph[1][j + 1] * scale;
+                if (prev) {
+                    strokes.push(prev.x, prev.y, x, y);
+                }
+                prev = {x: x, y: y};
+            }
+        }
+        left += glyph[0] * scale;
+    }
+
+    return strokes;
+};
+
+},{}],343:[function(require,module,exports){
+'use strict';
+
+// jshint -W079
+var mapboxgl = module.exports = {};
+
+mapboxgl.version = require('../package.json').version;
+
+mapboxgl.Map = require('./ui/map');
+mapboxgl.Control = require('./ui/control/control');
+mapboxgl.Navigation = require('./ui/control/navigation');
+mapboxgl.Geolocate = require('./ui/control/geolocate');
+mapboxgl.Attribution = require('./ui/control/attribution');
+mapboxgl.Popup = require('./ui/popup');
+mapboxgl.Marker = require('./ui/marker');
+
+mapboxgl.Style = require('./style/style');
+
+mapboxgl.LngLat = require('./geo/lng_lat');
+mapboxgl.LngLatBounds = require('./geo/lng_lat_bounds');
+mapboxgl.Point = require('point-geometry');
+
+mapboxgl.Evented = require('./util/evented');
+mapboxgl.util = require('./util/util');
+
+mapboxgl.supported = require('./util/browser').supported;
+
+var ajax = require('./util/ajax');
+mapboxgl.util.getJSON = ajax.getJSON;
+mapboxgl.util.getArrayBuffer = ajax.getArrayBuffer;
+
+var config = require('./util/config');
+mapboxgl.config = config;
+
+Object.defineProperty(mapboxgl, 'accessToken', {
+    get: function() { return config.ACCESS_TOKEN; },
+    set: function(token) { config.ACCESS_TOKEN = token; }
+});
+
+/**
+ * Gets and sets the map's [access token](https://www.mapbox.com/help/define-access-token/).
+ *
+ * @var {string} accessToken
+ * @example
+ * mapboxgl.accessToken = myAccessToken;
+ */
+
+/**
+ * The version of Mapbox GL JS in use as specified in `package.json`,
+ * `CHANGELOG.md`, and the GitHub release.
+ *
+ * @var {string} version
+ */
+
+/**
+ * Returns a Boolean indicating whether the browser [supports Mapbox GL JS](https://www.mapbox.com/help/mapbox-browser-support/#mapbox-gl-js).
+ *
+ * @function supported
+ * @param {Object} options
+ * @param {boolean} [options.failIfMajorPerformanceCaveat=false] If `true`,
+ *   the function will return `false` if the performance of Mapbox GL JS would
+ *   be dramatically worse than expected (i.e. a software renderer would be used).
+ * @return {boolean}
+ * @example
+ * mapboxgl.supported() // = true
+ */
+
+},{"../package.json":444,"./geo/lng_lat":339,"./geo/lng_lat_bounds":340,"./style/style":378,"./ui/control/attribution":409,"./ui/control/control":410,"./ui/control/geolocate":411,"./ui/control/navigation":412,"./ui/map":421,"./ui/marker":422,"./ui/popup":423,"./util/ajax":425,"./util/browser":426,"./util/config":431,"./util/evented":434,"./util/util":442,"point-geometry":484}],344:[function(require,module,exports){
+'use strict';
+
+var assert = require('assert');
+
+module.exports = function(uniforms) {
+    var pragmas = { define: {}, initialize: {} };
+
+    for (var i = 0; i < uniforms.length; i++) {
+        var uniform = uniforms[i];
+        assert(uniform.name.slice(0, 2) === 'u_');
+
+        var type = '{precision} ' + (uniform.components === 1 ? 'float' : 'vec' + uniform.components);
+        pragmas.define[uniform.name.slice(2)] = 'uniform ' + type + ' ' + uniform.name + ';\n';
+        pragmas.initialize[uniform.name.slice(2)] = type + ' ' + uniform.name.slice(2) + ' = ' + uniform.name + ';\n';
+    }
+
+    return pragmas;
+};
+
+},{"assert":47}],345:[function(require,module,exports){
+'use strict';
+
+var pixelsToTileUnits = require('../source/pixels_to_tile_units');
+var createUniformPragmas = require('./create_uniform_pragmas');
+
+var tileSize = 512;
+
+module.exports = drawBackground;
+
+function drawBackground(painter, source, layer) {
+    var gl = painter.gl;
+    var transform = painter.transform;
+    var color = layer.paint['background-color'];
+    var image = layer.paint['background-pattern'];
+    var opacity = layer.paint['background-opacity'];
+    var program;
+
+    var imagePosA = image ? painter.spriteAtlas.getPosition(image.from, true) : null;
+    var imagePosB = image ? painter.spriteAtlas.getPosition(image.to, true) : null;
+
+    painter.setDepthSublayer(0);
+    if (imagePosA && imagePosB) {
+
+        if (painter.isOpaquePass) return;
+
+        // Draw texture fill
+        program = painter.useProgram('pattern');
+        gl.uniform1i(program.u_image, 0);
+        gl.uniform2fv(program.u_pattern_tl_a, imagePosA.tl);
+        gl.uniform2fv(program.u_pattern_br_a, imagePosA.br);
+        gl.uniform2fv(program.u_pattern_tl_b, imagePosB.tl);
+        gl.uniform2fv(program.u_pattern_br_b, imagePosB.br);
+        gl.uniform1f(program.u_opacity, opacity);
+
+        gl.uniform1f(program.u_mix, image.t);
+
+        gl.uniform2fv(program.u_pattern_size_a, imagePosA.size);
+        gl.uniform2fv(program.u_pattern_size_b, imagePosB.size);
+        gl.uniform1f(program.u_scale_a, image.fromScale);
+        gl.uniform1f(program.u_scale_b, image.toScale);
+
+        gl.activeTexture(gl.TEXTURE0);
+        painter.spriteAtlas.bind(gl, true);
+
+        painter.tileExtentPatternVAO.bind(gl, program, painter.tileExtentBuffer);
+    } else {
+        // Draw filling rectangle.
+        if (painter.isOpaquePass !== (color[3] === 1)) return;
+
+        var pragmas = createUniformPragmas([
+            {name: 'u_color', components: 4},
+            {name: 'u_opacity', components: 1}
+        ]);
+        program = painter.useProgram('fill', [], pragmas, pragmas);
+        gl.uniform4fv(program.u_color, color);
+        gl.uniform1f(program.u_opacity, opacity);
+        painter.tileExtentVAO.bind(gl, program, painter.tileExtentBuffer);
+    }
+
+    gl.disable(gl.STENCIL_TEST);
+
+    // We need to draw the background in tiles in order to use calculatePosMatrix
+    // which applies the projection matrix (transform.projMatrix). Otherwise
+    // the depth and stencil buffers get into a bad state.
+    // This can be refactored into a single draw call once earcut lands and
+    // we don't have so much going on in the stencil buffer.
+    var coords = transform.coveringTiles({ tileSize: tileSize });
+    for (var c = 0; c < coords.length; c++) {
+        var coord = coords[c];
+        // var pixelsToTileUnitsBound = pixelsToTileUnits.bind({coord:coord, tileSize: tileSize});
+        if (imagePosA && imagePosB) {
+            var tile = {coord:coord, tileSize: tileSize};
+
+            gl.uniform1f(program.u_tile_units_to_pixels, 1 / pixelsToTileUnits(tile, 1, painter.transform.tileZoom));
+
+            var tileSizeAtNearestZoom = tile.tileSize * Math.pow(2, painter.transform.tileZoom - tile.coord.z);
+
+            var pixelX = tileSizeAtNearestZoom * (tile.coord.x + coord.w * Math.pow(2, tile.coord.z));
+            var pixelY = tileSizeAtNearestZoom * tile.coord.y;
+            // split the pixel coord into two pairs of 16 bit numbers. The glsl spec only guarantees 16 bits of precision.
+            gl.uniform2f(program.u_pixel_coord_upper, pixelX >> 16, pixelY >> 16);
+            gl.uniform2f(program.u_pixel_coord_lower, pixelX & 0xFFFF, pixelY & 0xFFFF);
+        }
+
+        gl.uniformMatrix4fv(program.u_matrix, false, painter.transform.calculatePosMatrix(coord));
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, painter.tileExtentBuffer.length);
+    }
+
+    gl.stencilMask(0x00);
+    gl.stencilFunc(gl.EQUAL, 0x80, 0x80);
+}
+
+},{"../source/pixels_to_tile_units":363,"./create_uniform_pragmas":344}],346:[function(require,module,exports){
+'use strict';
+
+var browser = require('../util/browser');
+
+module.exports = drawCircles;
+
+function drawCircles(painter, source, layer, coords) {
+    if (painter.isOpaquePass) return;
+
+    var gl = painter.gl;
+
+    painter.setDepthSublayer(0);
+    painter.depthMask(false);
+
+    // Allow circles to be drawn across boundaries, so that
+    // large circles are not clipped to tiles
+    gl.disable(gl.STENCIL_TEST);
+
+    for (var i = 0; i < coords.length; i++) {
+        var coord = coords[i];
+
+        var tile = source.getTile(coord);
+        var bucket = tile.getBucket(layer);
+        if (!bucket) continue;
+        var bufferGroups = bucket.bufferGroups.circle;
+        if (!bufferGroups) continue;
+
+        var programOptions = bucket.paintAttributes.circle[layer.id];
+        var program = painter.useProgram(
+            'circle',
+            programOptions.defines,
+            programOptions.vertexPragmas,
+            programOptions.fragmentPragmas
+        );
+
+        if (layer.paint['circle-pitch-scale'] === 'map') {
+            gl.uniform1i(program.u_scale_with_map, true);
+            gl.uniform2f(program.u_extrude_scale,
+                painter.transform.pixelsToGLUnits[0] * painter.transform.altitude,
+                painter.transform.pixelsToGLUnits[1] * painter.transform.altitude);
+        } else {
+            gl.uniform1i(program.u_scale_with_map, false);
+            gl.uniform2fv(program.u_extrude_scale, painter.transform.pixelsToGLUnits);
+        }
+
+        gl.uniform1f(program.u_devicepixelratio, browser.devicePixelRatio);
+
+        gl.uniformMatrix4fv(program.u_matrix, false, painter.translatePosMatrix(
+            coord.posMatrix,
+            tile,
+            layer.paint['circle-translate'],
+            layer.paint['circle-translate-anchor']
+        ));
+
+        bucket.setUniforms(gl, 'circle', program, layer, {zoom: painter.transform.zoom});
+
+        for (var k = 0; k < bufferGroups.length; k++) {
+            var group = bufferGroups[k];
+            group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer, group.paintVertexBuffers[layer.id]);
+            gl.drawElements(gl.TRIANGLES, group.elementBuffer.length * 3, gl.UNSIGNED_SHORT, 0);
+        }
+    }
+}
+
+},{"../util/browser":426}],347:[function(require,module,exports){
+'use strict';
+
+module.exports = drawCollisionDebug;
+
+function drawCollisionDebug(painter, source, layer, coords) {
+    var gl = painter.gl;
+    gl.enable(gl.STENCIL_TEST);
+    var program = painter.useProgram('collisionbox');
+
+    for (var i = 0; i < coords.length; i++) {
+        var coord = coords[i];
+        var tile = source.getTile(coord);
+        var bucket = tile.getBucket(layer);
+        if (!bucket) continue;
+        var bufferGroups = bucket.bufferGroups.collisionBox;
+
+        if (!bufferGroups || !bufferGroups.length) continue;
+        var group = bufferGroups[0];
+        if (group.layoutVertexBuffer.length === 0) continue;
+
+        gl.uniformMatrix4fv(program.u_matrix, false, coord.posMatrix);
+
+        painter.enableTileClippingMask(coord);
+
+        painter.lineWidth(1);
+        gl.uniform1f(program.u_scale, Math.pow(2, painter.transform.zoom - tile.coord.z));
+        gl.uniform1f(program.u_zoom, painter.transform.zoom * 10);
+        gl.uniform1f(program.u_maxzoom, (tile.coord.z + 1) * 10);
+
+        group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer);
+        gl.drawArrays(gl.LINES, 0, group.layoutVertexBuffer.length);
+    }
+}
+
+},{}],348:[function(require,module,exports){
+'use strict';
+
+var textVertices = require('../lib/debugtext');
+var browser = require('../util/browser');
+var mat4 = require('gl-matrix').mat4;
+var EXTENT = require('../data/bucket').EXTENT;
+var Buffer = require('../data/buffer');
+var VertexArrayObject = require('./vertex_array_object');
+
+module.exports = drawDebug;
+
+function drawDebug(painter, source, coords) {
+    if (painter.isOpaquePass) return;
+    if (!painter.options.debug) return;
+
+    for (var i = 0; i < coords.length; i++) {
+        drawDebugTile(painter, source, coords[i]);
+    }
+}
+
+function drawDebugTile(painter, source, coord) {
+    var gl = painter.gl;
+
+    gl.disable(gl.STENCIL_TEST);
+    painter.lineWidth(1 * browser.devicePixelRatio);
+
+    var posMatrix = coord.posMatrix;
+    var program = painter.useProgram('debug');
+
+    gl.uniformMatrix4fv(program.u_matrix, false, posMatrix);
+    gl.uniform4f(program.u_color, 1, 0, 0, 1);
+    painter.debugVAO.bind(gl, program, painter.debugBuffer);
+    gl.drawArrays(gl.LINE_STRIP, 0, painter.debugBuffer.length);
+
+    var vertices = textVertices(coord.toString(), 50, 200, 5);
+    var debugTextArray = new painter.PosArray();
+    for (var v = 0; v < vertices.length; v += 2) {
+        debugTextArray.emplaceBack(vertices[v], vertices[v + 1]);
+    }
+    var debugTextBuffer = new Buffer(debugTextArray.serialize(), painter.PosArray.serialize(), Buffer.BufferType.VERTEX);
+    var debugTextVAO = new VertexArrayObject();
+    debugTextVAO.bind(gl, program, debugTextBuffer);
+    gl.uniform4f(program.u_color, 1, 1, 1, 1);
+
+    // Draw the halo with multiple 1px lines instead of one wider line because
+    // the gl spec doesn't guarantee support for lines with width > 1.
+    var tileSize = source.getTile(coord).tileSize;
+    var onePixel = EXTENT / (Math.pow(2, painter.transform.zoom - coord.z) * tileSize);
+    var translations = [[-1, -1], [-1, 1], [1, -1], [1, 1]];
+    for (var i = 0; i < translations.length; i++) {
+        var translation = translations[i];
+        gl.uniformMatrix4fv(program.u_matrix, false, mat4.translate([], posMatrix, [onePixel * translation[0], onePixel * translation[1], 0]));
+        gl.drawArrays(gl.LINES, 0, debugTextBuffer.length);
+    }
+
+    gl.uniform4f(program.u_color, 0, 0, 0, 1);
+    gl.uniformMatrix4fv(program.u_matrix, false, posMatrix);
+    gl.drawArrays(gl.LINES, 0, debugTextBuffer.length);
+}
+
+},{"../data/bucket":329,"../data/buffer":334,"../lib/debugtext":342,"../util/browser":426,"./vertex_array_object":357,"gl-matrix":193}],349:[function(require,module,exports){
+'use strict';
+
+var pixelsToTileUnits = require('../source/pixels_to_tile_units');
+
+module.exports = draw;
+
+function draw(painter, source, layer, coords) {
+    var gl = painter.gl;
+    gl.enable(gl.STENCIL_TEST);
+
+    var isOpaque;
+    if (layer.paint['fill-pattern']) {
+        isOpaque = false;
+    } else {
+        isOpaque = (
+            layer.isPaintValueFeatureConstant('fill-color') &&
+            layer.isPaintValueFeatureConstant('fill-opacity') &&
+            layer.paint['fill-color'][3] === 1 &&
+            layer.paint['fill-opacity'] === 1
+        );
+    }
+
+    // Draw fill
+    if (painter.isOpaquePass === isOpaque) {
+        // Once we switch to earcut drawing we can pull most of the WebGL setup
+        // outside of this coords loop.
+        painter.setDepthSublayer(1);
+        for (var i = 0; i < coords.length; i++) {
+            drawFill(painter, source, layer, coords[i]);
+        }
+    }
+
+    if (!painter.isOpaquePass && layer.paint['fill-antialias']) {
+        painter.lineWidth(2);
+        painter.depthMask(false);
+
+        var isOutlineColorDefined = layer.getPaintProperty('fill-outline-color');
+        if (isOutlineColorDefined || !layer.paint['fill-pattern']) {
+            if (isOutlineColorDefined) {
+                // If we defined a different color for the fill outline, we are
+                // going to ignore the bits in 0x07 and just care about the global
+                // clipping mask.
+                painter.setDepthSublayer(2);
+            } else {
+                // Otherwise, we only want to drawFill the antialiased parts that are
+                // *outside* the current shape. This is important in case the fill
+                // or stroke color is translucent. If we wouldn't clip to outside
+                // the current shape, some pixels from the outline stroke overlapped
+                // the (non-antialiased) fill.
+                painter.setDepthSublayer(0);
+            }
+        } else {
+            // Otherwise, we only want to drawFill the antialiased parts that are
+            // *outside* the current shape. This is important in case the fill
+            // or stroke color is translucent. If we wouldn't clip to outside
+            // the current shape, some pixels from the outline stroke overlapped
+            // the (non-antialiased) fill.
+            painter.setDepthSublayer(0);
+        }
+
+        for (var j = 0; j < coords.length; j++) {
+            drawStroke(painter, source, layer, coords[j]);
+        }
+    }
+}
+
+function drawFill(painter, source, layer, coord) {
+    var tile = source.getTile(coord);
+    var bucket = tile.getBucket(layer);
+    if (!bucket) return;
+    var bufferGroups = bucket.bufferGroups.fill;
+    if (!bufferGroups) return;
+
+    var gl = painter.gl;
+
+    var image = layer.paint['fill-pattern'];
+    var program;
+
+    if (!image) {
+
+        var programOptions = bucket.paintAttributes.fill[layer.id];
+        program = painter.useProgram(
+            'fill',
+            programOptions.defines,
+            programOptions.vertexPragmas,
+            programOptions.fragmentPragmas
+        );
+        bucket.setUniforms(gl, 'fill', program, layer, {zoom: painter.transform.zoom});
+
+    } else {
+        // Draw texture fill
+        program = painter.useProgram('pattern');
+        setPattern(image, layer.paint['fill-opacity'], tile, coord, painter, program);
+
+        gl.activeTexture(gl.TEXTURE0);
+        painter.spriteAtlas.bind(gl, true);
+    }
+
+    gl.uniformMatrix4fv(program.u_matrix, false, painter.translatePosMatrix(
+        coord.posMatrix,
+        tile,
+        layer.paint['fill-translate'],
+        layer.paint['fill-translate-anchor']
+    ));
+
+    painter.enableTileClippingMask(coord);
+
+    for (var i = 0; i < bufferGroups.length; i++) {
+        var group = bufferGroups[i];
+        group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer, group.paintVertexBuffers[layer.id]);
+        gl.drawElements(gl.TRIANGLES, group.elementBuffer.length, gl.UNSIGNED_SHORT, 0);
+    }
+}
+
+function drawStroke(painter, source, layer, coord) {
+    var tile = source.getTile(coord);
+    var bucket = tile.getBucket(layer);
+    if (!bucket) return;
+
+    var gl = painter.gl;
+    var bufferGroups = bucket.bufferGroups.fill;
+
+    var image = layer.paint['fill-pattern'];
+    var opacity = layer.paint['fill-opacity'];
+    var isOutlineColorDefined = layer.getPaintProperty('fill-outline-color');
+
+    var program;
+    if (image && !isOutlineColorDefined) {
+        program = painter.useProgram('outlinepattern');
+        gl.uniform2f(program.u_world, gl.drawingBufferWidth, gl.drawingBufferHeight);
+
+    } else {
+        var programOptions = bucket.paintAttributes.fill[layer.id];
+        program = painter.useProgram(
+            'outline',
+            programOptions.defines,
+            programOptions.vertexPragmas,
+            programOptions.fragmentPragmas
+        );
+        gl.uniform2f(program.u_world, gl.drawingBufferWidth, gl.drawingBufferHeight);
+        gl.uniform1f(program.u_opacity, opacity);
+        bucket.setUniforms(gl, 'fill', program, layer, {zoom: painter.transform.zoom});
+    }
+
+    gl.uniformMatrix4fv(program.u_matrix, false, painter.translatePosMatrix(
+        coord.posMatrix,
+        tile,
+        layer.paint['fill-translate'],
+        layer.paint['fill-translate-anchor']
+    ));
+
+    if (image) { setPattern(image, opacity, tile, coord, painter, program); }
+
+    painter.enableTileClippingMask(coord);
+
+    for (var k = 0; k < bufferGroups.length; k++) {
+        var group = bufferGroups[k];
+        group.secondVaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer2, group.paintVertexBuffers[layer.id]);
+        gl.drawElements(gl.LINES, group.elementBuffer2.length * 2, gl.UNSIGNED_SHORT, 0);
+    }
+}
+
+
+function setPattern(image, opacity, tile, coord, painter, program) {
+    var gl = painter.gl;
+
+    var imagePosA = painter.spriteAtlas.getPosition(image.from, true);
+    var imagePosB = painter.spriteAtlas.getPosition(image.to, true);
+    if (!imagePosA || !imagePosB) return;
+
+    gl.uniform1i(program.u_image, 0);
+    gl.uniform2fv(program.u_pattern_tl_a, imagePosA.tl);
+    gl.uniform2fv(program.u_pattern_br_a, imagePosA.br);
+    gl.uniform2fv(program.u_pattern_tl_b, imagePosB.tl);
+    gl.uniform2fv(program.u_pattern_br_b, imagePosB.br);
+    gl.uniform1f(program.u_opacity, opacity);
+    gl.uniform1f(program.u_mix, image.t);
+
+    gl.uniform1f(program.u_tile_units_to_pixels, 1 / pixelsToTileUnits(tile, 1, painter.transform.tileZoom));
+    gl.uniform2fv(program.u_pattern_size_a, imagePosA.size);
+    gl.uniform2fv(program.u_pattern_size_b, imagePosB.size);
+    gl.uniform1f(program.u_scale_a, image.fromScale);
+    gl.uniform1f(program.u_scale_b, image.toScale);
+
+    var tileSizeAtNearestZoom = tile.tileSize * Math.pow(2, painter.transform.tileZoom - tile.coord.z);
+
+    var pixelX = tileSizeAtNearestZoom * (tile.coord.x + coord.w * Math.pow(2, tile.coord.z));
+    var pixelY = tileSizeAtNearestZoom * tile.coord.y;
+    // split the pixel coord into two pairs of 16 bit numbers. The glsl spec only guarantees 16 bits of precision.
+    gl.uniform2f(program.u_pixel_coord_upper, pixelX >> 16, pixelY >> 16);
+    gl.uniform2f(program.u_pixel_coord_lower, pixelX & 0xFFFF, pixelY & 0xFFFF);
+
+    gl.activeTexture(gl.TEXTURE0);
+    painter.spriteAtlas.bind(gl, true);
+}
+
+},{"../source/pixels_to_tile_units":363}],350:[function(require,module,exports){
+'use strict';
+
+var browser = require('../util/browser');
+var mat2 = require('gl-matrix').mat2;
+var pixelsToTileUnits = require('../source/pixels_to_tile_units');
+
+/**
+ * Draw a line. Under the hood this will read elements from
+ * a tile, dash textures from a lineAtlas, and style properties from a layer.
+ * @param {Object} painter
+ * @param {Object} layer
+ * @param {Object} posMatrix
+ * @param {Tile} tile
+ * @returns {undefined} draws with the painter
+ * @private
+ */
+module.exports = function drawLine(painter, source, layer, coords) {
+    if (painter.isOpaquePass) return;
+    painter.setDepthSublayer(0);
+    painter.depthMask(false);
+
+    var gl = painter.gl;
+    gl.enable(gl.STENCIL_TEST);
+
+    // don't draw zero-width lines
+    if (layer.paint['line-width'] <= 0) return;
+
+    // the distance over which the line edge fades out.
+    // Retina devices need a smaller distance to avoid aliasing.
+    var antialiasing = 1 / browser.devicePixelRatio;
+
+    var blur = layer.paint['line-blur'] + antialiasing;
+    var color = layer.paint['line-color'];
+
+    var tr = painter.transform;
+
+    var antialiasingMatrix = mat2.create();
+    mat2.scale(antialiasingMatrix, antialiasingMatrix, [1, Math.cos(tr._pitch)]);
+    mat2.rotate(antialiasingMatrix, antialiasingMatrix, painter.transform.angle);
+
+    // calculate how much longer the real world distance is at the top of the screen
+    // than at the middle of the screen.
+    var topedgelength = Math.sqrt(tr.height * tr.height / 4  * (1 + tr.altitude * tr.altitude));
+    var x = tr.height / 2 * Math.tan(tr._pitch);
+    var extra = (topedgelength + x) / topedgelength - 1;
+
+    var dasharray = layer.paint['line-dasharray'];
+    var image = layer.paint['line-pattern'];
+    var program, posA, posB, imagePosA, imagePosB;
+
+    if (dasharray) {
+        program = painter.useProgram('linesdfpattern');
+
+        gl.uniform1f(program.u_linewidth, layer.paint['line-width'] / 2);
+        gl.uniform1f(program.u_gapwidth, layer.paint['line-gap-width'] / 2);
+        gl.uniform1f(program.u_antialiasing, antialiasing / 2);
+        gl.uniform1f(program.u_blur, blur);
+        gl.uniform4fv(program.u_color, color);
+        gl.uniform1f(program.u_opacity, layer.paint['line-opacity']);
+
+        posA = painter.lineAtlas.getDash(dasharray.from, layer.layout['line-cap'] === 'round');
+        posB = painter.lineAtlas.getDash(dasharray.to, layer.layout['line-cap'] === 'round');
+
+        gl.uniform1i(program.u_image, 0);
+        gl.activeTexture(gl.TEXTURE0);
+        painter.lineAtlas.bind(gl);
+
+        gl.uniform1f(program.u_tex_y_a, posA.y);
+        gl.uniform1f(program.u_tex_y_b, posB.y);
+        gl.uniform1f(program.u_mix, dasharray.t);
+        gl.uniform1f(program.u_extra, extra);
+        gl.uniform1f(program.u_offset, -layer.paint['line-offset']);
+        gl.uniformMatrix2fv(program.u_antialiasingmatrix, false, antialiasingMatrix);
+
+    } else if (image) {
+        imagePosA = painter.spriteAtlas.getPosition(image.from, true);
+        imagePosB = painter.spriteAtlas.getPosition(image.to, true);
+        if (!imagePosA || !imagePosB) return;
+
+        program = painter.useProgram('linepattern');
+
+        gl.uniform1i(program.u_image, 0);
+        gl.activeTexture(gl.TEXTURE0);
+        painter.spriteAtlas.bind(gl, true);
+
+        gl.uniform1f(program.u_linewidth, layer.paint['line-width'] / 2);
+        gl.uniform1f(program.u_gapwidth, layer.paint['line-gap-width'] / 2);
+        gl.uniform1f(program.u_antialiasing, antialiasing / 2);
+        gl.uniform1f(program.u_blur, blur);
+        gl.uniform2fv(program.u_pattern_tl_a, imagePosA.tl);
+        gl.uniform2fv(program.u_pattern_br_a, imagePosA.br);
+        gl.uniform2fv(program.u_pattern_tl_b, imagePosB.tl);
+        gl.uniform2fv(program.u_pattern_br_b, imagePosB.br);
+        gl.uniform1f(program.u_fade, image.t);
+        gl.uniform1f(program.u_opacity, layer.paint['line-opacity']);
+        gl.uniform1f(program.u_extra, extra);
+        gl.uniform1f(program.u_offset, -layer.paint['line-offset']);
+        gl.uniformMatrix2fv(program.u_antialiasingmatrix, false, antialiasingMatrix);
+
+    } else {
+        program = painter.useProgram('line');
+
+        gl.uniform1f(program.u_linewidth, layer.paint['line-width'] / 2);
+        gl.uniform1f(program.u_gapwidth, layer.paint['line-gap-width'] / 2);
+        gl.uniform1f(program.u_antialiasing, antialiasing / 2);
+        gl.uniform1f(program.u_blur, blur);
+        gl.uniform1f(program.u_extra, extra);
+        gl.uniform1f(program.u_offset, -layer.paint['line-offset']);
+        gl.uniformMatrix2fv(program.u_antialiasingmatrix, false, antialiasingMatrix);
+        gl.uniform4fv(program.u_color, color);
+        gl.uniform1f(program.u_opacity, layer.paint['line-opacity']);
+    }
+
+    for (var k = 0; k < coords.length; k++) {
+        var coord = coords[k];
+        var tile = source.getTile(coord);
+        var bucket = tile.getBucket(layer);
+        if (!bucket) continue;
+        var bufferGroups = bucket.bufferGroups.line;
+        if (!bufferGroups) continue;
+
+        painter.enableTileClippingMask(coord);
+
+        // set uniforms that are different for each tile
+        var posMatrix = painter.translatePosMatrix(coord.posMatrix, tile, layer.paint['line-translate'], layer.paint['line-translate-anchor']);
+        gl.uniformMatrix4fv(program.u_matrix, false, posMatrix);
+
+        var ratio = 1 / pixelsToTileUnits(tile, 1, painter.transform.zoom);
+
+        if (dasharray) {
+            var widthA = posA.width * dasharray.fromScale;
+            var widthB = posB.width * dasharray.toScale;
+            var scaleA = [1 / pixelsToTileUnits(tile, widthA, painter.transform.tileZoom), -posA.height / 2];
+            var scaleB = [1 / pixelsToTileUnits(tile, widthB, painter.transform.tileZoom), -posB.height / 2];
+            var gamma = painter.lineAtlas.width / (Math.min(widthA, widthB) * 256 * browser.devicePixelRatio) / 2;
+            gl.uniform1f(program.u_ratio, ratio);
+            gl.uniform2fv(program.u_patternscale_a, scaleA);
+            gl.uniform2fv(program.u_patternscale_b, scaleB);
+            gl.uniform1f(program.u_sdfgamma, gamma);
+
+        } else if (image) {
+            gl.uniform1f(program.u_ratio, ratio);
+            gl.uniform2fv(program.u_pattern_size_a, [
+                pixelsToTileUnits(tile, imagePosA.size[0] * image.fromScale, painter.transform.tileZoom),
+                imagePosB.size[1]
+            ]);
+            gl.uniform2fv(program.u_pattern_size_b, [
+                pixelsToTileUnits(tile, imagePosB.size[0] * image.toScale, painter.transform.tileZoom),
+                imagePosB.size[1]
+            ]);
+
+        } else {
+            gl.uniform1f(program.u_ratio, ratio);
+        }
+
+        for (var i = 0; i < bufferGroups.length; i++) {
+            var group = bufferGroups[i];
+            group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer);
+            gl.drawElements(gl.TRIANGLES, group.elementBuffer.length * 3, gl.UNSIGNED_SHORT, 0);
+        }
+    }
+
+};
+
+},{"../source/pixels_to_tile_units":363,"../util/browser":426,"gl-matrix":193}],351:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var StructArrayType = require('../util/struct_array');
+
+module.exports = drawRaster;
+
+function drawRaster(painter, source, layer, coords) {
+    if (painter.isOpaquePass) return;
+
+    var gl = painter.gl;
+
+    gl.enable(gl.DEPTH_TEST);
+    painter.depthMask(true);
+
+    // Change depth function to prevent double drawing in areas where tiles overlap.
+    gl.depthFunc(gl.LESS);
+
+    var minTileZ = coords.length && coords[0].z;
+
+    for (var i = 0; i < coords.length; i++) {
+        var coord = coords[i];
+        // set the lower zoom level to sublayer 0, and higher zoom levels to higher sublayers
+        painter.setDepthSublayer(coord.z - minTileZ);
+        drawRasterTile(painter, source, layer, coord);
+    }
+
+    gl.depthFunc(gl.LEQUAL);
+}
+
+drawRaster.RasterBoundsArray = new StructArrayType({
+    members: [
+        { name: 'a_pos', type: 'Int16', components: 2 },
+        { name: 'a_texture_pos', type: 'Int16', components: 2 }
+    ]
+});
+
+function drawRasterTile(painter, source, layer, coord) {
+
+    var gl = painter.gl;
+
+    gl.disable(gl.STENCIL_TEST);
+
+    var tile = source.getTile(coord);
+    var posMatrix = painter.transform.calculatePosMatrix(coord, source.maxzoom);
+
+    var program = painter.useProgram('raster');
+    gl.uniformMatrix4fv(program.u_matrix, false, posMatrix);
+
+    // color parameters
+    gl.uniform1f(program.u_brightness_low, layer.paint['raster-brightness-min']);
+    gl.uniform1f(program.u_brightness_high, layer.paint['raster-brightness-max']);
+    gl.uniform1f(program.u_saturation_factor, saturationFactor(layer.paint['raster-saturation']));
+    gl.uniform1f(program.u_contrast_factor, contrastFactor(layer.paint['raster-contrast']));
+    gl.uniform3fv(program.u_spin_weights, spinWeights(layer.paint['raster-hue-rotate']));
+
+    var parentTile = tile.source && tile.source.findLoadedParent(coord, 0, {}),
+        opacities = getOpacities(tile, parentTile, layer, painter.transform);
+
+    var parentScaleBy, parentTL;
+
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, tile.texture);
+
+    gl.activeTexture(gl.TEXTURE1);
+
+    if (parentTile) {
+        gl.bindTexture(gl.TEXTURE_2D, parentTile.texture);
+        parentScaleBy = Math.pow(2, parentTile.coord.z - tile.coord.z);
+        parentTL = [tile.coord.x * parentScaleBy % 1, tile.coord.y * parentScaleBy % 1];
+
+    } else {
+        gl.bindTexture(gl.TEXTURE_2D, tile.texture);
+        opacities[1] = 0;
+    }
+
+    // cross-fade parameters
+    gl.uniform2fv(program.u_tl_parent, parentTL || [0, 0]);
+    gl.uniform1f(program.u_scale_parent, parentScaleBy || 1);
+    gl.uniform1f(program.u_buffer_scale, 1);
+    gl.uniform1f(program.u_opacity0, opacities[0]);
+    gl.uniform1f(program.u_opacity1, opacities[1]);
+    gl.uniform1i(program.u_image0, 0);
+    gl.uniform1i(program.u_image1, 1);
+
+    var buffer = tile.boundsBuffer || painter.rasterBoundsBuffer;
+    var vao = tile.boundsVAO || painter.rasterBoundsVAO;
+    vao.bind(gl, program, buffer);
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, buffer.length);
+}
+
+function spinWeights(angle) {
+    angle *= Math.PI / 180;
+    var s = Math.sin(angle);
+    var c = Math.cos(angle);
+    return [
+        (2 * c + 1) / 3,
+        (-Math.sqrt(3) * s - c + 1) / 3,
+        (Math.sqrt(3) * s - c + 1) / 3
+    ];
+}
+
+function contrastFactor(contrast) {
+    return contrast > 0 ?
+        1 / (1 - contrast) :
+        1 + contrast;
+}
+
+function saturationFactor(saturation) {
+    return saturation > 0 ?
+        1 - 1 / (1.001 - saturation) :
+        -saturation;
+}
+
+function getOpacities(tile, parentTile, layer, transform) {
+    var opacity = [1, 0];
+    var fadeDuration = layer.paint['raster-fade-duration'];
+
+    if (tile.source && fadeDuration > 0) {
+        var now = new Date().getTime();
+
+        var sinceTile = (now - tile.timeAdded) / fadeDuration;
+        var sinceParent = parentTile ? (now - parentTile.timeAdded) / fadeDuration : -1;
+
+        var idealZ = transform.coveringZoomLevel(tile.source);
+        var parentFurther = parentTile ? Math.abs(parentTile.coord.z - idealZ) > Math.abs(tile.coord.z - idealZ) : false;
+
+        if (!parentTile || parentFurther) {
+            // if no parent or parent is older
+            opacity[0] = util.clamp(sinceTile, 0, 1);
+            opacity[1] = 1 - opacity[0];
+        } else {
+            // parent is younger, zooming out
+            opacity[0] = util.clamp(1 - sinceParent, 0, 1);
+            opacity[1] = 1 - opacity[0];
+        }
+    }
+
+    var op = layer.paint['raster-opacity'];
+    opacity[0] *= op;
+    opacity[1] *= op;
+
+    return opacity;
+}
+
+},{"../util/struct_array":440,"../util/util":442}],352:[function(require,module,exports){
+'use strict';
+
+var browser = require('../util/browser');
+var drawCollisionDebug = require('./draw_collision_debug');
+var pixelsToTileUnits = require('../source/pixels_to_tile_units');
+
+
+module.exports = drawSymbols;
+
+function drawSymbols(painter, source, layer, coords) {
+    if (painter.isOpaquePass) return;
+
+    var drawAcrossEdges = !(layer.layout['text-allow-overlap'] || layer.layout['icon-allow-overlap'] ||
+        layer.layout['text-ignore-placement'] || layer.layout['icon-ignore-placement']);
+
+    var gl = painter.gl;
+
+    // Disable the stencil test so that labels aren't clipped to tile boundaries.
+    //
+    // Layers with features that may be drawn overlapping aren't clipped. These
+    // layers are sorted in the y direction, and to draw the correct ordering near
+    // tile edges the icons are included in both tiles and clipped when drawing.
+    if (drawAcrossEdges) {
+        gl.disable(gl.STENCIL_TEST);
+    } else {
+        gl.enable(gl.STENCIL_TEST);
+    }
+
+    painter.setDepthSublayer(0);
+    painter.depthMask(false);
+    gl.disable(gl.DEPTH_TEST);
+
+    drawLayerSymbols(painter, source, layer, coords, false,
+            layer.paint['icon-translate'],
+            layer.paint['icon-translate-anchor'],
+            layer.layout['icon-rotation-alignment'],
+            // icon-pitch-alignment is not yet implemented
+            // and we simply inherit the rotation alignment
+            layer.layout['icon-rotation-alignment'],
+            layer.layout['icon-size'],
+            layer.paint['icon-halo-width'],
+            layer.paint['icon-halo-color'],
+            layer.paint['icon-halo-blur'],
+            layer.paint['icon-opacity'],
+            layer.paint['icon-color']);
+
+    drawLayerSymbols(painter, source, layer, coords, true,
+            layer.paint['text-translate'],
+            layer.paint['text-translate-anchor'],
+            layer.layout['text-rotation-alignment'],
+            layer.layout['text-pitch-alignment'],
+            layer.layout['text-size'],
+            layer.paint['text-halo-width'],
+            layer.paint['text-halo-color'],
+            layer.paint['text-halo-blur'],
+            layer.paint['text-opacity'],
+            layer.paint['text-color']);
+
+    gl.enable(gl.DEPTH_TEST);
+
+    if (source.map.showCollisionBoxes) {
+        drawCollisionDebug(painter, source, layer, coords);
+    }
+}
+
+function drawLayerSymbols(painter, source, layer, coords, isText,
+        translate,
+        translateAnchor,
+        rotationAlignment,
+        pitchAlignment,
+        size,
+        haloWidth,
+        haloColor,
+        haloBlur,
+        opacity,
+        color) {
+
+    for (var j = 0; j < coords.length; j++) {
+        var tile = source.getTile(coords[j]);
+        var bucket = tile.getBucket(layer);
+        if (!bucket) continue;
+        var bothBufferGroups = bucket.bufferGroups;
+        var bufferGroups = isText ? bothBufferGroups.glyph : bothBufferGroups.icon;
+        if (!bufferGroups.length) continue;
+
+        painter.enableTileClippingMask(coords[j]);
+        drawSymbol(painter, layer, coords[j].posMatrix, tile, bucket, bufferGroups, isText,
+                isText || bucket.sdfIcons, !isText && bucket.iconsNeedLinear,
+                isText ? bucket.adjustedTextSize : bucket.adjustedIconSize, bucket.fontstack,
+                translate,
+                translateAnchor,
+                rotationAlignment,
+                pitchAlignment,
+                size,
+                haloWidth,
+                haloColor,
+                haloBlur,
+                opacity,
+                color);
+    }
+}
+
+function drawSymbol(painter, layer, posMatrix, tile, bucket, bufferGroups, isText, sdf, iconsNeedLinear, adjustedSize, fontstack,
+        translate,
+        translateAnchor,
+        rotationAlignment,
+        pitchAlignment,
+        size,
+        haloWidth,
+        haloColor,
+        haloBlur,
+        opacity,
+        color) {
+
+    var gl = painter.gl;
+    var tr = painter.transform;
+    var rotateWithMap = rotationAlignment === 'map';
+    var pitchWithMap = pitchAlignment === 'map';
+
+    var defaultSize = isText ? 24 : 1;
+    var fontScale = size / defaultSize;
+
+    var extrudeScale, s, gammaScale;
+    if (pitchWithMap) {
+        s = pixelsToTileUnits(tile, 1, painter.transform.zoom) * fontScale;
+        gammaScale = 1 / Math.cos(tr._pitch);
+        extrudeScale = [s, s];
+    } else {
+        s = painter.transform.altitude * fontScale;
+        gammaScale = 1;
+        extrudeScale = [ tr.pixelsToGLUnits[0] * s, tr.pixelsToGLUnits[1] * s];
+    }
+
+    if (!isText && !painter.style.sprite.loaded())
+        return;
+
+    var program = painter.useProgram(sdf ? 'sdf' : 'icon');
+    gl.uniformMatrix4fv(program.u_matrix, false, painter.translatePosMatrix(posMatrix, tile, translate, translateAnchor));
+    gl.uniform1i(program.u_rotate_with_map, rotateWithMap);
+    gl.uniform1i(program.u_pitch_with_map, pitchWithMap);
+    gl.uniform2fv(program.u_extrude_scale, extrudeScale);
+
+    gl.activeTexture(gl.TEXTURE0);
+    gl.uniform1i(program.u_texture, 0);
+
+    if (isText) {
+        // use the fonstack used when parsing the tile, not the fontstack
+        // at the current zoom level (layout['text-font']).
+        var glyphAtlas = fontstack && painter.glyphSource.getGlyphAtlas(fontstack);
+        if (!glyphAtlas) return;
+
+        glyphAtlas.updateTexture(gl);
+        gl.uniform2f(program.u_texsize, glyphAtlas.width / 4, glyphAtlas.height / 4);
+    } else {
+        var mapMoving = painter.options.rotating || painter.options.zooming;
+        var iconScaled = fontScale !== 1 || browser.devicePixelRatio !== painter.spriteAtlas.pixelRatio || iconsNeedLinear;
+        var iconTransformed = pitchWithMap || painter.transform.pitch;
+        painter.spriteAtlas.bind(gl, sdf || mapMoving || iconScaled || iconTransformed);
+        gl.uniform2f(program.u_texsize, painter.spriteAtlas.width / 4, painter.spriteAtlas.height / 4);
+    }
+
+    // adjust min/max zooms for variable font sizes
+    var zoomAdjust = Math.log(size / adjustedSize) / Math.LN2 || 0;
+    gl.uniform1f(program.u_zoom, (painter.transform.zoom - zoomAdjust) * 10); // current zoom level
+
+    gl.activeTexture(gl.TEXTURE1);
+    painter.frameHistory.bind(gl);
+    gl.uniform1i(program.u_fadetexture, 1);
+
+    var group;
+
+    if (sdf) {
+        var sdfPx = 8;
+        var blurOffset = 1.19;
+        var haloOffset = 6;
+        var gamma = 0.105 * defaultSize / size / browser.devicePixelRatio;
+
+        if (haloWidth) {
+            // Draw halo underneath the text.
+            gl.uniform1f(program.u_gamma, (haloBlur * blurOffset / fontScale / sdfPx + gamma) * gammaScale);
+            gl.uniform4fv(program.u_color, haloColor);
+            gl.uniform1f(program.u_opacity, opacity);
+            gl.uniform1f(program.u_buffer, (haloOffset - haloWidth / fontScale) / sdfPx);
+
+            for (var j = 0; j < bufferGroups.length; j++) {
+                group = bufferGroups[j];
+                group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer);
+                gl.drawElements(gl.TRIANGLES, group.elementBuffer.length * 3, gl.UNSIGNED_SHORT, 0);
+            }
+        }
+
+        gl.uniform1f(program.u_gamma, gamma * gammaScale);
+        gl.uniform4fv(program.u_color, color);
+        gl.uniform1f(program.u_opacity, opacity);
+        gl.uniform1f(program.u_buffer, (256 - 64) / 256);
+        gl.uniform1f(program.u_pitch, tr.pitch / 360 * 2 * Math.PI);
+        gl.uniform1f(program.u_bearing, tr.bearing / 360 * 2 * Math.PI);
+        gl.uniform1f(program.u_aspect_ratio, tr.width / tr.height);
+
+        for (var i = 0; i < bufferGroups.length; i++) {
+            group = bufferGroups[i];
+            group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer);
+            gl.drawElements(gl.TRIANGLES, group.elementBuffer.length * 3, gl.UNSIGNED_SHORT, 0);
+        }
+
+    } else {
+        gl.uniform1f(program.u_opacity, opacity);
+        for (var k = 0; k < bufferGroups.length; k++) {
+            group = bufferGroups[k];
+            group.vaos[layer.id].bind(gl, program, group.layoutVertexBuffer, group.elementBuffer);
+            gl.drawElements(gl.TRIANGLES, group.elementBuffer.length * 3, gl.UNSIGNED_SHORT, 0);
+        }
+    }
+}
+
+},{"../source/pixels_to_tile_units":363,"../util/browser":426,"./draw_collision_debug":347}],353:[function(require,module,exports){
+'use strict';
+
+module.exports = FrameHistory;
+
+function FrameHistory() {
+    this.changeTimes = new Float64Array(256);
+    this.changeOpacities = new Uint8Array(256);
+    this.opacities = new Uint8ClampedArray(256);
+    this.array = new Uint8Array(this.opacities.buffer);
+
+    this.fadeDuration = 300;
+    this.previousZoom = 0;
+    this.firstFrame = true;
+}
+
+FrameHistory.prototype.record = function(zoom) {
+    var now = Date.now();
+
+    if (this.firstFrame) {
+        now = 0;
+        this.firstFrame = false;
+    }
+
+    zoom = Math.floor(zoom * 10);
+
+    var z;
+    if (zoom < this.previousZoom) {
+        for (z = zoom + 1; z <= this.previousZoom; z++) {
+            this.changeTimes[z] = now;
+            this.changeOpacities[z] = this.opacities[z];
+        }
+    } else {
+        for (z = zoom; z > this.previousZoom; z--) {
+            this.changeTimes[z] = now;
+            this.changeOpacities[z] = this.opacities[z];
+        }
+    }
+
+    for (z = 0; z < 256; z++) {
+        var timeSince = now - this.changeTimes[z];
+        var opacityChange = timeSince / this.fadeDuration * 255;
+        if (z <= zoom) {
+            this.opacities[z] = this.changeOpacities[z] + opacityChange;
+        } else {
+            this.opacities[z] = this.changeOpacities[z] - opacityChange;
+        }
+    }
+
+    this.changed = true;
+    this.previousZoom = zoom;
+};
+
+FrameHistory.prototype.bind = function(gl) {
+    if (!this.texture) {
+        this.texture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.ALPHA, 256, 1, 0, gl.ALPHA, gl.UNSIGNED_BYTE, this.array);
+
+    } else {
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        if (this.changed) {
+            gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, 256, 1, gl.ALPHA, gl.UNSIGNED_BYTE, this.array);
+            this.changed = false;
+        }
+    }
+};
+
+},{}],354:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+
+module.exports = LineAtlas;
+
+/**
+ * A LineAtlas lets us reuse rendered dashed lines
+ * by writing many of them to a texture and then fetching their positions
+ * using .getDash.
+ *
+ * @param {number} width
+ * @param {number} height
+ * @private
+ */
+function LineAtlas(width, height) {
+    this.width = width;
+    this.height = height;
+    this.nextRow = 0;
+
+    this.bytes = 4;
+    this.data = new Uint8Array(this.width * this.height * this.bytes);
+
+    this.positions = {};
+}
+
+LineAtlas.prototype.setSprite = function(sprite) {
+    this.sprite = sprite;
+};
+
+/**
+ * Get or create a dash line pattern.
+ *
+ * @param {Array<number>} dasharray
+ * @param {boolean} round whether to add circle caps in between dash segments
+ * @returns {Object} position of dash texture in { y, height, width }
+ * @private
+ */
+LineAtlas.prototype.getDash = function(dasharray, round) {
+    var key = dasharray.join(",") + round;
+
+    if (!this.positions[key]) {
+        this.positions[key] = this.addDash(dasharray, round);
+    }
+    return this.positions[key];
+};
+
+LineAtlas.prototype.addDash = function(dasharray, round) {
+
+    var n = round ? 7 : 0;
+    var height = 2 * n + 1;
+    var offset = 128;
+
+    if (this.nextRow + height > this.height) {
+        util.warnOnce('LineAtlas out of space');
+        return null;
+    }
+
+    var length = 0;
+    for (var i = 0; i < dasharray.length; i++) {
+        length += dasharray[i];
+    }
+
+    var stretch = this.width / length;
+    var halfWidth = stretch / 2;
+
+    // If dasharray has an odd length, both the first and last parts
+    // are dashes and should be joined seamlessly.
+    var oddLength = dasharray.length % 2 === 1;
+
+    for (var y = -n; y <= n; y++) {
+        var row = this.nextRow + n + y;
+        var index = this.width * row;
+
+        var left = oddLength ? -dasharray[dasharray.length - 1] : 0;
+        var right = dasharray[0];
+        var partIndex = 1;
+
+        for (var x = 0; x < this.width; x++) {
+
+            while (right < x / stretch) {
+                left = right;
+                right = right + dasharray[partIndex];
+
+                if (oddLength && partIndex === dasharray.length - 1) {
+                    right += dasharray[0];
+                }
+
+                partIndex++;
+            }
+
+            var distLeft = Math.abs(x - left * stretch);
+            var distRight = Math.abs(x - right * stretch);
+            var dist = Math.min(distLeft, distRight);
+            var inside = (partIndex % 2) === 1;
+            var signedDistance;
+
+            if (round) {
+                // Add circle caps
+                var distMiddle = n ? y / n * (halfWidth + 1) : 0;
+                if (inside) {
+                    var distEdge = halfWidth - Math.abs(distMiddle);
+                    signedDistance = Math.sqrt(dist * dist + distEdge * distEdge);
+                } else {
+                    signedDistance = halfWidth - Math.sqrt(dist * dist + distMiddle * distMiddle);
+                }
+            } else {
+                signedDistance = (inside ? 1 : -1) * dist;
+            }
+
+            this.data[3 + (index + x) * 4] = Math.max(0, Math.min(255, signedDistance + offset));
+        }
+    }
+
+    var pos = {
+        y: (this.nextRow + n + 0.5) / this.height,
+        height: 2 * n / this.height,
+        width: length
+    };
+
+    this.nextRow += height;
+    this.dirty = true;
+
+    return pos;
+};
+
+LineAtlas.prototype.bind = function(gl) {
+    if (!this.texture) {
+        this.texture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, this.data);
+
+    } else {
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+
+        if (this.dirty) {
+            this.dirty = false;
+            gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, this.width, this.height, gl.RGBA, gl.UNSIGNED_BYTE, this.data);
+        }
+    }
+};
+
+},{"../util/util":442}],355:[function(require,module,exports){
+'use strict';
+
+var browser = require('../util/browser');
+var mat4 = require('gl-matrix').mat4;
+var FrameHistory = require('./frame_history');
+var SourceCache = require('../source/source_cache');
+var EXTENT = require('../data/bucket').EXTENT;
+var pixelsToTileUnits = require('../source/pixels_to_tile_units');
+var util = require('../util/util');
+var StructArrayType = require('../util/struct_array');
+var Buffer = require('../data/buffer');
+var VertexArrayObject = require('./vertex_array_object');
+var RasterBoundsArray = require('./draw_raster').RasterBoundsArray;
+var createUniformPragmas = require('./create_uniform_pragmas');
+
+module.exports = Painter;
+
+/**
+ * Initialize a new painter object.
+ *
+ * @param {Canvas} gl an experimental-webgl drawing context
+ * @private
+ */
+function Painter(gl, transform) {
+    this.gl = gl;
+    this.transform = transform;
+
+    this.reusableTextures = {};
+    this.preFbos = {};
+
+    this.frameHistory = new FrameHistory();
+
+    this.setup();
+
+    // Within each layer there are multiple distinct z-planes that can be drawn to.
+    // This is implemented using the WebGL depth buffer.
+    this.numSublayers = SourceCache.maxUnderzooming + SourceCache.maxOverzooming + 1;
+    this.depthEpsilon = 1 / Math.pow(2, 16);
+
+    this.lineWidthRange = gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE);
+}
+
+util.extend(Painter.prototype, require('./painter/use_program'));
+
+/*
+ * Update the GL viewport, projection matrix, and transforms to compensate
+ * for a new width and height value.
+ */
+Painter.prototype.resize = function(width, height) {
+    var gl = this.gl;
+
+    this.width = width * browser.devicePixelRatio;
+    this.height = height * browser.devicePixelRatio;
+    gl.viewport(0, 0, this.width, this.height);
+
+};
+
+Painter.prototype.setup = function() {
+    var gl = this.gl;
+
+    gl.verbose = true;
+
+    // We are blending the new pixels *behind* the existing pixels. That way we can
+    // draw front-to-back and use then stencil buffer to cull opaque pixels early.
+    gl.enable(gl.BLEND);
+    gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+
+    gl.enable(gl.STENCIL_TEST);
+
+    gl.enable(gl.DEPTH_TEST);
+    gl.depthFunc(gl.LEQUAL);
+
+    this._depthMask = false;
+    gl.depthMask(false);
+
+    var PosArray = this.PosArray = new StructArrayType({
+        members: [{ name: 'a_pos', type: 'Int16', components: 2 }]
+    });
+
+    var tileExtentArray = new PosArray();
+    tileExtentArray.emplaceBack(0, 0);
+    tileExtentArray.emplaceBack(EXTENT, 0);
+    tileExtentArray.emplaceBack(0, EXTENT);
+    tileExtentArray.emplaceBack(EXTENT, EXTENT);
+    this.tileExtentBuffer = new Buffer(tileExtentArray.serialize(), PosArray.serialize(), Buffer.BufferType.VERTEX);
+    this.tileExtentVAO = new VertexArrayObject();
+    this.tileExtentPatternVAO = new VertexArrayObject();
+
+    var debugArray = new PosArray();
+    debugArray.emplaceBack(0, 0);
+    debugArray.emplaceBack(EXTENT, 0);
+    debugArray.emplaceBack(EXTENT, EXTENT);
+    debugArray.emplaceBack(0, EXTENT);
+    debugArray.emplaceBack(0, 0);
+    this.debugBuffer = new Buffer(debugArray.serialize(), PosArray.serialize(), Buffer.BufferType.VERTEX);
+    this.debugVAO = new VertexArrayObject();
+
+    var rasterBoundsArray = new RasterBoundsArray();
+    rasterBoundsArray.emplaceBack(0, 0, 0, 0);
+    rasterBoundsArray.emplaceBack(EXTENT, 0, 32767, 0);
+    rasterBoundsArray.emplaceBack(0, EXTENT, 0, 32767);
+    rasterBoundsArray.emplaceBack(EXTENT, EXTENT, 32767, 32767);
+    this.rasterBoundsBuffer = new Buffer(rasterBoundsArray.serialize(), RasterBoundsArray.serialize(), Buffer.BufferType.VERTEX);
+    this.rasterBoundsVAO = new VertexArrayObject();
+};
+
+/*
+ * Reset the color buffers of the drawing canvas.
+ */
+Painter.prototype.clearColor = function() {
+    var gl = this.gl;
+    gl.clearColor(0, 0, 0, 0);
+    gl.clear(gl.COLOR_BUFFER_BIT);
+};
+
+/*
+ * Reset the drawing canvas by clearing the stencil buffer so that we can draw
+ * new tiles at the same location, while retaining previously drawn pixels.
+ */
+Painter.prototype.clearStencil = function() {
+    var gl = this.gl;
+    gl.clearStencil(0x0);
+    gl.stencilMask(0xFF);
+    gl.clear(gl.STENCIL_BUFFER_BIT);
+};
+
+Painter.prototype.clearDepth = function() {
+    var gl = this.gl;
+    gl.clearDepth(1);
+    this.depthMask(true);
+    gl.clear(gl.DEPTH_BUFFER_BIT);
+};
+
+Painter.prototype._renderTileClippingMasks = function(coords) {
+    var gl = this.gl;
+    gl.colorMask(false, false, false, false);
+    this.depthMask(false);
+    gl.disable(gl.DEPTH_TEST);
+    gl.enable(gl.STENCIL_TEST);
+
+    // Only write clipping IDs to the last 5 bits. The first three are used for drawing fills.
+    gl.stencilMask(0xF8);
+    // Tests will always pass, and ref value will be written to stencil buffer.
+    gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+
+    var idNext = 1;
+    this._tileClippingMaskIDs = {};
+    for (var i = 0; i < coords.length; i++) {
+        var coord = coords[i];
+        var id = this._tileClippingMaskIDs[coord.id] = (idNext++) << 3;
+
+        gl.stencilFunc(gl.ALWAYS, id, 0xF8);
+
+        var pragmas = createUniformPragmas([
+            {name: 'u_color', components: 4},
+            {name: 'u_opacity', components: 1}
+        ]);
+        var program = this.useProgram('fill', [], pragmas, pragmas);
+        gl.uniformMatrix4fv(program.u_matrix, false, coord.posMatrix);
+
+        // Draw the clipping mask
+        this.tileExtentVAO.bind(gl, program, this.tileExtentBuffer);
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, this.tileExtentBuffer.length);
+    }
+
+    gl.stencilMask(0x00);
+    gl.colorMask(true, true, true, true);
+    this.depthMask(true);
+    gl.enable(gl.DEPTH_TEST);
+};
+
+Painter.prototype.enableTileClippingMask = function(coord) {
+    var gl = this.gl;
+    gl.stencilFunc(gl.EQUAL, this._tileClippingMaskIDs[coord.id], 0xF8);
+};
+
+// Overridden by headless tests.
+Painter.prototype.prepareBuffers = function() {};
+Painter.prototype.bindDefaultFramebuffer = function() {
+    var gl = this.gl;
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+};
+
+var draw = {
+    symbol: require('./draw_symbol'),
+    circle: require('./draw_circle'),
+    line: require('./draw_line'),
+    fill: require('./draw_fill'),
+    raster: require('./draw_raster'),
+    background: require('./draw_background'),
+    debug: require('./draw_debug')
+};
+
+Painter.prototype.render = function(style, options) {
+    this.style = style;
+    this.options = options;
+
+    this.lineAtlas = style.lineAtlas;
+
+    this.spriteAtlas = style.spriteAtlas;
+    this.spriteAtlas.setSprite(style.sprite);
+
+    this.glyphSource = style.glyphSource;
+
+    this.frameHistory.record(this.transform.zoom);
+
+    this.prepareBuffers();
+    this.clearColor();
+    this.clearDepth();
+
+    this.showOverdrawInspector(options.showOverdrawInspector);
+
+    this.depthRange = (style._order.length + 2) * this.numSublayers * this.depthEpsilon;
+
+    this.renderPass({isOpaquePass: true});
+    this.renderPass({isOpaquePass: false});
+};
+
+Painter.prototype.renderPass = function(options) {
+    var groups = this.style._groups;
+    var isOpaquePass = options.isOpaquePass;
+    this.currentLayer = isOpaquePass ? this.style._order.length : -1;
+
+    for (var i = 0; i < groups.length; i++) {
+        var group = groups[isOpaquePass ? groups.length - 1 - i : i];
+        var source = this.style.sources[group.source];
+
+        var j;
+        var coords = [];
+        if (source) {
+            coords = source.getVisibleCoordinates();
+            for (j = 0; j < coords.length; j++) {
+                coords[j].posMatrix = this.transform.calculatePosMatrix(coords[j], source.maxzoom);
+            }
+            this.clearStencil();
+            if (source.prepare) source.prepare();
+            if (source.isTileClipped) {
+                this._renderTileClippingMasks(coords);
+            }
+        }
+
+        if (isOpaquePass) {
+            if (!this._showOverdrawInspector) {
+                this.gl.disable(this.gl.BLEND);
+            }
+            this.isOpaquePass = true;
+        } else {
+            this.gl.enable(this.gl.BLEND);
+            this.isOpaquePass = false;
+            coords.reverse();
+        }
+
+        for (j = 0; j < group.length; j++) {
+            var layer = group[isOpaquePass ? group.length - 1 - j : j];
+            this.currentLayer += isOpaquePass ? -1 : 1;
+            this.renderLayer(this, source, layer, coords);
+        }
+
+        if (source) {
+            draw.debug(this, source, coords);
+        }
+    }
+};
+
+Painter.prototype.depthMask = function(mask) {
+    if (mask !== this._depthMask) {
+        this._depthMask = mask;
+        this.gl.depthMask(mask);
+    }
+};
+
+Painter.prototype.renderLayer = function(painter, source, layer, coords) {
+    if (layer.isHidden(this.transform.zoom)) return;
+    if (layer.type !== 'background' && !coords.length) return;
+    this.id = layer.id;
+    draw[layer.type](painter, source, layer, coords);
+};
+
+Painter.prototype.setDepthSublayer = function(n) {
+    var farDepth = 1 - ((1 + this.currentLayer) * this.numSublayers + n) * this.depthEpsilon;
+    var nearDepth = farDepth - 1 + this.depthRange;
+    this.gl.depthRange(nearDepth, farDepth);
+};
+
+Painter.prototype.translatePosMatrix = function(matrix, tile, translate, anchor) {
+    if (!translate[0] && !translate[1]) return matrix;
+
+    if (anchor === 'viewport') {
+        var sinA = Math.sin(-this.transform.angle);
+        var cosA = Math.cos(-this.transform.angle);
+        translate = [
+            translate[0] * cosA - translate[1] * sinA,
+            translate[0] * sinA + translate[1] * cosA
+        ];
+    }
+
+    var translation = [
+        pixelsToTileUnits(tile, translate[0], this.transform.zoom),
+        pixelsToTileUnits(tile, translate[1], this.transform.zoom),
+        0
+    ];
+
+    var translatedMatrix = new Float32Array(16);
+    mat4.translate(translatedMatrix, matrix, translation);
+    return translatedMatrix;
+};
+
+Painter.prototype.saveTexture = function(texture) {
+    var textures = this.reusableTextures[texture.size];
+    if (!textures) {
+        this.reusableTextures[texture.size] = [texture];
+    } else {
+        textures.push(texture);
+    }
+};
+
+
+Painter.prototype.getTexture = function(size) {
+    var textures = this.reusableTextures[size];
+    return textures && textures.length > 0 ? textures.pop() : null;
+};
+
+Painter.prototype.lineWidth = function(width) {
+    this.gl.lineWidth(util.clamp(width, this.lineWidthRange[0], this.lineWidthRange[1]));
+};
+
+Painter.prototype.showOverdrawInspector = function(enabled) {
+    if (!enabled && !this._showOverdrawInspector) return;
+    this._showOverdrawInspector = enabled;
+
+    var gl = this.gl;
+    if (enabled) {
+        gl.blendFunc(gl.CONSTANT_COLOR, gl.ONE);
+        var numOverdrawSteps = 8;
+        var a = 1 / numOverdrawSteps;
+        gl.blendColor(a, a, a, 0);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+    } else {
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    }
+};
+
+},{"../data/bucket":329,"../data/buffer":334,"../source/pixels_to_tile_units":363,"../source/source_cache":367,"../util/browser":426,"../util/struct_array":440,"../util/util":442,"./create_uniform_pragmas":344,"./draw_background":345,"./draw_circle":346,"./draw_debug":348,"./draw_fill":349,"./draw_line":350,"./draw_raster":351,"./draw_symbol":352,"./frame_history":353,"./painter/use_program":356,"./vertex_array_object":357,"gl-matrix":193}],356:[function(require,module,exports){
+'use strict';
+
+var assert = require('assert');
+var util = require('../../util/util');
+var shaders = require('mapbox-gl-shaders');
+
+var utilSource = shaders.util;
+
+module.exports._createProgram = function(name, defines, vertexPragmas, fragmentPragmas) {
+    var gl = this.gl;
+    var program = gl.createProgram();
+    var definition = shaders[name];
+
+    var definesSource = '#define MAPBOX_GL_JS;\n';
+    for (var j = 0; j < defines.length; j++) {
+        definesSource += '#define ' + defines[j] + ';\n';
+    }
+
+    var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
+    gl.shaderSource(fragmentShader, applyPragmas(definesSource + definition.fragmentSource, fragmentPragmas));
+    gl.compileShader(fragmentShader);
+    assert(gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS), gl.getShaderInfoLog(fragmentShader));
+    gl.attachShader(program, fragmentShader);
+
+    var vertexShader = gl.createShader(gl.VERTEX_SHADER);
+    gl.shaderSource(vertexShader, applyPragmas(definesSource + utilSource + definition.vertexSource, vertexPragmas));
+    gl.compileShader(vertexShader);
+    assert(gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS), gl.getShaderInfoLog(vertexShader));
+    gl.attachShader(program, vertexShader);
+
+    gl.linkProgram(program);
+    assert(gl.getProgramParameter(program, gl.LINK_STATUS), gl.getProgramInfoLog(program));
+
+    var attributes = {};
+    var numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+    for (var i = 0; i < numAttributes; i++) {
+        var attribute = gl.getActiveAttrib(program, i);
+        attributes[attribute.name] = gl.getAttribLocation(program, attribute.name);
+    }
+
+    var uniforms = {};
+    var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+    for (var ui = 0; ui < numUniforms; ui++) {
+        var uniform = gl.getActiveUniform(program, ui);
+        uniforms[uniform.name] = gl.getUniformLocation(program, uniform.name);
+    }
+
+    return util.extend({
+        program: program,
+        definition: definition,
+        attributes: attributes,
+        numAttributes: numAttributes
+    }, attributes, uniforms);
+};
+
+module.exports._createProgramCached = function(name, defines, vertexPragmas, fragmentPragmas) {
+    this.cache = this.cache || {};
+
+    var key = JSON.stringify({
+        name: name,
+        defines: defines,
+        vertexPragmas: vertexPragmas,
+        fragmentPragmas: fragmentPragmas
+    });
+
+    if (!this.cache[key]) {
+        this.cache[key] = this._createProgram(name, defines, vertexPragmas, fragmentPragmas);
+    }
+    return this.cache[key];
+};
+
+module.exports.useProgram = function (nextProgramName, defines, vertexPragmas, fragmentPragmas) {
+    var gl = this.gl;
+
+    defines = defines || [];
+    if (this._showOverdrawInspector) {
+        defines = defines.concat('OVERDRAW_INSPECTOR');
+    }
+
+    var nextProgram = this._createProgramCached(nextProgramName, defines, vertexPragmas, fragmentPragmas);
+    var previousProgram = this.currentProgram;
+
+    if (previousProgram !== nextProgram) {
+        gl.useProgram(nextProgram.program);
+        this.currentProgram = nextProgram;
+    }
+
+    return nextProgram;
+};
+
+function applyPragmas(source, pragmas) {
+    return source.replace(/#pragma mapbox: ([\w]+) ([\w]+) ([\w]+) ([\w]+)/g, function(match, operation, precision, type, name) {
+        return pragmas[operation][name].replace(/{type}/g, type).replace(/{precision}/g, precision);
+    });
+}
+
+},{"../../util/util":442,"assert":47,"mapbox-gl-shaders":303}],357:[function(require,module,exports){
+'use strict';
+
+var assert = require('assert');
+
+module.exports = VertexArrayObject;
+
+function VertexArrayObject() {
+    this.boundProgram = null;
+    this.boundVertexBuffer = null;
+    this.boundVertexBuffer2 = null;
+    this.boundElementBuffer = null;
+    this.vao = null;
+}
+
+VertexArrayObject.prototype.bind = function(gl, program, layoutVertexBuffer, elementBuffer, vertexBuffer2) {
+
+    if (gl.extVertexArrayObject === undefined) {
+        gl.extVertexArrayObject = gl.getExtension("OES_vertex_array_object");
+    }
+
+    var isFreshBindRequired = (
+        !this.vao ||
+        this.boundProgram !== program ||
+        this.boundVertexBuffer !== layoutVertexBuffer ||
+        this.boundVertexBuffer2 !== vertexBuffer2 ||
+        this.boundElementBuffer !== elementBuffer
+    );
+
+    if (!gl.extVertexArrayObject || isFreshBindRequired) {
+        this.freshBind(gl, program, layoutVertexBuffer, elementBuffer, vertexBuffer2);
+    } else {
+        gl.extVertexArrayObject.bindVertexArrayOES(this.vao);
+    }
+};
+
+VertexArrayObject.prototype.freshBind = function(gl, program, layoutVertexBuffer, elementBuffer, vertexBuffer2) {
+    var numPrevAttributes;
+    var numNextAttributes = program.numAttributes;
+
+    if (gl.extVertexArrayObject) {
+        if (this.vao) this.destroy(gl);
+        this.vao = gl.extVertexArrayObject.createVertexArrayOES();
+        gl.extVertexArrayObject.bindVertexArrayOES(this.vao);
+        numPrevAttributes = 0;
+
+        // store the arguments so that we can verify them when the vao is bound again
+        this.boundProgram = program;
+        this.boundVertexBuffer = layoutVertexBuffer;
+        this.boundVertexBuffer2 = vertexBuffer2;
+        this.boundElementBuffer = elementBuffer;
+
+    } else {
+        numPrevAttributes = gl.currentNumAttributes || 0;
+
+        // Disable all attributes from the previous program that aren't used in
+        // the new program. Note: attribute indices are *not* program specific!
+        for (var i = numNextAttributes; i < numPrevAttributes; i++) {
+            // WebGL breaks if you disable attribute 0.
+            // http://stackoverflow.com/questions/20305231
+            assert(i !== 0);
+            gl.disableVertexAttribArray(i);
+        }
+    }
+
+    // Enable all attributes for the new program.
+    for (var j = numPrevAttributes; j < numNextAttributes; j++) {
+        gl.enableVertexAttribArray(j);
+    }
+
+    layoutVertexBuffer.bind(gl);
+    layoutVertexBuffer.setVertexAttribPointers(gl, program);
+    if (vertexBuffer2) {
+        vertexBuffer2.bind(gl);
+        vertexBuffer2.setVertexAttribPointers(gl, program);
+    }
+    if (elementBuffer) {
+        elementBuffer.bind(gl);
+    }
+
+    gl.currentNumAttributes = numNextAttributes;
+};
+
+VertexArrayObject.prototype.unbind = function(gl) {
+    var ext = gl.extVertexArrayObject;
+    if (ext) {
+        ext.bindVertexArrayOES(null);
+    }
+};
+
+VertexArrayObject.prototype.destroy = function(gl) {
+    var ext = gl.extVertexArrayObject;
+    if (ext && this.vao) {
+        ext.deleteVertexArrayOES(this.vao);
+        this.vao = null;
+    }
+};
+
+},{"assert":47}],358:[function(require,module,exports){
+'use strict';
+
+var Evented = require('../util/evented');
+var util = require('../util/util');
+var urlResolve = require('resolve-url');
+var EXTENT = require('../data/bucket').EXTENT;
+
+module.exports = GeoJSONSource;
+
+/**
+ * A source containing GeoJSON.
+ *
+ * @class GeoJSONSource
+ * @param {Object} [options]
+ * @param {Object|string} [options.data] A GeoJSON data object or a URL to one. The latter is preferable in the case of large GeoJSON objects.
+ * @param {number} [options.maxzoom=18] The maximum zoom level at which to preserve detail (1-20).
+ * @param {number} [options.buffer=128] The tile buffer, measured in pixels. The buffer extends each
+ *   tile's data just past its visible edges, helping to ensure seamless rendering across tile boundaries.
+ *   The default value, 128, is a safe value for label layers, preventing text clipping at boundaries.
+ *   You can read more about buffers and clipping in the
+ *   [Mapbox Vector Tile Specification](https://www.mapbox.com/vector-tiles/specification/#clipping).
+ * @param {number} [options.tolerance=0.375] The simplification tolerance, measured in pixels.
+ *   This value is passed into a modified [Ramer–Douglas–Peucker algorithm](https://en.wikipedia.org/wiki/Ramer%E2%80%93Douglas%E2%80%93Peucker_algorithm)
+ *   to simplify (i.e. reduce the number of points) in curves. Higher values result in greater simplification.
+ * @param {boolean} [options.cluster] If `true`, a collection of point features will be clustered into groups,
+ *   according to `options.clusterRadius`.
+ * @param {number} [options.clusterRadius=50] The radius of each cluster when clustering points, measured in pixels.
+ * @param {number} [options.clusterMaxZoom] The maximum zoom level to cluster points in. By default, this value is
+ *   one zoom level less than the map's `maxzoom`, so that at the highest zoom level features are not clustered.
+ *
+ * @example
+ * map.addSource('some id', {
+ *     data: 'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_10m_ports.geojson'
+ * });
+ *
+ * @example
+ * map.addSource('some id', {
+ *    type: 'geojson',
+ *    data: {
+ *        "type": "FeatureCollection",
+ *        "features": [{
+ *            "type": "Feature",
+ *            "geometry": {
+ *                "type": "Point",
+ *                "coordinates": [
+ *                    -76.53063297271729,
+ *                    39.18174077994108
+ *                ]
+ *            }
+ *        }]
+ *    }
+ * });
+ *
+ * @example
+ * map.getSource('some id').setData({
+ *     data: {
+ *        "type": "FeatureCollection",
+ *        "features": [{
+ *            "type": "Feature",
+ *            "properties": { "name": "Null Island" },
+ *            "geometry": {
+ *                "type": "Point",
+ *                "coordinates": [ 0, 0 ]
+ *            }
+ *        }]
+ *     }
+ * });
+ */
+function GeoJSONSource(id, options, dispatcher) {
+    options = options || {};
+    this.id = id;
+    this.dispatcher = dispatcher;
+
+    this._data = options.data;
+
+    if (options.maxzoom !== undefined) this.maxzoom = options.maxzoom;
+    if (options.type) this.type = options.type;
+
+    var scale = EXTENT / this.tileSize;
+
+    // sent to the worker, along with `url: ...` or `data: literal geojson`,
+    // so that it can load/parse/index the geojson data
+    // extending with `options.workerOptions` helps to make it easy for
+    // third-party sources to hack/reuse GeoJSONSource.
+    this.workerOptions = util.extend({
+        source: this.id,
+        cluster: options.cluster || false,
+        geojsonVtOptions: {
+            buffer: (options.buffer !== undefined ? options.buffer : 128) * scale,
+            tolerance: (options.tolerance !== undefined ? options.tolerance : 0.375) * scale,
+            extent: EXTENT,
+            maxZoom: this.maxzoom
+        },
+        superclusterOptions: {
+            maxZoom: Math.min(options.clusterMaxZoom, this.maxzoom - 1) || (this.maxzoom - 1),
+            extent: EXTENT,
+            radius: (options.clusterRadius || 50) * scale,
+            log: false
+        }
+    }, options.workerOptions);
+
+    this._updateWorkerData(function done(err) {
+        if (err) {
+            this.fire('error', {error: err});
+            return;
+        }
+        this.fire('load');
+    }.bind(this));
+}
+
+GeoJSONSource.prototype = util.inherit(Evented, /** @lends GeoJSONSource.prototype */ {
+    // `type` is a property rather than a constant to make it easy for 3rd
+    // parties to use GeoJSONSource to build their own source types.
+    type: 'geojson',
+    minzoom: 0,
+    maxzoom: 18,
+    tileSize: 512,
+    isTileClipped: true,
+    reparseOverscaled: true,
+
+    onAdd: function (map) {
+        this.map = map;
+    },
+
+    /**
+     * Sets the GeoJSON data and re-renders the map.
+     *
+     * @param {Object|string} data A GeoJSON data object or a URL to one. The latter is preferable in the case of large GeoJSON files.
+     * @returns {GeoJSONSource} this
+     */
+    setData: function(data) {
+        this._data = data;
+
+        this._updateWorkerData(function (err) {
+            if (err) {
+                return this.fire('error', { error: err });
+            }
+            this.fire('change');
+        }.bind(this));
+
+        return this;
+    },
+
+    /*
+     * Responsible for invoking WorkerSource's geojson.loadData target, which
+     * handles loading the geojson data and preparing to serve it up as tiles,
+     * using geojson-vt or supercluster as appropriate.
+     */
+    _updateWorkerData: function(callback) {
+        var options = util.extend({}, this.workerOptions);
+        var data = this._data;
+        if (typeof data === 'string') {
+            options.url = typeof window != 'undefined' ? urlResolve(window.location.href, data) : data;
+        } else {
+            options.data = JSON.stringify(data);
+        }
+
+        // target {this.type}.loadData rather than literally geojson.loadData,
+        // so that other geojson-like source types can easily reuse this
+        // implementation
+        this.workerID = this.dispatcher.send(this.type + '.loadData', options, function(err) {
+            this._loaded = true;
+            callback(err);
+
+        }.bind(this));
+    },
+
+    loadTile: function (tile, callback) {
+        var overscaling = tile.coord.z > this.maxzoom ? Math.pow(2, tile.coord.z - this.maxzoom) : 1;
+        var params = {
+            type: this.type,
+            uid: tile.uid,
+            coord: tile.coord,
+            zoom: tile.coord.z,
+            maxZoom: this.maxzoom,
+            tileSize: this.tileSize,
+            source: this.id,
+            overscaling: overscaling,
+            angle: this.map.transform.angle,
+            pitch: this.map.transform.pitch,
+            showCollisionBoxes: this.map.showCollisionBoxes
+        };
+
+        tile.workerID = this.dispatcher.send('load tile', params, function(err, data) {
+
+            tile.unloadVectorData(this.map.painter);
+
+            if (tile.aborted)
+                return;
+
+            if (err) {
+                return callback(err);
+            }
+
+            tile.loadVectorData(data, this.map.style);
+
+            if (tile.redoWhenDone) {
+                tile.redoWhenDone = false;
+                tile.redoPlacement(this);
+            }
+
+            return callback(null);
+
+        }.bind(this), this.workerID);
+    },
+
+    abortTile: function(tile) {
+        tile.aborted = true;
+    },
+
+    unloadTile: function(tile) {
+        tile.unloadVectorData(this.map.painter);
+        this.dispatcher.send('remove tile', { uid: tile.uid, source: this.id }, function() {}, tile.workerID);
+    },
+
+    serialize: function() {
+        return {
+            type: this.type,
+            data: this._data
+        };
+    }
+});
+
+},{"../data/bucket":329,"../util/evented":434,"../util/util":442,"resolve-url":501}],359:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var ajax = require('../util/ajax');
+var rewind = require('geojson-rewind');
+var GeoJSONWrapper = require('./geojson_wrapper');
+var vtpbf = require('vt-pbf');
+var supercluster = require('supercluster');
+var geojsonvt = require('geojson-vt');
+
+var VectorTileWorkerSource = require('./vector_tile_worker_source');
+
+module.exports = GeoJSONWorkerSource;
+
+/**
+ * The {@link WorkerSource} implementation that supports {@link GeoJSONSource}.
+ * This class is designed to be easily reused to support custom source types
+ * for data formats that can be parsed/converted into an in-memory GeoJSON
+ * representation.  To do so, create it with
+ * `new GeoJSONWorkerSource(actor, styleLayers, customLoadGeoJSONFunction)`.  For a full example, see [mapbox-gl-topojson](https://github.com/developmentseed/mapbox-gl-topojson).
+ *
+ * @class GeoJSONWorkerSource
+ * @private
+ * @param {Function} [loadGeoJSON] Optional method for custom loading/parsing of GeoJSON based on parameters passed from the main-thread Source.  See {@link GeoJSONWorkerSource#loadGeoJSON}.
+ */
+function GeoJSONWorkerSource (actor, styleLayers, loadGeoJSON) {
+    if (loadGeoJSON) { this.loadGeoJSON = loadGeoJSON; }
+    VectorTileWorkerSource.call(this, actor, styleLayers);
+}
+
+GeoJSONWorkerSource.prototype = util.inherit(VectorTileWorkerSource, /** @lends GeoJSONWorkerSource.prototype */ {
+    // object mapping source ids to geojson-vt-like tile indexes
+    _geoJSONIndexes: {},
+
+    /**
+     * See {@link VectorTileWorkerSource#loadTile}.
+     */
+    loadVectorData: function (params, callback) {
+        var source = params.source,
+            coord = params.coord;
+
+        if (!this._geoJSONIndexes[source]) return callback(null, null); // we couldn't load the file
+
+        var geoJSONTile = this._geoJSONIndexes[source].getTile(Math.min(coord.z, params.maxZoom), coord.x, coord.y);
+        if (geoJSONTile) {
+            var geojsonWrapper = new GeoJSONWrapper(geoJSONTile.features);
+            geojsonWrapper.name = '_geojsonTileLayer';
+            var pbf = vtpbf({ layers: { '_geojsonTileLayer': geojsonWrapper }});
+            if (pbf.byteOffset !== 0 || pbf.byteLength !== pbf.buffer.byteLength) {
+                // Compatibility with node Buffer (https://github.com/mapbox/pbf/issues/35)
+                pbf = new Uint8Array(pbf);
+            }
+            callback(null, { tile: geojsonWrapper, rawTileData: pbf.buffer });
+            // tile.parse(geojsonWrapper, this.layerFamilies, this.actor, rawTileData, callback);
+        } else {
+            return callback(null, null); // nothing in the given tile
+        }
+    },
+
+    /**
+     * Fetches (if appropriate), parses, and index geojson data into tiles. This
+     * preparatory method must be called before {@link GeoJSONWorkerSource#loadTile}
+     * can correctly serve up tiles.
+     *
+     * Defers to {@link GeoJSONWorkerSource#loadGeoJSON} for the fetching/parsing,
+     * expecting `callback(error, data)` to be called with either an error or a
+     * parsed GeoJSON object.
+     * @param {object} params
+     * @param {string} params.source The id of the source.
+     * @param {Function} callback
+     */
+    loadData: function (params, callback) {
+        var handleData = function(err, data) {
+            if (err) return callback(err);
+            if (typeof data != 'object') {
+                return callback(new Error("Input data is not a valid GeoJSON object."));
+            }
+            rewind(data, true);
+            this._indexData(data, params, function (err, indexed) {
+                if (err) { return callback(err); }
+                this._geoJSONIndexes[params.source] = indexed;
+                callback(null);
+            }.bind(this));
+        }.bind(this);
+
+        this.loadGeoJSON(params, handleData);
+    },
+
+    /**
+     * Fetch and parse GeoJSON according to the given params.  Calls `callback`
+     * with `(err, data)`, where `data` is a parsed GeoJSON object.
+     *
+     * GeoJSON is loaded and parsed from `params.url` if it exists, or else
+     * expected as a literal (string or object) `params.data`.
+     *
+     * @param {object} params
+     * @param {string} [params.url] A URL to the remote GeoJSON data.
+     * @param {object} [params.data] Literal GeoJSON data. Must be provided if `params.url` is not.
+     */
+    loadGeoJSON: function (params, callback) {
+        // Because of same origin issues, urls must either include an explicit
+        // origin or absolute path.
+        // ie: /foo/bar.json or http://example.com/bar.json
+        // but not ../foo/bar.json
+        if (params.url) {
+            ajax.getJSON(params.url, callback);
+        } else if (typeof params.data === 'string') {
+            try {
+                return callback(null, JSON.parse(params.data));
+            } catch (e) {
+                return callback(new Error("Input data is not a valid GeoJSON object."));
+            }
+        } else {
+            return callback(new Error("Input data is not a valid GeoJSON object."));
+        }
+    },
+
+    /**
+     * Index the data using either geojson-vt or supercluster
+     * @param {GeoJSON} data
+     * @param {object} params forwarded from loadTile.
+     * @param {callback} (err, indexedData)
+     * @private
+     */
+    _indexData: function (data, params, callback) {
+        try {
+            if (params.cluster) {
+                callback(null, supercluster(params.superclusterOptions).load(data.features));
+            } else {
+                callback(null, geojsonvt(data, params.geojsonVtOptions));
+            }
+        } catch (err) {
+            return callback(err);
+        }
+    }
+});
+
+},{"../util/ajax":425,"../util/util":442,"./geojson_wrapper":360,"./vector_tile_worker_source":371,"geojson-rewind":138,"geojson-vt":142,"supercluster":529,"vt-pbf":556}],360:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+var VectorTileFeature = require('vector-tile').VectorTileFeature;
+var EXTENT = require('../data/bucket').EXTENT;
+
+module.exports = GeoJSONWrapper;
+
+// conform to vectortile api
+function GeoJSONWrapper(features) {
+    this.features = features;
+    this.length = features.length;
+    this.extent = EXTENT;
+}
+
+GeoJSONWrapper.prototype.feature = function(i) {
+    return new FeatureWrapper(this.features[i]);
+};
+
+function FeatureWrapper(feature) {
+    this.type = feature.type;
+    if (feature.type === 1) {
+        this.rawGeometry = [];
+        for (var i = 0; i < feature.geometry.length; i++) {
+            this.rawGeometry.push([feature.geometry[i]]);
+        }
+    } else {
+        this.rawGeometry = feature.geometry;
+    }
+    this.properties = feature.tags;
+    this.extent = EXTENT;
+}
+
+FeatureWrapper.prototype.loadGeometry = function() {
+    var rings = this.rawGeometry;
+    this.geometry = [];
+
+    for (var i = 0; i < rings.length; i++) {
+        var ring = rings[i],
+            newRing = [];
+        for (var j = 0; j < ring.length; j++) {
+            newRing.push(new Point(ring[j][0], ring[j][1]));
+        }
+        this.geometry.push(newRing);
+    }
+    return this.geometry;
+};
+
+FeatureWrapper.prototype.bbox = function() {
+    if (!this.geometry) this.loadGeometry();
+
+    var rings = this.geometry,
+        x1 = Infinity,
+        x2 = -Infinity,
+        y1 = Infinity,
+        y2 = -Infinity;
+
+    for (var i = 0; i < rings.length; i++) {
+        var ring = rings[i];
+
+        for (var j = 0; j < ring.length; j++) {
+            var coord = ring[j];
+
+            x1 = Math.min(x1, coord.x);
+            x2 = Math.max(x2, coord.x);
+            y1 = Math.min(y1, coord.y);
+            y2 = Math.max(y2, coord.y);
+        }
+    }
+
+    return [x1, y1, x2, y2];
+};
+
+FeatureWrapper.prototype.toGeoJSON = VectorTileFeature.prototype.toGeoJSON;
+
+},{"../data/bucket":329,"point-geometry":484,"vector-tile":550}],361:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var TileCoord = require('./tile_coord');
+var LngLat = require('../geo/lng_lat');
+var Point = require('point-geometry');
+var Evented = require('../util/evented');
+var ajax = require('../util/ajax');
+var EXTENT = require('../data/bucket').EXTENT;
+var RasterBoundsArray = require('../render/draw_raster').RasterBoundsArray;
+var Buffer = require('../data/buffer');
+var VertexArrayObject = require('../render/vertex_array_object');
+
+module.exports = ImageSource;
+
+/**
+ * A data source containing an image.
+ * (See the [Style Specification](https://www.mapbox.com/mapbox-gl-style-spec/#sources-image) for detailed documentation of options.)
+ *
+ * @interface ImageSource
+ * @example
+ * // add to map
+ * map.addSource('some id', {
+ *    type: 'image',
+ *    url: 'https://www.mapbox.com/images/foo.png',
+ *    coordinates: [
+ *        [-76.54, 39.18],
+ *        [-76.52, 39.18],
+ *        [-76.52, 39.17],
+ *        [-76.54, 39.17]
+ *    ]
+ * });
+ *
+ * // update
+ * var mySource = map.getSource('some id');
+ * mySource.setCoordinates([
+ *     [-76.54335737228394, 39.18579907229748],
+ *     [-76.52803659439087, 39.1838364847587],
+ *     [-76.5295386314392, 39.17683392507606],
+ *     [-76.54520273208618, 39.17876344106642]
+ * ]);
+ *
+ * map.removeSource('some id');  // remove
+ */
+function ImageSource(id, options, dispatcher) {
+    this.id = id;
+    this.dispatcher = dispatcher;
+    this.url = options.url;
+    this.coordinates = options.coordinates;
+
+    ajax.getImage(options.url, function(err, image) {
+        if (err) return this.fire('error', {error: err});
+
+        this.image = image;
+
+        this.image.addEventListener('load', function() {
+            this.map._rerender();
+        }.bind(this));
+
+        this._loaded = true;
+        this.fire('load');
+
+        if (this.map) {
+            this.setCoordinates(options.coordinates);
+        }
+    }.bind(this));
+}
+
+ImageSource.prototype = util.inherit(Evented, /** @lends ImageSource.prototype */ {
+    minzoom: 0,
+    maxzoom: 22,
+    tileSize: 512,
+    onAdd: function(map) {
+        this.map = map;
+        if (this.image) {
+            this.setCoordinates(this.coordinates);
+        }
+    },
+
+    /**
+     * Sets the image's coordinates and re-renders the map.
+     *
+     * @param {Array<Array<number>>} coordinates Four geographical coordinates,
+     *   represented as arrays of longitude and latitude numbers, which define the corners of the image.
+     *   The coordinates start at the top left corner of the image and proceed in clockwise order.
+     *   They do not have to represent a rectangle.
+     * @returns {ImageSource} this
+     */
+    setCoordinates: function(coordinates) {
+        this.coordinates = coordinates;
+
+        // Calculate which mercator tile is suitable for rendering the video in
+        // and create a buffer with the corner coordinates. These coordinates
+        // may be outside the tile, because raster tiles aren't clipped when rendering.
+
+        var map = this.map;
+        var cornerZ0Coords = coordinates.map(function(coord) {
+            return map.transform.locationCoordinate(LngLat.convert(coord)).zoomTo(0);
+        });
+
+        var centerCoord = this.centerCoord = util.getCoordinatesCenter(cornerZ0Coords);
+        centerCoord.column = Math.round(centerCoord.column);
+        centerCoord.row = Math.round(centerCoord.row);
+
+        this.minzoom = this.maxzoom = centerCoord.zoom;
+        this._coord = new TileCoord(centerCoord.zoom, centerCoord.column, centerCoord.row);
+        this._tileCoords = cornerZ0Coords.map(function(coord) {
+            var zoomedCoord = coord.zoomTo(centerCoord.zoom);
+            return new Point(
+                Math.round((zoomedCoord.column - centerCoord.column) * EXTENT),
+                Math.round((zoomedCoord.row - centerCoord.row) * EXTENT));
+        });
+
+        this.fire('change');
+        return this;
+    },
+
+    _setTile: function (tile) {
+        this._prepared = false;
+        this.tile = tile;
+        var maxInt16 = 32767;
+        var array = new RasterBoundsArray();
+        array.emplaceBack(this._tileCoords[0].x, this._tileCoords[0].y, 0, 0);
+        array.emplaceBack(this._tileCoords[1].x, this._tileCoords[1].y, maxInt16, 0);
+        array.emplaceBack(this._tileCoords[3].x, this._tileCoords[3].y, 0, maxInt16);
+        array.emplaceBack(this._tileCoords[2].x, this._tileCoords[2].y, maxInt16, maxInt16);
+
+        this.tile.buckets = {};
+
+        this.tile.boundsBuffer = new Buffer(array.serialize(), RasterBoundsArray.serialize(), Buffer.BufferType.VERTEX);
+        this.tile.boundsVAO = new VertexArrayObject();
+        this.tile.state = 'loaded';
+    },
+
+    prepare: function() {
+        if (!this._loaded || !this.image || !this.image.complete) return;
+        if (!this.tile) return;
+
+        var painter = this.map.painter;
+        var gl = painter.gl;
+
+        if (!this._prepared) {
+            this.tile.texture = gl.createTexture();
+            gl.bindTexture(gl.TEXTURE_2D, this.tile.texture);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.image);
+        } else {
+            gl.bindTexture(gl.TEXTURE_2D, this.tile.texture);
+            gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, this.image);
+        }
+    },
+
+    loadTile: function(tile, callback) {
+        // We have a single tile -- whoose coordinates are this._coord -- that
+        // covers the image we want to render.  If that's the one being
+        // requested, set it up with the image; otherwise, mark the tile as
+        // `errored` to indicate that we have no data for it.
+        if (this._coord && this._coord.toString() === tile.coord.toString()) {
+            this._setTile(tile);
+            callback(null);
+        } else {
+            tile.state = 'errored';
+            callback(null);
+        }
+    },
+
+    serialize: function() {
+        return {
+            type: 'image',
+            urls: this.url,
+            coordinates: this.coordinates
+        };
+    }
+});
+
+},{"../data/bucket":329,"../data/buffer":334,"../geo/lng_lat":339,"../render/draw_raster":351,"../render/vertex_array_object":357,"../util/ajax":425,"../util/evented":434,"../util/util":442,"./tile_coord":369,"point-geometry":484}],362:[function(require,module,exports){
+'use strict';
+var util = require('../util/util');
+var ajax = require('../util/ajax');
+var browser = require('../util/browser');
+var normalizeURL = require('../util/mapbox').normalizeSourceURL;
+
+module.exports = function(options, callback) {
+    var loaded = function(err, tileJSON) {
+        if (err) {
+            return callback(err);
+        }
+
+        var result = util.pick(tileJSON, ['tiles', 'minzoom', 'maxzoom', 'attribution']);
+
+        if (tileJSON.vector_layers) {
+            result.vectorLayers = tileJSON.vector_layers;
+            result.vectorLayerIds = result.vectorLayers.map(function(layer) { return layer.id; });
+        }
+
+        callback(null, result);
+    };
+
+    if (options.url) {
+        ajax.getJSON(normalizeURL(options.url), loaded);
+    } else {
+        browser.frame(loaded.bind(null, null, options));
+    }
+};
+
+
+},{"../util/ajax":425,"../util/browser":426,"../util/mapbox":439,"../util/util":442}],363:[function(require,module,exports){
+'use strict';
+
+var Bucket = require('../data/bucket');
+
+/**
+ * Converts a pixel value at a the given zoom level to tile units.
+ *
+ * The shaders mostly calculate everything in tile units so style
+ * properties need to be converted from pixels to tile units using this.
+ *
+ * For example, a translation by 30 pixels at zoom 6.5 will be a
+ * translation by pixelsToTileUnits(30, 6.5) tile units.
+ *
+ * @param {object} tile a {Tile object} will work well, but any object that follows the format {coord: {TileCord object}, tileSize: {number}} will work
+ * @param {number} pixelValue
+ * @param {number} z
+ * @returns {number} value in tile units
+ * @private
+ */
+module.exports = function(tile, pixelValue, z) {
+    return pixelValue * (Bucket.EXTENT / (tile.tileSize * Math.pow(2, z - tile.coord.z)));
+};
+
+
+},{"../data/bucket":329}],364:[function(require,module,exports){
+'use strict';
+var TileCoord = require('./tile_coord');
+
+exports.rendered = function(sourceCache, styleLayers, queryGeometry, params, zoom, bearing) {
+    var tilesIn = sourceCache.tilesIn(queryGeometry);
+
+    tilesIn.sort(sortTilesIn);
+
+    var renderedFeatureLayers = [];
+    for (var r = 0; r < tilesIn.length; r++) {
+        var tileIn = tilesIn[r];
+        if (!tileIn.tile.featureIndex) continue;
+
+        renderedFeatureLayers.push(tileIn.tile.featureIndex.query({
+            queryGeometry: tileIn.queryGeometry,
+            scale: tileIn.scale,
+            tileSize: tileIn.tile.tileSize,
+            bearing: bearing,
+            params: params
+        }, styleLayers));
+    }
+    return mergeRenderedFeatureLayers(renderedFeatureLayers);
+};
+
+exports.source = function(sourceCache, params) {
+    var tiles = sourceCache.getRenderableIds().map(function(id) {
+        return sourceCache.getTileByID(id);
+    });
+
+    var result = [];
+
+    var dataTiles = {};
+    for (var i = 0; i < tiles.length; i++) {
+        var tile = tiles[i];
+        var dataID = new TileCoord(Math.min(tile.sourceMaxZoom, tile.coord.z), tile.coord.x, tile.coord.y, 0).id;
+        if (!dataTiles[dataID]) {
+            dataTiles[dataID] = true;
+            tile.querySourceFeatures(result, params);
+        }
+    }
+
+    return result;
+};
+
+function sortTilesIn(a, b) {
+    var coordA = a.coord;
+    var coordB = b.coord;
+    return (coordA.z - coordB.z) || (coordA.y - coordB.y) || (coordA.w - coordB.w) || (coordA.x - coordB.x);
+}
+
+function mergeRenderedFeatureLayers(tiles) {
+    var result = tiles[0] || {};
+    for (var i = 1; i < tiles.length; i++) {
+        var tile = tiles[i];
+        for (var layerID in tile) {
+            var tileFeatures = tile[layerID];
+            var resultFeatures = result[layerID];
+            if (resultFeatures === undefined) {
+                resultFeatures = result[layerID] = tileFeatures;
+            } else {
+                for (var f = 0; f < tileFeatures.length; f++) {
+                    resultFeatures.push(tileFeatures[f]);
+                }
+            }
+        }
+    }
+    return result;
+}
+
+
+},{"./tile_coord":369}],365:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var ajax = require('../util/ajax');
+var Evented = require('../util/evented');
+var loadTileJSON = require('./load_tilejson');
+var normalizeURL = require('../util/mapbox').normalizeTileURL;
+
+module.exports = RasterTileSource;
+
+function RasterTileSource(id, options, dispatcher) {
+    this.id = id;
+    this.dispatcher = dispatcher;
+    util.extend(this, util.pick(options, ['url', 'scheme', 'tileSize']));
+    loadTileJSON(options, function (err, tileJSON) {
+        if (err) {
+            return this.fire('error', err);
+        }
+        util.extend(this, tileJSON);
+        this.fire('load');
+    }.bind(this));
+}
+
+RasterTileSource.prototype = util.inherit(Evented, {
+    minzoom: 0,
+    maxzoom: 22,
+    roundZoom: true,
+    scheme: 'xyz',
+    tileSize: 512,
+    _loaded: false,
+
+    onAdd: function (map) {
+        this.map = map;
+    },
+
+    serialize: function() {
+        return {
+            type: 'raster',
+            url: this.url,
+            tileSize: this.tileSize
+        };
+    },
+
+    loadTile: function(tile, callback) {
+        var url = normalizeURL(tile.coord.url(this.tiles, null, this.scheme), this.url, this.tileSize);
+
+        tile.request = ajax.getImage(url, done.bind(this));
+
+        function done(err, img) {
+            delete tile.request;
+
+            if (tile.aborted)
+                return;
+
+            if (err) {
+                return callback(err);
+            }
+
+            var gl = this.map.painter.gl;
+            tile.texture = this.map.painter.getTexture(img.width);
+            if (tile.texture) {
+                gl.bindTexture(gl.TEXTURE_2D, tile.texture);
+                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, img);
+            } else {
+                tile.texture = gl.createTexture();
+                gl.bindTexture(gl.TEXTURE_2D, tile.texture);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+                gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
+                tile.texture.size = img.width;
+            }
+            gl.generateMipmap(gl.TEXTURE_2D);
+
+            this.map.animationLoop.set(this.map.style.rasterFadeDuration);
+
+            tile.state = 'loaded';
+
+            callback(null);
+        }
+    },
+
+    abortTile: function(tile) {
+        if (tile.request) {
+            tile.request.abort();
+            delete tile.request;
+        }
+    },
+
+    unloadTile: function(tile) {
+        if (tile.texture) this.map.painter.saveTexture(tile.texture);
+    }
+});
+
+},{"../util/ajax":425,"../util/evented":434,"../util/mapbox":439,"../util/util":442,"./load_tilejson":362}],366:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+
+var sourceTypes = {
+    'vector': require('../source/vector_tile_source'),
+    'raster': require('../source/raster_tile_source'),
+    'geojson': require('../source/geojson_source'),
+    'video': require('../source/video_source'),
+    'image': require('../source/image_source')
+};
+
+/*
+ * Creates a tiled data source instance given an options object.
+ *
+ * @param {string} id
+ * @param {Object} source A source definition object compliant with [`mapbox-gl-style-spec`](https://www.mapbox.com/mapbox-gl-style-spec/#sources) or, for a third-party source type, with that type's requirements.
+ * @param {string} options.type A source type like `raster`, `vector`, `video`, etc.
+ * @param {Dispatcher} dispatcher
+ * @returns {Source}
+ */
+exports.create = function(id, source, dispatcher) {
+    source = new sourceTypes[source.type](id, source, dispatcher);
+
+    if (source.id !== id) {
+        throw new Error('Expected Source id to be ' + id + ' instead of ' + source.id);
+    }
+
+    util.bindAll(['load', 'abort', 'unload', 'serialize', 'prepare'], source);
+    return source;
+};
+
+exports.getType = function (name) {
+    return sourceTypes[name];
+};
+
+exports.setType = function (name, type) {
+    sourceTypes[name] = type;
+};
+
+/**
+ * The `Source` interface must be implemented by each source type, including "core" types (`vector`, `raster`, `video`, etc.) and all custom, third-party types.
+ *
+ * @class Source
+ * @private
+ *
+ * @param {string} id The id for the source. Must not be used by any existing source.
+ * @param {Object} options Source options, specific to the source type (except for `options.type`, which is always required).
+ * @param {string} options.type The source type, matching the value of `name` used in {@link Style#addSourceType}.
+ * @param {Dispatcher} dispatcher A {@link Dispatcher} instance, which can be used to send messages to the workers.
+ *
+ * @fires load to indicate source data has been loaded, so that it's okay to call `loadTile`
+ * @fires change to indicate source data has changed, so that any current caches should be flushed
+ * @property {string} id The id for the source.  Must match the id passed to the constructor.
+ * @property {number} minzoom
+ * @property {number} maxzoom
+ * @property {boolean} isTileClipped `false` if tiles can be drawn outside their boundaries, `true` if they cannot.
+ * @property {boolean} reparseOverscaled `true` if tiles should be sent back to the worker for each overzoomed zoom level, `false` if not.
+ * @property {boolean} roundZoom `true` if zoom levels are rounded to the nearest integer in the source data, `false` if they are floor-ed to the nearest integer.
+ */
+
+/**
+ * An optional URL to a script which, when run by a Worker, registers a {@link WorkerSource} implementation for this Source type by calling `self.registerWorkerSource(workerSource: WorkerSource)`.
+ *
+ * @member {URL|undefined} workerSourceURL
+ * @memberof Source
+ * @static
+ */
+
+/**
+ * @method
+ * @name loadTile
+ * @param {Tile} tile
+ * @param {Funtion} callback Called when tile has been loaded
+ * @memberof Source
+ * @instance
+ */
+
+/**
+ * @method
+ * @name abortTile
+ * @param {Tile} tile
+ * @memberof Source
+ * @instance
+ */
+
+/**
+ * @method
+ * @name unloadTile
+ * @param {Tile} tile
+ * @memberof Source
+ * @instance
+ */
+
+/**
+ * @method
+ * @name serialize
+ * @returns {Object} A plain (stringifiable) JS object representing the current state of the source. Creating a source using the returned object as the `options` should result in a Source that is equivalent to this one.
+ * @memberof Source
+ * @instance
+ */
+
+/**
+ * @method
+ * @name prepare
+ * @memberof Source
+ * @instance
+ */
+
+
+
+/**
+ * May be implemented by custom source types to provide code that can be run on
+ * the WebWorkers. In addition to providing a custom
+ * {@link WorkerSource#loadTile}, any other methods attached to a `WorkerSource`
+ * implementation may also be targeted by the {@link Source} via
+ * `dispatcher.send('source-type.methodname', params, callback)`.
+ *
+ * @see {@link Map#addSourceType}
+ * @private
+ *
+ * @class WorkerSource
+ * @param {Actor} actor
+ * @param {object} styleLayers An accessor provided by the Worker to get the current style layers and layer families.
+ * @param {Function} styleLayers.getLayers
+ * @param {Function} styleLayers.getLayerFamilies
+ */
+
+/**
+ * Loads a tile from the given params and parse it into buckets ready to send
+ * back to the main thread for rendering.  Should call the callback with:
+ * `{ buckets, featureIndex, collisionTile, symbolInstancesArray, symbolQuadsArray, rawTileData}`.
+ *
+ * @method
+ * @name loadTile
+ * @param {object} params Parameters sent by the main-thread Source identifying the tile to load.
+ * @param {Function} callback
+ * @memberof WorkerSource
+ * @instance
+ */
+
+/**
+ * Re-parses a tile that has already been loaded.  Yields the same data as
+ * {@link WorkerSource#loadTile}.
+ *
+ * @method
+ * @name reloadTile
+ * @param {object} params
+ * @param {Function} callback
+ * @memberof WorkerSource
+ * @instance
+ */
+
+/**
+ * Aborts loading a tile that is in progress.
+ * @method
+ * @name abortTile
+ * @param {object} params
+ * @memberof WorkerSource
+ * @instance
+ */
+
+/**
+ * Removes this tile from any local caches.
+ * @method
+ * @name removeTile
+ * @memberof WorkerSource
+ * @instance
+ */
+
+},{"../source/geojson_source":358,"../source/image_source":361,"../source/raster_tile_source":365,"../source/vector_tile_source":370,"../source/video_source":372,"../util/util":442}],367:[function(require,module,exports){
+'use strict';
+
+var Source = require('./source');
+var Tile = require('./tile');
+var Evented = require('../util/evented');
+var TileCoord = require('./tile_coord');
+var Cache = require('../util/lru_cache');
+var Coordinate = require('../geo/coordinate');
+var util = require('../util/util');
+var EXTENT = require('../data/bucket').EXTENT;
+
+module.exports = SourceCache;
+
+/**
+ * A tile pyramid is a specialized cache and datastructure
+ * that contains tiles. It's used by sources to manage their
+ * data.
+ *
+ * @param {Object} options
+ * @private
+ */
+function SourceCache(id, options, dispatcher) {
+    this.id = id;
+    this.dispatcher = dispatcher;
+
+    var source = this._source = Source.create(id, options, dispatcher)
+    .on('load', function () {
+        if (this.map && this._source.onAdd) { this._source.onAdd(this.map); }
+
+        this._sourceLoaded = true;
+
+        this.tileSize = source.tileSize;
+        this.minzoom = source.minzoom;
+        this.maxzoom = source.maxzoom;
+        this.roundZoom = source.roundZoom;
+        this.reparseOverscaled = source.reparseOverscaled;
+        this.isTileClipped = source.isTileClipped;
+        this.attribution = source.attribution;
+
+        this.vectorLayerIds = source.vectorLayerIds;
+
+        this.fire('load');
+    }.bind(this))
+    .on('error', function (e) {
+        this._sourceErrored = true;
+        this.fire('error', e);
+    }.bind(this))
+    .on('change', function () {
+        this.reload();
+        if (this.transform) {
+            this.update(this.transform, this.map && this.map.style.rasterFadeDuration);
+        }
+        this.fire('change');
+    }.bind(this));
+
+    this._tiles = {};
+    this._cache = new Cache(0, this.unloadTile.bind(this));
+
+    this._isIdRenderable = this._isIdRenderable.bind(this);
+}
+
+
+SourceCache.maxOverzooming = 10;
+SourceCache.maxUnderzooming = 3;
+
+SourceCache.prototype = util.inherit(Evented, {
+    onAdd: function (map) {
+        this.map = map;
+        if (this._source && this._source.onAdd) {
+            this._source.onAdd(map);
+        }
+    },
+
+    /**
+     * Return true if no tile data is pending, tiles will not change unless
+     * an additional API call is received.
+     * @returns {boolean}
+     * @private
+     */
+    loaded: function() {
+        if (this._sourceErrored) { return true; }
+        if (!this._sourceLoaded) { return false; }
+        for (var t in this._tiles) {
+            var tile = this._tiles[t];
+            if (tile.state !== 'loaded' && tile.state !== 'errored')
+                return false;
+        }
+        return true;
+    },
+
+    /**
+     * @returns {Source} The underlying source object
+     * @private
+     */
+    getSource: function () {
+        return this._source;
+    },
+
+    loadTile: function (tile, callback) {
+        return this._source.loadTile(tile, callback);
+    },
+
+    unloadTile: function (tile) {
+        if (this._source.unloadTile)
+            return this._source.unloadTile(tile);
+    },
+
+    abortTile: function (tile) {
+        if (this._source.abortTile)
+            return this._source.abortTile(tile);
+    },
+
+    serialize: function () {
+        return this._source.serialize();
+    },
+
+    prepare: function () {
+        if (this._sourceLoaded && this._source.prepare)
+            return this._source.prepare();
+    },
+
+    /**
+     * Return all tile ids ordered with z-order, and cast to numbers
+     * @returns {Array<number>} ids
+     * @private
+     */
+    getIds: function() {
+        return Object.keys(this._tiles).map(Number).sort(compareKeyZoom);
+    },
+
+    getRenderableIds: function() {
+        return this.getIds().filter(this._isIdRenderable);
+    },
+
+    _isIdRenderable: function(id) {
+        return this._tiles[id].isRenderable() && !this._coveredTiles[id];
+    },
+
+    reload: function() {
+        this._cache.reset();
+        for (var i in this._tiles) {
+            var tile = this._tiles[i];
+
+            // The difference between "loading" tiles and "reloading" tiles is
+            // that "reloading" tiles are "renderable". Therefore, a "loading"
+            // tile cannot become a "reloading" tile without first becoming
+            // a "loaded" tile.
+            if (tile.state !== 'loading') {
+                tile.state = 'reloading';
+            }
+
+            this.loadTile(this._tiles[i], this._tileLoaded.bind(this, this._tiles[i]));
+        }
+    },
+
+    _tileLoaded: function (tile, err) {
+        if (err) {
+            tile.state = 'errored';
+            this.fire('tile.error', {tile: tile, error: err});
+            this._source.fire('tile.error', {tile: tile, error: err});
+            return;
+        }
+
+        tile.source = this;
+        tile.timeAdded = new Date().getTime();
+        this.fire('tile.load', {tile: tile});
+        this._source.fire('tile.load', {tile: tile});
+    },
+
+    /**
+     * Get a specific tile by TileCoordinate
+     * @param {TileCoordinate} coord
+     * @returns {Object} tile
+     * @private
+     */
+    getTile: function(coord) {
+        return this.getTileByID(coord.id);
+    },
+
+    /**
+     * Get a specific tile by id
+     * @param {number|string} id
+     * @returns {Object} tile
+     * @private
+     */
+    getTileByID: function(id) {
+        return this._tiles[id];
+    },
+
+    /**
+     * get the zoom level adjusted for the difference in map and source tilesizes
+     * @param {Object} transform
+     * @returns {number} zoom level
+     * @private
+     */
+    getZoom: function(transform) {
+        return transform.zoom + transform.scaleZoom(transform.tileSize / this.tileSize);
+    },
+
+    /**
+     * Recursively find children of the given tile (up to maxCoveringZoom) that are already loaded;
+     * adds found tiles to retain object; returns true if any child is found.
+     *
+     * @param {Coordinate} coord
+     * @param {number} maxCoveringZoom
+     * @param {boolean} retain
+     * @returns {boolean} whether the operation was complete
+     * @private
+     */
+    findLoadedChildren: function(coord, maxCoveringZoom, retain) {
+        var found = false;
+
+        for (var id in this._tiles) {
+            var tile = this._tiles[id];
+
+            // only consider renderable tiles on higher zoom levels (up to maxCoveringZoom)
+            if (retain[id] || !tile.isRenderable() || tile.coord.z <= coord.z || tile.coord.z > maxCoveringZoom) continue;
+
+            // disregard tiles that are not descendants of the given tile coordinate
+            var z2 = Math.pow(2, Math.min(tile.coord.z, this.maxzoom) - Math.min(coord.z, this.maxzoom));
+            if (Math.floor(tile.coord.x / z2) !== coord.x ||
+                Math.floor(tile.coord.y / z2) !== coord.y)
+                continue;
+
+            // found loaded child
+            retain[id] = true;
+            found = true;
+
+            // loop through parents; retain the topmost loaded one if found
+            while (tile && tile.coord.z - 1 > coord.z) {
+                var parentId = tile.coord.parent(this.maxzoom).id;
+                tile = this._tiles[parentId];
+
+                if (tile && tile.isRenderable()) {
+                    delete retain[id];
+                    retain[parentId] = true;
+                }
+            }
+        }
+        return found;
+    },
+
+    /**
+     * Find a loaded parent of the given tile (up to minCoveringZoom);
+     * adds the found tile to retain object and returns the tile if found
+     *
+     * @param {Coordinate} coord
+     * @param {number} minCoveringZoom
+     * @param {boolean} retain
+     * @returns {Tile} tile object
+     * @private
+     */
+    findLoadedParent: function(coord, minCoveringZoom, retain) {
+        for (var z = coord.z - 1; z >= minCoveringZoom; z--) {
+            coord = coord.parent(this.maxzoom);
+            var tile = this._tiles[coord.id];
+            if (tile && tile.isRenderable()) {
+                retain[coord.id] = true;
+                return tile;
+            }
+            if (this._cache.has(coord.id)) {
+                this.addTile(coord);
+                retain[coord.id] = true;
+                return this._tiles[coord.id];
+            }
+        }
+    },
+
+    /**
+     * Resizes the tile cache based on the current viewport's size.
+     *
+     * Larger viewports use more tiles and need larger caches. Larger viewports
+     * are more likely to be found on devices with more memory and on pages where
+     * the map is more important.
+     *
+     * @private
+     */
+    updateCacheSize: function(transform) {
+        var widthInTiles = Math.ceil(transform.width / transform.tileSize) + 1;
+        var heightInTiles = Math.ceil(transform.height / transform.tileSize) + 1;
+        var approxTilesInView = widthInTiles * heightInTiles;
+        var commonZoomRange = 5;
+        this._cache.setMaxSize(Math.floor(approxTilesInView * commonZoomRange));
+    },
+
+    /**
+     * Removes tiles that are outside the viewport and adds new tiles that
+     * are inside the viewport.
+     * @private
+     */
+    update: function(transform, fadeDuration) {
+        if (!this._sourceLoaded) { return; }
+        var i;
+        var coord;
+        var tile;
+
+        this.updateCacheSize(transform);
+
+        // Determine the overzooming/underzooming amounts.
+        var zoom = (this.roundZoom ? Math.round : Math.floor)(this.getZoom(transform));
+        var minCoveringZoom = Math.max(zoom - SourceCache.maxOverzooming, this.minzoom);
+        var maxCoveringZoom = Math.max(zoom + SourceCache.maxUnderzooming,  this.minzoom);
+
+        // Retain is a list of tiles that we shouldn't delete, even if they are not
+        // the most ideal tile for the current viewport. This may include tiles like
+        // parent or child tiles that are *already* loaded.
+        var retain = {};
+        var now = new Date().getTime();
+
+        // Covered is a list of retained tiles who's areas are full covered by other,
+        // better, retained tiles. They are not drawn separately.
+        this._coveredTiles = {};
+
+        var required = this.used ? transform.coveringTiles(this._source) : [];
+        for (i = 0; i < required.length; i++) {
+            coord = required[i];
+            tile = this.addTile(coord);
+
+            retain[coord.id] = true;
+
+            if (tile.isRenderable())
+                continue;
+
+            // The tile we require is not yet loaded.
+            // Retain child or parent tiles that cover the same area.
+            if (!this.findLoadedChildren(coord, maxCoveringZoom, retain)) {
+                this.findLoadedParent(coord, minCoveringZoom, retain);
+            }
+        }
+
+        var parentsForFading = {};
+
+        var ids = Object.keys(retain);
+        for (var k = 0; k < ids.length; k++) {
+            var id = ids[k];
+            coord = TileCoord.fromID(id);
+            tile = this._tiles[id];
+            if (tile && tile.timeAdded > now - (fadeDuration || 0)) {
+                // This tile is still fading in. Find tiles to cross-fade with it.
+                if (this.findLoadedChildren(coord, maxCoveringZoom, retain)) {
+                    retain[id] = true;
+                }
+                this.findLoadedParent(coord, minCoveringZoom, parentsForFading);
+            }
+        }
+
+        var fadedParent;
+        for (fadedParent in parentsForFading) {
+            if (!retain[fadedParent]) {
+                // If a tile is only needed for fading, mark it as covered so that it isn't rendered on it's own.
+                this._coveredTiles[fadedParent] = true;
+            }
+        }
+        for (fadedParent in parentsForFading) {
+            retain[fadedParent] = true;
+        }
+
+        // Remove the tiles we don't need anymore.
+        var remove = util.keysDifference(this._tiles, retain);
+        for (i = 0; i < remove.length; i++) {
+            this.removeTile(+remove[i]);
+        }
+
+        this.transform = transform;
+    },
+
+    /**
+     * Add a tile, given its coordinate, to the pyramid.
+     * @param {Coordinate} coord
+     * @returns {Coordinate} the coordinate.
+     * @private
+     */
+    addTile: function(coord) {
+        var tile = this._tiles[coord.id];
+        if (tile)
+            return tile;
+
+        var wrapped = coord.wrapped();
+        tile = this._tiles[wrapped.id];
+
+        if (!tile) {
+            tile = this._cache.get(wrapped.id);
+            if (tile && this._redoPlacement) {
+                this._redoPlacement(tile);
+            }
+        }
+
+        if (!tile) {
+            var zoom = coord.z;
+            var overscaling = zoom > this.maxzoom ? Math.pow(2, zoom - this.maxzoom) : 1;
+            tile = new Tile(wrapped, this.tileSize * overscaling, this.maxzoom);
+            this.loadTile(tile, this._tileLoaded.bind(this, tile));
+        }
+
+        tile.uses++;
+        this._tiles[coord.id] = tile;
+        this.fire('tile.add', {tile: tile});
+        this._source.fire('tile.add', {tile: tile});
+
+        return tile;
+    },
+
+    /**
+     * Remove a tile, given its id, from the pyramid
+     * @param {string|number} id tile id
+     * @returns {undefined} nothing
+     * @private
+     */
+    removeTile: function(id) {
+        var tile = this._tiles[id];
+        if (!tile)
+            return;
+
+        tile.uses--;
+        delete this._tiles[id];
+        this.fire('tile.remove', {tile: tile});
+        this._source.fire('tile.remove', {tile: tile});
+
+        if (tile.uses > 0)
+            return;
+
+        if (tile.isRenderable()) {
+            this._cache.add(tile.coord.wrapped().id, tile);
+        } else {
+            tile.aborted = true;
+            this.abortTile(tile);
+            this.unloadTile(tile);
+        }
+    },
+
+    /**
+     * Remove all tiles from this pyramid
+     * @private
+     */
+    clearTiles: function() {
+        for (var id in this._tiles)
+            this.removeTile(id);
+        this._cache.reset();
+    },
+
+    /**
+     * Search through our current tiles and attempt to find the tiles that
+     * cover the given bounds.
+     * @param {Array<Coordinate>} queryGeometry coordinates of the corners of bounding rectangle
+     * @returns {Array<Object>} result items have {tile, minX, maxX, minY, maxY}, where min/max bounding values are the given bounds transformed in into the coordinate space of this tile.
+     * @private
+     */
+    tilesIn: function(queryGeometry) {
+        var tileResults = {};
+        var ids = this.getIds();
+
+        var minX = Infinity;
+        var minY = Infinity;
+        var maxX = -Infinity;
+        var maxY = -Infinity;
+        var z = queryGeometry[0].zoom;
+
+        for (var k = 0; k < queryGeometry.length; k++) {
+            var p = queryGeometry[k];
+            minX = Math.min(minX, p.column);
+            minY = Math.min(minY, p.row);
+            maxX = Math.max(maxX, p.column);
+            maxY = Math.max(maxY, p.row);
+        }
+
+        for (var i = 0; i < ids.length; i++) {
+            var tile = this._tiles[ids[i]];
+            var coord = TileCoord.fromID(ids[i]);
+
+            var tileSpaceBounds = [
+                coordinateToTilePoint(coord, tile.sourceMaxZoom, new Coordinate(minX, minY, z)),
+                coordinateToTilePoint(coord, tile.sourceMaxZoom, new Coordinate(maxX, maxY, z))
+            ];
+
+            if (tileSpaceBounds[0].x < EXTENT && tileSpaceBounds[0].y < EXTENT &&
+                tileSpaceBounds[1].x >= 0 && tileSpaceBounds[1].y >= 0) {
+
+                var tileSpaceQueryGeometry = [];
+                for (var j = 0; j < queryGeometry.length; j++) {
+                    tileSpaceQueryGeometry.push(coordinateToTilePoint(coord, tile.sourceMaxZoom, queryGeometry[j]));
+                }
+
+                var tileResult = tileResults[tile.coord.id];
+                if (tileResult === undefined) {
+                    tileResult = tileResults[tile.coord.id] = {
+                        tile: tile,
+                        coord: coord,
+                        queryGeometry: [],
+                        scale: Math.pow(2, this.transform.zoom - tile.coord.z)
+                    };
+                }
+
+                // Wrapped tiles share one tileResult object but can have multiple queryGeometry parts
+                tileResult.queryGeometry.push(tileSpaceQueryGeometry);
+            }
+        }
+
+        var results = [];
+        for (var t in tileResults) {
+            results.push(tileResults[t]);
+        }
+        return results;
+    },
+
+    redoPlacement: function () {
+        var ids = this.getIds();
+        for (var i = 0; i < ids.length; i++) {
+            var tile = this.getTileByID(ids[i]);
+            tile.redoPlacement(this);
+        }
+    },
+
+    getVisibleCoordinates: function () {
+        return this.getRenderableIds().map(TileCoord.fromID);
+    }
+});
+
+/**
+ * Convert a coordinate to a point in a tile's coordinate space.
+ * @param {Coordinate} tileCoord
+ * @param {Coordinate} coord
+ * @returns {Object} position
+ * @private
+ */
+function coordinateToTilePoint(tileCoord, sourceMaxZoom, coord) {
+    var zoomedCoord = coord.zoomTo(Math.min(tileCoord.z, sourceMaxZoom));
+    return {
+        x: (zoomedCoord.column - (tileCoord.x + tileCoord.w * Math.pow(2, tileCoord.z))) * EXTENT,
+        y: (zoomedCoord.row - tileCoord.y) * EXTENT
+    };
+
+}
+
+function compareKeyZoom(a, b) {
+    return (a % 32) - (b % 32);
+}
+
+},{"../data/bucket":329,"../geo/coordinate":338,"../util/evented":434,"../util/lru_cache":438,"../util/util":442,"./source":366,"./tile":368,"./tile_coord":369}],368:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var Bucket = require('../data/bucket');
+var FeatureIndex = require('../data/feature_index');
+var vt = require('vector-tile');
+var Protobuf = require('pbf');
+var GeoJSONFeature = require('../util/vectortile_to_geojson');
+var featureFilter = require('feature-filter');
+var CollisionTile = require('../symbol/collision_tile');
+var CollisionBoxArray = require('../symbol/collision_box');
+var SymbolInstancesArray = require('../symbol/symbol_instances');
+var SymbolQuadsArray = require('../symbol/symbol_quads');
+
+module.exports = Tile;
+
+/**
+ * A tile object is the combination of a Coordinate, which defines
+ * its place, as well as a unique ID and data tracking for its content
+ *
+ * @param {Coordinate} coord
+ * @param {number} size
+ * @private
+ */
+function Tile(coord, size, sourceMaxZoom) {
+    this.coord = coord;
+    this.uid = util.uniqueId();
+    this.uses = 0;
+    this.tileSize = size;
+    this.sourceMaxZoom = sourceMaxZoom;
+    this.buckets = {};
+
+    // `this.state` must be one of
+    //
+    // - `loading`:   Tile data is in the process of loading.
+    // - `loaded`:    Tile data has been loaded. Tile can be rendered.
+    // - `reloading`: Tile data has been loaded and is being updated. Tile can be rendered.
+    // - `unloaded`:  Tile data has been deleted.
+    // - `errored`:   Tile data was not loaded because of an error.
+    this.state = 'loading';
+}
+
+Tile.prototype = {
+
+    /**
+     * Given a data object with a 'buffers' property, load it into
+     * this tile's elementGroups and buffers properties and set loaded
+     * to true. If the data is null, like in the case of an empty
+     * GeoJSON tile, no-op but still set loaded to true.
+     * @param {Object} data
+     * @returns {undefined}
+     * @private
+     */
+    loadVectorData: function(data, style) {
+        this.state = 'loaded';
+
+        // empty GeoJSON tile
+        if (!data) return;
+
+        this.collisionBoxArray = new CollisionBoxArray(data.collisionBoxArray);
+        this.collisionTile = new CollisionTile(data.collisionTile, this.collisionBoxArray);
+        this.symbolInstancesArray = new SymbolInstancesArray(data.symbolInstancesArray);
+        this.symbolQuadsArray = new SymbolQuadsArray(data.symbolQuadsArray);
+        this.featureIndex = new FeatureIndex(data.featureIndex, data.rawTileData, this.collisionTile);
+        this.rawTileData = data.rawTileData;
+        this.buckets = unserializeBuckets(data.buckets, style);
+    },
+
+    /**
+     * given a data object and a GL painter, destroy and re-create
+     * all of its buffers.
+     * @param {Object} data
+     * @param {Object} painter
+     * @returns {undefined}
+     * @private
+     */
+    reloadSymbolData: function(data, painter, style) {
+        if (this.state === 'unloaded') return;
+
+        this.collisionTile = new CollisionTile(data.collisionTile, this.collisionBoxArray);
+        this.featureIndex.setCollisionTile(this.collisionTile);
+
+        // Destroy and delete existing symbol buckets
+        for (var id in this.buckets) {
+            var bucket = this.buckets[id];
+            if (bucket.type === 'symbol') {
+                bucket.destroy(painter.gl);
+                delete this.buckets[id];
+            }
+        }
+
+        // Add new symbol buckets
+        util.extend(this.buckets, unserializeBuckets(data.buckets, style));
+    },
+
+    /**
+     * Make sure that this tile doesn't own any data within a given
+     * painter, so that it doesn't consume any memory or maintain
+     * any references to the painter.
+     * @param {Object} painter gl painter object
+     * @returns {undefined}
+     * @private
+     */
+    unloadVectorData: function(painter) {
+        for (var id in this.buckets) {
+            var bucket = this.buckets[id];
+            bucket.destroy(painter.gl);
+        }
+
+        this.collisionBoxArray = null;
+        this.symbolQuadsArray = null;
+        this.symbolInstancesArray = null;
+        this.collisionTile = null;
+        this.featureIndex = null;
+        this.rawTileData = null;
+        this.buckets = null;
+        this.state = 'unloaded';
+    },
+
+    redoPlacement: function(source) {
+        if (this.state !== 'loaded' || this.state === 'reloading') {
+            this.redoWhenDone = true;
+            return;
+        }
+
+        this.state = 'reloading';
+
+        source.dispatcher.send('redo placement', {
+            uid: this.uid,
+            source: source.id,
+            angle: source.map.transform.angle,
+            pitch: source.map.transform.pitch,
+            showCollisionBoxes: source.map.showCollisionBoxes
+        }, done.bind(this), this.workerID);
+
+        function done(_, data) {
+            this.reloadSymbolData(data, source.map.painter, source.map.style);
+            source.fire('tile.load', {tile: this});
+
+            this.state = 'loaded';
+            if (this.redoWhenDone) {
+                this.redoPlacement(source);
+                this.redoWhenDone = false;
+            }
+        }
+    },
+
+    getBucket: function(layer) {
+        return this.buckets && this.buckets[layer.ref || layer.id];
+    },
+
+    querySourceFeatures: function(result, params) {
+        if (!this.rawTileData) return;
+
+        if (!this.vtLayers) {
+            this.vtLayers = new vt.VectorTile(new Protobuf(new Uint8Array(this.rawTileData))).layers;
+        }
+
+        var layer = this.vtLayers._geojsonTileLayer || this.vtLayers[params.sourceLayer];
+
+        if (!layer) return;
+
+        var filter = featureFilter(params.filter);
+        var coord = { z: this.coord.z, x: this.coord.x, y: this.coord.y };
+
+        for (var i = 0; i < layer.length; i++) {
+            var feature = layer.feature(i);
+            if (filter(feature)) {
+                var geojsonFeature = new GeoJSONFeature(feature, this.coord.z, this.coord.x, this.coord.y);
+                geojsonFeature.tile = coord;
+                result.push(geojsonFeature);
+            }
+        }
+    },
+
+    isRenderable: function() {
+        return this.state === 'loaded' || this.state === 'reloading';
+    }
+};
+
+function unserializeBuckets(input, style) {
+    // Guard against the case where the map's style has been set to null while
+    // this bucket has been parsing.
+    if (!style) return;
+
+    var output = {};
+    for (var i = 0; i < input.length; i++) {
+        var layer = style.getLayer(input[i].layerId);
+        if (!layer) continue;
+
+        var bucket = Bucket.create(util.extend({
+            layer: layer,
+            childLayers: input[i].childLayerIds
+                .map(style.getLayer.bind(style))
+                .filter(function(layer) { return layer; })
+        }, input[i]));
+        output[bucket.id] = bucket;
+    }
+    return output;
+}
+
+},{"../data/bucket":329,"../data/feature_index":336,"../symbol/collision_box":394,"../symbol/collision_tile":396,"../symbol/symbol_instances":405,"../symbol/symbol_quads":406,"../util/util":442,"../util/vectortile_to_geojson":443,"feature-filter":132,"pbf":478,"vector-tile":550}],369:[function(require,module,exports){
+'use strict';
+
+var assert = require('assert');
+var WhooTS = require('whoots-js');
+var Coordinate = require('../geo/coordinate');
+
+module.exports = TileCoord;
+
+function TileCoord(z, x, y, w) {
+    assert(!isNaN(z) && z >= 0 && z % 1 === 0);
+    assert(!isNaN(x) && x >= 0 && x % 1 === 0);
+    assert(!isNaN(y) && y >= 0 && y % 1 === 0);
+
+    if (isNaN(w)) w = 0;
+
+    this.z = +z;
+    this.x = +x;
+    this.y = +y;
+    this.w = +w;
+
+    // calculate id
+    w *= 2;
+    if (w < 0) w = w * -1 - 1;
+    var dim = 1 << this.z;
+    this.id = ((dim * dim * w + dim * this.y + this.x) * 32) + this.z;
+
+    // for caching pos matrix calculation when rendering
+    this.posMatrix = null;
+}
+
+TileCoord.prototype.toString = function() {
+    return this.z + "/" + this.x + "/" + this.y;
+};
+
+TileCoord.prototype.toCoordinate = function(sourceMaxZoom) {
+    var zoom = Math.min(this.z, sourceMaxZoom);
+    var tileScale = Math.pow(2, zoom);
+    var row = this.y;
+    var column = this.x + tileScale * this.w;
+    return new Coordinate(column, row, zoom);
+};
+
+// Parse a packed integer id into a TileCoord object
+TileCoord.fromID = function(id) {
+    var z = id % 32, dim = 1 << z;
+    var xy = ((id - z) / 32);
+    var x = xy % dim, y = ((xy - x) / dim) % dim;
+    var w = Math.floor(xy / (dim * dim));
+    if (w % 2 !== 0) w = w * -1 - 1;
+    w /= 2;
+    return new TileCoord(z, x, y, w);
+};
+
+function getQuadkey(z, x, y) {
+    var quadkey = '', mask;
+    for (var i = z; i > 0; i--) {
+        mask = 1 << (i - 1);
+        quadkey += ((x & mask ? 1 : 0) + (y & mask ? 2 : 0));
+    }
+    return quadkey;
+}
+
+// given a list of urls, choose a url template and return a tile URL
+TileCoord.prototype.url = function(urls, sourceMaxZoom, scheme) {
+    var bbox = WhooTS.getTileBBox(this.x, this.y, this.z);
+    var quadkey = getQuadkey(this.z, this.x, this.y);
+
+    return urls[(this.x + this.y) % urls.length]
+        .replace('{prefix}', (this.x % 16).toString(16) + (this.y % 16).toString(16))
+        .replace('{z}', Math.min(this.z, sourceMaxZoom || this.z))
+        .replace('{x}', this.x)
+        .replace('{y}', scheme === 'tms' ? (Math.pow(2, this.z) - this.y - 1) : this.y)
+        .replace('{quadkey}', quadkey)
+        .replace('{bbox-epsg-3857}', bbox);
+};
+
+// Return the coordinate of the parent tile
+TileCoord.prototype.parent = function(sourceMaxZoom) {
+    if (this.z === 0) return null;
+
+    // the id represents an overscaled tile, return the same coordinates with a lower z
+    if (this.z > sourceMaxZoom) {
+        return new TileCoord(this.z - 1, this.x, this.y, this.w);
+    }
+
+    return new TileCoord(this.z - 1, Math.floor(this.x / 2), Math.floor(this.y / 2), this.w);
+};
+
+TileCoord.prototype.wrapped = function() {
+    return new TileCoord(this.z, this.x, this.y, 0);
+};
+
+// Return the coordinates of the tile's children
+TileCoord.prototype.children = function(sourceMaxZoom) {
+
+    if (this.z >= sourceMaxZoom) {
+        // return a single tile coord representing a an overscaled tile
+        return [new TileCoord(this.z + 1, this.x, this.y, this.w)];
+    }
+
+    var z = this.z + 1;
+    var x = this.x * 2;
+    var y = this.y * 2;
+    return [
+        new TileCoord(z, x, y, this.w),
+        new TileCoord(z, x + 1, y, this.w),
+        new TileCoord(z, x, y + 1, this.w),
+        new TileCoord(z, x + 1, y + 1, this.w)
+    ];
+};
+
+// Taken from polymaps src/Layer.js
+// https://github.com/simplegeo/polymaps/blob/master/src/Layer.js#L333-L383
+
+function edge(a, b) {
+    if (a.row > b.row) { var t = a; a = b; b = t; }
+    return {
+        x0: a.column,
+        y0: a.row,
+        x1: b.column,
+        y1: b.row,
+        dx: b.column - a.column,
+        dy: b.row - a.row
+    };
+}
+
+function scanSpans(e0, e1, ymin, ymax, scanLine) {
+    var y0 = Math.max(ymin, Math.floor(e1.y0));
+    var y1 = Math.min(ymax, Math.ceil(e1.y1));
+
+    // sort edges by x-coordinate
+    if ((e0.x0 === e1.x0 && e0.y0 === e1.y0) ?
+            (e0.x0 + e1.dy / e0.dy * e0.dx < e1.x1) :
+            (e0.x1 - e1.dy / e0.dy * e0.dx < e1.x0)) {
+        var t = e0; e0 = e1; e1 = t;
+    }
+
+    // scan lines!
+    var m0 = e0.dx / e0.dy;
+    var m1 = e1.dx / e1.dy;
+    var d0 = e0.dx > 0; // use y + 1 to compute x0
+    var d1 = e1.dx < 0; // use y + 1 to compute x1
+    for (var y = y0; y < y1; y++) {
+        var x0 = m0 * Math.max(0, Math.min(e0.dy, y + d0 - e0.y0)) + e0.x0;
+        var x1 = m1 * Math.max(0, Math.min(e1.dy, y + d1 - e1.y0)) + e1.x0;
+        scanLine(Math.floor(x1), Math.ceil(x0), y);
+    }
+}
+
+function scanTriangle(a, b, c, ymin, ymax, scanLine) {
+    var ab = edge(a, b),
+        bc = edge(b, c),
+        ca = edge(c, a);
+
+    var t;
+
+    // sort edges by y-length
+    if (ab.dy > bc.dy) { t = ab; ab = bc; bc = t; }
+    if (ab.dy > ca.dy) { t = ab; ab = ca; ca = t; }
+    if (bc.dy > ca.dy) { t = bc; bc = ca; ca = t; }
+
+    // scan span! scan span!
+    if (ab.dy) scanSpans(ca, ab, ymin, ymax, scanLine);
+    if (bc.dy) scanSpans(ca, bc, ymin, ymax, scanLine);
+}
+
+TileCoord.cover = function(z, bounds, actualZ) {
+    var tiles = 1 << z;
+    var t = {};
+
+    function scanLine(x0, x1, y) {
+        var x, wx, coord;
+        if (y >= 0 && y <= tiles) {
+            for (x = x0; x < x1; x++) {
+                wx = (x % tiles + tiles) % tiles;
+                coord = new TileCoord(actualZ, wx, y, Math.floor(x / tiles));
+                t[coord.id] = coord;
+            }
+        }
+    }
+
+    // Divide the screen up in two triangles and scan each of them:
+    // +---/
+    // | / |
+    // /---+
+    scanTriangle(bounds[0], bounds[1], bounds[2], 0, tiles, scanLine);
+    scanTriangle(bounds[2], bounds[3], bounds[0], 0, tiles, scanLine);
+
+    return Object.keys(t).map(function(id) {
+        return t[id];
+    });
+};
+
+},{"../geo/coordinate":338,"assert":47,"whoots-js":566}],370:[function(require,module,exports){
+'use strict';
+
+var Evented = require('../util/evented');
+var util = require('../util/util');
+var loadTileJSON = require('./load_tilejson');
+var normalizeURL = require('../util/mapbox').normalizeTileURL;
+
+module.exports = VectorTileSource;
+
+function VectorTileSource(id, options, dispatcher) {
+    this.id = id;
+    this.dispatcher = dispatcher;
+    util.extend(this, util.pick(options, ['url', 'scheme', 'tileSize']));
+    this._options = util.extend({ type: 'vector' }, options);
+
+    if (this.tileSize !== 512) {
+        throw new Error('vector tile sources must have a tileSize of 512');
+    }
+
+    loadTileJSON(options, function (err, tileJSON) {
+        if (err) {
+            this.fire('error', err);
+            return;
+        }
+        util.extend(this, tileJSON);
+        this.fire('load');
+    }.bind(this));
+}
+
+VectorTileSource.prototype = util.inherit(Evented, {
+    minzoom: 0,
+    maxzoom: 22,
+    scheme: 'xyz',
+    tileSize: 512,
+    reparseOverscaled: true,
+    isTileClipped: true,
+
+    onAdd: function(map) {
+        this.map = map;
+    },
+
+    serialize: function() {
+        return util.extend({}, this._options);
+    },
+
+    loadTile: function(tile, callback) {
+        var overscaling = tile.coord.z > this.maxzoom ? Math.pow(2, tile.coord.z - this.maxzoom) : 1;
+        var params = {
+            url: normalizeURL(tile.coord.url(this.tiles, this.maxzoom, this.scheme), this.url),
+            uid: tile.uid,
+            coord: tile.coord,
+            zoom: tile.coord.z,
+            tileSize: this.tileSize * overscaling,
+            source: this.id,
+            overscaling: overscaling,
+            angle: this.map.transform.angle,
+            pitch: this.map.transform.pitch,
+            showCollisionBoxes: this.map.showCollisionBoxes
+        };
+
+        if (tile.workerID) {
+            if (tile.state === 'loading') {
+                // schedule tile reloading after it has been loaded
+                tile.reloadCallback = callback;
+            } else {
+                params.rawTileData = tile.rawTileData;
+                this.dispatcher.send('reload tile', params, done.bind(this), tile.workerID);
+            }
+        } else {
+            tile.workerID = this.dispatcher.send('load tile', params, done.bind(this));
+        }
+
+        function done(err, data) {
+            if (tile.aborted)
+                return;
+
+            if (err) {
+                return callback(err);
+            }
+
+            tile.loadVectorData(data, this.map.style);
+
+            if (tile.redoWhenDone) {
+                tile.redoWhenDone = false;
+                tile.redoPlacement(this);
+            }
+
+            callback(null);
+
+            if (tile.reloadCallback) {
+                this.loadTile(tile, tile.reloadCallback);
+                tile.reloadCallback = null;
+            }
+        }
+    },
+
+    abortTile: function(tile) {
+        this.dispatcher.send('abort tile', { uid: tile.uid, source: this.id }, null, tile.workerID);
+    },
+
+    unloadTile: function(tile) {
+        tile.unloadVectorData(this.map.painter);
+        this.dispatcher.send('remove tile', { uid: tile.uid, source: this.id }, null, tile.workerID);
+    }
+});
+
+},{"../util/evented":434,"../util/mapbox":439,"../util/util":442,"./load_tilejson":362}],371:[function(require,module,exports){
+'use strict';
+var ajax = require('../util/ajax');
+var vt = require('vector-tile');
+var Protobuf = require('pbf');
+var WorkerTile = require('./worker_tile');
+
+module.exports = VectorTileWorkerSource;
+
+/**
+ * The {@link WorkerSource} implementation that supports {@link VectorTileSource}.
+ * This class is designed to be easily reused to support custom source types
+ * for data formats that can be parsed/converted into an in-memory VectorTile
+ * representation.  To do so, create it with
+ * `new VectorTileWorkerSource(actor, styleLayers, customLoadVectorDataFunction)`.
+ *
+ * @class VectorTileWorkerSource
+ * @private
+ * @param {Function} [loadVectorData] Optional method for custom loading of a VectorTile object based on parameters passed from the main-thread Source.  See {@link VectorTileWorkerSource#loadTile}.  The default implementation simply loads the pbf at `params.url`.
+ */
+function VectorTileWorkerSource (actor, styleLayers, loadVectorData) {
+    this.actor = actor;
+    this.styleLayers = styleLayers;
+
+    if (loadVectorData) { this.loadVectorData = loadVectorData; }
+
+    this.loading = {};
+    this.loaded = {};
+}
+
+VectorTileWorkerSource.prototype = {
+    /**
+     * Implements {@link WorkerSource#loadTile}.  Delegates to {@link VectorTileWorkerSource#loadVectorData} (which by default expects a `params.url` property) for fetching and producing a VectorTile object.
+     *
+     * @param {object} params
+     * @param {string} params.source The id of the source for which we're loading this tile.
+     * @param {string} params.uid The UID for this tile.
+     * @param {TileCoord} params.coord
+     * @param {number} params.zoom
+     * @param {number} params.overscaling
+     * @param {number} params.angle
+     * @param {number} params.pitch
+     * @param {boolean} params.showCollisionBoxes
+     */
+    loadTile: function(params, callback) {
+        var source = params.source,
+            uid = params.uid;
+
+        if (!this.loading[source])
+            this.loading[source] = {};
+
+        var tile = this.loading[source][uid] = new WorkerTile(params);
+        tile.abort = this.loadVectorData(params, done.bind(this));
+
+        function done(err, data) {
+            delete this.loading[source][uid];
+
+            if (err) return callback(err);
+            if (!data) return callback(null, null);
+
+            tile.data = data.tile;
+            tile.parse(tile.data, this.styleLayers.getLayerFamilies(), this.actor, data.rawTileData, callback);
+
+            this.loaded[source] = this.loaded[source] || {};
+            this.loaded[source][uid] = tile;
+        }
+    },
+
+    /**
+     * Implements {@link WorkerSource#reloadTile}.
+     *
+     * @param {object} params
+     * @param {string} params.source The id of the source for which we're loading this tile.
+     * @param {string} params.uid The UID for this tile.
+     */
+    reloadTile: function(params, callback) {
+        var loaded = this.loaded[params.source],
+            uid = params.uid;
+        if (loaded && loaded[uid]) {
+            var tile = loaded[uid];
+            tile.parse(tile.data, this.styleLayers.getLayerFamilies(), this.actor, params.rawTileData, callback);
+        }
+    },
+
+    /**
+     * Implements {@link WorkerSource#abortTile}.
+     *
+     * @param {object} params
+     * @param {string} params.source The id of the source for which we're loading this tile.
+     * @param {string} params.uid The UID for this tile.
+     */
+    abortTile: function(params) {
+        var loading = this.loading[params.source],
+            uid = params.uid;
+        if (loading && loading[uid] && loading[uid].abort) {
+            loading[uid].abort();
+            delete loading[uid];
+        }
+    },
+
+    /**
+     * Implements {@link WorkerSource#removeTile}.
+     *
+     * @param {object} params
+     * @param {string} params.source The id of the source for which we're loading this tile.
+     * @param {string} params.uid The UID for this tile.
+     */
+    removeTile: function(params) {
+        var loaded = this.loaded[params.source],
+            uid = params.uid;
+        if (loaded && loaded[uid]) {
+            delete loaded[uid];
+        }
+    },
+
+    /**
+     * @param {object} params
+     * @param {string} params.url The URL of the tile PBF to load.
+     */
+    loadVectorData: function (params, callback) {
+        var xhr = ajax.getArrayBuffer(params.url, done.bind(this));
+        return function abort () { xhr.abort(); };
+        function done(err, data) {
+            if (err) { return callback(err); }
+            var tile =  new vt.VectorTile(new Protobuf(new Uint8Array(data)));
+            callback(err, { tile: tile, rawTileData: data });
+        }
+    },
+
+    redoPlacement: function(params, callback) {
+        var loaded = this.loaded[params.source],
+            loading = this.loading[params.source],
+            uid = params.uid;
+
+        if (loaded && loaded[uid]) {
+            var tile = loaded[uid];
+            var result = tile.redoPlacement(params.angle, params.pitch, params.showCollisionBoxes);
+
+            if (result.result) {
+                callback(null, result.result, result.transferables);
+            }
+
+        } else if (loading && loading[uid]) {
+            loading[uid].angle = params.angle;
+        }
+    }
+};
+
+},{"../util/ajax":425,"./worker_tile":374,"pbf":478,"vector-tile":550}],372:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var TileCoord = require('./tile_coord');
+var LngLat = require('../geo/lng_lat');
+var Point = require('point-geometry');
+var Evented = require('../util/evented');
+var ajax = require('../util/ajax');
+var EXTENT = require('../data/bucket').EXTENT;
+var RasterBoundsArray = require('../render/draw_raster').RasterBoundsArray;
+var Buffer = require('../data/buffer');
+var VertexArrayObject = require('../render/vertex_array_object');
+
+module.exports = VideoSource;
+
+/**
+ * A data source containing video.
+ * (See the [Style Specification](https://www.mapbox.com/mapbox-gl-style-spec/#sources-video) for detailed documentation of options.)
+ * @interface VideoSource
+ * @example
+ * // add to map
+ * map.addSource('some id', {
+ *    type: 'video',
+ *    url: [
+ *        'https://www.mapbox.com/videos/baltimore-smoke.mp4',
+ *        'https://www.mapbox.com/videos/baltimore-smoke.webm'
+ *    ],
+ *    coordinates: [
+ *        [-76.54, 39.18],
+ *        [-76.52, 39.18],
+ *        [-76.52, 39.17],
+ *        [-76.54, 39.17]
+ *    ]
+ * });
+ *
+ * // update
+ * var mySource = map.getSource('some id');
+ * mySource.setCoordinates([
+ *     [-76.54335737228394, 39.18579907229748],
+ *     [-76.52803659439087, 39.1838364847587],
+ *     [-76.5295386314392, 39.17683392507606],
+ *     [-76.54520273208618, 39.17876344106642]
+ * ]);
+ *
+ * map.removeSource('some id');  // remove
+ */
+function VideoSource(id, options) {
+    this.id = id;
+    this.urls = options.urls;
+    this.coordinates = options.coordinates;
+
+    ajax.getVideo(options.urls, function(err, video) {
+        if (err) return this.fire('error', {error: err});
+
+        this.video = video;
+        this.video.loop = true;
+
+        var loopID;
+
+        // start repainting when video starts playing
+        this.video.addEventListener('playing', function() {
+            loopID = this.map.style.animationLoop.set(Infinity);
+            this.map._rerender();
+        }.bind(this));
+
+        // stop repainting when video stops
+        this.video.addEventListener('pause', function() {
+            this.map.style.animationLoop.cancel(loopID);
+        }.bind(this));
+
+        if (this.map) {
+            this.video.play();
+            this.setCoordinates(options.coordinates);
+        }
+
+        this.fire('load');
+    }.bind(this));
+}
+
+VideoSource.prototype = util.inherit(Evented, /** @lends VideoSource.prototype */{
+    minzoom: 0,
+    maxzoom: 22,
+    tileSize: 512,
+    roundZoom: true,
+
+    /**
+     * Returns the HTML `video` element.
+     *
+     * @returns {HTMLVideoElement} The HTML `video` element.
+     */
+    getVideo: function() {
+        return this.video;
+    },
+
+    onAdd: function(map) {
+        if (this.map) return;
+        this.map = map;
+        if (this.video) {
+            this.video.play();
+            this.setCoordinates(this.coordinates);
+        }
+    },
+
+    /**
+     * Sets the video's coordinates and re-renders the map.
+     *
+     * @param {Array<Array<number>>} coordinates Four geographical coordinates,
+     *   represented as arrays of longitude and latitude numbers, which define the corners of the video.
+     *   The coordinates start at the top left corner of the video and proceed in clockwise order.
+     *   They do not have to represent a rectangle.
+     * @returns {VideoSource} this
+     */
+    setCoordinates: function(coordinates) {
+        this.coordinates = coordinates;
+
+        // Calculate which mercator tile is suitable for rendering the video in
+        // and create a buffer with the corner coordinates. These coordinates
+        // may be outside the tile, because raster tiles aren't clipped when rendering.
+
+        var map = this.map;
+        var cornerZ0Coords = coordinates.map(function(coord) {
+            return map.transform.locationCoordinate(LngLat.convert(coord)).zoomTo(0);
+        });
+
+        var centerCoord = this.centerCoord = util.getCoordinatesCenter(cornerZ0Coords);
+        centerCoord.column = Math.round(centerCoord.column);
+        centerCoord.row = Math.round(centerCoord.row);
+
+        this.minzoom = this.maxzoom = centerCoord.zoom;
+        this._coord = new TileCoord(centerCoord.zoom, centerCoord.column, centerCoord.row);
+        this._tileCoords = cornerZ0Coords.map(function(coord) {
+            var zoomedCoord = coord.zoomTo(centerCoord.zoom);
+            return new Point(
+                Math.round((zoomedCoord.column - centerCoord.column) * EXTENT),
+                Math.round((zoomedCoord.row - centerCoord.row) * EXTENT));
+        });
+
+        this.fire('change');
+        return this;
+    },
+
+    _setTile: function (tile) {
+        this._prepared = false;
+        this.tile = tile;
+        var maxInt16 = 32767;
+        var array = new RasterBoundsArray();
+        array.emplaceBack(this._tileCoords[0].x, this._tileCoords[0].y, 0, 0);
+        array.emplaceBack(this._tileCoords[1].x, this._tileCoords[1].y, maxInt16, 0);
+        array.emplaceBack(this._tileCoords[3].x, this._tileCoords[3].y, 0, maxInt16);
+        array.emplaceBack(this._tileCoords[2].x, this._tileCoords[2].y, maxInt16, maxInt16);
+
+        this.tile.buckets = {};
+
+        this.tile.boundsBuffer = new Buffer(array.serialize(), RasterBoundsArray.serialize(), Buffer.BufferType.VERTEX);
+        this.tile.boundsVAO = new VertexArrayObject();
+        this.tile.state = 'loaded';
+    },
+
+    prepare: function() {
+        if (this.video.readyState < 2) return; // not enough data for current position
+        if (!this.tile) return;
+
+        var gl = this.map.painter.gl;
+        if (!this._prepared) {
+            this._prepared = true;
+            this.tile.texture = gl.createTexture();
+            gl.bindTexture(gl.TEXTURE_2D, this.tile.texture);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.video);
+        } else {
+            gl.bindTexture(gl.TEXTURE_2D, this.tile.texture);
+            gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, this.video);
+        }
+
+        this._currentTime = this.video.currentTime;
+    },
+
+    loadTile: function(tile, callback) {
+        // We have a single tile -- whoose coordinates are this._coord -- that
+        // covers the video frame we want to render.  If that's the one being
+        // requested, set it up with the image; otherwise, mark the tile as
+        // `errored` to indicate that we have no data for it.
+        if (this._coord && this._coord.toString() === tile.coord.toString()) {
+            this._setTile(tile);
+            callback(null);
+        } else {
+            tile.state = 'errored';
+            callback(null);
+        }
+    },
+
+    serialize: function() {
+        return {
+            type: 'video',
+            urls: this.urls,
+            coordinates: this.coordinates
+        };
+    }
+});
+
+},{"../data/bucket":329,"../data/buffer":334,"../geo/lng_lat":339,"../render/draw_raster":351,"../render/vertex_array_object":357,"../util/ajax":425,"../util/evented":434,"../util/util":442,"./tile_coord":369,"point-geometry":484}],373:[function(require,module,exports){
+'use strict';
+
+var Actor = require('../util/actor');
+var StyleLayer = require('../style/style_layer');
+var util = require('../util/util');
+
+var VectorTileWorkerSource = require('./vector_tile_worker_source');
+var GeoJSONWorkerSource = require('./geojson_worker_source');
+
+module.exports = function createWorker(self) {
+    return new Worker(self);
+};
+
+function Worker(self) {
+    this.self = self;
+    this.actor = new Actor(self, this);
+
+    // simple accessor object for passing to WorkerSources
+    var styleLayers = {
+        getLayers: function () { return this.layers; }.bind(this),
+        getLayerFamilies: function () { return this.layerFamilies; }.bind(this)
+    };
+
+    this.workerSources = {
+        vector: new VectorTileWorkerSource(this.actor, styleLayers),
+        geojson: new GeoJSONWorkerSource(this.actor, styleLayers)
+    };
+
+    this.self.registerWorkerSource = function (name, WorkerSource) {
+        if (this.workerSources[name]) {
+            throw new Error('Worker source with name "' + name + '" already registered.');
+        }
+        this.workerSources[name] = new WorkerSource(this.actor, styleLayers);
+    }.bind(this);
+}
+
+util.extend(Worker.prototype, {
+    'set layers': function(layers) {
+        this.layers = {};
+        var that = this;
+
+        // Filter layers and create an id -> layer map
+        var childLayerIndicies = [];
+        for (var i = 0; i < layers.length; i++) {
+            var layer = layers[i];
+            if (layer.type === 'fill' || layer.type === 'line' || layer.type === 'circle' || layer.type === 'symbol') {
+                if (layer.ref) {
+                    childLayerIndicies.push(i);
+                } else {
+                    setLayer(layer);
+                }
+            }
+        }
+
+        // Create an instance of StyleLayer per layer
+        for (var j = 0; j < childLayerIndicies.length; j++) {
+            setLayer(layers[childLayerIndicies[j]]);
+        }
+
+        function setLayer(serializedLayer) {
+            var styleLayer = StyleLayer.create(
+                serializedLayer,
+                serializedLayer.ref && that.layers[serializedLayer.ref]
+            );
+            styleLayer.updatePaintTransitions({}, {transition: false});
+            that.layers[styleLayer.id] = styleLayer;
+        }
+
+        this.layerFamilies = createLayerFamilies(this.layers);
+    },
+
+    'update layers': function(layers) {
+        var that = this;
+        var id;
+        var layer;
+
+        // Update ref parents
+        for (id in layers) {
+            layer = layers[id];
+            if (layer.ref) updateLayer(layer);
+        }
+
+        // Update ref children
+        for (id in layers) {
+            layer = layers[id];
+            if (!layer.ref) updateLayer(layer);
+        }
+
+        function updateLayer(layer) {
+            var refLayer = that.layers[layer.ref];
+            if (that.layers[layer.id]) {
+                that.layers[layer.id].set(layer, refLayer);
+            } else {
+                that.layers[layer.id] = StyleLayer.create(layer, refLayer);
+            }
+            that.layers[layer.id].updatePaintTransitions({}, {transition: false});
+        }
+
+        this.layerFamilies = createLayerFamilies(this.layers);
+    },
+
+    'load tile': function(params, callback) {
+        var type = params.type || 'vector';
+        this.workerSources[type].loadTile(params, callback);
+    },
+
+    'reload tile': function(params, callback) {
+        var type = params.type || 'vector';
+        this.workerSources[type].reloadTile(params, callback);
+    },
+
+    'abort tile': function(params) {
+        var type = params.type || 'vector';
+        this.workerSources[type].abortTile(params);
+    },
+
+    'remove tile': function(params) {
+        var type = params.type || 'vector';
+        this.workerSources[type].removeTile(params);
+    },
+
+    'redo placement': function(params, callback) {
+        var type = params.type || 'vector';
+        this.workerSources[type].redoPlacement(params, callback);
+    },
+
+    /**
+     * Load a {@link WorkerSource} script at params.url.  The script is run
+     * (using importScripts) with `registerWorkerSource` in scope, which is a
+     * function taking `(name, workerSourceObject)`.
+     *  @private
+     */
+    'load worker source': function(params, callback) {
+        try {
+            this.self.importScripts(params.url);
+            callback();
+        } catch (e) {
+            callback(e);
+        }
+    }
+});
+
+function createLayerFamilies(layers) {
+    var families = {};
+
+    for (var layerId in layers) {
+        var layer = layers[layerId];
+        var parentLayerId = layer.ref || layer.id;
+        var parentLayer = layers[parentLayerId];
+
+        if (parentLayer.layout && parentLayer.layout.visibility === 'none') continue;
+
+        families[parentLayerId] = families[parentLayerId] || [];
+        if (layerId === parentLayerId) {
+            families[parentLayerId].unshift(layer);
+        } else {
+            families[parentLayerId].push(layer);
+        }
+    }
+
+    return families;
+}
+
+},{"../style/style_layer":381,"../util/actor":424,"../util/util":442,"./geojson_worker_source":359,"./vector_tile_worker_source":371}],374:[function(require,module,exports){
+'use strict';
+
+var FeatureIndex = require('../data/feature_index');
+var CollisionTile = require('../symbol/collision_tile');
+var Bucket = require('../data/bucket');
+var CollisionBoxArray = require('../symbol/collision_box');
+var DictionaryCoder = require('../util/dictionary_coder');
+var util = require('../util/util');
+var SymbolInstancesArray = require('../symbol/symbol_instances');
+var SymbolQuadsArray = require('../symbol/symbol_quads');
+
+module.exports = WorkerTile;
+
+function WorkerTile(params) {
+    this.coord = params.coord;
+    this.uid = params.uid;
+    this.zoom = params.zoom;
+    this.tileSize = params.tileSize;
+    this.source = params.source;
+    this.overscaling = params.overscaling;
+    this.angle = params.angle;
+    this.pitch = params.pitch;
+    this.showCollisionBoxes = params.showCollisionBoxes;
+}
+
+WorkerTile.prototype.parse = function(data, layerFamilies, actor, rawTileData, callback) {
+
+    this.status = 'parsing';
+    this.data = data;
+
+    this.collisionBoxArray = new CollisionBoxArray();
+    this.symbolInstancesArray = new SymbolInstancesArray();
+    this.symbolQuadsArray = new SymbolQuadsArray();
+    var collisionTile = new CollisionTile(this.angle, this.pitch, this.collisionBoxArray);
+    var featureIndex = new FeatureIndex(this.coord, this.overscaling, collisionTile, data.layers);
+    var sourceLayerCoder = new DictionaryCoder(data.layers ? Object.keys(data.layers).sort() : ['_geojsonTileLayer']);
+
+    var tile = this;
+    var bucketsById = {};
+    var bucketsBySourceLayer = {};
+    var i;
+    var layer;
+    var sourceLayerId;
+    var bucket;
+
+    // Map non-ref layers to buckets.
+    var bucketIndex = 0;
+    for (var layerId in layerFamilies) {
+        layer = layerFamilies[layerId][0];
+
+        if (layer.source !== this.source) continue;
+        if (layer.ref) continue;
+        if (layer.minzoom && this.zoom < layer.minzoom) continue;
+        if (layer.maxzoom && this.zoom >= layer.maxzoom) continue;
+        if (layer.layout && layer.layout.visibility === 'none') continue;
+        if (data.layers && !data.layers[layer.sourceLayer]) continue;
+
+        bucket = Bucket.create({
+            layer: layer,
+            index: bucketIndex++,
+            childLayers: layerFamilies[layerId],
+            zoom: this.zoom,
+            overscaling: this.overscaling,
+            showCollisionBoxes: this.showCollisionBoxes,
+            collisionBoxArray: this.collisionBoxArray,
+            symbolQuadsArray: this.symbolQuadsArray,
+            symbolInstancesArray: this.symbolInstancesArray,
+            sourceLayerIndex: sourceLayerCoder.encode(layer.sourceLayer || '_geojsonTileLayer')
+        });
+        bucket.createFilter();
+
+        bucketsById[layer.id] = bucket;
+
+        if (data.layers) { // vectortile
+            sourceLayerId = layer.sourceLayer;
+            bucketsBySourceLayer[sourceLayerId] = bucketsBySourceLayer[sourceLayerId] || {};
+            bucketsBySourceLayer[sourceLayerId][layer.id] = bucket;
+        }
+    }
+
+    // read each layer, and sort its features into buckets
+    if (data.layers) { // vectortile
+        for (sourceLayerId in bucketsBySourceLayer) {
+            if (layer.version === 1) {
+                util.warnOnce(
+                    'Vector tile source "' + this.source + '" layer "' +
+                    sourceLayerId + '" does not use vector tile spec v2 ' +
+                    'and therefore may have some rendering errors.'
+                );
+            }
+            layer = data.layers[sourceLayerId];
+            if (layer) {
+                sortLayerIntoBuckets(layer, bucketsBySourceLayer[sourceLayerId]);
+            }
+        }
+    } else { // geojson
+        sortLayerIntoBuckets(data, bucketsById);
+    }
+
+    function sortLayerIntoBuckets(layer, buckets) {
+        for (var i = 0; i < layer.length; i++) {
+            var feature = layer.feature(i);
+            feature.index = i;
+            for (var id in buckets) {
+                if (buckets[id].filter(feature))
+                    buckets[id].features.push(feature);
+            }
+        }
+    }
+
+    var buckets = [],
+        symbolBuckets = this.symbolBuckets = [],
+        otherBuckets = [];
+
+    featureIndex.bucketLayerIDs = {};
+
+    for (var id in bucketsById) {
+        bucket = bucketsById[id];
+        if (bucket.features.length === 0) continue;
+
+        featureIndex.bucketLayerIDs[bucket.index] = bucket.childLayers.map(getLayerId);
+
+        buckets.push(bucket);
+
+        if (bucket.type === 'symbol')
+            symbolBuckets.push(bucket);
+        else
+            otherBuckets.push(bucket);
+    }
+
+    var icons = {};
+    var stacks = {};
+    var deps = 0;
+
+
+    if (symbolBuckets.length > 0) {
+
+        // Get dependencies for symbol buckets
+        for (i = symbolBuckets.length - 1; i >= 0; i--) {
+            symbolBuckets[i].updateIcons(icons);
+            symbolBuckets[i].updateFont(stacks);
+        }
+
+        for (var fontName in stacks) {
+            stacks[fontName] = Object.keys(stacks[fontName]).map(Number);
+        }
+        icons = Object.keys(icons);
+
+        actor.send('get glyphs', {uid: this.uid, stacks: stacks}, function(err, newStacks) {
+            stacks = newStacks;
+            gotDependency(err);
+        });
+
+        if (icons.length) {
+            actor.send('get icons', {icons: icons}, function(err, newIcons) {
+                icons = newIcons;
+                gotDependency(err);
+            });
+        } else {
+            gotDependency();
+        }
+    }
+
+    // immediately parse non-symbol buckets (they have no dependencies)
+    for (i = otherBuckets.length - 1; i >= 0; i--) {
+        parseBucket(this, otherBuckets[i]);
+    }
+
+    if (symbolBuckets.length === 0)
+        return done();
+
+    function gotDependency(err) {
+        if (err) return callback(err);
+        deps++;
+        if (deps === 2) {
+            // all symbol bucket dependencies fetched; parse them in proper order
+            for (var i = symbolBuckets.length - 1; i >= 0; i--) {
+                parseBucket(tile, symbolBuckets[i]);
+            }
+            done();
+        }
+    }
+
+    function parseBucket(tile, bucket) {
+        bucket.populateArrays(collisionTile, stacks, icons);
+
+
+        if (bucket.type !== 'symbol') {
+            for (var i = 0; i < bucket.features.length; i++) {
+                var feature = bucket.features[i];
+                featureIndex.insert(feature, feature.index, bucket.sourceLayerIndex, bucket.index);
+            }
+        }
+
+        bucket.features = null;
+    }
+
+    function done() {
+        tile.status = 'done';
+
+        if (tile.redoPlacementAfterDone) {
+            tile.redoPlacement(tile.angle, tile.pitch, null);
+            tile.redoPlacementAfterDone = false;
+        }
+
+        var featureIndex_ = featureIndex.serialize();
+        var collisionTile_ = collisionTile.serialize();
+        var collisionBoxArray = tile.collisionBoxArray.serialize();
+        var symbolInstancesArray = tile.symbolInstancesArray.serialize();
+        var symbolQuadsArray = tile.symbolQuadsArray.serialize();
+        var transferables = [rawTileData].concat(featureIndex_.transferables).concat(collisionTile_.transferables);
+        var nonEmptyBuckets = buckets.filter(isBucketNonEmpty);
+
+        callback(null, {
+            buckets: nonEmptyBuckets.map(serializeBucket),
+            featureIndex: featureIndex_.data,
+            collisionTile: collisionTile_.data,
+            collisionBoxArray: collisionBoxArray,
+            symbolInstancesArray: symbolInstancesArray,
+            symbolQuadsArray: symbolQuadsArray,
+            rawTileData: rawTileData
+        }, getTransferables(nonEmptyBuckets).concat(transferables));
+    }
+};
+
+WorkerTile.prototype.redoPlacement = function(angle, pitch, showCollisionBoxes) {
+    if (this.status !== 'done') {
+        this.redoPlacementAfterDone = true;
+        this.angle = angle;
+        return {};
+    }
+
+    var collisionTile = new CollisionTile(angle, pitch, this.collisionBoxArray);
+
+    var buckets = this.symbolBuckets;
+
+    for (var i = buckets.length - 1; i >= 0; i--) {
+        buckets[i].placeFeatures(collisionTile, showCollisionBoxes);
+    }
+
+    var collisionTile_ = collisionTile.serialize();
+    var nonEmptyBuckets = buckets.filter(isBucketNonEmpty);
+
+    return {
+        result: {
+            buckets: nonEmptyBuckets.map(serializeBucket),
+            collisionTile: collisionTile_.data
+        },
+        transferables: getTransferables(nonEmptyBuckets).concat(collisionTile_.transferables)
+    };
+};
+
+function isBucketNonEmpty(bucket) {
+    return !bucket.isEmpty();
+}
+
+function serializeBucket(bucket) {
+    return bucket.serialize();
+}
+
+function getTransferables(buckets) {
+    var transferables = [];
+    for (var i in buckets) {
+        buckets[i].getTransferables(transferables);
+    }
+    return transferables;
+}
+
+function getLayerId(layer) {
+    return layer.id;
+}
+
+},{"../data/bucket":329,"../data/feature_index":336,"../symbol/collision_box":394,"../symbol/collision_tile":396,"../symbol/symbol_instances":405,"../symbol/symbol_quads":406,"../util/dictionary_coder":432,"../util/util":442}],375:[function(require,module,exports){
+'use strict';
+
+module.exports = AnimationLoop;
+
+function AnimationLoop() {
+    this.n = 0;
+    this.times = [];
+}
+
+// Are all animations done?
+AnimationLoop.prototype.stopped = function() {
+    this.times = this.times.filter(function(t) {
+        return t.time >= (new Date()).getTime();
+    });
+    return !this.times.length;
+};
+
+// Add a new animation that will run t milliseconds
+// Returns an id that can be used to cancel it layer
+AnimationLoop.prototype.set = function(t) {
+    this.times.push({ id: this.n, time: t + (new Date()).getTime() });
+    return this.n++;
+};
+
+// Cancel an animation
+AnimationLoop.prototype.cancel = function(n) {
+    this.times = this.times.filter(function(t) {
+        return t.id !== n;
+    });
+};
+
+},{}],376:[function(require,module,exports){
+'use strict';
+
+var Evented = require('../util/evented');
+var ajax = require('../util/ajax');
+var browser = require('../util/browser');
+var normalizeURL = require('../util/mapbox').normalizeSpriteURL;
+
+module.exports = ImageSprite;
+
+function ImageSprite(base) {
+    this.base = base;
+    this.retina = browser.devicePixelRatio > 1;
+
+    var format = this.retina ? '@2x' : '';
+
+    ajax.getJSON(normalizeURL(base, format, '.json'), function(err, data) {
+        if (err) {
+            this.fire('error', {error: err});
+            return;
+        }
+
+        this.data = data;
+        if (this.img) this.fire('load');
+    }.bind(this));
+
+    ajax.getImage(normalizeURL(base, format, '.png'), function(err, img) {
+        if (err) {
+            this.fire('error', {error: err});
+            return;
+        }
+
+        // premultiply the sprite
+        var data = img.getData();
+        var newdata = img.data = new Uint8Array(data.length);
+        for (var i = 0; i < data.length; i += 4) {
+            var alpha = data[i + 3] / 255;
+            newdata[i + 0] = data[i + 0] * alpha;
+            newdata[i + 1] = data[i + 1] * alpha;
+            newdata[i + 2] = data[i + 2] * alpha;
+            newdata[i + 3] = data[i + 3];
+        }
+
+        this.img = img;
+        if (this.data) this.fire('load');
+    }.bind(this));
+}
+
+ImageSprite.prototype = Object.create(Evented);
+
+ImageSprite.prototype.toJSON = function() {
+    return this.base;
+};
+
+ImageSprite.prototype.loaded = function() {
+    return !!(this.data && this.img);
+};
+
+ImageSprite.prototype.resize = function(/*gl*/) {
+    if (browser.devicePixelRatio > 1 !== this.retina) {
+        var newSprite = new ImageSprite(this.base);
+        newSprite.on('load', function() {
+            this.img = newSprite.img;
+            this.data = newSprite.data;
+            this.retina = newSprite.retina;
+        }.bind(this));
+    }
+};
+
+function SpritePosition() {}
+SpritePosition.prototype = { x: 0, y: 0, width: 0, height: 0, pixelRatio: 1, sdf: false };
+
+ImageSprite.prototype.getSpritePosition = function(name) {
+    if (!this.loaded()) return new SpritePosition();
+
+    var pos = this.data && this.data[name];
+    if (pos && this.img) return pos;
+
+    return new SpritePosition();
+};
+
+},{"../util/ajax":425,"../util/browser":426,"../util/evented":434,"../util/mapbox":439}],377:[function(require,module,exports){
+'use strict';
+
+var parseColorString = require('csscolorparser').parseCSSColor;
+var util = require('../util/util');
+var StyleFunction = require('./style_function');
+
+var cache = {};
+
+module.exports = function parseColor(input) {
+
+    if (StyleFunction.isFunctionDefinition(input)) {
+
+        return util.extend({}, input, {
+            stops: input.stops.map(function(stop) {
+                return [stop[0], parseColor(stop[1])];
+            })
+        });
+
+    } else if (typeof input === 'string') {
+
+        if (!cache[input]) {
+            var rgba = parseColorString(input);
+            if (!rgba) { throw new Error('Invalid color ' + input); }
+
+            // GL expects all components to be in the range [0, 1] and to be
+            // multipled by the alpha value.
+            cache[input] = [
+                rgba[0] / 255 * rgba[3],
+                rgba[1] / 255 * rgba[3],
+                rgba[2] / 255 * rgba[3],
+                rgba[3]
+            ];
+        }
+
+        return cache[input];
+
+    } else {
+        throw new Error('Invalid color ' + input);
+    }
+};
+
+},{"../util/util":442,"./style_function":380,"csscolorparser":108}],378:[function(require,module,exports){
+'use strict';
+
+var Evented = require('../util/evented');
+var StyleLayer = require('./style_layer');
+var ImageSprite = require('./image_sprite');
+var GlyphSource = require('../symbol/glyph_source');
+var SpriteAtlas = require('../symbol/sprite_atlas');
+var LineAtlas = require('../render/line_atlas');
+var util = require('../util/util');
+var ajax = require('../util/ajax');
+var normalizeURL = require('../util/mapbox').normalizeStyleURL;
+var browser = require('../util/browser');
+var Dispatcher = require('../util/dispatcher');
+var AnimationLoop = require('./animation_loop');
+var validateStyle = require('./validate_style');
+var Source = require('../source/source');
+var QueryFeatures = require('../source/query_features');
+var SourceCache = require('../source/source_cache');
+var styleSpec = require('./style_spec');
+var StyleFunction = require('./style_function');
+
+module.exports = Style;
+
+function Style(stylesheet, animationLoop, workerCount) {
+    this.animationLoop = animationLoop || new AnimationLoop();
+    this.dispatcher = new Dispatcher(workerCount || 1, this);
+    this.spriteAtlas = new SpriteAtlas(1024, 1024);
+    this.lineAtlas = new LineAtlas(256, 512);
+
+    this._layers = {};
+    this._order  = [];
+    this._groups = [];
+    this.sources = {};
+    this.zoomHistory = {};
+
+    util.bindAll([
+        '_forwardSourceEvent',
+        '_forwardTileEvent',
+        '_forwardLayerEvent',
+        '_redoPlacement'
+    ], this);
+
+    this._resetUpdates();
+
+    var stylesheetLoaded = function(err, stylesheet) {
+        if (err) {
+            this.fire('error', {error: err});
+            return;
+        }
+
+        if (validateStyle.emitErrors(this, validateStyle(stylesheet))) return;
+
+        this._loaded = true;
+        this.stylesheet = stylesheet;
+
+        this.updateClasses();
+
+        var sources = stylesheet.sources;
+        for (var id in sources) {
+            this.addSource(id, sources[id]);
+        }
+
+        if (stylesheet.sprite) {
+            this.sprite = new ImageSprite(stylesheet.sprite);
+            this.sprite.on('load', this.fire.bind(this, 'change'));
+        }
+
+        this.glyphSource = new GlyphSource(stylesheet.glyphs);
+        this._resolve();
+        this.fire('load');
+    }.bind(this);
+
+    if (typeof stylesheet === 'string') {
+        ajax.getJSON(normalizeURL(stylesheet), stylesheetLoaded);
+    } else {
+        browser.frame(stylesheetLoaded.bind(this, null, stylesheet));
+    }
+
+    this.on('source.load', function(event) {
+        var source = event.source;
+        if (source && source.vectorLayerIds) {
+            for (var layerId in this._layers) {
+                var layer = this._layers[layerId];
+                if (layer.source === source.id) {
+                    this._validateLayer(layer);
+                }
+            }
+        }
+    });
+}
+
+Style.prototype = util.inherit(Evented, {
+    _loaded: false,
+
+    _validateLayer: function(layer) {
+        var source = this.sources[layer.source];
+
+        if (!layer.sourceLayer) return;
+        if (!source) return;
+        if (!source.vectorLayerIds) return;
+
+        if (source.vectorLayerIds.indexOf(layer.sourceLayer) === -1) {
+            this.fire('error', {
+                error: new Error(
+                    'Source layer "' + layer.sourceLayer + '" ' +
+                    'does not exist on source "' + source.id + '" ' +
+                    'as specified by style layer "' + layer.id + '"'
+                )
+            });
+        }
+    },
+
+    loaded: function() {
+        if (!this._loaded)
+            return false;
+
+        if (Object.keys(this._updates.sources).length)
+            return false;
+
+        for (var id in this.sources)
+            if (!this.sources[id].loaded())
+                return false;
+
+        if (this.sprite && !this.sprite.loaded())
+            return false;
+
+        return true;
+    },
+
+    _resolve: function() {
+        var layer, layerJSON;
+
+        this._layers = {};
+        this._order  = this.stylesheet.layers.map(function(layer) {
+            return layer.id;
+        });
+
+        // resolve all layers WITHOUT a ref
+        for (var i = 0; i < this.stylesheet.layers.length; i++) {
+            layerJSON = this.stylesheet.layers[i];
+            if (layerJSON.ref) continue;
+            layer = StyleLayer.create(layerJSON);
+            this._layers[layer.id] = layer;
+            layer.on('error', this._forwardLayerEvent);
+        }
+
+        // resolve all layers WITH a ref
+        for (var j = 0; j < this.stylesheet.layers.length; j++) {
+            layerJSON = this.stylesheet.layers[j];
+            if (!layerJSON.ref) continue;
+            var refLayer = this.getLayer(layerJSON.ref);
+            layer = StyleLayer.create(layerJSON, refLayer);
+            this._layers[layer.id] = layer;
+            layer.on('error', this._forwardLayerEvent);
+        }
+
+        this._groupLayers();
+        this._updateWorkerLayers();
+    },
+
+    _groupLayers: function() {
+        var group;
+
+        this._groups = [];
+
+        // Split into groups of consecutive top-level layers with the same source.
+        for (var i = 0; i < this._order.length; ++i) {
+            var layer = this._layers[this._order[i]];
+
+            if (!group || layer.source !== group.source) {
+                group = [];
+                group.source = layer.source;
+                this._groups.push(group);
+            }
+
+            group.push(layer);
+        }
+    },
+
+    _updateWorkerLayers: function(ids) {
+        this.dispatcher.broadcast(ids ? 'update layers' : 'set layers', this._serializeLayers(ids));
+    },
+
+    _serializeLayers: function(ids) {
+        ids = ids || this._order;
+        var serialized = [];
+        var options = {includeRefProperties: true};
+        for (var i = 0; i < ids.length; i++) {
+            serialized.push(this._layers[ids[i]].serialize(options));
+        }
+        return serialized;
+    },
+
+    _applyClasses: function(classes, options) {
+        if (!this._loaded) return;
+
+        classes = classes || [];
+        options = options || {transition: true};
+        var transition = this.stylesheet.transition || {};
+
+        var layers = this._updates.allPaintProps ? this._layers : this._updates.paintProps;
+
+        for (var id in layers) {
+            var layer = this._layers[id];
+            var props = this._updates.paintProps[id];
+
+            if (this._updates.allPaintProps || props.all) {
+                layer.updatePaintTransitions(classes, options, transition, this.animationLoop);
+            } else {
+                for (var paintName in props) {
+                    this._layers[id].updatePaintTransition(paintName, classes, options, transition, this.animationLoop);
+                }
+            }
+        }
+    },
+
+    _recalculate: function(z) {
+        for (var sourceId in this.sources)
+            this.sources[sourceId].used = false;
+
+        this._updateZoomHistory(z);
+
+        this.rasterFadeDuration = 300;
+        for (var layerId in this._layers) {
+            var layer = this._layers[layerId];
+
+            layer.recalculate(z, this.zoomHistory);
+            if (!layer.isHidden(z) && layer.source) {
+                this.sources[layer.source].used = true;
+            }
+        }
+
+        var maxZoomTransitionDuration = 300;
+        if (Math.floor(this.z) !== Math.floor(z)) {
+            this.animationLoop.set(maxZoomTransitionDuration);
+        }
+
+        this.z = z;
+        this.fire('zoom');
+    },
+
+    _updateZoomHistory: function(z) {
+
+        var zh = this.zoomHistory;
+
+        if (zh.lastIntegerZoom === undefined) {
+            // first time
+            zh.lastIntegerZoom = Math.floor(z);
+            zh.lastIntegerZoomTime = 0;
+            zh.lastZoom = z;
+        }
+
+        // check whether an integer zoom level as passed since the last frame
+        // and if yes, record it with the time. Used for transitioning patterns.
+        if (Math.floor(zh.lastZoom) < Math.floor(z)) {
+            zh.lastIntegerZoom = Math.floor(z);
+            zh.lastIntegerZoomTime = Date.now();
+
+        } else if (Math.floor(zh.lastZoom) > Math.floor(z)) {
+            zh.lastIntegerZoom = Math.floor(z + 1);
+            zh.lastIntegerZoomTime = Date.now();
+        }
+
+        zh.lastZoom = z;
+    },
+
+    _checkLoaded: function () {
+        if (!this._loaded) {
+            throw new Error('Style is not done loading');
+        }
+    },
+
+    /**
+     * Apply queued style updates in a batch
+     * @private
+     */
+    update: function(classes, options) {
+        if (!this._updates.changed) return this;
+
+        if (this._updates.allLayers) {
+            this._groupLayers();
+            this._updateWorkerLayers();
+        } else {
+            var updatedIds = Object.keys(this._updates.layers);
+            if (updatedIds.length) {
+                this._updateWorkerLayers(updatedIds);
+            }
+        }
+
+        var updatedSourceIds = Object.keys(this._updates.sources);
+        var i;
+        for (i = 0; i < updatedSourceIds.length; i++) {
+            this._reloadSource(updatedSourceIds[i]);
+        }
+
+        for (i = 0; i < this._updates.events.length; i++) {
+            var args = this._updates.events[i];
+            this.fire(args[0], args[1]);
+        }
+
+        this._applyClasses(classes, options);
+
+        if (this._updates.changed) {
+            this.fire('change');
+        }
+
+        this._resetUpdates();
+
+        return this;
+    },
+
+    _resetUpdates: function() {
+        this._updates = {
+            events: [],
+            layers: {},
+            sources: {},
+            paintProps: {}
+        };
+    },
+
+    addSource: function(id, source) {
+        this._checkLoaded();
+        if (this.sources[id] !== undefined) {
+            throw new Error('There is already a source with this ID');
+        }
+        if (!source.type) {
+            throw new Error('The type property must be defined, but the only the following properties were given: ' + Object.keys(source) + '.');
+        }
+        var builtIns = ['vector', 'raster', 'geojson', 'video', 'image'];
+        var shouldValidate = builtIns.indexOf(source.type) >= 0;
+        if (shouldValidate && this._handleErrors(validateStyle.source, 'sources.' + id, source)) return this;
+
+        source = new SourceCache(id, source, this.dispatcher);
+        this.sources[id] = source;
+        source.style = this;
+        source
+            .on('load', this._forwardSourceEvent)
+            .on('error', this._forwardSourceEvent)
+            .on('change', this._forwardSourceEvent)
+            .on('tile.add', this._forwardTileEvent)
+            .on('tile.load', this._forwardTileEvent)
+            .on('tile.error', this._forwardTileEvent)
+            .on('tile.remove', this._forwardTileEvent)
+            .on('tile.stats', this._forwardTileEvent);
+
+        this._updates.events.push(['source.add', {source: source}]);
+        this._updates.changed = true;
+
+        return this;
+    },
+
+    /**
+     * Remove a source from this stylesheet, given its id.
+     * @param {string} id id of the source to remove
+     * @returns {Style} this style
+     * @throws {Error} if no source is found with the given ID
+     * @private
+     */
+    removeSource: function(id) {
+        this._checkLoaded();
+
+        if (this.sources[id] === undefined) {
+            throw new Error('There is no source with this ID');
+        }
+        var source = this.sources[id];
+        delete this.sources[id];
+        delete this._updates.sources[id];
+        source
+            .off('load', this._forwardSourceEvent)
+            .off('error', this._forwardSourceEvent)
+            .off('change', this._forwardSourceEvent)
+            .off('tile.add', this._forwardTileEvent)
+            .off('tile.load', this._forwardTileEvent)
+            .off('tile.error', this._forwardTileEvent)
+            .off('tile.remove', this._forwardTileEvent)
+            .off('tile.stats', this._forwardTileEvent);
+
+        this._updates.events.push(['source.remove', {source: source}]);
+        this._updates.changed = true;
+
+        return this;
+    },
+
+    /**
+     * Get a source by id.
+     * @param {string} id id of the desired source
+     * @returns {Object} source
+     * @private
+     */
+    getSource: function(id) {
+        return this.sources[id] && this.sources[id].getSource();
+    },
+
+    /**
+     * Add a layer to the map style. The layer will be inserted before the layer with
+     * ID `before`, or appended if `before` is omitted.
+     * @param {StyleLayer|Object} layer
+     * @param {string=} before  ID of an existing layer to insert before
+     * @fires layer.add
+     * @returns {Style} `this`
+     * @private
+     */
+    addLayer: function(layer, before) {
+        this._checkLoaded();
+
+        if (!(layer instanceof StyleLayer)) {
+            // this layer is not in the style.layers array, so we pass an impossible array index
+            if (this._handleErrors(validateStyle.layer,
+                    'layers.' + layer.id, layer, false, {arrayIndex: -1})) return this;
+
+            var refLayer = layer.ref && this.getLayer(layer.ref);
+            layer = StyleLayer.create(layer, refLayer);
+        }
+        this._validateLayer(layer);
+
+        layer.on('error', this._forwardLayerEvent);
+
+        this._layers[layer.id] = layer;
+        this._order.splice(before ? this._order.indexOf(before) : Infinity, 0, layer.id);
+
+        this._updates.allLayers = true;
+        if (layer.source) {
+            this._updates.sources[layer.source] = true;
+        }
+        this._updates.events.push(['layer.add', {layer: layer}]);
+
+        return this.updateClasses(layer.id);
+    },
+
+    /**
+     * Remove a layer from this stylesheet, given its id.
+     * @param {string} id id of the layer to remove
+     * @returns {Style} this style
+     * @throws {Error} if no layer is found with the given ID
+     * @private
+     */
+    removeLayer: function(id) {
+        this._checkLoaded();
+
+        var layer = this._layers[id];
+        if (layer === undefined) {
+            throw new Error('There is no layer with this ID');
+        }
+        for (var i in this._layers) {
+            if (this._layers[i].ref === id) {
+                this.removeLayer(i);
+            }
+        }
+
+        layer.off('error', this._forwardLayerEvent);
+
+        delete this._layers[id];
+        delete this._updates.layers[id];
+        delete this._updates.paintProps[id];
+        this._order.splice(this._order.indexOf(id), 1);
+
+        this._updates.allLayers = true;
+        this._updates.events.push(['layer.remove', {layer: layer}]);
+        this._updates.changed = true;
+
+        return this;
+    },
+
+    /**
+     * Return the style layer object with the given `id`.
+     *
+     * @param {string} id - id of the desired layer
+     * @returns {?Object} a layer, if one with the given `id` exists
+     * @private
+     */
+    getLayer: function(id) {
+        return this._layers[id];
+    },
+
+    /**
+     * If a layer has a `ref` property that makes it derive some values
+     * from another layer, return that referent layer. Otherwise,
+     * returns the layer itself.
+     * @param {string} id the layer's id
+     * @returns {Layer} the referent layer or the layer itself
+     * @private
+     */
+    getReferentLayer: function(id) {
+        var layer = this.getLayer(id);
+        if (layer.ref) {
+            layer = this.getLayer(layer.ref);
+        }
+        return layer;
+    },
+
+    setLayerZoomRange: function(layerId, minzoom, maxzoom) {
+        this._checkLoaded();
+
+        var layer = this.getReferentLayer(layerId);
+
+        if (layer.minzoom === minzoom && layer.maxzoom === maxzoom) return this;
+
+        if (minzoom != null) {
+            layer.minzoom = minzoom;
+        }
+        if (maxzoom != null) {
+            layer.maxzoom = maxzoom;
+        }
+        return this._updateLayer(layer);
+    },
+
+    setFilter: function(layerId, filter) {
+        this._checkLoaded();
+
+        var layer = this.getReferentLayer(layerId);
+
+        if (filter !== null && this._handleErrors(validateStyle.filter, 'layers.' + layer.id + '.filter', filter)) return this;
+
+        if (util.deepEqual(layer.filter, filter)) return this;
+        layer.filter = util.clone(filter);
+
+        return this._updateLayer(layer);
+    },
+
+    /**
+     * Get a layer's filter object
+     * @param {string} layer the layer to inspect
+     * @returns {*} the layer's filter, if any
+     * @private
+     */
+    getFilter: function(layer) {
+        return this.getReferentLayer(layer).filter;
+    },
+
+    setLayoutProperty: function(layerId, name, value) {
+        this._checkLoaded();
+
+        var layer = this.getReferentLayer(layerId);
+
+        if (util.deepEqual(layer.getLayoutProperty(name), value)) return this;
+
+        layer.setLayoutProperty(name, value);
+        return this._updateLayer(layer);
+    },
+
+    /**
+     * Get a layout property's value from a given layer
+     * @param {string} layer the layer to inspect
+     * @param {string} name the name of the layout property
+     * @returns {*} the property value
+     * @private
+     */
+    getLayoutProperty: function(layer, name) {
+        return this.getReferentLayer(layer).getLayoutProperty(name);
+    },
+
+    setPaintProperty: function(layerId, name, value, klass) {
+        this._checkLoaded();
+
+        var layer = this.getLayer(layerId);
+
+        if (util.deepEqual(layer.getPaintProperty(name, klass), value)) return this;
+
+        var wasFeatureConstant = layer.isPaintValueFeatureConstant(name);
+        layer.setPaintProperty(name, value, klass);
+
+        var isFeatureConstant = !(
+            value &&
+            StyleFunction.isFunctionDefinition(value) &&
+            value.property !== '$zoom' &&
+            value.property !== undefined
+        );
+
+        if (!isFeatureConstant || !wasFeatureConstant) {
+            this._updates.layers[layerId] = true;
+            if (layer.source) {
+                this._updates.sources[layer.source] = true;
+            }
+        }
+
+        return this.updateClasses(layerId, name);
+    },
+
+    getPaintProperty: function(layer, name, klass) {
+        return this.getLayer(layer).getPaintProperty(name, klass);
+    },
+
+    updateClasses: function (layerId, paintName) {
+        this._updates.changed = true;
+        if (!layerId) {
+            this._updates.allPaintProps = true;
+        } else {
+            var props = this._updates.paintProps;
+            if (!props[layerId]) props[layerId] = {};
+            props[layerId][paintName || 'all'] = true;
+        }
+        return this;
+    },
+
+    serialize: function() {
+        return util.filterObject({
+            version: this.stylesheet.version,
+            name: this.stylesheet.name,
+            metadata: this.stylesheet.metadata,
+            center: this.stylesheet.center,
+            zoom: this.stylesheet.zoom,
+            bearing: this.stylesheet.bearing,
+            pitch: this.stylesheet.pitch,
+            sprite: this.stylesheet.sprite,
+            glyphs: this.stylesheet.glyphs,
+            transition: this.stylesheet.transition,
+            sources: util.mapObject(this.sources, function(source) {
+                return source.serialize();
+            }),
+            layers: this._order.map(function(id) {
+                return this._layers[id].serialize();
+            }, this)
+        }, function(value) { return value !== undefined; });
+    },
+
+    _updateLayer: function (layer) {
+        this._updates.layers[layer.id] = true;
+        if (layer.source) {
+            this._updates.sources[layer.source] = true;
+        }
+        this._updates.changed = true;
+        return this;
+    },
+
+    _flattenRenderedFeatures: function(sourceResults) {
+        var features = [];
+        for (var l = this._order.length - 1; l >= 0; l--) {
+            var layerID = this._order[l];
+            for (var s = 0; s < sourceResults.length; s++) {
+                var layerFeatures = sourceResults[s][layerID];
+                if (layerFeatures) {
+                    for (var f = 0; f < layerFeatures.length; f++) {
+                        features.push(layerFeatures[f]);
+                    }
+                }
+            }
+        }
+        return features;
+    },
+
+    queryRenderedFeatures: function(queryGeometry, params, zoom, bearing) {
+        if (params && params.filter) {
+            this._handleErrors(validateStyle.filter, 'queryRenderedFeatures.filter', params.filter, true);
+        }
+
+        var includedSources = {};
+        if (params && params.layers) {
+            for (var i = 0; i < params.layers.length; i++) {
+                var layerId = params.layers[i];
+                includedSources[this._layers[layerId].source] = true;
+            }
+        }
+
+        var sourceResults = [];
+        for (var id in this.sources) {
+            if (params.layers && !includedSources[id]) continue;
+            var source = this.sources[id];
+            var results = QueryFeatures.rendered(source, this._layers, queryGeometry, params, zoom, bearing);
+            sourceResults.push(results);
+        }
+        return this._flattenRenderedFeatures(sourceResults);
+    },
+
+    querySourceFeatures: function(sourceID, params) {
+        if (params && params.filter) {
+            this._handleErrors(validateStyle.filter, 'querySourceFeatures.filter', params.filter, true);
+        }
+        var source = this.sources[sourceID];
+        return source ? QueryFeatures.source(source, params) : [];
+    },
+
+    addSourceType: function (name, SourceType, callback) {
+        if (Source.getType(name)) {
+            return callback(new Error('A source type called "' + name + '" already exists.'));
+        }
+
+        Source.setType(name, SourceType);
+
+        if (!SourceType.workerSourceURL) {
+            return callback(null, null);
+        }
+
+        this.dispatcher.broadcast('load worker source', {
+            name: name,
+            url: SourceType.workerSourceURL
+        }, callback);
+    },
+
+    _handleErrors: function(validate, key, value, throws, props) {
+        var action = throws ? validateStyle.throwErrors : validateStyle.emitErrors;
+        var result = validate.call(validateStyle, util.extend({
+            key: key,
+            style: this.serialize(),
+            value: value,
+            styleSpec: styleSpec
+        }, props));
+        return action.call(validateStyle, this, result);
+    },
+
+    _remove: function() {
+        this.dispatcher.remove();
+    },
+
+    _reloadSource: function(id) {
+        this.sources[id].reload();
+    },
+
+    _updateSources: function(transform) {
+        for (var id in this.sources) {
+            this.sources[id].update(transform);
+        }
+    },
+
+    _redoPlacement: function() {
+        for (var id in this.sources) {
+            if (this.sources[id].redoPlacement) this.sources[id].redoPlacement();
+        }
+    },
+
+    _forwardSourceEvent: function(e) {
+        this.fire('source.' + e.type, util.extend({source: e.target.getSource()}, e));
+    },
+
+    _forwardTileEvent: function(e) {
+        this.fire(e.type, util.extend({source: e.target}, e));
+    },
+
+    _forwardLayerEvent: function(e) {
+        this.fire('layer.' + e.type, util.extend({layer: {id: e.target.id}}, e));
+    },
+
+    // Callbacks from web workers
+
+    'get sprite json': function(params, callback) {
+        var sprite = this.sprite;
+        if (sprite.loaded()) {
+            callback(null, { sprite: sprite.data, retina: sprite.retina });
+        } else {
+            sprite.on('load', function() {
+                callback(null, { sprite: sprite.data, retina: sprite.retina });
+            });
+        }
+    },
+
+    'get icons': function(params, callback) {
+        var sprite = this.sprite;
+        var spriteAtlas = this.spriteAtlas;
+        if (sprite.loaded()) {
+            spriteAtlas.setSprite(sprite);
+            spriteAtlas.addIcons(params.icons, callback);
+        } else {
+            sprite.on('load', function() {
+                spriteAtlas.setSprite(sprite);
+                spriteAtlas.addIcons(params.icons, callback);
+            });
+        }
+    },
+
+    'get glyphs': function(params, callback) {
+        var stacks = params.stacks,
+            remaining = Object.keys(stacks).length,
+            allGlyphs = {};
+
+        for (var fontName in stacks) {
+            this.glyphSource.getSimpleGlyphs(fontName, stacks[fontName], params.uid, done);
+        }
+
+        function done(err, glyphs, fontName) {
+            if (err) console.error(err);
+
+            allGlyphs[fontName] = glyphs;
+            remaining--;
+
+            if (remaining === 0)
+                callback(null, allGlyphs);
+        }
+    }
+});
+
+
+},{"../render/line_atlas":354,"../source/query_features":364,"../source/source":366,"../source/source_cache":367,"../symbol/glyph_source":399,"../symbol/sprite_atlas":404,"../util/ajax":425,"../util/browser":426,"../util/dispatcher":433,"../util/evented":434,"../util/mapbox":439,"../util/util":442,"./animation_loop":375,"./image_sprite":376,"./style_function":380,"./style_layer":381,"./style_spec":388,"./validate_style":390}],379:[function(require,module,exports){
+'use strict';
+
+var MapboxGLFunction = require('./style_function');
+var parseColor = require('./parse_color');
+var util = require('../util/util');
+
+module.exports = StyleDeclaration;
+
+function StyleDeclaration(reference, value) {
+    this.value = util.clone(value);
+    this.isFunction = MapboxGLFunction.isFunctionDefinition(value);
+
+    // immutable representation of value. used for comparison
+    this.json = JSON.stringify(this.value);
+
+    var parsedValue = reference.type === 'color' && this.value ? parseColor(this.value) : value;
+    this.calculate = MapboxGLFunction[reference.function || 'piecewise-constant'](parsedValue);
+    this.isFeatureConstant = this.calculate.isFeatureConstant;
+    this.isZoomConstant = this.calculate.isZoomConstant;
+
+    if (reference.function === 'piecewise-constant' && reference.transition) {
+        this.calculate = transitioned(this.calculate);
+    }
+
+    if (!this.isFeatureConstant && !this.isZoomConstant) {
+        this.stopZoomLevels = [];
+        var interpolationAmountStops = [];
+        var stops = this.value.stops;
+        for (var i = 0; i < this.value.stops.length; i++) {
+            var zoom = stops[i][0].zoom;
+            if (this.stopZoomLevels.indexOf(zoom) < 0) {
+                this.stopZoomLevels.push(zoom);
+                interpolationAmountStops.push([zoom, interpolationAmountStops.length]);
+            }
+        }
+
+        this.calculateInterpolationT = MapboxGLFunction.interpolated({
+            stops: interpolationAmountStops,
+            base: value.base
+        });
+    }
+}
+
+// This function is used to smoothly transition between discrete values, such
+// as images and dasharrays.
+function transitioned(calculate) {
+    return function(globalProperties, featureProperties) {
+        var z = globalProperties.zoom;
+        var zh = globalProperties.zoomHistory;
+        var duration = globalProperties.duration;
+
+        var fraction = z % 1;
+        var t = Math.min((Date.now() - zh.lastIntegerZoomTime) / duration, 1);
+        var fromScale = 1;
+        var toScale = 1;
+        var mix, from, to;
+
+        if (z > zh.lastIntegerZoom) {
+            mix = fraction + (1 - fraction) * t;
+            fromScale *= 2;
+            from = calculate({zoom: z - 1}, featureProperties);
+            to = calculate({zoom: z}, featureProperties);
+        } else {
+            mix = 1 - (1 - t) * fraction;
+            to = calculate({zoom: z}, featureProperties);
+            from = calculate({zoom: z + 1}, featureProperties);
+            fromScale /= 2;
+        }
+
+        if (from === undefined || to === undefined) {
+            return undefined;
+        } else {
+            return {
+                from: from,
+                fromScale: fromScale,
+                to: to,
+                toScale: toScale,
+                t: mix
+            };
+        }
+    };
+}
+
+},{"../util/util":442,"./parse_color":377,"./style_function":380}],380:[function(require,module,exports){
+'use strict';
+
+var MapboxGLFunction = require('mapbox-gl-function');
+
+exports.interpolated = function(parameters) {
+    var inner = MapboxGLFunction.interpolated(parameters);
+    var outer = function(globalProperties, featureProperties) {
+        return inner(globalProperties && globalProperties.zoom, featureProperties || {});
+    };
+    outer.isFeatureConstant = inner.isFeatureConstant;
+    outer.isZoomConstant = inner.isZoomConstant;
+    return outer;
+};
+
+exports['piecewise-constant'] = function(parameters) {
+    var inner = MapboxGLFunction['piecewise-constant'](parameters);
+    var outer = function(globalProperties, featureProperties) {
+        return inner(globalProperties && globalProperties.zoom, featureProperties || {});
+    };
+    outer.isFeatureConstant = inner.isFeatureConstant;
+    outer.isZoomConstant = inner.isZoomConstant;
+    return outer;
+};
+
+exports.isFunctionDefinition = MapboxGLFunction.isFunctionDefinition;
+
+},{"mapbox-gl-function":302}],381:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var StyleTransition = require('./style_transition');
+var StyleDeclaration = require('./style_declaration');
+var styleSpec = require('./style_spec');
+var validateStyle = require('./validate_style');
+var parseColor = require('./parse_color');
+var Evented = require('../util/evented');
+
+module.exports = StyleLayer;
+
+var TRANSITION_SUFFIX = '-transition';
+
+StyleLayer.create = function(layer, refLayer) {
+    var Classes = {
+        background: require('./style_layer/background_style_layer'),
+        circle: require('./style_layer/circle_style_layer'),
+        fill: require('./style_layer/fill_style_layer'),
+        line: require('./style_layer/line_style_layer'),
+        raster: require('./style_layer/raster_style_layer'),
+        symbol: require('./style_layer/symbol_style_layer')
+    };
+    return new Classes[(refLayer || layer).type](layer, refLayer);
+};
+
+function StyleLayer(layer, refLayer) {
+    this.set(layer, refLayer);
+}
+
+StyleLayer.prototype = util.inherit(Evented, {
+
+    set: function(layer, refLayer) {
+        this.id = layer.id;
+        this.ref = layer.ref;
+        this.metadata = layer.metadata;
+        this.type = (refLayer || layer).type;
+        this.source = (refLayer || layer).source;
+        this.sourceLayer = (refLayer || layer)['source-layer'];
+        this.minzoom = (refLayer || layer).minzoom;
+        this.maxzoom = (refLayer || layer).maxzoom;
+        this.filter = (refLayer || layer).filter;
+
+        this.paint = {};
+        this.layout = {};
+
+        this._paintSpecifications = styleSpec['paint_' + this.type];
+        this._layoutSpecifications = styleSpec['layout_' + this.type];
+
+        this._paintTransitions = {}; // {[propertyName]: StyleTransition}
+        this._paintTransitionOptions = {}; // {[className]: {[propertyName]: { duration:Number, delay:Number }}}
+        this._paintDeclarations = {}; // {[className]: {[propertyName]: StyleDeclaration}}
+        this._layoutDeclarations = {}; // {[propertyName]: StyleDeclaration}
+        this._layoutFunctions = {}; // {[propertyName]: Boolean}
+
+        var paintName, layoutName;
+
+        // Resolve paint declarations
+        for (var key in layer) {
+            var match = key.match(/^paint(?:\.(.*))?$/);
+            if (match) {
+                var klass = match[1] || '';
+                for (paintName in layer[key]) {
+                    this.setPaintProperty(paintName, layer[key][paintName], klass);
+                }
+            }
+        }
+
+        // Resolve layout declarations
+        if (this.ref) {
+            this._layoutDeclarations = refLayer._layoutDeclarations;
+        } else {
+            for (layoutName in layer.layout) {
+                this.setLayoutProperty(layoutName, layer.layout[layoutName]);
+            }
+        }
+
+        // set initial layout/paint values
+        for (paintName in this._paintSpecifications) {
+            this.paint[paintName] = this.getPaintValue(paintName);
+        }
+        for (layoutName in this._layoutSpecifications) {
+            this._updateLayoutValue(layoutName);
+        }
+    },
+
+    setLayoutProperty: function(name, value) {
+
+        if (value == null) {
+            delete this._layoutDeclarations[name];
+        } else {
+            var key = 'layers.' + this.id + '.layout.' + name;
+            if (this._handleErrors(validateStyle.layoutProperty, key, name, value)) return;
+            this._layoutDeclarations[name] = new StyleDeclaration(this._layoutSpecifications[name], value);
+        }
+        this._updateLayoutValue(name);
+    },
+
+    getLayoutProperty: function(name) {
+        return (
+            this._layoutDeclarations[name] &&
+            this._layoutDeclarations[name].value
+        );
+    },
+
+    getLayoutValue: function(name, globalProperties, featureProperties) {
+        var specification = this._layoutSpecifications[name];
+        var declaration = this._layoutDeclarations[name];
+
+        if (declaration) {
+            return declaration.calculate(globalProperties, featureProperties);
+        } else {
+            return specification.default;
+        }
+    },
+
+    setPaintProperty: function(name, value, klass) {
+        var validateStyleKey = 'layers.' + this.id + (klass ? '["paint.' + klass + '"].' : '.paint.') + name;
+
+        if (util.endsWith(name, TRANSITION_SUFFIX)) {
+            if (!this._paintTransitionOptions[klass || '']) {
+                this._paintTransitionOptions[klass || ''] = {};
+            }
+            if (value === null || value === undefined) {
+                delete this._paintTransitionOptions[klass || ''][name];
+            } else {
+                if (this._handleErrors(validateStyle.paintProperty, validateStyleKey, name, value)) return;
+                this._paintTransitionOptions[klass || ''][name] = value;
+            }
+        } else {
+            if (!this._paintDeclarations[klass || '']) {
+                this._paintDeclarations[klass || ''] = {};
+            }
+            if (value === null || value === undefined) {
+                delete this._paintDeclarations[klass || ''][name];
+            } else {
+                if (this._handleErrors(validateStyle.paintProperty, validateStyleKey, name, value)) return;
+                this._paintDeclarations[klass || ''][name] = new StyleDeclaration(this._paintSpecifications[name], value);
+            }
+        }
+    },
+
+    getPaintProperty: function(name, klass) {
+        klass = klass || '';
+        if (util.endsWith(name, TRANSITION_SUFFIX)) {
+            return (
+                this._paintTransitionOptions[klass] &&
+                this._paintTransitionOptions[klass][name]
+            );
+        } else {
+            return (
+                this._paintDeclarations[klass] &&
+                this._paintDeclarations[klass][name] &&
+                this._paintDeclarations[klass][name].value
+            );
+        }
+    },
+
+    getPaintValue: function(name, globalProperties, featureProperties) {
+        var specification = this._paintSpecifications[name];
+        var transition = this._paintTransitions[name];
+
+        if (transition) {
+            return transition.calculate(globalProperties, featureProperties);
+        } else if (specification.type === 'color' && specification.default) {
+            return parseColor(specification.default);
+        } else {
+            return specification.default;
+        }
+    },
+
+    getPaintValueStopZoomLevels: function(name) {
+        var transition = this._paintTransitions[name];
+        if (transition) {
+            return transition.declaration.stopZoomLevels;
+        } else {
+            return [];
+        }
+    },
+
+    getPaintInterpolationT: function(name, zoom) {
+        var transition = this._paintTransitions[name];
+        return transition.declaration.calculateInterpolationT({ zoom: zoom });
+    },
+
+    isPaintValueFeatureConstant: function(name) {
+        var transition = this._paintTransitions[name];
+
+        if (transition) {
+            return transition.declaration.isFeatureConstant;
+        } else {
+            return true;
+        }
+    },
+
+    isLayoutValueFeatureConstant: function(name) {
+        var declaration = this._layoutDeclarations[name];
+
+        if (declaration) {
+            return declaration.isFeatureConstant;
+        } else {
+            return true;
+        }
+    },
+
+    isPaintValueZoomConstant: function(name) {
+        var transition = this._paintTransitions[name];
+
+        if (transition) {
+            return transition.declaration.isZoomConstant;
+        } else {
+            return true;
+        }
+    },
+
+
+    isHidden: function(zoom) {
+        if (this.minzoom && zoom < this.minzoom) return true;
+        if (this.maxzoom && zoom >= this.maxzoom) return true;
+        if (this.layout['visibility'] === 'none') return true;
+        if (this.paint[this.type + '-opacity'] === 0) return true;
+        return false;
+    },
+
+    updatePaintTransitions: function(classes, options, globalOptions, animationLoop) {
+        var declarations = util.extend({}, this._paintDeclarations['']);
+        for (var i = 0; i < classes.length; i++) {
+            util.extend(declarations, this._paintDeclarations[classes[i]]);
+        }
+
+        var name;
+        for (name in declarations) { // apply new declarations
+            this._applyPaintDeclaration(name, declarations[name], options, globalOptions, animationLoop);
+        }
+        for (name in this._paintTransitions) {
+            if (!(name in declarations)) // apply removed declarations
+                this._applyPaintDeclaration(name, null, options, globalOptions, animationLoop);
+        }
+    },
+
+    updatePaintTransition: function(name, classes, options, globalOptions, animationLoop) {
+        var declaration = this._paintDeclarations[''][name];
+        for (var i = 0; i < classes.length; i++) {
+            var classPaintDeclarations = this._paintDeclarations[classes[i]];
+            if (classPaintDeclarations && classPaintDeclarations[name]) {
+                declaration = classPaintDeclarations[name];
+            }
+        }
+        this._applyPaintDeclaration(name, declaration, options, globalOptions, animationLoop);
+    },
+
+    // update all zoom-dependent layout/paint values
+    recalculate: function(zoom, zoomHistory) {
+        for (var paintName in this._paintTransitions) {
+            this.paint[paintName] = this.getPaintValue(paintName, {zoom: zoom, zoomHistory: zoomHistory});
+        }
+        for (var layoutName in this._layoutFunctions) {
+            this.layout[layoutName] = this.getLayoutValue(layoutName, {zoom: zoom, zoomHistory: zoomHistory});
+        }
+    },
+
+    serialize: function(options) {
+        var output = {
+            'id': this.id,
+            'ref': this.ref,
+            'metadata': this.metadata,
+            'minzoom': this.minzoom,
+            'maxzoom': this.maxzoom
+        };
+
+        for (var klass in this._paintDeclarations) {
+            var key = klass === '' ? 'paint' : 'paint.' + klass;
+            output[key] = util.mapObject(this._paintDeclarations[klass], getDeclarationValue);
+        }
+
+        if (!this.ref || (options && options.includeRefProperties)) {
+            util.extend(output, {
+                'type': this.type,
+                'source': this.source,
+                'source-layer': this.sourceLayer,
+                'filter': this.filter,
+                'layout': util.mapObject(this._layoutDeclarations, getDeclarationValue)
+            });
+        }
+
+        return util.filterObject(output, function(value, key) {
+            return value !== undefined && !(key === 'layout' && !Object.keys(value).length);
+        });
+    },
+
+    // set paint transition based on a given paint declaration
+    _applyPaintDeclaration: function (name, declaration, options, globalOptions, animationLoop) {
+        var oldTransition = options.transition ? this._paintTransitions[name] : undefined;
+        var spec = this._paintSpecifications[name];
+
+        if (declaration === null || declaration === undefined) {
+            declaration = new StyleDeclaration(spec, spec.default);
+        }
+
+        if (oldTransition && oldTransition.declaration.json === declaration.json) return;
+
+        var transitionOptions = util.extend({
+            duration: 300,
+            delay: 0
+        }, globalOptions, this.getPaintProperty(name + TRANSITION_SUFFIX));
+
+        var newTransition = this._paintTransitions[name] =
+            new StyleTransition(spec, declaration, oldTransition, transitionOptions);
+
+        if (!newTransition.instant()) {
+            newTransition.loopID = animationLoop.set(newTransition.endTime - Date.now());
+        }
+        if (oldTransition) {
+            animationLoop.cancel(oldTransition.loopID);
+        }
+    },
+
+    // update layout value if it's constant, or mark it as zoom-dependent
+    _updateLayoutValue: function(name) {
+        var declaration = this._layoutDeclarations[name];
+
+        if (declaration && declaration.isFunction) {
+            this._layoutFunctions[name] = true;
+        } else {
+            delete this._layoutFunctions[name];
+            this.layout[name] = this.getLayoutValue(name);
+        }
+    },
+
+    _handleErrors: function(validate, key, name, value) {
+        return validateStyle.emitErrors(this, validate.call(validateStyle, {
+            key: key,
+            layerType: this.type,
+            objectKey: name,
+            value: value,
+            styleSpec: styleSpec,
+            // Workaround for https://github.com/mapbox/mapbox-gl-js/issues/2407
+            style: {glyphs: true, sprite: true}
+        }));
+    }
+});
+
+function getDeclarationValue(declaration) {
+    return declaration.value;
+}
+
+},{"../util/evented":434,"../util/util":442,"./parse_color":377,"./style_declaration":379,"./style_layer/background_style_layer":382,"./style_layer/circle_style_layer":383,"./style_layer/fill_style_layer":384,"./style_layer/line_style_layer":385,"./style_layer/raster_style_layer":386,"./style_layer/symbol_style_layer":387,"./style_spec":388,"./style_transition":389,"./validate_style":390}],382:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function BackgroundStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+module.exports = BackgroundStyleLayer;
+
+BackgroundStyleLayer.prototype = util.inherit(StyleLayer, {});
+
+},{"../../util/util":442,"../style_layer":381}],383:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function CircleStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+module.exports = CircleStyleLayer;
+
+CircleStyleLayer.prototype = util.inherit(StyleLayer, {});
+
+},{"../../util/util":442,"../style_layer":381}],384:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function FillStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+FillStyleLayer.prototype = util.inherit(StyleLayer, {
+
+    getPaintValue: function(name, globalProperties, featureProperties) {
+        if (name === 'fill-outline-color' && this.getPaintProperty('fill-outline-color') === undefined) {
+            return StyleLayer.prototype.getPaintValue.call(this, 'fill-color', globalProperties, featureProperties);
+        } else {
+            return StyleLayer.prototype.getPaintValue.call(this, name, globalProperties, featureProperties);
+        }
+    },
+
+    getPaintValueStopZoomLevels: function(name) {
+        if (name === 'fill-outline-color' && this.getPaintProperty('fill-outline-color') === undefined) {
+            return StyleLayer.prototype.getPaintValueStopZoomLevels.call(this, 'fill-color');
+        } else {
+            return StyleLayer.prototype.getPaintValueStopZoomLevels.call(this, arguments);
+        }
+    },
+
+    getPaintInterpolationT: function(name, zoom) {
+        if (name === 'fill-outline-color' && this.getPaintProperty('fill-outline-color') === undefined) {
+            return StyleLayer.prototype.getPaintInterpolationT.call(this, 'fill-color', zoom);
+        } else {
+            return StyleLayer.prototype.getPaintInterpolationT.call(this, name, zoom);
+        }
+    },
+
+    isPaintValueFeatureConstant: function(name) {
+        if (name === 'fill-outline-color' && this.getPaintProperty('fill-outline-color') === undefined) {
+            return StyleLayer.prototype.isPaintValueFeatureConstant.call(this, 'fill-color');
+        } else {
+            return StyleLayer.prototype.isPaintValueFeatureConstant.call(this, name);
+        }
+    },
+
+    isPaintValueZoomConstant: function(name) {
+        if (name === 'fill-outline-color' && this.getPaintProperty('fill-outline-color') === undefined) {
+            return StyleLayer.prototype.isPaintValueZoomConstant.call(this, 'fill-color');
+        } else {
+            return StyleLayer.prototype.isPaintValueZoomConstant.call(this, name);
+        }
+    }
+
+});
+
+module.exports = FillStyleLayer;
+
+},{"../../util/util":442,"../style_layer":381}],385:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function LineStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+module.exports = LineStyleLayer;
+
+LineStyleLayer.prototype = util.inherit(StyleLayer, {
+
+    getPaintValue: function(name, globalProperties, featureProperties) {
+        var value = StyleLayer.prototype.getPaintValue.apply(this, arguments);
+
+        // If the line is dashed, scale the dash lengths by the line
+        // width at the previous round zoom level.
+        if (value && name === 'line-dasharray') {
+            var flooredZoom = Math.floor(globalProperties.zoom);
+            if (this._flooredZoom !== flooredZoom) {
+                this._flooredZoom = flooredZoom;
+                this._flooredLineWidth = this.getPaintValue('line-width', globalProperties, featureProperties);
+            }
+
+            value.fromScale *= this._flooredLineWidth;
+            value.toScale *= this._flooredLineWidth;
+        }
+
+        return value;
+    }
+});
+
+},{"../../util/util":442,"../style_layer":381}],386:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function RasterStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+module.exports = RasterStyleLayer;
+
+RasterStyleLayer.prototype = util.inherit(StyleLayer, {});
+
+},{"../../util/util":442,"../style_layer":381}],387:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var StyleLayer = require('../style_layer');
+
+function SymbolStyleLayer() {
+    StyleLayer.apply(this, arguments);
+}
+
+module.exports = SymbolStyleLayer;
+
+SymbolStyleLayer.prototype = util.inherit(StyleLayer, {
+
+    isHidden: function() {
+        if (StyleLayer.prototype.isHidden.apply(this, arguments)) return true;
+
+        var isTextHidden = this.paint['text-opacity'] === 0 || !this.layout['text-field'];
+        var isIconHidden = this.paint['icon-opacity'] === 0 || !this.layout['icon-image'];
+        if (isTextHidden && isIconHidden) return true;
+
+        return false;
+    },
+
+    getLayoutValue: function(name, globalProperties, featureProperties) {
+        if (name === 'text-rotation-alignment' &&
+                this.getLayoutValue('symbol-placement', globalProperties, featureProperties) === 'line' &&
+                !this.getLayoutProperty('text-rotation-alignment')) {
+            return 'map';
+        } else if (name === 'icon-rotation-alignment' &&
+                this.getLayoutValue('symbol-placement', globalProperties, featureProperties) === 'line' &&
+                !this.getLayoutProperty('icon-rotation-alignment')) {
+            return 'map';
+        // If unspecified `text-pitch-alignment` inherits `text-rotation-alignment`
+        } else if (name === 'text-pitch-alignment' && !this.getLayoutProperty('text-pitch-alignment')) {
+            return this.getLayoutValue('text-rotation-alignment');
+        } else {
+            return StyleLayer.prototype.getLayoutValue.apply(this, arguments);
+        }
+    }
+
+});
+
+},{"../../util/util":442,"../style_layer":381}],388:[function(require,module,exports){
+'use strict';
+
+module.exports = require('mapbox-gl-style-spec/reference/latest.min');
+
+},{"mapbox-gl-style-spec/reference/latest.min":325}],389:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var interpolate = require('../util/interpolate');
+
+module.exports = StyleTransition;
+
+/*
+ * Represents a transition between two declarations
+ */
+function StyleTransition(reference, declaration, oldTransition, value) {
+
+    this.declaration = declaration;
+    this.startTime = this.endTime = (new Date()).getTime();
+
+    if (reference.function === 'piecewise-constant' && reference.transition) {
+        this.interp = interpZoomTransitioned;
+    } else {
+        this.interp = interpolate[reference.type];
+    }
+
+    this.oldTransition = oldTransition;
+    this.duration = value.duration || 0;
+    this.delay = value.delay || 0;
+
+    if (!this.instant()) {
+        this.endTime = this.startTime + this.duration + this.delay;
+        this.ease = util.easeCubicInOut;
+    }
+
+    if (oldTransition && oldTransition.endTime <= this.startTime) {
+        // Old transition is done running, so we can
+        // delete its reference to its old transition.
+
+        delete oldTransition.oldTransition;
+    }
+}
+
+StyleTransition.prototype.instant = function() {
+    return !this.oldTransition || !this.interp || (this.duration === 0 && this.delay === 0);
+};
+
+/*
+ * Return the value of the transitioning property at zoom level `z` and optional time `t`
+ */
+StyleTransition.prototype.calculate = function(globalProperties, featureProperties) {
+    var value = this.declaration.calculate(
+        util.extend({}, globalProperties, {duration: this.duration}),
+        featureProperties
+    );
+
+    if (this.instant()) return value;
+
+    var t = globalProperties.time || Date.now();
+
+    if (t < this.endTime) {
+        var oldValue = this.oldTransition.calculate(
+            util.extend({}, globalProperties, {time: this.startTime}),
+            featureProperties
+        );
+        var eased = this.ease((t - this.startTime - this.delay) / this.duration);
+        value = this.interp(oldValue, value, eased);
+    }
+
+    return value;
+
+};
+
+// This function is used to smoothly transition between discrete values, such
+// as images and dasharrays.
+function interpZoomTransitioned(from, to, t) {
+    if ((from && from.to) === undefined || (to && to.to) === undefined) {
+        return undefined;
+    } else {
+        return {
+            from: from.to,
+            fromScale: from.toScale,
+            to: to.to,
+            toScale: to.toScale,
+            t: t
+        };
+    }
+}
+
+},{"../util/interpolate":436,"../util/util":442}],390:[function(require,module,exports){
+'use strict';
+
+module.exports = require('mapbox-gl-style-spec/lib/validate_style.min');
+
+module.exports.emitErrors = function throwErrors(emitter, errors) {
+    if (errors && errors.length) {
+        for (var i = 0; i < errors.length; i++) {
+            emitter.fire('error', { error: new Error(errors[i].message) });
+        }
+        return true;
+    } else {
+        return false;
+    }
+};
+
+module.exports.throwErrors = function throwErrors(emitter, errors) {
+    if (errors) {
+        for (var i = 0; i < errors.length; i++) {
+            throw new Error(errors[i].message);
+        }
+    }
+};
+
+},{"mapbox-gl-style-spec/lib/validate_style.min":324}],391:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+module.exports = Anchor;
+
+function Anchor(x, y, angle, segment) {
+    this.x = x;
+    this.y = y;
+    this.angle = angle;
+
+    if (segment !== undefined) {
+        this.segment = segment;
+    }
+}
+
+Anchor.prototype = Object.create(Point.prototype);
+
+Anchor.prototype.clone = function() {
+    return new Anchor(this.x, this.y, this.angle, this.segment);
+};
+
+},{"point-geometry":484}],392:[function(require,module,exports){
+'use strict';
+
+module.exports = checkMaxAngle;
+
+/**
+ * Labels placed around really sharp angles aren't readable. Check if any
+ * part of the potential label has a combined angle that is too big.
+ *
+ * @param {Array<Point>} line
+ * @param {Anchor} anchor The point on the line around which the label is anchored.
+ * @param {number} labelLength The length of the label in geometry units.
+ * @param {number} windowSize The check fails if the combined angles within a part of the line that is `windowSize` long is too big.
+ * @param {number} maxAngle The maximum combined angle that any window along the label is allowed to have.
+ *
+ * @returns {boolean} whether the label should be placed
+ * @private
+ */
+function checkMaxAngle(line, anchor, labelLength, windowSize, maxAngle) {
+
+    // horizontal labels always pass
+    if (anchor.segment === undefined) return true;
+
+    var p = anchor;
+    var index = anchor.segment + 1;
+    var anchorDistance = 0;
+
+    // move backwards along the line to the first segment the label appears on
+    while (anchorDistance > -labelLength / 2) {
+        index--;
+
+        // there isn't enough room for the label after the beginning of the line
+        if (index < 0) return false;
+
+        anchorDistance -= line[index].dist(p);
+        p = line[index];
+    }
+
+    anchorDistance += line[index].dist(line[index + 1]);
+    index++;
+
+    // store recent corners and their total angle difference
+    var recentCorners = [];
+    var recentAngleDelta = 0;
+
+    // move forwards by the length of the label and check angles along the way
+    while (anchorDistance < labelLength / 2) {
+        var prev = line[index - 1];
+        var current = line[index];
+        var next = line[index + 1];
+
+        // there isn't enough room for the label before the end of the line
+        if (!next) return false;
+
+        var angleDelta = prev.angleTo(current) - current.angleTo(next);
+        // restrict angle to -pi..pi range
+        angleDelta = Math.abs(((angleDelta + 3 * Math.PI) % (Math.PI * 2)) - Math.PI);
+
+        recentCorners.push({
+            distance: anchorDistance,
+            angleDelta: angleDelta
+        });
+        recentAngleDelta += angleDelta;
+
+        // remove corners that are far enough away from the list of recent anchors
+        while (anchorDistance - recentCorners[0].distance > windowSize) {
+            recentAngleDelta -= recentCorners.shift().angleDelta;
+        }
+
+        // the sum of angles within the window area exceeds the maximum allowed value. check fails.
+        if (recentAngleDelta > maxAngle) return false;
+
+        index++;
+        anchorDistance += current.dist(next);
+    }
+
+    // no part of the line had an angle greater than the maximum allowed. check passes.
+    return true;
+}
+
+},{}],393:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+module.exports = clipLine;
+
+/**
+ * Returns the part of a multiline that intersects with the provided rectangular box.
+ *
+ * @param {Array<Array<Point>>} lines
+ * @param {number} x1 the left edge of the box
+ * @param {number} y1 the top edge of the box
+ * @param {number} x2 the right edge of the box
+ * @param {number} y2 the bottom edge of the box
+ * @returns {Array<Array<Point>>} lines
+ * @private
+ */
+function clipLine(lines, x1, y1, x2, y2) {
+    var clippedLines = [];
+
+    for (var l = 0; l < lines.length; l++) {
+        var line = lines[l];
+        var clippedLine;
+
+        for (var i = 0; i < line.length - 1; i++) {
+            var p0 = line[i];
+            var p1 = line[i + 1];
+
+
+            if (p0.x < x1 && p1.x < x1) {
+                continue;
+            } else if (p0.x < x1) {
+                p0 = new Point(x1, p0.y + (p1.y - p0.y) * ((x1 - p0.x) / (p1.x - p0.x)))._round();
+            } else if (p1.x < x1) {
+                p1 = new Point(x1, p0.y + (p1.y - p0.y) * ((x1 - p0.x) / (p1.x - p0.x)))._round();
+            }
+
+            if (p0.y < y1 && p1.y < y1) {
+                continue;
+            } else if (p0.y < y1) {
+                p0 = new Point(p0.x + (p1.x - p0.x) * ((y1 - p0.y) / (p1.y - p0.y)), y1)._round();
+            } else if (p1.y < y1) {
+                p1 = new Point(p0.x + (p1.x - p0.x) * ((y1 - p0.y) / (p1.y - p0.y)), y1)._round();
+            }
+
+            if (p0.x >= x2 && p1.x >= x2) {
+                continue;
+            } else if (p0.x >= x2) {
+                p0 = new Point(x2, p0.y + (p1.y - p0.y) * ((x2 - p0.x) / (p1.x - p0.x)))._round();
+            } else if (p1.x >= x2) {
+                p1 = new Point(x2, p0.y + (p1.y - p0.y) * ((x2 - p0.x) / (p1.x - p0.x)))._round();
+            }
+
+            if (p0.y >= y2 && p1.y >= y2) {
+                continue;
+            } else if (p0.y >= y2) {
+                p0 = new Point(p0.x + (p1.x - p0.x) * ((y2 - p0.y) / (p1.y - p0.y)), y2)._round();
+            } else if (p1.y >= y2) {
+                p1 = new Point(p0.x + (p1.x - p0.x) * ((y2 - p0.y) / (p1.y - p0.y)), y2)._round();
+            }
+
+            if (!clippedLine || !p0.equals(clippedLine[clippedLine.length - 1])) {
+                clippedLine = [p0];
+                clippedLines.push(clippedLine);
+            }
+
+            clippedLine.push(p1);
+        }
+    }
+
+    return clippedLines;
+}
+
+},{"point-geometry":484}],394:[function(require,module,exports){
+'use strict';
+
+var StructArrayType = require('../util/struct_array');
+var util = require('../util/util');
+var Point = require('point-geometry');
+
+/**
+ * A collision box represents an area of the map that that is covered by a
+ * label. CollisionFeature uses one or more of these collision boxes to
+ * represent all the area covered by a single label. They are used to
+ * prevent collisions between labels.
+ *
+ * A collision box actually represents a 3d volume. The first two dimensions,
+ * x and y, are specified with `anchor` along with `x1`, `y1`, `x2`, `y2`.
+ * The third dimension, zoom, is limited by `maxScale` which determines
+ * how far in the z dimensions the box extends.
+ *
+ * As you zoom in on a map, all points on the map get further and further apart
+ * but labels stay roughly the same size. Labels cover less real world area on
+ * the map at higher zoom levels than they do at lower zoom levels. This is why
+ * areas are are represented with an anchor point and offsets from that point
+ * instead of just using four absolute points.
+ *
+ * Line labels are represented by a set of these boxes spaced out along a line.
+ * When you zoom in, line labels cover less real world distance along the line
+ * than they used to. Collision boxes near the edges that used to cover label
+ * no longer do. If a box doesn't cover the label anymore it should be ignored
+ * when doing collision checks. `maxScale` is how much you can scale the map
+ * before the label isn't within the box anymore.
+ * For example
+ * lower zoom:
+ * https://cloud.githubusercontent.com/assets/1421652/8060094/4d975f76-0e91-11e5-84b1-4edeb30a5875.png
+ * slightly higher zoom:
+ * https://cloud.githubusercontent.com/assets/1421652/8060061/26ae1c38-0e91-11e5-8c5a-9f380bf29f0a.png
+ * In the zoomed in image the two grey boxes on either side don't cover the
+ * label anymore. Their maxScale is smaller than the current scale.
+ *
+ *
+ * @class CollisionBoxArray
+ * @private
+ */
+
+var CollisionBoxArray = module.exports = new StructArrayType({
+    members: [
+        // the box is centered around the anchor point
+        { type: 'Int16', name: 'anchorPointX' },
+        { type: 'Int16', name: 'anchorPointY' },
+
+        // distances to the edges from the anchor
+        { type: 'Int16', name: 'x1' },
+        { type: 'Int16', name: 'y1' },
+        { type: 'Int16', name: 'x2' },
+        { type: 'Int16', name: 'y2' },
+
+        // the box is only valid for scales < maxScale.
+        // The box does not block other boxes at scales >= maxScale;
+        { type: 'Float32', name: 'maxScale' },
+
+        // the index of the feature in the original vectortile
+        { type: 'Uint32', name: 'featureIndex' },
+        // the source layer the feature appears in
+        { type: 'Uint16', name: 'sourceLayerIndex' },
+        // the bucket the feature appears in
+        { type: 'Uint16', name: 'bucketIndex' },
+
+        // rotated and scaled bbox used for indexing
+        { type: 'Int16', name: 'bbox0' },
+        { type: 'Int16', name: 'bbox1' },
+        { type: 'Int16', name: 'bbox2' },
+        { type: 'Int16', name: 'bbox3' },
+
+        { type: 'Float32', name: 'placementScale' }
+    ]});
+
+util.extendAll(CollisionBoxArray.prototype.StructType.prototype, {
+    get anchorPoint() {
+        return new Point(this.anchorPointX, this.anchorPointY);
+    }
+});
+
+},{"../util/struct_array":440,"../util/util":442,"point-geometry":484}],395:[function(require,module,exports){
+'use strict';
+
+module.exports = CollisionFeature;
+
+/**
+ * A CollisionFeature represents the area of the tile covered by a single label.
+ * It is used with CollisionTile to check if the label overlaps with any
+ * previous labels. A CollisionFeature is mostly just a set of CollisionBox
+ * objects.
+ *
+ * @class CollisionFeature
+ * @param {Array<Point>} line The geometry the label is placed on.
+ * @param {Anchor} anchor The point along the line around which the label is anchored.
+ * @param {VectorTileFeature} feature The VectorTileFeature that this CollisionFeature was created for.
+ * @param {Array<string>} layerIDs The IDs of the layers that this CollisionFeature is a part of.
+ * @param {Object} shaped The text or icon shaping results.
+ * @param {number} boxScale A magic number used to convert from glyph metrics units to geometry units.
+ * @param {number} padding The amount of padding to add around the label edges.
+ * @param {boolean} alignLine Whether the label is aligned with the line or the viewport.
+ *
+ * @private
+ */
+function CollisionFeature(collisionBoxArray, line, anchor, featureIndex, sourceLayerIndex, bucketIndex, shaped, boxScale, padding, alignLine, straight) {
+
+    var y1 = shaped.top * boxScale - padding;
+    var y2 = shaped.bottom * boxScale + padding;
+    var x1 = shaped.left * boxScale - padding;
+    var x2 = shaped.right * boxScale + padding;
+
+    this.boxStartIndex = collisionBoxArray.length;
+
+    if (alignLine) {
+
+        var height = y2 - y1;
+        var length = x2 - x1;
+
+        if (height > 0) {
+            // set minimum box height to avoid very many small labels
+            height = Math.max(10 * boxScale, height);
+
+            if (straight) {
+                // used for icon labels that are aligned with the line, but don't curve along it
+                var vector = line[anchor.segment + 1].sub(line[anchor.segment])._unit()._mult(length);
+                var straightLine = [anchor.sub(vector), anchor.add(vector)];
+                this._addLineCollisionBoxes(collisionBoxArray, straightLine, anchor, 0, length, height, featureIndex, sourceLayerIndex, bucketIndex);
+            } else {
+                // used for text labels that curve along a line
+                this._addLineCollisionBoxes(collisionBoxArray, line, anchor, anchor.segment, length, height, featureIndex, sourceLayerIndex, bucketIndex);
+            }
+        }
+
+    } else {
+        collisionBoxArray.emplaceBack(anchor.x, anchor.y, x1, y1, x2, y2, Infinity, featureIndex, sourceLayerIndex, bucketIndex,
+                0, 0, 0, 0, 0);
+    }
+
+    this.boxEndIndex = collisionBoxArray.length;
+}
+
+/**
+ * Create a set of CollisionBox objects for a line.
+ *
+ * @param {Array<Point>} line
+ * @param {Anchor} anchor
+ * @param {number} labelLength The length of the label in geometry units.
+ * @param {Anchor} anchor The point along the line around which the label is anchored.
+ * @param {VectorTileFeature} feature The VectorTileFeature that this CollisionFeature was created for.
+ * @param {number} boxSize The size of the collision boxes that will be created.
+ *
+ * @private
+ */
+CollisionFeature.prototype._addLineCollisionBoxes = function(collisionBoxArray, line, anchor, segment, labelLength, boxSize, featureIndex, sourceLayerIndex, bucketIndex) {
+    var step = boxSize / 2;
+    var nBoxes = Math.floor(labelLength / step);
+
+    // offset the center of the first box by half a box so that the edge of the
+    // box is at the edge of the label.
+    var firstBoxOffset = -boxSize / 2;
+
+    var bboxes = this.boxes;
+
+    var p = anchor;
+    var index = segment + 1;
+    var anchorDistance = firstBoxOffset;
+
+    // move backwards along the line to the first segment the label appears on
+    do {
+        index--;
+
+        // there isn't enough room for the label after the beginning of the line
+        // checkMaxAngle should have already caught this
+        if (index < 0) return bboxes;
+
+        anchorDistance -= line[index].dist(p);
+        p = line[index];
+    } while (anchorDistance > -labelLength / 2);
+
+    var segmentLength = line[index].dist(line[index + 1]);
+
+    for (var i = 0; i < nBoxes; i++) {
+        // the distance the box will be from the anchor
+        var boxDistanceToAnchor = -labelLength / 2 + i * step;
+
+        // the box is not on the current segment. Move to the next segment.
+        while (anchorDistance + segmentLength < boxDistanceToAnchor) {
+            anchorDistance += segmentLength;
+            index++;
+
+            // There isn't enough room before the end of the line.
+            if (index + 1 >= line.length) return bboxes;
+
+            segmentLength = line[index].dist(line[index + 1]);
+        }
+
+        // the distance the box will be from the beginning of the segment
+        var segmentBoxDistance = boxDistanceToAnchor - anchorDistance;
+
+        var p0 = line[index];
+        var p1 = line[index + 1];
+        var boxAnchorPoint = p1.sub(p0)._unit()._mult(segmentBoxDistance)._add(p0)._round();
+
+        var distanceToInnerEdge = Math.max(Math.abs(boxDistanceToAnchor - firstBoxOffset) - step / 2, 0);
+        var maxScale = labelLength / 2 / distanceToInnerEdge;
+
+        collisionBoxArray.emplaceBack(boxAnchorPoint.x, boxAnchorPoint.y,
+                -boxSize / 2, -boxSize / 2, boxSize / 2, boxSize / 2, maxScale,
+                featureIndex, sourceLayerIndex, bucketIndex,
+                0, 0, 0, 0, 0);
+    }
+
+    return bboxes;
+};
+
+},{}],396:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+var EXTENT = require('../data/bucket').EXTENT;
+var Grid = require('grid-index');
+
+module.exports = CollisionTile;
+
+/**
+ * A collision tile used to prevent symbols from overlapping. It keep tracks of
+ * where previous symbols have been placed and is used to check if a new
+ * symbol overlaps with any previously added symbols.
+ *
+ * @class CollisionTile
+ * @param {number} angle
+ * @param {number} pitch
+ * @private
+ */
+function CollisionTile(angle, pitch, collisionBoxArray) {
+    if (typeof angle === 'object') {
+        var serialized = angle;
+        collisionBoxArray = pitch;
+        angle = serialized.angle;
+        pitch = serialized.pitch;
+        this.grid = new Grid(serialized.grid);
+        this.ignoredGrid = new Grid(serialized.ignoredGrid);
+    } else {
+        this.grid = new Grid(EXTENT, 12, 6);
+        this.ignoredGrid = new Grid(EXTENT, 12, 0);
+    }
+
+    this.angle = angle;
+    this.pitch = pitch;
+
+    var sin = Math.sin(angle),
+        cos = Math.cos(angle);
+    this.rotationMatrix = [cos, -sin, sin, cos];
+    this.reverseRotationMatrix = [cos, sin, -sin, cos];
+
+    // Stretch boxes in y direction to account for the map tilt.
+    this.yStretch = 1 / Math.cos(pitch / 180 * Math.PI);
+
+    // The amount the map is squished depends on the y position.
+    // Sort of account for this by making all boxes a bit bigger.
+    this.yStretch = Math.pow(this.yStretch, 1.3);
+
+    this.collisionBoxArray = collisionBoxArray;
+    if (collisionBoxArray.length === 0) {
+        // the first collisionBoxArray is passed to a CollisionTile
+
+        // tempCollisionBox
+        collisionBoxArray.emplaceBack();
+
+        var maxInt16 = 32767;
+        //left
+        collisionBoxArray.emplaceBack(0, 0, 0, -maxInt16, 0, maxInt16, maxInt16,
+                0, 0, 0, 0, 0, 0, 0, 0,
+                0);
+        // right
+        collisionBoxArray.emplaceBack(EXTENT, 0, 0, -maxInt16, 0, maxInt16, maxInt16,
+                0, 0, 0, 0, 0, 0, 0, 0,
+                0);
+        // top
+        collisionBoxArray.emplaceBack(0, 0, -maxInt16, 0, maxInt16, 0, maxInt16,
+                0, 0, 0, 0, 0, 0, 0, 0,
+                0);
+        // bottom
+        collisionBoxArray.emplaceBack(0, EXTENT, -maxInt16, 0, maxInt16, 0, maxInt16,
+                0, 0, 0, 0, 0, 0, 0, 0,
+                0);
+    }
+
+    this.tempCollisionBox = collisionBoxArray.get(0);
+    this.edges = [
+        collisionBoxArray.get(1),
+        collisionBoxArray.get(2),
+        collisionBoxArray.get(3),
+        collisionBoxArray.get(4)
+    ];
+}
+
+CollisionTile.prototype.serialize = function() {
+    var data = {
+        angle: this.angle,
+        pitch: this.pitch,
+        grid: this.grid.toArrayBuffer(),
+        ignoredGrid: this.ignoredGrid.toArrayBuffer()
+    };
+    return {
+        data: data,
+        transferables: [data.grid, data.ignoredGrid]
+    };
+};
+
+CollisionTile.prototype.minScale = 0.25;
+CollisionTile.prototype.maxScale = 2;
+
+
+/**
+ * Find the scale at which the collisionFeature can be shown without
+ * overlapping with other features.
+ *
+ * @param {CollisionFeature} collisionFeature
+ * @returns {number} placementScale
+ * @private
+ */
+CollisionTile.prototype.placeCollisionFeature = function(collisionFeature, allowOverlap, avoidEdges) {
+
+    var collisionBoxArray = this.collisionBoxArray;
+    var minPlacementScale = this.minScale;
+    var rotationMatrix = this.rotationMatrix;
+    var yStretch = this.yStretch;
+
+    for (var b = collisionFeature.boxStartIndex; b < collisionFeature.boxEndIndex; b++) {
+
+        var box = collisionBoxArray.get(b);
+
+        var anchorPoint = box.anchorPoint._matMult(rotationMatrix);
+        var x = anchorPoint.x;
+        var y = anchorPoint.y;
+
+        var x1 = x + box.x1;
+        var y1 = y + box.y1 * yStretch;
+        var x2 = x + box.x2;
+        var y2 = y + box.y2 * yStretch;
+
+        box.bbox0 = x1;
+        box.bbox1 = y1;
+        box.bbox2 = x2;
+        box.bbox3 = y2;
+
+        if (!allowOverlap) {
+            var blockingBoxes = this.grid.query(x1, y1, x2, y2);
+
+            for (var i = 0; i < blockingBoxes.length; i++) {
+                var blocking = collisionBoxArray.get(blockingBoxes[i]);
+                var blockingAnchorPoint = blocking.anchorPoint._matMult(rotationMatrix);
+
+                minPlacementScale = this.getPlacementScale(minPlacementScale, anchorPoint, box, blockingAnchorPoint, blocking);
+                if (minPlacementScale >= this.maxScale) {
+                    return minPlacementScale;
+                }
+            }
+        }
+
+        if (avoidEdges) {
+            var rotatedCollisionBox;
+
+            if (this.angle) {
+                var reverseRotationMatrix = this.reverseRotationMatrix;
+                var tl = new Point(box.x1, box.y1).matMult(reverseRotationMatrix);
+                var tr = new Point(box.x2, box.y1).matMult(reverseRotationMatrix);
+                var bl = new Point(box.x1, box.y2).matMult(reverseRotationMatrix);
+                var br = new Point(box.x2, box.y2).matMult(reverseRotationMatrix);
+
+                rotatedCollisionBox = this.tempCollisionBox;
+                rotatedCollisionBox.anchorPointX = box.anchorPoint.x;
+                rotatedCollisionBox.anchorPointY = box.anchorPoint.y;
+                rotatedCollisionBox.x1 = Math.min(tl.x, tr.x, bl.x, br.x);
+                rotatedCollisionBox.y1 = Math.min(tl.y, tr.x, bl.x, br.x);
+                rotatedCollisionBox.x2 = Math.max(tl.x, tr.x, bl.x, br.x);
+                rotatedCollisionBox.y2 = Math.max(tl.y, tr.x, bl.x, br.x);
+                rotatedCollisionBox.maxScale = box.maxScale;
+            } else {
+                rotatedCollisionBox = box;
+            }
+
+            for (var k = 0; k < this.edges.length; k++) {
+                var edgeBox = this.edges[k];
+                minPlacementScale = this.getPlacementScale(minPlacementScale, box.anchorPoint, rotatedCollisionBox, edgeBox.anchorPoint, edgeBox);
+                if (minPlacementScale >= this.maxScale) {
+                    return minPlacementScale;
+                }
+            }
+        }
+    }
+
+    return minPlacementScale;
+};
+
+CollisionTile.prototype.queryRenderedSymbols = function(minX, minY, maxX, maxY, scale) {
+    var sourceLayerFeatures = {};
+    var result = [];
+
+    var collisionBoxArray = this.collisionBoxArray;
+    var rotationMatrix = this.rotationMatrix;
+    var anchorPoint = new Point(minX, minY)._matMult(rotationMatrix);
+
+    var queryBox = this.tempCollisionBox;
+    queryBox.anchorX = anchorPoint.x;
+    queryBox.anchorY = anchorPoint.y;
+    queryBox.x1 = 0;
+    queryBox.y1 = 0;
+    queryBox.x2 = maxX - minX;
+    queryBox.y2 = maxY - minY;
+    queryBox.maxScale = scale;
+
+    // maxScale is stored using a Float32. Convert `scale` to the stored Float32 value.
+    scale = queryBox.maxScale;
+
+    var searchBox = [
+        anchorPoint.x + queryBox.x1 / scale,
+        anchorPoint.y + queryBox.y1 / scale * this.yStretch,
+        anchorPoint.x + queryBox.x2 / scale,
+        anchorPoint.y + queryBox.y2 / scale * this.yStretch
+    ];
+
+    var blockingBoxKeys = this.grid.query(searchBox[0], searchBox[1], searchBox[2], searchBox[3]);
+    var blockingBoxKeys2 = this.ignoredGrid.query(searchBox[0], searchBox[1], searchBox[2], searchBox[3]);
+    for (var k = 0; k < blockingBoxKeys2.length; k++) {
+        blockingBoxKeys.push(blockingBoxKeys2[k]);
+    }
+
+    for (var i = 0; i < blockingBoxKeys.length; i++) {
+        var blocking = collisionBoxArray.get(blockingBoxKeys[i]);
+
+        var sourceLayer = blocking.sourceLayerIndex;
+        var featureIndex = blocking.featureIndex;
+        if (sourceLayerFeatures[sourceLayer] === undefined) {
+            sourceLayerFeatures[sourceLayer] = {};
+        }
+
+        if (!sourceLayerFeatures[sourceLayer][featureIndex]) {
+            var blockingAnchorPoint = blocking.anchorPoint.matMult(rotationMatrix);
+            var minPlacementScale = this.getPlacementScale(this.minScale, anchorPoint, queryBox, blockingAnchorPoint, blocking);
+            if (minPlacementScale >= scale) {
+                sourceLayerFeatures[sourceLayer][featureIndex] = true;
+                result.push(blockingBoxKeys[i]);
+            }
+        }
+    }
+
+    return result;
+};
+
+CollisionTile.prototype.getPlacementScale = function(minPlacementScale, anchorPoint, box, blockingAnchorPoint, blocking) {
+
+    // Find the lowest scale at which the two boxes can fit side by side without overlapping.
+    // Original algorithm:
+    var anchorDiffX = anchorPoint.x - blockingAnchorPoint.x;
+    var anchorDiffY = anchorPoint.y - blockingAnchorPoint.y;
+    var s1 = (blocking.x1 - box.x2) / anchorDiffX; // scale at which new box is to the left of old box
+    var s2 = (blocking.x2 - box.x1) / anchorDiffX; // scale at which new box is to the right of old box
+    var s3 = (blocking.y1 - box.y2) * this.yStretch / anchorDiffY; // scale at which new box is to the top of old box
+    var s4 = (blocking.y2 - box.y1) * this.yStretch / anchorDiffY; // scale at which new box is to the bottom of old box
+
+    if (isNaN(s1) || isNaN(s2)) s1 = s2 = 1;
+    if (isNaN(s3) || isNaN(s4)) s3 = s4 = 1;
+
+    var collisionFreeScale = Math.min(Math.max(s1, s2), Math.max(s3, s4));
+    var blockingMaxScale = blocking.maxScale;
+    var boxMaxScale = box.maxScale;
+
+    if (collisionFreeScale > blockingMaxScale) {
+        // After a box's maxScale the label has shrunk enough that the box is no longer needed to cover it,
+        // so unblock the new box at the scale that the old box disappears.
+        collisionFreeScale = blockingMaxScale;
+    }
+
+    if (collisionFreeScale > boxMaxScale) {
+        // If the box can only be shown after it is visible, then the box can never be shown.
+        // But the label can be shown after this box is not visible.
+        collisionFreeScale = boxMaxScale;
+    }
+
+    if (collisionFreeScale > minPlacementScale &&
+            collisionFreeScale >= blocking.placementScale) {
+        // If this collision occurs at a lower scale than previously found collisions
+        // and the collision occurs while the other label is visible
+
+        // this this is the lowest scale at which the label won't collide with anything
+        minPlacementScale = collisionFreeScale;
+    }
+
+    return minPlacementScale;
+};
+
+
+/**
+ * Remember this collisionFeature and what scale it was placed at to block
+ * later features from overlapping with it.
+ *
+ * @param {CollisionFeature} collisionFeature
+ * @param {number} minPlacementScale
+ * @private
+ */
+CollisionTile.prototype.insertCollisionFeature = function(collisionFeature, minPlacementScale, ignorePlacement) {
+
+    var grid = ignorePlacement ? this.ignoredGrid : this.grid;
+    var collisionBoxArray = this.collisionBoxArray;
+
+    for (var k = collisionFeature.boxStartIndex; k < collisionFeature.boxEndIndex; k++) {
+        var box = collisionBoxArray.get(k);
+        box.placementScale = minPlacementScale;
+        if (minPlacementScale < this.maxScale) {
+            grid.insert(k, box.bbox0, box.bbox1, box.bbox2, box.bbox3);
+        }
+    }
+};
+
+},{"../data/bucket":329,"grid-index":287,"point-geometry":484}],397:[function(require,module,exports){
+'use strict';
+
+var interpolate = require('../util/interpolate');
+var Anchor = require('../symbol/anchor');
+var checkMaxAngle = require('./check_max_angle');
+
+module.exports = getAnchors;
+
+function getAnchors(line, spacing, maxAngle, shapedText, shapedIcon, glyphSize, boxScale, overscaling, tileExtent) {
+
+    // Resample a line to get anchor points for labels and check that each
+    // potential label passes text-max-angle check and has enough froom to fit
+    // on the line.
+
+    var angleWindowSize = shapedText ?
+        3 / 5 * glyphSize * boxScale :
+        0;
+
+    var labelLength = Math.max(
+        shapedText ? shapedText.right - shapedText.left : 0,
+        shapedIcon ? shapedIcon.right - shapedIcon.left : 0);
+
+    // Is the line continued from outside the tile boundary?
+    var isLineContinued = line[0].x === 0 || line[0].x === tileExtent || line[0].y === 0 || line[0].y === tileExtent;
+
+    // Is the label long, relative to the spacing?
+    // If so, adjust the spacing so there is always a minimum space of `spacing / 4` between label edges.
+    if (spacing - labelLength * boxScale  < spacing / 4) {
+        spacing = labelLength * boxScale + spacing / 4;
+    }
+
+    // Offset the first anchor by:
+    // Either half the label length plus a fixed extra offset if the line is not continued
+    // Or half the spacing if the line is continued.
+
+    // For non-continued lines, add a bit of fixed extra offset to avoid collisions at T intersections.
+    var fixedExtraOffset = glyphSize * 2;
+
+    var offset = !isLineContinued ?
+        ((labelLength / 2 + fixedExtraOffset) * boxScale * overscaling) % spacing :
+        (spacing / 2 * overscaling) % spacing;
+
+    return resample(line, offset, spacing, angleWindowSize, maxAngle, labelLength * boxScale, isLineContinued, false, tileExtent);
+}
+
+
+function resample(line, offset, spacing, angleWindowSize, maxAngle, labelLength, isLineContinued, placeAtMiddle, tileExtent) {
+
+    var halfLabelLength = labelLength / 2;
+    var lineLength = 0;
+    for (var k = 0; k < line.length - 1; k++) {
+        lineLength += line[k].dist(line[k + 1]);
+    }
+
+    var distance = 0,
+        markedDistance = offset - spacing;
+
+    var anchors = [];
+
+    for (var i = 0; i < line.length - 1; i++) {
+
+        var a = line[i],
+            b = line[i + 1];
+
+        var segmentDist = a.dist(b),
+            angle = b.angleTo(a);
+
+        while (markedDistance + spacing < distance + segmentDist) {
+            markedDistance += spacing;
+
+            var t = (markedDistance - distance) / segmentDist,
+                x = interpolate(a.x, b.x, t),
+                y = interpolate(a.y, b.y, t);
+
+            // Check that the point is within the tile boundaries and that
+            // the label would fit before the beginning and end of the line
+            // if placed at this point.
+            if (x >= 0 && x < tileExtent && y >= 0 && y < tileExtent &&
+                    markedDistance - halfLabelLength >= 0 &&
+                    markedDistance + halfLabelLength <= lineLength) {
+                var anchor = new Anchor(x, y, angle, i)._round();
+
+                if (!angleWindowSize || checkMaxAngle(line, anchor, labelLength, angleWindowSize, maxAngle)) {
+                    anchors.push(anchor);
+                }
+            }
+        }
+
+        distance += segmentDist;
+    }
+
+    if (!placeAtMiddle && !anchors.length && !isLineContinued) {
+        // The first attempt at finding anchors at which labels can be placed failed.
+        // Try again, but this time just try placing one anchor at the middle of the line.
+        // This has the most effect for short lines in overscaled tiles, since the
+        // initial offset used in overscaled tiles is calculated to align labels with positions in
+        // parent tiles instead of placing the label as close to the beginning as possible.
+        anchors = resample(line, distance / 2, spacing, angleWindowSize, maxAngle, labelLength, isLineContinued, true, tileExtent);
+    }
+
+    return anchors;
+}
+
+},{"../symbol/anchor":391,"../util/interpolate":436,"./check_max_angle":392}],398:[function(require,module,exports){
+'use strict';
+
+var ShelfPack = require('shelf-pack');
+var util = require('../util/util');
+
+var SIZE_GROWTH_RATE = 4;
+var DEFAULT_SIZE = 128;
+// must be "DEFAULT_SIZE * SIZE_GROWTH_RATE ^ n" for some integer n
+var MAX_SIZE = 2048;
+
+module.exports = GlyphAtlas;
+function GlyphAtlas() {
+    this.width = DEFAULT_SIZE;
+    this.height = DEFAULT_SIZE;
+
+    this.bin = new ShelfPack(this.width, this.height);
+    this.index = {};
+    this.ids = {};
+    this.data = new Uint8Array(this.width * this.height);
+}
+
+GlyphAtlas.prototype.getGlyphs = function() {
+    var glyphs = {},
+        split,
+        name,
+        id;
+
+    for (var key in this.ids) {
+        split = key.split('#');
+        name = split[0];
+        id = split[1];
+
+        if (!glyphs[name]) glyphs[name] = [];
+        glyphs[name].push(id);
+    }
+
+    return glyphs;
+};
+
+GlyphAtlas.prototype.getRects = function() {
+    var rects = {},
+        split,
+        name,
+        id;
+
+    for (var key in this.ids) {
+        split = key.split('#');
+        name = split[0];
+        id = split[1];
+
+        if (!rects[name]) rects[name] = {};
+        rects[name][id] = this.index[key];
+    }
+
+    return rects;
+};
+
+
+GlyphAtlas.prototype.addGlyph = function(id, name, glyph, buffer) {
+    if (!glyph) return null;
+
+    var key = name + "#" + glyph.id;
+
+    // The glyph is already in this texture.
+    if (this.index[key]) {
+        if (this.ids[key].indexOf(id) < 0) {
+            this.ids[key].push(id);
+        }
+        return this.index[key];
+    }
+
+    // The glyph bitmap has zero width.
+    if (!glyph.bitmap) {
+        return null;
+    }
+
+    var bufferedWidth = glyph.width + buffer * 2;
+    var bufferedHeight = glyph.height + buffer * 2;
+
+    // Add a 1px border around every image.
+    var padding = 1;
+    var packWidth = bufferedWidth + 2 * padding;
+    var packHeight = bufferedHeight + 2 * padding;
+
+    // Increase to next number divisible by 4, but at least 1.
+    // This is so we can scale down the texture coordinates and pack them
+    // into fewer bytes.
+    packWidth += (4 - packWidth % 4);
+    packHeight += (4 - packHeight % 4);
+
+    var rect = this.bin.packOne(packWidth, packHeight);
+    if (!rect) {
+        this.resize();
+        rect = this.bin.packOne(packWidth, packHeight);
+    }
+    if (!rect) {
+        util.warnOnce('glyph bitmap overflow');
+        return null;
+    }
+
+    this.index[key] = rect;
+    this.ids[key] = [id];
+
+    var target = this.data;
+    var source = glyph.bitmap;
+    for (var y = 0; y < bufferedHeight; y++) {
+        var y1 = this.width * (rect.y + y + padding) + rect.x + padding;
+        var y2 = bufferedWidth * y;
+        for (var x = 0; x < bufferedWidth; x++) {
+            target[y1 + x] = source[y2 + x];
+        }
+    }
+
+    this.dirty = true;
+
+    return rect;
+};
+
+GlyphAtlas.prototype.resize = function() {
+    var prevWidth = this.width;
+    var prevHeight = this.height;
+
+    if (prevWidth >= MAX_SIZE || prevHeight >= MAX_SIZE) return;
+
+    if (this.texture) {
+        if (this.gl) {
+            this.gl.deleteTexture(this.texture);
+        }
+        this.texture = null;
+    }
+
+    this.width *= SIZE_GROWTH_RATE;
+    this.height *= SIZE_GROWTH_RATE;
+    this.bin.resize(this.width, this.height);
+
+    var buf = new ArrayBuffer(this.width * this.height);
+    for (var i = 0; i < prevHeight; i++) {
+        var src = new Uint8Array(this.data.buffer, prevHeight * i, prevWidth);
+        var dst = new Uint8Array(buf, prevHeight * i * SIZE_GROWTH_RATE, prevWidth);
+        dst.set(src);
+    }
+    this.data = new Uint8Array(buf);
+};
+
+GlyphAtlas.prototype.bind = function(gl) {
+    this.gl = gl;
+    if (!this.texture) {
+        this.texture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.ALPHA, this.width, this.height, 0, gl.ALPHA, gl.UNSIGNED_BYTE, null);
+
+    } else {
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+    }
+};
+
+GlyphAtlas.prototype.updateTexture = function(gl) {
+    this.bind(gl);
+    if (this.dirty) {
+        gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, this.width, this.height, gl.ALPHA, gl.UNSIGNED_BYTE, this.data);
+        this.dirty = false;
+    }
+};
+
+},{"../util/util":442,"shelf-pack":514}],399:[function(require,module,exports){
+'use strict';
+
+var normalizeURL = require('../util/mapbox').normalizeGlyphsURL;
+var getArrayBuffer = require('../util/ajax').getArrayBuffer;
+var Glyphs = require('../util/glyphs');
+var GlyphAtlas = require('../symbol/glyph_atlas');
+var Protobuf = require('pbf');
+
+module.exports = GlyphSource;
+
+/**
+ * A glyph source has a URL from which to load new glyphs and manages
+ * GlyphAtlases in which to store glyphs used by the requested fontstacks
+ * and ranges.
+ *
+ * @param {string} url glyph template url
+ * @private
+ */
+function GlyphSource(url) {
+    this.url = url && normalizeURL(url);
+    this.atlases = {};
+    this.stacks = {};
+    this.loading = {};
+}
+
+GlyphSource.prototype.getSimpleGlyphs = function(fontstack, glyphIDs, uid, callback) {
+    if (this.stacks[fontstack] === undefined) {
+        this.stacks[fontstack] = {};
+    }
+    if (this.atlases[fontstack] === undefined) {
+        this.atlases[fontstack] = new GlyphAtlas();
+    }
+
+    var glyphs = {};
+    var stack = this.stacks[fontstack];
+    var atlas = this.atlases[fontstack];
+
+    // the number of pixels the sdf bitmaps are padded by
+    var buffer = 3;
+
+    var missing = {};
+    var remaining = 0;
+    var range;
+
+    for (var i = 0; i < glyphIDs.length; i++) {
+        var glyphID = glyphIDs[i];
+        range = Math.floor(glyphID / 256);
+
+        if (stack[range]) {
+            var glyph = stack[range].glyphs[glyphID];
+            var rect  = atlas.addGlyph(uid, fontstack, glyph, buffer);
+            if (glyph) glyphs[glyphID] = new SimpleGlyph(glyph, rect, buffer);
+        } else {
+            if (missing[range] === undefined) {
+                missing[range] = [];
+                remaining++;
+            }
+            missing[range].push(glyphID);
+        }
+    }
+
+    if (!remaining) callback(undefined, glyphs, fontstack);
+
+    var onRangeLoaded = function(err, range, data) {
+        if (!err) {
+            var stack = this.stacks[fontstack][range] = data.stacks[0];
+            for (var i = 0; i < missing[range].length; i++) {
+                var glyphID = missing[range][i];
+                var glyph = stack.glyphs[glyphID];
+                var rect  = atlas.addGlyph(uid, fontstack, glyph, buffer);
+                if (glyph) glyphs[glyphID] = new SimpleGlyph(glyph, rect, buffer);
+            }
+        }
+        remaining--;
+        if (!remaining) callback(undefined, glyphs, fontstack);
+    }.bind(this);
+
+    for (var r in missing) {
+        this.loadRange(fontstack, r, onRangeLoaded);
+    }
+};
+
+// A simplified representation of the glyph containing only the properties needed for shaping.
+function SimpleGlyph(glyph, rect, buffer) {
+    var padding = 1;
+    this.advance = glyph.advance;
+    this.left = glyph.left - buffer - padding;
+    this.top = glyph.top + buffer + padding;
+    this.rect = rect;
+}
+
+GlyphSource.prototype.loadRange = function(fontstack, range, callback) {
+    if (range * 256 > 65535) return callback('glyphs > 65535 not supported');
+
+    if (this.loading[fontstack] === undefined) {
+        this.loading[fontstack] = {};
+    }
+    var loading = this.loading[fontstack];
+
+    if (loading[range]) {
+        loading[range].push(callback);
+    } else {
+        loading[range] = [callback];
+
+        var rangeName = (range * 256) + '-' + (range * 256 + 255);
+        var url = glyphUrl(fontstack, rangeName, this.url);
+
+        getArrayBuffer(url, function(err, data) {
+            var glyphs = !err && new Glyphs(new Protobuf(new Uint8Array(data)));
+            for (var i = 0; i < loading[range].length; i++) {
+                loading[range][i](err, range, glyphs);
+            }
+            delete loading[range];
+        });
+    }
+};
+
+GlyphSource.prototype.getGlyphAtlas = function(fontstack) {
+    return this.atlases[fontstack];
+};
+
+/**
+ * Use CNAME sharding to load a specific glyph range over a randomized
+ * but consistent subdomain.
+ * @param {string} fontstack comma-joined fonts
+ * @param {string} range comma-joined range
+ * @param {url} url templated url
+ * @param {string} [subdomains=abc] subdomains as a string where each letter is one.
+ * @returns {string} a url to load that section of glyphs
+ * @private
+ */
+function glyphUrl(fontstack, range, url, subdomains) {
+    subdomains = subdomains || 'abc';
+
+    return url
+        .replace('{s}', subdomains[fontstack.length % subdomains.length])
+        .replace('{fontstack}', fontstack)
+        .replace('{range}', range);
+}
+
+},{"../symbol/glyph_atlas":398,"../util/ajax":425,"../util/glyphs":435,"../util/mapbox":439,"pbf":478}],400:[function(require,module,exports){
+'use strict';
+
+module.exports = function (features, textFeatures, geometries) {
+
+    var leftIndex = {},
+        rightIndex = {},
+        mergedFeatures = [],
+        mergedGeom = [],
+        mergedTexts = [],
+        mergedIndex = 0,
+        k;
+
+    function add(k) {
+        mergedFeatures.push(features[k]);
+        mergedGeom.push(geometries[k]);
+        mergedTexts.push(textFeatures[k]);
+        mergedIndex++;
+    }
+
+    function mergeFromRight(leftKey, rightKey, geom) {
+        var i = rightIndex[leftKey];
+        delete rightIndex[leftKey];
+        rightIndex[rightKey] = i;
+
+        mergedGeom[i][0].pop();
+        mergedGeom[i][0] = mergedGeom[i][0].concat(geom[0]);
+        return i;
+    }
+
+    function mergeFromLeft(leftKey, rightKey, geom) {
+        var i = leftIndex[rightKey];
+        delete leftIndex[rightKey];
+        leftIndex[leftKey] = i;
+
+        mergedGeom[i][0].shift();
+        mergedGeom[i][0] = geom[0].concat(mergedGeom[i][0]);
+        return i;
+    }
+
+    function getKey(text, geom, onRight) {
+        var point = onRight ? geom[0][geom[0].length - 1] : geom[0][0];
+        return text + ':' + point.x + ':' + point.y;
+    }
+
+    for (k = 0; k < features.length; k++) {
+        var geom = geometries[k],
+            text = textFeatures[k];
+
+        if (!text) {
+            add(k);
+            continue;
+        }
+
+        var leftKey = getKey(text, geom),
+            rightKey = getKey(text, geom, true);
+
+        if ((leftKey in rightIndex) && (rightKey in leftIndex) && (rightIndex[leftKey] !== leftIndex[rightKey])) {
+            // found lines with the same text adjacent to both ends of the current line, merge all three
+            var j = mergeFromLeft(leftKey, rightKey, geom);
+            var i = mergeFromRight(leftKey, rightKey, mergedGeom[j]);
+
+            delete leftIndex[leftKey];
+            delete rightIndex[rightKey];
+
+            rightIndex[getKey(text, mergedGeom[i], true)] = i;
+            mergedGeom[j] = null;
+
+        } else if (leftKey in rightIndex) {
+            // found mergeable line adjacent to the start of the current line, merge
+            mergeFromRight(leftKey, rightKey, geom);
+
+        } else if (rightKey in leftIndex) {
+            // found mergeable line adjacent to the end of the current line, merge
+            mergeFromLeft(leftKey, rightKey, geom);
+
+        } else {
+            // no adjacent lines, add as a new item
+            add(k);
+            leftIndex[leftKey] = mergedIndex - 1;
+            rightIndex[rightKey] = mergedIndex - 1;
+        }
+    }
+
+    return {
+        features: mergedFeatures,
+        textFeatures: mergedTexts,
+        geometries: mergedGeom
+    };
+};
+
+},{}],401:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+module.exports = {
+    getIconQuads: getIconQuads,
+    getGlyphQuads: getGlyphQuads,
+    SymbolQuad: SymbolQuad
+};
+
+var minScale = 0.5; // underscale by 1 zoom level
+
+/**
+ * A textured quad for rendering a single icon or glyph.
+ *
+ * The zoom range the glyph can be shown is defined by minScale and maxScale.
+ *
+ * @param {Point} anchorPoint the point the symbol is anchored around
+ * @param {Point} tl The offset of the top left corner from the anchor.
+ * @param {Point} tr The offset of the top right corner from the anchor.
+ * @param {Point} bl The offset of the bottom left corner from the anchor.
+ * @param {Point} br The offset of the bottom right corner from the anchor.
+ * @param {Object} tex The texture coordinates.
+ * @param {number} anchorAngle The angle of the label at it's center, not the angle of this quad.
+ * @param {number} glyphAngle The angle of the glyph to be positioned in the quad.
+ * @param {number} minScale The minimum scale, relative to the tile's intended scale, that the glyph can be shown at.
+ * @param {number} maxScale The maximum scale, relative to the tile's intended scale, that the glyph can be shown at.
+ *
+ * @class SymbolQuad
+ * @private
+ */
+function SymbolQuad(anchorPoint, tl, tr, bl, br, tex, anchorAngle, glyphAngle, minScale, maxScale) {
+    this.anchorPoint = anchorPoint;
+    this.tl = tl;
+    this.tr = tr;
+    this.bl = bl;
+    this.br = br;
+    this.tex = tex;
+    this.anchorAngle = anchorAngle;
+    this.glyphAngle = glyphAngle;
+    this.minScale = minScale;
+    this.maxScale = maxScale;
+}
+
+/**
+ * Create the quads used for rendering an icon.
+ *
+ * @param {Anchor} anchor
+ * @param {PositionedIcon} shapedIcon
+ * @param {number} boxScale A magic number for converting glyph metric units to geometry units.
+ * @param {Array<Array<Point>>} line
+ * @param {StyleLayer} layer
+ * @param {boolean} alongLine Whether the icon should be placed along the line.
+ * @param {Shaping} shapedText Shaping for corresponding text
+ * @returns {Array<SymbolQuad>}
+ * @private
+ */
+function getIconQuads(anchor, shapedIcon, boxScale, line, layer, alongLine, shapedText, globalProperties, featureProperties) {
+    var rect = shapedIcon.image.rect;
+    var layout = layer.layout;
+
+    var border = 1;
+    var left = shapedIcon.left - border;
+    var right = left + rect.w / shapedIcon.image.pixelRatio;
+    var top = shapedIcon.top - border;
+    var bottom = top + rect.h / shapedIcon.image.pixelRatio;
+    var tl, tr, br, bl;
+
+    // text-fit mode
+    if (layout['icon-text-fit'] !== 'none' && shapedText) {
+        var iconWidth = (right - left),
+            iconHeight = (bottom - top),
+            size = layout['text-size'] / 24,
+            textLeft = shapedText.left * size,
+            textRight = shapedText.right * size,
+            textTop = shapedText.top * size,
+            textBottom = shapedText.bottom * size,
+            textWidth = textRight - textLeft,
+            textHeight = textBottom - textTop,
+            padT = layout['icon-text-fit-padding'][0],
+            padR = layout['icon-text-fit-padding'][1],
+            padB = layout['icon-text-fit-padding'][2],
+            padL = layout['icon-text-fit-padding'][3],
+            offsetY = layout['icon-text-fit'] === 'width' ? (textHeight - iconHeight) * 0.5 : 0,
+            offsetX = layout['icon-text-fit'] === 'height' ? (textWidth - iconWidth) * 0.5 : 0,
+            width = layout['icon-text-fit'] === 'width' || layout['icon-text-fit'] === 'both' ? textWidth : iconWidth,
+            height = layout['icon-text-fit'] === 'height' || layout['icon-text-fit'] === 'both' ? textHeight : iconHeight;
+        tl = new Point(textLeft + offsetX - padL,         textTop + offsetY - padT);
+        tr = new Point(textLeft + offsetX + padR + width, textTop + offsetY - padT);
+        br = new Point(textLeft + offsetX + padR + width, textTop + offsetY + padB + height);
+        bl = new Point(textLeft + offsetX - padL,         textTop + offsetY + padB + height);
+    // Normal icon size mode
+    } else {
+        tl = new Point(left, top);
+        tr = new Point(right, top);
+        br = new Point(right, bottom);
+        bl = new Point(left, bottom);
+    }
+
+    var angle = layer.getLayoutValue('icon-rotate', globalProperties, featureProperties) * Math.PI / 180;
+    if (alongLine) {
+        var prev = line[anchor.segment];
+        if (anchor.y === prev.y && anchor.x === prev.x && anchor.segment + 1 < line.length) {
+            var next = line[anchor.segment + 1];
+            angle += Math.atan2(anchor.y - next.y, anchor.x - next.x) + Math.PI;
+        } else {
+            angle += Math.atan2(anchor.y - prev.y, anchor.x - prev.x);
+        }
+    }
+
+    if (angle) {
+        var sin = Math.sin(angle),
+            cos = Math.cos(angle),
+            matrix = [cos, -sin, sin, cos];
+
+        tl = tl.matMult(matrix);
+        tr = tr.matMult(matrix);
+        bl = bl.matMult(matrix);
+        br = br.matMult(matrix);
+    }
+
+    return [new SymbolQuad(new Point(anchor.x, anchor.y), tl, tr, bl, br, shapedIcon.image.rect, 0, 0, minScale, Infinity)];
+}
+
+/**
+ * Create the quads used for rendering a text label.
+ *
+ * @param {Anchor} anchor
+ * @param {Shaping} shaping
+ * @param {number} boxScale A magic number for converting from glyph metric units to geometry units.
+ * @param {Array<Array<Point>>} line
+ * @param {StyleLayer} layer
+ * @param {boolean} alongLine Whether the label should be placed along the line.
+ * @returns {Array<SymbolQuad>}
+ * @private
+ */
+function getGlyphQuads(anchor, shaping, boxScale, line, layer, alongLine) {
+
+    var textRotate = layer.layout['text-rotate'] * Math.PI / 180;
+    var keepUpright = layer.layout['text-keep-upright'];
+
+    var positionedGlyphs = shaping.positionedGlyphs;
+    var quads = [];
+
+    for (var k = 0; k < positionedGlyphs.length; k++) {
+        var positionedGlyph = positionedGlyphs[k];
+        var glyph = positionedGlyph.glyph;
+        var rect = glyph.rect;
+
+        if (!rect) continue;
+
+        var centerX = (positionedGlyph.x + glyph.advance / 2) * boxScale;
+
+        var glyphInstances;
+        var labelMinScale = minScale;
+        if (alongLine) {
+            glyphInstances = [];
+            labelMinScale = getSegmentGlyphs(glyphInstances, anchor, centerX, line, anchor.segment, true);
+            if (keepUpright) {
+                labelMinScale = Math.min(labelMinScale, getSegmentGlyphs(glyphInstances, anchor, centerX, line, anchor.segment, false));
+            }
+
+        } else {
+            glyphInstances = [{
+                anchorPoint: new Point(anchor.x, anchor.y),
+                offset: 0,
+                angle: 0,
+                maxScale: Infinity,
+                minScale: minScale
+            }];
+        }
+
+        var x1 = positionedGlyph.x + glyph.left,
+            y1 = positionedGlyph.y - glyph.top,
+            x2 = x1 + rect.w,
+            y2 = y1 + rect.h,
+
+            otl = new Point(x1, y1),
+            otr = new Point(x2, y1),
+            obl = new Point(x1, y2),
+            obr = new Point(x2, y2);
+
+        for (var i = 0; i < glyphInstances.length; i++) {
+
+            var instance = glyphInstances[i],
+                tl = otl,
+                tr = otr,
+                bl = obl,
+                br = obr;
+
+            if (textRotate) {
+                var sin = Math.sin(textRotate),
+                    cos = Math.cos(textRotate),
+                    matrix = [cos, -sin, sin, cos];
+
+                tl = tl.matMult(matrix);
+                tr = tr.matMult(matrix);
+                bl = bl.matMult(matrix);
+                br = br.matMult(matrix);
+            }
+
+            // Prevent label from extending past the end of the line
+            var glyphMinScale = Math.max(instance.minScale, labelMinScale);
+
+            var anchorAngle = (anchor.angle + instance.offset + 2 * Math.PI) % (2 * Math.PI);
+            var glyphAngle = (instance.angle + instance.offset + 2 * Math.PI) % (2 * Math.PI);
+            quads.push(new SymbolQuad(instance.anchorPoint, tl, tr, bl, br, rect, anchorAngle, glyphAngle, glyphMinScale, instance.maxScale));
+        }
+    }
+
+    return quads;
+}
+
+/**
+ * We can only render glyph quads that slide along a straight line. To draw
+ * curved lines we need an instance of a glyph for each segment it appears on.
+ * This creates all the instances of a glyph that are necessary to render a label.
+ *
+ * We need a
+ * @param {Array<Object>} glyphInstances An empty array that glyphInstances are added to.
+ * @param {Anchor} anchor
+ * @param {number} offset The glyph's offset from the center of the label.
+ * @param {Array<Point>} line
+ * @param {number} segment The index of the segment of the line on which the anchor exists.
+ * @param {boolean} forward If true get the glyphs that come later on the line, otherwise get the glyphs that come earlier.
+ *
+ * @returns {Array<Object>} glyphInstances
+ * @private
+ */
+function getSegmentGlyphs(glyphs, anchor, offset, line, segment, forward) {
+    var upsideDown = !forward;
+
+    if (offset < 0) forward = !forward;
+
+    if (forward) segment++;
+
+    var newAnchorPoint = new Point(anchor.x, anchor.y);
+    var end = line[segment];
+    var prevScale = Infinity;
+
+    offset = Math.abs(offset);
+
+    var placementScale = minScale;
+
+    while (true) {
+        var distance = newAnchorPoint.dist(end);
+        var scale = offset / distance;
+
+        // Get the angle of the line segment
+        var angle = Math.atan2(end.y - newAnchorPoint.y, end.x - newAnchorPoint.x);
+        if (!forward) angle += Math.PI;
+
+        glyphs.push({
+            anchorPoint: newAnchorPoint,
+            offset: upsideDown ? Math.PI : 0,
+            minScale: scale,
+            maxScale: prevScale,
+            angle: (angle + 2 * Math.PI) % (2 * Math.PI)
+        });
+
+        if (scale <= placementScale) break;
+
+        newAnchorPoint = end;
+
+        // skip duplicate nodes
+        while (newAnchorPoint.equals(end)) {
+            segment += forward ? 1 : -1;
+            end = line[segment];
+            if (!end) {
+                return scale;
+            }
+        }
+
+        var unit = end.sub(newAnchorPoint)._unit();
+        newAnchorPoint = newAnchorPoint.sub(unit._mult(distance));
+
+        prevScale = scale;
+    }
+
+    return placementScale;
+}
+
+},{"point-geometry":484}],402:[function(require,module,exports){
+'use strict';
+
+var resolveTokens = require('../util/token');
+
+module.exports = resolveText;
+
+/**
+ * For an array of features determine what glyphs need to be loaded
+ * and apply any text preprocessing. The remaining users of text should
+ * use the `textFeatures` key returned by this function rather than accessing
+ * feature text directly.
+ * @private
+ */
+function resolveText(features, layoutProperties, codepoints) {
+    var textFeatures = [];
+
+    for (var i = 0, fl = features.length; i < fl; i++) {
+        var text = resolveTokens(features[i].properties, layoutProperties['text-field']);
+        if (!text) {
+            textFeatures[i] = null;
+            continue;
+        }
+        text = text.toString();
+
+        var transform = layoutProperties['text-transform'];
+        if (transform === 'uppercase') {
+            text = text.toLocaleUpperCase();
+        } else if (transform === 'lowercase') {
+            text = text.toLocaleLowerCase();
+        }
+
+        for (var j = 0; j < text.length; j++) {
+            codepoints[text.charCodeAt(j)] = true;
+        }
+
+        // Track indexes of features with text.
+        textFeatures[i] = text;
+    }
+
+    return textFeatures;
+}
+
+},{"../util/token":441}],403:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+    shapeText: shapeText,
+    shapeIcon: shapeIcon
+};
+
+
+// The position of a glyph relative to the text's anchor point.
+function PositionedGlyph(codePoint, x, y, glyph) {
+    this.codePoint = codePoint;
+    this.x = x;
+    this.y = y;
+    this.glyph = glyph;
+}
+
+// A collection of positioned glyphs and some metadata
+function Shaping(positionedGlyphs, text, top, bottom, left, right) {
+    this.positionedGlyphs = positionedGlyphs;
+    this.text = text;
+    this.top = top;
+    this.bottom = bottom;
+    this.left = left;
+    this.right = right;
+}
+
+function shapeText(text, glyphs, maxWidth, lineHeight, horizontalAlign, verticalAlign, justify, spacing, translate) {
+
+    var positionedGlyphs = [];
+    var shaping = new Shaping(positionedGlyphs, text, translate[1], translate[1], translate[0], translate[0]);
+
+    // the y offset *should* be part of the font metadata
+    var yOffset = -17;
+
+    var x = 0;
+    var y = yOffset;
+
+    for (var i = 0; i < text.length; i++) {
+        var codePoint = text.charCodeAt(i);
+        var glyph = glyphs[codePoint];
+
+        if (!glyph) continue;
+
+        positionedGlyphs.push(new PositionedGlyph(codePoint, x, y, glyph));
+        x += glyph.advance + spacing;
+    }
+
+    if (!positionedGlyphs.length) return false;
+
+    linewrap(shaping, glyphs, lineHeight, maxWidth, horizontalAlign, verticalAlign, justify, translate);
+
+    return shaping;
+}
+
+var invisible = {
+    0x20:   true, // space
+    0x200b: true  // zero-width space
+};
+
+var breakable = {
+    0x20:   true, // space
+    0x26:   true, // ampersand
+    0x2b:   true, // plus sign
+    0x2d:   true, // hyphen-minus
+    0x2f:   true, // solidus
+    0xad:   true, // soft hyphen
+    0xb7:   true, // middle dot
+    0x200b: true, // zero-width space
+    0x2010: true, // hyphen
+    0x2013: true  // en dash
+};
+
+function linewrap(shaping, glyphs, lineHeight, maxWidth, horizontalAlign, verticalAlign, justify, translate) {
+    var lastSafeBreak = null;
+
+    var lengthBeforeCurrentLine = 0;
+    var lineStartIndex = 0;
+    var line = 0;
+
+    var maxLineLength = 0;
+
+    var positionedGlyphs = shaping.positionedGlyphs;
+
+    if (maxWidth) {
+        for (var i = 0; i < positionedGlyphs.length; i++) {
+            var positionedGlyph = positionedGlyphs[i];
+
+            positionedGlyph.x -= lengthBeforeCurrentLine;
+            positionedGlyph.y += lineHeight * line;
+
+            if (positionedGlyph.x > maxWidth && lastSafeBreak !== null) {
+
+                var lineLength = positionedGlyphs[lastSafeBreak + 1].x;
+                maxLineLength = Math.max(lineLength, maxLineLength);
+
+                for (var k = lastSafeBreak + 1; k <= i; k++) {
+                    positionedGlyphs[k].y += lineHeight;
+                    positionedGlyphs[k].x -= lineLength;
+                }
+
+                if (justify) {
+                    // Collapse invisible characters.
+                    var lineEnd = lastSafeBreak;
+                    if (invisible[positionedGlyphs[lastSafeBreak].codePoint]) {
+                        lineEnd--;
+                    }
+
+                    justifyLine(positionedGlyphs, glyphs, lineStartIndex, lineEnd, justify);
+                }
+
+                lineStartIndex = lastSafeBreak + 1;
+                lastSafeBreak = null;
+                lengthBeforeCurrentLine += lineLength;
+                line++;
+            }
+
+            if (breakable[positionedGlyph.codePoint]) {
+                lastSafeBreak = i;
+            }
+        }
+    }
+
+    var lastPositionedGlyph = positionedGlyphs[positionedGlyphs.length - 1];
+    var lastLineLength = lastPositionedGlyph.x + glyphs[lastPositionedGlyph.codePoint].advance;
+    maxLineLength = Math.max(maxLineLength, lastLineLength);
+
+    var height = (line + 1) * lineHeight;
+
+    justifyLine(positionedGlyphs, glyphs, lineStartIndex, positionedGlyphs.length - 1, justify);
+    align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, line, translate);
+
+    // Calculate the bounding box
+    shaping.top += -verticalAlign * height;
+    shaping.bottom = shaping.top + height;
+    shaping.left += -horizontalAlign * maxLineLength;
+    shaping.right = shaping.left + maxLineLength;
+}
+
+function justifyLine(positionedGlyphs, glyphs, start, end, justify) {
+    var lastAdvance = glyphs[positionedGlyphs[end].codePoint].advance;
+    var lineIndent = (positionedGlyphs[end].x + lastAdvance) * justify;
+
+    for (var j = start; j <= end; j++) {
+        positionedGlyphs[j].x -= lineIndent;
+    }
+
+}
+
+function align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, line, translate) {
+    var shiftX = (justify - horizontalAlign) * maxLineLength + translate[0];
+    var shiftY = (-verticalAlign * (line + 1) + 0.5) * lineHeight + translate[1];
+
+    for (var j = 0; j < positionedGlyphs.length; j++) {
+        positionedGlyphs[j].x += shiftX;
+        positionedGlyphs[j].y += shiftY;
+    }
+}
+
+
+function shapeIcon(image, layout) {
+    if (!image || !image.rect) return null;
+
+    var dx = layout['icon-offset'][0];
+    var dy = layout['icon-offset'][1];
+    var x1 = dx - image.width / 2;
+    var x2 = x1 + image.width;
+    var y1 = dy - image.height / 2;
+    var y2 = y1 + image.height;
+
+    return new PositionedIcon(image, y1, y2, x1, x2);
+}
+
+function PositionedIcon(image, top, bottom, left, right) {
+    this.image = image;
+    this.top = top;
+    this.bottom = bottom;
+    this.left = left;
+    this.right = right;
+}
+
+},{}],404:[function(require,module,exports){
+'use strict';
+
+var ShelfPack = require('shelf-pack');
+var browser = require('../util/browser');
+var util = require('../util/util');
+
+module.exports = SpriteAtlas;
+function SpriteAtlas(width, height) {
+    this.width = width;
+    this.height = height;
+
+    this.bin = new ShelfPack(width, height);
+    this.images = {};
+    this.data = false;
+    this.texture = 0; // WebGL ID
+    this.filter = 0; // WebGL ID
+    this.pixelRatio = 1;
+    this.dirty = true;
+}
+
+function copyBitmap(src, srcStride, srcX, srcY, dst, dstStride, dstX, dstY, width, height, wrap) {
+    var srcI = srcY * srcStride + srcX;
+    var dstI = dstY * dstStride + dstX;
+    var x, y;
+
+    if (wrap) {
+        // add 1 pixel wrapped padding on each side of the image
+        dstI -= dstStride;
+        for (y = -1; y <= height; y++, srcI = ((y + height) % height + srcY) * srcStride + srcX, dstI += dstStride) {
+            for (x = -1; x <= width; x++) {
+                dst[dstI + x] = src[srcI + ((x + width) % width)];
+            }
+        }
+
+    } else {
+        for (y = 0; y < height; y++, srcI += srcStride, dstI += dstStride) {
+            for (x = 0; x < width; x++) {
+                dst[dstI + x] = src[srcI + x];
+            }
+        }
+    }
+}
+
+SpriteAtlas.prototype.allocateImage = function(pixelWidth, pixelHeight) {
+
+    pixelWidth = pixelWidth / this.pixelRatio;
+    pixelHeight = pixelHeight / this.pixelRatio;
+
+    // Increase to next number divisible by 4, but at least 1.
+    // This is so we can scale down the texture coordinates and pack them
+    // into 2 bytes rather than 4 bytes.
+    // Pad icons to prevent them from polluting neighbours during linear interpolation
+    var padding = 2;
+    var packWidth = pixelWidth + padding + (4 - (pixelWidth + padding) % 4);
+    var packHeight = pixelHeight + padding + (4 - (pixelHeight + padding) % 4);// + 4;
+
+    var rect = this.bin.packOne(packWidth, packHeight);
+    if (!rect) {
+        util.warnOnce('SpriteAtlas out of space.');
+        return null;
+    }
+
+    return rect;
+};
+
+SpriteAtlas.prototype.getImage = function(name, wrap) {
+    if (this.images[name]) {
+        return this.images[name];
+    }
+
+    if (!this.sprite) {
+        return null;
+    }
+
+    var pos = this.sprite.getSpritePosition(name);
+    if (!pos.width || !pos.height) {
+        return null;
+    }
+
+    var rect = this.allocateImage(pos.width, pos.height);
+    if (!rect) {
+        return null;
+    }
+
+    var image = new AtlasImage(rect, pos.width / pos.pixelRatio, pos.height / pos.pixelRatio, pos.sdf, pos.pixelRatio / this.pixelRatio);
+    this.images[name] = image;
+
+    this.copy(rect, pos, wrap);
+
+    return image;
+};
+
+
+// Return position of a repeating fill pattern.
+SpriteAtlas.prototype.getPosition = function(name, repeating) {
+    var image = this.getImage(name, repeating);
+    var rect = image && image.rect;
+
+    if (!rect) {
+        return null;
+    }
+
+    var width = image.width * image.pixelRatio;
+    var height = image.height * image.pixelRatio;
+    var padding = 1;
+
+    return {
+        size: [image.width, image.height],
+        tl: [(rect.x + padding)         / this.width, (rect.y + padding)          / this.height],
+        br: [(rect.x + padding + width) / this.width, (rect.y + padding + height) / this.height]
+    };
+};
+
+
+SpriteAtlas.prototype.allocate = function() {
+    if (!this.data) {
+        var w = Math.floor(this.width * this.pixelRatio);
+        var h = Math.floor(this.height * this.pixelRatio);
+        this.data = new Uint32Array(w * h);
+        for (var i = 0; i < this.data.length; i++) {
+            this.data[i] = 0;
+        }
+    }
+};
+
+
+SpriteAtlas.prototype.copy = function(dst, src, wrap) {
+    if (!this.sprite.img.data) return;
+    var srcImg = new Uint32Array(this.sprite.img.data.buffer);
+
+    this.allocate();
+    var dstImg = this.data;
+
+    var padding = 1;
+
+    copyBitmap(
+        /* source buffer */  srcImg,
+        /* source stride */  this.sprite.img.width,
+        /* source x */       src.x,
+        /* source y */       src.y,
+        /* dest buffer */    dstImg,
+        /* dest stride */    this.width * this.pixelRatio,
+        /* dest x */         (dst.x + padding) * this.pixelRatio,
+        /* dest y */         (dst.y + padding) * this.pixelRatio,
+        /* icon dimension */ src.width,
+        /* icon dimension */ src.height,
+        /* wrap */ wrap
+    );
+
+    this.dirty = true;
+};
+
+SpriteAtlas.prototype.setSprite = function(sprite) {
+    if (sprite) {
+        this.pixelRatio = browser.devicePixelRatio > 1 ? 2 : 1;
+
+        if (this.canvas) {
+            this.canvas.width = this.width * this.pixelRatio;
+            this.canvas.height = this.height * this.pixelRatio;
+        }
+    }
+    this.sprite = sprite;
+};
+
+SpriteAtlas.prototype.addIcons = function(icons, callback) {
+    for (var i = 0; i < icons.length; i++) {
+        this.getImage(icons[i]);
+    }
+
+    callback(null, this.images);
+};
+
+SpriteAtlas.prototype.bind = function(gl, linear) {
+    var first = false;
+    if (!this.texture) {
+        this.texture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        first = true;
+    } else {
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+    }
+
+    var filterVal = linear ? gl.LINEAR : gl.NEAREST;
+    if (filterVal !== this.filter) {
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filterVal);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filterVal);
+        this.filter = filterVal;
+    }
+
+    if (this.dirty) {
+        this.allocate();
+
+        if (first) {
+            gl.texImage2D(
+                gl.TEXTURE_2D, // enum target
+                0, // ind level
+                gl.RGBA, // ind internalformat
+                this.width * this.pixelRatio, // GLsizei width
+                this.height * this.pixelRatio, // GLsizei height
+                0, // ind border
+                gl.RGBA, // enum format
+                gl.UNSIGNED_BYTE, // enum type
+                new Uint8Array(this.data.buffer) // Object data
+            );
+        } else {
+            gl.texSubImage2D(
+                gl.TEXTURE_2D, // enum target
+                0, // int level
+                0, // int xoffset
+                0, // int yoffset
+                this.width * this.pixelRatio, // long width
+                this.height * this.pixelRatio, // long height
+                gl.RGBA, // enum format
+                gl.UNSIGNED_BYTE, // enum type
+                new Uint8Array(this.data.buffer) // Object pixels
+            );
+        }
+
+        this.dirty = false;
+    }
+};
+
+function AtlasImage(rect, width, height, sdf, pixelRatio) {
+    this.rect = rect;
+    this.width = width;
+    this.height = height;
+    this.sdf = sdf;
+    this.pixelRatio = pixelRatio;
+}
+
+},{"../util/browser":426,"../util/util":442,"shelf-pack":514}],405:[function(require,module,exports){
+'use strict';
+
+var StructArrayType = require('../util/struct_array');
+var util = require('../util/util');
+var Point = require('point-geometry');
+
+/*
+ *
+ * A StructArray implementation of symbolInstances from data/bucket/symbol_bucket.js
+ * this will allow symbolInstances to be transferred between the worker and main threads
+ *
+ * @class SymbolInstanceArray
+ * @private
+ */
+
+var SymbolInstancesArray = module.exports = new StructArrayType({
+    members: [
+
+        { type: 'Uint16', name: 'textBoxStartIndex' },
+        { type: 'Uint16', name: 'textBoxEndIndex' },
+        { type: 'Uint16', name: 'iconBoxStartIndex' },
+        { type: 'Uint16', name: 'iconBoxEndIndex' },
+        { type: 'Uint16', name: 'glyphQuadStartIndex' },
+        { type: 'Uint16', name: 'glyphQuadEndIndex' },
+        { type: 'Uint16', name: 'iconQuadStartIndex' },
+        { type: 'Uint16', name: 'iconQuadEndIndex' },
+
+        // each symbolInstance is centered around the anchor point
+        { type: 'Int16', name: 'anchorPointX' },
+        { type: 'Int16', name: 'anchorPointY' },
+
+        // index -- not sure if we need this - at mollymerp
+        { type: 'Int8', name: 'index' }
+    ]
+});
+
+util.extendAll(SymbolInstancesArray.prototype.StructType.prototype, {
+    get anchorPoint() {
+        return new Point(this.anchorPointX, this.anchorPointY);
+    }
+});
+
+
+
+},{"../util/struct_array":440,"../util/util":442,"point-geometry":484}],406:[function(require,module,exports){
+'use strict';
+
+var StructArrayType = require('../util/struct_array');
+var util = require('../util/util');
+var Point = require('point-geometry');
+var SymbolQuad = require('./quads').SymbolQuad;
+
+// notes from ansis on slack:
+// it would be best if they are added to a buffer in advance so that they are only created once. There would be a separate buffer with all the individual collision boxes and then SymbolInstance would store the beginning and end indexes of a feature's collisionboxes. CollisionFeature wouldn't really exist as a standalone thing, it would just be a range of boxes in the big collision box buffer
+
+/*
+ *
+ * A StructArray implementation of glyphQuad from symbol/quads
+ * this will allow glyph quads to be transferred between the worker and main threads along with the rest of
+ * the symbolInstances
+ *
+ * @class SymbolQuadsArray
+ * @private
+ */
+
+var SymbolQuadsArray = module.exports = new StructArrayType({
+    members: [
+        // the quad is centered around the anchor point
+        { type: 'Int16', name: 'anchorPointX' },
+        { type: 'Int16', name: 'anchorPointY' },
+
+        // the offsets of the tl (top-left), tr, bl, br corners from the anchor point
+        // do these need to be floats?
+        { type: 'Float32', name: 'tlX' },
+        { type: 'Float32', name: 'tlY' },
+        { type: 'Float32', name: 'trX' },
+        { type: 'Float32', name: 'trY' },
+        { type: 'Float32', name: 'blX' },
+        { type: 'Float32', name: 'blY' },
+        { type: 'Float32', name: 'brX' },
+        { type: 'Float32', name: 'brY' },
+
+        // texture coordinates (height, width, x, and y)
+        { type: 'Int16', name: 'texH' },
+        { type: 'Int16', name: 'texW' },
+        { type: 'Int16', name: 'texX' },
+        { type: 'Int16', name: 'texY' },
+
+        // the angle of the label at it's center, not the angle of this quad.
+        { type: 'Float32', name: 'anchorAngle' },
+        // the angle of this quad.
+        { type: 'Float32', name: 'glyphAngle' },
+
+        // quad is only valid for scales < maxScale && scale > minScale.
+        { type: 'Float32', name: 'maxScale' },
+        { type: 'Float32', name: 'minScale' }
+    ]
+});
+
+util.extendAll(SymbolQuadsArray.prototype.StructType.prototype, {
+    get anchorPoint() {
+        return new Point(this.anchorPointX, this.anchorPointY);
+    },
+    get SymbolQuad() {
+        return new SymbolQuad(this.anchorPoint,
+            new Point(this.tlX, this.tlY),
+            new Point(this.trX, this.trY),
+            new Point(this.blX, this.blY),
+            new Point(this.brX, this.brY),
+            { x: this.texX, y: this.texY, h: this.texH, w: this.texW, height: this.texH, width: this.texW },
+            this.anchorAngle,
+            this.glyphAngle,
+            this.minScale,
+            this.maxScale);
+    }
+});
+
+
+},{"../util/struct_array":440,"../util/util":442,"./quads":401,"point-geometry":484}],407:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../util/dom');
+var Point = require('point-geometry');
+
+var handlers = {
+    scrollZoom: require('./handler/scroll_zoom'),
+    boxZoom: require('./handler/box_zoom'),
+    dragRotate: require('./handler/drag_rotate'),
+    dragPan: require('./handler/drag_pan'),
+    keyboard: require('./handler/keyboard'),
+    doubleClickZoom: require('./handler/dblclick_zoom'),
+    touchZoomRotate: require('./handler/touch_zoom_rotate')
+};
+
+module.exports = function bindHandlers(map, options) {
+    var el = map.getCanvasContainer();
+    var contextMenuEvent = null;
+    var startPos = null;
+    var tapped = null;
+
+    for (var name in handlers) {
+        map[name] = new handlers[name](map, options);
+        if (options.interactive && options[name]) {
+            map[name].enable();
+        }
+    }
+
+    el.addEventListener('mouseout', onMouseOut, false);
+    el.addEventListener('mousedown', onMouseDown, false);
+    el.addEventListener('mouseup', onMouseUp, false);
+    el.addEventListener('mousemove', onMouseMove, false);
+    el.addEventListener('touchstart', onTouchStart, false);
+    el.addEventListener('touchend', onTouchEnd, false);
+    el.addEventListener('touchmove', onTouchMove, false);
+    el.addEventListener('touchcancel', onTouchCancel, false);
+    el.addEventListener('click', onClick, false);
+    el.addEventListener('dblclick', onDblClick, false);
+    el.addEventListener('contextmenu', onContextMenu, false);
+
+    function onMouseOut(e) {
+        fireMouseEvent('mouseout', e);
+    }
+
+    function onMouseDown(e) {
+        map.stop();
+        startPos = DOM.mousePos(el, e);
+        fireMouseEvent('mousedown', e);
+    }
+
+    function onMouseUp(e) {
+        var rotating = map.dragRotate && map.dragRotate.isActive();
+
+        if (contextMenuEvent && !rotating) {
+            fireMouseEvent('contextmenu', contextMenuEvent);
+        }
+
+        contextMenuEvent = null;
+        fireMouseEvent('mouseup', e);
+    }
+
+    function onMouseMove(e) {
+        if (map.dragPan && map.dragPan.isActive()) return;
+        if (map.dragRotate && map.dragRotate.isActive()) return;
+
+        var target = e.toElement || e.target;
+        while (target && target !== el) target = target.parentNode;
+        if (target !== el) return;
+
+        fireMouseEvent('mousemove', e);
+    }
+
+    function onTouchStart(e) {
+        map.stop();
+        fireTouchEvent('touchstart', e);
+
+        if (!e.touches || e.touches.length > 1) return;
+
+        if (!tapped) {
+            tapped = setTimeout(onTouchTimeout, 300);
+
+        } else {
+            clearTimeout(tapped);
+            tapped = null;
+            fireMouseEvent('dblclick', e);
+        }
+    }
+
+    function onTouchMove(e) {
+        fireTouchEvent('touchmove', e);
+    }
+
+    function onTouchEnd(e) {
+        fireTouchEvent('touchend', e);
+    }
+
+    function onTouchCancel(e) {
+        fireTouchEvent('touchcancel', e);
+    }
+
+    function onTouchTimeout() {
+        tapped = null;
+    }
+
+    function onClick(e) {
+        var pos = DOM.mousePos(el, e);
+
+        if (pos.equals(startPos)) {
+            fireMouseEvent('click', e);
+        }
+    }
+
+    function onDblClick(e) {
+        fireMouseEvent('dblclick', e);
+        e.preventDefault();
+    }
+
+    function onContextMenu(e) {
+        contextMenuEvent = e;
+        e.preventDefault();
+    }
+
+    function fireMouseEvent(type, e) {
+        var pos = DOM.mousePos(el, e);
+
+        return map.fire(type, {
+            lngLat: map.unproject(pos),
+            point: pos,
+            originalEvent: e
+        });
+    }
+
+    function fireTouchEvent(type, e) {
+        var touches = DOM.touchPos(el, e);
+        var singular = touches.reduce(function(prev, curr, i, arr) {
+            return prev.add(curr.div(arr.length));
+        }, new Point(0, 0));
+
+        return map.fire(type, {
+            lngLat: map.unproject(singular),
+            point: singular,
+            lngLats: touches.map(function(t) { return map.unproject(t); }, this),
+            points: touches,
+            originalEvent: e
+        });
+    }
+};
+
+/**
+ * @typedef {Object} MapMouseEvent
+ * @property {string} type The event type.
+ * @property {Map} target The `Map` object that fired the event.
+ * @property {MouseEvent} originalEvent
+ * @property {Point} point The pixel coordinates of the mouse event target, relative to the map
+ *   and measured from the top left corner.
+ * @property {LngLat} lngLat The geographic location on the map of the mouse event target.
+ */
+
+/**
+ * @typedef {Object} MapTouchEvent
+ * @property {string} type The event type.
+ * @property {Map} target The `Map` object that fired the event.
+ * @property {TouchEvent} originalEvent
+ * @property {Point} point The pixel coordinates of the center of the touch event points, relative to the map
+ *   and measured from the top left corner.
+ * @property {LngLat} lngLat The geographic location on the map of the center of the touch event points.
+ * @property {Array<Point>} points The array of pixel coordinates corresponding to
+ *   a [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches)
+ *   property.
+ * @property {Array<LngLat>} lngLats The geographical locations on the map corresponding to
+ *   a [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches)
+ *   property.
+ */
+
+},{"../util/dom":428,"./handler/box_zoom":413,"./handler/dblclick_zoom":414,"./handler/drag_pan":415,"./handler/drag_rotate":416,"./handler/keyboard":417,"./handler/scroll_zoom":418,"./handler/touch_zoom_rotate":419,"point-geometry":484}],408:[function(require,module,exports){
+'use strict';
+
+var util = require('../util/util');
+var interpolate = require('../util/interpolate');
+var browser = require('../util/browser');
+var LngLat = require('../geo/lng_lat');
+var LngLatBounds = require('../geo/lng_lat_bounds');
+var Point = require('point-geometry');
+
+/**
+ * Options common to {@link Map#jumpTo}, {@link Map#easeTo}, and {@link Map#flyTo},
+ * controlling the destination's location, zoom level, bearing, and pitch.
+ * All properties are optional. Unspecified
+ * options will default to the map's current value for that property.
+ *
+ * @typedef {Object} CameraOptions
+ * @property {LngLatLike} center The destination's center.
+ * @property {number} zoom The destination's zoom level.
+ * @property {number} bearing The destination's bearing (rotation), measured in degrees counter-clockwise from north.
+ * @property {number} pitch The destination's pitch (tilt), measured in degrees.
+ * @property {LngLatLike} around If a `zoom` is specified, `around` determines the zoom center (defaults to the center of the map).
+ */
+
+/**
+ * Options common to map movement methods that involve animation, such as {@link Map#panBy} and
+ * {@link Map#easeTo}, controlling the duration and easing function of the animation. All properties
+ * are optional.
+ *
+ * @typedef {Object} AnimationOptions
+ * @property {number} duration The animation's duration, measured in milliseconds.
+ * @property {Function} easing The animation's easing function.
+ * @property {PointLike} offset `x` and `y` coordinates representing the animation's origin of movement relative to the map's center.
+ * @property {boolean} animate If `false`, no animation will occur.
+ */
+
+var Camera = module.exports = function() {};
+
+util.extend(Camera.prototype, /** @lends Map.prototype */{
+    /**
+     * Returns the map's geographical centerpoint.
+     *
+     * @returns {LngLat} The map's geographical centerpoint.
+     */
+    getCenter: function() { return this.transform.center; },
+
+    /**
+     * Sets the map's geographical centerpoint. Equivalent to `jumpTo({center: center})`.
+     *
+     * @param {LngLatLike} center The centerpoint to set.
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     * @example
+     * map.setCenter([-74, 38]);
+     */
+    setCenter: function(center, eventData) {
+        this.jumpTo({center: center}, eventData);
+        return this;
+    },
+
+    /**
+     * Pans the map by the specified offest.
+     *
+     * @param {Array<number>} offset `x` and `y` coordinates by which to pan the map.
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    panBy: function(offset, options, eventData) {
+        this.panTo(this.transform.center,
+            util.extend({offset: Point.convert(offset).mult(-1)}, options), eventData);
+        return this;
+    },
+
+    /**
+     * Pans the map to the specified location, with an animated transition.
+     *
+     * @param {LngLatLike} lnglat The location to pan the map to.
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    panTo: function(lnglat, options, eventData) {
+        return this.easeTo(util.extend({
+            center: lnglat
+        }, options), eventData);
+    },
+
+
+    /**
+     * Returns the map's current zoom level.
+     *
+     * @returns {number} The map's current zoom level.
+     */
+    getZoom: function() { return this.transform.zoom; },
+
+    /**
+     * Sets the map's zoom level. Equivalent to `jumpTo({zoom: zoom})`.
+     *
+     * @param {number} zoom The zoom level to set (0-20).
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires moveend
+     * @fires zoomend
+     * @returns {Map} `this`
+     * @example
+     * // zoom the map to 5
+     * map.setZoom(5);
+     */
+    setZoom: function(zoom, eventData) {
+        this.jumpTo({zoom: zoom}, eventData);
+        return this;
+    },
+
+    /**
+     * Zooms the map to the specified zoom level, with an animated transition.
+     *
+     * @param {number} zoom The zoom level to transition to.
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires moveend
+     * @fires zoomend
+     * @returns {Map} `this`
+     */
+    zoomTo: function(zoom, options, eventData) {
+        return this.easeTo(util.extend({
+            zoom: zoom
+        }, options), eventData);
+    },
+
+    /**
+     * Increases the map's zoom level by 1.
+     *
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires moveend
+     * @fires zoomend
+     * @returns {Map} `this`
+     */
+    zoomIn: function(options, eventData) {
+        this.zoomTo(this.getZoom() + 1, options, eventData);
+        return this;
+    },
+
+    /**
+     * Decreases the map's zoom level by 1.
+     *
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires moveend
+     * @fires zoomend
+     * @returns {Map} `this`
+     */
+    zoomOut: function(options, eventData) {
+        this.zoomTo(this.getZoom() - 1, options, eventData);
+        return this;
+    },
+
+
+    /**
+     * Returns the map's current bearing (rotation).
+     *
+     * @returns {number} The map's current bearing, measured in degrees counter-clockwise from north.
+     */
+    getBearing: function() { return this.transform.bearing; },
+
+    /**
+     * Sets the maps' bearing (rotation). Equivalent to `jumpTo({bearing: bearing})`.
+     *
+     * @param {number} bearing The bearing to set, measured in degrees counter-clockwise from north.
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     * @example
+     * // rotate the map to 90 degrees
+     * map.setBearing(90);
+     */
+    setBearing: function(bearing, eventData) {
+        this.jumpTo({bearing: bearing}, eventData);
+        return this;
+    },
+
+    /**
+     * Rotates the map to the specified bearing, with an animated transition.
+     *
+     * @param {number} bearing The bearing to rotate the map to, measured in degrees counter-clockwise from north.
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    rotateTo: function(bearing, options, eventData) {
+        return this.easeTo(util.extend({
+            bearing: bearing
+        }, options), eventData);
+    },
+
+    /**
+     * Rotates the map to a bearing of 0 (due north), with an animated transition.
+     *
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    resetNorth: function(options, eventData) {
+        this.rotateTo(0, util.extend({duration: 1000}, options), eventData);
+        return this;
+    },
+
+    /**
+     * Snaps the map's bearing to 0 (due north), if the current bearing is close enough to it (i.e. within the `bearingSnap` threshold).
+     *
+     * @param {AnimationOptions} [options]
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    snapToNorth: function(options, eventData) {
+        if (Math.abs(this.getBearing()) < this._bearingSnap) {
+            return this.resetNorth(options, eventData);
+        }
+        return this;
+    },
+
+    /**
+     * Returns the map's current pitch (tilt).
+     *
+     * @returns {number} The map's current pitch, measured in degrees away from the plane of the screen.
+     */
+    getPitch: function() { return this.transform.pitch; },
+
+    /**
+     * Sets the map's pitch (tilt). Equivalent to `jumpTo({pitch: pitch})`.
+     *
+     * @param {number} pitch The pitch to set, measured in degrees away from the plane of the screen (0-60).
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    setPitch: function(pitch, eventData) {
+        this.jumpTo({pitch: pitch}, eventData);
+        return this;
+    },
+
+
+    /**
+     * Pans and zooms the map to contain its visible area within the specified geographical bounds.
+     *
+     * @param {LngLatBoundsLike} bounds The bounds to fit the visible area into.
+     * @param {Object} [options]
+     * @param {boolean} [options.linear=false] If `true`, the map transitions using
+     *     {@link Map#easeTo}. If `false`, the map transitions using {@link Map#flyTo}. See
+     *     {@link Map#flyTo} for information about the options specific to that animated transition.
+     * @param {Function} [options.easing] An easing function for the animated transition.
+     * @param {number} [options.padding=0] The amount of padding, in pixels, to allow around the specified bounds.
+     * @param {PointLike} [options.offset=[0, 0]] The center of the given bounds relative to the map's center, measured in pixels.
+     * @param {number} [options.maxZoom] The maximum zoom level to allow when the map view transitions to the specified bounds.
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    fitBounds: function(bounds, options, eventData) {
+
+        options = util.extend({
+            padding: 0,
+            offset: [0, 0],
+            maxZoom: Infinity
+        }, options);
+
+        bounds = LngLatBounds.convert(bounds);
+
+        var offset = Point.convert(options.offset),
+            tr = this.transform,
+            nw = tr.project(bounds.getNorthWest()),
+            se = tr.project(bounds.getSouthEast()),
+            size = se.sub(nw),
+            scaleX = (tr.width - options.padding * 2 - Math.abs(offset.x) * 2) / size.x,
+            scaleY = (tr.height - options.padding * 2 - Math.abs(offset.y) * 2) / size.y;
+
+        options.center = tr.unproject(nw.add(se).div(2));
+        options.zoom = Math.min(tr.scaleZoom(tr.scale * Math.min(scaleX, scaleY)), options.maxZoom);
+        options.bearing = 0;
+
+        return options.linear ?
+            this.easeTo(options, eventData) :
+            this.flyTo(options, eventData);
+    },
+
+    /**
+     * Changes any combination of center, zoom, bearing, and pitch, without
+     * an animated transition. The map will retain its current values for any
+     * details not specified in `options`.
+     *
+     * @param {CameraOptions} options
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires rotate
+     * @fires pitch
+     * @fires zoomend
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    jumpTo: function(options, eventData) {
+        this.stop();
+
+        var tr = this.transform,
+            zoomChanged = false,
+            bearingChanged = false,
+            pitchChanged = false;
+
+        if ('zoom' in options && tr.zoom !== +options.zoom) {
+            zoomChanged = true;
+            tr.zoom = +options.zoom;
+        }
+
+        if ('center' in options) {
+            tr.center = LngLat.convert(options.center);
+        }
+
+        if ('bearing' in options && tr.bearing !== +options.bearing) {
+            bearingChanged = true;
+            tr.bearing = +options.bearing;
+        }
+
+        if ('pitch' in options && tr.pitch !== +options.pitch) {
+            pitchChanged = true;
+            tr.pitch = +options.pitch;
+        }
+
+        this.fire('movestart', eventData)
+            .fire('move', eventData);
+
+        if (zoomChanged) {
+            this.fire('zoomstart', eventData)
+                .fire('zoom', eventData)
+                .fire('zoomend', eventData);
+        }
+
+        if (bearingChanged) {
+            this.fire('rotate', eventData);
+        }
+
+        if (pitchChanged) {
+            this.fire('pitch', eventData);
+        }
+
+        return this.fire('moveend', eventData);
+    },
+
+    /**
+     * Changes any combination of center, zoom, bearing, and pitch, with an animated transition
+     * between old and new values. The map will retain its current values for any
+     * details not specified in `options`.
+     *
+     * @param {CameraOptions|AnimationOptions} options Options describing the destination and animation of the transition.
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires rotate
+     * @fires pitch
+     * @fires zoomend
+     * @fires moveend
+     * @returns {Map} `this`
+     */
+    easeTo: function(options, eventData) {
+        this.stop();
+
+        options = util.extend({
+            offset: [0, 0],
+            duration: 500,
+            easing: util.ease
+        }, options);
+
+        var tr = this.transform,
+            offset = Point.convert(options.offset),
+            startZoom = this.getZoom(),
+            startBearing = this.getBearing(),
+            startPitch = this.getPitch(),
+
+            zoom = 'zoom' in options ? +options.zoom : startZoom,
+            bearing = 'bearing' in options ? this._normalizeBearing(options.bearing, startBearing) : startBearing,
+            pitch = 'pitch' in options ? +options.pitch : startPitch,
+
+            toLngLat,
+            toPoint;
+
+        if ('center' in options) {
+            toLngLat = LngLat.convert(options.center);
+            toPoint = tr.centerPoint.add(offset);
+        } else if ('around' in options) {
+            toLngLat = LngLat.convert(options.around);
+            toPoint = tr.locationPoint(toLngLat);
+        } else {
+            toPoint = tr.centerPoint.add(offset);
+            toLngLat = tr.pointLocation(toPoint);
+        }
+
+        var fromPoint = tr.locationPoint(toLngLat);
+
+        if (options.animate === false) options.duration = 0;
+
+        this.zooming = (zoom !== startZoom);
+        this.rotating = (startBearing !== bearing);
+        this.pitching = (pitch !== startPitch);
+
+        if (!options.noMoveStart) {
+            this.fire('movestart', eventData);
+        }
+        if (this.zooming) {
+            this.fire('zoomstart', eventData);
+        }
+
+        clearTimeout(this._onEaseEnd);
+
+        this._ease(function (k) {
+            if (this.zooming) {
+                tr.zoom = interpolate(startZoom, zoom, k);
+            }
+
+            if (this.rotating) {
+                tr.bearing = interpolate(startBearing, bearing, k);
+            }
+
+            if (this.pitching) {
+                tr.pitch = interpolate(startPitch, pitch, k);
+            }
+
+            tr.setLocationAtPoint(toLngLat, fromPoint.add(toPoint.sub(fromPoint)._mult(k)));
+
+            this.fire('move', eventData);
+            if (this.zooming) {
+                this.fire('zoom', eventData);
+            }
+            if (this.rotating) {
+                this.fire('rotate', eventData);
+            }
+            if (this.pitching) {
+                this.fire('pitch', eventData);
+            }
+        }, function() {
+            if (options.delayEndEvents) {
+                this._onEaseEnd = setTimeout(this._easeToEnd.bind(this, eventData), options.delayEndEvents);
+            } else {
+                this._easeToEnd(eventData);
+            }
+        }.bind(this), options);
+
+        return this;
+    },
+
+    _easeToEnd: function(eventData) {
+        var wasZooming = this.zooming;
+        this.zooming = false;
+        this.rotating = false;
+        this.pitching = false;
+
+        if (wasZooming) {
+            this.fire('zoomend', eventData);
+        }
+        this.fire('moveend', eventData);
+
+    },
+
+    /**
+     * Changes any combination of center, zoom, bearing, and pitch, animating the transition along a curve that
+     * evokes flight. The animation seamlessly incorporates zooming and panning to help
+     * the user maintain her bearings even after traversing a great distance.
+     *
+     * @param {Object} options Options describing the destination and animation of the transition.
+     *     Accepts [CameraOptions](#CameraOptions), [AnimationOptions](#AnimationOptions),
+     *     and the following additional options.
+     * @param {number} [options.curve=1.42] The zooming "curve" that will occur along the
+     *     flight path. A high value maximizes zooming for an exaggerated animation, while a low
+     *     value minimizes zooming for an effect closer to {@link Map#easeTo}. 1.42 is the average
+     *     value selected by participants in the user study discussed in
+     *     [van Wijk (2003)](https://www.win.tue.nl/~vanwijk/zoompan.pdf). A value of
+     *     `Math.pow(6, 0.25)` would be equivalent to the root mean squared average velocity. A
+     *     value of 1 would produce a circular motion.
+     * @param {number} [options.minZoom] The zero-based zoom level at the peak of the flight path. If
+     *     `options.curve` is specified, this option is ignored.
+     * @param {number} [options.speed=1.2] The average speed of the animation defined in relation to
+     *     `options.curve`. A speed of 1.2 means that the map appears to move along the flight path
+     *     by 1.2 times `options.curve` screenfuls every second. A _screenful_ is the map's visible span.
+     *     It does not correspond to a fixed physical distance, but varies by zoom level.
+     * @param {number} [options.screenSpeed] The average speed of the animation measured in screenfuls
+     *     per second, assuming a linear timing curve. If `options.speed` is specified, this option is ignored.
+     * @param {Function} [options.easing] An easing function for the animated transition.
+     * @param {Object} [eventData] Data to propagate to any event listeners.
+     * @fires movestart
+     * @fires zoomstart
+     * @fires move
+     * @fires zoom
+     * @fires rotate
+     * @fires pitch
+     * @fires zoomend
+     * @fires moveend
+     * @returns {Map} `this`
+     * @example
+     * // fly with default options to null island
+     * map.flyTo({center: [0, 0], zoom: 9});
+     * // using flyTo options
+     * map.flyTo({
+     *   center: [0, 0],
+     *   zoom: 9,
+     *   speed: 0.2,
+     *   curve: 1,
+     *   easing: function(t) {
+     *     return t;
+     *   }
+     * });
+     */
+    flyTo: function(options, eventData) {
+        // This method implements an “optimal path” animation, as detailed in:
+        //
+        // Van Wijk, Jarke J.; Nuij, Wim A. A. “Smooth and efficient zooming and panning.” INFOVIS
+        //   ’03. pp. 15–22. <https://www.win.tue.nl/~vanwijk/zoompan.pdf#page=5>.
+        //
+        // Where applicable, local variable documentation begins with the associated variable or
+        // function in van Wijk (2003).
+
+        this.stop();
+
+        options = util.extend({
+            offset: [0, 0],
+            speed: 1.2,
+            curve: 1.42,
+            easing: util.ease
+        }, options);
+
+        var tr = this.transform,
+            offset = Point.convert(options.offset),
+            startZoom = this.getZoom(),
+            startBearing = this.getBearing(),
+            startPitch = this.getPitch();
+
+        var center = 'center' in options ? LngLat.convert(options.center) : this.getCenter();
+        var zoom = 'zoom' in options ?  +options.zoom : startZoom;
+        var bearing = 'bearing' in options ? this._normalizeBearing(options.bearing, startBearing) : startBearing;
+        var pitch = 'pitch' in options ? +options.pitch : startPitch;
+
+        // If a path crossing the antimeridian would be shorter, extend the final coordinate so that
+        // interpolating between the two endpoints will cross it.
+        if (Math.abs(tr.center.lng) + Math.abs(center.lng) > 180) {
+            if (tr.center.lng > 0 && center.lng < 0) {
+                center.lng += 360;
+            } else if (tr.center.lng < 0 && center.lng > 0) {
+                center.lng -= 360;
+            }
+        }
+
+        var scale = tr.zoomScale(zoom - startZoom),
+            from = tr.point,
+            to = 'center' in options ? tr.project(center).sub(offset.div(scale)) : from;
+
+        var startWorldSize = tr.worldSize,
+            rho = options.curve,
+
+            // w₀: Initial visible span, measured in pixels at the initial scale.
+            w0 = Math.max(tr.width, tr.height),
+            // w₁: Final visible span, measured in pixels with respect to the initial scale.
+            w1 = w0 / scale,
+            // Length of the flight path as projected onto the ground plane, measured in pixels from
+            // the world image origin at the initial scale.
+            u1 = to.sub(from).mag();
+
+        if ('minZoom' in options) {
+            var minZoom = util.clamp(Math.min(options.minZoom, startZoom, zoom), tr.minZoom, tr.maxZoom);
+            // w<sub>m</sub>: Maximum visible span, measured in pixels with respect to the initial
+            // scale.
+            var wMax = w0 / tr.zoomScale(minZoom - startZoom);
+            rho = Math.sqrt(wMax / u1 * 2);
+        }
+
+        // ρ²
+        var rho2 = rho * rho;
+
+        /**
+         * rᵢ: Returns the zoom-out factor at one end of the animation.
+         *
+         * @param i 0 for the ascent or 1 for the descent.
+         * @private
+         */
+        function r(i) {
+            var b = (w1 * w1 - w0 * w0 + (i ? -1 : 1) * rho2 * rho2 * u1 * u1) / (2 * (i ? w1 : w0) * rho2 * u1);
+            return Math.log(Math.sqrt(b * b + 1) - b);
+        }
+
+        function sinh(n) { return (Math.exp(n) - Math.exp(-n)) / 2; }
+        function cosh(n) { return (Math.exp(n) + Math.exp(-n)) / 2; }
+        function tanh(n) { return sinh(n) / cosh(n); }
+
+        // r₀: Zoom-out factor during ascent.
+        var r0 = r(0),
+            /**
+             * w(s): Returns the visible span on the ground, measured in pixels with respect to the
+             * initial scale.
+             *
+             * Assumes an angular field of view of 2 arctan ½ ≈ 53°.
+             * @private
+             */
+            w = function (s) { return (cosh(r0) / cosh(r0 + rho * s)); },
+            /**
+             * u(s): Returns the distance along the flight path as projected onto the ground plane,
+             * measured in pixels from the world image origin at the initial scale.
+             * @private
+             */
+            u = function (s) { return w0 * ((cosh(r0) * tanh(r0 + rho * s) - sinh(r0)) / rho2) / u1; },
+            // S: Total length of the flight path, measured in ρ-screenfuls.
+            S = (r(1) - r0) / rho;
+
+        // When u₀ = u₁, the optimal path doesn’t require both ascent and descent.
+        if (Math.abs(u1) < 0.000001) {
+            // Perform a more or less instantaneous transition if the path is too short.
+            if (Math.abs(w0 - w1) < 0.000001) return this.easeTo(options);
+
+            var k = w1 < w0 ? -1 : 1;
+            S = Math.abs(Math.log(w1 / w0)) / rho;
+
+            u = function() { return 0; };
+            w = function(s) { return Math.exp(k * rho * s); };
+        }
+
+        if ('duration' in options) {
+            options.duration = +options.duration;
+        } else {
+            var V = 'screenSpeed' in options ? +options.screenSpeed / rho : +options.speed;
+            options.duration = 1000 * S / V;
+        }
+
+        this.zooming = true;
+        if (startBearing !== bearing) this.rotating = true;
+        if (startPitch !== pitch) this.pitching = true;
+
+        this.fire('movestart', eventData);
+        this.fire('zoomstart', eventData);
+
+        this._ease(function (k) {
+            // s: The distance traveled along the flight path, measured in ρ-screenfuls.
+            var s = k * S,
+                us = u(s);
+
+            tr.zoom = startZoom + tr.scaleZoom(1 / w(s));
+            tr.center = tr.unproject(from.add(to.sub(from).mult(us)), startWorldSize);
+
+            if (this.rotating) {
+                tr.bearing = interpolate(startBearing, bearing, k);
+            }
+            if (this.pitching) {
+                tr.pitch = interpolate(startPitch, pitch, k);
+            }
+
+            this.fire('move', eventData);
+            this.fire('zoom', eventData);
+            if (this.rotating) {
+                this.fire('rotate', eventData);
+            }
+            if (this.pitching) {
+                this.fire('pitch', eventData);
+            }
+        }, function() {
+            this.zooming = false;
+            this.rotating = false;
+            this.pitching = false;
+
+            this.fire('zoomend', eventData);
+            this.fire('moveend', eventData);
+        }, options);
+
+        return this;
+    },
+
+    isEasing: function() {
+        return !!this._abortFn;
+    },
+
+    /**
+     * Stops any animated transition underway.
+     *
+     * @returns {Map} `this`
+     */
+    stop: function() {
+        if (this._abortFn) {
+            this._abortFn();
+            this._finishEase();
+        }
+        return this;
+    },
+
+    _ease: function(frame, finish, options) {
+        this._finishFn = finish;
+        this._abortFn = browser.timed(function (t) {
+            frame.call(this, options.easing(t));
+            if (t === 1) {
+                this._finishEase();
+            }
+        }, options.animate === false ? 0 : options.duration, this);
+    },
+
+    _finishEase: function() {
+        delete this._abortFn;
+        // The finish function might emit events which trigger new eases, which
+        // set a new _finishFn. Ensure we don't delete it unintentionally.
+        var finish = this._finishFn;
+        delete this._finishFn;
+        finish.call(this);
+    },
+
+    // convert bearing so that it's numerically close to the current one so that it interpolates properly
+    _normalizeBearing: function(bearing, currentBearing) {
+        bearing = util.wrap(bearing, -180, 180);
+        var diff = Math.abs(bearing - currentBearing);
+        if (Math.abs(bearing - 360 - currentBearing) < diff) bearing -= 360;
+        if (Math.abs(bearing + 360 - currentBearing) < diff) bearing += 360;
+        return bearing;
+    },
+
+    _updateEasing: function(duration, zoom, bezier) {
+        var easing;
+
+        if (this.ease) {
+            var ease = this.ease,
+                t = (Date.now() - ease.start) / ease.duration,
+                speed = ease.easing(t + 0.01) - ease.easing(t),
+
+                // Quick hack to make new bezier that is continuous with last
+                x = 0.27 / Math.sqrt(speed * speed + 0.0001) * 0.01,
+                y = Math.sqrt(0.27 * 0.27 - x * x);
+
+            easing = util.bezier(x, y, 0.25, 1);
+        } else {
+            easing = bezier ? util.bezier.apply(util, bezier) : util.ease;
+        }
+
+        // store information on current easing
+        this.ease = {
+            start: (new Date()).getTime(),
+            to: Math.pow(2, zoom),
+            duration: duration,
+            easing: easing
+        };
+
+        return easing;
+    }
+});
+
+/**
+ * Fired whenever the map's pitch (tilt) changes.
+ *
+ * @event pitch
+ * @memberof Map
+ * @instance
+ * @property {MapEventData} data
+ */
+
+},{"../geo/lng_lat":339,"../geo/lng_lat_bounds":340,"../util/browser":426,"../util/interpolate":436,"../util/util":442,"point-geometry":484}],409:[function(require,module,exports){
+'use strict';
+
+var Control = require('./control');
+var DOM = require('../../util/dom');
+var util = require('../../util/util');
+
+module.exports = Attribution;
+
+/**
+ * An `Attribution` control presents the map's [attribution information](https://www.mapbox.com/help/attribution/).
+ * Extends [`Control`](#Control).
+ *
+ * @class Attribution
+ * @param {Object} [options]
+ * @param {string} [options.position='bottom-right'] A string indicating the control's position on the map. Options are `'top-right'`, `'top-left'`, `'bottom-right'`, and `'bottom-left'`.
+ * @example
+ * var map = new mapboxgl.Map({attributionControl: false})
+ *     .addControl(new mapboxgl.Attribution({position: 'top-left'}));
+ */
+function Attribution(options) {
+    util.setOptions(this, options);
+}
+
+Attribution.createAttributionString = function(sources) {
+    var attributions = [];
+
+    for (var id in sources) {
+        var source = sources[id];
+        if (source.attribution && attributions.indexOf(source.attribution) < 0) {
+            attributions.push(source.attribution);
+        }
+    }
+
+    // remove any entries that are substrings of another entry.
+    // first sort by length so that substrings come first
+    attributions.sort(function (a, b) { return a.length - b.length; });
+    attributions = attributions.filter(function (attrib, i) {
+        for (var j = i + 1; j < attributions.length; j++) {
+            if (attributions[j].indexOf(attrib) >= 0) { return false; }
+        }
+        return true;
+    });
+
+    return attributions.join(' | ');
+};
+
+Attribution.prototype = util.inherit(Control, {
+    options: {
+        position: 'bottom-right'
+    },
+
+    onAdd: function(map) {
+        var className = 'mapboxgl-ctrl-attrib',
+            container = this._container = DOM.create('div', className, map.getContainer());
+
+        this._update();
+        map.on('source.load', this._update.bind(this));
+        map.on('source.change', this._update.bind(this));
+        map.on('source.remove', this._update.bind(this));
+        map.on('moveend', this._updateEditLink.bind(this));
+
+        return container;
+    },
+
+    _update: function() {
+        if (this._map.style) {
+            this._container.innerHTML = Attribution.createAttributionString(this._map.style.sources);
+        }
+
+        this._editLink = this._container.getElementsByClassName('mapbox-improve-map')[0];
+        this._updateEditLink();
+    },
+
+    _updateEditLink: function() {
+        if (this._editLink) {
+            var center = this._map.getCenter();
+            this._editLink.href = 'https://www.mapbox.com/map-feedback/#/' +
+                    center.lng + '/' + center.lat + '/' + Math.round(this._map.getZoom() + 1);
+        }
+    }
+});
+
+},{"../../util/dom":428,"../../util/util":442,"./control":410}],410:[function(require,module,exports){
+'use strict';
+
+var util = require('../../util/util');
+var Evented = require('../../util/evented');
+module.exports = Control;
+
+/**
+ * The base class for map-related interface elements.
+ *
+ * The `Control` class mixes in [`Evented`](#Evented) methods.
+ *
+ * @class Control
+ */
+function Control() {}
+
+Control.prototype = {
+    /**
+     * Adds the control to a map.
+     *
+     * @param {Map} map The Mapbox GL JS map to add the control to.
+     * @returns {Control} `this`
+     */
+    addTo: function(map) {
+        this._map = map;
+        var container = this._container = this.onAdd(map);
+        if (this.options && this.options.position) {
+            var pos = this.options.position;
+            var corner = map._controlCorners[pos];
+            container.className += ' mapboxgl-ctrl';
+            if (pos.indexOf('bottom') !== -1) {
+                corner.insertBefore(container, corner.firstChild);
+            } else {
+                corner.appendChild(container);
+            }
+        }
+
+        return this;
+    },
+
+    /**
+     * Removes the control from the map it has been added to.
+     *
+     * @returns {Control} `this`
+     */
+    remove: function() {
+        this._container.parentNode.removeChild(this._container);
+        if (this.onRemove) this.onRemove(this._map);
+        this._map = null;
+        return this;
+    }
+};
+
+util.extend(Control.prototype, Evented);
+
+},{"../../util/evented":434,"../../util/util":442}],411:[function(require,module,exports){
+'use strict';
+
+var Control = require('./control');
+var browser = require('../../util/browser');
+var DOM = require('../../util/dom');
+var util = require('../../util/util');
+
+module.exports = Geolocate;
+
+var geoOptions = { enableHighAccuracy: false, timeout: 6000 /* 6sec */ };
+
+
+/**
+ * A `Geolocate` control provides a button that uses the browser's geolocation
+ * API to locate the user on the map. Extends [`Control`](#Control).
+ *
+ * @class Geolocate
+ * @param {Object} [options]
+ * @param {string} [options.position='top-right'] A string indicating the control's position on the map. Options are `'top-right'`, `'top-left'`, `'bottom-right'`, and `'bottom-left'`.
+ * @example
+ * map.addControl(new mapboxgl.Geolocate({position: 'top-left'})); // position is optional
+ */
+function Geolocate(options) {
+    util.setOptions(this, options);
+}
+
+Geolocate.prototype = util.inherit(Control, {
+    options: {
+        position: 'top-right'
+    },
+
+    onAdd: function(map) {
+        var className = 'mapboxgl-ctrl';
+
+        var container = this._container = DOM.create('div', className + '-group', map.getContainer());
+        if (!browser.supportsGeolocation) return container;
+
+        this._container.addEventListener('contextmenu', this._onContextMenu.bind(this));
+
+        this._geolocateButton = DOM.create('button', (className + '-icon ' + className + '-geolocate'), this._container);
+        this._geolocateButton.type = 'button';
+        this._geolocateButton.addEventListener('click', this._onClickGeolocate.bind(this));
+        return container;
+    },
+
+    _onContextMenu: function(e) {
+        e.preventDefault();
+    },
+
+    _onClickGeolocate: function() {
+        navigator.geolocation.getCurrentPosition(this._success.bind(this), this._error.bind(this), geoOptions);
+
+        // This timeout ensures that we still call finish() even if
+        // the user declines to share their location in Firefox
+        this._timeoutId = setTimeout(this._finish.bind(this), 10000 /* 10sec */);
+    },
+
+    _success: function(position) {
+        this._map.jumpTo({
+            center: [position.coords.longitude, position.coords.latitude],
+            zoom: 17,
+            bearing: 0,
+            pitch: 0
+        });
+
+        this.fire('geolocate', position);
+        this._finish();
+    },
+
+    _error: function(error) {
+        this.fire('error', error);
+        this._finish();
+    },
+
+    _finish: function() {
+        if (this._timeoutId) { clearTimeout(this._timeoutId); }
+        this._timeoutId = undefined;
+    }
+
+});
+
+/**
+ * geolocate event.
+ *
+ * @event geolocate
+ * @memberof Geolocate
+ * @instance
+ * @property {Position} data The returned [Position](https://developer.mozilla.org/en-US/docs/Web/API/Position) object from the callback in [Geolocation.getCurrentPosition()](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition).
+ *
+ */
+
+/**
+ * error event.
+ *
+ * @event error
+ * @memberof Geolocate
+ * @instance
+ * @property {PositionError} data The returned [PositionError](https://developer.mozilla.org/en-US/docs/Web/API/PositionError) object from the callback in [Geolocation.getCurrentPosition()](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition).
+ *
+ */
+
+},{"../../util/browser":426,"../../util/dom":428,"../../util/util":442,"./control":410}],412:[function(require,module,exports){
+'use strict';
+
+var Control = require('./control');
+var DOM = require('../../util/dom');
+var util = require('../../util/util');
+
+module.exports = Navigation;
+
+/**
+ * A `Navigation` control contains zoom buttons and a compass.
+ * Extends [`Control`](#Control).
+ *
+ * @class Navigation
+ * @param {Object} [options]
+ * @param {string} [options.position='top-right'] A string indicating the control's position on the map. Options are `'top-right'`, `'top-left'`, `'bottom-right'`, and `'bottom-left'`.
+ * @example
+ * var nav = new mapboxgl.Navigation({position: 'top-left'}); // position is optional
+ * map.addControl(nav);
+ */
+function Navigation(options) {
+    util.setOptions(this, options);
+}
+
+Navigation.prototype = util.inherit(Control, {
+    options: {
+        position: 'top-right'
+    },
+
+    onAdd: function(map) {
+        var className = 'mapboxgl-ctrl';
+
+        var container = this._container = DOM.create('div', className + '-group', map.getContainer());
+        this._container.addEventListener('contextmenu', this._onContextMenu.bind(this));
+
+        this._zoomInButton = this._createButton(className + '-icon ' + className + '-zoom-in', map.zoomIn.bind(map));
+        this._zoomOutButton = this._createButton(className + '-icon ' + className + '-zoom-out', map.zoomOut.bind(map));
+        this._compass = this._createButton(className + '-icon ' + className + '-compass', map.resetNorth.bind(map));
+
+        this._compassArrow = DOM.create('div', 'arrow', this._compass);
+
+        this._compass.addEventListener('mousedown', this._onCompassDown.bind(this));
+        this._onCompassMove = this._onCompassMove.bind(this);
+        this._onCompassUp = this._onCompassUp.bind(this);
+
+        map.on('rotate', this._rotateCompassArrow.bind(this));
+        this._rotateCompassArrow();
+
+        this._el = map.getCanvasContainer();
+
+        return container;
+    },
+
+    _onContextMenu: function(e) {
+        e.preventDefault();
+    },
+
+    _onCompassDown: function(e) {
+        if (e.button !== 0) return;
+
+        DOM.disableDrag();
+        document.addEventListener('mousemove', this._onCompassMove);
+        document.addEventListener('mouseup', this._onCompassUp);
+
+        this._el.dispatchEvent(copyMouseEvent(e));
+        e.stopPropagation();
+    },
+
+    _onCompassMove: function(e) {
+        if (e.button !== 0) return;
+
+        this._el.dispatchEvent(copyMouseEvent(e));
+        e.stopPropagation();
+    },
+
+    _onCompassUp: function(e) {
+        if (e.button !== 0) return;
+
+        document.removeEventListener('mousemove', this._onCompassMove);
+        document.removeEventListener('mouseup', this._onCompassUp);
+        DOM.enableDrag();
+
+        this._el.dispatchEvent(copyMouseEvent(e));
+        e.stopPropagation();
+    },
+
+    _createButton: function(className, fn) {
+        var a = DOM.create('button', className, this._container);
+        a.type = 'button';
+        a.addEventListener('click', function() { fn(); });
+        return a;
+    },
+
+    _rotateCompassArrow: function() {
+        var rotate = 'rotate(' + (this._map.transform.angle * (180 / Math.PI)) + 'deg)';
+        this._compassArrow.style.transform = rotate;
+    }
+});
+
+
+function copyMouseEvent(e) {
+    return new MouseEvent(e.type, {
+        button: 2,    // right click
+        buttons: 2,   // right click
+        bubbles: true,
+        cancelable: true,
+        detail: e.detail,
+        view: e.view,
+        screenX: e.screenX,
+        screenY: e.screenY,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        movementX: e.movementX,
+        movementY: e.movementY,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        altKey: e.altKey,
+        metaKey: e.metaKey
+    });
+}
+
+},{"../../util/dom":428,"../../util/util":442,"./control":410}],413:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../../util/dom'),
+    LngLatBounds = require('../../geo/lng_lat_bounds'),
+    util = require('../../util/util');
+
+module.exports = BoxZoomHandler;
+
+/**
+ * The `BoxZoomHandler` allows the user to zoom the map to fit within a bounding box.
+ * The bounding box is defined by clicking and holding `shift` while dragging the cursor.
+ *
+ * @class BoxZoomHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function BoxZoomHandler(map) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+    this._container = map.getContainer();
+
+    util.bindHandlers(this);
+}
+
+BoxZoomHandler.prototype = {
+
+    _enabled: false,
+    _active: false,
+
+    /**
+     * Returns a Boolean indicating whether the "box zoom" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "box zoom" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
+     *
+     * @returns {boolean} `true` if the "box zoom" interaction is active.
+     */
+    isActive: function () {
+        return this._active;
+    },
+
+    /**
+     * Enables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('mousedown', this._onMouseDown, false);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('mousedown', this._onMouseDown);
+        this._enabled = false;
+    },
+
+    _onMouseDown: function (e) {
+        if (!(e.shiftKey && e.button === 0)) return;
+
+        document.addEventListener('mousemove', this._onMouseMove, false);
+        document.addEventListener('keydown', this._onKeyDown, false);
+        document.addEventListener('mouseup', this._onMouseUp, false);
+
+        DOM.disableDrag();
+        this._startPos = DOM.mousePos(this._el, e);
+        this._active = true;
+    },
+
+    _onMouseMove: function (e) {
+        var p0 = this._startPos,
+            p1 = DOM.mousePos(this._el, e);
+
+        if (!this._box) {
+            this._box = DOM.create('div', 'mapboxgl-boxzoom', this._container);
+            this._container.classList.add('mapboxgl-crosshair');
+            this._fireEvent('boxzoomstart', e);
+        }
+
+        var minX = Math.min(p0.x, p1.x),
+            maxX = Math.max(p0.x, p1.x),
+            minY = Math.min(p0.y, p1.y),
+            maxY = Math.max(p0.y, p1.y);
+
+        DOM.setTransform(this._box, 'translate(' + minX + 'px,' + minY + 'px)');
+
+        this._box.style.width = (maxX - minX) + 'px';
+        this._box.style.height = (maxY - minY) + 'px';
+    },
+
+    _onMouseUp: function (e) {
+        if (e.button !== 0) return;
+
+        var p0 = this._startPos,
+            p1 = DOM.mousePos(this._el, e),
+            bounds = new LngLatBounds(this._map.unproject(p0), this._map.unproject(p1));
+
+        this._finish();
+
+        if (p0.x === p1.x && p0.y === p1.y) {
+            this._fireEvent('boxzoomcancel', e);
+        } else {
+            this._map
+                .fitBounds(bounds, {linear: true})
+                .fire('boxzoomend', { originalEvent: e, boxZoomBounds: bounds });
+        }
+    },
+
+    _onKeyDown: function (e) {
+        if (e.keyCode === 27) {
+            this._finish();
+            this._fireEvent('boxzoomcancel', e);
+        }
+    },
+
+    _finish: function () {
+        this._active = false;
+
+        document.removeEventListener('mousemove', this._onMouseMove, false);
+        document.removeEventListener('keydown', this._onKeyDown, false);
+        document.removeEventListener('mouseup', this._onMouseUp, false);
+
+        this._container.classList.remove('mapboxgl-crosshair');
+
+        if (this._box) {
+            this._box.parentNode.removeChild(this._box);
+            this._box = null;
+        }
+
+        DOM.enableDrag();
+    },
+
+    _fireEvent: function (type, e) {
+        return this._map.fire(type, { originalEvent: e });
+    }
+};
+
+/**
+ * @typedef {Object} MapBoxZoomEvent
+ * @property {MouseEvent} originalEvent
+ * @property {LngLatBounds} boxZoomBounds The bounding box of the "box zoom" interaction.
+ *   This property is only provided for `boxzoomend` events.
+ */
+
+/**
+ * Fired when a "box zoom" interaction starts. See [`BoxZoomHandler`](#BoxZoomHandler).
+ *
+ * @event boxzoomstart
+ * @memberof Map
+ * @instance
+ * @property {MapBoxZoomEvent} data
+ */
+
+/**
+ * Fired when a "box zoom" interaction ends.  See [`BoxZoomHandler`](#BoxZoomHandler).
+ *
+ * @event boxzoomend
+ * @memberof Map
+ * @instance
+ * @type {Object}
+ * @property {MapBoxZoomEvent} data
+ */
+
+/**
+ * Fired when the user cancels a "box zoom" interaction, or when the bounding box does not meet the minimum size threshold.
+ * See [`BoxZoomHandler`](#BoxZoomHandler).
+ *
+ * @event boxzoomcancel
+ * @memberof Map
+ * @instance
+ * @property {MapBoxZoomEvent} data
+ */
+
+},{"../../geo/lng_lat_bounds":340,"../../util/dom":428,"../../util/util":442}],414:[function(require,module,exports){
+'use strict';
+
+module.exports = DoubleClickZoomHandler;
+
+/**
+ * The `DoubleClickZoomHandler` allows the user to zoom the map at a point by
+ * double clicking.
+ *
+ * @class DoubleClickZoomHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function DoubleClickZoomHandler(map) {
+    this._map = map;
+    this._onDblClick = this._onDblClick.bind(this);
+}
+
+DoubleClickZoomHandler.prototype = {
+
+    _enabled: false,
+
+    /**
+     * Returns a Boolean indicating whether the "double click to zoom" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "double click to zoom" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Enables the "double click to zoom" interaction.
+     *
+     * @example
+     * map.doubleClickZoom.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._map.on('dblclick', this._onDblClick);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "double click to zoom" interaction.
+     *
+     * @example
+     * map.doubleClickZoom.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._map.off('dblclick', this._onDblClick);
+        this._enabled = false;
+    },
+
+    _onDblClick: function (e) {
+        this._map.zoomTo(
+            this._map.getZoom() + (e.originalEvent.shiftKey ? -1 : 1),
+            {around: e.lngLat},
+            e
+        );
+    }
+};
+
+},{}],415:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../../util/dom'),
+    util = require('../../util/util');
+
+module.exports = DragPanHandler;
+
+var inertiaLinearity = 0.3,
+    inertiaEasing = util.bezier(0, 0, inertiaLinearity, 1),
+    inertiaMaxSpeed = 1400, // px/s
+    inertiaDeceleration = 2500; // px/s^2
+
+
+/**
+ * The `DragPanHandler` allows the user to pan the map by clicking and dragging
+ * the cursor.
+ *
+ * @class DragPanHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function DragPanHandler(map) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+
+    util.bindHandlers(this);
+}
+
+DragPanHandler.prototype = {
+
+    _enabled: false,
+    _active: false,
+
+    /**
+     * Returns a Boolean indicating whether the "drag to pan" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "drag to pan" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Returns a Boolean indicating whether the "drag to pan" interaction is active, i.e. currently being used.
+     *
+     * @returns {boolean} `true` if the "drag to pan" interaction is active.
+     */
+    isActive: function () {
+        return this._active;
+    },
+
+    /**
+     * Enables the "drag to pan" interaction.
+     *
+     * @example
+     * map.dragPan.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('mousedown', this._onDown);
+        this._el.addEventListener('touchstart', this._onDown);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "drag to pan" interaction.
+     *
+     * @example
+     * map.dragPan.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('mousedown', this._onDown);
+        this._el.removeEventListener('touchstart', this._onDown);
+        this._enabled = false;
+    },
+
+    _onDown: function (e) {
+        if (this._ignoreEvent(e)) return;
+        if (this.isActive()) return;
+
+        if (e.touches) {
+            document.addEventListener('touchmove', this._onMove);
+            document.addEventListener('touchend', this._onTouchEnd);
+        } else {
+            document.addEventListener('mousemove', this._onMove);
+            document.addEventListener('mouseup', this._onMouseUp);
+        }
+
+        this._active = false;
+        this._startPos = this._pos = DOM.mousePos(this._el, e);
+        this._inertia = [[Date.now(), this._pos]];
+    },
+
+    _onMove: function (e) {
+        if (this._ignoreEvent(e)) return;
+
+        if (!this.isActive()) {
+            this._active = true;
+            this._fireEvent('dragstart', e);
+            this._fireEvent('movestart', e);
+        }
+
+        var pos = DOM.mousePos(this._el, e),
+            map = this._map;
+
+        map.stop();
+        this._drainInertiaBuffer();
+        this._inertia.push([Date.now(), pos]);
+
+        map.transform.setLocationAtPoint(map.transform.pointLocation(this._pos), pos);
+
+        this._fireEvent('drag', e);
+        this._fireEvent('move', e);
+
+        this._pos = pos;
+
+        e.preventDefault();
+    },
+
+    _onUp: function (e) {
+        if (!this.isActive()) return;
+
+        this._active = false;
+        this._fireEvent('dragend', e);
+        this._drainInertiaBuffer();
+
+        var finish = function() {
+            this._fireEvent('moveend', e);
+        }.bind(this);
+
+        var inertia = this._inertia;
+        if (inertia.length < 2) {
+            finish();
+            return;
+        }
+
+        var last = inertia[inertia.length - 1],
+            first = inertia[0],
+            flingOffset = last[1].sub(first[1]),
+            flingDuration = (last[0] - first[0]) / 1000;
+
+        if (flingDuration === 0 || last[1].equals(first[1])) {
+            finish();
+            return;
+        }
+
+        // calculate px/s velocity & adjust for increased initial animation speed when easing out
+        var velocity = flingOffset.mult(inertiaLinearity / flingDuration),
+            speed = velocity.mag(); // px/s
+
+        if (speed > inertiaMaxSpeed) {
+            speed = inertiaMaxSpeed;
+            velocity._unit()._mult(speed);
+        }
+
+        var duration = speed / (inertiaDeceleration * inertiaLinearity),
+            offset = velocity.mult(-duration / 2);
+
+        this._map.panBy(offset, {
+            duration: duration * 1000,
+            easing: inertiaEasing,
+            noMoveStart: true
+        }, { originalEvent: e });
+    },
+
+    _onMouseUp: function (e) {
+        if (this._ignoreEvent(e)) return;
+        this._onUp(e);
+        document.removeEventListener('mousemove', this._onMove);
+        document.removeEventListener('mouseup', this._onMouseUp);
+    },
+
+    _onTouchEnd: function (e) {
+        if (this._ignoreEvent(e)) return;
+        this._onUp(e);
+        document.removeEventListener('touchmove', this._onMove);
+        document.removeEventListener('touchend', this._onTouchEnd);
+    },
+
+    _fireEvent: function (type, e) {
+        return this._map.fire(type, { originalEvent: e });
+    },
+
+    _ignoreEvent: function (e) {
+        var map = this._map;
+
+        if (map.boxZoom && map.boxZoom.isActive()) return true;
+        if (map.dragRotate && map.dragRotate.isActive()) return true;
+        if (e.touches) {
+            return (e.touches.length > 1);
+        } else {
+            if (e.ctrlKey) return true;
+            var buttons = 1,  // left button
+                button = 0;   // left button
+            return (e.type === 'mousemove' ? e.buttons & buttons === 0 : e.button !== button);
+        }
+    },
+
+    _drainInertiaBuffer: function () {
+        var inertia = this._inertia,
+            now = Date.now(),
+            cutoff = 160;   // msec
+
+        while (inertia.length > 0 && now - inertia[0][0] > cutoff) inertia.shift();
+    }
+};
+
+
+/**
+ * Fired when a "drag to pan" interaction starts. See [`DragPanHandler`](#DragPanHandler).
+ *
+ * @event dragstart
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired repeatedly during a "drag to pan" interaction. See [`DragPanHandler`](#DragPanHandler).
+ *
+ * @event drag
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired when a "drag to pan" interaction ends. See [`DragPanHandler`](#DragPanHandler).
+ *
+ * @event dragend
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+},{"../../util/dom":428,"../../util/util":442}],416:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../../util/dom'),
+    Point = require('point-geometry'),
+    util = require('../../util/util');
+
+module.exports = DragRotateHandler;
+
+var inertiaLinearity = 0.25,
+    inertiaEasing = util.bezier(0, 0, inertiaLinearity, 1),
+    inertiaMaxSpeed = 180, // deg/s
+    inertiaDeceleration = 720; // deg/s^2
+
+
+/**
+ * The `DragRotateHandler` allows the user to rotate the map by clicking and
+ * dragging the cursor while holding the right mouse button or `ctrl` key.
+ *
+ * @class DragRotateHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ * @param {Object} [options]
+ * @param {number} [options.bearingSnap] The threshold, measured in degrees, that determines when the map's
+ *   bearing (rotation) will snap to north.
+ */
+function DragRotateHandler(map, options) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+    this._bearingSnap = options.bearingSnap;
+
+    util.bindHandlers(this);
+}
+
+DragRotateHandler.prototype = {
+
+    _enabled: false,
+    _active: false,
+
+    /**
+     * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "drag to rotate" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Returns a Boolean indicating whether the "drag to rotate" interaction is active, i.e. currently being used.
+     *
+     * @returns {boolean} `true` if the "drag to rotate" interaction is active.
+     */
+    isActive: function () {
+        return this._active;
+    },
+
+    /**
+     * Enables the "drag to rotate" interaction.
+     *
+     * @example
+     * map.dragRotate.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('mousedown', this._onDown);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "drag to rotate" interaction.
+     *
+     * @example
+     * map.dragRotate.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('mousedown', this._onDown);
+        this._enabled = false;
+    },
+
+    _onDown: function (e) {
+        if (this._ignoreEvent(e)) return;
+        if (this.isActive()) return;
+
+        document.addEventListener('mousemove', this._onMove);
+        document.addEventListener('mouseup', this._onUp);
+
+        this._active = false;
+        this._inertia = [[Date.now(), this._map.getBearing()]];
+        this._startPos = this._pos = DOM.mousePos(this._el, e);
+        this._center = this._map.transform.centerPoint;  // Center of rotation
+
+        // If the first click was too close to the center, move the center of rotation by 200 pixels
+        // in the direction of the click.
+        var startToCenter = this._startPos.sub(this._center),
+            startToCenterDist = startToCenter.mag();
+
+        if (startToCenterDist < 200) {
+            this._center = this._startPos.add(new Point(-200, 0)._rotate(startToCenter.angle()));
+        }
+
+        e.preventDefault();
+    },
+
+    _onMove: function (e) {
+        if (this._ignoreEvent(e)) return;
+
+        if (!this.isActive()) {
+            this._active = true;
+            this._fireEvent('rotatestart', e);
+            this._fireEvent('movestart', e);
+        }
+
+        var map = this._map;
+        map.stop();
+
+        var p1 = this._pos,
+            p2 = DOM.mousePos(this._el, e),
+            center = this._center,
+            bearingDiff = p1.sub(center).angleWith(p2.sub(center)) / Math.PI * 180,
+            bearing = map.getBearing() - bearingDiff,
+            inertia = this._inertia,
+            last = inertia[inertia.length - 1];
+
+        this._drainInertiaBuffer();
+        inertia.push([Date.now(), map._normalizeBearing(bearing, last[1])]);
+
+        map.transform.bearing = bearing;
+
+        this._fireEvent('rotate', e);
+        this._fireEvent('move', e);
+
+        this._pos = p2;
+    },
+
+    _onUp: function (e) {
+        if (this._ignoreEvent(e)) return;
+        document.removeEventListener('mousemove', this._onMove);
+        document.removeEventListener('mouseup', this._onUp);
+
+        if (!this.isActive()) return;
+
+        this._active = false;
+        this._fireEvent('rotateend', e);
+        this._drainInertiaBuffer();
+
+        var map = this._map,
+            mapBearing = map.getBearing(),
+            inertia = this._inertia;
+
+        var finish = function() {
+            if (Math.abs(mapBearing) < this._bearingSnap) {
+                map.resetNorth({noMoveStart: true}, { originalEvent: e });
+            } else {
+                this._fireEvent('moveend', e);
+            }
+        }.bind(this);
+
+        if (inertia.length < 2) {
+            finish();
+            return;
+        }
+
+        var first = inertia[0],
+            last = inertia[inertia.length - 1],
+            previous = inertia[inertia.length - 2],
+            bearing = map._normalizeBearing(mapBearing, previous[1]),
+            flingDiff = last[1] - first[1],
+            sign = flingDiff < 0 ? -1 : 1,
+            flingDuration = (last[0] - first[0]) / 1000;
+
+        if (flingDiff === 0 || flingDuration === 0) {
+            finish();
+            return;
+        }
+
+        var speed = Math.abs(flingDiff * (inertiaLinearity / flingDuration));  // deg/s
+        if (speed > inertiaMaxSpeed) {
+            speed = inertiaMaxSpeed;
+        }
+
+        var duration = speed / (inertiaDeceleration * inertiaLinearity),
+            offset = sign * speed * (duration / 2);
+
+        bearing += offset;
+
+        if (Math.abs(map._normalizeBearing(bearing, 0)) < this._bearingSnap) {
+            bearing = map._normalizeBearing(0, bearing);
+        }
+
+        map.rotateTo(bearing, {
+            duration: duration * 1000,
+            easing: inertiaEasing,
+            noMoveStart: true
+        }, { originalEvent: e });
+    },
+
+    _fireEvent: function (type, e) {
+        return this._map.fire(type, { originalEvent: e });
+    },
+
+    _ignoreEvent: function (e) {
+        var map = this._map;
+
+        if (map.boxZoom && map.boxZoom.isActive()) return true;
+        if (map.dragPan && map.dragPan.isActive()) return true;
+        if (e.touches) {
+            return (e.touches.length > 1);
+        } else {
+            var buttons = (e.ctrlKey ? 1 : 2),  // ? ctrl+left button : right button
+                button = (e.ctrlKey ? 0 : 2);   // ? ctrl+left button : right button
+            return (e.type === 'mousemove' ? e.buttons & buttons === 0 : e.button !== button);
+        }
+    },
+
+    _drainInertiaBuffer: function () {
+        var inertia = this._inertia,
+            now = Date.now(),
+            cutoff = 160;   //msec
+
+        while (inertia.length > 0 && now - inertia[0][0] > cutoff)
+            inertia.shift();
+    }
+
+};
+
+
+/**
+ * Fired when a "drag to rotate" interaction starts. See [`DragRotateHandler`](#DragRotateHandler).
+ *
+ * @event rotatestart
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired repeatedly during a "drag to rotate" interaction. See [`DragRotateHandler`](#DragRotateHandler).
+ *
+ * @event rotate
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired when a "drag to rotate" interaction ends. See [`DragRotateHandler`](#DragRotateHandler).
+ *
+ * @event rotateend
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+},{"../../util/dom":428,"../../util/util":442,"point-geometry":484}],417:[function(require,module,exports){
+'use strict';
+
+module.exports = KeyboardHandler;
+
+
+var panDelta = 80,
+    rotateDelta = 2,
+    pitchDelta = 5;
+
+/**
+ * The `KeyboardHandler` allows the user to zoom, rotate, and pan the map using
+ * the following keyboard shortcuts:
+ *
+ * - `=` / `+`: Increase the zoom level by 1.
+ * - `Shift-=` / `Shift-+`: Increase the zoom level by 2.
+ * - `-`: Decrease the zoom level by 1.
+ * - `Shift--`: Decrease the zoom level by 2.
+ * - Arrow keys: Pan by 80 pixels.
+ * - `Shift+⇢`: Increase the rotation by 2 degrees.
+ * - `Shift+⇠`: Decrease the rotation by 2 degrees.
+ * - `Shift+⇡`: Increase the pitch by 5 degrees.
+ * - `Shift+⇣`: Decrease the pitch by 5 degrees.
+ *
+ * @class KeyboardHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function KeyboardHandler(map) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+
+    this._onKeyDown = this._onKeyDown.bind(this);
+}
+
+KeyboardHandler.prototype = {
+
+    _enabled: false,
+
+    /**
+     * Returns a Boolean indicating whether keyboard interaction is enabled.
+     *
+     * @returns {boolean} `true` if keyboard interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Enables keyboard interaction.
+     *
+     * @example
+     * map.keyboard.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('keydown', this._onKeyDown, false);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables keyboard interaction.
+     *
+     * @example
+     * map.keyboard.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('keydown', this._onKeyDown);
+        this._enabled = false;
+    },
+
+    _onKeyDown: function (e) {
+        if (e.altKey || e.ctrlKey || e.metaKey) return;
+
+        var map = this._map,
+            eventData = { originalEvent: e };
+
+        if (map.isEasing()) return;
+
+        switch (e.keyCode) {
+        case 61:
+        case 107:
+        case 171:
+        case 187:
+            map.zoomTo(Math.round(map.getZoom()) + (e.shiftKey ? 2 : 1), eventData);
+            break;
+
+        case 189:
+        case 109:
+        case 173:
+            map.zoomTo(Math.round(map.getZoom()) - (e.shiftKey ? 2 : 1), eventData);
+            break;
+
+        case 37:
+            if (e.shiftKey) {
+                map.easeTo({ bearing: map.getBearing() - rotateDelta }, eventData);
+            } else {
+                e.preventDefault();
+                map.panBy([-panDelta, 0], eventData);
+            }
+            break;
+
+        case 39:
+            if (e.shiftKey) {
+                map.easeTo({ bearing: map.getBearing() + rotateDelta }, eventData);
+            } else {
+                e.preventDefault();
+                map.panBy([panDelta, 0], eventData);
+            }
+            break;
+
+        case 38:
+            if (e.shiftKey) {
+                map.easeTo({ pitch: map.getPitch() + pitchDelta }, eventData);
+            } else {
+                e.preventDefault();
+                map.panBy([0, -panDelta], eventData);
+            }
+            break;
+
+        case 40:
+            if (e.shiftKey) {
+                map.easeTo({ pitch: Math.max(map.getPitch() - pitchDelta, 0) }, eventData);
+            } else {
+                e.preventDefault();
+                map.panBy([0, panDelta], eventData);
+            }
+            break;
+        }
+    }
+};
+
+},{}],418:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../../util/dom'),
+    browser = require('../../util/browser'),
+    util = require('../../util/util');
+
+module.exports = ScrollZoomHandler;
+
+
+var ua = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase() : '',
+    firefox = ua.indexOf('firefox') !== -1,
+    safari = ua.indexOf('safari') !== -1 && ua.indexOf('chrom') === -1;
+
+
+/**
+ * The `ScrollZoomHandler` allows the user to zoom the map by scrolling.
+ *
+ * @class ScrollZoomHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function ScrollZoomHandler(map) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+
+    util.bindHandlers(this);
+}
+
+ScrollZoomHandler.prototype = {
+
+    _enabled: false,
+
+    /**
+     * Returns a Boolean indicating whether the "scroll to zoom" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "scroll to zoom" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Enables the "scroll to zoom" interaction.
+     *
+     * @example
+     *   map.scrollZoom.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('wheel', this._onWheel, false);
+        this._el.addEventListener('mousewheel', this._onWheel, false);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "scroll to zoom" interaction.
+     *
+     * @example
+     *   map.scrollZoom.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('wheel', this._onWheel);
+        this._el.removeEventListener('mousewheel', this._onWheel);
+        this._enabled = false;
+    },
+
+    _onWheel: function (e) {
+        var value;
+
+        if (e.type === 'wheel') {
+            value = e.deltaY;
+            // Firefox doubles the values on retina screens...
+            if (firefox && e.deltaMode === window.WheelEvent.DOM_DELTA_PIXEL) value /= browser.devicePixelRatio;
+            if (e.deltaMode === window.WheelEvent.DOM_DELTA_LINE) value *= 40;
+
+        } else if (e.type === 'mousewheel') {
+            value = -e.wheelDeltaY;
+            if (safari) value = value / 3;
+        }
+
+        var now = browser.now(),
+            timeDelta = now - (this._time || 0);
+
+        this._pos = DOM.mousePos(this._el, e);
+        this._time = now;
+
+        if (value !== 0 && (value % 4.000244140625) === 0) {
+            // This one is definitely a mouse wheel event.
+            this._type = 'wheel';
+            // Normalize this value to match trackpad.
+            value = Math.floor(value / 4);
+
+        } else if (value !== 0 && Math.abs(value) < 4) {
+            // This one is definitely a trackpad event because it is so small.
+            this._type = 'trackpad';
+
+        } else if (timeDelta > 400) {
+            // This is likely a new scroll action.
+            this._type = null;
+            this._lastValue = value;
+
+            // Start a timeout in case this was a singular event, and dely it by up to 40ms.
+            this._timeout = setTimeout(this._onTimeout, 40);
+
+        } else if (!this._type) {
+            // This is a repeating event, but we don't know the type of event just yet.
+            // If the delta per time is small, we assume it's a fast trackpad; otherwise we switch into wheel mode.
+            this._type = (Math.abs(timeDelta * value) < 200) ? 'trackpad' : 'wheel';
+
+            // Make sure our delayed event isn't fired again, because we accumulate
+            // the previous event (which was less than 40ms ago) into this event.
+            if (this._timeout) {
+                clearTimeout(this._timeout);
+                this._timeout = null;
+                value += this._lastValue;
+            }
+        }
+
+        // Slow down zoom if shift key is held for more precise zooming
+        if (e.shiftKey && value) value = value / 4;
+
+        // Only fire the callback if we actually know what type of scrolling device the user uses.
+        if (this._type) this._zoom(-value, e);
+
+        e.preventDefault();
+    },
+
+    _onTimeout: function () {
+        this._type = 'wheel';
+        this._zoom(-this._lastValue);
+    },
+
+    _zoom: function (delta, e) {
+        if (delta === 0) return;
+        var map = this._map;
+
+        // Scale by sigmoid of scroll wheel delta.
+        var scale = 2 / (1 + Math.exp(-Math.abs(delta / 100)));
+        if (delta < 0 && scale !== 0) scale = 1 / scale;
+
+        var fromScale = map.ease ? map.ease.to : map.transform.scale,
+            targetZoom = map.transform.scaleZoom(fromScale * scale);
+
+        map.zoomTo(targetZoom, {
+            duration: 0,
+            around: map.unproject(this._pos),
+            delayEndEvents: 200
+        }, { originalEvent: e });
+    }
+};
+
+
+/**
+ * Fired just before the map begins a transition from one zoom level to another,
+ * as the result of either user interaction or methods such as [Map#flyTo](#Map#flyTo).
+ *
+ * @event zoomstart
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired repeatedly during an animated transition from one zoom level to another,
+ * as the result of either user interaction or methods such as [Map#flyTo](#Map#flyTo).
+ *
+ * @event zoom
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired just after the map completes a transition from one zoom level to another,
+ * as the result of either user interaction or methods such as [Map#flyTo](#Map#flyTo).
+ *
+ * @event zoomend
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+},{"../../util/browser":426,"../../util/dom":428,"../../util/util":442}],419:[function(require,module,exports){
+'use strict';
+
+var DOM = require('../../util/dom'),
+    util = require('../../util/util');
+
+module.exports = TouchZoomRotateHandler;
+
+var inertiaLinearity = 0.15,
+    inertiaEasing = util.bezier(0, 0, inertiaLinearity, 1),
+    inertiaDeceleration = 12, // scale / s^2
+    inertiaMaxSpeed = 2.5, // scale / s
+    significantScaleThreshold = 0.15,
+    significantRotateThreshold = 4;
+
+
+/**
+ * The `TouchZoomRotateHandler` allows the user to zoom and rotate the map by
+ * pinching on a touchscreen.
+ *
+ * @class TouchZoomRotateHandler
+ * @param {Map} map The Mapbox GL JS map to add the handler to.
+ */
+function TouchZoomRotateHandler(map) {
+    this._map = map;
+    this._el = map.getCanvasContainer();
+
+    util.bindHandlers(this);
+}
+
+TouchZoomRotateHandler.prototype = {
+
+    _enabled: false,
+
+    /**
+     * Returns a Boolean indicating whether the "pinch to rotate and zoom" interaction is enabled.
+     *
+     * @returns {boolean} `true` if the "pinch to rotate and zoom" interaction is enabled.
+     */
+    isEnabled: function () {
+        return this._enabled;
+    },
+
+    /**
+     * Enables the "pinch to rotate and zoom" interaction.
+     *
+     * @example
+     *   map.touchZoomRotate.enable();
+     */
+    enable: function () {
+        if (this.isEnabled()) return;
+        this._el.addEventListener('touchstart', this._onStart, false);
+        this._enabled = true;
+    },
+
+    /**
+     * Disables the "pinch to rotate and zoom" interaction.
+     *
+     * @example
+     *   map.touchZoomRotate.disable();
+     */
+    disable: function () {
+        if (!this.isEnabled()) return;
+        this._el.removeEventListener('touchstart', this._onStart);
+        this._enabled = false;
+    },
+
+    /**
+     * Disables the "pinch to rotate" interaction, leaving the "pinch to zoom"
+     * interaction enabled.
+     *
+     * @example
+     *   map.touchZoomRotate.disableRotation();
+     */
+    disableRotation: function() {
+        this._rotationDisabled = true;
+    },
+
+    /**
+     * Enables the "pinch to rotate" interaction.
+     *
+     * @example
+     *   map.touchZoomRotate.enable();
+     *   map.touchZoomRotate.enableRotation();
+     */
+    enableRotation: function() {
+        this._rotationDisabled = false;
+    },
+
+    _onStart: function (e) {
+        if (e.touches.length !== 2) return;
+
+        var p0 = DOM.mousePos(this._el, e.touches[0]),
+            p1 = DOM.mousePos(this._el, e.touches[1]);
+
+        this._startVec = p0.sub(p1);
+        this._startScale = this._map.transform.scale;
+        this._startBearing = this._map.transform.bearing;
+        this._gestureIntent = undefined;
+        this._inertia = [];
+
+        document.addEventListener('touchmove', this._onMove, false);
+        document.addEventListener('touchend', this._onEnd, false);
+    },
+
+    _onMove: function (e) {
+        if (e.touches.length !== 2) return;
+
+        var p0 = DOM.mousePos(this._el, e.touches[0]),
+            p1 = DOM.mousePos(this._el, e.touches[1]),
+            p = p0.add(p1).div(2),
+            vec = p0.sub(p1),
+            scale = vec.mag() / this._startVec.mag(),
+            bearing = this._rotationDisabled ? 0 : vec.angleWith(this._startVec) * 180 / Math.PI,
+            map = this._map;
+
+        // Determine 'intent' by whichever threshold is surpassed first,
+        // then keep that state for the duration of this gesture.
+        if (!this._gestureIntent) {
+            var scalingSignificantly = (Math.abs(1 - scale) > significantScaleThreshold),
+                rotatingSignificantly = (Math.abs(bearing) > significantRotateThreshold);
+
+            if (rotatingSignificantly) {
+                this._gestureIntent = 'rotate';
+            } else if (scalingSignificantly) {
+                this._gestureIntent = 'zoom';
+            }
+
+            if (this._gestureIntent) {
+                this._startVec = vec;
+                this._startScale = map.transform.scale;
+                this._startBearing = map.transform.bearing;
+            }
+
+        } else {
+            var param = { duration: 0, around: map.unproject(p) };
+
+            if (this._gestureIntent === 'rotate') {
+                param.bearing = this._startBearing + bearing;
+            }
+            if (this._gestureIntent === 'zoom' || this._gestureIntent === 'rotate') {
+                param.zoom = map.transform.scaleZoom(this._startScale * scale);
+            }
+
+            map.stop();
+            this._drainInertiaBuffer();
+            this._inertia.push([Date.now(), scale, p]);
+
+            map.easeTo(param, { originalEvent: e });
+        }
+
+        e.preventDefault();
+    },
+
+    _onEnd: function (e) {
+        document.removeEventListener('touchmove', this._onMove);
+        document.removeEventListener('touchend', this._onEnd);
+        this._drainInertiaBuffer();
+
+        var inertia = this._inertia,
+            map = this._map;
+
+        if (inertia.length < 2) {
+            map.snapToNorth({}, { originalEvent: e });
+            return;
+        }
+
+        var last = inertia[inertia.length - 1],
+            first = inertia[0],
+            lastScale = map.transform.scaleZoom(this._startScale * last[1]),
+            firstScale = map.transform.scaleZoom(this._startScale * first[1]),
+            scaleOffset = lastScale - firstScale,
+            scaleDuration = (last[0] - first[0]) / 1000,
+            p = last[2];
+
+        if (scaleDuration === 0 || lastScale === firstScale) {
+            map.snapToNorth({}, { originalEvent: e });
+            return;
+        }
+
+        // calculate scale/s speed and adjust for increased initial animation speed when easing
+        var speed = scaleOffset * inertiaLinearity / scaleDuration; // scale/s
+
+        if (Math.abs(speed) > inertiaMaxSpeed) {
+            if (speed > 0) {
+                speed = inertiaMaxSpeed;
+            } else {
+                speed = -inertiaMaxSpeed;
+            }
+        }
+
+        var duration = Math.abs(speed / (inertiaDeceleration * inertiaLinearity)) * 1000,
+            targetScale = lastScale + speed * duration / 2000;
+
+        if (targetScale < 0) {
+            targetScale = 0;
+        }
+
+        map.easeTo({
+            zoom: targetScale,
+            duration: duration,
+            easing: inertiaEasing,
+            around: map.unproject(p)
+        }, { originalEvent: e });
+    },
+
+    _drainInertiaBuffer: function() {
+        var inertia = this._inertia,
+            now = Date.now(),
+            cutoff = 160; // msec
+
+        while (inertia.length > 2 && now - inertia[0][0] > cutoff) inertia.shift();
+    }
+};
+
+},{"../../util/dom":428,"../../util/util":442}],420:[function(require,module,exports){
+'use strict';
+
+/*
+ * Adds the map's position to its page's location hash.
+ * Passed as an option to the map object.
+ *
+ * @class mapboxgl.Hash
+ * @returns {Hash} `this`
+ */
+module.exports = Hash;
+
+var util = require('../util/util');
+
+function Hash() {
+    util.bindAll([
+        '_onHashChange',
+        '_updateHash'
+    ], this);
+}
+
+Hash.prototype = {
+    /*
+     * Map element to listen for coordinate changes
+     *
+     * @param {Object} map
+     * @returns {Hash} `this`
+     */
+    addTo: function(map) {
+        this._map = map;
+        window.addEventListener('hashchange', this._onHashChange, false);
+        this._map.on('moveend', this._updateHash);
+        return this;
+    },
+
+    /*
+     * Removes hash
+     *
+     * @returns {Popup} `this`
+     */
+    remove: function() {
+        window.removeEventListener('hashchange', this._onHashChange, false);
+        this._map.off('moveend', this._updateHash);
+        delete this._map;
+        return this;
+    },
+
+    _onHashChange: function() {
+        var loc = location.hash.replace('#', '').split('/');
+        if (loc.length >= 3) {
+            this._map.jumpTo({
+                center: [+loc[2], +loc[1]],
+                zoom: +loc[0],
+                bearing: +(loc[3] || 0)
+            });
+            return true;
+        }
+        return false;
+    },
+
+    _updateHash: function() {
+        var center = this._map.getCenter(),
+            zoom = this._map.getZoom(),
+            bearing = this._map.getBearing(),
+            precision = Math.max(0, Math.ceil(Math.log(zoom) / Math.LN2)),
+
+            hash = '#' + (Math.round(zoom * 100) / 100) +
+                '/' + center.lat.toFixed(precision) +
+                '/' + center.lng.toFixed(precision) +
+                (bearing ? '/' + (Math.round(bearing * 10) / 10) : '');
+
+        window.history.replaceState('', '', hash);
+    }
+};
+
+},{"../util/util":442}],421:[function(require,module,exports){
+'use strict';
+
+var Canvas = require('../util/canvas');
+var util = require('../util/util');
+var browser = require('../util/browser');
+var window = require('../util/browser').window;
+var Evented = require('../util/evented');
+var DOM = require('../util/dom');
+
+var Style = require('../style/style');
+var AnimationLoop = require('../style/animation_loop');
+var Painter = require('../render/painter');
+
+var Transform = require('../geo/transform');
+var Hash = require('./hash');
+
+var bindHandlers = require('./bind_handlers');
+
+var Camera = require('./camera');
+var LngLat = require('../geo/lng_lat');
+var LngLatBounds = require('../geo/lng_lat_bounds');
+var Point = require('point-geometry');
+var Attribution = require('./control/attribution');
+
+var defaultMinZoom = 0;
+var defaultMaxZoom = 20;
+var defaultOptions = {
+    center: [0, 0],
+    zoom: 0,
+    bearing: 0,
+    pitch: 0,
+
+    minZoom: defaultMinZoom,
+    maxZoom: defaultMaxZoom,
+
+    interactive: true,
+
+    scrollZoom: true,
+    boxZoom: true,
+    dragRotate: true,
+    dragPan: true,
+    keyboard: true,
+    doubleClickZoom: true,
+    touchZoomRotate: true,
+
+    bearingSnap: 7,
+
+    hash: false,
+
+    attributionControl: true,
+
+    failIfMajorPerformanceCaveat: false,
+    preserveDrawingBuffer: false,
+
+    trackResize: true,
+    workerCount: Math.max(browser.hardwareConcurrency - 1, 1)
+};
+
+/**
+ * The `Map` object represents the map on your page. It exposes methods
+ * and properties that enable you to programmatically change the map,
+ * and fires events as users interact with it.
+ *
+ * You create a `Map` by specifying a `container` and other options.
+ * Then Mapbox GL JS initializes the map on the page and returns your `Map`
+ * object.
+ *
+ * The `Map` class mixes in [`Evented`](#Evented) methods.
+ *
+ * @class Map
+ * @param {Object} options
+ * @param {HTMLElement|string} options.container The HTML element in which Mapbox GL JS will render the map, or the element's string `id`.
+ * @param {number} [options.minZoom=0] The minimum zoom level of the map (1-20).
+ * @param {number} [options.maxZoom=20] The maximum zoom level of the map (1-20).
+ * @param {Object|string} [options.style] The map's Mapbox style. This must be an a JSON object conforming to
+ * the schema described in the [Mapbox Style Specification](https://mapbox.com/mapbox-gl-style-spec/), or a URL to
+ * such JSON.
+ *
+ * To load a style from the Mapbox API, you can use a URL of the form `mapbox://styles/:owner/:style`,
+ * where `:owner` is your Mapbox account name and `:style` is the style ID. Or you can use one of the following
+ * [the predefined Mapbox styles](https://www.mapbox.com/maps/):
+ *
+ *  * `mapbox://styles/mapbox/streets-v9`
+ *  * `mapbox://styles/mapbox/outdoors-v9`
+ *  * `mapbox://styles/mapbox/light-v9`
+ *  * `mapbox://styles/mapbox/dark-v9`
+ *  * `mapbox://styles/mapbox/satellite-v9`
+ *  * `mapbox://styles/mapbox/satellite-streets-v9`
+ *
+ * @param {boolean} [options.hash=false] If `true`, the map's position (zoom, center latitude, center longitude, and bearing) will be synced with the hash fragment of the page's URL.
+ *   For example, `http://path/to/my/page.html#2.59/39.26/53.07/-24.1`.
+ * @param {boolean} [options.interactive=true] If `false`, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction.
+ * @param {number} [options.bearingSnap=7] The threshold, measured in degrees, that determines when the map's
+ *   bearing (rotation) will snap to north. For example, with a `bearingSnap` of 7, if the user rotates
+ *   the map within 7 degrees of north, the map will automatically snap to exact north.
+ * @param {Array<string>} [options.classes] Mapbox style class names with which to initialize the map.
+ *   Keep in mind that these classes are used for controlling a style layer's paint properties, so are *not* reflected
+ *   in an HTML element's `class` attribute. To learn more about Mapbox style classes, read about
+ *   [Layers](https://www.mapbox.com/mapbox-gl-style-spec/#layers) in the style specification.
+ * @param {boolean} [options.attributionControl=true] If `true`, an [Attribution](#Attribution) control will be added to the map.
+ * @param {boolean} [options.failIfMajorPerformanceCaveat=false] If `true`, map creation will fail if the performance of Mapbox
+ *   GL JS would be dramatically worse than expected (i.e. a software renderer would be used).
+ * @param {boolean} [options.preserveDrawingBuffer=false] If `true`, the map's canvas can be exported to a PNG using `map.getCanvas().toDataURL()`. This is `false` by default as a performance optimization.
+ * @param {LngLatBoundsLike} [options.maxBounds] If set, the map will be constrained to the given bounds.
+ * @param {boolean} [options.scrollZoom=true] If `true`, the "scroll to zoom" interaction is enabled (see [`ScrollZoomHandler`](#ScrollZoomHandler)).
+ * @param {boolean} [options.boxZoom=true] If `true`, the "box zoom" interaction is enabled (see [`BoxZoomHandler`](#BoxZoomHandler)).
+ * @param {boolean} [options.dragRotate=true] If `true`, the "drag to rotate" interaction is enabled (see [`DragRotateHandler`](#DragRotateHandler)).
+ * @param {boolean} [options.dragPan=true] If `true`, the "drag to pan" interaction is enabled (see [`DragPanHandler`](#DragPanHandler)).
+ * @param {boolean} [options.keyboard=true] If `true`, keyboard shortcuts are enabled (see [`KeyboardHandler`](#KeyboardHandler)).
+ * @param {boolean} [options.doubleClickZoom=true] If `true`, the "double click to zoom" interaction is enabled (see [`DoubleClickZoomHandler`](#DoubleClickZoomHandler)).
+ * @param {boolean} [options.touchZoomRotate=true] If `true`, the "pinch to rotate and zoom" interaction is enabled (see [`TouchZoomRotateHandler`](#TouchZoomRotateHandler)).
+ * @param {boolean} [options.trackResize=true]  If `true`, the map will automatically resize when the browser window resizes.
+ * @param {LngLatLike} [options.center=[0, 0]] The inital geographical centerpoint of the map. If `center` is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `[0, 0]`.
+ * @param {number} [options.zoom=0] The initial zoom level of the map. If `zoom` is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`.
+ * @param {number} [options.bearing=0] The initial bearing (rotation) of the map, measured in degrees counter-clockwise from north. If `bearing` is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`.
+ * @param {number} [options.pitch=0] The initial pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If `pitch` is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`.
+ * @param {number} [options.workerCount=navigator.hardwareConcurrency - 1] The number of WebWorkers that Mapbox GL JS should use to process vector tile data.
+ * @example
+ * var map = new mapboxgl.Map({
+ *   container: 'map',
+ *   center: [-122.420679, 37.772537],
+ *   zoom: 13,
+ *   style: style_object,
+ *   hash: true
+ * });
+ */
+var Map = module.exports = function(options) {
+
+    options = util.extend({}, defaultOptions, options);
+
+    if (options.workerCount < 1) {
+        throw new Error('workerCount must an integer greater than or equal to 1.');
+    }
+
+    this._interactive = options.interactive;
+    this._failIfMajorPerformanceCaveat = options.failIfMajorPerformanceCaveat;
+    this._preserveDrawingBuffer = options.preserveDrawingBuffer;
+    this._trackResize = options.trackResize;
+    this._workerCount = options.workerCount;
+    this._bearingSnap = options.bearingSnap;
+
+    if (typeof options.container === 'string') {
+        this._container = document.getElementById(options.container);
+    } else {
+        this._container = options.container;
+    }
+
+    this.animationLoop = new AnimationLoop();
+    this.transform = new Transform(options.minZoom, options.maxZoom);
+
+    if (options.maxBounds) {
+        this.setMaxBounds(options.maxBounds);
+    }
+
+    util.bindAll([
+        '_forwardStyleEvent',
+        '_forwardSourceEvent',
+        '_forwardLayerEvent',
+        '_forwardTileEvent',
+        '_onStyleLoad',
+        '_onStyleChange',
+        '_onSourceAdd',
+        '_onSourceRemove',
+        '_onSourceUpdate',
+        '_onWindowOnline',
+        '_onWindowResize',
+        '_update',
+        '_render'
+    ], this);
+
+    this._setupContainer();
+    this._setupPainter();
+
+    this.on('move', this._update.bind(this, false));
+    this.on('zoom', this._update.bind(this, true));
+    this.on('moveend', function() {
+        this.animationLoop.set(300); // text fading
+        this._rerender();
+    }.bind(this));
+
+    if (typeof window !== 'undefined') {
+        window.addEventListener('online', this._onWindowOnline, false);
+        window.addEventListener('resize', this._onWindowResize, false);
+    }
+
+    bindHandlers(this, options);
+
+    this._hash = options.hash && (new Hash()).addTo(this);
+    // don't set position from options if set through hash
+    if (!this._hash || !this._hash._onHashChange()) {
+        this.jumpTo({
+            center: options.center,
+            zoom: options.zoom,
+            bearing: options.bearing,
+            pitch: options.pitch
+        });
+    }
+
+    this.stacks = {};
+    this._classes = [];
+
+    this.resize();
+
+    if (options.classes) this.setClasses(options.classes);
+    if (options.style) this.setStyle(options.style);
+    if (options.attributionControl) this.addControl(new Attribution(options.attributionControl));
+
+    var fireError = this.fire.bind(this, 'error');
+    this.on('style.error', fireError);
+    this.on('source.error', fireError);
+    this.on('tile.error', fireError);
+    this.on('layer.error', fireError);
+};
+
+util.extend(Map.prototype, Evented);
+util.extend(Map.prototype, Camera.prototype);
+util.extend(Map.prototype, /** @lends Map.prototype */{
+
+    /**
+     * Adds a [`Control`](#Control) to the map, calling `control.addTo(this)`.
+     *
+     * @param {Control} control The [`Control`](#Control) to add.
+     * @returns {Map} `this`
+     */
+    addControl: function(control) {
+        control.addTo(this);
+        return this;
+    },
+
+    /**
+     * Adds a Mapbox style class to the map.
+     *
+     * Keep in mind that these classes are used for controlling a style layer's paint properties, so are *not* reflected
+     * in an HTML element's `class` attribute. To learn more about Mapbox style classes, read about
+     * [Layers](https://www.mapbox.com/mapbox-gl-style-spec/#layers) in the style specification.
+     *
+     * @param {string} klass The style class to add.
+     * @param {StyleOptions} [options]
+     * @fires change
+     * @returns {Map} `this`
+     */
+    addClass: function(klass, options) {
+        if (this._classes.indexOf(klass) >= 0 || klass === '') return this;
+        this._classes.push(klass);
+        this._classOptions = options;
+
+        if (this.style) this.style.updateClasses();
+        return this._update(true);
+    },
+
+    /**
+     * Removes a Mapbox style class from the map.
+     *
+     * @param {string} klass The style class to remove.
+     * @param {StyleOptions} [options]
+     * @fires change
+     * @returns {Map} `this`
+     */
+    removeClass: function(klass, options) {
+        var i = this._classes.indexOf(klass);
+        if (i < 0 || klass === '') return this;
+        this._classes.splice(i, 1);
+        this._classOptions = options;
+
+        if (this.style) this.style.updateClasses();
+        return this._update(true);
+    },
+
+    /**
+     * Replaces the map's existing Mapbox style classes with a new array of classes.
+     *
+     * @param {Array<string>} klasses The style classes to set.
+     * @param {StyleOptions} [options]
+     * @fires change
+     * @returns {Map} `this`
+     */
+    setClasses: function(klasses, options) {
+        var uniqueClasses = {};
+        for (var i = 0; i < klasses.length; i++) {
+            if (klasses[i] !== '') uniqueClasses[klasses[i]] = true;
+        }
+        this._classes = Object.keys(uniqueClasses);
+        this._classOptions = options;
+
+        if (this.style) this.style.updateClasses();
+        return this._update(true);
+    },
+
+    /**
+     * Returns a Boolean indicating whether the map has the
+     * specified Mapbox style class.
+     *
+     * @param {string} klass The style class to test.
+     * @returns {boolean} `true` if the map has the specified style class.
+     */
+    hasClass: function(klass) {
+        return this._classes.indexOf(klass) >= 0;
+    },
+
+    /**
+     * Returns the map's Mapbox style classes.
+     *
+     * @returns {Array<string>} The map's style classes.
+     */
+    getClasses: function() {
+        return this._classes;
+    },
+
+    /**
+     * Resizes the map according to the dimensions of its
+     * `container` element.
+     *
+     * This method must be called after the map's `container` is resized by another script,
+     * or when the map is shown after being initially hidden with CSS.
+     *
+     * @returns {Map} `this`
+     */
+    resize: function() {
+        var width = 0, height = 0;
+
+        if (this._container) {
+            width = this._container.offsetWidth || 400;
+            height = this._container.offsetHeight || 300;
+        }
+
+        this._canvas.resize(width, height);
+        this.transform.resize(width, height);
+        this.painter.resize(width, height);
+
+        return this
+            .fire('movestart')
+            .fire('move')
+            .fire('resize')
+            .fire('moveend');
+    },
+
+    /**
+     * Returns the map's geographical bounds.
+     *
+     * @returns {LngLatBounds} The map's geographical bounds.
+     */
+    getBounds: function() {
+        var bounds = new LngLatBounds(
+            this.transform.pointLocation(new Point(0, 0)),
+            this.transform.pointLocation(this.transform.size));
+
+        if (this.transform.angle || this.transform.pitch) {
+            bounds.extend(this.transform.pointLocation(new Point(this.transform.size.x, 0)));
+            bounds.extend(this.transform.pointLocation(new Point(0, this.transform.size.y)));
+        }
+
+        return bounds;
+    },
+
+    /**
+     * Sets or clears the map's geographical bounds.
+     *
+     * Pan and zoom operations are constrained within these bounds.
+     * If a pan or zoom is performed that would
+     * display regions outside these bounds, the map will
+     * instead display a position and zoom level
+     * as close as possible to the operation's request while still
+     * remaining within the bounds.
+     *
+     * @param {LngLatBoundsLike | null | undefined} lnglatbounds The maximum bounds to set. If `null` or `undefined` is provided, the function removes the map's maximum bounds.
+     * @returns {Map} `this`
+     */
+    setMaxBounds: function (lnglatbounds) {
+        if (lnglatbounds) {
+            var b = LngLatBounds.convert(lnglatbounds);
+            this.transform.lngRange = [b.getWest(), b.getEast()];
+            this.transform.latRange = [b.getSouth(), b.getNorth()];
+            this.transform._constrain();
+            this._update();
+        } else if (lnglatbounds === null || lnglatbounds === undefined) {
+            this.transform.lngRange = [];
+            this.transform.latRange = [];
+            this._update();
+        }
+        return this;
+
+    },
+    /**
+     * Sets or clears the map's minimum zoom level.
+     * If the map's current zoom level is lower than the new minimum,
+     * the map will zoom to the new minimum.
+     *
+     * @param {?number} minZoom The minimum zoom level to set (0-20).
+     *   If `null` or `undefined` is provided, the function removes the current minimum zoom (i.e. sets it to 0).
+     * @returns {Map} `this`
+     */
+    setMinZoom: function(minZoom) {
+
+        minZoom = minZoom === null || minZoom === undefined ? defaultMinZoom : minZoom;
+
+        if (minZoom >= defaultMinZoom && minZoom <= this.transform.maxZoom) {
+            this.transform.minZoom = minZoom;
+            this._update();
+
+            if (this.getZoom() < minZoom) this.setZoom(minZoom);
+
+            return this;
+
+        } else throw new Error('minZoom must be between ' + defaultMinZoom + ' and the current maxZoom, inclusive');
+    },
+
+    /**
+     * Sets or clears the map's maximum zoom level.
+     * If the map's current zoom level is higher than the new maximum,
+     * the map will zoom to the new maximum.
+     *
+     * @param {?number} maxZoom The maximum zoom level to set (0-20).
+     *   If `null` or `undefined` is provided, the function removes the current maximum zoom (sets it to 20).
+     * @returns {Map} `this`
+     */
+    setMaxZoom: function(maxZoom) {
+
+        maxZoom = maxZoom === null || maxZoom === undefined ? defaultMaxZoom : maxZoom;
+
+        if (maxZoom >= this.transform.minZoom && maxZoom <= defaultMaxZoom) {
+            this.transform.maxZoom = maxZoom;
+            this._update();
+
+            if (this.getZoom() > maxZoom) this.setZoom(maxZoom);
+
+            return this;
+
+        } else throw new Error('maxZoom must be between the current minZoom and ' + defaultMaxZoom + ', inclusive');
+    },
+    /**
+     * Returns a [`Point`](#Point) representing pixel coordinates, relative to the map's `container`,
+     * that correspond to the specified geographical location.
+     *
+     * @param {LngLatLike} lnglat The geographical location to project.
+     * @returns {Point} The [`Point`](#Point) corresponding to `lnglat`, relative to the map's `container`.
+     */
+    project: function(lnglat) {
+        return this.transform.locationPoint(LngLat.convert(lnglat));
+    },
+
+    /**
+     * Returns a [`LngLat`](#LngLat) representing geographical coordinates that correspond
+     * to the specified pixel coordinates.
+     *
+     * @param {PointLike} point The pixel coordinates to unproject.
+     * @returns {LngLat} The [`LngLat`](#LngLat) corresponding to `point`.
+     */
+    unproject: function(point) {
+        return this.transform.pointLocation(Point.convert(point));
+    },
+
+    /**
+     * Returns an array of [GeoJSON](http://geojson.org/)
+     * [Feature objects](http://geojson.org/geojson-spec.html#feature-objects)
+     * representing visible features that satisfy the query parameters.
+     *
+     * @param {PointLike|Array<PointLike>} [geometry] - The geometry of the query region:
+     * either a single point or southwest and northeast points describing a bounding box.
+     * Omitting this parameter (i.e. calling [`Map#queryRenderedFeatures`](#Map#queryRenderedFeatures) with zero arguments,
+     * or with only a `parameters` argument) is equivalent to passing a bounding box encompassing the entire
+     * map viewport.
+     * @param {Object} [parameters]
+     * @param {Array<string>} [parameters.layers] An array of style layer IDs for the query to inspect.
+     *   Only features within these layers will be returned. If this parameter is undefined, all layers will be checked.
+     * @param {Array} [parameters.filter] A [filter](https://www.mapbox.com/mapbox-gl-style-spec/#types-filter)
+     *   to limit query results.
+     *
+     * @returns {Array<Object>} An array of [GeoJSON](http://geojson.org/)
+     * [feature objects](http://geojson.org/geojson-spec.html#feature-objects).
+     *
+     * The `properties` value of each returned feature object contains the properties of its source feature. For GeoJSON sources, only
+     * string and numeric property values are supported (i.e. `null`, `Array`, and `Object` values are not supported).
+     *
+     * Each feature includes a top-level `layer` property whose value is an object representing the style layer to
+     * which the feature belongs. Layout and paint properties in this object contain values which are fully evaluated
+     * for the given zoom level and feature.
+     *
+     * Only visible features are returned. The topmost rendered feature appears first in the returned array, and
+     * subsequent features are sorted by descending z-order. Features that are rendered multiple times (due to wrapping
+     * across the antimeridian at low zoom levels) are returned only once (though subject to the following caveat).
+     *
+     * Because features come from tiled vector data or GeoJSON data that is converted to tiles internally, feature
+     * geometries are clipped at tile boundaries and, as a result, features may appear multiple times in query
+     * results when they span multiple tiles. For example, suppose
+     * there is a highway running through the bounding rectangle of a query. The results of the query will be those
+     * parts of the highway that lie within the map tiles covering the bounding rectangle, even if the highway extends
+     * into other tiles, and the portion of the highway within each map tile will be returned as a separate feature.
+     *
+     * @example
+     * // Find all features at a point
+     * var features = map.queryRenderedFeatures(
+     *   [20, 35],
+     *   { layers: ['my-layer-name'] }
+     * );
+     *
+     * @example
+     * // Find all features within a static bounding box
+     * var features = map.queryRenderedFeatures(
+     *   [[10, 20], [30, 50]],
+     *   { layers: ['my-layer-name'] }
+     * );
+     *
+     * @example
+     * // Find all features within a bounding box around a point
+     * var width = 10;
+     * var height = 20;
+     * var features = map.queryRenderedFeatures([
+     *   [point.x - width / 2, point.y - height / 2],
+     *   [point.x + width / 2, point.y + height / 2]
+     * ], { layers: ['my-layer-name'] });
+     *
+     * @example
+     * // Query all rendered features from a single layer
+     * var features = map.queryRenderedFeatures({ layers: ['my-layer-name'] });
+     */
+    queryRenderedFeatures: function() {
+        var params = {};
+        var geometry;
+
+        if (arguments.length === 2) {
+            geometry = arguments[0];
+            params = arguments[1];
+        } else if (arguments.length === 1 && isPointLike(arguments[0])) {
+            geometry = arguments[0];
+        } else if (arguments.length === 1) {
+            params = arguments[0];
+        }
+
+        return this.style.queryRenderedFeatures(
+            this._makeQueryGeometry(geometry),
+            params,
+            this.transform.zoom,
+            this.transform.angle
+        );
+
+        function isPointLike(input) {
+            return input instanceof Point || Array.isArray(input);
+        }
+    },
+
+    _makeQueryGeometry: function(pointOrBox) {
+        if (pointOrBox === undefined) {
+            // bounds was omitted: use full viewport
+            pointOrBox = [
+                Point.convert([0, 0]),
+                Point.convert([this.transform.width, this.transform.height])
+            ];
+        }
+
+        var queryGeometry;
+        var isPoint = pointOrBox instanceof Point || typeof pointOrBox[0] === 'number';
+
+        if (isPoint) {
+            var point = Point.convert(pointOrBox);
+            queryGeometry = [point];
+        } else {
+            var box = [Point.convert(pointOrBox[0]), Point.convert(pointOrBox[1])];
+            queryGeometry = [
+                box[0],
+                new Point(box[1].x, box[0].y),
+                box[1],
+                new Point(box[0].x, box[1].y),
+                box[0]
+            ];
+        }
+
+        queryGeometry = queryGeometry.map(function(p) {
+            return this.transform.pointCoordinate(p);
+        }.bind(this));
+
+        return queryGeometry;
+    },
+
+    /**
+     * Returns an array of [GeoJSON](http://geojson.org/)
+     * [Feature objects](http://geojson.org/geojson-spec.html#feature-objects)
+     * representing features within the specified vector tile or GeoJSON source that satisfy the query parameters.
+     *
+     * @param {string} sourceID The ID of the vector tile or GeoJSON source to query.
+     * @param {Object} parameters
+     * @param {string} [parameters.sourceLayer] The name of the vector tile layer to query. *For vector tile
+     *   sources, this parameter is required.* For GeoJSON sources, it is ignored.
+     * @param {Array} [parameters.filter] A [filter](https://www.mapbox.com/mapbox-gl-style-spec/#types-filter)
+     *   to limit query results.
+     *
+     * @returns {Array<Object>} An array of [GeoJSON](http://geojson.org/)
+     * [Feature objects](http://geojson.org/geojson-spec.html#feature-objects).
+     *
+     * In contrast to [`Map#queryRenderedFeatures`](#Map#queryRenderedFeatures), this function
+     * returns all features matching the query parameters,
+     * whether or not they are rendered by the current style (i.e. visible). The domain of the query includes all currently-loaded
+     * vector tiles and GeoJSON source tiles: this function does not check tiles outside the currently
+     * visible viewport.
+     *
+     * Because features come from tiled vector data or GeoJSON data that is converted to tiles internally, feature
+     * geometries are clipped at tile boundaries and, as a result, features may appear multiple times in query
+     * results when they span multiple tiles. For example, suppose
+     * there is a highway running through the bounding rectangle of a query. The results of the query will be those
+     * parts of the highway that lie within the map tiles covering the bounding rectangle, even if the highway extends
+     * into other tiles, and the portion of the highway within each map tile will be returned as a separate feature.
+     */
+    querySourceFeatures: function(sourceID, params) {
+        return this.style.querySourceFeatures(sourceID, params);
+    },
+
+    /**
+     * Replaces the map's Mapbox style object with a new value.
+     *
+     * @param {Object|string} style A JSON object conforming to the schema described in the
+     *   [Mapbox Style Specification](https://mapbox.com/mapbox-gl-style-spec/), or a URL to such JSON.
+     * @returns {Map} `this`
+     */
+    setStyle: function(style) {
+        if (this.style) {
+            this.style
+                .off('load', this._onStyleLoad)
+                .off('error', this._forwardStyleEvent)
+                .off('change', this._onStyleChange)
+                .off('source.add', this._onSourceAdd)
+                .off('source.remove', this._onSourceRemove)
+                .off('source.load', this._onSourceUpdate)
+                .off('source.error', this._forwardSourceEvent)
+                .off('source.change', this._onSourceUpdate)
+                .off('layer.add', this._forwardLayerEvent)
+                .off('layer.remove', this._forwardLayerEvent)
+                .off('layer.error', this._forwardLayerEvent)
+                .off('tile.add', this._forwardTileEvent)
+                .off('tile.remove', this._forwardTileEvent)
+                .off('tile.load', this._update)
+                .off('tile.error', this._forwardTileEvent)
+                .off('tile.stats', this._forwardTileEvent)
+                ._remove();
+
+            this.off('rotate', this.style._redoPlacement);
+            this.off('pitch', this.style._redoPlacement);
+        }
+
+        if (!style) {
+            this.style = null;
+            return this;
+        } else if (style instanceof Style) {
+            this.style = style;
+        } else {
+            this.style = new Style(style, this.animationLoop, this._workerCount);
+        }
+
+        this.style
+            .on('load', this._onStyleLoad)
+            .on('error', this._forwardStyleEvent)
+            .on('change', this._onStyleChange)
+            .on('source.add', this._onSourceAdd)
+            .on('source.remove', this._onSourceRemove)
+            .on('source.load', this._onSourceUpdate)
+            .on('source.error', this._forwardSourceEvent)
+            .on('source.change', this._onSourceUpdate)
+            .on('layer.add', this._forwardLayerEvent)
+            .on('layer.remove', this._forwardLayerEvent)
+            .on('layer.error', this._forwardLayerEvent)
+            .on('tile.add', this._forwardTileEvent)
+            .on('tile.remove', this._forwardTileEvent)
+            .on('tile.load', this._update)
+            .on('tile.error', this._forwardTileEvent)
+            .on('tile.stats', this._forwardTileEvent);
+
+        this.on('rotate', this.style._redoPlacement);
+        this.on('pitch', this.style._redoPlacement);
+
+        return this;
+    },
+
+    /**
+     * Returns the map's Mapbox style object, which can be used to recreate the map's style.
+     *
+     * @returns {Object} The map's style object.
+     */
+    getStyle: function() {
+        if (this.style) {
+            return this.style.serialize();
+        }
+    },
+
+    /**
+     * Adds a source to the map's style.
+     *
+     * @param {string} id The ID of the source to add. Must not conflict with existing sources.
+     * @param {Object} source The source object, conforming to the
+     * Mapbox Style Specification's [source definition](https://www.mapbox.com/mapbox-gl-style-spec/#sources).
+     * @param {string} source.type The source type, which must be either one of the core Mapbox GL source types defined in the style specification or a custom type that has been added to the map with {@link Map#addSourceType}.
+     * @fires source.add
+     * @returns {Map} `this`
+     */
+    addSource: function(id, source) {
+        this.style.addSource(id, source);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Adds a [custom source type](#Custom Sources), making it available for use with
+     * {@link Map#addSource}.
+     * @private
+     * @param {string} name The name of the source type; source definition objects use this name in the `{type: ...}` field.
+     * @param {Function} SourceType A {@link Source} constructor.
+     * @param {Function} callback Called when the source type is ready or with an error argument if there is an error.
+     */
+    addSourceType: function (name, SourceType, callback) {
+        return this.style.addSourceType(name, SourceType, callback);
+    },
+
+    /**
+     * Removes a source from the map's style.
+     *
+     * @param {string} id The ID of the source to remove.
+     * @fires source.remove
+     * @returns {Map} `this`
+     */
+    removeSource: function(id) {
+        this.style.removeSource(id);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Returns the source with the specified ID in the map's style.
+     *
+     * @param {string} id The ID of the source to get.
+     * @returns {?Object} The style source with the specified ID, or `undefined`
+     *   if the ID corresponds to no existing sources.
+     */
+    getSource: function(id) {
+        return this.style.getSource(id);
+    },
+
+    /**
+     * Adds a [Mapbox style layer](https://www.mapbox.com/mapbox-gl-style-spec/#layers)
+     * to the map's style.
+     *
+     * A layer defines styling for data from a specified source.
+     *
+     * @param {Object} layer The style layer to add, conforming to the Mapbox Style Specification's
+     *   [layer definition](https://www.mapbox.com/mapbox-gl-style-spec/#layers).
+     * @param {string} [before] The ID of an existing layer to insert the new layer before.
+     *   If this argument is omitted, the layer will be appended to the end of the layers array.
+     * @fires layer.add
+     * @returns {Map} `this`
+     */
+    addLayer: function(layer, before) {
+        this.style.addLayer(layer, before);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Removes a layer from the map's style.
+     *
+     * Also removes any layers which refer to the specified layer via a
+     * [`ref` property](https://www.mapbox.com/mapbox-gl-style-spec/#layer-ref).
+     *
+     * @param {string} id The ID of the layer to remove.
+     * @throws {Error} if no layer with the specified `id` exists.
+     * @fires layer.remove
+     * @returns {Map} `this`
+     */
+    removeLayer: function(id) {
+        this.style.removeLayer(id);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Returns the layer with the specified ID in the map's style.
+     *
+     * @param {string} id The ID of the layer to get.
+     * @returns {?Object} The layer with the specified ID, or `undefined`
+     *   if the ID corresponds to no existing layers.
+     */
+    getLayer: function(id) {
+        return this.style.getLayer(id);
+    },
+
+    /**
+     * Sets the filter for the specified style layer.
+     *
+     * @param {string} layer The ID of the layer to which the filter will be applied.
+     * @param {Array} filter The filter, conforming to the Mapbox Style Specification's
+     *   [filter definition](https://www.mapbox.com/mapbox-gl-style-spec/#types-filter).
+     * @returns {Map} `this`
+     * @example
+     * map.setFilter('my-layer', ['==', 'name', 'USA']);
+     */
+    setFilter: function(layer, filter) {
+        this.style.setFilter(layer, filter);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Sets the zoom extent for the specified style layer.
+     *
+     * @param {string} layerId The ID of the layer to which the zoom extent will be applied.
+     * @param {number} minzoom The minimum zoom to set (0-20).
+     * @param {number} maxzoom The maximum zoom to set (0-20).
+     * @returns {Map} `this`
+     * @example
+     * map.setLayerZoomRange('my-layer', 2, 5);
+     */
+    setLayerZoomRange: function(layerId, minzoom, maxzoom) {
+        this.style.setLayerZoomRange(layerId, minzoom, maxzoom);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Returns the filter applied to the specified style layer.
+     *
+     * @param {string} layer The ID of the style layer whose filter to get.
+     * @returns {Array} The layer's filter.
+     */
+    getFilter: function(layer) {
+        return this.style.getFilter(layer);
+    },
+
+    /**
+     * Sets the value of a paint property in the specified style layer.
+     *
+     * @param {string} layer The ID of the layer to set the paint property in.
+     * @param {string} name The name of the paint property to set.
+     * @param {*} value The value of the paint propery to set.
+     *   Must be of a type appropriate for the property, as defined in the [Mapbox Style Specification](https://www.mapbox.com/mapbox-gl-style-spec/).
+     * @param {string=} klass A style class specifier for the paint property.
+     * @returns {Map} `this`
+     * @example
+     * map.setPaintProperty('my-layer', 'fill-color', '#faafee');
+     */
+    setPaintProperty: function(layer, name, value, klass) {
+        this.style.setPaintProperty(layer, name, value, klass);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Returns the value of a paint property in the specified style layer.
+     *
+     * @param {string} layer The ID of the layer to get the paint property from.
+     * @param {string} name The name of a paint property to get.
+     * @param {string=} klass A class specifier for the paint property.
+     * @returns {*} The value of the specified paint property.
+     */
+    getPaintProperty: function(layer, name, klass) {
+        return this.style.getPaintProperty(layer, name, klass);
+    },
+
+    /**
+     * Sets the value of a layout property in the specified style layer.
+     *
+     * @param {string} layer The ID of the layer to set the layout property in.
+     * @param {string} name The name of the layout property to set.
+     * @param {*} value The value of the layout propery. Must be of a type appropriate for the property, as defined in the [Mapbox Style Specification](https://www.mapbox.com/mapbox-gl-style-spec/).
+     * @returns {Map} `this`
+     * @example
+     * map.setLayoutProperty('my-layer', 'visibility', 'none');
+     */
+    setLayoutProperty: function(layer, name, value) {
+        this.style.setLayoutProperty(layer, name, value);
+        this._update(true);
+        return this;
+    },
+
+    /**
+     * Returns the value of a layout property in the specified style layer.
+     *
+     * @param {string} layer The ID of the layer to get the layout property from.
+     * @param {string} name The name of the layout property to get.
+     * @returns {*} The value of the specified layout property.
+     */
+    getLayoutProperty: function(layer, name) {
+        return this.style.getLayoutProperty(layer, name);
+    },
+
+    /**
+     * Returns the map's containing HTML element.
+     *
+     * @returns {HTMLElement} The map's container.
+     */
+    getContainer: function() {
+        return this._container;
+    },
+
+    /**
+     * Returns the HTML element containing the map's `<canvas>` element.
+     *
+     * If you want to add non-GL overlays to the map, you should append them to this element.
+     *
+     * This is the element to which event bindings for map interactivity (such as panning and zooming) are
+     * attached. It will receive bubbled events from child elements such as the `<canvas>`, but not from
+     * map controls.
+     *
+     * @returns {HTMLElement} The container of the map's `<canvas>`.
+     */
+    getCanvasContainer: function() {
+        return this._canvasContainer;
+    },
+
+    /**
+     * Returns the map's `<canvas>` element.
+     *
+     * @returns {HTMLCanvasElement} The map's `<canvas>` element.
+     */
+    getCanvas: function() {
+        return this._canvas.getElement();
+    },
+
+    _setupContainer: function() {
+        var container = this._container;
+        container.classList.add('mapboxgl-map');
+
+        var canvasContainer = this._canvasContainer = DOM.create('div', 'mapboxgl-canvas-container', container);
+        if (this._interactive) {
+            canvasContainer.classList.add('mapboxgl-interactive');
+        }
+        this._canvas = new Canvas(this, canvasContainer);
+
+        var controlContainer = this._controlContainer = DOM.create('div', 'mapboxgl-control-container', container);
+        var corners = this._controlCorners = {};
+        ['top-left', 'top-right', 'bottom-left', 'bottom-right'].forEach(function (pos) {
+            corners[pos] = DOM.create('div', 'mapboxgl-ctrl-' + pos, controlContainer);
+        });
+    },
+
+    _setupPainter: function() {
+        var gl = this._canvas.getWebGLContext({
+            failIfMajorPerformanceCaveat: this._failIfMajorPerformanceCaveat,
+            preserveDrawingBuffer: this._preserveDrawingBuffer
+        });
+
+        if (!gl) {
+            this.fire('error', { error: new Error('Failed to initialize WebGL') });
+            return;
+        }
+
+        this.painter = new Painter(gl, this.transform);
+    },
+
+    /**
+     * Fired when the WebGL context is lost.
+     *
+     * @event webglcontextlost
+     * @memberof Map
+     * @instance
+     * @type {Object}
+     * @property {WebGLContextEvent} originalEvent The original DOM event.
+     */
+    _contextLost: function(event) {
+        event.preventDefault();
+        if (this._frameId) {
+            browser.cancelFrame(this._frameId);
+        }
+        this.fire('webglcontextlost', {originalEvent: event});
+    },
+
+    /**
+     * Fired when the WebGL context is restored.
+     *
+     * @event webglcontextrestored
+     * @memberof Map
+     * @instance
+     * @type {Object}
+     * @property {WebGLContextEvent} originalEvent The original DOM event.
+     */
+    _contextRestored: function(event) {
+        this._setupPainter();
+        this.resize();
+        this._update();
+        this.fire('webglcontextrestored', {originalEvent: event});
+    },
+
+    /**
+     * Returns a Boolean indicating whether the map is fully loaded.
+     *
+     * Returns `false` if the style is not yet fully loaded,
+     * or if there has been a change to the sources or style that
+     * has not yet fully loaded.
+     *
+     * @returns {boolean} A Boolean indicating whether the map is fully loaded.
+     */
+    loaded: function() {
+        if (this._styleDirty || this._sourcesDirty)
+            return false;
+        if (!this.style || !this.style.loaded())
+            return false;
+        return true;
+    },
+
+    /**
+     * Update this map's style and sources, and re-render the map.
+     *
+     * @param {boolean} updateStyle mark the map's style for reprocessing as
+     * well as its sources
+     * @returns {Map} this
+     * @private
+     */
+    _update: function(updateStyle) {
+        if (!this.style) return this;
+
+        this._styleDirty = this._styleDirty || updateStyle;
+        this._sourcesDirty = true;
+
+        this._rerender();
+
+        return this;
+    },
+
+    /**
+     * Call when a (re-)render of the map is required, e.g. when the
+     * user panned or zoomed,f or new data is available.
+     * @returns {Map} this
+     * @private
+     */
+    _render: function() {
+        try {
+            if (this.style && this._styleDirty) {
+                this._styleDirty = false;
+                this.style.update(this._classes, this._classOptions);
+                this._classOptions = null;
+                this.style._recalculate(this.transform.zoom);
+            }
+
+            if (this.style && this._sourcesDirty) {
+                this._sourcesDirty = false;
+                this.style._updateSources(this.transform);
+            }
+
+            this.painter.render(this.style, {
+                debug: this.showTileBoundaries,
+                showOverdrawInspector: this._showOverdrawInspector,
+                vertices: this.vertices,
+                rotating: this.rotating,
+                zooming: this.zooming
+            });
+
+            this.fire('render');
+
+            if (this.loaded() && !this._loaded) {
+                this._loaded = true;
+                this.fire('load');
+            }
+
+            this._frameId = null;
+
+            if (!this.animationLoop.stopped()) {
+                this._styleDirty = true;
+            }
+
+            if (this._sourcesDirty || this._repaint || this._styleDirty) {
+                this._rerender();
+            }
+
+        } catch (error) {
+            this.fire('error', {error: error});
+        }
+
+        return this;
+    },
+
+    /**
+     * Destroys the map's underlying resources, including web workers and DOM elements.
+     *
+     * After calling this method, you must not call any other methods on the map.
+     */
+    remove: function() {
+        if (this._hash) this._hash.remove();
+        browser.cancelFrame(this._frameId);
+        this.setStyle(null);
+        if (typeof window !== 'undefined') {
+            window.removeEventListener('resize', this._onWindowResize, false);
+        }
+        var extension = this.painter.gl.getExtension('WEBGL_lose_context');
+        if (extension) extension.loseContext();
+        removeNode(this._canvasContainer);
+        removeNode(this._controlContainer);
+        this._container.classList.remove('mapboxgl-map');
+    },
+
+    _rerender: function() {
+        if (this.style && !this._frameId) {
+            this._frameId = browser.frame(this._render);
+        }
+    },
+
+    _forwardStyleEvent: function(e) {
+        this.fire('style.' + e.type, util.extend({style: e.target}, e));
+    },
+
+    _forwardSourceEvent: function(e) {
+        this.fire(e.type, util.extend({style: e.target}, e));
+    },
+
+    _forwardLayerEvent: function(e) {
+        this.fire(e.type, util.extend({style: e.target}, e));
+    },
+
+    _forwardTileEvent: function(e) {
+        this.fire(e.type, util.extend({style: e.target}, e));
+    },
+
+    _onStyleLoad: function(e) {
+        if (this.transform.unmodified) {
+            this.jumpTo(this.style.stylesheet);
+        }
+        this.style.update(this._classes, {transition: false});
+        this._forwardStyleEvent(e);
+    },
+
+    _onStyleChange: function(e) {
+        this._update(true);
+        this._forwardStyleEvent(e);
+    },
+
+    _onSourceAdd: function(e) {
+        var source = e.source;
+        if (source.onAdd)
+            source.onAdd(this);
+        this._forwardSourceEvent(e);
+    },
+
+    _onSourceRemove: function(e) {
+        var source = e.source;
+        if (source.onRemove)
+            source.onRemove(this);
+        this._forwardSourceEvent(e);
+    },
+
+    _onSourceUpdate: function(e) {
+        this._update();
+        this._forwardSourceEvent(e);
+    },
+
+    _onWindowOnline: function() {
+        this._update();
+    },
+
+    _onWindowResize: function() {
+        if (this._trackResize) {
+            this.stop().resize()._update();
+        }
+    }
+});
+
+util.extendAll(Map.prototype, /** @lends Map.prototype */{
+
+    /**
+     * Gets and sets a Boolean indicating whether the map will render an outline
+     * around each tile. These tile boundaries are useful for debugging.
+     *
+     * @name showTileBoundaries
+     * @type {boolean}
+     * @instance
+     * @memberof Map
+     */
+    _showTileBoundaries: false,
+    get showTileBoundaries() { return this._showTileBoundaries; },
+    set showTileBoundaries(value) {
+        if (this._showTileBoundaries === value) return;
+        this._showTileBoundaries = value;
+        this._update();
+    },
+
+    /**
+     * Gets and sets a Boolean indicating whether the map will render boxes
+     * around all symbols in the data source, revealing which symbols
+     * were rendered or which were hidden due to collisions.
+     * This information is useful for debugging.
+     *
+     * @name showCollisionBoxes
+     * @type {boolean}
+     * @instance
+     * @memberof Map
+     */
+    _showCollisionBoxes: false,
+    get showCollisionBoxes() { return this._showCollisionBoxes; },
+    set showCollisionBoxes(value) {
+        if (this._showCollisionBoxes === value) return;
+        this._showCollisionBoxes = value;
+        this.style._redoPlacement();
+    },
+
+    /*
+     * Gets and sets a Boolean indicating whether the map should color-code
+     * each fragment to show how many times it has been shaded.
+     * White fragments have been shaded 8 or more times.
+     * Black fragments have been shaded 0 times.
+     * This information is useful for debugging.
+     *
+     * @name showOverdraw
+     * @type {boolean}
+     * @instance
+     * @memberof Map
+     */
+    _showOverdrawInspector: false,
+    get showOverdrawInspector() { return this._showOverdrawInspector; },
+    set showOverdrawInspector(value) {
+        if (this._showOverdrawInspector === value) return;
+        this._showOverdrawInspector = value;
+        this._update();
+    },
+
+    /**
+     * Gets and sets a Boolean indicating whether the map will
+     * continuously repaint. This information is useful for analyzing performance.
+     *
+     * @name repaint
+     * @type {boolean}
+     * @instance
+     * @memberof Map
+     */
+    _repaint: false,
+    get repaint() { return this._repaint; },
+    set repaint(value) { this._repaint = value; this._update(); },
+
+    // show vertices
+    _vertices: false,
+    get vertices() { return this._vertices; },
+    set vertices(value) { this._vertices = value; this._update(); }
+});
+
+function removeNode(node) {
+    if (node.parentNode) {
+        node.parentNode.removeChild(node);
+    }
+}
+
+/**
+ * A [`LngLat`](#LngLat) object or an array of two numbers representing longitude and latitude.
+ *
+ * @typedef {(LngLat | Array<number>)} LngLatLike
+ * @example
+ * var v1 = new mapboxgl.LngLat(-122.420679, 37.772537);
+ * var v2 = [-122.420679, 37.772537];
+ */
+
+/**
+ * A [`LngLatBounds`](#LngLatBounds) object or an array of [`LngLatLike`](#LngLatLike) objects.
+ *
+ * @typedef {(LngLatBounds | Array<LngLatLike>)} LngLatBoundsLike
+ * @example
+ * var v1 = new mapboxgl.LngLatBounds(
+ *   new mapboxgl.LngLat(-73.9876, 40.7661),
+ *   new mapboxgl.LngLat(-73.9397, 40.8002)
+ * );
+ * var v2 = new mapboxgl.LngLatBounds([-73.9876, 40.7661], [-73.9397, 40.8002])
+ * var v3 = [[-73.9876, 40.7661], [-73.9397, 40.8002]];
+ */
+
+/**
+ * A [`Point` geometry](https://github.com/mapbox/point-geometry) object, which has
+ * `x` and `y` properties representing coordinates.
+ *
+ * @typedef {Object} Point
+ */
+
+/**
+ * A [`Point`](#Point) or an array of two numbers representing `x` and `y` coordinates.
+ *
+ * @typedef {(Point | Array<number>)} PointLike
+ */
+
+/**
+ * Options common to {@link Map#addClass}, {@link Map#removeClass},
+ * and {@link Map#setClasses}, controlling
+ * whether or not to smoothly transition property changes triggered by a class change.
+ *
+ * @typedef {Object} StyleOptions
+ * @property {boolean} transition If `true`, property changes will smootly transition.
+ */
+
+/**
+ * Fired whenever the map is drawn to the screen, as the result of
+ *
+ * - a change to the map's position, zoom, pitch, or bearing
+ * - a change to the map's style
+ * - a change to a GeoJSON source
+ * - the loading of a vector tile, GeoJSON file, glyph, or sprite
+ *
+ * @event render
+ * @memberof Map
+ * @instance
+ */
+
+/**
+ * Fired when a point device (usually a mouse) leaves the map's canvas.
+ *
+ * @event mouseout
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when a pointing device (usually a mouse) is pressed within the map.
+ *
+ * @event mousedown
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when a pointing device (usually a mouse) is released within the map.
+ *
+ * @event mouseup
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when a pointing device (usually a mouse) is moved within the map.
+ *
+ * @event mousemove
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when a touch point is placed on the map.
+ *
+ * @event touchstart
+ * @memberof Map
+ * @instance
+ * @property {MapTouchEvent} data
+ */
+
+/**
+ * Fired when a touch point is removed from the map.
+ *
+ * @event touchend
+ * @memberof Map
+ * @instance
+ * @property {MapTouchEvent} data
+ */
+
+/**
+ * Fired when a touch point is moved within the map.
+ *
+ * @event touchmove
+ * @memberof Map
+ * @instance
+ * @property {MapTouchEvent} data
+ */
+
+/**
+ * Fired when a touch point has been disrupted.
+ *
+ * @event touchcancel
+ * @memberof Map
+ * @instance
+ * @property {MapTouchEvent} data
+ */
+
+/**
+ * Fired when a pointing device (usually a mouse) is pressed and released at the same point on the map.
+ *
+ * @event click
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when a pointing device (usually a mouse) is clicked twice at the same point on the map.
+ *
+ * @event dblclick
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired when the right button of the mouse is clicked or the context menu key is pressed within the map.
+ *
+ * @event contextmenu
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent} data
+ */
+
+/**
+ * Fired immediately after all necessary resources have been downloaded
+ * and the first visually complete rendering of the map has occurred.
+ *
+ * @event load
+ * @memberof Map
+ * @instance
+ * @type {Object}
+ */
+
+/**
+ * Fired just before the map begins a transition from one
+ * view to another, as the result of either user interaction or methods such as [Map#jumpTo](#Map#jumpTo).
+ *
+ * @event movestart
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired repeatedly during an animated transition from one view to
+ * another, as the result of either user interaction or methods such as [Map#flyTo](#Map#flyTo).
+ *
+ * @event move
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+/**
+ * Fired just after the map completes a transition from one
+ * view to another, as the result of either user interaction or methods such as [Map#jumpTo](#Map#jumpTo).
+ *
+ * @event moveend
+ * @memberof Map
+ * @instance
+ * @property {MapMouseEvent | MapTouchEvent} data
+ */
+
+ /**
+  * Fired if any error occurs. This is GL JS's primary error reporting
+  * mechanism. We use an event instead of `throw` to better accommodate
+  * asyncronous operations. If no listeners are bound to the `error` event, the
+  * error will be printed to the console.
+  *
+  * @event error
+  * @memberof Map
+  * @instance
+  * @property {{error: {message: string}}} data
+  */
+
+},{"../geo/lng_lat":339,"../geo/lng_lat_bounds":340,"../geo/transform":341,"../render/painter":355,"../style/animation_loop":375,"../style/style":378,"../util/browser":426,"../util/canvas":427,"../util/dom":428,"../util/evented":434,"../util/util":442,"./bind_handlers":407,"./camera":408,"./control/attribution":409,"./hash":420,"point-geometry":484}],422:[function(require,module,exports){
+/* eslint-disable */
+'use strict';
+
+module.exports = Marker;
+
+var DOM = require('../util/dom');
+var LngLat = require('../geo/lng_lat');
+var Point = require('point-geometry');
+
+/**
+ * Creates a marker component
+ * @class Marker
+ * @param {HTMLElement=} element DOM element to use as a marker (creates a div element by default)
+ * @param {Object=} options
+ * @param {PointLike=} options.offset The offset in pixels as a [`PointLike`](#PointLike) object to apply relative to the element's top left corner. Negatives indicate left and up.
+ * @example
+ * var marker = new mapboxgl.Marker()
+ *   .setLngLat([30.5, 50.5])
+ *   .addTo(map);
+ */
+function Marker(element, options) {
+    if (!element) {
+        element = DOM.create('div');
+    }
+    element.classList.add('mapboxgl-marker');
+    this._el = element;
+
+    this._offset = Point.convert(options && options.offset || [0, 0]);
+
+    this._update = this._update.bind(this);
+}
+
+Marker.prototype = {
+    /**
+     * Attaches the marker to a map
+     * @param {Map} map
+     * @returns {Marker} `this`
+     */
+    addTo: function(map) {
+        this.remove();
+        this._map = map;
+        map.getCanvasContainer().appendChild(this._el);
+        map.on('move', this._update);
+        this._update();
+        return this;
+    },
+
+    /**
+     * Removes the marker from a map
+     * @example
+     * var marker = new mapboxgl.Marker().addTo(map);
+     * marker.remove();
+     * @returns {Marker} `this`
+     */
+    remove: function() {
+        if (this._map) {
+            this._map.off('move', this._update);
+            this._map = null;
+        }
+        var parent = this._el.parentNode;
+        if (parent) parent.removeChild(this._el);
+        return this;
+    },
+
+    /**
+     * Get the marker's geographical location
+     * @returns {LngLat}
+     */
+    getLngLat: function() {
+        return this._lngLat;
+    },
+
+    /**
+     * Set the marker's geographical position and move it.
+     * @param {LngLat} lnglat
+     * @returns {Marker} `this`
+     */
+    setLngLat: function(lnglat) {
+        this._lngLat = LngLat.convert(lnglat);
+        this._update();
+        return this;
+    },
+
+    getElement: function() {
+        return this._el;
+    },
+
+    _update: function() {
+        if (!this._map) return;
+        var pos = this._map.project(this._lngLat)._add(this._offset);
+        DOM.setTransform(this._el, 'translate(' + pos.x + 'px,' + pos.y + 'px)');
+    }
+};
+
+},{"../geo/lng_lat":339,"../util/dom":428,"point-geometry":484}],423:[function(require,module,exports){
+'use strict';
+
+module.exports = Popup;
+
+var util = require('../util/util');
+var Evented = require('../util/evented');
+var DOM = require('../util/dom');
+var LngLat = require('../geo/lng_lat');
+
+/**
+ * A popup component.
+ *
+ * @class Popup
+ * @param {Object} [options]
+ * @param {boolean} [options.closeButton=true] If `true`, a close button will appear in the
+ *   top right corner of the popup.
+ * @param {boolean} [options.closeOnClick=true] If `true`, the popup will closed when the
+ *   map is clicked.
+ * @param {string} options.anchor - A string indicating the popup's location relative to
+ *   the coordinate set via [Popup#setLngLat](#Popup#setLngLat).
+ *   Options are `'top'`, `'bottom'`, `'left'`, `'right'`, `'top-left'`,
+ * `'top-right'`, `'bottom-left'`, and `'bottom-right'`.
+ * @example
+ * var popup = new mapboxgl.Popup()
+ *   .setLngLat(e.lngLat)
+ *   .setHTML("<h1>Hello World!</h1>")
+ *   .addTo(map);
+ */
+function Popup(options) {
+    util.setOptions(this, options);
+    util.bindAll([
+        '_update',
+        '_onClickClose'],
+        this);
+}
+
+Popup.prototype = util.inherit(Evented, /** @lends Popup.prototype */{
+    options: {
+        closeButton: true,
+        closeOnClick: true
+    },
+
+    /**
+     * Adds the popup to a map.
+     *
+     * @param {Map} map The Mapbox GL JS map to add the popup to.
+     * @returns {Popup} `this`
+     */
+    addTo: function(map) {
+        this._map = map;
+        this._map.on('move', this._update);
+        if (this.options.closeOnClick) {
+            this._map.on('click', this._onClickClose);
+        }
+        this._update();
+        return this;
+    },
+
+    /**
+     * Removes the popup from the map it has been added to.
+     *
+     * @example
+     * var popup = new mapboxgl.Popup().addTo(map);
+     * popup.remove();
+     * @returns {Popup} `this`
+     */
+    remove: function() {
+        if (this._content && this._content.parentNode) {
+            this._content.parentNode.removeChild(this._content);
+        }
+
+        if (this._container) {
+            this._container.parentNode.removeChild(this._container);
+            delete this._container;
+        }
+
+        if (this._map) {
+            this._map.off('move', this._update);
+            this._map.off('click', this._onClickClose);
+            delete this._map;
+        }
+
+        /**
+         * Fired when the popup is closed manually or programatically.
+         *
+         * @event close
+         * @memberof Popup
+         * @instance
+         * @type {Object}
+         * @property {Popup} popup object that was closed
+         */
+        this.fire('close');
+
+        return this;
+    },
+
+    /**
+     * Returns the geographical location of the popup's anchor.
+     *
+     * @returns {LngLat} The geographical location of the popup's anchor.
+     */
+    getLngLat: function() {
+        return this._lngLat;
+    },
+
+    /**
+     * Sets the geographical location of the popup's anchor, and moves the popup to it.
+     *
+     * @param {LngLatLike} lnglat The geographical location to set as the popup's anchor.
+     * @returns {Popup} `this`
+     */
+    setLngLat: function(lnglat) {
+        this._lngLat = LngLat.convert(lnglat);
+        this._update();
+        return this;
+    },
+
+    /**
+     * Sets the popup's content to a string of text.
+     *
+     * This function creates a [Text](https://developer.mozilla.org/en-US/docs/Web/API/Text) node in the DOM,
+     * so it cannot insert raw HTML. Use this method for security against XSS
+     * if the popup content is user-provided.
+     *
+     * @param {string} text Textual content for the popup.
+     * @returns {Popup} `this`
+     * @example
+     * var popup = new mapboxgl.Popup()
+     *   .setLngLat(e.lngLat)
+     *   .setText('Hello, world!')
+     *   .addTo(map);
+     */
+    setText: function(text) {
+        return this.setDOMContent(document.createTextNode(text));
+    },
+
+    /**
+     * Sets the popup's content to the HTML provided as a string.
+     *
+     * @param {string} html A string representing HTML content for the popup.
+     * @returns {Popup} `this`
+     */
+    setHTML: function(html) {
+        var frag = document.createDocumentFragment();
+        var temp = document.createElement('body'), child;
+        temp.innerHTML = html;
+        while (true) {
+            child = temp.firstChild;
+            if (!child) break;
+            frag.appendChild(child);
+        }
+
+        return this.setDOMContent(frag);
+    },
+
+    /**
+     * Sets the popup's content to the element provided as a DOM node.
+     *
+     * @param {Node} htmlNode A DOM node to be used as content for the popup.
+     * @returns {Popup} `this`
+     * @example
+     * // create an element with the popup content
+     * var div = document.createElement('div');
+     * div.innerHTML = 'Hello, world!';
+     * var popup = new mapboxgl.Popup()
+     *   .setLngLat(e.lngLat)
+     *   .setDOMContent(div)
+     *   .addTo(map);
+     */
+    setDOMContent: function(htmlNode) {
+        this._createContent();
+        this._content.appendChild(htmlNode);
+        this._update();
+        return this;
+    },
+
+    _createContent: function() {
+        if (this._content && this._content.parentNode) {
+            this._content.parentNode.removeChild(this._content);
+        }
+
+        this._content = DOM.create('div', 'mapboxgl-popup-content', this._container);
+
+        if (this.options.closeButton) {
+            this._closeButton = DOM.create('button', 'mapboxgl-popup-close-button', this._content);
+            this._closeButton.type = 'button';
+            this._closeButton.innerHTML = '×';
+            this._closeButton.addEventListener('click', this._onClickClose);
+        }
+    },
+
+    _update: function() {
+        if (!this._map || !this._lngLat || !this._content) { return; }
+
+        if (!this._container) {
+            this._container = DOM.create('div', 'mapboxgl-popup', this._map.getContainer());
+            this._tip       = DOM.create('div', 'mapboxgl-popup-tip', this._container);
+            this._container.appendChild(this._content);
+        }
+
+        var pos = this._map.project(this._lngLat).round(),
+            anchor = this.options.anchor;
+
+        if (!anchor) {
+            var width = this._container.offsetWidth,
+                height = this._container.offsetHeight;
+
+            if (pos.y < height) {
+                anchor = ['top'];
+            } else if (pos.y > this._map.transform.height - height) {
+                anchor = ['bottom'];
+            } else {
+                anchor = [];
+            }
+
+            if (pos.x < width / 2) {
+                anchor.push('left');
+            } else if (pos.x > this._map.transform.width - width / 2) {
+                anchor.push('right');
+            }
+
+            if (anchor.length === 0) {
+                anchor = 'bottom';
+            } else {
+                anchor = anchor.join('-');
+            }
+        }
+
+        var anchorTranslate = {
+            'top': 'translate(-50%,0)',
+            'top-left': 'translate(0,0)',
+            'top-right': 'translate(-100%,0)',
+            'bottom': 'translate(-50%,-100%)',
+            'bottom-left': 'translate(0,-100%)',
+            'bottom-right': 'translate(-100%,-100%)',
+            'left': 'translate(0,-50%)',
+            'right': 'translate(-100%,-50%)'
+        };
+
+        var classList = this._container.classList;
+        for (var key in anchorTranslate) {
+            classList.remove('mapboxgl-popup-anchor-' + key);
+        }
+        classList.add('mapboxgl-popup-anchor-' + anchor);
+
+        DOM.setTransform(this._container, anchorTranslate[anchor] + ' translate(' + pos.x + 'px,' + pos.y + 'px)');
+    },
+
+    _onClickClose: function() {
+        this.remove();
+    }
+});
+
+},{"../geo/lng_lat":339,"../util/dom":428,"../util/evented":434,"../util/util":442}],424:[function(require,module,exports){
+'use strict';
+
+module.exports = Actor;
+
+/**
+ * An implementation of the [Actor design pattern](http://en.wikipedia.org/wiki/Actor_model)
+ * that maintains the relationship between asynchronous tasks and the objects
+ * that spin them off - in this case, tasks like parsing parts of styles,
+ * owned by the styles
+ *
+ * @param {WebWorker} target
+ * @param {WebWorker} parent
+ * @private
+ */
+function Actor(target, parent) {
+    this.target = target;
+    this.parent = parent;
+    this.callbacks = {};
+    this.callbackID = 0;
+    this.receive = this.receive.bind(this);
+    this.target.addEventListener('message', this.receive, false);
+}
+
+Actor.prototype.receive = function(message) {
+    var data = message.data,
+        id = data.id,
+        callback;
+
+    if (data.type === '<response>') {
+        callback = this.callbacks[data.id];
+        delete this.callbacks[data.id];
+        if (callback) callback(data.error || null, data.data);
+    } else if (typeof data.id !== 'undefined' && this.parent[data.type]) {
+        // data.type == 'load tile', 'remove tile', etc.
+        this.parent[data.type](data.data, done.bind(this));
+    } else if (typeof data.id !== 'undefined' && this.parent.workerSources) {
+        // data.type == sourcetype.method
+        var keys = data.type.split('.');
+        this.parent.workerSources[keys[0]][keys[1]](data.data, done.bind(this));
+    } else {
+        this.parent[data.type](data.data);
+    }
+
+    function done(err, data, buffers) {
+        this.postMessage({
+            type: '<response>',
+            id: String(id),
+            error: err ? String(err) : null,
+            data: data
+        }, buffers);
+    }
+};
+
+Actor.prototype.send = function(type, data, callback, buffers) {
+    var id = null;
+    if (callback) this.callbacks[id = this.callbackID++] = callback;
+    this.postMessage({ type: type, id: String(id), data: data }, buffers);
+};
+
+/**
+ * Wrapped postMessage API that abstracts around IE's lack of
+ * `transferList` support.
+ *
+ * @param {Object} message
+ * @param {Object} transferList
+ * @private
+ */
+Actor.prototype.postMessage = function(message, transferList) {
+    this.target.postMessage(message, transferList);
+};
+
+},{}],425:[function(require,module,exports){
+'use strict';
+
+exports.getJSON = function(url, callback) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.setRequestHeader('Accept', 'application/json');
+    xhr.onerror = function(e) {
+        callback(e);
+    };
+    xhr.onload = function() {
+        if (xhr.status >= 200 && xhr.status < 300 && xhr.response) {
+            var data;
+            try {
+                data = JSON.parse(xhr.response);
+            } catch (err) {
+                return callback(err);
+            }
+            callback(null, data);
+        } else {
+            callback(new Error(xhr.statusText));
+        }
+    };
+    xhr.send();
+    return xhr;
+};
+
+exports.getArrayBuffer = function(url, callback) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.responseType = 'arraybuffer';
+    xhr.onerror = function(e) {
+        callback(e);
+    };
+    xhr.onload = function() {
+        if (xhr.status >= 200 && xhr.status < 300 && xhr.response) {
+            callback(null, xhr.response);
+        } else {
+            callback(new Error(xhr.statusText));
+        }
+    };
+    xhr.send();
+    return xhr;
+};
+
+function sameOrigin(url) {
+    var a = document.createElement('a');
+    a.href = url;
+    return a.protocol === document.location.protocol && a.host === document.location.host;
+}
+
+exports.getImage = function(url, callback) {
+    return exports.getArrayBuffer(url, function(err, imgData) {
+        if (err) return callback(err);
+        var img = new Image();
+        img.onload = function() {
+            callback(null, img);
+            (window.URL || window.webkitURL).revokeObjectURL(img.src);
+        };
+        var blob = new Blob([new Uint8Array(imgData)], { type: 'image/png' });
+        img.src = (window.URL || window.webkitURL).createObjectURL(blob);
+        img.getData = function() {
+            var canvas = document.createElement('canvas');
+            var context = canvas.getContext('2d');
+            canvas.width = img.width;
+            canvas.height = img.height;
+            context.drawImage(img, 0, 0);
+            return context.getImageData(0, 0, img.width, img.height).data;
+        };
+        return img;
+    });
+};
+
+exports.getVideo = function(urls, callback) {
+    var video = document.createElement('video');
+    video.onloadstart = function() {
+        callback(null, video);
+    };
+    for (var i = 0; i < urls.length; i++) {
+        var s = document.createElement('source');
+        if (!sameOrigin(urls[i])) {
+            video.crossOrigin = 'Anonymous';
+        }
+        s.src = urls[i];
+        video.appendChild(s);
+    }
+    video.getData = function() { return video; };
+    return video;
+};
+
+},{}],426:[function(require,module,exports){
+'use strict';
+
+/**
+ * Unlike js/util/browser.js, this code is written with the expectation
+ * of a browser environment with a global 'window' object
+ * @module browser
+ * @private
+ */
+
+exports.window = window;
+
+/**
+ * Provides a function that outputs milliseconds: either performance.now()
+ * or a fallback to Date.now()
+ */
+module.exports.now = (function() {
+    if (window.performance &&
+        window.performance.now) {
+        return window.performance.now.bind(window.performance);
+    } else {
+        return Date.now.bind(Date);
+    }
+}());
+
+var frame = window.requestAnimationFrame ||
+    window.mozRequestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    window.msRequestAnimationFrame;
+
+exports.frame = function(fn) {
+    return frame(fn);
+};
+
+var cancel = window.cancelAnimationFrame ||
+    window.mozCancelAnimationFrame ||
+    window.webkitCancelAnimationFrame ||
+    window.msCancelAnimationFrame;
+
+exports.cancelFrame = function(id) {
+    cancel(id);
+};
+
+exports.timed = function (fn, dur, ctx) {
+    if (!dur) {
+        fn.call(ctx, 1);
+        return null;
+    }
+
+    var abort = false,
+        start = module.exports.now();
+
+    function tick(now) {
+        if (abort) return;
+        now = module.exports.now();
+
+        if (now >= start + dur) {
+            fn.call(ctx, 1);
+        } else {
+            fn.call(ctx, (now - start) / dur);
+            exports.frame(tick);
+        }
+    }
+
+    exports.frame(tick);
+
+    return function() { abort = true; };
+};
+
+/**
+ * Test if the current browser supports Mapbox GL JS
+ * @param {Object} options
+ * @param {boolean} [options.failIfMajorPerformanceCaveat=false] Return `false`
+ *   if the performance of Mapbox GL JS would be dramatically worse than
+ *   expected (i.e. a software renderer would be used)
+ * @return {boolean}
+ */
+exports.supported = require('mapbox-gl-supported');
+
+exports.hardwareConcurrency = navigator.hardwareConcurrency || 4;
+
+Object.defineProperty(exports, 'devicePixelRatio', {
+    get: function() { return window.devicePixelRatio; }
+});
+
+exports.supportsWebp = false;
+
+var webpImgTest = document.createElement('img');
+webpImgTest.onload = function() {
+    exports.supportsWebp = true;
+};
+webpImgTest.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAQAAAAfQ//73v/+BiOh/AAA=';
+
+exports.supportsGeolocation = !!navigator.geolocation;
+
+},{"mapbox-gl-supported":327}],427:[function(require,module,exports){
+'use strict';
+
+var util = require('../util');
+var isSupported = require('mapbox-gl-supported');
+
+module.exports = Canvas;
+
+function Canvas(parent, container) {
+    this.canvas = document.createElement('canvas');
+
+    if (parent && container) {
+        this.canvas.style.position = 'absolute';
+        this.canvas.classList.add('mapboxgl-canvas');
+        this.canvas.addEventListener('webglcontextlost', parent._contextLost.bind(parent), false);
+        this.canvas.addEventListener('webglcontextrestored', parent._contextRestored.bind(parent), false);
+        this.canvas.setAttribute('tabindex', 0);
+        container.appendChild(this.canvas);
+    }
+}
+
+Canvas.prototype.resize = function(width, height) {
+    var pixelRatio = window.devicePixelRatio || 1;
+
+    // Request the required canvas size taking the pixelratio into account.
+    this.canvas.width = pixelRatio * width;
+    this.canvas.height = pixelRatio * height;
+
+    // Maintain the same canvas size, potentially downscaling it for HiDPI displays
+    this.canvas.style.width = width + 'px';
+    this.canvas.style.height = height + 'px';
+};
+
+Canvas.prototype.getWebGLContext = function(attributes) {
+    attributes = util.extend({}, attributes, isSupported.webGLContextAttributes);
+
+    return this.canvas.getContext('webgl', attributes) ||
+        this.canvas.getContext('experimental-webgl', attributes);
+};
+
+Canvas.prototype.getElement = function() {
+    return this.canvas;
+};
+
+},{"../util":442,"mapbox-gl-supported":327}],428:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+exports.create = function (tagName, className, container) {
+    var el = document.createElement(tagName);
+    if (className) el.className = className;
+    if (container) container.appendChild(el);
+    return el;
+};
+
+var docStyle = document.documentElement.style;
+
+function testProp(props) {
+    for (var i = 0; i < props.length; i++) {
+        if (props[i] in docStyle) {
+            return props[i];
+        }
+    }
+}
+
+var selectProp = testProp(['userSelect', 'MozUserSelect', 'WebkitUserSelect', 'msUserSelect']),
+    userSelect;
+exports.disableDrag = function () {
+    if (selectProp) {
+        userSelect = docStyle[selectProp];
+        docStyle[selectProp] = 'none';
+    }
+};
+exports.enableDrag = function () {
+    if (selectProp) {
+        docStyle[selectProp] = userSelect;
+    }
+};
+
+var transformProp = testProp(['transform', 'WebkitTransform']);
+exports.setTransform = function(el, value) {
+    el.style[transformProp] = value;
+};
+
+// Suppress the next click, but only if it's immediate.
+function suppressClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    window.removeEventListener('click', suppressClick, true);
+}
+exports.suppressClick = function() {
+    window.addEventListener('click', suppressClick, true);
+    window.setTimeout(function() {
+        window.removeEventListener('click', suppressClick, true);
+    }, 0);
+};
+
+exports.mousePos = function (el, e) {
+    var rect = el.getBoundingClientRect();
+    e = e.touches ? e.touches[0] : e;
+    return new Point(
+        e.clientX - rect.left - el.clientLeft,
+        e.clientY - rect.top - el.clientTop
+    );
+};
+
+exports.touchPos = function (el, e) {
+    var rect = el.getBoundingClientRect(),
+        points = [];
+    for (var i = 0; i < e.touches.length; i++) {
+        points.push(new Point(
+            e.touches[i].clientX - rect.left - el.clientLeft,
+            e.touches[i].clientY - rect.top - el.clientTop
+        ));
+    }
+    return points;
+};
+
+},{"point-geometry":484}],429:[function(require,module,exports){
+'use strict';
+var WebWorkify = require('webworkify');
+
+module.exports = function () {
+    return new WebWorkify(require('../../source/worker'));
+};
+
+},{"../../source/worker":373,"webworkify":564}],430:[function(require,module,exports){
+'use strict';
+
+var quickselect = require('quickselect');
+
+// classifies an array of rings into polygons with outer rings and holes
+module.exports = function classifyRings(rings, maxRings) {
+    var len = rings.length;
+
+    if (len <= 1) return [rings];
+
+    var polygons = [],
+        polygon,
+        ccw;
+
+    for (var i = 0; i < len; i++) {
+        var area = calculateSignedArea(rings[i]);
+        if (area === 0) continue;
+
+        rings[i].area = Math.abs(area);
+
+        if (ccw === undefined) ccw = area < 0;
+
+        if (ccw === area < 0) {
+            if (polygon) polygons.push(polygon);
+            polygon = [rings[i]];
+
+        } else {
+            polygon.push(rings[i]);
+        }
+    }
+    if (polygon) polygons.push(polygon);
+
+    // Earcut performance degrages with the # of rings in a polygon. For this
+    // reason, we limit strip out all but the `maxRings` largest rings.
+    if (maxRings > 1) {
+        for (var j = 0; j < polygons.length; j++) {
+            if (polygons[j].length <= maxRings) continue;
+            quickselect(polygons[j], maxRings, 1, polygons[j].length - 1, compareAreas);
+            polygons[j] = polygons[j].slice(0, maxRings);
+        }
+    }
+
+    return polygons;
+};
+
+function compareAreas(a, b) {
+    return b.area - a.area;
+}
+
+function calculateSignedArea(ring) {
+    var sum = 0;
+    for (var i = 0, len = ring.length, j = len - 1, p1, p2; i < len; j = i++) {
+        p1 = ring[i];
+        p2 = ring[j];
+        sum += (p2.x - p1.x) * (p1.y + p2.y);
+    }
+    return sum;
+}
+
+},{"quickselect":493}],431:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+    API_URL: 'https://api.mapbox.com',
+    REQUIRE_ACCESS_TOKEN: true
+};
+
+},{}],432:[function(require,module,exports){
+'use strict';
+
+var assert = require('assert');
+
+module.exports = DictionaryCoder;
+
+function DictionaryCoder(strings) {
+    this._stringToNumber = {};
+    this._numberToString = [];
+    for (var i = 0; i < strings.length; i++) {
+        var string = strings[i];
+        this._stringToNumber[string] = i;
+        this._numberToString[i] = string;
+    }
+}
+
+DictionaryCoder.prototype.encode = function(string) {
+    assert(string in this._stringToNumber);
+    return this._stringToNumber[string];
+};
+
+DictionaryCoder.prototype.decode = function(n) {
+    assert(n < this._numberToString.length);
+    return this._numberToString[n];
+};
+
+},{"assert":47}],433:[function(require,module,exports){
+'use strict';
+
+var util = require('./util');
+var Actor = require('./actor');
+var WebWorker = require('./web_worker');
+
+module.exports = Dispatcher;
+
+/**
+ * Responsible for sending messages from a {@link Source} to an associated
+ * {@link WorkerSource}.
+ *
+ * @interface Dispatcher
+ * @private
+ */
+function Dispatcher(length, parent) {
+    this.actors = [];
+    this.currentActor = 0;
+    for (var i = 0; i < length; i++) {
+        var worker = new WebWorker();
+        var actor = new Actor(worker, parent);
+        actor.name = "Worker " + i;
+        this.actors.push(actor);
+    }
+}
+
+Dispatcher.prototype = {
+    /**
+     * Broadcast a message to all Workers.
+     * @method
+     * @name broadcast
+     * @param {string} type
+     * @param {object} data
+     * @param {Function} callback
+     * @memberof Dispatcher
+     * @instance
+     */
+    broadcast: function(type, data, cb) {
+        cb = cb || function () {};
+        util.asyncAll(this.actors, function (actor, done) {
+            actor.send(type, data, done);
+        }, cb);
+    },
+
+    /**
+     * Send a message to a Worker.
+     * @method
+     * @name send
+     * @param {string} type
+     * @param {object} data
+     * @param {Function} callback
+     * @param {number|undefined} [targetID] The ID of the Worker to which to send this message. Omit to allow the dispatcher to choose.
+     * @returns {number} The ID of the worker to which the message was sent.
+     * @memberof Dispatcher
+     * @instance
+     */
+    send: function(type, data, callback, targetID, buffers) {
+        if (typeof targetID !== 'number' || isNaN(targetID)) {
+            // Use round robin to send requests to web workers.
+            targetID = this.currentActor = (this.currentActor + 1) % this.actors.length;
+        }
+
+        this.actors[targetID].send(type, data, callback, buffers);
+        return targetID;
+    },
+
+    remove: function() {
+        for (var i = 0; i < this.actors.length; i++) {
+            this.actors[i].target.terminate();
+        }
+        this.actors = [];
+    }
+};
+
+},{"./actor":424,"./util":442,"./web_worker":429}],434:[function(require,module,exports){
+'use strict';
+
+var util = require('./util');
+
+/**
+ * Methods mixed in to other classes for event capabilities.
+ *
+ * @mixin Evented
+ */
+var Evented = {
+
+    /**
+     * Adds a listener to a specified event type.
+     *
+     * @param {string} type The event type to add a listen for.
+     * @param {Function} listener The function to be called when the event is fired.
+     *   The listener function is called with the data object passed to `fire`,
+     *   extended with `target` and `type` properties.
+     * @returns {Object} `this`
+     */
+    on: function(type, listener) {
+        this._events = this._events || {};
+        this._events[type] = this._events[type] || [];
+        this._events[type].push(listener);
+
+        return this;
+    },
+
+    /**
+     * Removes a previously registered event listener.
+     *
+     * @param {string} [type] The event type to remove listeners for.
+     *   If none is specified, listeners will be removed for all event types.
+     * @param {Function} [listener] The listener function to remove.
+     *   If none is specified, all listeners will be removed for the event type.
+     * @returns {Object} `this`
+     */
+    off: function(type, listener) {
+        if (!type) {
+            // clear all listeners if no arguments specified
+            delete this._events;
+            return this;
+        }
+
+        if (!this.listens(type)) return this;
+
+        if (listener) {
+            var idx = this._events[type].indexOf(listener);
+            if (idx >= 0) {
+                this._events[type].splice(idx, 1);
+            }
+            if (!this._events[type].length) {
+                delete this._events[type];
+            }
+        } else {
+            delete this._events[type];
+        }
+
+        return this;
+    },
+
+    /**
+     * Adds a listener that will be called only once to a specified event type.
+     *
+     * The listener will be called first time the event fires after the listener is registered.
+     *
+     * @param {string} type The event type to listen for.
+     * @param {Function} listener The function to be called when the event is fired the first time.
+     * @returns {Object} `this`
+     */
+    once: function(type, listener) {
+        var wrapper = function(data) {
+            this.off(type, wrapper);
+            listener.call(this, data);
+        }.bind(this);
+        this.on(type, wrapper);
+        return this;
+    },
+
+    /**
+     * Fires an event of the specified type.
+     *
+     * @param {string} type The type of event to fire.
+     * @param {Object} [data] Data to be passed to any listeners.
+     * @returns {Object} `this`
+     */
+    fire: function(type, data) {
+        if (!this.listens(type)) {
+            // To ensure that no error events are dropped, print them to the
+            // console if they have no listeners.
+            if (util.endsWith(type, 'error')) {
+                console.error((data && data.error) || data || 'Empty error event');
+            }
+            return this;
+        }
+
+        data = util.extend({}, data);
+        util.extend(data, {type: type, target: this});
+
+        // make sure adding/removing listeners inside other listeners won't cause infinite loop
+        var listeners = this._events[type].slice();
+
+        for (var i = 0; i < listeners.length; i++) {
+            listeners[i].call(this, data);
+        }
+
+        return this;
+    },
+
+    /**
+     * Returns a Boolean indicating whether any listeners are registered for a specified event type.
+     *
+     * @param {string} type The event type to check.
+     * @returns {boolean} `true` if there is at least one registered listener for specified event type.
+     */
+    listens: function(type) {
+        return !!(this._events && this._events[type]);
+    }
+};
+
+module.exports = Evented;
+
+},{"./util":442}],435:[function(require,module,exports){
+'use strict';
+
+module.exports = Glyphs;
+
+function Glyphs(pbf, end) {
+    this.stacks = pbf.readFields(readFontstacks, [], end);
+}
+
+function readFontstacks(tag, stacks, pbf) {
+    if (tag === 1) {
+        var fontstack = pbf.readMessage(readFontstack, {glyphs: {}});
+        stacks.push(fontstack);
+    }
+}
+
+function readFontstack(tag, fontstack, pbf) {
+    if (tag === 1) fontstack.name = pbf.readString();
+    else if (tag === 2) fontstack.range = pbf.readString();
+    else if (tag === 3) {
+        var glyph = pbf.readMessage(readGlyph, {});
+        fontstack.glyphs[glyph.id] = glyph;
+    }
+}
+
+function readGlyph(tag, glyph, pbf) {
+    if (tag === 1) glyph.id = pbf.readVarint();
+    else if (tag === 2) glyph.bitmap = pbf.readBytes();
+    else if (tag === 3) glyph.width = pbf.readVarint();
+    else if (tag === 4) glyph.height = pbf.readVarint();
+    else if (tag === 5) glyph.left = pbf.readSVarint();
+    else if (tag === 6) glyph.top = pbf.readSVarint();
+    else if (tag === 7) glyph.advance = pbf.readVarint();
+}
+
+},{}],436:[function(require,module,exports){
+'use strict';
+
+module.exports = interpolate;
+
+function interpolate(a, b, t) {
+    return (a * (1 - t)) + (b * t);
+}
+
+interpolate.number = interpolate;
+
+interpolate.vec2 = function(from, to, t) {
+    return [
+        interpolate(from[0], to[0], t),
+        interpolate(from[1], to[1], t)
+    ];
+};
+
+/*
+ * Interpolate between two colors given as 4-element arrays.
+ *
+ * @param {Color} from
+ * @param {Color} to
+ * @param {number} t interpolation factor between 0 and 1
+ * @returns {Color} interpolated color
+ */
+interpolate.color = function(from, to, t) {
+    return [
+        interpolate(from[0], to[0], t),
+        interpolate(from[1], to[1], t),
+        interpolate(from[2], to[2], t),
+        interpolate(from[3], to[3], t)
+    ];
+};
+
+interpolate.array = function(from, to, t) {
+    return from.map(function(d, i) {
+        return interpolate(d, to[i], t);
+    });
+};
+
+},{}],437:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+    multiPolygonIntersectsBufferedMultiPoint: multiPolygonIntersectsBufferedMultiPoint,
+    multiPolygonIntersectsMultiPolygon: multiPolygonIntersectsMultiPolygon,
+    multiPolygonIntersectsBufferedMultiLine: multiPolygonIntersectsBufferedMultiLine
+};
+
+function multiPolygonIntersectsBufferedMultiPoint(multiPolygon, rings, radius) {
+    for (var j = 0; j < multiPolygon.length; j++) {
+        var polygon = multiPolygon[j];
+        for (var i = 0; i < rings.length; i++) {
+            var ring = rings[i];
+            for (var k = 0; k < ring.length; k++) {
+                var point = ring[k];
+                if (polygonContainsPoint(polygon, point)) return true;
+                if (pointIntersectsBufferedLine(point, polygon, radius)) return true;
+            }
+        }
+    }
+    return false;
+}
+
+function multiPolygonIntersectsMultiPolygon(multiPolygonA, multiPolygonB) {
+
+    if (multiPolygonA.length === 1 && multiPolygonA[0].length === 1) {
+        return multiPolygonContainsPoint(multiPolygonB, multiPolygonA[0][0]);
+    }
+
+    for (var m = 0; m < multiPolygonB.length; m++) {
+        var ring = multiPolygonB[m];
+        for (var n = 0; n < ring.length; n++) {
+            if (multiPolygonContainsPoint(multiPolygonA, ring[n])) return true;
+        }
+    }
+
+    for (var j = 0; j < multiPolygonA.length; j++) {
+        var polygon = multiPolygonA[j];
+        for (var i = 0; i < polygon.length; i++) {
+            if (multiPolygonContainsPoint(multiPolygonB, polygon[i])) return true;
+        }
+
+        for (var k = 0; k < multiPolygonB.length; k++) {
+            if (lineIntersectsLine(polygon, multiPolygonB[k])) return true;
+        }
+    }
+
+    return false;
+}
+
+function multiPolygonIntersectsBufferedMultiLine(multiPolygon, multiLine, radius) {
+    for (var i = 0; i < multiLine.length; i++) {
+        var line = multiLine[i];
+
+        for (var j = 0; j < multiPolygon.length; j++) {
+            var polygon = multiPolygon[j];
+
+            if (polygon.length >= 3) {
+                for (var k = 0; k < line.length; k++) {
+                    if (polygonContainsPoint(polygon, line[k])) return true;
+                }
+            }
+
+            if (lineIntersectsBufferedLine(polygon, line, radius)) return true;
+        }
+    }
+    return false;
+}
+
+function lineIntersectsBufferedLine(lineA, lineB, radius) {
+
+    if (lineA.length > 1) {
+        if (lineIntersectsLine(lineA, lineB)) return true;
+
+        // Check whether any point in either line is within radius of the other line
+        for (var j = 0; j < lineB.length; j++) {
+            if (pointIntersectsBufferedLine(lineB[j], lineA, radius)) return true;
+        }
+    }
+
+    for (var k = 0; k < lineA.length; k++) {
+        if (pointIntersectsBufferedLine(lineA[k], lineB, radius)) return true;
+    }
+
+    return false;
+}
+
+function lineIntersectsLine(lineA, lineB) {
+    for (var i = 0; i < lineA.length - 1; i++) {
+        var a0 = lineA[i];
+        var a1 = lineA[i + 1];
+        for (var j = 0; j < lineB.length - 1; j++) {
+            var b0 = lineB[j];
+            var b1 = lineB[j + 1];
+            if (lineSegmentIntersectsLineSegment(a0, a1, b0, b1)) return true;
+        }
+    }
+    return false;
+}
+
+
+// http://bryceboe.com/2006/10/23/line-segment-intersection-algorithm/
+function isCounterClockwise(a, b, c) {
+    return (c.y - a.y) * (b.x - a.x) > (b.y - a.y) * (c.x - a.x);
+}
+
+function lineSegmentIntersectsLineSegment(a0, a1, b0, b1) {
+    return isCounterClockwise(a0, b0, b1) !== isCounterClockwise(a1, b0, b1) &&
+        isCounterClockwise(a0, a1, b0) !== isCounterClockwise(a0, a1, b1);
+}
+
+function pointIntersectsBufferedLine(p, line, radius) {
+    var radiusSquared = radius * radius;
+
+    if (line.length === 1) return p.distSqr(line[0]) < radiusSquared;
+
+    for (var i = 1; i < line.length; i++) {
+        // Find line segments that have a distance <= radius^2 to p
+        // In that case, we treat the line as "containing point p".
+        var v = line[i - 1], w = line[i];
+        if (distToSegmentSquared(p, v, w) < radiusSquared) return true;
+    }
+    return false;
+}
+
+// Code from http://stackoverflow.com/a/1501725/331379.
+function distToSegmentSquared(p, v, w) {
+    var l2 = v.distSqr(w);
+    if (l2 === 0) return p.distSqr(v);
+    var t = ((p.x - v.x) * (w.x - v.x) + (p.y - v.y) * (w.y - v.y)) / l2;
+    if (t < 0) return p.distSqr(v);
+    if (t > 1) return p.distSqr(w);
+    return p.distSqr(w.sub(v)._mult(t)._add(v));
+}
+
+// point in polygon ray casting algorithm
+function multiPolygonContainsPoint(rings, p) {
+    var c = false,
+        ring, p1, p2;
+
+    for (var k = 0; k < rings.length; k++) {
+        ring = rings[k];
+        for (var i = 0, j = ring.length - 1; i < ring.length; j = i++) {
+            p1 = ring[i];
+            p2 = ring[j];
+            if (((p1.y > p.y) !== (p2.y > p.y)) && (p.x < (p2.x - p1.x) * (p.y - p1.y) / (p2.y - p1.y) + p1.x)) {
+                c = !c;
+            }
+        }
+    }
+    return c;
+}
+
+function polygonContainsPoint(ring, p) {
+    var c = false;
+    for (var i = 0, j = ring.length - 1; i < ring.length; j = i++) {
+        var p1 = ring[i];
+        var p2 = ring[j];
+        if (((p1.y > p.y) !== (p2.y > p.y)) && (p.x < (p2.x - p1.x) * (p.y - p1.y) / (p2.y - p1.y) + p1.x)) {
+            c = !c;
+        }
+    }
+    return c;
+}
+
+},{}],438:[function(require,module,exports){
+'use strict';
+
+module.exports = LRUCache;
+
+/**
+ * A [least-recently-used cache](http://en.wikipedia.org/wiki/Cache_algorithms)
+ * with hash lookup made possible by keeping a list of keys in parallel to
+ * an array of dictionary of values
+ *
+ * @param {number} max number of permitted values
+ * @param {Function} onRemove callback called with items when they expire
+ * @private
+ */
+function LRUCache(max, onRemove) {
+    this.max = max;
+    this.onRemove = onRemove;
+    this.reset();
+}
+
+/**
+ * Clear the cache
+ *
+ * @returns {LRUCache} this cache
+ * @private
+ */
+LRUCache.prototype.reset = function() {
+    for (var key in this.data) {
+        this.onRemove(this.data[key]);
+    }
+
+    this.data = {};
+    this.order = [];
+
+    return this;
+};
+
+/**
+ * Add a key, value combination to the cache, trimming its size if this pushes
+ * it over max length.
+ *
+ * @param {string} key lookup key for the item
+ * @param {*} data any value
+ *
+ * @returns {LRUCache} this cache
+ * @private
+ */
+LRUCache.prototype.add = function(key, data) {
+
+    if (this.has(key)) {
+        this.order.splice(this.order.indexOf(key), 1);
+        this.data[key] = data;
+        this.order.push(key);
+
+    } else {
+        this.data[key] = data;
+        this.order.push(key);
+
+        if (this.order.length > this.max) {
+            var removedData = this.get(this.order[0]);
+            if (removedData) this.onRemove(removedData);
+        }
+    }
+
+    return this;
+};
+
+/**
+ * Determine whether the value attached to `key` is present
+ *
+ * @param {string} key the key to be looked-up
+ * @returns {boolean} whether the cache has this value
+ * @private
+ */
+LRUCache.prototype.has = function(key) {
+    return key in this.data;
+};
+
+/**
+ * List all keys in the cache
+ *
+ * @returns {Array<string>} an array of keys in this cache.
+ * @private
+ */
+LRUCache.prototype.keys = function() {
+    return this.order;
+};
+
+/**
+ * Get the value attached to a specific key. If the key is not found,
+ * returns `null`
+ *
+ * @param {string} key the key to look up
+ * @returns {*} the data, or null if it isn't found
+ * @private
+ */
+LRUCache.prototype.get = function(key) {
+    if (!this.has(key)) { return null; }
+
+    var data = this.data[key];
+
+    delete this.data[key];
+    this.order.splice(this.order.indexOf(key), 1);
+
+    return data;
+};
+
+/**
+ * Change the max size of the cache.
+ *
+ * @param {number} max the max size of the cache
+ * @returns {LRUCache} this cache
+ * @private
+ */
+LRUCache.prototype.setMaxSize = function(max) {
+    this.max = max;
+
+    while (this.order.length > this.max) {
+        var removedData = this.get(this.order[0]);
+        if (removedData) this.onRemove(removedData);
+    }
+
+    return this;
+};
+
+},{}],439:[function(require,module,exports){
+'use strict';
+
+var config = require('./config');
+var browser = require('./browser');
+var URL = require('url');
+var util = require('./util');
+
+function normalizeURL(url, pathPrefix, accessToken) {
+    accessToken = accessToken || config.ACCESS_TOKEN;
+
+    if (!accessToken && config.REQUIRE_ACCESS_TOKEN) {
+        throw new Error('An API access token is required to use Mapbox GL. ' +
+            'See https://www.mapbox.com/developers/api/#access-tokens');
+    }
+
+    url = url.replace(/^mapbox:\/\//, config.API_URL + pathPrefix);
+    url += url.indexOf('?') !== -1 ? '&access_token=' : '?access_token=';
+
+    if (config.REQUIRE_ACCESS_TOKEN) {
+        if (accessToken[0] === 's') {
+            throw new Error('Use a public access token (pk.*) with Mapbox GL JS, not a secret access token (sk.*). ' +
+                'See https://www.mapbox.com/developers/api/#access-tokens');
+        }
+
+        url += accessToken;
+    }
+
+    return url;
+}
+
+module.exports.normalizeStyleURL = function(url, accessToken) {
+    var urlObject = URL.parse(url);
+
+    if (urlObject.protocol !== 'mapbox:') {
+        return url;
+    } else {
+        return normalizeURL(
+            'mapbox:/' + urlObject.pathname + formatQuery(urlObject.query),
+            '/styles/v1/',
+            accessToken
+        );
+    }
+};
+
+module.exports.normalizeSourceURL = function(url, accessToken) {
+    var urlObject = URL.parse(url);
+
+    if (urlObject.protocol !== 'mapbox:') {
+        return url;
+    } else {
+        // TileJSON requests need a secure flag appended to their URLs so
+        // that the server knows to send SSL-ified resource references.
+        return normalizeURL(
+            url + '.json',
+            '/v4/',
+            accessToken
+        ) + '&secure';
+    }
+
+};
+
+module.exports.normalizeGlyphsURL = function(url, accessToken) {
+    var urlObject = URL.parse(url);
+
+    if (urlObject.protocol !== 'mapbox:') {
+        return url;
+    } else {
+        var user = urlObject.pathname.split('/')[1];
+        return normalizeURL(
+            'mapbox://' + user + '/{fontstack}/{range}.pbf' + formatQuery(urlObject.query),
+            '/fonts/v1/',
+            accessToken
+        );
+    }
+};
+
+module.exports.normalizeSpriteURL = function(url, format, extension, accessToken) {
+    var urlObject = URL.parse(url);
+
+    if (urlObject.protocol !== 'mapbox:') {
+        urlObject.pathname += format + extension;
+        return URL.format(urlObject);
+    } else {
+        return normalizeURL(
+            'mapbox:/' + urlObject.pathname + '/sprite' + format + extension + formatQuery(urlObject.query),
+            '/styles/v1/',
+            accessToken
+        );
+    }
+};
+
+module.exports.normalizeTileURL = function(tileURL, sourceURL, tileSize) {
+    var tileURLObject = URL.parse(tileURL, true);
+    if (!sourceURL) return tileURL;
+    var sourceURLObject = URL.parse(sourceURL);
+    if (sourceURLObject.protocol !== 'mapbox:') return tileURL;
+
+    // The v4 mapbox tile API supports 512x512 image tiles only when @2x
+    // is appended to the tile URL. If `tileSize: 512` is specified for
+    // a Mapbox raster source force the @2x suffix even if a non hidpi
+    // device.
+
+    var extension = browser.supportsWebp ? '.webp' : '$1';
+    var resolution = (browser.devicePixelRatio >= 2 || tileSize === 512) ? '@2x' : '';
+
+    return URL.format({
+        protocol: tileURLObject.protocol,
+        hostname: tileURLObject.hostname,
+        pathname: tileURLObject.pathname.replace(/(\.(?:png|jpg)\d*)/, resolution + extension),
+        query: replaceTempAccessToken(tileURLObject.query)
+    });
+};
+
+function formatQuery(query) {
+    return (query ? '?' + query : '');
+}
+
+function replaceTempAccessToken(query) {
+    if (query.access_token && query.access_token.slice(0, 3) === 'tk.') {
+        return util.extend({}, query, {
+            'access_token': config.ACCESS_TOKEN
+        });
+    } else {
+        return query;
+    }
+}
+
+},{"./browser":426,"./config":431,"./util":442,"url":545}],440:[function(require,module,exports){
+'use strict';
+
+// Note: all "sizes" are measured in bytes
+
+var assert = require('assert');
+
+module.exports = StructArrayType;
+
+var viewTypes = {
+    'Int8': Int8Array,
+    'Uint8': Uint8Array,
+    'Uint8Clamped': Uint8ClampedArray,
+    'Int16': Int16Array,
+    'Uint16': Uint16Array,
+    'Int32': Int32Array,
+    'Uint32': Uint32Array,
+    'Float32': Float32Array,
+    'Float64': Float64Array
+};
+
+/**
+ * @typedef StructMember
+ * @private
+ * @property {string} name
+ * @property {string} type
+ * @property {number} components
+ */
+
+var structArrayTypeCache = {};
+
+/**
+ * `StructArrayType` is used to create new `StructArray` types.
+ *
+ * `StructArray` provides an abstraction over `ArrayBuffer` and `TypedArray` making it behave like
+ * an array of typed structs. A StructArray is comprised of elements. Each element has a set of
+ * members that are defined when the `StructArrayType` is created.
+ *
+ * StructArrays useful for creating large arrays that:
+ * - can be transferred from workers as a Transferable object
+ * - can be copied cheaply
+ * - use less memory for lower-precision members
+ * - can be used as buffers in WebGL.
+ *
+ * @class StructArrayType
+ * @param {Array.<StructMember>}
+ * @param options
+ * @param {number} options.alignment Use `4` to align members to 4 byte boundaries. Default is 1.
+ *
+ * @example
+ *
+ * var PointArrayType = new StructArrayType({
+ *  members: [
+ *      { type: 'Int16', name: 'x' },
+ *      { type: 'Int16', name: 'y' }
+ *  ]});
+ *
+ *  var pointArray = new PointArrayType();
+ *  pointArray.emplaceBack(10, 15);
+ *  pointArray.emplaceBack(20, 35);
+ *
+ *  point = pointArray.get(0);
+ *  assert(point.x === 10);
+ *  assert(point.y === 15);
+ *
+ * @private
+ */
+function StructArrayType(options) {
+
+    var key = JSON.stringify(options);
+    if (structArrayTypeCache[key]) {
+        return structArrayTypeCache[key];
+    }
+
+    if (options.alignment === undefined) options.alignment = 1;
+
+    function StructType() {
+        Struct.apply(this, arguments);
+    }
+
+    StructType.prototype = Object.create(Struct.prototype);
+
+    var offset = 0;
+    var maxSize = 0;
+    var usedTypes = ['Uint8'];
+
+    StructType.prototype.members = options.members.map(function(member) {
+        member = {
+            name: member.name,
+            type: member.type,
+            components: member.components || 1
+        };
+
+        assert(member.name.length);
+        assert(member.type in viewTypes);
+
+        if (usedTypes.indexOf(member.type) < 0) usedTypes.push(member.type);
+
+        var typeSize = sizeOf(member.type);
+        maxSize = Math.max(maxSize, typeSize);
+        member.offset = offset = align(offset, Math.max(options.alignment, typeSize));
+
+        for (var c = 0; c < member.components; c++) {
+            Object.defineProperty(StructType.prototype, member.name + (member.components === 1 ? '' : c), {
+                get: createGetter(member, c),
+                set: createSetter(member, c)
+            });
+        }
+
+        offset += typeSize * member.components;
+
+        return member;
+    });
+
+    StructType.prototype.alignment = options.alignment;
+    StructType.prototype.size = align(offset, Math.max(maxSize, options.alignment));
+
+    function StructArrayType() {
+        StructArray.apply(this, arguments);
+        this.members = StructType.prototype.members;
+    }
+
+    StructArrayType.serialize = serializeStructArrayType;
+
+    StructArrayType.prototype = Object.create(StructArray.prototype);
+    StructArrayType.prototype.StructType = StructType;
+    StructArrayType.prototype.bytesPerElement = StructType.prototype.size;
+    StructArrayType.prototype.emplaceBack = createEmplaceBack(StructType.prototype.members, StructType.prototype.size);
+    StructArrayType.prototype._usedTypes = usedTypes;
+
+
+    structArrayTypeCache[key] = StructArrayType;
+
+    return StructArrayType;
+}
+
+/**
+ * Serialize the StructArray type. This serializes the *type* not an instance of the type.
+ * @private
+ */
+function serializeStructArrayType() {
+    return {
+        members: this.prototype.StructType.prototype.members,
+        alignment: this.prototype.StructType.prototype.alignment,
+        bytesPerElement: this.prototype.bytesPerElement
+    };
+}
+
+
+function align(offset, size) {
+    return Math.ceil(offset / size) * size;
+}
+
+function sizeOf(type) {
+    return viewTypes[type].BYTES_PER_ELEMENT;
+}
+
+function getArrayViewName(type) {
+    return type.toLowerCase();
+}
+
+
+/*
+ * > I saw major perf gains by shortening the source of these generated methods (i.e. renaming
+ * > elementIndex to i) (likely due to v8 inlining heuristics).
+ * - lucaswoj
+ */
+function createEmplaceBack(members, bytesPerElement) {
+    var usedTypeSizes = [];
+    var argNames = [];
+    var body = '' +
+    'var i = this.length;\n' +
+    'this.resize(this.length + 1);\n';
+
+    for (var m = 0; m < members.length; m++) {
+        var member = members[m];
+        var size = sizeOf(member.type);
+
+        // array offsets to the end of current data for each type size
+        // var o{SIZE} = i * ROUNDED(bytesPerElement / size);
+        if (usedTypeSizes.indexOf(size) < 0) {
+            usedTypeSizes.push(size);
+            body += 'var o' + size.toFixed(0) + ' = i * ' + (bytesPerElement / size).toFixed(0) + ';\n';
+        }
+
+        for (var c = 0; c < member.components; c++) {
+            // arguments v0, v1, v2, ... are, in order, the components of
+            // member 0, then the components of member 1, etc.
+            var argName = 'v' + argNames.length;
+            // The index for `member` component `c` into the appropriate type array is:
+            // this.{TYPE}[o{SIZE} + MEMBER_OFFSET + {c}] = v{X}
+            // where MEMBER_OFFSET = ROUND(member.offset / size) is the per-element
+            // offset of this member into the array
+            var index = 'o' + size.toFixed(0) + ' + ' + (member.offset / size + c).toFixed(0);
+            body += 'this.' + getArrayViewName(member.type) + '[' + index + '] = ' + argName + ';\n';
+            argNames.push(argName);
+        }
+    }
+
+    body += 'return i;';
+
+    return new Function(argNames, body);
+}
+
+function createMemberComponentString(member, component) {
+    var elementOffset = 'this._pos' + sizeOf(member.type).toFixed(0);
+    var componentOffset = (member.offset / sizeOf(member.type) + component).toFixed(0);
+    var index = elementOffset + ' + ' + componentOffset;
+    return 'this._structArray.' + getArrayViewName(member.type) + '[' + index + ']';
+
+}
+
+function createGetter(member, c) {
+    return new Function([], 'return ' + createMemberComponentString(member, c) + ';');
+}
+
+function createSetter(member, c) {
+    return new Function(['x'], createMemberComponentString(member, c) + ' = x;');
+}
+
+/**
+ * @class Struct
+ * @param {StructArray} structArray The StructArray the struct is stored in
+ * @param {number} index The index of the struct in the StructArray.
+ * @private
+ */
+function Struct(structArray, index) {
+    this._structArray = structArray;
+    this._pos1 = index * this.size;
+    this._pos2 = this._pos1 / 2;
+    this._pos4 = this._pos1 / 4;
+    this._pos8 = this._pos1 / 8;
+}
+
+/**
+ * @class StructArray
+ * The StructArray class is inherited by the custom StructArrayType classes created with
+ * `new StructArrayType(members, options)`.
+ * @private
+ */
+function StructArray(serialized) {
+    if (serialized !== undefined) {
+    // Create from an serialized StructArray
+        this.arrayBuffer = serialized.arrayBuffer;
+        this.length = serialized.length;
+        this.capacity = this.arrayBuffer.byteLength / this.bytesPerElement;
+        this._refreshViews();
+
+    // Create a new StructArray
+    } else {
+        this.capacity = -1;
+        this.resize(0);
+    }
+}
+
+/**
+ * @property {number}
+ * @private
+ * @readonly
+ */
+StructArray.prototype.DEFAULT_CAPACITY = 128;
+
+/**
+ * @property {number}
+ * @private
+ * @readonly
+ */
+StructArray.prototype.RESIZE_MULTIPLIER = 5;
+
+/**
+ * Serialize this StructArray instance
+ * @private
+ */
+StructArray.prototype.serialize = function() {
+    this.trim();
+    return {
+        length: this.length,
+        arrayBuffer: this.arrayBuffer
+    };
+};
+
+/**
+ * Return the Struct at the given location in the array.
+ * @private
+ * @param {number} index The index of the element.
+ */
+StructArray.prototype.get = function(index) {
+    return new this.StructType(this, index);
+};
+
+/**
+ * Resize the array to discard unused capacity.
+ * @private
+ */
+StructArray.prototype.trim = function() {
+    if (this.length !== this.capacity) {
+        this.capacity = this.length;
+        this.arrayBuffer = this.arrayBuffer.slice(0, this.length * this.bytesPerElement);
+        this._refreshViews();
+    }
+};
+
+/**
+ * Resize the array.
+ * If `n` is greater than the current length then additional elements with undefined values are added.
+ * If `n` is less than the current length then the array will be reduced to the first `n` elements.
+ * @param {number} n The new size of the array.
+ */
+StructArray.prototype.resize = function(n) {
+    this.length = n;
+    if (n > this.capacity) {
+        this.capacity = Math.max(n, Math.floor(this.capacity * this.RESIZE_MULTIPLIER), this.DEFAULT_CAPACITY);
+        this.arrayBuffer = new ArrayBuffer(this.capacity * this.bytesPerElement);
+
+        var oldUint8Array = this.uint8;
+        this._refreshViews();
+        if (oldUint8Array) this.uint8.set(oldUint8Array);
+    }
+};
+
+/**
+ * Create TypedArray views for the current ArrayBuffer.
+ * @private
+ */
+StructArray.prototype._refreshViews = function() {
+    for (var t = 0; t < this._usedTypes.length; t++) {
+        var type = this._usedTypes[t];
+        this[getArrayViewName(type)] = new viewTypes[type](this.arrayBuffer);
+    }
+};
+
+/**
+ * Output the `StructArray` between indices `startIndex` and `endIndex` as an array of `StructTypes` to enable sorting
+ * @param {number} startIndex
+ * @param {number} endIndex
+ * @private
+ */
+StructArray.prototype.toArray = function(startIndex, endIndex) {
+    var array = [];
+
+    for (var i = startIndex; i < endIndex; i++) {
+        var struct = this.get(i);
+        array.push(struct);
+    }
+
+    return array;
+};
+
+},{"assert":47}],441:[function(require,module,exports){
+'use strict';
+
+module.exports = resolveTokens;
+
+/**
+ * Replace tokens in a string template with values in an object
+ *
+ * @param {Object} properties a key/value relationship between tokens and replacements
+ * @param {string} text the template string
+ * @returns {string} the template with tokens replaced
+ * @private
+ */
+function resolveTokens(properties, text) {
+    return text.replace(/{([^{}]+)}/g, function(match, key) {
+        return key in properties ? properties[key] : '';
+    });
+}
+
+},{}],442:[function(require,module,exports){
+'use strict';
+
+var UnitBezier = require('unitbezier');
+var Coordinate = require('../geo/coordinate');
+
+/**
+ * Given a value `t` that varies between 0 and 1, return
+ * an interpolation function that eases between 0 and 1 in a pleasing
+ * cubic in-out fashion.
+ *
+ * @param {number} t input
+ * @returns {number} input
+ * @private
+ */
+exports.easeCubicInOut = function (t) {
+    if (t <= 0) return 0;
+    if (t >= 1) return 1;
+    var t2 = t * t,
+        t3 = t2 * t;
+    return 4 * (t < 0.5 ? t3 : 3 * (t - t2) + t3 - 0.75);
+};
+
+/**
+ * Given given (x, y), (x1, y1) control points for a bezier curve,
+ * return a function that interpolates along that curve.
+ *
+ * @param {number} p1x control point 1 x coordinate
+ * @param {number} p1y control point 1 y coordinate
+ * @param {number} p2x control point 2 x coordinate
+ * @param {number} p2y control point 2 y coordinate
+ * @returns {Function} interpolator: receives number value, returns
+ * number value.
+ * @private
+ */
+exports.bezier = function(p1x, p1y, p2x, p2y) {
+    var bezier = new UnitBezier(p1x, p1y, p2x, p2y);
+    return function(t) {
+        return bezier.solve(t);
+    };
+};
+
+/**
+ * A default bezier-curve powered easing function with
+ * control points (0.25, 0.1) and (0.25, 1)
+ *
+ * @param {number} t
+ * @returns {number} output
+ * @private
+ */
+exports.ease = exports.bezier(0.25, 0.1, 0.25, 1);
+
+/**
+ * constrain n to the given range via min + max
+ *
+ * @param {number} n value
+ * @param {number} min the minimum value to be returned
+ * @param {number} max the maximum value to be returned
+ * @returns {number} the clamped value
+ * @private
+ */
+exports.clamp = function (n, min, max) {
+    return Math.min(max, Math.max(min, n));
+};
+
+/*
+ * constrain n to the given range, excluding the minimum, via modular arithmetic
+ * @param {number} n value
+ * @param {number} min the minimum value to be returned, exclusive
+ * @param {number} max the maximum value to be returned, inclusive
+ * @returns {number} constrained number
+ * @private
+ */
+exports.wrap = function (n, min, max) {
+    var d = max - min;
+    var w = ((n - min) % d + d) % d + min;
+    return (w === min) ? max : w;
+};
+
+/*
+ * return the first non-null and non-undefined argument to this function.
+ * @returns {*} argument
+ * @private
+ */
+exports.coalesce = function() {
+    for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (arg !== null && arg !== undefined)
+            return arg;
+    }
+};
+
+/*
+ * Call an asynchronous function on an array of arguments,
+ * calling `callback` with the completed results of all calls.
+ *
+ * @param {Array<*>} array input to each call of the async function.
+ * @param {Function} fn an async function with signature (data, callback)
+ * @param {Function} callback a callback run after all async work is done.
+ * called with an array, containing the results of each async call.
+ * @returns {undefined}
+ * @private
+ */
+exports.asyncAll = function (array, fn, callback) {
+    if (!array.length) { return callback(null, []); }
+    var remaining = array.length;
+    var results = new Array(array.length);
+    var error = null;
+    array.forEach(function (item, i) {
+        fn(item, function (err, result) {
+            if (err) error = err;
+            results[i] = result;
+            if (--remaining === 0) callback(error, results);
+        });
+    });
+};
+
+/*
+ * Compute the difference between the keys in one object and the keys
+ * in another object.
+ *
+ * @param {Object} obj
+ * @param {Object} other
+ * @returns {Array<string>} keys difference
+ * @private
+ */
+exports.keysDifference = function (obj, other) {
+    var difference = [];
+    for (var i in obj) {
+        if (!(i in other)) {
+            difference.push(i);
+        }
+    }
+    return difference;
+};
+
+/**
+ * Given a destination object and optionally many source objects,
+ * copy all properties from the source objects into the destination.
+ * The last source object given overrides properties from previous
+ * source objects.
+ * @param {Object} dest destination object
+ * @param {...Object} sources sources from which properties are pulled
+ * @returns {Object} dest
+ * @private
+ */
+exports.extend = function (dest) {
+    for (var i = 1; i < arguments.length; i++) {
+        var src = arguments[i];
+        for (var k in src) {
+            dest[k] = src[k];
+        }
+    }
+    return dest;
+};
+
+/**
+ * Extend a destination object with all properties of the src object,
+ * using defineProperty instead of simple assignment.
+ * @param {Object} dest
+ * @param {Object} src
+ * @returns {Object} dest
+ * @private
+ */
+exports.extendAll = function (dest, src) {
+    for (var i in src) {
+        Object.defineProperty(dest, i, Object.getOwnPropertyDescriptor(src, i));
+    }
+    return dest;
+};
+
+/**
+ * Extend a parent's prototype with all properties in a properties
+ * object.
+ *
+ * @param {Object} parent
+ * @param {Object} props
+ * @returns {Object}
+ * @private
+ */
+exports.inherit = function (parent, props) {
+    var parentProto = typeof parent === 'function' ? parent.prototype : parent,
+        proto = Object.create(parentProto);
+    exports.extendAll(proto, props);
+    return proto;
+};
+
+/**
+ * Given an object and a number of properties as strings, return version
+ * of that object with only those properties.
+ *
+ * @param {Object} src the object
+ * @param {Array<string>} properties an array of property names chosen
+ * to appear on the resulting object.
+ * @returns {Object} object with limited properties.
+ * @example
+ * var foo = { name: 'Charlie', age: 10 };
+ * var justName = pick(foo, ['name']);
+ * // justName = { name: 'Charlie' }
+ * @private
+ */
+exports.pick = function (src, properties) {
+    var result = {};
+    for (var i = 0; i < properties.length; i++) {
+        var k = properties[i];
+        if (k in src) {
+            result[k] = src[k];
+        }
+    }
+    return result;
+};
+
+var id = 1;
+
+/**
+ * Return a unique numeric id, starting at 1 and incrementing with
+ * each call.
+ *
+ * @returns {number} unique numeric id.
+ * @private
+ */
+exports.uniqueId = function () {
+    return id++;
+};
+
+/**
+ * Create a version of `fn` that is only called `time` milliseconds
+ * after its last invocation
+ *
+ * @param {Function} fn the function to be debounced
+ * @param {number} time millseconds after which the function will be invoked
+ * @returns {Function} debounced function
+ * @private
+ */
+exports.debounce = function(fn, time) {
+    var timer, args;
+
+    return function() {
+        args = arguments;
+        clearTimeout(timer);
+
+        timer = setTimeout(function() {
+            fn.apply(null, args);
+        }, time);
+    };
+};
+
+/**
+ * Given an array of member function names as strings, replace all of them
+ * with bound versions that will always refer to `context` as `this`. This
+ * is useful for classes where otherwise event bindings would reassign
+ * `this` to the evented object or some other value: this lets you ensure
+ * the `this` value always.
+ *
+ * @param {Array<string>} fns list of member function names
+ * @param {*} context the context value
+ * @returns {undefined} changes functions in-place
+ * @example
+ * function MyClass() {
+ *   bindAll(['ontimer'], this);
+ *   this.name = 'Tom';
+ * }
+ * MyClass.prototype.ontimer = function() {
+ *   alert(this.name);
+ * };
+ * var myClass = new MyClass();
+ * setTimeout(myClass.ontimer, 100);
+ * @private
+ */
+exports.bindAll = function(fns, context) {
+    fns.forEach(function(fn) {
+        if (!context[fn]) { return; }
+        context[fn] = context[fn].bind(context);
+    });
+};
+
+/**
+ * Given a class, bind all of the methods that look like handlers: that
+ * begin with _on, and bind them to the class.
+ *
+ * @param {Object} context an object with methods
+ * @private
+ */
+exports.bindHandlers = function(context) {
+    for (var i in context) {
+        if (typeof context[i] === 'function' && i.indexOf('_on') === 0) {
+            context[i] = context[i].bind(context);
+        }
+    }
+};
+
+/**
+ * Set the 'options' property on `obj` with properties
+ * from the `options` argument. Properties in the `options`
+ * object will override existing properties.
+ *
+ * @param {Object} obj destination object
+ * @param {Object} options object of override options
+ * @returns {Object} derived options object.
+ * @private
+ */
+exports.setOptions = function(obj, options) {
+    if (!obj.hasOwnProperty('options')) {
+        obj.options = obj.options ? Object.create(obj.options) : {};
+    }
+    for (var i in options) {
+        obj.options[i] = options[i];
+    }
+    return obj.options;
+};
+
+/**
+ * Given a list of coordinates, get their center as a coordinate.
+ * @param {Array<Coordinate>} coords
+ * @returns {Coordinate} centerpoint
+ * @private
+ */
+exports.getCoordinatesCenter = function(coords) {
+    var minX = Infinity;
+    var minY = Infinity;
+    var maxX = -Infinity;
+    var maxY = -Infinity;
+
+    for (var i = 0; i < coords.length; i++) {
+        minX = Math.min(minX, coords[i].column);
+        minY = Math.min(minY, coords[i].row);
+        maxX = Math.max(maxX, coords[i].column);
+        maxY = Math.max(maxY, coords[i].row);
+    }
+
+    var dx = maxX - minX;
+    var dy = maxY - minY;
+    var dMax = Math.max(dx, dy);
+    return new Coordinate((minX + maxX) / 2, (minY + maxY) / 2, 0)
+        .zoomTo(Math.floor(-Math.log(dMax) / Math.LN2));
+};
+
+/**
+ * Determine if a string ends with a particular substring
+ * @param {string} string
+ * @param {string} suffix
+ * @returns {boolean}
+ * @private
+ */
+exports.endsWith = function(string, suffix) {
+    return string.indexOf(suffix, string.length - suffix.length) !== -1;
+};
+
+/**
+ * Determine if a string starts with a particular substring
+ * @param {string} string
+ * @param {string} prefix
+ * @returns {boolean}
+ * @private
+ */
+exports.startsWith = function(string, prefix) {
+    return string.indexOf(prefix) === 0;
+};
+
+/**
+ * Create an object by mapping all the values of an existing object while
+ * preserving their keys.
+ * @param {Object} input
+ * @param {Function} iterator
+ * @returns {Object}
+ * @private
+ */
+exports.mapObject = function(input, iterator, context) {
+    var output = {};
+    for (var key in input) {
+        output[key] = iterator.call(context || this, input[key], key, input);
+    }
+    return output;
+};
+
+/**
+ * Create an object by filtering out values of an existing object
+ * @param {Object} input
+ * @param {Function} iterator
+ * @returns {Object}
+ * @private
+ */
+exports.filterObject = function(input, iterator, context) {
+    var output = {};
+    for (var key in input) {
+        if (iterator.call(context || this, input[key], key, input)) {
+            output[key] = input[key];
+        }
+    }
+    return output;
+};
+
+/**
+ * Deeply compares two object literals.
+ * @param {Object} obj1
+ * @param {Object} obj2
+ * @returns {boolean}
+ * @private
+ */
+exports.deepEqual = function deepEqual(a, b) {
+    if (Array.isArray(a)) {
+        if (!Array.isArray(b) || a.length !== b.length) return false;
+        for (var i = 0; i < a.length; i++) {
+            if (!deepEqual(a[i], b[i])) return false;
+        }
+        return true;
+    }
+    if (typeof a === 'object' && a !== null && b !== null) {
+        if (!(typeof b === 'object')) return false;
+        var keys = Object.keys(a);
+        if (keys.length !== Object.keys(b).length) return false;
+        for (var key in a) {
+            if (!deepEqual(a[key], b[key])) return false;
+        }
+        return true;
+    }
+    return a === b;
+};
+
+/**
+ * Deeply clones two objects.
+ * @param {Object} obj1
+ * @param {Object} obj2
+ * @returns {boolean}
+ * @private
+ */
+exports.clone = function deepEqual(input) {
+    if (Array.isArray(input)) {
+        return input.map(exports.clone);
+    } else if (typeof input === 'object') {
+        return exports.mapObject(input, exports.clone);
+    } else {
+        return input;
+    }
+};
+
+/**
+ * Check if two arrays have at least one common element.
+ * @param {Array} a
+ * @param {Array} b
+ * @returns {boolean}
+ * @private
+ */
+exports.arraysIntersect = function(a, b) {
+    for (var l = 0; l < a.length; l++) {
+        if (b.indexOf(a[l]) >= 0) return true;
+    }
+    return false;
+};
+
+var warnOnceHistory = {};
+exports.warnOnce = function(message) {
+    if (!warnOnceHistory[message]) {
+        // console isn't defined in some WebWorkers, see #2558
+        if (typeof console !== "undefined") console.warn(message);
+        warnOnceHistory[message] = true;
+    }
+};
+
+},{"../geo/coordinate":338,"unitbezier":544}],443:[function(require,module,exports){
+'use strict';
+
+module.exports = Feature;
+
+function Feature(vectorTileFeature, z, x, y) {
+    this._vectorTileFeature = vectorTileFeature;
+    vectorTileFeature._z = z;
+    vectorTileFeature._x = x;
+    vectorTileFeature._y = y;
+
+    this.properties = vectorTileFeature.properties;
+
+    if (vectorTileFeature.id != null) {
+        this.id = vectorTileFeature.id;
+    }
+}
+
+Feature.prototype = {
+    type: "Feature",
+
+    get geometry() {
+        if (this._geometry === undefined) {
+            this._geometry = this._vectorTileFeature.toGeoJSON(
+                this._vectorTileFeature._x,
+                this._vectorTileFeature._y,
+                this._vectorTileFeature._z).geometry;
+        }
+        return this._geometry;
+    },
+
+    set geometry(g) {
+        this._geometry = g;
+    },
+
+    toJSON: function() {
+        var json = {};
+        for (var i in this) {
+            if (i === '_geometry' || i === '_vectorTileFeature' || i === 'toJSON') continue;
+            json[i] = this[i];
+        }
+        return json;
+    }
+};
+
+},{}],444:[function(require,module,exports){
+module.exports={
+  "_args": [
+    [
+      {
+        "raw": "mapbox-gl@^0.22.0",
+        "scope": null,
+        "escapedName": "mapbox-gl",
+        "name": "mapbox-gl",
+        "rawSpec": "^0.22.0",
+        "spec": ">=0.22.0 <0.23.0",
+        "type": "range"
+      },
+      "/home/etienne/Documents/plotly/plotly.js"
+    ]
+  ],
+  "_from": "mapbox-gl@>=0.22.0 <0.23.0",
+  "_id": "mapbox-gl at 0.22.1",
+  "_inCache": true,
+  "_location": "/mapbox-gl",
+  "_nodeVersion": "4.4.5",
+  "_npmOperationalInternal": {
+    "host": "packages-12-west.internal.npmjs.com",
+    "tmp": "tmp/mapbox-gl-0.22.1.tgz_1471549891670_0.8762630566488951"
+  },
+  "_npmUser": {
+    "name": "lucaswoj",
+    "email": "lucas at lucaswoj.com"
+  },
+  "_npmVersion": "2.15.5",
+  "_phantomChildren": {},
+  "_requested": {
+    "raw": "mapbox-gl@^0.22.0",
+    "scope": null,
+    "escapedName": "mapbox-gl",
+    "name": "mapbox-gl",
+    "rawSpec": "^0.22.0",
+    "spec": ">=0.22.0 <0.23.0",
+    "type": "range"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/mapbox-gl/-/mapbox-gl-0.22.1.tgz",
+  "_shasum": "92a965547d4c2f24c22cbc487eeda48694cb627a",
+  "_shrinkwrap": null,
+  "_spec": "mapbox-gl@^0.22.0",
+  "_where": "/home/etienne/Documents/plotly/plotly.js",
+  "browser": {
+    "./js/util/ajax.js": "./js/util/browser/ajax.js",
+    "./js/util/browser.js": "./js/util/browser/browser.js",
+    "./js/util/canvas.js": "./js/util/browser/canvas.js",
+    "./js/util/dom.js": "./js/util/browser/dom.js",
+    "./js/util/web_worker.js": "./js/util/browser/web_worker.js"
+  },
+  "bugs": {
+    "url": "https://github.com/mapbox/mapbox-gl-js/issues"
+  },
+  "dependencies": {
+    "csscolorparser": "^1.0.2",
+    "earcut": "^2.0.3",
+    "feature-filter": "^2.2.0",
+    "geojson-rewind": "^0.1.0",
+    "geojson-vt": "^2.4.0",
+    "gl-matrix": "^2.3.1",
+    "grid-index": "^1.0.0",
+    "mapbox-gl-function": "^1.2.1",
+    "mapbox-gl-shaders": "github:mapbox/mapbox-gl-shaders#de2ab007455aa2587c552694c68583f94c9f2747",
+    "mapbox-gl-style-spec": "github:mapbox/mapbox-gl-style-spec#83b1a3e5837d785af582efd5ed1a212f2df6a4ae",
+    "mapbox-gl-supported": "^1.2.0",
+    "pbf": "^1.3.2",
+    "pngjs": "^2.2.0",
+    "point-geometry": "^0.0.0",
+    "quickselect": "^1.0.0",
+    "request": "^2.39.0",
+    "resolve-url": "^0.2.1",
+    "shelf-pack": "^1.0.0",
+    "supercluster": "^2.0.1",
+    "unassertify": "^2.0.0",
+    "unitbezier": "^0.0.0",
+    "vector-tile": "^1.3.0",
+    "vt-pbf": "^2.0.2",
+    "webworkify": "^1.3.0",
+    "whoots-js": "^2.0.0"
+  },
+  "description": "A WebGL interactive maps library",
+  "devDependencies": {
+    "babel-preset-react": "^6.11.1",
+    "babelify": "^7.3.0",
+    "benchmark": "~2.1.0",
+    "browserify": "^13.0.0",
+    "clipboard": "^1.5.12",
+    "concat-stream": "1.5.1",
+    "coveralls": "^2.11.8",
+    "doctrine": "^1.2.1",
+    "documentation": "https://github.com/documentationjs/documentation/archive/bb41619c734e59ef3fbc3648610032efcfdaaace.tar.gz",
+    "documentation-theme-utils": "3.0.0",
+    "envify": "^3.4.0",
+    "eslint": "^2.5.3",
+    "eslint-config-mourner": "^2.0.0",
+    "eslint-plugin-html": "^1.5.1",
+    "gl": "^4.0.1",
+    "handlebars": "4.0.5",
+    "highlight.js": "9.3.0",
+    "istanbul": "^0.4.2",
+    "json-loader": "^0.5.4",
+    "lodash": "^4.13.1",
+    "mapbox-gl-test-suite": "github:mapbox/mapbox-gl-test-suite#7babab52fb02788ebbc38384139bf350e8e38552",
+    "memory-fs": "^0.3.0",
+    "minifyify": "^7.0.1",
+    "npm-run-all": "^3.0.0",
+    "nyc": "6.4.0",
+    "proxyquire": "^1.7.9",
+    "remark": "4.2.2",
+    "remark-html": "3.0.0",
+    "sinon": "^1.15.4",
+    "st": "^1.2.0",
+    "tap": "^5.7.0",
+    "transform-loader": "^0.2.3",
+    "unist-util-visit": "1.1.0",
+    "vinyl": "1.1.1",
+    "vinyl-fs": "2.4.3",
+    "watchify": "^3.7.0",
+    "webpack": "^1.13.1",
+    "webworkify-webpack": "^1.1.3"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "92a965547d4c2f24c22cbc487eeda48694cb627a",
+    "tarball": "https://registry.npmjs.org/mapbox-gl/-/mapbox-gl-0.22.1.tgz"
+  },
+  "engines": {
+    "node": ">=4.0.0"
+  },
+  "gitHead": "13a9015341f0602ccb55c98c53079838ad4b70b5",
+  "homepage": "https://github.com/mapbox/mapbox-gl-js#readme",
+  "license": "BSD-3-Clause",
+  "main": "js/mapbox-gl.js",
+  "maintainers": [
+    {
+      "name": "aaronlidman",
+      "email": "aaronlidman at gmail.com"
+    },
+    {
+      "name": "ajashton",
+      "email": "aj.ashton at gmail.com"
+    },
+    {
+      "name": "ansis",
+      "email": "ansis.brammanis at gmail.com"
+    },
+    {
+      "name": "bergwerkgis",
+      "email": "wb at bergwerk-gis.at"
+    },
+    {
+      "name": "bhousel",
+      "email": "bryan at mapbox.com"
+    },
+    {
+      "name": "bsudekum",
+      "email": "bobby at mapbox.com"
+    },
+    {
+      "name": "camilleanne",
+      "email": "camille at mapbox.com"
+    },
+    {
+      "name": "dnomadb",
+      "email": "damon at mapbox.com"
+    },
+    {
+      "name": "dthompson",
+      "email": "dthompson at gmail.com"
+    },
+    {
+      "name": "emilymcafee",
+      "email": "emily at mapbox.com"
+    },
+    {
+      "name": "flippmoke",
+      "email": "flippmoke at gmail.com"
+    },
+    {
+      "name": "freenerd",
+      "email": "spam at freenerd.de"
+    },
+    {
+      "name": "gretacb",
+      "email": "carol at mapbox.com"
+    },
+    {
+      "name": "ian29",
+      "email": "ian.villeda at gmail.com"
+    },
+    {
+      "name": "ianshward",
+      "email": "ian at mapbox.com"
+    },
+    {
+      "name": "ingalls",
+      "email": "nicholas.ingalls at gmail.com"
+    },
+    {
+      "name": "jfirebaugh",
+      "email": "john.firebaugh at gmail.com"
+    },
+    {
+      "name": "jrpruit1",
+      "email": "jake at jakepruitt.com"
+    },
+    {
+      "name": "karenzshea",
+      "email": "karen at mapbox.com"
+    },
+    {
+      "name": "kkaefer",
+      "email": "kkaefer at gmail.com"
+    },
+    {
+      "name": "lbud",
+      "email": "lauren at mapbox.com"
+    },
+    {
+      "name": "lucaswoj",
+      "email": "lucas at lucaswoj.com"
+    },
+    {
+      "name": "lxbarth",
+      "email": "alex at mapbox.com"
+    },
+    {
+      "name": "lyzidiamond",
+      "email": "lyzi at mapbox.com"
+    },
+    {
+      "name": "mapbox-admin",
+      "email": "accounts at mapbox.com"
+    },
+    {
+      "name": "mateov",
+      "email": "matt at mapbox.com"
+    },
+    {
+      "name": "mcwhittemore",
+      "email": "mcwhittemore at gmail.com"
+    },
+    {
+      "name": "miccolis",
+      "email": "jeff at miccolis.net"
+    },
+    {
+      "name": "mikemorris",
+      "email": "michael.patrick.morris at gmail.com"
+    },
+    {
+      "name": "morganherlocker",
+      "email": "morgan.herlocker at gmail.com"
+    },
+    {
+      "name": "mourner",
+      "email": "agafonkin at gmail.com"
+    },
+    {
+      "name": "nickidlugash",
+      "email": "nicki at mapbox.com"
+    },
+    {
+      "name": "rclark",
+      "email": "ryan.clark.j at gmail.com"
+    },
+    {
+      "name": "samanbb",
+      "email": "saman at mapbox.com"
+    },
+    {
+      "name": "sbma44",
+      "email": "tlee at mapbox.com"
+    },
+    {
+      "name": "scothis",
+      "email": "scothis at gmail.com"
+    },
+    {
+      "name": "sgillies",
+      "email": "sean at mapbox.com"
+    },
+    {
+      "name": "springmeyer",
+      "email": "dane at mapbox.com"
+    },
+    {
+      "name": "themarex",
+      "email": "patrick at mapbox.com"
+    },
+    {
+      "name": "tmcw",
+      "email": "tom at macwright.org"
+    },
+    {
+      "name": "tristen",
+      "email": "tristen.brown at gmail.com"
+    },
+    {
+      "name": "willwhite",
+      "email": "will at mapbox.com"
+    },
+    {
+      "name": "yhahn",
+      "email": "young at mapbox.com"
+    }
+  ],
+  "name": "mapbox-gl",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/mapbox/mapbox-gl-js.git"
+  },
+  "scripts": {
+    "build": "npm run build-docs # invoked by publisher when publishing docs on the mb-pages branch",
+    "build-dev": "browserify js/mapbox-gl.js --debug --standalone mapboxgl > dist/mapbox-gl-dev.js && tap --no-coverage test/build/dev.test.js",
+    "build-docs": "documentation build --github --format html -c documentation.yml --theme ./docs/_theme --output docs/api/",
+    "build-min": "browserify js/mapbox-gl.js --debug -t unassertify --plugin [minifyify --map mapbox-gl.js.map --output dist/mapbox-gl.js.map] --standalone mapboxgl > dist/mapbox-gl.js && tap --no-coverage test/build/min.test.js",
+    "build-token": "browserify debug/access-token-src.js --debug -t envify > debug/access-token.js",
+    "lint": "eslint  --ignore-path .gitignore js test bench docs/_posts/examples/*.html",
+    "open-changed-examples": "git diff --name-only mb-pages HEAD -- docs/_posts/examples/*.html | awk '{print \"http://127.0.0.1:4000/mapbox-gl-js/example/\" substr($0,33,length($0)-37)}' | xargs open",
+    "start": "run-p build-token watch-dev watch-bench start-server",
+    "start-bench": "run-p build-token watch-bench start-server",
+    "start-debug": "run-p build-token watch-dev start-server",
+    "start-docs": "npm run build-min && npm run build-docs && jekyll serve -w",
+    "start-server": "st --no-cache --localhost --port 9966 --index index.html .",
+    "test": "npm run lint && tap --reporter dot test/js/*/*.js test/build/webpack.test.js",
+    "test-suite": "node test/render.test.js && node test/query.test.js",
+    "watch-bench": "node bench/download-data.js && watchify bench/index.js --plugin [minifyify --no-map] -t [babelify --presets react] -t unassertify -t envify -o bench/bench.js -v",
+    "watch-dev": "watchify js/mapbox-gl.js --debug --standalone mapboxgl -o dist/mapbox-gl-dev.js -v"
+  },
+  "version": "0.22.1"
+}
+
+},{}],445:[function(require,module,exports){
+'use strict'
+
+module.exports = createTable
+
+var chull = require('convex-hull')
+
+function constructVertex(d, a, b) {
+  var x = new Array(d)
+  for(var i=0; i<d; ++i) {
+    x[i] = 0.0
+    if(i === a) {
+      x[i] += 0.5
+    }
+    if(i === b) {
+      x[i] += 0.5
+    }
+  }
+  return x
+}
+
+function constructCell(dimension, mask) {
+  if(mask === 0 || mask === (1<<(dimension+1))-1) {
+    return []
+  }
+  var points = []
+  var index  = []
+  for(var i=0; i<=dimension; ++i) {
+    if(mask & (1<<i)) {
+      points.push(constructVertex(dimension, i-1, i-1))
+      index.push(null)
+      for(var j=0; j<=dimension; ++j) {
+        if(~mask & (1<<j)) {
+          points.push(constructVertex(dimension, i-1, j-1))
+          index.push([i,j])
+        }
+      }
+    }
+  }
+  
+  //Preprocess points so first d+1 points are linearly independent
+  var hull = chull(points)
+  var faces = []
+i_loop:
+  for(var i=0; i<hull.length; ++i) {
+    var face = hull[i]
+    var nface = []
+    for(var j=0; j<face.length; ++j) {
+      if(!index[face[j]]) {
+        continue i_loop
+      }
+      nface.push(index[face[j]].slice())
+    }
+    faces.push(nface)
+  }
+  return faces
+}
+
+function createTable(dimension) {
+  var numCells = 1<<(dimension+1)
+  var result = new Array(numCells)
+  for(var i=0; i<numCells; ++i) {
+    result[i] = constructCell(dimension, i)
+  }
+  return result
+}
+},{"convex-hull":103}],446:[function(require,module,exports){
+/*jshint unused:true*/
+/*
+Input:  matrix      ; a 4x4 matrix
+Output: translation ; a 3 component vector
+        scale       ; a 3 component vector
+        skew        ; skew factors XY,XZ,YZ represented as a 3 component vector
+        perspective ; a 4 component vector
+        quaternion  ; a 4 component vector
+Returns false if the matrix cannot be decomposed, true if it can
+
+
+References:
+https://github.com/kamicane/matrix3d/blob/master/lib/Matrix3d.js
+https://github.com/ChromiumWebApps/chromium/blob/master/ui/gfx/transform_util.cc
+http://www.w3.org/TR/css3-transforms/#decomposing-a-3d-matrix
+*/
+
+var normalize = require('./normalize')
+
+var create = require('gl-mat4/create')
+var clone = require('gl-mat4/clone')
+var determinant = require('gl-mat4/determinant')
+var invert = require('gl-mat4/invert')
+var transpose = require('gl-mat4/transpose')
+var vec3 = {
+    length: require('gl-vec3/length'),
+    normalize: require('gl-vec3/normalize'),
+    dot: require('gl-vec3/dot'),
+    cross: require('gl-vec3/cross')
+}
+
+var tmp = create()
+var perspectiveMatrix = create()
+var tmpVec4 = [0, 0, 0, 0]
+var row = [ [0,0,0], [0,0,0], [0,0,0] ]
+var pdum3 = [0,0,0]
+
+module.exports = function decomposeMat4(matrix, translation, scale, skew, perspective, quaternion) {
+    if (!translation) translation = [0,0,0]
+    if (!scale) scale = [0,0,0]
+    if (!skew) skew = [0,0,0]
+    if (!perspective) perspective = [0,0,0,1]
+    if (!quaternion) quaternion = [0,0,0,1]
+
+    //normalize, if not possible then bail out early
+    if (!normalize(tmp, matrix))
+        return false
+
+    // perspectiveMatrix is used to solve for perspective, but it also provides
+    // an easy way to test for singularity of the upper 3x3 component.
+    clone(perspectiveMatrix, tmp)
+
+    perspectiveMatrix[3] = 0
+    perspectiveMatrix[7] = 0
+    perspectiveMatrix[11] = 0
+    perspectiveMatrix[15] = 1
+
+    // If the perspectiveMatrix is not invertible, we are also unable to
+    // decompose, so we'll bail early. Constant taken from SkMatrix44::invert.
+    if (Math.abs(determinant(perspectiveMatrix) < 1e-8))
+        return false
+
+    var a03 = tmp[3], a13 = tmp[7], a23 = tmp[11],
+            a30 = tmp[12], a31 = tmp[13], a32 = tmp[14], a33 = tmp[15]
+
+    // First, isolate perspective.
+    if (a03 !== 0 || a13 !== 0 || a23 !== 0) {
+        tmpVec4[0] = a03
+        tmpVec4[1] = a13
+        tmpVec4[2] = a23
+        tmpVec4[3] = a33
+
+        // Solve the equation by inverting perspectiveMatrix and multiplying
+        // rightHandSide by the inverse.
+        // resuing the perspectiveMatrix here since it's no longer needed
+        var ret = invert(perspectiveMatrix, perspectiveMatrix)
+        if (!ret) return false
+        transpose(perspectiveMatrix, perspectiveMatrix)
+
+        //multiply by transposed inverse perspective matrix, into perspective vec4
+        vec4multMat4(perspective, tmpVec4, perspectiveMatrix)
+    } else { 
+        //no perspective
+        perspective[0] = perspective[1] = perspective[2] = 0
+        perspective[3] = 1
+    }
+
+    // Next take care of translation
+    translation[0] = a30
+    translation[1] = a31
+    translation[2] = a32
+
+    // Now get scale and shear. 'row' is a 3 element array of 3 component vectors
+    mat3from4(row, tmp)
+
+    // Compute X scale factor and normalize first row.
+    scale[0] = vec3.length(row[0])
+    vec3.normalize(row[0], row[0])
+
+    // Compute XY shear factor and make 2nd row orthogonal to 1st.
+    skew[0] = vec3.dot(row[0], row[1])
+    combine(row[1], row[1], row[0], 1.0, -skew[0])
+
+    // Now, compute Y scale and normalize 2nd row.
+    scale[1] = vec3.length(row[1])
+    vec3.normalize(row[1], row[1])
+    skew[0] /= scale[1]
+
+    // Compute XZ and YZ shears, orthogonalize 3rd row
+    skew[1] = vec3.dot(row[0], row[2])
+    combine(row[2], row[2], row[0], 1.0, -skew[1])
+    skew[2] = vec3.dot(row[1], row[2])
+    combine(row[2], row[2], row[1], 1.0, -skew[2])
+
+    // Next, get Z scale and normalize 3rd row.
+    scale[2] = vec3.length(row[2])
+    vec3.normalize(row[2], row[2])
+    skew[1] /= scale[2]
+    skew[2] /= scale[2]
+
+
+    // At this point, the matrix (in rows) is orthonormal.
+    // Check for a coordinate system flip.  If the determinant
+    // is -1, then negate the matrix and the scaling factors.
+    vec3.cross(pdum3, row[1], row[2])
+    if (vec3.dot(row[0], pdum3) < 0) {
+        for (var i = 0; i < 3; i++) {
+            scale[i] *= -1;
+            row[i][0] *= -1
+            row[i][1] *= -1
+            row[i][2] *= -1
+        }
+    }
+
+    // Now, get the rotations out
+    quaternion[0] = 0.5 * Math.sqrt(Math.max(1 + row[0][0] - row[1][1] - row[2][2], 0))
+    quaternion[1] = 0.5 * Math.sqrt(Math.max(1 - row[0][0] + row[1][1] - row[2][2], 0))
+    quaternion[2] = 0.5 * Math.sqrt(Math.max(1 - row[0][0] - row[1][1] + row[2][2], 0))
+    quaternion[3] = 0.5 * Math.sqrt(Math.max(1 + row[0][0] + row[1][1] + row[2][2], 0))
+
+    if (row[2][1] > row[1][2])
+        quaternion[0] = -quaternion[0]
+    if (row[0][2] > row[2][0])
+        quaternion[1] = -quaternion[1]
+    if (row[1][0] > row[0][1])
+        quaternion[2] = -quaternion[2]
+    return true
+}
+
+//will be replaced by gl-vec4 eventually
+function vec4multMat4(out, a, m) {
+    var x = a[0], y = a[1], z = a[2], w = a[3];
+    out[0] = m[0] * x + m[4] * y + m[8] * z + m[12] * w;
+    out[1] = m[1] * x + m[5] * y + m[9] * z + m[13] * w;
+    out[2] = m[2] * x + m[6] * y + m[10] * z + m[14] * w;
+    out[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w;
+    return out;
+}
+
+//gets upper-left of a 4x4 matrix into a 3x3 of vectors
+function mat3from4(out, mat4x4) {
+    out[0][0] = mat4x4[0]
+    out[0][1] = mat4x4[1]
+    out[0][2] = mat4x4[2]
+    
+    out[1][0] = mat4x4[4]
+    out[1][1] = mat4x4[5]
+    out[1][2] = mat4x4[6]
+
+    out[2][0] = mat4x4[8]
+    out[2][1] = mat4x4[9]
+    out[2][2] = mat4x4[10]
+}
+
+function combine(out, a, b, scale1, scale2) {
+    out[0] = a[0] * scale1 + b[0] * scale2
+    out[1] = a[1] * scale1 + b[1] * scale2
+    out[2] = a[2] * scale1 + b[2] * scale2
+}
+},{"./normalize":447,"gl-mat4/clone":175,"gl-mat4/create":176,"gl-mat4/determinant":177,"gl-mat4/invert":181,"gl-mat4/transpose":191,"gl-vec3/cross":272,"gl-vec3/dot":273,"gl-vec3/length":274,"gl-vec3/normalize":276}],447:[function(require,module,exports){
+module.exports = function normalize(out, mat) {
+    var m44 = mat[15]
+    // Cannot normalize.
+    if (m44 === 0) 
+        return false
+    var scale = 1 / m44
+    for (var i=0; i<16; i++)
+        out[i] = mat[i] * scale
+    return true
+}
+},{}],448:[function(require,module,exports){
+var lerp = require('gl-vec3/lerp')
+
+var recompose = require('mat4-recompose')
+var decompose = require('mat4-decompose')
+var determinant = require('gl-mat4/determinant')
+var slerp = require('quat-slerp')
+
+var state0 = state()
+var state1 = state()
+var tmp = state()
+
+module.exports = interpolate
+function interpolate(out, start, end, alpha) {
+    if (determinant(start) === 0 || determinant(end) === 0)
+        return false
+
+    //decompose the start and end matrices into individual components
+    var r0 = decompose(start, state0.translate, state0.scale, state0.skew, state0.perspective, state0.quaternion)
+    var r1 = decompose(end, state1.translate, state1.scale, state1.skew, state1.perspective, state1.quaternion)
+    if (!r0 || !r1)
+        return false    
+
+
+    //now lerp/slerp the start and end components into a temporary     lerp(tmptranslate, state0.translate, state1.translate, alpha)
+    lerp(tmp.translate, state0.translate, state1.translate, alpha)
+    lerp(tmp.skew, state0.skew, state1.skew, alpha)
+    lerp(tmp.scale, state0.scale, state1.scale, alpha)
+    lerp(tmp.perspective, state0.perspective, state1.perspective, alpha)
+    slerp(tmp.quaternion, state0.quaternion, state1.quaternion, alpha)
+
+    //and recompose into our 'out' matrix
+    recompose(out, tmp.translate, tmp.scale, tmp.skew, tmp.perspective, tmp.quaternion)
+    return true
+}
+
+function state() {
+    return {
+        translate: vec3(),
+        scale: vec3(1),
+        skew: vec3(),
+        perspective: vec4(),
+        quaternion: vec4()
+    }
+}
+
+function vec3(n) {
+    return [n||0,n||0,n||0]
+}
+
+function vec4() {
+    return [0,0,0,1]
+}
+},{"gl-mat4/determinant":177,"gl-vec3/lerp":275,"mat4-decompose":446,"mat4-recompose":449,"quat-slerp":489}],449:[function(require,module,exports){
+/*
+Input:  translation ; a 3 component vector
+        scale       ; a 3 component vector
+        skew        ; skew factors XY,XZ,YZ represented as a 3 component vector
+        perspective ; a 4 component vector
+        quaternion  ; a 4 component vector
+Output: matrix      ; a 4x4 matrix
+
+From: http://www.w3.org/TR/css3-transforms/#recomposing-to-a-3d-matrix
+*/
+
+var mat4 = {
+    identity: require('gl-mat4/identity'),
+    translate: require('gl-mat4/translate'),
+    multiply: require('gl-mat4/multiply'),
+    create: require('gl-mat4/create'),
+    scale: require('gl-mat4/scale'),
+    fromRotationTranslation: require('gl-mat4/fromRotationTranslation')
+}
+
+var rotationMatrix = mat4.create()
+var temp = mat4.create()
+
+module.exports = function recomposeMat4(matrix, translation, scale, skew, perspective, quaternion) {
+    mat4.identity(matrix)
+
+    //apply translation & rotation
+    mat4.fromRotationTranslation(matrix, quaternion, translation)
+
+    //apply perspective
+    matrix[3] = perspective[0]
+    matrix[7] = perspective[1]
+    matrix[11] = perspective[2]
+    matrix[15] = perspective[3]
+        
+    // apply skew
+    // temp is a identity 4x4 matrix initially
+    mat4.identity(temp)
+
+    if (skew[2] !== 0) {
+        temp[9] = skew[2]
+        mat4.multiply(matrix, matrix, temp)
+    }
+
+    if (skew[1] !== 0) {
+        temp[9] = 0
+        temp[8] = skew[1]
+        mat4.multiply(matrix, matrix, temp)
+    }
+
+    if (skew[0] !== 0) {
+        temp[8] = 0
+        temp[4] = skew[0]
+        mat4.multiply(matrix, matrix, temp)
+    }
+
+    //apply scale
+    mat4.scale(matrix, matrix, scale)
+    return matrix
+}
+},{"gl-mat4/create":176,"gl-mat4/fromRotationTranslation":179,"gl-mat4/identity":180,"gl-mat4/multiply":183,"gl-mat4/scale":189,"gl-mat4/translate":190}],450:[function(require,module,exports){
+'use strict'
+
+var bsearch   = require('binary-search-bounds')
+var m4interp  = require('mat4-interpolate')
+var invert44  = require('gl-mat4/invert')
+var rotateX   = require('gl-mat4/rotateX')
+var rotateY   = require('gl-mat4/rotateY')
+var rotateZ   = require('gl-mat4/rotateZ')
+var lookAt    = require('gl-mat4/lookAt')
+var translate = require('gl-mat4/translate')
+var scale     = require('gl-mat4/scale')
+var normalize = require('gl-vec3/normalize')
+
+var DEFAULT_CENTER = [0,0,0]
+
+module.exports = createMatrixCameraController
+
+function MatrixCameraController(initialMatrix) {
+  this._components    = initialMatrix.slice()
+  this._time          = [0]
+  this.prevMatrix     = initialMatrix.slice()
+  this.nextMatrix     = initialMatrix.slice()
+  this.computedMatrix = initialMatrix.slice()
+  this.computedInverse = initialMatrix.slice()
+  this.computedEye    = [0,0,0]
+  this.computedUp     = [0,0,0]
+  this.computedCenter = [0,0,0]
+  this.computedRadius = [0]
+  this._limits        = [-Infinity, Infinity]
+}
+
+var proto = MatrixCameraController.prototype
+
+proto.recalcMatrix = function(t) {
+  var time = this._time
+  var tidx = bsearch.le(time, t)
+  var mat = this.computedMatrix
+  if(tidx < 0) {
+    return
+  }
+  var comps = this._components
+  if(tidx === time.length-1) {
+    var ptr = 16*tidx
+    for(var i=0; i<16; ++i) {
+      mat[i] = comps[ptr++]
+    }
+  } else {
+    var dt = (time[tidx+1] - time[tidx])
+    var ptr = 16*tidx
+    var prev = this.prevMatrix
+    var allEqual = true
+    for(var i=0; i<16; ++i) {
+      prev[i] = comps[ptr++]
+    }
+    var next = this.nextMatrix
+    for(var i=0; i<16; ++i) {
+      next[i] = comps[ptr++]
+      allEqual = allEqual && (prev[i] === next[i])
+    }
+    if(dt < 1e-6 || allEqual) {
+      for(var i=0; i<16; ++i) {
+        mat[i] = prev[i]
+      }
+    } else {
+      m4interp(mat, prev, next, (t - time[tidx])/dt)
+    }
+  }
+
+  var up = this.computedUp
+  up[0] = mat[1]
+  up[1] = mat[5]
+  up[2] = mat[9]
+  normalize(up, up)
+
+  var imat = this.computedInverse
+  invert44(imat, mat)
+  var eye = this.computedEye
+  var w = imat[15]
+  eye[0] = imat[12]/w
+  eye[1] = imat[13]/w
+  eye[2] = imat[14]/w
+
+  var center = this.computedCenter
+  var radius = Math.exp(this.computedRadius[0])
+  for(var i=0; i<3; ++i) {
+    center[i] = eye[i] - mat[2+4*i] * radius
+  }
+}
+
+proto.idle = function(t) {
+  if(t < this.lastT()) {
+    return
+  }
+  var mc = this._components
+  var ptr = mc.length-16
+  for(var i=0; i<16; ++i) {
+    mc.push(mc[ptr++])
+  }
+  this._time.push(t)
+}
+
+proto.flush = function(t) {
+  var idx = bsearch.gt(this._time, t) - 2
+  if(idx < 0) {
+    return
+  }
+  this._time.splice(0, idx)
+  this._components.splice(0, 16*idx)
+}
+
+proto.lastT = function() {
+  return this._time[this._time.length-1]
+}
+
+proto.lookAt = function(t, eye, center, up) {
+  this.recalcMatrix(t)
+  eye    = eye || this.computedEye
+  center = center || DEFAULT_CENTER
+  up     = up || this.computedUp
+  this.setMatrix(t, lookAt(this.computedMatrix, eye, center, up))
+  var d2 = 0.0
+  for(var i=0; i<3; ++i) {
+    d2 += Math.pow(center[i] - eye[i], 2)
+  }
+  d2 = Math.log(Math.sqrt(d2))
+  this.computedRadius[0] = d2
+}
+
+proto.rotate = function(t, yaw, pitch, roll) {
+  this.recalcMatrix(t)
+  var mat = this.computedInverse
+  if(yaw)   rotateY(mat, mat, yaw)
+  if(pitch) rotateX(mat, mat, pitch)
+  if(roll)  rotateZ(mat, mat, roll)
+  this.setMatrix(t, invert44(this.computedMatrix, mat))
+}
+
+var tvec = [0,0,0]
+
+proto.pan = function(t, dx, dy, dz) {
+  tvec[0] = -(dx || 0.0)
+  tvec[1] = -(dy || 0.0)
+  tvec[2] = -(dz || 0.0)
+  this.recalcMatrix(t)
+  var mat = this.computedInverse
+  translate(mat, mat, tvec)
+  this.setMatrix(t, invert44(mat, mat))
+}
+
+proto.translate = function(t, dx, dy, dz) {
+  tvec[0] = dx || 0.0
+  tvec[1] = dy || 0.0
+  tvec[2] = dz || 0.0
+  this.recalcMatrix(t)
+  var mat = this.computedMatrix
+  translate(mat, mat, tvec)
+  this.setMatrix(t, mat)
+}
+
+proto.setMatrix = function(t, mat) {
+  if(t < this.lastT()) {
+    return
+  }
+  this._time.push(t)
+  for(var i=0; i<16; ++i) {
+    this._components.push(mat[i])
+  }
+}
+
+proto.setDistance = function(t, d) {
+  this.computedRadius[0] = d
+}
+
+proto.setDistanceLimits = function(a,b) {
+  var lim = this._limits
+  lim[0] = a
+  lim[1] = b
+}
+
+proto.getDistanceLimits = function(out) {
+  var lim = this._limits
+  if(out) {
+    out[0] = lim[0]
+    out[1] = lim[1]
+    return out
+  }
+  return lim
+}
+
+function createMatrixCameraController(options) {
+  options = options || {}
+  var matrix = options.matrix || 
+              [1,0,0,0,
+               0,1,0,0,
+               0,0,1,0,
+               0,0,0,1]
+  return new MatrixCameraController(matrix)
+}
+
+},{"binary-search-bounds":66,"gl-mat4/invert":181,"gl-mat4/lookAt":182,"gl-mat4/rotateX":186,"gl-mat4/rotateY":187,"gl-mat4/rotateZ":188,"gl-mat4/scale":189,"gl-mat4/translate":190,"gl-vec3/normalize":276,"mat4-interpolate":448}],451:[function(require,module,exports){
+'use strict'
+
+module.exports = monotoneConvexHull2D
+
+var orient = require('robust-orientation')[3]
+
+function monotoneConvexHull2D(points) {
+  var n = points.length
+
+  if(n < 3) {
+    var result = new Array(n)
+    for(var i=0; i<n; ++i) {
+      result[i] = i
+    }
+
+    if(n === 2 &&
+       points[0][0] === points[1][0] &&
+       points[0][1] === points[1][1]) {
+      return [0]
+    }
+
+    return result
+  }
+
+  //Sort point indices along x-axis
+  var sorted = new Array(n)
+  for(var i=0; i<n; ++i) {
+    sorted[i] = i
+  }
+  sorted.sort(function(a,b) {
+    var d = points[a][0]-points[b][0]
+    if(d) {
+      return d
+    }
+    return points[a][1] - points[b][1]
+  })
+
+  //Construct upper and lower hulls
+  var lower = [sorted[0], sorted[1]]
+  var upper = [sorted[0], sorted[1]]
+
+  for(var i=2; i<n; ++i) {
+    var idx = sorted[i]
+    var p   = points[idx]
+
+    //Insert into lower list
+    var m = lower.length
+    while(m > 1 && orient(
+        points[lower[m-2]], 
+        points[lower[m-1]], 
+        p) <= 0) {
+      m -= 1
+      lower.pop()
+    }
+    lower.push(idx)
+
+    //Insert into upper list
+    m = upper.length
+    while(m > 1 && orient(
+        points[upper[m-2]], 
+        points[upper[m-1]], 
+        p) >= 0) {
+      m -= 1
+      upper.pop()
+    }
+    upper.push(idx)
+  }
+
+  //Merge lists together
+  var result = new Array(upper.length + lower.length - 2)
+  var ptr    = 0
+  for(var i=0, nl=lower.length; i<nl; ++i) {
+    result[ptr++] = lower[i]
+  }
+  for(var j=upper.length-2; j>0; --j) {
+    result[ptr++] = upper[j]
+  }
+
+  //Return result
+  return result
+}
+},{"robust-orientation":508}],452:[function(require,module,exports){
+'use strict'
+
+module.exports = mouseListen
+
+var mouse = require('mouse-event')
+
+function mouseListen (element, callback) {
+  if (!callback) {
+    callback = element
+    element = window
+  }
+
+  var buttonState = 0
+  var x = 0
+  var y = 0
+  var mods = {
+    shift: false,
+    alt: false,
+    control: false,
+    meta: false
+  }
+  var attached = false
+
+  function updateMods (ev) {
+    var changed = false
+    if ('altKey' in ev) {
+      changed = changed || ev.altKey !== mods.alt
+      mods.alt = !!ev.altKey
+    }
+    if ('shiftKey' in ev) {
+      changed = changed || ev.shiftKey !== mods.shift
+      mods.shift = !!ev.shiftKey
+    }
+    if ('ctrlKey' in ev) {
+      changed = changed || ev.ctrlKey !== mods.control
+      mods.control = !!ev.ctrlKey
+    }
+    if ('metaKey' in ev) {
+      changed = changed || ev.metaKey !== mods.meta
+      mods.meta = !!ev.metaKey
+    }
+    return changed
+  }
+
+  function handleEvent (nextButtons, ev) {
+    var nextX = mouse.x(ev)
+    var nextY = mouse.y(ev)
+    if ('buttons' in ev) {
+      nextButtons = ev.buttons | 0
+    }
+    if (nextButtons !== buttonState ||
+      nextX !== x ||
+      nextY !== y ||
+      updateMods(ev)) {
+      buttonState = nextButtons | 0
+      x = nextX || 0
+      y = nextY || 0
+      callback && callback(buttonState, x, y, mods)
+    }
+  }
+
+  function clearState (ev) {
+    handleEvent(0, ev)
+  }
+
+  function handleBlur () {
+    if (buttonState ||
+      x ||
+      y ||
+      mods.shift ||
+      mods.alt ||
+      mods.meta ||
+      mods.control) {
+      x = y = 0
+      buttonState = 0
+      mods.shift = mods.alt = mods.control = mods.meta = false
+      callback && callback(0, 0, 0, mods)
+    }
+  }
+
+  function handleMods (ev) {
+    if (updateMods(ev)) {
+      callback && callback(buttonState, x, y, mods)
+    }
+  }
+
+  function handleMouseMove (ev) {
+    if (mouse.buttons(ev) === 0) {
+      handleEvent(0, ev)
+    } else {
+      handleEvent(buttonState, ev)
+    }
+  }
+
+  function handleMouseDown (ev) {
+    handleEvent(buttonState | mouse.buttons(ev), ev)
+  }
+
+  function handleMouseUp (ev) {
+    handleEvent(buttonState & ~mouse.buttons(ev), ev)
+  }
+
+  function attachListeners () {
+    if (attached) {
+      return
+    }
+    attached = true
+
+    element.addEventListener('mousemove', handleMouseMove)
+
+    element.addEventListener('mousedown', handleMouseDown)
+
+    element.addEventListener('mouseup', handleMouseUp)
+
+    element.addEventListener('mouseleave', clearState)
+    element.addEventListener('mouseenter', clearState)
+    element.addEventListener('mouseout', clearState)
+    element.addEventListener('mouseover', clearState)
+
+    element.addEventListener('blur', handleBlur)
+
+    element.addEventListener('keyup', handleMods)
+    element.addEventListener('keydown', handleMods)
+    element.addEventListener('keypress', handleMods)
+
+    if (element !== window) {
+      window.addEventListener('blur', handleBlur)
+
+      window.addEventListener('keyup', handleMods)
+      window.addEventListener('keydown', handleMods)
+      window.addEventListener('keypress', handleMods)
+    }
+  }
+
+  function detachListeners () {
+    if (!attached) {
+      return
+    }
+    attached = false
+
+    element.removeEventListener('mousemove', handleMouseMove)
+
+    element.removeEventListener('mousedown', handleMouseDown)
+
+    element.removeEventListener('mouseup', handleMouseUp)
+
+    element.removeEventListener('mouseleave', clearState)
+    element.removeEventListener('mouseenter', clearState)
+    element.removeEventListener('mouseout', clearState)
+    element.removeEventListener('mouseover', clearState)
+
+    element.removeEventListener('blur', handleBlur)
+
+    element.removeEventListener('keyup', handleMods)
+    element.removeEventListener('keydown', handleMods)
+    element.removeEventListener('keypress', handleMods)
+
+    if (element !== window) {
+      window.removeEventListener('blur', handleBlur)
+
+      window.removeEventListener('keyup', handleMods)
+      window.removeEventListener('keydown', handleMods)
+      window.removeEventListener('keypress', handleMods)
+    }
+  }
+
+  // Attach listeners
+  attachListeners()
+
+  var result = {
+    element: element
+  }
+
+  Object.defineProperties(result, {
+    enabled: {
+      get: function () { return attached },
+      set: function (f) {
+        if (f) {
+          attachListeners()
+        } else {
+          detachListeners()
+        }
+      },
+      enumerable: true
+    },
+    buttons: {
+      get: function () { return buttonState },
+      enumerable: true
+    },
+    x: {
+      get: function () { return x },
+      enumerable: true
+    },
+    y: {
+      get: function () { return y },
+      enumerable: true
+    },
+    mods: {
+      get: function () { return mods },
+      enumerable: true
+    }
+  })
+
+  return result
+}
+
+},{"mouse-event":454}],453:[function(require,module,exports){
+var rootPosition = { left: 0, top: 0 }
+
+module.exports = mouseEventOffset
+function mouseEventOffset (ev, target, out) {
+  target = target || ev.currentTarget || ev.srcElement
+  if (!Array.isArray(out)) {
+    out = [ 0, 0 ]
+  }
+  var cx = ev.clientX || 0
+  var cy = ev.clientY || 0
+  var rect = getBoundingClientOffset(target)
+  out[0] = cx - rect.left
+  out[1] = cy - rect.top
+  return out
+}
+
+function getBoundingClientOffset (element) {
+  if (element === window ||
+      element === document ||
+      element === document.body) {
+    return rootPosition
+  } else {
+    return element.getBoundingClientRect()
+  }
+}
+
+},{}],454:[function(require,module,exports){
+'use strict'
+
+function mouseButtons(ev) {
+  if(typeof ev === 'object') {
+    if('buttons' in ev) {
+      return ev.buttons
+    } else if('which' in ev) {
+      var b = ev.which
+      if(b === 2) {
+        return 4
+      } else if(b === 3) {
+        return 2
+      } else if(b > 0) {
+        return 1<<(b-1)
+      }
+    } else if('button' in ev) {
+      var b = ev.button
+      if(b === 1) {
+        return 4
+      } else if(b === 2) {
+        return 2
+      } else if(b >= 0) {
+        return 1<<b
+      }
+    }
+  }
+  return 0
+}
+exports.buttons = mouseButtons
+
+function mouseElement(ev) {
+  return ev.target || ev.srcElement || window
+}
+exports.element = mouseElement
+
+function mouseRelativeX(ev) {
+  if(typeof ev === 'object') {
+    if('offsetX' in ev) {
+      return ev.offsetX
+    }
+    var target = mouseElement(ev)
+    var bounds = target.getBoundingClientRect()
+    return ev.clientX - bounds.left
+  }
+  return 0
+}
+exports.x = mouseRelativeX
+
+function mouseRelativeY(ev) {
+  if(typeof ev === 'object') {
+    if('offsetY' in ev) {
+      return ev.offsetY
+    }
+    var target = mouseElement(ev)
+    var bounds = target.getBoundingClientRect()
+    return ev.clientY - bounds.top
+  }
+  return 0
+}
+exports.y = mouseRelativeY
+
+},{}],455:[function(require,module,exports){
+'use strict'
+
+var toPX = require('to-px')
+
+module.exports = mouseWheelListen
+
+function mouseWheelListen(element, callback, noScroll) {
+  if(typeof element === 'function') {
+    noScroll = !!callback
+    callback = element
+    element = window
+  }
+  var lineHeight = toPX('ex', element)
+  var listener = function(ev) {
+    if(noScroll) {
+      ev.preventDefault()
+    }
+    var dx = ev.deltaX || 0
+    var dy = ev.deltaY || 0
+    var dz = ev.deltaZ || 0
+    var mode = ev.deltaMode
+    var scale = 1
+    switch(mode) {
+      case 1:
+        scale = lineHeight
+      break
+      case 2:
+        scale = window.innerHeight
+      break
+    }
+    dx *= scale
+    dy *= scale
+    dz *= scale
+    if(dx || dy || dz) {
+      return callback(dx, dy, dz, ev)
+    }
+  }
+  element.addEventListener('wheel', listener)
+  return listener
+}
+
+},{"to-px":535}],456:[function(require,module,exports){
+"use strict"
+
+var pool = require("typedarray-pool")
+
+module.exports = createSurfaceExtractor
+
+//Helper macros
+function array(i) {
+  return "a" + i
+}
+function data(i) {
+  return "d" + i
+}
+function cube(i,bitmask) {
+  return "c" + i + "_" + bitmask
+}
+function shape(i) {
+  return "s" + i
+}
+function stride(i,j) {
+  return "t" + i + "_" + j
+}
+function offset(i) {
+  return "o" + i
+}
+function scalar(i) {
+  return "x" + i
+}
+function pointer(i) {
+  return "p" + i
+}
+function delta(i,bitmask) {
+  return "d" + i + "_" + bitmask
+}
+function index(i) {
+  return "i" + i
+}
+function step(i,j) {
+  return "u" + i + "_" + j
+}
+function pcube(bitmask) {
+  return "b" + bitmask
+}
+function qcube(bitmask) {
+  return "y" + bitmask
+}
+function pdelta(bitmask) {
+  return "e" + bitmask
+}
+function vert(i) {
+  return "v" + i
+}
+var VERTEX_IDS = "V"
+var PHASES = "P"
+var VERTEX_COUNT = "N"
+var POOL_SIZE = "Q"
+var POINTER = "X"
+var TEMPORARY = "T"
+
+function permBitmask(dimension, mask, order) {
+  var r = 0
+  for(var i=0; i<dimension; ++i) {
+    if(mask & (1<<i)) {
+      r |= (1<<order[i])
+    }
+  }
+  return r
+}
+
+//Generates the surface procedure
+function compileSurfaceProcedure(vertexFunc, faceFunc, phaseFunc, scalarArgs, order, typesig) {
+  var arrayArgs = typesig.length
+  var dimension = order.length
+
+  if(dimension < 2) {
+    throw new Error("ndarray-extract-contour: Dimension must be at least 2")
+  }
+
+  var funcName = "extractContour" + order.join("_")
+  var code = []
+  var vars = []
+  var args = []
+
+  //Assemble arguments
+  for(var i=0; i<arrayArgs; ++i) {
+    args.push(array(i))  
+  }
+  for(var i=0; i<scalarArgs; ++i) {
+    args.push(scalar(i))
+  }
+
+  //Shape
+  for(var i=0; i<dimension; ++i) {
+    vars.push(shape(i) + "=" + array(0) + ".shape[" + i + "]|0")
+  }
+  //Data, stride, offset pointers
+  for(var i=0; i<arrayArgs; ++i) {
+    vars.push(data(i) + "=" + array(i) + ".data",
+              offset(i) + "=" + array(i) + ".offset|0")
+    for(var j=0; j<dimension; ++j) {
+      vars.push(stride(i,j) + "=" + array(i) + ".stride[" + j + "]|0")
+    }
+  }
+  //Pointer, delta and cube variables
+  for(var i=0; i<arrayArgs; ++i) {
+    vars.push(pointer(i) + "=" + offset(i))
+    vars.push(cube(i,0))
+    for(var j=1; j<(1<<dimension); ++j) {
+      var ptrStr = []
+      for(var k=0; k<dimension; ++k) {
+        if(j & (1<<k)) {
+          ptrStr.push("-" + stride(i,k))
+        }
+      }
+      vars.push(delta(i,j) + "=(" + ptrStr.join("") + ")|0")
+      vars.push(cube(i,j) + "=0")
+    }
+  }
+  //Create step variables
+  for(var i=0; i<arrayArgs; ++i) {
+    for(var j=0; j<dimension; ++j) {
+      var stepVal = [ stride(i,order[j]) ]
+      if(j > 0) {
+        stepVal.push(stride(i, order[j-1]) + "*" + shape(order[j-1]) )
+      }
+      vars.push(step(i,order[j]) + "=(" + stepVal.join("-") + ")|0")
+    }
+  }
+  //Create index variables
+  for(var i=0; i<dimension; ++i) {
+    vars.push(index(i) + "=0")
+  }
+  //Vertex count
+  vars.push(VERTEX_COUNT + "=0")
+  //Compute pool size, initialize pool step
+  var sizeVariable = ["2"]
+  for(var i=dimension-2; i>=0; --i) {
+    sizeVariable.push(shape(order[i]))
+  }
+  //Previous phases and vertex_ids
+  vars.push(POOL_SIZE + "=(" + sizeVariable.join("*") + ")|0",
+            PHASES + "=mallocUint32(" + POOL_SIZE + ")",
+            VERTEX_IDS + "=mallocUint32(" + POOL_SIZE + ")",
+            POINTER + "=0")
+  //Create cube variables for phases
+  vars.push(pcube(0) + "=0")
+  for(var j=1; j<(1<<dimension); ++j) {
+    var cubeDelta = []
+    var cubeStep = [ ]
+    for(var k=0; k<dimension; ++k) {
+      if(j & (1<<k)) {
+        if(cubeStep.length === 0) {
+          cubeDelta.push("1")
+        } else {
+          cubeDelta.unshift(cubeStep.join("*"))
+        }
+      }
+      cubeStep.push(shape(order[k]))
+    }
+    var signFlag = ""
+    if(cubeDelta[0].indexOf(shape(order[dimension-2])) < 0) {
+      signFlag = "-"
+    }
+    var jperm = permBitmask(dimension, j, order)
+    vars.push(pdelta(jperm) + "=(-" + cubeDelta.join("-") + ")|0",
+              qcube(jperm) + "=(" + signFlag + cubeDelta.join("-") + ")|0",
+              pcube(jperm) + "=0")
+  }
+  vars.push(vert(0) + "=0", TEMPORARY + "=0")
+
+  function forLoopBegin(i, start) {
+    code.push("for(", index(order[i]), "=", start, ";",
+      index(order[i]), "<", shape(order[i]), ";",
+      "++", index(order[i]), "){")
+  }
+
+  function forLoopEnd(i) {
+    for(var j=0; j<arrayArgs; ++j) {
+      code.push(pointer(j), "+=", step(j,order[i]), ";")
+    }
+    code.push("}")
+  }
+
+  function fillEmptySlice(k) {
+    for(var i=k-1; i>=0; --i) {
+      forLoopBegin(i, 0) 
+    }
+    var phaseFuncArgs = []
+    for(var i=0; i<arrayArgs; ++i) {
+      if(typesig[i]) {
+        phaseFuncArgs.push(data(i) + ".get(" + pointer(i) + ")")
+      } else {
+        phaseFuncArgs.push(data(i) + "[" + pointer(i) + "]")
+      }
+    }
+    for(var i=0; i<scalarArgs; ++i) {
+      phaseFuncArgs.push(scalar(i))
+    }
+    code.push(PHASES, "[", POINTER, "++]=phase(", phaseFuncArgs.join(), ");")
+    for(var i=0; i<k; ++i) {
+      forLoopEnd(i)
+    }
+    for(var j=0; j<arrayArgs; ++j) {
+      code.push(pointer(j), "+=", step(j,order[k]), ";")
+    }
+  }
+
+  function processGridCell(mask) {
+    //Read in local data
+    for(var i=0; i<arrayArgs; ++i) {
+      if(typesig[i]) {
+        code.push(cube(i,0), "=", data(i), ".get(", pointer(i), ");")
+      } else {
+        code.push(cube(i,0), "=", data(i), "[", pointer(i), "];")
+      }
+    }
+
+    //Read in phase
+    var phaseFuncArgs = []
+    for(var i=0; i<arrayArgs; ++i) {
+      phaseFuncArgs.push(cube(i,0))
+    }
+    for(var i=0; i<scalarArgs; ++i) {
+      phaseFuncArgs.push(scalar(i))
+    }
+    
+    code.push(pcube(0), "=", PHASES, "[", POINTER, "]=phase(", phaseFuncArgs.join(), ");")
+    
+    //Read in other cube data
+    for(var j=1; j<(1<<dimension); ++j) {
+      code.push(pcube(j), "=", PHASES, "[", POINTER, "+", pdelta(j), "];")
+    }
+
+    //Check for boundary crossing
+    var vertexPredicate = []
+    for(var j=1; j<(1<<dimension); ++j) {
+      vertexPredicate.push("(" + pcube(0) + "!==" + pcube(j) + ")")
+    }
+    code.push("if(", vertexPredicate.join("||"), "){")
+
+    //Read in boundary data
+    var vertexArgs = []
+    for(var i=0; i<dimension; ++i) {
+      vertexArgs.push(index(i))
+    }
+    for(var i=0; i<arrayArgs; ++i) {
+      vertexArgs.push(cube(i,0))
+      for(var j=1; j<(1<<dimension); ++j) {
+        if(typesig[i]) {
+          code.push(cube(i,j), "=", data(i), ".get(", pointer(i), "+", delta(i,j), ");")
+        } else {
+          code.push(cube(i,j), "=", data(i), "[", pointer(i), "+", delta(i,j), "];")
+        }
+        vertexArgs.push(cube(i,j))
+      }
+    }
+    for(var i=0; i<(1<<dimension); ++i) {
+      vertexArgs.push(pcube(i))
+    }
+    for(var i=0; i<scalarArgs; ++i) {
+      vertexArgs.push(scalar(i))
+    }
+
+    //Generate vertex
+    code.push("vertex(", vertexArgs.join(), ");",
+      vert(0), "=", VERTEX_IDS, "[", POINTER, "]=", VERTEX_COUNT, "++;")
+
+    //Check for face crossings
+    var base = (1<<dimension)-1
+    var corner = pcube(base)
+    for(var j=0; j<dimension; ++j) {
+      if((mask & ~(1<<j))===0) {
+        //Check face
+        var subset = base^(1<<j)
+        var edge = pcube(subset)
+        var faceArgs = [ ]
+        for(var k=subset; k>0; k=(k-1)&subset) {
+          faceArgs.push(VERTEX_IDS + "[" + POINTER + "+" + pdelta(k) + "]")
+        }
+        faceArgs.push(vert(0))
+        for(var k=0; k<arrayArgs; ++k) {
+          if(j&1) {
+            faceArgs.push(cube(k,base), cube(k,subset))
+          } else {
+            faceArgs.push(cube(k,subset), cube(k,base))
+          }
+        }
+        if(j&1) {
+          faceArgs.push(corner, edge)
+        } else {
+          faceArgs.push(edge, corner)
+        }
+        for(var k=0; k<scalarArgs; ++k) {
+          faceArgs.push(scalar(k))
+        }
+        code.push("if(", corner, "!==", edge, "){",
+          "face(", faceArgs.join(), ")}")
+      }
+    }
+    
+    //Increment pointer, close off if statement
+    code.push("}",
+      POINTER, "+=1;")
+  }
+
+  function flip() {
+    for(var j=1; j<(1<<dimension); ++j) {
+      code.push(TEMPORARY, "=", pdelta(j), ";",
+                pdelta(j), "=", qcube(j), ";",
+                qcube(j), "=", TEMPORARY, ";")
+    }
+  }
+
+  function createLoop(i, mask) {
+    if(i < 0) {
+      processGridCell(mask)
+      return
+    }
+    fillEmptySlice(i)
+    code.push("if(", shape(order[i]), ">0){",
+      index(order[i]), "=1;")
+    createLoop(i-1, mask|(1<<order[i]))
+
+    for(var j=0; j<arrayArgs; ++j) {
+      code.push(pointer(j), "+=", step(j,order[i]), ";")
+    }
+    if(i === dimension-1) {
+      code.push(POINTER, "=0;")
+      flip()
+    }
+    forLoopBegin(i, 2)
+    createLoop(i-1, mask)
+    if(i === dimension-1) {
+      code.push("if(", index(order[dimension-1]), "&1){",
+        POINTER, "=0;}")
+      flip()
+    }
+    forLoopEnd(i)
+    code.push("}")
+  }
+
+  createLoop(dimension-1, 0)
+
+  //Release scratch memory
+  code.push("freeUint32(", VERTEX_IDS, ");freeUint32(", PHASES, ");")
+
+  //Compile and link procedure
+  var procedureCode = [
+    "'use strict';",
+    "function ", funcName, "(", args.join(), "){",
+      "var ", vars.join(), ";",
+      code.join(""),
+    "}",
+    "return ", funcName ].join("")
+
+  var proc = new Function(
+    "vertex", 
+    "face", 
+    "phase", 
+    "mallocUint32", 
+    "freeUint32",
+    procedureCode)
+  return proc(
+    vertexFunc, 
+    faceFunc, 
+    phaseFunc, 
+    pool.mallocUint32, 
+    pool.freeUint32)
+}
+
+function createSurfaceExtractor(args) {
+  function error(msg) {
+    throw new Error("ndarray-extract-contour: " + msg)
+  }
+  if(typeof args !== "object") {
+    error("Must specify arguments")
+  }
+  var order = args.order
+  if(!Array.isArray(order)) {
+    error("Must specify order")
+  }
+  var arrays = args.arrayArguments||1
+  if(arrays < 1) {
+    error("Must have at least one array argument")
+  }
+  var scalars = args.scalarArguments||0
+  if(scalars < 0) {
+    error("Scalar arg count must be > 0")
+  }
+  if(typeof args.vertex !== "function") {
+    error("Must specify vertex creation function")
+  }
+  if(typeof args.cell !== "function") {
+    error("Must specify cell creation function")
+  }
+  if(typeof args.phase !== "function") {
+    error("Must specify phase function")
+  }
+  var getters = args.getters || []
+  var typesig = new Array(arrays)
+  for(var i=0; i<arrays; ++i) {
+    if(getters.indexOf(i) >= 0) {
+      typesig[i] = true
+    } else {
+      typesig[i] = false
+    }
+  }
+  return compileSurfaceProcedure(
+    args.vertex,
+    args.cell,
+    args.phase,
+    scalars,
+    order,
+    typesig)
+}
+},{"typedarray-pool":541}],457:[function(require,module,exports){
+"use strict"
+
+
+
+var fill = require('cwise/lib/wrapper')({"args":["index","array","scalar"],"pre":{"body":"{}","args":[],"thisVars":[],"localVars":[]},"body":{"body":"{_inline_4_arg1_=_inline_4_arg2_.apply(void 0,_inline_4_arg0_)}","args":[{"name":"_inline_4_arg0_","lvalue":false,"rvalue":true,"count":1},{"name":"_inline_4_arg1_","lvalue":true,"rvalue":false,"count":1},{"name":"_inline_4_arg2_","lvalue":false,"rvalue":true,"count":1}],"thisVars":[],"localVars":[]},"post":{"body":"{}","args":[],"thisVars" [...]
+
+module.exports = function(array, f) {
+  fill(array, f)
+  return array
+}
+
+},{"cwise/lib/wrapper":113}],458:[function(require,module,exports){
+'use strict'
+
+module.exports      = gradient
+
+var dup             = require('dup')
+var cwiseCompiler   = require('cwise-compiler')
+
+var TEMPLATE_CACHE  = {}
+var GRADIENT_CACHE  = {}
+
+var EmptyProc = {
+  body: "",
+  args: [],
+  thisVars: [],
+  localVars: []
+}
+
+var centralDiff = cwiseCompiler({
+  args: [ 'array', 'array', 'array' ],
+  pre: EmptyProc,
+  post: EmptyProc,
+  body: {
+    args: [ {
+      name: 'out', 
+      lvalue: true,
+      rvalue: false,
+      count: 1
+    }, {
+      name: 'left', 
+      lvalue: false,
+      rvalue: true,
+      count: 1
+    }, {
+      name: 'right', 
+      lvalue: false,
+      rvalue: true,
+      count: 1
+    }],
+    body: "out=0.5*(left-right)",
+    thisVars: [],
+    localVars: []
+  },
+  funcName: 'cdiff'
+})
+
+var zeroOut = cwiseCompiler({
+  args: [ 'array' ],
+  pre: EmptyProc,
+  post: EmptyProc,
+  body: {
+    args: [ {
+      name: 'out', 
+      lvalue: true,
+      rvalue: false,
+      count: 1
+    }],
+    body: "out=0",
+    thisVars: [],
+    localVars: []
+  },
+  funcName: 'zero'
+})
+
+function generateTemplate(d) {
+  if(d in TEMPLATE_CACHE) {
+    return TEMPLATE_CACHE[d]
+  }
+  var code = []
+  for(var i=0; i<d; ++i) {
+    code.push('out', i, 's=0.5*(inp', i, 'l-inp', i, 'r);')
+  }
+  var args = [ 'array' ]
+  var names = ['junk']
+  for(var i=0; i<d; ++i) {
+    args.push('array')
+    names.push('out' + i + 's')
+    var o = dup(d)
+    o[i] = -1
+    args.push({
+      array: 0,
+      offset: o.slice()
+    })
+    o[i] = 1
+    args.push({
+      array: 0,
+      offset: o.slice()
+    })
+    names.push('inp' + i + 'l', 'inp' + i + 'r')
+  }
+  return TEMPLATE_CACHE[d] = cwiseCompiler({
+    args: args,
+    pre:  EmptyProc,
+    post: EmptyProc,
+    body: {
+      body: code.join(''),
+      args: names.map(function(n) {
+        return {
+          name: n,
+          lvalue: n.indexOf('out') === 0,
+          rvalue: n.indexOf('inp') === 0,
+          count: (n!=='junk')|0
+        }
+      }),
+      thisVars: [],
+      localVars: []
+    },
+    funcName: 'fdTemplate' + d
+  })
+}
+
+function generateGradient(boundaryConditions) {
+  var token = boundaryConditions.join()
+  var proc = GRADIENT_CACHE[token]
+  if(proc) {
+    return proc
+  }
+
+  var d = boundaryConditions.length
+  var code = ['function gradient(dst,src){var s=src.shape.slice();' ]
+  
+  function handleBoundary(facet) {
+    var cod = d - facet.length
+
+    var loStr = []
+    var hiStr = []
+    var pickStr = []
+    for(var i=0; i<d; ++i) {
+      if(facet.indexOf(i+1) >= 0) {
+        pickStr.push('0')
+      } else if(facet.indexOf(-(i+1)) >= 0) {
+        pickStr.push('s['+i+']-1')
+      } else {
+        pickStr.push('-1')
+        loStr.push('1')
+        hiStr.push('s['+i+']-2')
+      }
+    }
+    var boundStr = '.lo(' + loStr.join() + ').hi(' + hiStr.join() + ')'
+    if(loStr.length === 0) {
+      boundStr = ''
+    }
+        
+    if(cod > 0) {
+      code.push('if(1') 
+      for(var i=0; i<d; ++i) {
+        if(facet.indexOf(i+1) >= 0 || facet.indexOf(-(i+1)) >= 0) {
+          continue
+        }
+        code.push('&&s[', i, ']>2')
+      }
+      code.push('){grad', cod, '(src.pick(', pickStr.join(), ')', boundStr)
+      for(var i=0; i<d; ++i) {
+        if(facet.indexOf(i+1) >= 0 || facet.indexOf(-(i+1)) >= 0) {
+          continue
+        }
+        code.push(',dst.pick(', pickStr.join(), ',', i, ')', boundStr)
+      }
+      code.push(');')
+    }
+
+    for(var i=0; i<facet.length; ++i) {
+      var bnd = Math.abs(facet[i])-1
+      var outStr = 'dst.pick(' + pickStr.join() + ',' + bnd + ')' + boundStr
+      switch(boundaryConditions[bnd]) {
+
+        case 'clamp':
+          var cPickStr = pickStr.slice()
+          var dPickStr = pickStr.slice()
+          if(facet[i] < 0) {
+            cPickStr[bnd] = 's[' + bnd + ']-2'
+          } else {
+            dPickStr[bnd] = '1'
+          }
+          if(cod === 0) {
+            code.push('if(s[', bnd, ']>1){dst.set(',
+              pickStr.join(), ',', bnd, ',0.5*(src.get(',
+                cPickStr.join(), ')-src.get(',
+                dPickStr.join(), ')))}else{dst.set(',
+              pickStr.join(), ',', bnd, ',0)};')
+          } else {
+            code.push('if(s[', bnd, ']>1){diff(', outStr, 
+                ',src.pick(', cPickStr.join(), ')', boundStr, 
+                ',src.pick(', dPickStr.join(), ')', boundStr, 
+                ');}else{zero(', outStr, ');};')
+          }
+        break
+
+        case 'mirror':
+          if(cod === 0) {
+            code.push('dst.set(', pickStr.join(), ',', bnd, ',0);')
+          } else {
+            code.push('zero(', outStr, ');')
+          }
+        break
+
+        case 'wrap':
+          var aPickStr = pickStr.slice()
+          var bPickStr = pickStr.slice()
+          if(facet[i] < 0) {
+            aPickStr[bnd] = 's[' + bnd + ']-2'
+            bPickStr[bnd] = '0'
+            
+          } else {
+            aPickStr[bnd] = 's[' + bnd + ']-1'
+            bPickStr[bnd] = '1'
+          }
+          if(cod === 0) {
+            code.push('if(s[', bnd, ']>2){dst.set(',
+              pickStr.join(), ',', bnd, ',0.5*(src.get(',
+                aPickStr.join(), ')-src.get(',
+                bPickStr.join(), ')))}else{dst.set(',
+              pickStr.join(), ',', bnd, ',0)};')
+          } else {
+            code.push('if(s[', bnd, ']>2){diff(', outStr, 
+                ',src.pick(', aPickStr.join(), ')', boundStr, 
+                ',src.pick(', bPickStr.join(), ')', boundStr, 
+                ');}else{zero(', outStr, ');};')
+          }
+        break
+
+        default:
+          throw new Error('ndarray-gradient: Invalid boundary condition')
+      }
+    }
+
+    if(cod > 0) {
+      code.push('};')
+    }
+  }
+
+  //Enumerate ridges, facets, etc. of hypercube
+  for(var i=0; i<(1<<d); ++i) {
+    var faces = []
+    for(var j=0; j<d; ++j) {
+      if(i & (1<<j)) {
+        faces.push(j+1)
+      }
+    }
+    for(var k=0; k<(1<<faces.length); ++k) {
+      var sfaces = faces.slice()
+      for(var j=0; j<faces.length; ++j) {
+        if(k & (1<<j)) {
+          sfaces[j] = -sfaces[j]
+        }
+      }
+      handleBoundary(sfaces)
+    }
+  }
+
+  code.push('return dst;};return gradient')
+
+  //Compile and link routine, save cached procedure
+  var linkNames = [ 'diff', 'zero' ]
+  var linkArgs  = [ centralDiff, zeroOut ]
+  for(var i=1; i<=d; ++i) {
+    linkNames.push('grad' + i)
+    linkArgs.push(generateTemplate(i))
+  }
+  linkNames.push(code.join(''))
+
+  var link = Function.apply(void 0, linkNames)
+  var proc = link.apply(void 0, linkArgs)
+  TEMPLATE_CACHE[token] = proc
+  return proc
+}
+
+function gradient(out, inp, bc) {
+  if(Array.isArray(bc)) {
+    if(bc.length !== inp.dimension) {
+      throw new Error('ndarray-gradient: invalid boundary conditions')
+    }
+  } else if(typeof bc === 'string') {
+    bc = dup(inp.dimension, bc)
+  } else {
+    bc = dup(inp.dimension, 'clamp')
+  }
+  if(out.dimension !== inp.dimension + 1) {
+    throw new Error('ndarray-gradient: output dimension must be +1 input dimension')
+  }
+  if(out.shape[inp.dimension] !== inp.dimension) {
+    throw new Error('ndarray-gradient: output shape must match input shape')
+  }
+  for(var i=0; i<inp.dimension; ++i) {
+    if(out.shape[i] !== inp.shape[i]) {
+      throw new Error('ndarray-gradient: shape mismatch')
+    }
+  }
+  if(inp.size === 0) {
+    return out
+  }
+  if(inp.dimension <= 0) {
+    out.set(0)
+    return out
+  }
+  var cached = generateGradient(bc)
+  return cached(out, inp)
+}
+},{"cwise-compiler":110,"dup":125}],459:[function(require,module,exports){
+'use strict'
+
+var warp = require('ndarray-warp')
+var invert = require('gl-matrix-invert')
+
+module.exports = applyHomography
+
+function applyHomography(dest, src, Xi) {
+  var n = src.dimension
+  var X = invert([], Xi)
+  warp(dest, src, function(out_c, inp_c) {
+    for(var i=0; i<n; ++i) {
+      out_c[i] = X[(n+1)*n + i]
+      for(var j=0; j<n; ++j) {
+        out_c[i] += X[(n+1)*j+i] * inp_c[j]
+      }
+    }
+    var w = X[(n+1)*(n+1)-1]
+    for(var j=0; j<n; ++j) {
+      w += X[(n+1)*j+n] * inp_c[j]
+    }
+    var wr = 1.0 / w
+    for(var i=0; i<n; ++i) {
+      out_c[i] *= wr
+    }
+    return out_c
+  })
+  return dest
+}
+},{"gl-matrix-invert":192,"ndarray-warp":466}],460:[function(require,module,exports){
+"use strict"
+
+function interp1d(arr, x) {
+  var ix = Math.floor(x)
+    , fx = x - ix
+    , s0 = 0 <= ix   && ix   < arr.shape[0]
+    , s1 = 0 <= ix+1 && ix+1 < arr.shape[0]
+    , w0 = s0 ? +arr.get(ix)   : 0.0
+    , w1 = s1 ? +arr.get(ix+1) : 0.0
+  return (1.0-fx)*w0 + fx*w1
+}
+
+function interp2d(arr, x, y) {
+  var ix = Math.floor(x)
+    , fx = x - ix
+    , s0 = 0 <= ix   && ix   < arr.shape[0]
+    , s1 = 0 <= ix+1 && ix+1 < arr.shape[0]
+    , iy = Math.floor(y)
+    , fy = y - iy
+    , t0 = 0 <= iy   && iy   < arr.shape[1]
+    , t1 = 0 <= iy+1 && iy+1 < arr.shape[1]
+    , w00 = s0&&t0 ? arr.get(ix  ,iy  ) : 0.0
+    , w01 = s0&&t1 ? arr.get(ix  ,iy+1) : 0.0
+    , w10 = s1&&t0 ? arr.get(ix+1,iy  ) : 0.0
+    , w11 = s1&&t1 ? arr.get(ix+1,iy+1) : 0.0
+  return (1.0-fy) * ((1.0-fx)*w00 + fx*w10) + fy * ((1.0-fx)*w01 + fx*w11)
+}
+
+function interp3d(arr, x, y, z) {
+  var ix = Math.floor(x)
+    , fx = x - ix
+    , s0 = 0 <= ix   && ix   < arr.shape[0]
+    , s1 = 0 <= ix+1 && ix+1 < arr.shape[0]
+    , iy = Math.floor(y)
+    , fy = y - iy
+    , t0 = 0 <= iy   && iy   < arr.shape[1]
+    , t1 = 0 <= iy+1 && iy+1 < arr.shape[1]
+    , iz = Math.floor(z)
+    , fz = z - iz
+    , u0 = 0 <= iz   && iz   < arr.shape[2]
+    , u1 = 0 <= iz+1 && iz+1 < arr.shape[2]
+    , w000 = s0&&t0&&u0 ? arr.get(ix,iy,iz)       : 0.0
+    , w010 = s0&&t1&&u0 ? arr.get(ix,iy+1,iz)     : 0.0
+    , w100 = s1&&t0&&u0 ? arr.get(ix+1,iy,iz)     : 0.0
+    , w110 = s1&&t1&&u0 ? arr.get(ix+1,iy+1,iz)   : 0.0
+    , w001 = s0&&t0&&u1 ? arr.get(ix,iy,iz+1)     : 0.0
+    , w011 = s0&&t1&&u1 ? arr.get(ix,iy+1,iz+1)   : 0.0
+    , w101 = s1&&t0&&u1 ? arr.get(ix+1,iy,iz+1)   : 0.0
+    , w111 = s1&&t1&&u1 ? arr.get(ix+1,iy+1,iz+1) : 0.0
+  return (1.0-fz) * ((1.0-fy) * ((1.0-fx)*w000 + fx*w100) + fy * ((1.0-fx)*w010 + fx*w110)) + fz * ((1.0-fy) * ((1.0-fx)*w001 + fx*w101) + fy * ((1.0-fx)*w011 + fx*w111))
+}
+
+function interpNd(arr) {
+  var d = arr.shape.length|0
+    , ix = new Array(d)
+    , fx = new Array(d)
+    , s0 = new Array(d)
+    , s1 = new Array(d)
+    , i, t
+  for(i=0; i<d; ++i) {
+    t = +arguments[i+1]
+    ix[i] = Math.floor(t)
+    fx[i] = t - ix[i]
+    s0[i] = (0 <= ix[i]   && ix[i]   < arr.shape[i])
+    s1[i] = (0 <= ix[i]+1 && ix[i]+1 < arr.shape[i])
+  }
+  var r = 0.0, j, w, idx
+i_loop:
+  for(i=0; i<(1<<d); ++i) {
+    w = 1.0
+    idx = arr.offset
+    for(j=0; j<d; ++j) {
+      if(i & (1<<j)) {
+        if(!s1[j]) {
+          continue i_loop
+        }
+        w *= fx[j]
+        idx += arr.stride[j] * (ix[j] + 1)
+      } else {
+        if(!s0[j]) {
+          continue i_loop
+        }
+        w *= 1.0 - fx[j]
+        idx += arr.stride[j] * ix[j]
+      }
+    }
+    r += w * arr.data[idx]
+  }
+  return r
+}
+
+function interpolate(arr, x, y, z) {
+  switch(arr.shape.length) {
+    case 0:
+      return 0.0
+    case 1:
+      return interp1d(arr, x)
+    case 2:
+      return interp2d(arr, x, y)
+    case 3:
+      return interp3d(arr, x, y, z)
+    default:
+      return interpNd.apply(undefined, arguments)
+  }
+}
+module.exports = interpolate
+module.exports.d1 = interp1d
+module.exports.d2 = interp2d
+module.exports.d3 = interp3d
+
+},{}],461:[function(require,module,exports){
+"use strict"
+
+var compile = require("cwise-compiler")
+
+var EmptyProc = {
+  body: "",
+  args: [],
+  thisVars: [],
+  localVars: []
+}
+
+function fixup(x) {
+  if(!x) {
+    return EmptyProc
+  }
+  for(var i=0; i<x.args.length; ++i) {
+    var a = x.args[i]
+    if(i === 0) {
+      x.args[i] = {name: a, lvalue:true, rvalue: !!x.rvalue, count:x.count||1 }
+    } else {
+      x.args[i] = {name: a, lvalue:false, rvalue:true, count: 1}
+    }
+  }
+  if(!x.thisVars) {
+    x.thisVars = []
+  }
+  if(!x.localVars) {
+    x.localVars = []
+  }
+  return x
+}
+
+function pcompile(user_args) {
+  return compile({
+    args:     user_args.args,
+    pre:      fixup(user_args.pre),
+    body:     fixup(user_args.body),
+    post:     fixup(user_args.proc),
+    funcName: user_args.funcName
+  })
+}
+
+function makeOp(user_args) {
+  var args = []
+  for(var i=0; i<user_args.args.length; ++i) {
+    args.push("a"+i)
+  }
+  var wrapper = new Function("P", [
+    "return function ", user_args.funcName, "_ndarrayops(", args.join(","), ") {P(", args.join(","), ");return a0}"
+  ].join(""))
+  return wrapper(pcompile(user_args))
+}
+
+var assign_ops = {
+  add:  "+",
+  sub:  "-",
+  mul:  "*",
+  div:  "/",
+  mod:  "%",
+  band: "&",
+  bor:  "|",
+  bxor: "^",
+  lshift: "<<",
+  rshift: ">>",
+  rrshift: ">>>"
+}
+;(function(){
+  for(var id in assign_ops) {
+    var op = assign_ops[id]
+    exports[id] = makeOp({
+      args: ["array","array","array"],
+      body: {args:["a","b","c"],
+             body: "a=b"+op+"c"},
+      funcName: id
+    })
+    exports[id+"eq"] = makeOp({
+      args: ["array","array"],
+      body: {args:["a","b"],
+             body:"a"+op+"=b"},
+      rvalue: true,
+      funcName: id+"eq"
+    })
+    exports[id+"s"] = makeOp({
+      args: ["array", "array", "scalar"],
+      body: {args:["a","b","s"],
+             body:"a=b"+op+"s"},
+      funcName: id+"s"
+    })
+    exports[id+"seq"] = makeOp({
+      args: ["array","scalar"],
+      body: {args:["a","s"],
+             body:"a"+op+"=s"},
+      rvalue: true,
+      funcName: id+"seq"
+    })
+  }
+})();
+
+var unary_ops = {
+  not: "!",
+  bnot: "~",
+  neg: "-",
+  recip: "1.0/"
+}
+;(function(){
+  for(var id in unary_ops) {
+    var op = unary_ops[id]
+    exports[id] = makeOp({
+      args: ["array", "array"],
+      body: {args:["a","b"],
+             body:"a="+op+"b"},
+      funcName: id
+    })
+    exports[id+"eq"] = makeOp({
+      args: ["array"],
+      body: {args:["a"],
+             body:"a="+op+"a"},
+      rvalue: true,
+      count: 2,
+      funcName: id+"eq"
+    })
+  }
+})();
+
+var binary_ops = {
+  and: "&&",
+  or: "||",
+  eq: "===",
+  neq: "!==",
+  lt: "<",
+  gt: ">",
+  leq: "<=",
+  geq: ">="
+}
+;(function() {
+  for(var id in binary_ops) {
+    var op = binary_ops[id]
+    exports[id] = makeOp({
+      args: ["array","array","array"],
+      body: {args:["a", "b", "c"],
+             body:"a=b"+op+"c"},
+      funcName: id
+    })
+    exports[id+"s"] = makeOp({
+      args: ["array","array","scalar"],
+      body: {args:["a", "b", "s"],
+             body:"a=b"+op+"s"},
+      funcName: id+"s"
+    })
+    exports[id+"eq"] = makeOp({
+      args: ["array", "array"],
+      body: {args:["a", "b"],
+             body:"a=a"+op+"b"},
+      rvalue:true,
+      count:2,
+      funcName: id+"eq"
+    })
+    exports[id+"seq"] = makeOp({
+      args: ["array", "scalar"],
+      body: {args:["a","s"],
+             body:"a=a"+op+"s"},
+      rvalue:true,
+      count:2,
+      funcName: id+"seq"
+    })
+  }
+})();
+
+var math_unary = [
+  "abs",
+  "acos",
+  "asin",
+  "atan",
+  "ceil",
+  "cos",
+  "exp",
+  "floor",
+  "log",
+  "round",
+  "sin",
+  "sqrt",
+  "tan"
+]
+;(function() {
+  for(var i=0; i<math_unary.length; ++i) {
+    var f = math_unary[i]
+    exports[f] = makeOp({
+                    args: ["array", "array"],
+                    pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                    body: {args:["a","b"], body:"a=this_f(b)", thisVars:["this_f"]},
+                    funcName: f
+                  })
+    exports[f+"eq"] = makeOp({
+                      args: ["array"],
+                      pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                      body: {args: ["a"], body:"a=this_f(a)", thisVars:["this_f"]},
+                      rvalue: true,
+                      count: 2,
+                      funcName: f+"eq"
+                    })
+  }
+})();
+
+var math_comm = [
+  "max",
+  "min",
+  "atan2",
+  "pow"
+]
+;(function(){
+  for(var i=0; i<math_comm.length; ++i) {
+    var f= math_comm[i]
+    exports[f] = makeOp({
+                  args:["array", "array", "array"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b","c"], body:"a=this_f(b,c)", thisVars:["this_f"]},
+                  funcName: f
+                })
+    exports[f+"s"] = makeOp({
+                  args:["array", "array", "scalar"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b","c"], body:"a=this_f(b,c)", thisVars:["this_f"]},
+                  funcName: f+"s"
+                  })
+    exports[f+"eq"] = makeOp({ args:["array", "array"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b"], body:"a=this_f(a,b)", thisVars:["this_f"]},
+                  rvalue: true,
+                  count: 2,
+                  funcName: f+"eq"
+                  })
+    exports[f+"seq"] = makeOp({ args:["array", "scalar"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b"], body:"a=this_f(a,b)", thisVars:["this_f"]},
+                  rvalue:true,
+                  count:2,
+                  funcName: f+"seq"
+                  })
+  }
+})();
+
+var math_noncomm = [
+  "atan2",
+  "pow"
+]
+;(function(){
+  for(var i=0; i<math_noncomm.length; ++i) {
+    var f= math_noncomm[i]
+    exports[f+"op"] = makeOp({
+                  args:["array", "array", "array"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b","c"], body:"a=this_f(c,b)", thisVars:["this_f"]},
+                  funcName: f+"op"
+                })
+    exports[f+"ops"] = makeOp({
+                  args:["array", "array", "scalar"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b","c"], body:"a=this_f(c,b)", thisVars:["this_f"]},
+                  funcName: f+"ops"
+                  })
+    exports[f+"opeq"] = makeOp({ args:["array", "array"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b"], body:"a=this_f(b,a)", thisVars:["this_f"]},
+                  rvalue: true,
+                  count: 2,
+                  funcName: f+"opeq"
+                  })
+    exports[f+"opseq"] = makeOp({ args:["array", "scalar"],
+                  pre: {args:[], body:"this_f=Math."+f, thisVars:["this_f"]},
+                  body: {args:["a","b"], body:"a=this_f(b,a)", thisVars:["this_f"]},
+                  rvalue:true,
+                  count:2,
+                  funcName: f+"opseq"
+                  })
+  }
+})();
+
+exports.any = compile({
+  args:["array"],
+  pre: EmptyProc,
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:1}], body: "if(a){return true}", localVars: [], thisVars: []},
+  post: {args:[], localVars:[], thisVars:[], body:"return false"},
+  funcName: "any"
+})
+
+exports.all = compile({
+  args:["array"],
+  pre: EmptyProc,
+  body: {args:[{name:"x", lvalue:false, rvalue:true, count:1}], body: "if(!x){return false}", localVars: [], thisVars: []},
+  post: {args:[], localVars:[], thisVars:[], body:"return true"},
+  funcName: "all"
+})
+
+exports.sum = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=0"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:1}], body: "this_s+=a", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return this_s"},
+  funcName: "sum"
+})
+
+exports.prod = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=1"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:1}], body: "this_s*=a", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return this_s"},
+  funcName: "prod"
+})
+
+exports.norm2squared = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=0"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:2}], body: "this_s+=a*a", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return this_s"},
+  funcName: "norm2squared"
+})
+  
+exports.norm2 = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=0"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:2}], body: "this_s+=a*a", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return Math.sqrt(this_s)"},
+  funcName: "norm2"
+})
+  
+
+exports.norminf = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=0"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:4}], body:"if(-a>this_s){this_s=-a}else if(a>this_s){this_s=a}", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return this_s"},
+  funcName: "norminf"
+})
+
+exports.norm1 = compile({
+  args:["array"],
+  pre: {args:[], localVars:[], thisVars:["this_s"], body:"this_s=0"},
+  body: {args:[{name:"a", lvalue:false, rvalue:true, count:3}], body: "this_s+=a<0?-a:a", localVars: [], thisVars: ["this_s"]},
+  post: {args:[], localVars:[], thisVars:["this_s"], body:"return this_s"},
+  funcName: "norm1"
+})
+
+exports.sup = compile({
+  args: [ "array" ],
+  pre:
+   { body: "this_h=-Infinity",
+     args: [],
+     thisVars: [ "this_h" ],
+     localVars: [] },
+  body:
+   { body: "if(_inline_1_arg0_>this_h)this_h=_inline_1_arg0_",
+     args: [{"name":"_inline_1_arg0_","lvalue":false,"rvalue":true,"count":2} ],
+     thisVars: [ "this_h" ],
+     localVars: [] },
+  post:
+   { body: "return this_h",
+     args: [],
+     thisVars: [ "this_h" ],
+     localVars: [] }
+ })
+
+exports.inf = compile({
+  args: [ "array" ],
+  pre:
+   { body: "this_h=Infinity",
+     args: [],
+     thisVars: [ "this_h" ],
+     localVars: [] },
+  body:
+   { body: "if(_inline_1_arg0_<this_h)this_h=_inline_1_arg0_",
+     args: [{"name":"_inline_1_arg0_","lvalue":false,"rvalue":true,"count":2} ],
+     thisVars: [ "this_h" ],
+     localVars: [] },
+  post:
+   { body: "return this_h",
+     args: [],
+     thisVars: [ "this_h" ],
+     localVars: [] }
+ })
+
+exports.argmin = compile({
+  args:["index","array","shape"],
+  pre:{
+    body:"{this_v=Infinity;this_i=_inline_0_arg2_.slice(0)}",
+    args:[
+      {name:"_inline_0_arg0_",lvalue:false,rvalue:false,count:0},
+      {name:"_inline_0_arg1_",lvalue:false,rvalue:false,count:0},
+      {name:"_inline_0_arg2_",lvalue:false,rvalue:true,count:1}
+      ],
+    thisVars:["this_i","this_v"],
+    localVars:[]},
+  body:{
+    body:"{if(_inline_1_arg1_<this_v){this_v=_inline_1_arg1_;for(var _inline_1_k=0;_inline_1_k<_inline_1_arg0_.length;++_inline_1_k){this_i[_inline_1_k]=_inline_1_arg0_[_inline_1_k]}}}",
+    args:[
+      {name:"_inline_1_arg0_",lvalue:false,rvalue:true,count:2},
+      {name:"_inline_1_arg1_",lvalue:false,rvalue:true,count:2}],
+    thisVars:["this_i","this_v"],
+    localVars:["_inline_1_k"]},
+  post:{
+    body:"{return this_i}",
+    args:[],
+    thisVars:["this_i"],
+    localVars:[]}
+})
+
+exports.argmax = compile({
+  args:["index","array","shape"],
+  pre:{
+    body:"{this_v=-Infinity;this_i=_inline_0_arg2_.slice(0)}",
+    args:[
+      {name:"_inline_0_arg0_",lvalue:false,rvalue:false,count:0},
+      {name:"_inline_0_arg1_",lvalue:false,rvalue:false,count:0},
+      {name:"_inline_0_arg2_",lvalue:false,rvalue:true,count:1}
+      ],
+    thisVars:["this_i","this_v"],
+    localVars:[]},
+  body:{
+    body:"{if(_inline_1_arg1_>this_v){this_v=_inline_1_arg1_;for(var _inline_1_k=0;_inline_1_k<_inline_1_arg0_.length;++_inline_1_k){this_i[_inline_1_k]=_inline_1_arg0_[_inline_1_k]}}}",
+    args:[
+      {name:"_inline_1_arg0_",lvalue:false,rvalue:true,count:2},
+      {name:"_inline_1_arg1_",lvalue:false,rvalue:true,count:2}],
+    thisVars:["this_i","this_v"],
+    localVars:["_inline_1_k"]},
+  post:{
+    body:"{return this_i}",
+    args:[],
+    thisVars:["this_i"],
+    localVars:[]}
+})  
+
+exports.random = makeOp({
+  args: ["array"],
+  pre: {args:[], body:"this_f=Math.random", thisVars:["this_f"]},
+  body: {args: ["a"], body:"a=this_f()", thisVars:["this_f"]},
+  funcName: "random"
+})
+
+exports.assign = makeOp({
+  args:["array", "array"],
+  body: {args:["a", "b"], body:"a=b"},
+  funcName: "assign" })
+
+exports.assigns = makeOp({
+  args:["array", "scalar"],
+  body: {args:["a", "b"], body:"a=b"},
+  funcName: "assigns" })
+
+
+exports.equals = compile({
+  args:["array", "array"],
+  pre: EmptyProc,
+  body: {args:[{name:"x", lvalue:false, rvalue:true, count:1},
+               {name:"y", lvalue:false, rvalue:true, count:1}], 
+        body: "if(x!==y){return false}", 
+        localVars: [], 
+        thisVars: []},
+  post: {args:[], localVars:[], thisVars:[], body:"return true"},
+  funcName: "equals"
+})
+
+
+
+},{"cwise-compiler":110}],462:[function(require,module,exports){
+"use strict"
+
+var ndarray = require("ndarray")
+var do_convert = require("./doConvert.js")
+
+module.exports = function convert(arr, result) {
+  var shape = [], c = arr, sz = 1
+  while(Array.isArray(c)) {
+    shape.push(c.length)
+    sz *= c.length
+    c = c[0]
+  }
+  if(shape.length === 0) {
+    return ndarray()
+  }
+  if(!result) {
+    result = ndarray(new Float64Array(sz), shape)
+  }
+  do_convert(result, arr)
+  return result
+}
+
+},{"./doConvert.js":463,"ndarray":467}],463:[function(require,module,exports){
+module.exports=require('cwise-compiler')({"args":["array","scalar","index"],"pre":{"body":"{}","args":[],"thisVars":[],"localVars":[]},"body":{"body":"{\nvar _inline_1_v=_inline_1_arg1_,_inline_1_i\nfor(_inline_1_i=0;_inline_1_i<_inline_1_arg2_.length-1;++_inline_1_i) {\n_inline_1_v=_inline_1_v[_inline_1_arg2_[_inline_1_i]]\n}\n_inline_1_arg0_=_inline_1_v[_inline_1_arg2_[_inline_1_arg2_.length-1]]\n}","args":[{"name":"_inline_1_arg0_","lvalue":true,"rvalue":false,"count":1},{"name":"_inl [...]
+
+},{"cwise-compiler":110}],464:[function(require,module,exports){
+"use strict"
+
+var pool = require("typedarray-pool")
+
+var INSERTION_SORT_THRESHOLD = 32
+
+function getMallocFree(dtype) {
+  switch(dtype) {
+    case "uint8":
+      return [pool.mallocUint8, pool.freeUint8]
+    case "uint16":
+      return [pool.mallocUint16, pool.freeUint16]
+    case "uint32":
+      return [pool.mallocUint32, pool.freeUint32]
+    case "int8":
+      return [pool.mallocInt8, pool.freeInt8]
+    case "int16":
+      return [pool.mallocInt16, pool.freeInt16]
+    case "int32":
+      return [pool.mallocInt32, pool.freeInt32]
+    case "float32":
+      return [pool.mallocFloat, pool.freeFloat]
+    case "float64":
+      return [pool.mallocDouble, pool.freeDouble]
+    default:
+      return null
+  }
+}
+
+function shapeArgs(dimension) {
+  var args = []
+  for(var i=0; i<dimension; ++i) {
+    args.push("s"+i)
+  }
+  for(var i=0; i<dimension; ++i) {
+    args.push("n"+i)
+  }
+  for(var i=1; i<dimension; ++i) {
+    args.push("d"+i)
+  }
+  for(var i=1; i<dimension; ++i) {
+    args.push("e"+i)
+  }
+  for(var i=1; i<dimension; ++i) {
+    args.push("f"+i)
+  }
+  return args
+}
+
+function createInsertionSort(order, dtype) {
+
+  var code = ["'use strict'"]
+  var funcName = ["ndarrayInsertionSort", order.join("d"), dtype].join("")
+  var funcArgs = ["left", "right", "data", "offset" ].concat(shapeArgs(order.length))
+  var allocator = getMallocFree(dtype)
+  
+  var vars = [ "i,j,cptr,ptr=left*s0+offset" ]
+  
+  if(order.length > 1) {
+    var scratch_shape = []
+    for(var i=1; i<order.length; ++i) {
+      vars.push("i"+i)
+      scratch_shape.push("n"+i)
+    }
+    if(allocator) {
+      vars.push("scratch=malloc(" + scratch_shape.join("*") + ")")
+    } else {
+      vars.push("scratch=new Array("+scratch_shape.join("*") + ")")
+    }
+    vars.push("dptr","sptr","a","b")
+  } else {
+    vars.push("scratch")
+  }
+  
+  function dataRead(ptr) {
+    if(dtype === "generic") {
+      return ["data.get(", ptr, ")"].join("")
+    }
+    return ["data[",ptr,"]"].join("")
+  }
+  
+  function dataWrite(ptr, v) {
+    if(dtype === "generic") {
+      return ["data.set(", ptr, ",", v, ")"].join("")
+    }
+    return ["data[",ptr,"]=",v].join("")
+  }
+  
+  //Create function header
+  code.push(
+    ["function ", funcName, "(", funcArgs.join(","), "){var ", vars.join(",")].join(""),
+      "for(i=left+1;i<=right;++i){",
+        "j=i;ptr+=s0",
+        "cptr=ptr")
+  
+  
+  if(order.length > 1) {
+  
+    //Copy data into scratch
+    code.push("dptr=0;sptr=ptr")
+    for(var i=order.length-1; i>=0; --i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push(["for(i",j,"=0;i",j,"<n",j,";++i",j,"){"].join(""))
+    }
+    code.push("scratch[dptr++]=",dataRead("sptr"))
+    for(var i=0; i<order.length; ++i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push("sptr+=d"+j,"}")
+    }
+
+    
+    //Compare items in outer loop
+    code.push("__g:while(j-->left){",
+              "dptr=0",
+              "sptr=cptr-s0")
+    for(var i=1; i<order.length; ++i) {
+      if(i === 1) {
+        code.push("__l:")
+      }
+      code.push(["for(i",i,"=0;i",i,"<n",i,";++i",i,"){"].join(""))
+    }
+    code.push(["a=", dataRead("sptr"),"\nb=scratch[dptr]\nif(a<b){break __g}\nif(a>b){break __l}"].join(""))
+    for(var i=order.length-1; i>=1; --i) {
+      code.push(
+        "sptr+=e"+i,
+        "dptr+=f"+i,
+        "}")
+    }
+    
+    //Copy data back
+    code.push("dptr=cptr;sptr=cptr-s0")
+    for(var i=order.length-1; i>=0; --i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push(["for(i",j,"=0;i",j,"<n",j,";++i",j,"){"].join(""))
+    }
+    code.push(dataWrite("dptr", dataRead("sptr")))
+    for(var i=0; i<order.length; ++i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push(["dptr+=d",j,";sptr+=d",j].join(""),"}")
+    }
+    
+    //Close while loop
+    code.push("cptr-=s0\n}")
+
+    //Copy scratch into cptr
+    code.push("dptr=cptr;sptr=0")
+    for(var i=order.length-1; i>=0; --i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push(["for(i",j,"=0;i",j,"<n",j,";++i",j,"){"].join(""))
+    }
+    code.push(dataWrite("dptr", "scratch[sptr++]"))
+    for(var i=0; i<order.length; ++i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push("dptr+=d"+j,"}")
+    }
+  } else {
+    code.push("scratch=" + dataRead("ptr"),
+              "while((j-->left)&&("+dataRead("cptr-s0")+">scratch)){",
+                dataWrite("cptr", dataRead("cptr-s0")),
+                "cptr-=s0",
+              "}",
+              dataWrite("cptr", "scratch"))
+  }
+  
+  //Close outer loop body
+  code.push("}")
+  if(order.length > 1 && allocator) {
+    code.push("free(scratch)")
+  }
+  code.push("} return " + funcName)
+  
+  //Compile and link function
+  if(allocator) {
+    var result = new Function("malloc", "free", code.join("\n"))
+    return result(allocator[0], allocator[1])
+  } else {
+    var result = new Function(code.join("\n"))
+    return result()
+  }
+}
+
+function createQuickSort(order, dtype, insertionSort) {
+  var code = [ "'use strict'" ]
+  var funcName = ["ndarrayQuickSort", order.join("d"), dtype].join("")
+  var funcArgs = ["left", "right", "data", "offset" ].concat(shapeArgs(order.length))
+  var allocator = getMallocFree(dtype)
+  var labelCounter=0
+  
+  code.push(["function ", funcName, "(", funcArgs.join(","), "){"].join(""))
+  
+  var vars = [
+    "sixth=((right-left+1)/6)|0",
+    "index1=left+sixth",
+    "index5=right-sixth",
+    "index3=(left+right)>>1",
+    "index2=index3-sixth",
+    "index4=index3+sixth",
+    "el1=index1",
+    "el2=index2",
+    "el3=index3",
+    "el4=index4",
+    "el5=index5",
+    "less=left+1",
+    "great=right-1",
+    "pivots_are_equal=true",
+    "tmp",
+    "tmp0",
+    "x",
+    "y",
+    "z",
+    "k",
+    "ptr0",
+    "ptr1",
+    "ptr2",
+    "comp_pivot1=0",
+    "comp_pivot2=0",
+    "comp=0"
+  ]
+  
+  if(order.length > 1) {
+    var ele_size = []
+    for(var i=1; i<order.length; ++i) {
+      ele_size.push("n"+i)
+      vars.push("i"+i)
+    }
+    for(var i=0; i<8; ++i) {
+      vars.push("b_ptr"+i)
+    }
+    vars.push(
+      "ptr3",
+      "ptr4",
+      "ptr5",
+      "ptr6",
+      "ptr7",
+      "pivot_ptr",
+      "ptr_shift",
+      "elementSize="+ele_size.join("*"))
+    if(allocator) {
+      vars.push("pivot1=malloc(elementSize)",
+                "pivot2=malloc(elementSize)")
+    } else {
+      vars.push("pivot1=new Array(elementSize),pivot2=new Array(elementSize)")
+    }
+  } else {
+    vars.push("pivot1", "pivot2")
+  }
+  
+  //Initialize local variables
+  code.push("var " + vars.join(","))
+  
+  function toPointer(v) {
+    return ["(offset+",v,"*s0)"].join("")
+  }
+  
+  function dataRead(ptr) {
+    if(dtype === "generic") {
+      return ["data.get(", ptr, ")"].join("")
+    }
+    return ["data[",ptr,"]"].join("")
+  }
+  
+  function dataWrite(ptr, v) {
+    if(dtype === "generic") {
+      return ["data.set(", ptr, ",", v, ")"].join("")
+    }
+    return ["data[",ptr,"]=",v].join("")
+  }
+  
+  function cacheLoop(ptrs, usePivot, body) {
+    if(ptrs.length === 1) {
+      code.push("ptr0="+toPointer(ptrs[0]))
+    } else {
+      for(var i=0; i<ptrs.length; ++i) {
+        code.push(["b_ptr",i,"=s0*",ptrs[i]].join(""))
+      }
+    }
+    if(usePivot) {
+      code.push("pivot_ptr=0")
+    }
+    code.push("ptr_shift=offset")
+    for(var i=order.length-1; i>=0; --i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      code.push(["for(i",j,"=0;i",j,"<n",j,";++i",j,"){"].join(""))
+    }
+    if(ptrs.length > 1) {
+      for(var i=0; i<ptrs.length; ++i) {
+        code.push(["ptr",i,"=b_ptr",i,"+ptr_shift"].join(""))
+      }
+    }
+    code.push(body)
+    if(usePivot) {
+      code.push("++pivot_ptr")
+    }
+    for(var i=0; i<order.length; ++i) {
+      var j = order[i]
+      if(j === 0) {
+        continue
+      }
+      if(ptrs.length>1) {
+        code.push("ptr_shift+=d"+j)
+      } else {
+        code.push("ptr0+=d"+j)
+      }
+      code.push("}")
+    }
+  }
+  
+  function lexicoLoop(label, ptrs, usePivot, body) {
+    if(ptrs.length === 1) {
+      code.push("ptr0="+toPointer(ptrs[0]))
+    } else {
+      for(var i=0; i<ptrs.length; ++i) {
+        code.push(["b_ptr",i,"=s0*",ptrs[i]].join(""))
+      }
+      code.push("ptr_shift=offset")
+    }
+    if(usePivot) {
+      code.push("pivot_ptr=0")
+    }
+    if(label) {
+      code.push(label+":")
+    }
+    for(var i=1; i<order.length; ++i) {
+      code.push(["for(i",i,"=0;i",i,"<n",i,";++i",i,"){"].join(""))
+    }
+    if(ptrs.length > 1) {
+      for(var i=0; i<ptrs.length; ++i) {
+        code.push(["ptr",i,"=b_ptr",i,"+ptr_shift"].join(""))
+      }
+    }
+    code.push(body)
+    for(var i=order.length-1; i>=1; --i) {
+      if(usePivot) {
+        code.push("pivot_ptr+=f"+i)
+      }
+      if(ptrs.length > 1) {
+        code.push("ptr_shift+=e"+i)
+      } else {
+        code.push("ptr0+=e"+i)
+      }
+      code.push("}")
+    }
+  }
+  
+  function cleanUp() {
+    if(order.length > 1 && allocator) {
+      code.push("free(pivot1)", "free(pivot2)")
+    }
+  }
+  
+  function compareSwap(a_id, b_id) {
+    var a = "el"+a_id
+    var b = "el"+b_id
+    if(order.length > 1) {
+      var lbl = "__l" + (++labelCounter)
+      lexicoLoop(lbl, [a, b], false, [
+        "comp=",dataRead("ptr0"),"-",dataRead("ptr1"),"\n",
+        "if(comp>0){tmp0=", a, ";",a,"=",b,";", b,"=tmp0;break ", lbl,"}\n",
+        "if(comp<0){break ", lbl, "}"
+      ].join(""))
+    } else {
+      code.push(["if(", dataRead(toPointer(a)), ">", dataRead(toPointer(b)), "){tmp0=", a, ";",a,"=",b,";", b,"=tmp0}"].join(""))
+    }
+  }
+  
+  compareSwap(1, 2)
+  compareSwap(4, 5)
+  compareSwap(1, 3)
+  compareSwap(2, 3)
+  compareSwap(1, 4)
+  compareSwap(3, 4)
+  compareSwap(2, 5)
+  compareSwap(2, 3)
+  compareSwap(4, 5)
+  
+  if(order.length > 1) {
+    cacheLoop(["el1", "el2", "el3", "el4", "el5", "index1", "index3", "index5"], true, [
+      "pivot1[pivot_ptr]=",dataRead("ptr1"),"\n",
+      "pivot2[pivot_ptr]=",dataRead("ptr3"),"\n",
+      "pivots_are_equal=pivots_are_equal&&(pivot1[pivot_ptr]===pivot2[pivot_ptr])\n",
+      "x=",dataRead("ptr0"),"\n",
+      "y=",dataRead("ptr2"),"\n",
+      "z=",dataRead("ptr4"),"\n",
+      dataWrite("ptr5", "x"),"\n",
+      dataWrite("ptr6", "y"),"\n",
+      dataWrite("ptr7", "z")
+    ].join(""))
+  } else {
+    code.push([
+      "pivot1=", dataRead(toPointer("el2")), "\n",
+      "pivot2=", dataRead(toPointer("el4")), "\n",
+      "pivots_are_equal=pivot1===pivot2\n",
+      "x=", dataRead(toPointer("el1")), "\n",
+      "y=", dataRead(toPointer("el3")), "\n",
+      "z=", dataRead(toPointer("el5")), "\n",
+      dataWrite(toPointer("index1"), "x"), "\n",
+      dataWrite(toPointer("index3"), "y"), "\n",
+      dataWrite(toPointer("index5"), "z")
+    ].join(""))
+  }
+  
+
+  function moveElement(dst, src) {
+    if(order.length > 1) {
+      cacheLoop([dst, src], false,
+        dataWrite("ptr0", dataRead("ptr1"))
+      )
+    } else {
+      code.push(dataWrite(toPointer(dst), dataRead(toPointer(src))))
+    }
+  }
+  
+  moveElement("index2", "left")
+  moveElement("index4", "right")
+  
+  function comparePivot(result, ptr, n) {
+    if(order.length > 1) {
+      var lbl = "__l" + (++labelCounter)
+      lexicoLoop(lbl, [ptr], true, [
+        result,"=",dataRead("ptr0"),"-pivot",n,"[pivot_ptr]\n",
+        "if(",result,"!==0){break ", lbl, "}"
+      ].join(""))
+    } else {
+      code.push([result,"=", dataRead(toPointer(ptr)), "-pivot", n].join(""))
+    }
+  }
+  
+  function swapElements(a, b) {
+    if(order.length > 1) {
+      cacheLoop([a,b],false,[
+        "tmp=",dataRead("ptr0"),"\n",
+        dataWrite("ptr0", dataRead("ptr1")),"\n",
+        dataWrite("ptr1", "tmp")
+      ].join(""))
+    } else {
+      code.push([
+        "ptr0=",toPointer(a),"\n",
+        "ptr1=",toPointer(b),"\n",
+        "tmp=",dataRead("ptr0"),"\n",
+        dataWrite("ptr0", dataRead("ptr1")),"\n",
+        dataWrite("ptr1", "tmp")
+      ].join(""))
+    }
+  }
+  
+  function tripleSwap(k, less, great) {
+    if(order.length > 1) {
+      cacheLoop([k,less,great], false, [
+        "tmp=",dataRead("ptr0"),"\n",
+        dataWrite("ptr0", dataRead("ptr1")),"\n",
+        dataWrite("ptr1", dataRead("ptr2")),"\n",
+        dataWrite("ptr2", "tmp")
+      ].join(""))
+      code.push("++"+less, "--"+great)
+    } else {
+      code.push([
+        "ptr0=",toPointer(k),"\n",
+        "ptr1=",toPointer(less),"\n",
+        "ptr2=",toPointer(great),"\n",
+        "++",less,"\n",
+        "--",great,"\n",
+        "tmp=", dataRead("ptr0"), "\n",
+        dataWrite("ptr0", dataRead("ptr1")), "\n",
+        dataWrite("ptr1", dataRead("ptr2")), "\n",
+        dataWrite("ptr2", "tmp")
+      ].join(""))
+    }
+  }
+  
+  function swapAndDecrement(k, great) {
+    swapElements(k, great)
+    code.push("--"+great)
+  }
+    
+  code.push("if(pivots_are_equal){")
+    //Pivots are equal case
+    code.push("for(k=less;k<=great;++k){")
+      comparePivot("comp", "k", 1)
+      code.push("if(comp===0){continue}")
+      code.push("if(comp<0){")
+        code.push("if(k!==less){")
+          swapElements("k", "less")
+        code.push("}")
+        code.push("++less")
+      code.push("}else{")
+        code.push("while(true){")
+          comparePivot("comp", "great", 1)
+          code.push("if(comp>0){")
+            code.push("great--")
+          code.push("}else if(comp<0){")
+            tripleSwap("k", "less", "great")
+            code.push("break")
+          code.push("}else{")
+            swapAndDecrement("k", "great")
+            code.push("break")
+          code.push("}")
+        code.push("}")
+      code.push("}")
+    code.push("}")
+  code.push("}else{")
+    //Pivots not equal case
+    code.push("for(k=less;k<=great;++k){")
+      comparePivot("comp_pivot1", "k", 1)
+      code.push("if(comp_pivot1<0){")
+        code.push("if(k!==less){")
+          swapElements("k", "less")
+        code.push("}")
+        code.push("++less")
+      code.push("}else{")
+        comparePivot("comp_pivot2", "k", 2)
+        code.push("if(comp_pivot2>0){")
+          code.push("while(true){")
+            comparePivot("comp", "great", 2)
+            code.push("if(comp>0){")
+              code.push("if(--great<k){break}")
+              code.push("continue")
+            code.push("}else{")
+              comparePivot("comp", "great", 1)
+              code.push("if(comp<0){")
+                tripleSwap("k", "less", "great")
+              code.push("}else{")
+                swapAndDecrement("k", "great")
+              code.push("}")
+              code.push("break")
+            code.push("}")
+          code.push("}")
+        code.push("}")
+      code.push("}")
+    code.push("}")
+  code.push("}")
+  
+  //Move pivots to correct place
+  function storePivot(mem_dest, pivot_dest, pivot) {
+    if(order.length>1) {
+      cacheLoop([mem_dest, pivot_dest], true, [
+        dataWrite("ptr0", dataRead("ptr1")), "\n",
+        dataWrite("ptr1", ["pivot",pivot,"[pivot_ptr]"].join(""))
+      ].join(""))
+    } else {
+      code.push(
+          dataWrite(toPointer(mem_dest), dataRead(toPointer(pivot_dest))),
+          dataWrite(toPointer(pivot_dest), "pivot"+pivot))
+    }
+  }
+  
+  storePivot("left", "(less-1)", 1)
+  storePivot("right", "(great+1)", 2)
+
+  //Recursive sort call
+  function doSort(left, right) {
+    code.push([
+      "if((",right,"-",left,")<=",INSERTION_SORT_THRESHOLD,"){\n",
+        "insertionSort(", left, ",", right, ",data,offset,", shapeArgs(order.length).join(","), ")\n",
+      "}else{\n",
+        funcName, "(", left, ",", right, ",data,offset,", shapeArgs(order.length).join(","), ")\n",
+      "}"
+    ].join(""))
+  }
+  doSort("left", "(less-2)")
+  doSort("(great+2)", "right")
+  
+  //If pivots are equal, then early out
+  code.push("if(pivots_are_equal){")
+    cleanUp()
+    code.push("return")
+  code.push("}")
+  
+  function walkPointer(ptr, pivot, body) {
+    if(order.length > 1) {
+      code.push(["__l",++labelCounter,":while(true){"].join(""))
+      cacheLoop([ptr], true, [
+        "if(", dataRead("ptr0"), "!==pivot", pivot, "[pivot_ptr]){break __l", labelCounter, "}"
+      ].join(""))
+      code.push(body, "}")
+    } else {
+      code.push(["while(", dataRead(toPointer(ptr)), "===pivot", pivot, "){", body, "}"].join(""))
+    }
+  }
+  
+  //Check bounds
+  code.push("if(less<index1&&great>index5){")
+  
+    walkPointer("less", 1, "++less")
+    walkPointer("great", 2, "--great")
+  
+    code.push("for(k=less;k<=great;++k){")
+      comparePivot("comp_pivot1", "k", 1)
+      code.push("if(comp_pivot1===0){")
+        code.push("if(k!==less){")
+          swapElements("k", "less")
+        code.push("}")
+        code.push("++less")
+      code.push("}else{")
+        comparePivot("comp_pivot2", "k", 2)
+        code.push("if(comp_pivot2===0){")
+          code.push("while(true){")
+            comparePivot("comp", "great", 2)
+            code.push("if(comp===0){")
+              code.push("if(--great<k){break}")
+              code.push("continue")
+            code.push("}else{")
+              comparePivot("comp", "great", 1)
+              code.push("if(comp<0){")
+                tripleSwap("k", "less", "great")
+              code.push("}else{")
+                swapAndDecrement("k", "great")
+              code.push("}")
+              code.push("break")
+            code.push("}")
+          code.push("}")
+        code.push("}")
+      code.push("}")
+    code.push("}")
+  code.push("}")
+  
+  //Clean up and do a final sorting pass
+  cleanUp()
+  doSort("less", "great")
+ 
+  //Close off main loop
+  code.push("}return " + funcName)
+  
+  //Compile and link
+  if(order.length > 1 && allocator) {
+    var compiled = new Function("insertionSort", "malloc", "free", code.join("\n"))
+    return compiled(insertionSort, allocator[0], allocator[1])
+  }
+  var compiled = new Function("insertionSort", code.join("\n"))
+  return compiled(insertionSort)
+}
+
+function compileSort(order, dtype) {
+  var code = ["'use strict'"]
+  var funcName = ["ndarraySortWrapper", order.join("d"), dtype].join("")
+  var funcArgs = [ "array" ]
+  
+  code.push(["function ", funcName, "(", funcArgs.join(","), "){"].join(""))
+  
+  //Unpack local variables from array
+  var vars = ["data=array.data,offset=array.offset|0,shape=array.shape,stride=array.stride"]
+  for(var i=0; i<order.length; ++i) {
+    vars.push(["s",i,"=stride[",i,"]|0,n",i,"=shape[",i,"]|0"].join(""))
+  }
+  
+  var scratch_stride = new Array(order.length)
+  var nprod = []
+  for(var i=0; i<order.length; ++i) {
+    var k = order[i]
+    if(k === 0) {
+      continue
+    }
+    if(nprod.length === 0) {
+      scratch_stride[k] = "1"
+    } else {
+      scratch_stride[k] = nprod.join("*")
+    }
+    nprod.push("n"+k)
+  }
+  
+  var p = -1, q = -1
+  for(var i=0; i<order.length; ++i) {
+    var j = order[i]
+    if(j !== 0) {
+      if(p > 0) {
+        vars.push(["d",j,"=s",j,"-d",p,"*n",p].join(""))
+      } else {
+        vars.push(["d",j,"=s",j].join(""))
+      }
+      p = j
+    }
+    var k = order.length-1-i
+    if(k !== 0) {
+      if(q > 0) {
+        vars.push(["e",k,"=s",k,"-e",q,"*n",q,
+                  ",f",k,"=",scratch_stride[k],"-f",q,"*n",q].join(""))
+      } else {
+        vars.push(["e",k,"=s",k,",f",k,"=",scratch_stride[k]].join(""))
+      }
+      q = k
+    }
+  }
+  
+  //Declare local variables
+  code.push("var " + vars.join(","))
+  
+  //Create arguments for subroutine
+  var sortArgs = ["0", "n0-1", "data", "offset"].concat(shapeArgs(order.length))
+  
+  //Call main sorting routine
+  code.push([
+    "if(n0<=",INSERTION_SORT_THRESHOLD,"){",
+      "insertionSort(", sortArgs.join(","), ")}else{",
+      "quickSort(", sortArgs.join(","),
+    ")}"
+  ].join(""))
+  
+  //Return
+  code.push("}return " + funcName)
+  
+  //Link everything together
+  var result = new Function("insertionSort", "quickSort", code.join("\n"))
+  var insertionSort = createInsertionSort(order, dtype)
+  var quickSort = createQuickSort(order, dtype, insertionSort)
+  return result(insertionSort, quickSort)
+}
+
+module.exports = compileSort
+},{"typedarray-pool":541}],465:[function(require,module,exports){
+"use strict"
+
+var compile = require("./lib/compile_sort.js")
+var CACHE = {}
+
+function sort(array) {
+  var order = array.order
+  var dtype = array.dtype
+  var typeSig = [order, dtype ]
+  var typeName = typeSig.join(":")
+  var compiled = CACHE[typeName]
+  if(!compiled) {
+    CACHE[typeName] = compiled = compile(order, dtype)
+  }
+  compiled(array)
+  return array
+}
+
+module.exports = sort
+},{"./lib/compile_sort.js":464}],466:[function(require,module,exports){
+'use strict'
+
+var interp  = require('ndarray-linear-interpolate')
+
+
+var do_warp = require('cwise/lib/wrapper')({"args":["index","array","scalar","scalar","scalar"],"pre":{"body":"{this_warped=new Array(_inline_21_arg4_)}","args":[{"name":"_inline_21_arg0_","lvalue":false,"rvalue":false,"count":0},{"name":"_inline_21_arg1_","lvalue":false,"rvalue":false,"count":0},{"name":"_inline_21_arg2_","lvalue":false,"rvalue":false,"count":0},{"name":"_inline_21_arg3_","lvalue":false,"rvalue":false,"count":0},{"name":"_inline_21_arg4_","lvalue":false,"rvalue":true,"c [...]
+
+var do_warp_1 = require('cwise/lib/wrapper')({"args":["index","array","scalar","scalar","scalar"],"pre":{"body":"{this_warped=[0]}","args":[],"thisVars":["this_warped"],"localVars":[]},"body":{"body":"{_inline_25_arg2_(this_warped,_inline_25_arg0_),_inline_25_arg1_=_inline_25_arg3_(_inline_25_arg4_,this_warped[0])}","args":[{"name":"_inline_25_arg0_","lvalue":false,"rvalue":true,"count":1},{"name":"_inline_25_arg1_","lvalue":true,"rvalue":false,"count":1},{"name":"_inline_25_arg2_","lval [...]
+
+var do_warp_2 = require('cwise/lib/wrapper')({"args":["index","array","scalar","scalar","scalar"],"pre":{"body":"{this_warped=[0,0]}","args":[],"thisVars":["this_warped"],"localVars":[]},"body":{"body":"{_inline_28_arg2_(this_warped,_inline_28_arg0_),_inline_28_arg1_=_inline_28_arg3_(_inline_28_arg4_,this_warped[0],this_warped[1])}","args":[{"name":"_inline_28_arg0_","lvalue":false,"rvalue":true,"count":1},{"name":"_inline_28_arg1_","lvalue":true,"rvalue":false,"count":1},{"name":"_inlin [...]
+
+var do_warp_3 = require('cwise/lib/wrapper')({"args":["index","array","scalar","scalar","scalar"],"pre":{"body":"{this_warped=[0,0,0]}","args":[],"thisVars":["this_warped"],"localVars":[]},"body":{"body":"{_inline_31_arg2_(this_warped,_inline_31_arg0_),_inline_31_arg1_=_inline_31_arg3_(_inline_31_arg4_,this_warped[0],this_warped[1],this_warped[2])}","args":[{"name":"_inline_31_arg0_","lvalue":false,"rvalue":true,"count":1},{"name":"_inline_31_arg1_","lvalue":true,"rvalue":false,"count":1 [...]
+
+module.exports = function warp(dest, src, func) {
+  switch(src.shape.length) {
+    case 1:
+      do_warp_1(dest, func, interp.d1, src)
+      break
+    case 2:
+      do_warp_2(dest, func, interp.d2, src)
+      break
+    case 3:
+      do_warp_3(dest, func, interp.d3, src)
+      break
+    default:
+      do_warp(dest, func, interp.bind(undefined, src), src.shape.length)
+      break
+  }
+  return dest
+}
+
+},{"cwise/lib/wrapper":113,"ndarray-linear-interpolate":460}],467:[function(require,module,exports){
+var iota = require("iota-array")
+var isBuffer = require("is-buffer")
+
+var hasTypedArrays  = ((typeof Float64Array) !== "undefined")
+
+function compare1st(a, b) {
+  return a[0] - b[0]
+}
+
+function order() {
+  var stride = this.stride
+  var terms = new Array(stride.length)
+  var i
+  for(i=0; i<terms.length; ++i) {
+    terms[i] = [Math.abs(stride[i]), i]
+  }
+  terms.sort(compare1st)
+  var result = new Array(terms.length)
+  for(i=0; i<result.length; ++i) {
+    result[i] = terms[i][1]
+  }
+  return result
+}
+
+function compileConstructor(dtype, dimension) {
+  var className = ["View", dimension, "d", dtype].join("")
+  if(dimension < 0) {
+    className = "View_Nil" + dtype
+  }
+  var useGetters = (dtype === "generic")
+
+  if(dimension === -1) {
+    //Special case for trivial arrays
+    var code =
+      "function "+className+"(a){this.data=a;};\
+var proto="+className+".prototype;\
+proto.dtype='"+dtype+"';\
+proto.index=function(){return -1};\
+proto.size=0;\
+proto.dimension=-1;\
+proto.shape=proto.stride=proto.order=[];\
+proto.lo=proto.hi=proto.transpose=proto.step=\
+function(){return new "+className+"(this.data);};\
+proto.get=proto.set=function(){};\
+proto.pick=function(){return null};\
+return function construct_"+className+"(a){return new "+className+"(a);}"
+    var procedure = new Function(code)
+    return procedure()
+  } else if(dimension === 0) {
+    //Special case for 0d arrays
+    var code =
+      "function "+className+"(a,d) {\
+this.data = a;\
+this.offset = d\
+};\
+var proto="+className+".prototype;\
+proto.dtype='"+dtype+"';\
+proto.index=function(){return this.offset};\
+proto.dimension=0;\
+proto.size=1;\
+proto.shape=\
+proto.stride=\
+proto.order=[];\
+proto.lo=\
+proto.hi=\
+proto.transpose=\
+proto.step=function "+className+"_copy() {\
+return new "+className+"(this.data,this.offset)\
+};\
+proto.pick=function "+className+"_pick(){\
+return TrivialArray(this.data);\
+};\
+proto.valueOf=proto.get=function "+className+"_get(){\
+return "+(useGetters ? "this.data.get(this.offset)" : "this.data[this.offset]")+
+"};\
+proto.set=function "+className+"_set(v){\
+return "+(useGetters ? "this.data.set(this.offset,v)" : "this.data[this.offset]=v")+"\
+};\
+return function construct_"+className+"(a,b,c,d){return new "+className+"(a,d)}"
+    var procedure = new Function("TrivialArray", code)
+    return procedure(CACHED_CONSTRUCTORS[dtype][0])
+  }
+
+  var code = ["'use strict'"]
+
+  //Create constructor for view
+  var indices = iota(dimension)
+  var args = indices.map(function(i) { return "i"+i })
+  var index_str = "this.offset+" + indices.map(function(i) {
+        return "this.stride[" + i + "]*i" + i
+      }).join("+")
+  var shapeArg = indices.map(function(i) {
+      return "b"+i
+    }).join(",")
+  var strideArg = indices.map(function(i) {
+      return "c"+i
+    }).join(",")
+  code.push(
+    "function "+className+"(a," + shapeArg + "," + strideArg + ",d){this.data=a",
+      "this.shape=[" + shapeArg + "]",
+      "this.stride=[" + strideArg + "]",
+      "this.offset=d|0}",
+    "var proto="+className+".prototype",
+    "proto.dtype='"+dtype+"'",
+    "proto.dimension="+dimension)
+
+  //view.size:
+  code.push("Object.defineProperty(proto,'size',{get:function "+className+"_size(){\
+return "+indices.map(function(i) { return "this.shape["+i+"]" }).join("*"),
+"}})")
+
+  //view.order:
+  if(dimension === 1) {
+    code.push("proto.order=[0]")
+  } else {
+    code.push("Object.defineProperty(proto,'order',{get:")
+    if(dimension < 4) {
+      code.push("function "+className+"_order(){")
+      if(dimension === 2) {
+        code.push("return (Math.abs(this.stride[0])>Math.abs(this.stride[1]))?[1,0]:[0,1]}})")
+      } else if(dimension === 3) {
+        code.push(
+"var s0=Math.abs(this.stride[0]),s1=Math.abs(this.stride[1]),s2=Math.abs(this.stride[2]);\
+if(s0>s1){\
+if(s1>s2){\
+return [2,1,0];\
+}else if(s0>s2){\
+return [1,2,0];\
+}else{\
+return [1,0,2];\
+}\
+}else if(s0>s2){\
+return [2,0,1];\
+}else if(s2>s1){\
+return [0,1,2];\
+}else{\
+return [0,2,1];\
+}}})")
+      }
+    } else {
+      code.push("ORDER})")
+    }
+  }
+
+  //view.set(i0, ..., v):
+  code.push(
+"proto.set=function "+className+"_set("+args.join(",")+",v){")
+  if(useGetters) {
+    code.push("return this.data.set("+index_str+",v)}")
+  } else {
+    code.push("return this.data["+index_str+"]=v}")
+  }
+
+  //view.get(i0, ...):
+  code.push("proto.get=function "+className+"_get("+args.join(",")+"){")
+  if(useGetters) {
+    code.push("return this.data.get("+index_str+")}")
+  } else {
+    code.push("return this.data["+index_str+"]}")
+  }
+
+  //view.index:
+  code.push(
+    "proto.index=function "+className+"_index(", args.join(), "){return "+index_str+"}")
+
+  //view.hi():
+  code.push("proto.hi=function "+className+"_hi("+args.join(",")+"){return new "+className+"(this.data,"+
+    indices.map(function(i) {
+      return ["(typeof i",i,"!=='number'||i",i,"<0)?this.shape[", i, "]:i", i,"|0"].join("")
+    }).join(",")+","+
+    indices.map(function(i) {
+      return "this.stride["+i + "]"
+    }).join(",")+",this.offset)}")
+
+  //view.lo():
+  var a_vars = indices.map(function(i) { return "a"+i+"=this.shape["+i+"]" })
+  var c_vars = indices.map(function(i) { return "c"+i+"=this.stride["+i+"]" })
+  code.push("proto.lo=function "+className+"_lo("+args.join(",")+"){var b=this.offset,d=0,"+a_vars.join(",")+","+c_vars.join(","))
+  for(var i=0; i<dimension; ++i) {
+    code.push(
+"if(typeof i"+i+"==='number'&&i"+i+">=0){\
+d=i"+i+"|0;\
+b+=c"+i+"*d;\
+a"+i+"-=d}")
+  }
+  code.push("return new "+className+"(this.data,"+
+    indices.map(function(i) {
+      return "a"+i
+    }).join(",")+","+
+    indices.map(function(i) {
+      return "c"+i
+    }).join(",")+",b)}")
+
+  //view.step():
+  code.push("proto.step=function "+className+"_step("+args.join(",")+"){var "+
+    indices.map(function(i) {
+      return "a"+i+"=this.shape["+i+"]"
+    }).join(",")+","+
+    indices.map(function(i) {
+      return "b"+i+"=this.stride["+i+"]"
+    }).join(",")+",c=this.offset,d=0,ceil=Math.ceil")
+  for(var i=0; i<dimension; ++i) {
+    code.push(
+"if(typeof i"+i+"==='number'){\
+d=i"+i+"|0;\
+if(d<0){\
+c+=b"+i+"*(a"+i+"-1);\
+a"+i+"=ceil(-a"+i+"/d)\
+}else{\
+a"+i+"=ceil(a"+i+"/d)\
+}\
+b"+i+"*=d\
+}")
+  }
+  code.push("return new "+className+"(this.data,"+
+    indices.map(function(i) {
+      return "a" + i
+    }).join(",")+","+
+    indices.map(function(i) {
+      return "b" + i
+    }).join(",")+",c)}")
+
+  //view.transpose():
+  var tShape = new Array(dimension)
+  var tStride = new Array(dimension)
+  for(var i=0; i<dimension; ++i) {
+    tShape[i] = "a[i"+i+"]"
+    tStride[i] = "b[i"+i+"]"
+  }
+  code.push("proto.transpose=function "+className+"_transpose("+args+"){"+
+    args.map(function(n,idx) { return n + "=(" + n + "===undefined?" + idx + ":" + n + "|0)"}).join(";"),
+    "var a=this.shape,b=this.stride;return new "+className+"(this.data,"+tShape.join(",")+","+tStride.join(",")+",this.offset)}")
+
+  //view.pick():
+  code.push("proto.pick=function "+className+"_pick("+args+"){var a=[],b=[],c=this.offset")
+  for(var i=0; i<dimension; ++i) {
+    code.push("if(typeof i"+i+"==='number'&&i"+i+">=0){c=(c+this.stride["+i+"]*i"+i+")|0}else{a.push(this.shape["+i+"]);b.push(this.stride["+i+"])}")
+  }
+  code.push("var ctor=CTOR_LIST[a.length+1];return ctor(this.data,a,b,c)}")
+
+  //Add return statement
+  code.push("return function construct_"+className+"(data,shape,stride,offset){return new "+className+"(data,"+
+    indices.map(function(i) {
+      return "shape["+i+"]"
+    }).join(",")+","+
+    indices.map(function(i) {
+      return "stride["+i+"]"
+    }).join(",")+",offset)}")
+
+  //Compile procedure
+  var procedure = new Function("CTOR_LIST", "ORDER", code.join("\n"))
+  return procedure(CACHED_CONSTRUCTORS[dtype], order)
+}
+
+function arrayDType(data) {
+  if(isBuffer(data)) {
+    return "buffer"
+  }
+  if(hasTypedArrays) {
+    switch(Object.prototype.toString.call(data)) {
+      case "[object Float64Array]":
+        return "float64"
+      case "[object Float32Array]":
+        return "float32"
+      case "[object Int8Array]":
+        return "int8"
+      case "[object Int16Array]":
+        return "int16"
+      case "[object Int32Array]":
+        return "int32"
+      case "[object Uint8Array]":
+        return "uint8"
+      case "[object Uint16Array]":
+        return "uint16"
+      case "[object Uint32Array]":
+        return "uint32"
+      case "[object Uint8ClampedArray]":
+        return "uint8_clamped"
+    }
+  }
+  if(Array.isArray(data)) {
+    return "array"
+  }
+  return "generic"
+}
+
+var CACHED_CONSTRUCTORS = {
+  "float32":[],
+  "float64":[],
+  "int8":[],
+  "int16":[],
+  "int32":[],
+  "uint8":[],
+  "uint16":[],
+  "uint32":[],
+  "array":[],
+  "uint8_clamped":[],
+  "buffer":[],
+  "generic":[]
+}
+
+;(function() {
+  for(var id in CACHED_CONSTRUCTORS) {
+    CACHED_CONSTRUCTORS[id].push(compileConstructor(id, -1))
+  }
+});
+
+function wrappedNDArrayCtor(data, shape, stride, offset) {
+  if(data === undefined) {
+    var ctor = CACHED_CONSTRUCTORS.array[0]
+    return ctor([])
+  } else if(typeof data === "number") {
+    data = [data]
+  }
+  if(shape === undefined) {
+    shape = [ data.length ]
+  }
+  var d = shape.length
+  if(stride === undefined) {
+    stride = new Array(d)
+    for(var i=d-1, sz=1; i>=0; --i) {
+      stride[i] = sz
+      sz *= shape[i]
+    }
+  }
+  if(offset === undefined) {
+    offset = 0
+    for(var i=0; i<d; ++i) {
+      if(stride[i] < 0) {
+        offset -= (shape[i]-1)*stride[i]
+      }
+    }
+  }
+  var dtype = arrayDType(data)
+  var ctor_list = CACHED_CONSTRUCTORS[dtype]
+  while(ctor_list.length <= d+1) {
+    ctor_list.push(compileConstructor(dtype, ctor_list.length-1))
+  }
+  var ctor = ctor_list[d+1]
+  return ctor(data, shape, stride, offset)
+}
+
+module.exports = wrappedNDArrayCtor
+
+},{"iota-array":293,"is-buffer":295}],468:[function(require,module,exports){
+"use strict"
+
+var doubleBits = require("double-bits")
+
+var SMALLEST_DENORM = Math.pow(2, -1074)
+var UINT_MAX = (-1)>>>0
+
+module.exports = nextafter
+
+function nextafter(x, y) {
+  if(isNaN(x) || isNaN(y)) {
+    return NaN
+  }
+  if(x === y) {
+    return x
+  }
+  if(x === 0) {
+    if(y < 0) {
+      return -SMALLEST_DENORM
+    } else {
+      return SMALLEST_DENORM
+    }
+  }
+  var hi = doubleBits.hi(x)
+  var lo = doubleBits.lo(x)
+  if((y > x) === (x > 0)) {
+    if(lo === UINT_MAX) {
+      hi += 1
+      lo = 0
+    } else {
+      lo += 1
+    }
+  } else {
+    if(lo === 0) {
+      lo = UINT_MAX
+      hi -= 1
+    } else {
+      lo -= 1
+    }
+  }
+  return doubleBits.pack(lo, hi)
+}
+},{"double-bits":124}],469:[function(require,module,exports){
+var DEFAULT_NORMALS_EPSILON = 1e-6;
+var DEFAULT_FACE_EPSILON = 1e-6;
+
+//Estimate the vertex normals of a mesh
+exports.vertexNormals = function(faces, positions, specifiedEpsilon) {
+
+  var N         = positions.length;
+  var normals   = new Array(N);
+  var epsilon   = specifiedEpsilon === void(0) ? DEFAULT_NORMALS_EPSILON : specifiedEpsilon;
+
+  //Initialize normal array
+  for(var i=0; i<N; ++i) {
+    normals[i] = [0.0, 0.0, 0.0];
+  }
+
+  //Walk over all the faces and add per-vertex contribution to normal weights
+  for(var i=0; i<faces.length; ++i) {
+    var f = faces[i];
+    var p = 0;
+    var c = f[f.length-1];
+    var n = f[0];
+    for(var j=0; j<f.length; ++j) {
+
+      //Shift indices back
+      p = c;
+      c = n;
+      n = f[(j+1) % f.length];
+
+      var v0 = positions[p];
+      var v1 = positions[c];
+      var v2 = positions[n];
+
+      //Compute infineteismal arcs
+      var d01 = new Array(3);
+      var m01 = 0.0;
+      var d21 = new Array(3);
+      var m21 = 0.0;
+      for(var k=0; k<3; ++k) {
+        d01[k] = v0[k]  - v1[k];
+        m01   += d01[k] * d01[k];
+        d21[k] = v2[k]  - v1[k];
+        m21   += d21[k] * d21[k];
+      }
+
+      //Accumulate values in normal
+      if(m01 * m21 > epsilon) {
+        var norm = normals[c];
+        var w = 1.0 / Math.sqrt(m01 * m21);
+        for(var k=0; k<3; ++k) {
+          var u = (k+1)%3;
+          var v = (k+2)%3;
+          norm[k] += w * (d21[u] * d01[v] - d21[v] * d01[u]);
+        }
+      }
+    }
+  }
+
+  //Scale all normals to unit length
+  for(var i=0; i<N; ++i) {
+    var norm = normals[i];
+    var m = 0.0;
+    for(var k=0; k<3; ++k) {
+      m += norm[k] * norm[k];
+    }
+    if(m > epsilon) {
+      var w = 1.0 / Math.sqrt(m);
+      for(var k=0; k<3; ++k) {
+        norm[k] *= w;
+      }
+    } else {
+      for(var k=0; k<3; ++k) {
+        norm[k] = 0.0;
+      }
+    }
+  }
+
+  //Return the resulting set of patches
+  return normals;
+}
+
+//Compute face normals of a mesh
+exports.faceNormals = function(faces, positions, specifiedEpsilon) {
+
+  var N         = faces.length;
+  var normals   = new Array(N);
+  var epsilon   = specifiedEpsilon === void(0) ? DEFAULT_FACE_EPSILON : specifiedEpsilon;
+
+  for(var i=0; i<N; ++i) {
+    var f = faces[i];
+    var pos = new Array(3);
+    for(var j=0; j<3; ++j) {
+      pos[j] = positions[f[j]];
+    }
+
+    var d01 = new Array(3);
+    var d21 = new Array(3);
+    for(var j=0; j<3; ++j) {
+      d01[j] = pos[1][j] - pos[0][j];
+      d21[j] = pos[2][j] - pos[0][j];
+    }
+
+    var n = new Array(3);
+    var l = 0.0;
+    for(var j=0; j<3; ++j) {
+      var u = (j+1)%3;
+      var v = (j+2)%3;
+      n[j] = d01[u] * d21[v] - d01[v] * d21[u];
+      l += n[j] * n[j];
+    }
+    if(l > epsilon) {
+      l = 1.0 / Math.sqrt(l);
+    } else {
+      l = 0.0;
+    }
+    for(var j=0; j<3; ++j) {
+      n[j] *= l;
+    }
+    normals[i] = n;
+  }
+  return normals;
+}
+
+
+
+},{}],470:[function(require,module,exports){
+/*
+object-assign
+(c) Sindre Sorhus
+ at license MIT
+*/
+
+'use strict';
+/* eslint-disable no-unused-vars */
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
+
+	return Object(val);
+}
+
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
+
+		// Detect buggy property enumeration order in older V8 versions.
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+		test1[5] = 'de';
+		if (Object.getOwnPropertyNames(test1)[0] === '5') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test2 = {};
+		for (var i = 0; i < 10; i++) {
+			test2['_' + String.fromCharCode(i)] = i;
+		}
+		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+			return test2[n];
+		});
+		if (order2.join('') !== '0123456789') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test3 = {};
+		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+			test3[letter] = letter;
+		});
+		if (Object.keys(Object.assign({}, test3)).join('') !==
+				'abcdefghijklmnopqrst') {
+			return false;
+		}
+
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
+
+module.exports = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
+
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
+
+		for (var key in from) {
+			if (hasOwnProperty.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
+
+		if (getOwnPropertySymbols) {
+			symbols = getOwnPropertySymbols(from);
+			for (var i = 0; i < symbols.length; i++) {
+				if (propIsEnumerable.call(from, symbols[i])) {
+					to[symbols[i]] = from[symbols[i]];
+				}
+			}
+		}
+	}
+
+	return to;
+};
+
+},{}],471:[function(require,module,exports){
+/**
+ * @module optical-properties
+ */
+'use strict'
+
+module.exports = measure
+
+var canvas = document.createElement('canvas'),
+	ctx = canvas.getContext('2d')
+
+canvas.width = 200, canvas.height = 200
+
+measure.canvas = canvas
+
+//returns character [x, y, scale] optical params
+function measure (char, options) {
+	var data, w, h, params
+
+	//figure out argument imageData
+	if (typeof char === 'string') {
+		data = getCharImageData(char, options)
+		w = data.width, h = data.height
+	}
+	else if (char instanceof HTMLCanvasElement) {
+		w = char.width, h = char.height
+		char = char.getContext('2d')
+		data = char.getImageData(0, 0, w, h)
+	}
+	else if (char instanceof ImageData) {
+		w = char.width, h = char.height
+		data = char
+	}
+
+	params = getOpticalParams(data)
+
+	return params
+}
+
+//draw character in canvas and get it's imagedata
+function getCharImageData (char, options) {
+	if (!options) options = {}
+	var family = options.family || 'sans-serif'
+	var w = canvas.width, h = canvas.height
+
+	var size = options.width || options.height || options.size
+	if (size && size != w) {
+		w = h = canvas.width = canvas.height = size
+	}
+
+	var fs = options.fontSize || w/2
+
+	ctx.fillStyle = '#000'
+	ctx.fillRect(0, 0, w, h)
+
+	ctx.font = fs + 'px ' + family
+	ctx.textBaseline = 'middle'
+	ctx.textAlign = 'center'
+	ctx.fillStyle = 'white'
+	ctx.fillText(char, w/2, h/2)
+
+	return ctx.getImageData(0, 0, w, h)
+}
+
+
+//walks over imagedata, returns params
+function getOpticalParams (data) {
+	var buf = data.data, w = data.width, h = data.height
+
+	var x, y, r, i, j, sum, xSum, ySum, rowAvg = Array(h), rowAvgX = Array(h), cx, cy, bounds, avg, top = 0, bottom = 0, left = w, right = 0, maxR = 0, rowBounds = Array(h), r2
+
+	for (y = 0; y < h; y++) {
+		sum = 0, xSum = 0, j = y*4*w
+
+		bounds = getBounds(buf.subarray(j, j + 4*w), 4)
+
+		if (bounds[0] === bounds[1]) {
+			continue
+		}
+		else {
+			if (!top) top = y
+			bottom = y
+		}
+
+		for (x = bounds[0]; x < bounds[1]; x++) {
+			i = x*4
+			r = buf[j + i]
+			sum += r
+			xSum += x*r
+		}
+
+		rowAvg[y] = sum === 0 ? 0 : sum/w
+		rowAvgX[y] = sum === 0 ? 0 : xSum/sum
+
+		if (bounds[0] < left) left = bounds[0]
+		if (bounds[1] > right) right = bounds[1]
+
+		rowBounds[y] = bounds
+	}
+
+	sum = 0, ySum = 0, xSum = 0
+	for (y = 0; y < h; y++) {
+		avg = rowAvg[y]
+		if (!avg) continue;
+
+		ySum += avg*y
+		sum += avg
+		xSum += rowAvgX[y]*avg
+	}
+
+	cy = ySum/sum
+	cx = xSum/sum
+
+	maxR = 0, r2 = 0
+	for (y = 0; y < h; y++) {
+		bounds = rowBounds[y]
+		if (!bounds) continue
+
+		r2 = Math.max(
+			dist2(cx - bounds[0], cy - y),
+			dist2(cx - bounds[1], cy - y)
+		)
+		if (r2 > maxR) {
+			maxR = r2
+		}
+	}
+
+	return {
+		center: [cx, cy],
+		bounds: [left, top, right, bottom+1],
+		radius: Math.sqrt(maxR)
+	}
+}
+
+//get [leftId, rightId] pair of bounding values for an array
+function getBounds (arr, stride) {
+	var left = 0, right = arr.length, i = 0
+
+	if (!stride) stride = 4
+
+	//find left non-zero value
+	while (!arr[i] && i < right) {
+		i+=stride
+	}
+	left = i
+
+	//find right non-zero value
+	i = arr.length
+	while (!arr[i] && i > left) {
+		i-=stride
+	}
+	right = i
+
+	return [left/stride, right/stride]
+}
+
+function dist2 (x, y) {
+	return x*x + y*y
+}
+
+},{}],472:[function(require,module,exports){
+'use strict'
+
+module.exports = quatFromFrame
+
+function quatFromFrame(
+  out,
+  rx, ry, rz,
+  ux, uy, uz,
+  fx, fy, fz) {
+  var tr = rx + uy + fz
+  if(l > 0) {
+    var l = Math.sqrt(tr + 1.0)
+    out[0] = 0.5 * (uz - fy) / l
+    out[1] = 0.5 * (fx - rz) / l
+    out[2] = 0.5 * (ry - uy) / l
+    out[3] = 0.5 * l
+  } else {
+    var tf = Math.max(rx, uy, fz)
+    var l = Math.sqrt(2 * tf - tr + 1.0)
+    if(rx >= tf) {
+      //x y z  order
+      out[0] = 0.5 * l
+      out[1] = 0.5 * (ux + ry) / l
+      out[2] = 0.5 * (fx + rz) / l
+      out[3] = 0.5 * (uz - fy) / l
+    } else if(uy >= tf) {
+      //y z x  order
+      out[0] = 0.5 * (ry + ux) / l
+      out[1] = 0.5 * l
+      out[2] = 0.5 * (fy + uz) / l
+      out[3] = 0.5 * (fx - rz) / l
+    } else {
+      //z x y  order
+      out[0] = 0.5 * (rz + fx) / l
+      out[1] = 0.5 * (uz + fy) / l
+      out[2] = 0.5 * l
+      out[3] = 0.5 * (ry - ux) / l
+    }
+  }
+  return out
+}
+},{}],473:[function(require,module,exports){
+'use strict'
+
+module.exports = createOrbitController
+
+var filterVector  = require('filtered-vector')
+var lookAt        = require('gl-mat4/lookAt')
+var mat4FromQuat  = require('gl-mat4/fromQuat')
+var invert44      = require('gl-mat4/invert')
+var quatFromFrame = require('./lib/quatFromFrame')
+
+function len3(x,y,z) {
+  return Math.sqrt(Math.pow(x,2) + Math.pow(y,2) + Math.pow(z,2))
+}
+
+function len4(w,x,y,z) {
+  return Math.sqrt(Math.pow(w,2) + Math.pow(x,2) + Math.pow(y,2) + Math.pow(z,2))
+}
+
+function normalize4(out, a) {
+  var ax = a[0]
+  var ay = a[1]
+  var az = a[2]
+  var aw = a[3]
+  var al = len4(ax, ay, az, aw)
+  if(al > 1e-6) {
+    out[0] = ax/al
+    out[1] = ay/al
+    out[2] = az/al
+    out[3] = aw/al
+  } else {
+    out[0] = out[1] = out[2] = 0.0
+    out[3] = 1.0
+  }
+}
+
+function OrbitCameraController(initQuat, initCenter, initRadius) {
+  this.radius    = filterVector([initRadius])
+  this.center    = filterVector(initCenter)
+  this.rotation  = filterVector(initQuat)
+
+  this.computedRadius   = this.radius.curve(0)
+  this.computedCenter   = this.center.curve(0)
+  this.computedRotation = this.rotation.curve(0)
+  this.computedUp       = [0.1,0,0]
+  this.computedEye      = [0.1,0,0]
+  this.computedMatrix   = [0.1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+
+  this.recalcMatrix(0)
+}
+
+var proto = OrbitCameraController.prototype
+
+proto.lastT = function() {
+  return Math.max(
+    this.radius.lastT(),
+    this.center.lastT(),
+    this.rotation.lastT())
+}
+
+proto.recalcMatrix = function(t) {
+  this.radius.curve(t)
+  this.center.curve(t)
+  this.rotation.curve(t)
+
+  var quat = this.computedRotation
+  normalize4(quat, quat)
+
+  var mat = this.computedMatrix
+  mat4FromQuat(mat, quat)
+
+  var center = this.computedCenter
+  var eye    = this.computedEye
+  var up     = this.computedUp
+  var radius = Math.exp(this.computedRadius[0])
+
+  eye[0] = center[0] + radius * mat[2]
+  eye[1] = center[1] + radius * mat[6]
+  eye[2] = center[2] + radius * mat[10]
+  up[0] = mat[1]
+  up[1] = mat[5]
+  up[2] = mat[9]
+
+  for(var i=0; i<3; ++i) {
+    var rr = 0.0
+    for(var j=0; j<3; ++j) {
+      rr += mat[i+4*j] * eye[j]
+    }
+    mat[12+i] = -rr
+  }
+}
+
+proto.getMatrix = function(t, result) {
+  this.recalcMatrix(t)
+  var m = this.computedMatrix
+  if(result) {
+    for(var i=0; i<16; ++i) {
+      result[i] = m[i]
+    }
+    return result
+  }
+  return m
+}
+
+proto.idle = function(t) {
+  this.center.idle(t)
+  this.radius.idle(t)
+  this.rotation.idle(t)
+}
+
+proto.flush = function(t) {
+  this.center.flush(t)
+  this.radius.flush(t)
+  this.rotation.flush(t)
+}
+
+proto.pan = function(t, dx, dy, dz) {
+  dx = dx || 0.0
+  dy = dy || 0.0
+  dz = dz || 0.0
+
+  this.recalcMatrix(t)
+  var mat = this.computedMatrix
+
+  var ux = mat[1]
+  var uy = mat[5]
+  var uz = mat[9]
+  var ul = len3(ux, uy, uz)
+  ux /= ul
+  uy /= ul
+  uz /= ul
+
+  var rx = mat[0]
+  var ry = mat[4]
+  var rz = mat[8]
+  var ru = rx * ux + ry * uy + rz * uz
+  rx -= ux * ru
+  ry -= uy * ru
+  rz -= uz * ru
+  var rl = len3(rx, ry, rz)
+  rx /= rl
+  ry /= rl
+  rz /= rl
+
+  var fx = mat[2]
+  var fy = mat[6]
+  var fz = mat[10]
+  var fu = fx * ux + fy * uy + fz * uz
+  var fr = fx * rx + fy * ry + fz * rz
+  fx -= fu * ux + fr * rx
+  fy -= fu * uy + fr * ry
+  fz -= fu * uz + fr * rz
+  var fl = len3(fx, fy, fz)
+  fx /= fl
+  fy /= fl
+  fz /= fl
+
+  var vx = rx * dx + ux * dy
+  var vy = ry * dx + uy * dy
+  var vz = rz * dx + uz * dy
+
+  this.center.move(t, vx, vy, vz)
+
+  //Update z-component of radius
+  var radius = Math.exp(this.computedRadius[0])
+  radius = Math.max(1e-4, radius + dz)
+  this.radius.set(t, Math.log(radius))
+}
+
+proto.rotate = function(t, dx, dy, dz) {
+  this.recalcMatrix(t)
+
+  dx = dx||0.0
+  dy = dy||0.0
+
+  var mat = this.computedMatrix
+
+  var rx = mat[0]
+  var ry = mat[4]
+  var rz = mat[8]
+
+  var ux = mat[1]
+  var uy = mat[5]
+  var uz = mat[9]
+
+  var fx = mat[2]
+  var fy = mat[6]
+  var fz = mat[10]
+
+  var qx = dx * rx + dy * ux
+  var qy = dx * ry + dy * uy
+  var qz = dx * rz + dy * uz
+
+  var bx = -(fy * qz - fz * qy)
+  var by = -(fz * qx - fx * qz)
+  var bz = -(fx * qy - fy * qx)  
+  var bw = Math.sqrt(Math.max(0.0, 1.0 - Math.pow(bx,2) - Math.pow(by,2) - Math.pow(bz,2)))
+  var bl = len4(bx, by, bz, bw)
+  if(bl > 1e-6) {
+    bx /= bl
+    by /= bl
+    bz /= bl
+    bw /= bl
+  } else {
+    bx = by = bz = 0.0
+    bw = 1.0
+  }
+
+  var rotation = this.computedRotation
+  var ax = rotation[0]
+  var ay = rotation[1]
+  var az = rotation[2]
+  var aw = rotation[3]
+
+  var cx = ax*bw + aw*bx + ay*bz - az*by
+  var cy = ay*bw + aw*by + az*bx - ax*bz
+  var cz = az*bw + aw*bz + ax*by - ay*bx
+  var cw = aw*bw - ax*bx - ay*by - az*bz
+  
+  //Apply roll
+  if(dz) {
+    bx = fx
+    by = fy
+    bz = fz
+    var s = Math.sin(dz) / len3(bx, by, bz)
+    bx *= s
+    by *= s
+    bz *= s
+    bw = Math.cos(dx)
+    cx = cx*bw + cw*bx + cy*bz - cz*by
+    cy = cy*bw + cw*by + cz*bx - cx*bz
+    cz = cz*bw + cw*bz + cx*by - cy*bx
+    cw = cw*bw - cx*bx - cy*by - cz*bz
+  }
+
+  var cl = len4(cx, cy, cz, cw)
+  if(cl > 1e-6) {
+    cx /= cl
+    cy /= cl
+    cz /= cl
+    cw /= cl
+  } else {
+    cx = cy = cz = 0.0
+    cw = 1.0
+  }
+
+  this.rotation.set(t, cx, cy, cz, cw)
+}
+
+proto.lookAt = function(t, eye, center, up) {
+  this.recalcMatrix(t)
+
+  center = center || this.computedCenter
+  eye    = eye    || this.computedEye
+  up     = up     || this.computedUp
+
+  var mat = this.computedMatrix
+  lookAt(mat, eye, center, up)
+
+  var rotation = this.computedRotation
+  quatFromFrame(rotation,
+    mat[0], mat[1], mat[2],
+    mat[4], mat[5], mat[6],
+    mat[8], mat[9], mat[10])
+  normalize4(rotation, rotation)
+  this.rotation.set(t, rotation[0], rotation[1], rotation[2], rotation[3])
+
+  var fl = 0.0
+  for(var i=0; i<3; ++i) {
+    fl += Math.pow(center[i] - eye[i], 2)
+  }
+  this.radius.set(t, 0.5 * Math.log(Math.max(fl, 1e-6)))
+
+  this.center.set(t, center[0], center[1], center[2])
+}
+
+proto.translate = function(t, dx, dy, dz) {
+  this.center.move(t,
+    dx||0.0,
+    dy||0.0,
+    dz||0.0)
+}
+
+proto.setMatrix = function(t, matrix) {
+
+  var rotation = this.computedRotation
+  quatFromFrame(rotation,
+    matrix[0], matrix[1], matrix[2],
+    matrix[4], matrix[5], matrix[6],
+    matrix[8], matrix[9], matrix[10])
+  normalize4(rotation, rotation)
+  this.rotation.set(t, rotation[0], rotation[1], rotation[2], rotation[3])
+
+  var mat = this.computedMatrix
+  invert44(mat, matrix)
+  var w = mat[15]
+  if(Math.abs(w) > 1e-6) {
+    var cx = mat[12]/w
+    var cy = mat[13]/w
+    var cz = mat[14]/w
+
+    this.recalcMatrix(t)  
+    var r = Math.exp(this.computedRadius[0])
+    this.center.set(t, cx-mat[2]*r, cy-mat[6]*r, cz-mat[10]*r)
+    this.radius.idle(t)
+  } else {
+    this.center.idle(t)
+    this.radius.idle(t)
+  }
+}
+
+proto.setDistance = function(t, d) {
+  if(d > 0) {
+    this.radius.set(t, Math.log(d))
+  }
+}
+
+proto.setDistanceLimits = function(lo, hi) {
+  if(lo > 0) {
+    lo = Math.log(lo)
+  } else {
+    lo = -Infinity    
+  }
+  if(hi > 0) {
+    hi = Math.log(hi)
+  } else {
+    hi = Infinity
+  }
+  hi = Math.max(hi, lo)
+  this.radius.bounds[0][0] = lo
+  this.radius.bounds[1][0] = hi
+}
+
+proto.getDistanceLimits = function(out) {
+  var bounds = this.radius.bounds
+  if(out) {
+    out[0] = Math.exp(bounds[0][0])
+    out[1] = Math.exp(bounds[1][0])
+    return out
+  }
+  return [ Math.exp(bounds[0][0]), Math.exp(bounds[1][0]) ]
+}
+
+proto.toJSON = function() {
+  this.recalcMatrix(this.lastT())
+  return {
+    center:   this.computedCenter.slice(),
+    rotation: this.computedRotation.slice(),
+    distance: Math.log(this.computedRadius[0]),
+    zoomMin:  this.radius.bounds[0][0],
+    zoomMax:  this.radius.bounds[1][0]
+  }
+}
+
+proto.fromJSON = function(options) {
+  var t = this.lastT()
+  var c = options.center
+  if(c) {
+    this.center.set(t, c[0], c[1], c[2])
+  }
+  var r = options.rotation
+  if(r) {
+    this.rotation.set(t, r[0], r[1], r[2], r[3])
+  }
+  var d = options.distance
+  if(d && d > 0) {
+    this.radius.set(t, Math.log(d))
+  }
+  this.setDistanceLimits(options.zoomMin, options.zoomMax)
+}
+
+function createOrbitController(options) {
+  options = options || {}
+  var center   = options.center   || [0,0,0]
+  var rotation = options.rotation || [0,0,0,1]
+  var radius   = options.radius   || 1.0
+
+  center = [].slice.call(center, 0, 3)
+  rotation = [].slice.call(rotation, 0, 4)
+  normalize4(rotation, rotation)
+
+  var result = new OrbitCameraController(
+    rotation,
+    center,
+    Math.log(radius))
+
+  result.setDistanceLimits(options.zoomMin, options.zoomMax)
+
+  if('eye' in options || 'up' in options) {
+    result.lookAt(0, options.eye, options.center, options.up)
+  }
+
+  return result
+}
+},{"./lib/quatFromFrame":472,"filtered-vector":133,"gl-mat4/fromQuat":178,"gl-mat4/invert":181,"gl-mat4/lookAt":182}],474:[function(require,module,exports){
+/*!
+ * pad-left <https://github.com/jonschlinkert/pad-left>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT license.
+ */
+
+'use strict';
+
+var repeat = require('repeat-string');
+
+module.exports = function padLeft(str, num, ch) {
+  ch = typeof ch !== 'undefined' ? (ch + '') : ' ';
+  return repeat(ch, num) + str;
+};
+},{"repeat-string":500}],475:[function(require,module,exports){
+module.exports = function parseUnit(str, out) {
+    if (!out)
+        out = [ 0, '' ]
+
+    str = String(str)
+    var num = parseFloat(str, 10)
+    out[0] = num
+    out[1] = str.match(/[\d.\-\+]*\s*(.*)/)[1] || ''
+    return out
+}
+},{}],476:[function(require,module,exports){
+(function (process){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+// resolves . and .. elements in a path array with directory names there
+// must be no slashes, empty elements, or device names (c:\) in the array
+// (so also no leading and trailing slashes - it does not distinguish
+// relative and absolute paths)
+function normalizeArray(parts, allowAboveRoot) {
+  // if the path tries to go above the root, `up` ends up > 0
+  var up = 0;
+  for (var i = parts.length - 1; i >= 0; i--) {
+    var last = parts[i];
+    if (last === '.') {
+      parts.splice(i, 1);
+    } else if (last === '..') {
+      parts.splice(i, 1);
+      up++;
+    } else if (up) {
+      parts.splice(i, 1);
+      up--;
+    }
+  }
+
+  // if the path is allowed to go above the root, restore leading ..s
+  if (allowAboveRoot) {
+    for (; up--; up) {
+      parts.unshift('..');
+    }
+  }
+
+  return parts;
+}
+
+// Split a filename into [root, dir, basename, ext], unix version
+// 'root' is just a slash, or nothing.
+var splitPathRe =
+    /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
+var splitPath = function(filename) {
+  return splitPathRe.exec(filename).slice(1);
+};
+
+// path.resolve([from ...], to)
+// posix version
+exports.resolve = function() {
+  var resolvedPath = '',
+      resolvedAbsolute = false;
+
+  for (var i = arguments.length - 1; i >= -1 && !resolvedAbsolute; i--) {
+    var path = (i >= 0) ? arguments[i] : process.cwd();
+
+    // Skip empty and invalid entries
+    if (typeof path !== 'string') {
+      throw new TypeError('Arguments to path.resolve must be strings');
+    } else if (!path) {
+      continue;
+    }
+
+    resolvedPath = path + '/' + resolvedPath;
+    resolvedAbsolute = path.charAt(0) === '/';
+  }
+
+  // At this point the path should be resolved to a full absolute path, but
+  // handle relative paths to be safe (might happen when process.cwd() fails)
+
+  // Normalize the path
+  resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function(p) {
+    return !!p;
+  }), !resolvedAbsolute).join('/');
+
+  return ((resolvedAbsolute ? '/' : '') + resolvedPath) || '.';
+};
+
+// path.normalize(path)
+// posix version
+exports.normalize = function(path) {
+  var isAbsolute = exports.isAbsolute(path),
+      trailingSlash = substr(path, -1) === '/';
+
+  // Normalize the path
+  path = normalizeArray(filter(path.split('/'), function(p) {
+    return !!p;
+  }), !isAbsolute).join('/');
+
+  if (!path && !isAbsolute) {
+    path = '.';
+  }
+  if (path && trailingSlash) {
+    path += '/';
+  }
+
+  return (isAbsolute ? '/' : '') + path;
+};
+
+// posix version
+exports.isAbsolute = function(path) {
+  return path.charAt(0) === '/';
+};
+
+// posix version
+exports.join = function() {
+  var paths = Array.prototype.slice.call(arguments, 0);
+  return exports.normalize(filter(paths, function(p, index) {
+    if (typeof p !== 'string') {
+      throw new TypeError('Arguments to path.join must be strings');
+    }
+    return p;
+  }).join('/'));
+};
+
+
+// path.relative(from, to)
+// posix version
+exports.relative = function(from, to) {
+  from = exports.resolve(from).substr(1);
+  to = exports.resolve(to).substr(1);
+
+  function trim(arr) {
+    var start = 0;
+    for (; start < arr.length; start++) {
+      if (arr[start] !== '') break;
+    }
+
+    var end = arr.length - 1;
+    for (; end >= 0; end--) {
+      if (arr[end] !== '') break;
+    }
+
+    if (start > end) return [];
+    return arr.slice(start, end - start + 1);
+  }
+
+  var fromParts = trim(from.split('/'));
+  var toParts = trim(to.split('/'));
+
+  var length = Math.min(fromParts.length, toParts.length);
+  var samePartsLength = length;
+  for (var i = 0; i < length; i++) {
+    if (fromParts[i] !== toParts[i]) {
+      samePartsLength = i;
+      break;
+    }
+  }
+
+  var outputParts = [];
+  for (var i = samePartsLength; i < fromParts.length; i++) {
+    outputParts.push('..');
+  }
+
+  outputParts = outputParts.concat(toParts.slice(samePartsLength));
+
+  return outputParts.join('/');
+};
+
+exports.sep = '/';
+exports.delimiter = ':';
+
+exports.dirname = function(path) {
+  var result = splitPath(path),
+      root = result[0],
+      dir = result[1];
+
+  if (!root && !dir) {
+    // No dirname whatsoever
+    return '.';
+  }
+
+  if (dir) {
+    // It has a dirname, strip trailing slash
+    dir = dir.substr(0, dir.length - 1);
+  }
+
+  return root + dir;
+};
+
+
+exports.basename = function(path, ext) {
+  var f = splitPath(path)[2];
+  // TODO: make this comparison case-insensitive on windows?
+  if (ext && f.substr(-1 * ext.length) === ext) {
+    f = f.substr(0, f.length - ext.length);
+  }
+  return f;
+};
+
+
+exports.extname = function(path) {
+  return splitPath(path)[3];
+};
+
+function filter (xs, f) {
+    if (xs.filter) return xs.filter(f);
+    var res = [];
+    for (var i = 0; i < xs.length; i++) {
+        if (f(xs[i], i, xs)) res.push(xs[i]);
+    }
+    return res;
+}
+
+// String.prototype.substr - negative index don't work in IE8
+var substr = 'ab'.substr(-1) === 'b'
+    ? function (str, start, len) { return str.substr(start, len) }
+    : function (str, start, len) {
+        if (start < 0) start = str.length + start;
+        return str.substr(start, len);
+    }
+;
+
+}).call(this,require('_process'))
+},{"_process":487}],477:[function(require,module,exports){
+'use strict';
+
+// lightweight Buffer shim for pbf browser build
+// based on code from github.com/feross/buffer (MIT-licensed)
+
+module.exports = Buffer;
+
+var ieee754 = require('ieee754');
+
+var BufferMethods;
+
+function Buffer(length) {
+    var arr;
+    if (length && length.length) {
+        arr = length;
+        length = arr.length;
+    }
+    var buf = new Uint8Array(length || 0);
+    if (arr) buf.set(arr);
+
+    buf.readUInt32LE = BufferMethods.readUInt32LE;
+    buf.writeUInt32LE = BufferMethods.writeUInt32LE;
+    buf.readInt32LE = BufferMethods.readInt32LE;
+    buf.writeInt32LE = BufferMethods.writeInt32LE;
+    buf.readFloatLE = BufferMethods.readFloatLE;
+    buf.writeFloatLE = BufferMethods.writeFloatLE;
+    buf.readDoubleLE = BufferMethods.readDoubleLE;
+    buf.writeDoubleLE = BufferMethods.writeDoubleLE;
+    buf.toString = BufferMethods.toString;
+    buf.write = BufferMethods.write;
+    buf.slice = BufferMethods.slice;
+    buf.copy = BufferMethods.copy;
+
+    buf._isBuffer = true;
+    return buf;
+}
+
+var lastStr, lastStrEncoded;
+
+BufferMethods = {
+    readUInt32LE: function(pos) {
+        return ((this[pos]) |
+            (this[pos + 1] << 8) |
+            (this[pos + 2] << 16)) +
+            (this[pos + 3] * 0x1000000);
+    },
+
+    writeUInt32LE: function(val, pos) {
+        this[pos] = val;
+        this[pos + 1] = (val >>> 8);
+        this[pos + 2] = (val >>> 16);
+        this[pos + 3] = (val >>> 24);
+    },
+
+    readInt32LE: function(pos) {
+        return ((this[pos]) |
+            (this[pos + 1] << 8) |
+            (this[pos + 2] << 16)) +
+            (this[pos + 3] << 24);
+    },
+
+    readFloatLE:  function(pos) { return ieee754.read(this, pos, true, 23, 4); },
+    readDoubleLE: function(pos) { return ieee754.read(this, pos, true, 52, 8); },
+
+    writeFloatLE:  function(val, pos) { return ieee754.write(this, val, pos, true, 23, 4); },
+    writeDoubleLE: function(val, pos) { return ieee754.write(this, val, pos, true, 52, 8); },
+
+    toString: function(encoding, start, end) {
+        var str = '',
+            tmp = '';
+
+        start = start || 0;
+        end = Math.min(this.length, end || this.length);
+
+        for (var i = start; i < end; i++) {
+            var ch = this[i];
+            if (ch <= 0x7F) {
+                str += decodeURIComponent(tmp) + String.fromCharCode(ch);
+                tmp = '';
+            } else {
+                tmp += '%' + ch.toString(16);
+            }
+        }
+
+        str += decodeURIComponent(tmp);
+
+        return str;
+    },
+
+    write: function(str, pos) {
+        var bytes = str === lastStr ? lastStrEncoded : encodeString(str);
+        for (var i = 0; i < bytes.length; i++) {
+            this[pos + i] = bytes[i];
+        }
+    },
+
+    slice: function(start, end) {
+        return this.subarray(start, end);
+    },
+
+    copy: function(buf, pos) {
+        pos = pos || 0;
+        for (var i = 0; i < this.length; i++) {
+            buf[pos + i] = this[i];
+        }
+    }
+};
+
+BufferMethods.writeInt32LE = BufferMethods.writeUInt32LE;
+
+Buffer.byteLength = function(str) {
+    lastStr = str;
+    lastStrEncoded = encodeString(str);
+    return lastStrEncoded.length;
+};
+
+Buffer.isBuffer = function(buf) {
+    return !!(buf && buf._isBuffer);
+};
+
+function encodeString(str) {
+    var length = str.length,
+        bytes = [];
+
+    for (var i = 0, c, lead; i < length; i++) {
+        c = str.charCodeAt(i); // code point
+
+        if (c > 0xD7FF && c < 0xE000) {
+
+            if (lead) {
+                if (c < 0xDC00) {
+                    bytes.push(0xEF, 0xBF, 0xBD);
+                    lead = c;
+                    continue;
+
+                } else {
+                    c = lead - 0xD800 << 10 | c - 0xDC00 | 0x10000;
+                    lead = null;
+                }
+
+            } else {
+                if (c > 0xDBFF || (i + 1 === length)) bytes.push(0xEF, 0xBF, 0xBD);
+                else lead = c;
+
+                continue;
+            }
+
+        } else if (lead) {
+            bytes.push(0xEF, 0xBF, 0xBD);
+            lead = null;
+        }
+
+        if (c < 0x80) bytes.push(c);
+        else if (c < 0x800) bytes.push(c >> 0x6 | 0xC0, c & 0x3F | 0x80);
+        else if (c < 0x10000) bytes.push(c >> 0xC | 0xE0, c >> 0x6 & 0x3F | 0x80, c & 0x3F | 0x80);
+        else bytes.push(c >> 0x12 | 0xF0, c >> 0xC & 0x3F | 0x80, c >> 0x6 & 0x3F | 0x80, c & 0x3F | 0x80);
+    }
+    return bytes;
+}
+
+},{"ieee754":289}],478:[function(require,module,exports){
+(function (global){
+'use strict';
+
+module.exports = Pbf;
+
+var Buffer = global.Buffer || require('./buffer');
+
+function Pbf(buf) {
+    this.buf = !Buffer.isBuffer(buf) ? new Buffer(buf || 0) : buf;
+    this.pos = 0;
+    this.length = this.buf.length;
+}
+
+Pbf.Varint  = 0; // varint: int32, int64, uint32, uint64, sint32, sint64, bool, enum
+Pbf.Fixed64 = 1; // 64-bit: double, fixed64, sfixed64
+Pbf.Bytes   = 2; // length-delimited: string, bytes, embedded messages, packed repeated fields
+Pbf.Fixed32 = 5; // 32-bit: float, fixed32, sfixed32
+
+var SHIFT_LEFT_32 = (1 << 16) * (1 << 16),
+    SHIFT_RIGHT_32 = 1 / SHIFT_LEFT_32,
+    POW_2_63 = Math.pow(2, 63);
+
+Pbf.prototype = {
+
+    destroy: function() {
+        this.buf = null;
+    },
+
+    // === READING =================================================================
+
+    readFields: function(readField, result, end) {
+        end = end || this.length;
+
+        while (this.pos < end) {
+            var val = this.readVarint(),
+                tag = val >> 3,
+                startPos = this.pos;
+
+            readField(tag, result, this);
+
+            if (this.pos === startPos) this.skip(val);
+        }
+        return result;
+    },
+
+    readMessage: function(readField, result) {
+        return this.readFields(readField, result, this.readVarint() + this.pos);
+    },
+
+    readFixed32: function() {
+        var val = this.buf.readUInt32LE(this.pos);
+        this.pos += 4;
+        return val;
+    },
+
+    readSFixed32: function() {
+        var val = this.buf.readInt32LE(this.pos);
+        this.pos += 4;
+        return val;
+    },
+
+    // 64-bit int handling is based on github.com/dpw/node-buffer-more-ints (MIT-licensed)
+
+    readFixed64: function() {
+        var val = this.buf.readUInt32LE(this.pos) + this.buf.readUInt32LE(this.pos + 4) * SHIFT_LEFT_32;
+        this.pos += 8;
+        return val;
+    },
+
+    readSFixed64: function() {
+        var val = this.buf.readUInt32LE(this.pos) + this.buf.readInt32LE(this.pos + 4) * SHIFT_LEFT_32;
+        this.pos += 8;
+        return val;
+    },
+
+    readFloat: function() {
+        var val = this.buf.readFloatLE(this.pos);
+        this.pos += 4;
+        return val;
+    },
+
+    readDouble: function() {
+        var val = this.buf.readDoubleLE(this.pos);
+        this.pos += 8;
+        return val;
+    },
+
+    readVarint: function() {
+        var buf = this.buf,
+            val, b;
+
+        b = buf[this.pos++]; val  =  b & 0x7f;        if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 7;  if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 14; if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 21; if (b < 0x80) return val;
+
+        return readVarintRemainder(val, this);
+    },
+
+    readVarint64: function() {
+        var startPos = this.pos,
+            val = this.readVarint();
+
+        if (val < POW_2_63) return val;
+
+        var pos = this.pos - 2;
+        while (this.buf[pos] === 0xff) pos--;
+        if (pos < startPos) pos = startPos;
+
+        val = 0;
+        for (var i = 0; i < pos - startPos + 1; i++) {
+            var b = ~this.buf[startPos + i] & 0x7f;
+            val += i < 4 ? b << i * 7 : b * Math.pow(2, i * 7);
+        }
+
+        return -val - 1;
+    },
+
+    readSVarint: function() {
+        var num = this.readVarint();
+        return num % 2 === 1 ? (num + 1) / -2 : num / 2; // zigzag encoding
+    },
+
+    readBoolean: function() {
+        return Boolean(this.readVarint());
+    },
+
+    readString: function() {
+        var end = this.readVarint() + this.pos,
+            str = this.buf.toString('utf8', this.pos, end);
+        this.pos = end;
+        return str;
+    },
+
+    readBytes: function() {
+        var end = this.readVarint() + this.pos,
+            buffer = this.buf.slice(this.pos, end);
+        this.pos = end;
+        return buffer;
+    },
+
+    // verbose for performance reasons; doesn't affect gzipped size
+
+    readPackedVarint: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readVarint());
+        return arr;
+    },
+    readPackedSVarint: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readSVarint());
+        return arr;
+    },
+    readPackedBoolean: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readBoolean());
+        return arr;
+    },
+    readPackedFloat: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readFloat());
+        return arr;
+    },
+    readPackedDouble: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readDouble());
+        return arr;
+    },
+    readPackedFixed32: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readFixed32());
+        return arr;
+    },
+    readPackedSFixed32: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readSFixed32());
+        return arr;
+    },
+    readPackedFixed64: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readFixed64());
+        return arr;
+    },
+    readPackedSFixed64: function() {
+        var end = this.readVarint() + this.pos, arr = [];
+        while (this.pos < end) arr.push(this.readSFixed64());
+        return arr;
+    },
+
+    skip: function(val) {
+        var type = val & 0x7;
+        if (type === Pbf.Varint) while (this.buf[this.pos++] > 0x7f) {}
+        else if (type === Pbf.Bytes) this.pos = this.readVarint() + this.pos;
+        else if (type === Pbf.Fixed32) this.pos += 4;
+        else if (type === Pbf.Fixed64) this.pos += 8;
+        else throw new Error('Unimplemented type: ' + type);
+    },
+
+    // === WRITING =================================================================
+
+    writeTag: function(tag, type) {
+        this.writeVarint((tag << 3) | type);
+    },
+
+    realloc: function(min) {
+        var length = this.length || 16;
+
+        while (length < this.pos + min) length *= 2;
+
+        if (length !== this.length) {
+            var buf = new Buffer(length);
+            this.buf.copy(buf);
+            this.buf = buf;
+            this.length = length;
+        }
+    },
+
+    finish: function() {
+        this.length = this.pos;
+        this.pos = 0;
+        return this.buf.slice(0, this.length);
+    },
+
+    writeFixed32: function(val) {
+        this.realloc(4);
+        this.buf.writeUInt32LE(val, this.pos);
+        this.pos += 4;
+    },
+
+    writeSFixed32: function(val) {
+        this.realloc(4);
+        this.buf.writeInt32LE(val, this.pos);
+        this.pos += 4;
+    },
+
+    writeFixed64: function(val) {
+        this.realloc(8);
+        this.buf.writeInt32LE(val & -1, this.pos);
+        this.buf.writeUInt32LE(Math.floor(val * SHIFT_RIGHT_32), this.pos + 4);
+        this.pos += 8;
+    },
+
+    writeSFixed64: function(val) {
+        this.realloc(8);
+        this.buf.writeInt32LE(val & -1, this.pos);
+        this.buf.writeInt32LE(Math.floor(val * SHIFT_RIGHT_32), this.pos + 4);
+        this.pos += 8;
+    },
+
+    writeVarint: function(val) {
+        val = +val;
+
+        if (val > 0xfffffff) {
+            writeBigVarint(val, this);
+            return;
+        }
+
+        this.realloc(4);
+
+        this.buf[this.pos++] =           val & 0x7f  | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] = ((val >>>= 7) & 0x7f) | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] = ((val >>>= 7) & 0x7f) | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] =   (val >>> 7) & 0x7f;
+    },
+
+    writeSVarint: function(val) {
+        this.writeVarint(val < 0 ? -val * 2 - 1 : val * 2);
+    },
+
+    writeBoolean: function(val) {
+        this.writeVarint(Boolean(val));
+    },
+
+    writeString: function(str) {
+        str = String(str);
+        var bytes = Buffer.byteLength(str);
+        this.writeVarint(bytes);
+        this.realloc(bytes);
+        this.buf.write(str, this.pos);
+        this.pos += bytes;
+    },
+
+    writeFloat: function(val) {
+        this.realloc(4);
+        this.buf.writeFloatLE(val, this.pos);
+        this.pos += 4;
+    },
+
+    writeDouble: function(val) {
+        this.realloc(8);
+        this.buf.writeDoubleLE(val, this.pos);
+        this.pos += 8;
+    },
+
+    writeBytes: function(buffer) {
+        var len = buffer.length;
+        this.writeVarint(len);
+        this.realloc(len);
+        for (var i = 0; i < len; i++) this.buf[this.pos++] = buffer[i];
+    },
+
+    writeRawMessage: function(fn, obj) {
+        this.pos++; // reserve 1 byte for short message length
+
+        // write the message directly to the buffer and see how much was written
+        var startPos = this.pos;
+        fn(obj, this);
+        var len = this.pos - startPos;
+
+        if (len >= 0x80) reallocForRawMessage(startPos, len, this);
+
+        // finally, write the message length in the reserved place and restore the position
+        this.pos = startPos - 1;
+        this.writeVarint(len);
+        this.pos += len;
+    },
+
+    writeMessage: function(tag, fn, obj) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeRawMessage(fn, obj);
+    },
+
+    writePackedVarint:   function(tag, arr) { this.writeMessage(tag, writePackedVarint, arr);   },
+    writePackedSVarint:  function(tag, arr) { this.writeMessage(tag, writePackedSVarint, arr);  },
+    writePackedBoolean:  function(tag, arr) { this.writeMessage(tag, writePackedBoolean, arr);  },
+    writePackedFloat:    function(tag, arr) { this.writeMessage(tag, writePackedFloat, arr);    },
+    writePackedDouble:   function(tag, arr) { this.writeMessage(tag, writePackedDouble, arr);   },
+    writePackedFixed32:  function(tag, arr) { this.writeMessage(tag, writePackedFixed32, arr);  },
+    writePackedSFixed32: function(tag, arr) { this.writeMessage(tag, writePackedSFixed32, arr); },
+    writePackedFixed64:  function(tag, arr) { this.writeMessage(tag, writePackedFixed64, arr);  },
+    writePackedSFixed64: function(tag, arr) { this.writeMessage(tag, writePackedSFixed64, arr); },
+
+    writeBytesField: function(tag, buffer) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeBytes(buffer);
+    },
+    writeFixed32Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeFixed32(val);
+    },
+    writeSFixed32Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeSFixed32(val);
+    },
+    writeFixed64Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeFixed64(val);
+    },
+    writeSFixed64Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeSFixed64(val);
+    },
+    writeVarintField: function(tag, val) {
+        this.writeTag(tag, Pbf.Varint);
+        this.writeVarint(val);
+    },
+    writeSVarintField: function(tag, val) {
+        this.writeTag(tag, Pbf.Varint);
+        this.writeSVarint(val);
+    },
+    writeStringField: function(tag, str) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeString(str);
+    },
+    writeFloatField: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeFloat(val);
+    },
+    writeDoubleField: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeDouble(val);
+    },
+    writeBooleanField: function(tag, val) {
+        this.writeVarintField(tag, Boolean(val));
+    }
+};
+
+function readVarintRemainder(val, pbf) {
+    var buf = pbf.buf, b;
+
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x10000000;         if (b < 0x80) return val;
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x800000000;        if (b < 0x80) return val;
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x40000000000;      if (b < 0x80) return val;
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x2000000000000;    if (b < 0x80) return val;
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x100000000000000;  if (b < 0x80) return val;
+    b = buf[pbf.pos++]; val += (b & 0x7f) * 0x8000000000000000; if (b < 0x80) return val;
+
+    throw new Error('Expected varint not more than 10 bytes');
+}
+
+function writeBigVarint(val, pbf) {
+    pbf.realloc(10);
+
+    var maxPos = pbf.pos + 10;
+
+    while (val >= 1) {
+        if (pbf.pos >= maxPos) throw new Error('Given varint doesn\'t fit into 10 bytes');
+        var b = val & 0xff;
+        pbf.buf[pbf.pos++] = b | (val >= 0x80 ? 0x80 : 0);
+        val /= 0x80;
+    }
+}
+
+function reallocForRawMessage(startPos, len, pbf) {
+    var extraLen =
+        len <= 0x3fff ? 1 :
+        len <= 0x1fffff ? 2 :
+        len <= 0xfffffff ? 3 : Math.ceil(Math.log(len) / (Math.LN2 * 7));
+
+    // if 1 byte isn't enough for encoding message length, shift the data to the right
+    pbf.realloc(extraLen);
+    for (var i = pbf.pos - 1; i >= startPos; i--) pbf.buf[i + extraLen] = pbf.buf[i];
+}
+
+function writePackedVarint(arr, pbf)   { for (var i = 0; i < arr.length; i++) pbf.writeVarint(arr[i]);   }
+function writePackedSVarint(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeSVarint(arr[i]);  }
+function writePackedFloat(arr, pbf)    { for (var i = 0; i < arr.length; i++) pbf.writeFloat(arr[i]);    }
+function writePackedDouble(arr, pbf)   { for (var i = 0; i < arr.length; i++) pbf.writeDouble(arr[i]);   }
+function writePackedBoolean(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeBoolean(arr[i]);  }
+function writePackedFixed32(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeFixed32(arr[i]);  }
+function writePackedSFixed32(arr, pbf) { for (var i = 0; i < arr.length; i++) pbf.writeSFixed32(arr[i]); }
+function writePackedFixed64(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeFixed64(arr[i]);  }
+function writePackedSFixed64(arr, pbf) { for (var i = 0; i < arr.length; i++) pbf.writeSFixed64(arr[i]); }
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./buffer":477}],479:[function(require,module,exports){
+"use strict"
+
+module.exports = permutationSign
+
+var BRUTE_FORCE_CUTOFF = 32
+
+var pool = require("typedarray-pool")
+
+function permutationSign(p) {
+  var n = p.length
+  if(n < BRUTE_FORCE_CUTOFF) {
+    //Use quadratic algorithm for small n
+    var sgn = 1
+    for(var i=0; i<n; ++i) {
+      for(var j=0; j<i; ++j) {
+        if(p[i] < p[j]) {
+          sgn = -sgn
+        } else if(p[i] === p[j]) {
+          return 0
+        }
+      }
+    }
+    return sgn
+  } else {
+    //Otherwise use linear time algorithm
+    var visited = pool.mallocUint8(n)
+    for(var i=0; i<n; ++i) {
+      visited[i] = 0
+    }
+    var sgn = 1
+    for(var i=0; i<n; ++i) {
+      if(!visited[i]) {
+        var count = 1
+        visited[i] = 1
+        for(var j=p[i]; j!==i; j=p[j]) {
+          if(visited[j]) {
+            pool.freeUint8(visited)
+            return 0
+          }
+          count += 1
+          visited[j] = 1
+        }
+        if(!(count & 1)) {
+          sgn = -sgn
+        }
+      }
+    }
+    pool.freeUint8(visited)
+    return sgn
+  }
+}
+},{"typedarray-pool":541}],480:[function(require,module,exports){
+"use strict"
+
+var pool = require("typedarray-pool")
+var inverse = require("invert-permutation")
+
+function rank(permutation) {
+  var n = permutation.length
+  switch(n) {
+    case 0:
+    case 1:
+      return 0
+    case 2:
+      return permutation[1]
+    default:
+      break
+  }
+  var p = pool.mallocUint32(n)
+  var pinv = pool.mallocUint32(n)
+  var r = 0, s, t, i
+  inverse(permutation, pinv)
+  for(i=0; i<n; ++i) {
+    p[i] = permutation[i]
+  }
+  for(i=n-1; i>0; --i) {
+    t = pinv[i]
+    s = p[i]
+    p[i] = p[t]
+    p[t] = s
+    pinv[i] = pinv[s]
+    pinv[s] = t
+    r = (r + s) * i
+  }
+  pool.freeUint32(pinv)
+  pool.freeUint32(p)
+  return r
+}
+
+function unrank(n, r, p) {
+  switch(n) {
+    case 0:
+      if(p) { return p }
+      return []
+    case 1:
+      if(p) {
+        p[0] = 0
+        return p
+      } else {
+        return [0]
+      }
+    case 2:
+      if(p) {
+        if(r) {
+          p[0] = 0
+          p[1] = 1
+        } else {
+          p[0] = 1
+          p[1] = 0
+        }
+        return p
+      } else {
+        return r ? [0,1] : [1,0]
+      }
+    default:
+      break
+  }
+  p = p || new Array(n)
+  var s, t, i, nf=1
+  p[0] = 0
+  for(i=1; i<n; ++i) {
+    p[i] = i
+    nf = (nf*i)|0
+  }
+  for(i=n-1; i>0; --i) {
+    s = (r / nf)|0
+    r = (r - s * nf)|0
+    nf = (nf / i)|0
+    t = p[i]|0
+    p[i] = p[s]|0
+    p[s] = t|0
+  }
+  return p
+}
+
+exports.rank = rank
+exports.unrank = unrank
+
+},{"invert-permutation":292,"typedarray-pool":541}],481:[function(require,module,exports){
+"use strict"
+
+module.exports = planarDual
+
+var compareAngle = require("compare-angle")
+
+function planarDual(cells, positions) {
+
+  var numVertices = positions.length|0
+  var numEdges = cells.length
+  var adj = [new Array(numVertices), new Array(numVertices)]
+  for(var i=0; i<numVertices; ++i) {
+    adj[0][i] = []
+    adj[1][i] = []
+  }
+  for(var i=0; i<numEdges; ++i) {
+    var c = cells[i]
+    adj[0][c[0]].push(c)
+    adj[1][c[1]].push(c)
+  }
+
+  var cycles = []
+
+  //Add isolated vertices as trivial case
+  for(var i=0; i<numVertices; ++i) {
+    if(adj[0][i].length + adj[1][i].length === 0) {
+      cycles.push( [i] )
+    }
+  }
+
+  //Remove a half edge
+  function cut(c, i) {
+    var a = adj[i][c[i]]
+    a.splice(a.indexOf(c), 1)
+  }
+
+  //Find next vertex and cut edge
+  function next(a, b, noCut) {
+    var nextCell, nextVertex, nextDir
+    for(var i=0; i<2; ++i) {
+      if(adj[i][b].length > 0) {
+        nextCell = adj[i][b][0]
+        nextDir = i
+        break
+      }
+    }
+    nextVertex = nextCell[nextDir^1]
+
+    for(var dir=0; dir<2; ++dir) {
+      var nbhd = adj[dir][b]
+      for(var k=0; k<nbhd.length; ++k) {
+        var e = nbhd[k]
+        var p = e[dir^1]
+        var cmp = compareAngle(
+            positions[a], 
+            positions[b], 
+            positions[nextVertex],
+            positions[p])
+        if(cmp > 0) {
+          nextCell = e
+          nextVertex = p
+          nextDir = dir
+        }
+      }
+    }
+    if(noCut) {
+      return nextVertex
+    }
+    if(nextCell) {
+      cut(nextCell, nextDir)
+    }
+    return nextVertex
+  }
+
+  function extractCycle(v, dir) {
+    var e0 = adj[dir][v][0]
+    var cycle = [v]
+    cut(e0, dir)
+    var u = e0[dir^1]
+    var d0 = dir
+    while(true) {
+      while(u !== v) {
+        cycle.push(u)
+        u = next(cycle[cycle.length-2], u, false)
+      }
+      if(adj[0][v].length + adj[1][v].length === 0) {
+        break
+      }
+      var a = cycle[cycle.length-1]
+      var b = v
+      var c = cycle[1]
+      var d = next(a, b, true)
+      if(compareAngle(positions[a], positions[b], positions[c], positions[d]) < 0) {
+        break
+      }
+      cycle.push(v)
+      u = next(a, b)
+    }
+    return cycle
+  }
+
+  function shouldGlue(pcycle, ncycle) {
+    return (ncycle[1] === ncycle[ncycle.length-1])
+  }
+
+  for(var i=0; i<numVertices; ++i) {
+    for(var j=0; j<2; ++j) {
+      var pcycle = []
+      while(adj[j][i].length > 0) {
+        var ni = adj[0][i].length
+        var ncycle = extractCycle(i,j)
+        if(shouldGlue(pcycle, ncycle)) {
+          //Glue together trivial cycles
+          pcycle.push.apply(pcycle, ncycle)
+        } else {
+          if(pcycle.length > 0) {
+            cycles.push(pcycle)
+          }
+          pcycle = ncycle
+        }
+      }
+      if(pcycle.length > 0) {
+        cycles.push(pcycle)
+      }
+    }
+  }
+
+  //Combine paths and loops together
+  return cycles
+}
+},{"compare-angle":100}],482:[function(require,module,exports){
+'use strict'
+
+module.exports = trimLeaves
+
+var e2a = require('edges-to-adjacency-list')
+
+function trimLeaves(edges, positions) {
+  var adj = e2a(edges, positions.length)
+  var live = new Array(positions.length)
+  var nbhd = new Array(positions.length)
+
+  var dead = []
+  for(var i=0; i<positions.length; ++i) {
+    var count = adj[i].length
+    nbhd[i] = count
+    live[i] = true
+    if(count <= 1) {
+      dead.push(i)
+    }
+  }
+
+  while(dead.length > 0) {
+    var v = dead.pop()
+    live[v] = false
+    var n = adj[v]
+    for(var i=0; i<n.length; ++i) {
+      var u = n[i]
+      if(--nbhd[u] === 0) {
+        dead.push(u)
+      }
+    }
+  }
+
+  var newIndex = new Array(positions.length)
+  var npositions = []
+  for(var i=0; i<positions.length; ++i) {
+    if(live[i]) {
+      var v = npositions.length
+      newIndex[i] = v
+      npositions.push(positions[i])
+    } else {
+      newIndex[i] = -1
+    }
+  }
+
+  var nedges = []
+  for(var i=0; i<edges.length; ++i) {
+    var e = edges[i]
+    if(live[e[0]] && live[e[1]]) {
+      nedges.push([ newIndex[e[0]], newIndex[e[1]] ])
+    }
+  }
+  
+  return [ nedges, npositions ]
+}
+},{"edges-to-adjacency-list":127}],483:[function(require,module,exports){
+'use strict'
+
+module.exports = planarGraphToPolyline
+
+var e2a = require('edges-to-adjacency-list')
+var planarDual = require('planar-dual')
+var preprocessPolygon = require('point-in-big-polygon')
+var twoProduct = require('two-product')
+var robustSum = require('robust-sum')
+var uniq = require('uniq')
+var trimLeaves = require('./lib/trim-leaves')
+
+function makeArray(length, fill) {
+  var result = new Array(length)
+  for(var i=0; i<length; ++i) {
+    result[i] = fill
+  }
+  return result
+}
+
+function makeArrayOfArrays(length) {
+  var result = new Array(length)
+  for(var i=0; i<length; ++i) {
+    result[i] = []
+  }
+  return result
+}
+
+
+function planarGraphToPolyline(edges, positions) {
+
+  //Trim leaves
+  var result = trimLeaves(edges, positions)
+  edges = result[0]
+  positions = result[1]
+
+  var numVertices = positions.length
+  var numEdges = edges.length
+
+  //Calculate adjacency list, check manifold
+  var adj = e2a(edges, positions.length)
+  for(var i=0; i<numVertices; ++i) {
+    if(adj[i].length % 2 === 1) {
+      throw new Error('planar-graph-to-polyline: graph must be manifold')
+    }
+  }
+
+  //Get faces
+  var faces = planarDual(edges, positions)
+
+  //Check orientation of a polygon using exact arithmetic
+  function ccw(c) {
+    var n = c.length
+    var area = [0]
+    for(var j=0; j<n; ++j) {
+      var a = positions[c[j]]
+      var b = positions[c[(j+1)%n]]
+      var t00 = twoProduct(-a[0], a[1])
+      var t01 = twoProduct(-a[0], b[1])
+      var t10 = twoProduct( b[0], a[1])
+      var t11 = twoProduct( b[0], b[1])
+      area = robustSum(area, robustSum(robustSum(t00, t01), robustSum(t10, t11)))
+    }
+    return area[area.length-1] > 0
+  }
+
+  //Extract all clockwise faces
+  faces = faces.filter(ccw)
+
+  //Detect which loops are contained in one another to handle parent-of relation
+  var numFaces = faces.length
+  var parent = new Array(numFaces)
+  var containment = new Array(numFaces)
+  for(var i=0; i<numFaces; ++i) {
+    parent[i] = i
+    var row = new Array(numFaces)
+    var loopVertices = faces[i].map(function(v) {
+      return positions[v]
+    })
+    var pmc = preprocessPolygon([loopVertices])
+    var count = 0
+    outer:
+    for(var j=0; j<numFaces; ++j) {
+      row[j] = 0
+      if(i === j) {
+        continue
+      }
+      var c = faces[j]
+      var n = c.length
+      for(var k=0; k<n; ++k) {
+        var d = pmc(positions[c[k]])
+        if(d !== 0) {
+          if(d < 0) {
+            row[j] = 1
+            count += 1
+          }
+          continue outer
+        }
+      }
+      row[j] = 1
+      count += 1
+    }
+    containment[i] = [count, i, row]
+  }
+  containment.sort(function(a,b) {
+    return b[0] - a[0]
+  })
+  for(var i=0; i<numFaces; ++i) {
+    var row = containment[i]
+    var idx = row[1]
+    var children = row[2]
+    for(var j=0; j<numFaces; ++j) {
+      if(children[j]) {
+        parent[j] = idx
+      }
+    }
+  }
+
+  //Initialize face adjacency list
+  var fadj = makeArrayOfArrays(numFaces)
+  for(var i=0; i<numFaces; ++i) {
+    fadj[i].push(parent[i])
+    fadj[parent[i]].push(i)
+  }
+
+  //Build adjacency matrix for edges
+  var edgeAdjacency = {}
+  var internalVertices = makeArray(numVertices, false)
+  for(var i=0; i<numFaces; ++i) {
+    var c = faces[i]
+    var n = c.length
+    for(var j=0; j<n; ++j) {
+      var a = c[j]
+      var b = c[(j+1)%n]
+      var key = Math.min(a,b) + ":" + Math.max(a,b)
+      if(key in edgeAdjacency) {
+        var neighbor = edgeAdjacency[key]
+        fadj[neighbor].push(i)
+        fadj[i].push(neighbor)
+        internalVertices[a] = internalVertices[b] = true
+      } else {
+        edgeAdjacency[key] = i
+      }
+    }
+  }
+
+  function sharedBoundary(c) {
+    var n = c.length
+    for(var i=0; i<n; ++i) {
+      if(!internalVertices[c[i]]) {
+        return false
+      }
+    }
+    return true
+  }
+
+  var toVisit = []
+  var parity = makeArray(numFaces, -1)
+  for(var i=0; i<numFaces; ++i) {
+    if(parent[i] === i && !sharedBoundary(faces[i])) {
+      toVisit.push(i)
+      parity[i] = 0
+    } else {
+      parity[i] = -1
+    }
+  }
+
+  //Using face adjacency, classify faces as in/out
+  var result = []
+  while(toVisit.length > 0) {
+    var top = toVisit.pop()
+    var nbhd = fadj[top]
+    uniq(nbhd, function(a,b) {
+      return a-b
+    })
+    var nnbhr = nbhd.length
+    var p = parity[top]
+    var polyline
+    if(p === 0) {
+      var c = faces[top]
+      polyline = [c]
+    }
+    for(var i=0; i<nnbhr; ++i) {
+      var f = nbhd[i]
+      if(parity[f] >= 0) {
+        continue
+      }
+      parity[f] = p^1
+      toVisit.push(f)
+      if(p === 0) {
+        var c = faces[f]
+        if(!sharedBoundary(c)) {
+          c.reverse()
+          polyline.push(c)
+        }
+      }
+    }
+    if(p === 0) {
+      result.push(polyline)
+    }
+  }
+
+  return result
+}
+},{"./lib/trim-leaves":482,"edges-to-adjacency-list":127,"planar-dual":481,"point-in-big-polygon":485,"robust-sum":513,"two-product":539,"uniq":543}],484:[function(require,module,exports){
+'use strict';
+
+module.exports = Point;
+
+function Point(x, y) {
+    this.x = x;
+    this.y = y;
+}
+
+Point.prototype = {
+    clone: function() { return new Point(this.x, this.y); },
+
+    add:     function(p) { return this.clone()._add(p);     },
+    sub:     function(p) { return this.clone()._sub(p);     },
+    mult:    function(k) { return this.clone()._mult(k);    },
+    div:     function(k) { return this.clone()._div(k);     },
+    rotate:  function(a) { return this.clone()._rotate(a);  },
+    matMult: function(m) { return this.clone()._matMult(m); },
+    unit:    function() { return this.clone()._unit(); },
+    perp:    function() { return this.clone()._perp(); },
+    round:   function() { return this.clone()._round(); },
+
+    mag: function() {
+        return Math.sqrt(this.x * this.x + this.y * this.y);
+    },
+
+    equals: function(p) {
+        return this.x === p.x &&
+               this.y === p.y;
+    },
+
+    dist: function(p) {
+        return Math.sqrt(this.distSqr(p));
+    },
+
+    distSqr: function(p) {
+        var dx = p.x - this.x,
+            dy = p.y - this.y;
+        return dx * dx + dy * dy;
+    },
+
+    angle: function() {
+        return Math.atan2(this.y, this.x);
+    },
+
+    angleTo: function(b) {
+        return Math.atan2(this.y - b.y, this.x - b.x);
+    },
+
+    angleWith: function(b) {
+        return this.angleWithSep(b.x, b.y);
+    },
+
+    // Find the angle of the two vectors, solving the formula for the cross product a x b = |a||b|sin(θ) for θ.
+    angleWithSep: function(x, y) {
+        return Math.atan2(
+            this.x * y - this.y * x,
+            this.x * x + this.y * y);
+    },
+
+    _matMult: function(m) {
+        var x = m[0] * this.x + m[1] * this.y,
+            y = m[2] * this.x + m[3] * this.y;
+        this.x = x;
+        this.y = y;
+        return this;
+    },
+
+    _add: function(p) {
+        this.x += p.x;
+        this.y += p.y;
+        return this;
+    },
+
+    _sub: function(p) {
+        this.x -= p.x;
+        this.y -= p.y;
+        return this;
+    },
+
+    _mult: function(k) {
+        this.x *= k;
+        this.y *= k;
+        return this;
+    },
+
+    _div: function(k) {
+        this.x /= k;
+        this.y /= k;
+        return this;
+    },
+
+    _unit: function() {
+        this._div(this.mag());
+        return this;
+    },
+
+    _perp: function() {
+        var y = this.y;
+        this.y = this.x;
+        this.x = -y;
+        return this;
+    },
+
+    _rotate: function(angle) {
+        var cos = Math.cos(angle),
+            sin = Math.sin(angle),
+            x = cos * this.x - sin * this.y,
+            y = sin * this.x + cos * this.y;
+        this.x = x;
+        this.y = y;
+        return this;
+    },
+
+    _round: function() {
+        this.x = Math.round(this.x);
+        this.y = Math.round(this.y);
+        return this;
+    }
+};
+
+// constructs Point from an array if necessary
+Point.convert = function (a) {
+    if (a instanceof Point) {
+        return a;
+    }
+    if (Array.isArray(a)) {
+        return new Point(a[0], a[1]);
+    }
+    return a;
+};
+
+},{}],485:[function(require,module,exports){
+module.exports = preprocessPolygon
+
+var orient = require('robust-orientation')[3]
+var makeSlabs = require('slab-decomposition')
+var makeIntervalTree = require('interval-tree-1d')
+var bsearch = require('binary-search-bounds')
+
+function visitInterval() {
+  return true
+}
+
+function intervalSearch(table) {
+  return function(x, y) {
+    var tree = table[x]
+    if(tree) {
+      return !!tree.queryPoint(y, visitInterval)
+    }
+    return false
+  }
+}
+
+function buildVerticalIndex(segments) {
+  var table = {}
+  for(var i=0; i<segments.length; ++i) {
+    var s = segments[i]
+    var x = s[0][0]
+    var y0 = s[0][1]
+    var y1 = s[1][1]
+    var p = [ Math.min(y0, y1), Math.max(y0, y1) ]
+    if(x in table) {
+      table[x].push(p)
+    } else {
+      table[x] = [ p ]
+    }
+  }
+  var intervalTable = {}
+  var keys = Object.keys(table)
+  for(var i=0; i<keys.length; ++i) {
+    var segs = table[keys[i]]
+    intervalTable[keys[i]] = makeIntervalTree(segs)
+  }
+  return intervalSearch(intervalTable)
+}
+
+function buildSlabSearch(slabs, coordinates) {
+  return function(p) {
+    var bucket = bsearch.le(coordinates, p[0])
+    if(bucket < 0) {
+      return 1
+    }
+    var root = slabs[bucket]
+    if(!root) {
+      if(bucket > 0 && coordinates[bucket] === p[0]) {
+        root = slabs[bucket-1]
+      } else {
+        return 1
+      }
+    }
+    var lastOrientation = 1
+    while(root) {
+      var s = root.key
+      var o = orient(p, s[0], s[1])
+      if(s[0][0] < s[1][0]) {
+        if(o < 0) {
+          root = root.left
+        } else if(o > 0) {
+          lastOrientation = -1
+          root = root.right
+        } else {
+          return 0
+        }
+      } else {
+        if(o > 0) {
+          root = root.left
+        } else if(o < 0) {
+          lastOrientation = 1
+          root = root.right
+        } else {
+          return 0
+        }
+      }
+    }
+    return lastOrientation
+  }
+}
+
+function classifyEmpty(p) {
+  return 1
+}
+
+function createClassifyVertical(testVertical) {
+  return function classify(p) {
+    if(testVertical(p[0], p[1])) {
+      return 0
+    }
+    return 1
+  }
+}
+
+function createClassifyPointDegen(testVertical, testNormal) {
+  return function classify(p) {
+    if(testVertical(p[0], p[1])) {
+      return 0
+    }
+    return testNormal(p)
+  }
+}
+
+function preprocessPolygon(loops) {
+  //Compute number of loops
+  var numLoops = loops.length
+
+  //Unpack segments
+  var segments = []
+  var vsegments = []
+  var ptr = 0
+  for(var i=0; i<numLoops; ++i) {
+    var loop = loops[i]
+    var numVertices = loop.length
+    for(var s=numVertices-1,t=0; t<numVertices; s=(t++)) {
+      var a = loop[s]
+      var b = loop[t]
+      if(a[0] === b[0]) {
+        vsegments.push([a,b])
+      } else {
+        segments.push([a,b])
+      }
+    }
+  }
+
+  //Degenerate case: All loops are empty
+  if(segments.length === 0) {
+    if(vsegments.length === 0) {
+      return classifyEmpty
+    } else {
+      return createClassifyVertical(buildVerticalIndex(vsegments))
+    }
+  }
+
+  //Build slab decomposition
+  var slabs = makeSlabs(segments)
+  var testSlab = buildSlabSearch(slabs.slabs, slabs.coordinates)
+
+  if(vsegments.length === 0) {
+    return testSlab
+  } else {
+    return createClassifyPointDegen(
+      buildVerticalIndex(vsegments),
+      testSlab)
+  }
+}
+},{"binary-search-bounds":66,"interval-tree-1d":291,"robust-orientation":508,"slab-decomposition":525}],486:[function(require,module,exports){
+//Optimized version for triangle closest point
+// Based on Eberly's WildMagick codes
+// http://www.geometrictools.com/LibMathematics/Distance/Distance.html
+"use strict";
+
+var diff = new Float64Array(4);
+var edge0 = new Float64Array(4);
+var edge1 = new Float64Array(4);
+
+function closestPoint2d(V0, V1, V2, point, result) {
+  //Reallocate buffers if necessary
+  if(diff.length < point.length) {
+    diff = new Float64Array(point.length);
+    edge0 = new Float64Array(point.length);
+    edge1 = new Float64Array(point.length);
+  }
+  //Compute edges
+  for(var i=0; i<point.length; ++i) {
+    diff[i]  = V0[i] - point[i];
+    edge0[i] = V1[i] - V0[i];
+    edge1[i] = V2[i] - V0[i];
+  }
+  //Compute coefficients for quadratic func
+  var a00 = 0.0
+    , a01 = 0.0
+    , a11 = 0.0
+    , b0  = 0.0
+    , b1  = 0.0
+    , c   = 0.0;
+  for(var i=0; i<point.length; ++i) {
+    var e0 = edge0[i]
+      , e1 = edge1[i]
+      , d  = diff[i];
+    a00 += e0 * e0;
+    a01 += e0 * e1;
+    a11 += e1 * e1;
+    b0  += d * e0;
+    b1  += d * e1;
+    c   += d * d;
+  }
+  //Compute determinant/coeffs
+  var det = Math.abs(a00*a11 - a01*a01);
+  var s   = a01*b1 - a11*b0;
+  var t   = a01*b0 - a00*b1;
+  var sqrDistance;
+  //Hardcoded Voronoi diagram classification
+  if (s + t <= det) {
+    if (s < 0) {
+      if (t < 0) { // region 4
+        if (b0 < 0) {
+          t = 0;
+          if (-b0 >= a00) {
+            s = 1.0;
+            sqrDistance = a00 + 2.0*b0 + c;
+          } else {
+            s = -b0/a00;
+            sqrDistance = b0*s + c;
+          }
+        } else {
+          s = 0;
+          if (b1 >= 0) {
+            t = 0;
+            sqrDistance = c;
+          } else if (-b1 >= a11) {
+            t = 1;
+            sqrDistance = a11 + 2.0*b1 + c;
+          } else {
+            t = -b1/a11;
+            sqrDistance = b1*t + c;
+          }
+        }
+      } else {  // region 3
+        s = 0;
+        if (b1 >= 0) {
+          t = 0;
+          sqrDistance = c;
+        } else if (-b1 >= a11) {
+          t = 1;
+          sqrDistance = a11 + 2.0*b1 + c;
+        } else {
+          t = -b1/a11;
+          sqrDistance = b1*t + c;
+        }
+      }
+    } else if (t < 0) { // region 5
+      t = 0;
+      if (b0 >= 0) {
+        s = 0;
+        sqrDistance = c;
+      } else if (-b0 >= a00) {
+        s = 1;
+        sqrDistance = a00 + 2.0*b0 + c;
+      } else {
+        s = -b0/a00;
+        sqrDistance = b0*s + c;
+      }
+    } else {  // region 0
+      // minimum at interior point
+      var invDet = 1.0 / det;
+      s *= invDet;
+      t *= invDet;
+      sqrDistance = s*(a00*s + a01*t + 2.0*b0) + t*(a01*s + a11*t + 2.0*b1) + c;
+    }
+  } else {
+    var tmp0, tmp1, numer, denom;
+    
+    if (s < 0) {  // region 2
+      tmp0 = a01 + b0;
+      tmp1 = a11 + b1;
+      if (tmp1 > tmp0) {
+        numer = tmp1 - tmp0;
+        denom = a00 - 2.0*a01 + a11;
+        if (numer >= denom) {
+          s = 1;
+          t = 0;
+          sqrDistance = a00 + 2.0*b0 + c;
+        } else {
+          s = numer/denom;
+          t = 1 - s;
+          sqrDistance = s*(a00*s + a01*t + 2.0*b0) +
+          t*(a01*s + a11*t + 2.0*b1) + c;
+        }
+      } else {
+        s = 0;
+        if (tmp1 <= 0) {
+          t = 1;
+          sqrDistance = a11 + 2.0*b1 + c;
+        } else if (b1 >= 0) {
+          t = 0;
+          sqrDistance = c;
+        } else {
+          t = -b1/a11;
+          sqrDistance = b1*t + c;
+        }
+      }
+    } else if (t < 0) {  // region 6
+      tmp0 = a01 + b1;
+      tmp1 = a00 + b0;
+      if (tmp1 > tmp0) {
+        numer = tmp1 - tmp0;
+        denom = a00 - 2.0*a01 + a11;
+        if (numer >= denom) {
+          t = 1;
+          s = 0;
+          sqrDistance = a11 + 2.0*b1 + c;
+        } else {
+          t = numer/denom;
+          s = 1 - t;
+          sqrDistance = s*(a00*s + a01*t + 2.0*b0) +
+          t*(a01*s + a11*t + 2.0*b1) + c;
+        }
+      } else {
+        t = 0;
+        if (tmp1 <= 0) {
+          s = 1;
+          sqrDistance = a00 + 2.0*b0 + c;
+        } else if (b0 >= 0) {
+          s = 0;
+          sqrDistance = c;
+        } else {
+          s = -b0/a00;
+          sqrDistance = b0*s + c;
+        }
+      }
+    } else {  // region 1
+      numer = a11 + b1 - a01 - b0;
+      if (numer <= 0) {
+        s = 0;
+        t = 1;
+        sqrDistance = a11 + 2.0*b1 + c;
+      } else {
+        denom = a00 - 2.0*a01 + a11;
+        if (numer >= denom) {
+          s = 1;
+          t = 0;
+          sqrDistance = a00 + 2.0*b0 + c;
+        } else {
+          s = numer/denom;
+          t = 1 - s;
+          sqrDistance = s*(a00*s + a01*t + 2.0*b0) +
+          t*(a01*s + a11*t + 2.0*b1) + c;
+        }
+      }
+    }
+  }
+  var u = 1.0 - s - t;
+  for(var i=0; i<point.length; ++i) {
+    result[i] = u * V0[i] + s * V1[i] + t * V2[i];
+  }
+  if(sqrDistance < 0) {
+    return 0;
+  }
+  return sqrDistance;
+}
+
+module.exports = closestPoint2d;
+
+},{}],487:[function(require,module,exports){
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+},{}],488:[function(require,module,exports){
+(function (global){
+/*! https://mths.be/punycode v1.4.1 by @mathias */
+;(function(root) {
+
+	/** Detect free variables */
+	var freeExports = typeof exports == 'object' && exports &&
+		!exports.nodeType && exports;
+	var freeModule = typeof module == 'object' && module &&
+		!module.nodeType && module;
+	var freeGlobal = typeof global == 'object' && global;
+	if (
+		freeGlobal.global === freeGlobal ||
+		freeGlobal.window === freeGlobal ||
+		freeGlobal.self === freeGlobal
+	) {
+		root = freeGlobal;
+	}
+
+	/**
+	 * The `punycode` object.
+	 * @name punycode
+	 * @type Object
+	 */
+	var punycode,
+
+	/** Highest positive signed 32-bit float value */
+	maxInt = 2147483647, // aka. 0x7FFFFFFF or 2^31-1
+
+	/** Bootstring parameters */
+	base = 36,
+	tMin = 1,
+	tMax = 26,
+	skew = 38,
+	damp = 700,
+	initialBias = 72,
+	initialN = 128, // 0x80
+	delimiter = '-', // '\x2D'
+
+	/** Regular expressions */
+	regexPunycode = /^xn--/,
+	regexNonASCII = /[^\x20-\x7E]/, // unprintable ASCII chars + non-ASCII chars
+	regexSeparators = /[\x2E\u3002\uFF0E\uFF61]/g, // RFC 3490 separators
+
+	/** Error messages */
+	errors = {
+		'overflow': 'Overflow: input needs wider integers to process',
+		'not-basic': 'Illegal input >= 0x80 (not a basic code point)',
+		'invalid-input': 'Invalid input'
+	},
+
+	/** Convenience shortcuts */
+	baseMinusTMin = base - tMin,
+	floor = Math.floor,
+	stringFromCharCode = String.fromCharCode,
+
+	/** Temporary variable */
+	key;
+
+	/*--------------------------------------------------------------------------*/
+
+	/**
+	 * A generic error utility function.
+	 * @private
+	 * @param {String} type The error type.
+	 * @returns {Error} Throws a `RangeError` with the applicable error message.
+	 */
+	function error(type) {
+		throw new RangeError(errors[type]);
+	}
+
+	/**
+	 * A generic `Array#map` utility function.
+	 * @private
+	 * @param {Array} array The array to iterate over.
+	 * @param {Function} callback The function that gets called for every array
+	 * item.
+	 * @returns {Array} A new array of values returned by the callback function.
+	 */
+	function map(array, fn) {
+		var length = array.length;
+		var result = [];
+		while (length--) {
+			result[length] = fn(array[length]);
+		}
+		return result;
+	}
+
+	/**
+	 * A simple `Array#map`-like wrapper to work with domain name strings or email
+	 * addresses.
+	 * @private
+	 * @param {String} domain The domain name or email address.
+	 * @param {Function} callback The function that gets called for every
+	 * character.
+	 * @returns {Array} A new string of characters returned by the callback
+	 * function.
+	 */
+	function mapDomain(string, fn) {
+		var parts = string.split('@');
+		var result = '';
+		if (parts.length > 1) {
+			// In email addresses, only the domain name should be punycoded. Leave
+			// the local part (i.e. everything up to `@`) intact.
+			result = parts[0] + '@';
+			string = parts[1];
+		}
+		// Avoid `split(regex)` for IE8 compatibility. See #17.
+		string = string.replace(regexSeparators, '\x2E');
+		var labels = string.split('.');
+		var encoded = map(labels, fn).join('.');
+		return result + encoded;
+	}
+
+	/**
+	 * Creates an array containing the numeric code points of each Unicode
+	 * character in the string. While JavaScript uses UCS-2 internally,
+	 * this function will convert a pair of surrogate halves (each of which
+	 * UCS-2 exposes as separate characters) into a single code point,
+	 * matching UTF-16.
+	 * @see `punycode.ucs2.encode`
+	 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+	 * @memberOf punycode.ucs2
+	 * @name decode
+	 * @param {String} string The Unicode input string (UCS-2).
+	 * @returns {Array} The new array of code points.
+	 */
+	function ucs2decode(string) {
+		var output = [],
+		    counter = 0,
+		    length = string.length,
+		    value,
+		    extra;
+		while (counter < length) {
+			value = string.charCodeAt(counter++);
+			if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
+				// high surrogate, and there is a next character
+				extra = string.charCodeAt(counter++);
+				if ((extra & 0xFC00) == 0xDC00) { // low surrogate
+					output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
+				} else {
+					// unmatched surrogate; only append this code unit, in case the next
+					// code unit is the high surrogate of a surrogate pair
+					output.push(value);
+					counter--;
+				}
+			} else {
+				output.push(value);
+			}
+		}
+		return output;
+	}
+
+	/**
+	 * Creates a string based on an array of numeric code points.
+	 * @see `punycode.ucs2.decode`
+	 * @memberOf punycode.ucs2
+	 * @name encode
+	 * @param {Array} codePoints The array of numeric code points.
+	 * @returns {String} The new Unicode string (UCS-2).
+	 */
+	function ucs2encode(array) {
+		return map(array, function(value) {
+			var output = '';
+			if (value > 0xFFFF) {
+				value -= 0x10000;
+				output += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);
+				value = 0xDC00 | value & 0x3FF;
+			}
+			output += stringFromCharCode(value);
+			return output;
+		}).join('');
+	}
+
+	/**
+	 * Converts a basic code point into a digit/integer.
+	 * @see `digitToBasic()`
+	 * @private
+	 * @param {Number} codePoint The basic numeric code point value.
+	 * @returns {Number} The numeric value of a basic code point (for use in
+	 * representing integers) in the range `0` to `base - 1`, or `base` if
+	 * the code point does not represent a value.
+	 */
+	function basicToDigit(codePoint) {
+		if (codePoint - 48 < 10) {
+			return codePoint - 22;
+		}
+		if (codePoint - 65 < 26) {
+			return codePoint - 65;
+		}
+		if (codePoint - 97 < 26) {
+			return codePoint - 97;
+		}
+		return base;
+	}
+
+	/**
+	 * Converts a digit/integer into a basic code point.
+	 * @see `basicToDigit()`
+	 * @private
+	 * @param {Number} digit The numeric value of a basic code point.
+	 * @returns {Number} The basic code point whose value (when used for
+	 * representing integers) is `digit`, which needs to be in the range
+	 * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is
+	 * used; else, the lowercase form is used. The behavior is undefined
+	 * if `flag` is non-zero and `digit` has no uppercase form.
+	 */
+	function digitToBasic(digit, flag) {
+		//  0..25 map to ASCII a..z or A..Z
+		// 26..35 map to ASCII 0..9
+		return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);
+	}
+
+	/**
+	 * Bias adaptation function as per section 3.4 of RFC 3492.
+	 * https://tools.ietf.org/html/rfc3492#section-3.4
+	 * @private
+	 */
+	function adapt(delta, numPoints, firstTime) {
+		var k = 0;
+		delta = firstTime ? floor(delta / damp) : delta >> 1;
+		delta += floor(delta / numPoints);
+		for (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {
+			delta = floor(delta / baseMinusTMin);
+		}
+		return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
+	}
+
+	/**
+	 * Converts a Punycode string of ASCII-only symbols to a string of Unicode
+	 * symbols.
+	 * @memberOf punycode
+	 * @param {String} input The Punycode string of ASCII-only symbols.
+	 * @returns {String} The resulting string of Unicode symbols.
+	 */
+	function decode(input) {
+		// Don't use UCS-2
+		var output = [],
+		    inputLength = input.length,
+		    out,
+		    i = 0,
+		    n = initialN,
+		    bias = initialBias,
+		    basic,
+		    j,
+		    index,
+		    oldi,
+		    w,
+		    k,
+		    digit,
+		    t,
+		    /** Cached calculation results */
+		    baseMinusT;
+
+		// Handle the basic code points: let `basic` be the number of input code
+		// points before the last delimiter, or `0` if there is none, then copy
+		// the first basic code points to the output.
+
+		basic = input.lastIndexOf(delimiter);
+		if (basic < 0) {
+			basic = 0;
+		}
+
+		for (j = 0; j < basic; ++j) {
+			// if it's not a basic code point
+			if (input.charCodeAt(j) >= 0x80) {
+				error('not-basic');
+			}
+			output.push(input.charCodeAt(j));
+		}
+
+		// Main decoding loop: start just after the last delimiter if any basic code
+		// points were copied; start at the beginning otherwise.
+
+		for (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {
+
+			// `index` is the index of the next character to be consumed.
+			// Decode a generalized variable-length integer into `delta`,
+			// which gets added to `i`. The overflow checking is easier
+			// if we increase `i` as we go, then subtract off its starting
+			// value at the end to obtain `delta`.
+			for (oldi = i, w = 1, k = base; /* no condition */; k += base) {
+
+				if (index >= inputLength) {
+					error('invalid-input');
+				}
+
+				digit = basicToDigit(input.charCodeAt(index++));
+
+				if (digit >= base || digit > floor((maxInt - i) / w)) {
+					error('overflow');
+				}
+
+				i += digit * w;
+				t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
+
+				if (digit < t) {
+					break;
+				}
+
+				baseMinusT = base - t;
+				if (w > floor(maxInt / baseMinusT)) {
+					error('overflow');
+				}
+
+				w *= baseMinusT;
+
+			}
+
+			out = output.length + 1;
+			bias = adapt(i - oldi, out, oldi == 0);
+
+			// `i` was supposed to wrap around from `out` to `0`,
+			// incrementing `n` each time, so we'll fix that now:
+			if (floor(i / out) > maxInt - n) {
+				error('overflow');
+			}
+
+			n += floor(i / out);
+			i %= out;
+
+			// Insert `n` at position `i` of the output
+			output.splice(i++, 0, n);
+
+		}
+
+		return ucs2encode(output);
+	}
+
+	/**
+	 * Converts a string of Unicode symbols (e.g. a domain name label) to a
+	 * Punycode string of ASCII-only symbols.
+	 * @memberOf punycode
+	 * @param {String} input The string of Unicode symbols.
+	 * @returns {String} The resulting Punycode string of ASCII-only symbols.
+	 */
+	function encode(input) {
+		var n,
+		    delta,
+		    handledCPCount,
+		    basicLength,
+		    bias,
+		    j,
+		    m,
+		    q,
+		    k,
+		    t,
+		    currentValue,
+		    output = [],
+		    /** `inputLength` will hold the number of code points in `input`. */
+		    inputLength,
+		    /** Cached calculation results */
+		    handledCPCountPlusOne,
+		    baseMinusT,
+		    qMinusT;
+
+		// Convert the input in UCS-2 to Unicode
+		input = ucs2decode(input);
+
+		// Cache the length
+		inputLength = input.length;
+
+		// Initialize the state
+		n = initialN;
+		delta = 0;
+		bias = initialBias;
+
+		// Handle the basic code points
+		for (j = 0; j < inputLength; ++j) {
+			currentValue = input[j];
+			if (currentValue < 0x80) {
+				output.push(stringFromCharCode(currentValue));
+			}
+		}
+
+		handledCPCount = basicLength = output.length;
+
+		// `handledCPCount` is the number of code points that have been handled;
+		// `basicLength` is the number of basic code points.
+
+		// Finish the basic string - if it is not empty - with a delimiter
+		if (basicLength) {
+			output.push(delimiter);
+		}
+
+		// Main encoding loop:
+		while (handledCPCount < inputLength) {
+
+			// All non-basic code points < n have been handled already. Find the next
+			// larger one:
+			for (m = maxInt, j = 0; j < inputLength; ++j) {
+				currentValue = input[j];
+				if (currentValue >= n && currentValue < m) {
+					m = currentValue;
+				}
+			}
+
+			// Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
+			// but guard against overflow
+			handledCPCountPlusOne = handledCPCount + 1;
+			if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
+				error('overflow');
+			}
+
+			delta += (m - n) * handledCPCountPlusOne;
+			n = m;
+
+			for (j = 0; j < inputLength; ++j) {
+				currentValue = input[j];
+
+				if (currentValue < n && ++delta > maxInt) {
+					error('overflow');
+				}
+
+				if (currentValue == n) {
+					// Represent delta as a generalized variable-length integer
+					for (q = delta, k = base; /* no condition */; k += base) {
+						t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
+						if (q < t) {
+							break;
+						}
+						qMinusT = q - t;
+						baseMinusT = base - t;
+						output.push(
+							stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))
+						);
+						q = floor(qMinusT / baseMinusT);
+					}
+
+					output.push(stringFromCharCode(digitToBasic(q, 0)));
+					bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
+					delta = 0;
+					++handledCPCount;
+				}
+			}
+
+			++delta;
+			++n;
+
+		}
+		return output.join('');
+	}
+
+	/**
+	 * Converts a Punycode string representing a domain name or an email address
+	 * to Unicode. Only the Punycoded parts of the input will be converted, i.e.
+	 * it doesn't matter if you call it on a string that has already been
+	 * converted to Unicode.
+	 * @memberOf punycode
+	 * @param {String} input The Punycoded domain name or email address to
+	 * convert to Unicode.
+	 * @returns {String} The Unicode representation of the given Punycode
+	 * string.
+	 */
+	function toUnicode(input) {
+		return mapDomain(input, function(string) {
+			return regexPunycode.test(string)
+				? decode(string.slice(4).toLowerCase())
+				: string;
+		});
+	}
+
+	/**
+	 * Converts a Unicode string representing a domain name or an email address to
+	 * Punycode. Only the non-ASCII parts of the domain name will be converted,
+	 * i.e. it doesn't matter if you call it with a domain that's already in
+	 * ASCII.
+	 * @memberOf punycode
+	 * @param {String} input The domain name or email address to convert, as a
+	 * Unicode string.
+	 * @returns {String} The Punycode representation of the given domain name or
+	 * email address.
+	 */
+	function toASCII(input) {
+		return mapDomain(input, function(string) {
+			return regexNonASCII.test(string)
+				? 'xn--' + encode(string)
+				: string;
+		});
+	}
+
+	/*--------------------------------------------------------------------------*/
+
+	/** Define the public API */
+	punycode = {
+		/**
+		 * A string representing the current Punycode.js version number.
+		 * @memberOf punycode
+		 * @type String
+		 */
+		'version': '1.4.1',
+		/**
+		 * An object of methods to convert from JavaScript's internal character
+		 * representation (UCS-2) to Unicode code points, and back.
+		 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+		 * @memberOf punycode
+		 * @type Object
+		 */
+		'ucs2': {
+			'decode': ucs2decode,
+			'encode': ucs2encode
+		},
+		'decode': decode,
+		'encode': encode,
+		'toASCII': toASCII,
+		'toUnicode': toUnicode
+	};
+
+	/** Expose `punycode` */
+	// Some AMD build optimizers, like r.js, check for specific condition patterns
+	// like the following:
+	if (
+		typeof define == 'function' &&
+		typeof define.amd == 'object' &&
+		define.amd
+	) {
+		define('punycode', function() {
+			return punycode;
+		});
+	} else if (freeExports && freeModule) {
+		if (module.exports == freeExports) {
+			// in Node.js, io.js, or RingoJS v0.8.0+
+			freeModule.exports = punycode;
+		} else {
+			// in Narwhal or RingoJS v0.7.0-
+			for (key in punycode) {
+				punycode.hasOwnProperty(key) && (freeExports[key] = punycode[key]);
+			}
+		}
+	} else {
+		// in Rhino or a web browser
+		root.punycode = punycode;
+	}
+
+}(this));
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],489:[function(require,module,exports){
+module.exports = require('gl-quat/slerp')
+},{"gl-quat/slerp":231}],490:[function(require,module,exports){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+'use strict';
+
+// If obj.hasOwnProperty has been overridden, then calling
+// obj.hasOwnProperty(prop) will break.
+// See: https://github.com/joyent/node/issues/1707
+function hasOwnProperty(obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+module.exports = function(qs, sep, eq, options) {
+  sep = sep || '&';
+  eq = eq || '=';
+  var obj = {};
+
+  if (typeof qs !== 'string' || qs.length === 0) {
+    return obj;
+  }
+
+  var regexp = /\+/g;
+  qs = qs.split(sep);
+
+  var maxKeys = 1000;
+  if (options && typeof options.maxKeys === 'number') {
+    maxKeys = options.maxKeys;
+  }
+
+  var len = qs.length;
+  // maxKeys <= 0 means that we should not limit keys count
+  if (maxKeys > 0 && len > maxKeys) {
+    len = maxKeys;
+  }
+
+  for (var i = 0; i < len; ++i) {
+    var x = qs[i].replace(regexp, '%20'),
+        idx = x.indexOf(eq),
+        kstr, vstr, k, v;
+
+    if (idx >= 0) {
+      kstr = x.substr(0, idx);
+      vstr = x.substr(idx + 1);
+    } else {
+      kstr = x;
+      vstr = '';
+    }
+
+    k = decodeURIComponent(kstr);
+    v = decodeURIComponent(vstr);
+
+    if (!hasOwnProperty(obj, k)) {
+      obj[k] = v;
+    } else if (isArray(obj[k])) {
+      obj[k].push(v);
+    } else {
+      obj[k] = [obj[k], v];
+    }
+  }
+
+  return obj;
+};
+
+var isArray = Array.isArray || function (xs) {
+  return Object.prototype.toString.call(xs) === '[object Array]';
+};
+
+},{}],491:[function(require,module,exports){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+'use strict';
+
+var stringifyPrimitive = function(v) {
+  switch (typeof v) {
+    case 'string':
+      return v;
+
+    case 'boolean':
+      return v ? 'true' : 'false';
+
+    case 'number':
+      return isFinite(v) ? v : '';
+
+    default:
+      return '';
+  }
+};
+
+module.exports = function(obj, sep, eq, name) {
+  sep = sep || '&';
+  eq = eq || '=';
+  if (obj === null) {
+    obj = undefined;
+  }
+
+  if (typeof obj === 'object') {
+    return map(objectKeys(obj), function(k) {
+      var ks = encodeURIComponent(stringifyPrimitive(k)) + eq;
+      if (isArray(obj[k])) {
+        return map(obj[k], function(v) {
+          return ks + encodeURIComponent(stringifyPrimitive(v));
+        }).join(sep);
+      } else {
+        return ks + encodeURIComponent(stringifyPrimitive(obj[k]));
+      }
+    }).join(sep);
+
+  }
+
+  if (!name) return '';
+  return encodeURIComponent(stringifyPrimitive(name)) + eq +
+         encodeURIComponent(stringifyPrimitive(obj));
+};
+
+var isArray = Array.isArray || function (xs) {
+  return Object.prototype.toString.call(xs) === '[object Array]';
+};
+
+function map (xs, f) {
+  if (xs.map) return xs.map(f);
+  var res = [];
+  for (var i = 0; i < xs.length; i++) {
+    res.push(f(xs[i], i));
+  }
+  return res;
+}
+
+var objectKeys = Object.keys || function (obj) {
+  var res = [];
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) res.push(key);
+  }
+  return res;
+};
+
+},{}],492:[function(require,module,exports){
+'use strict';
+
+exports.decode = exports.parse = require('./decode');
+exports.encode = exports.stringify = require('./encode');
+
+},{"./decode":490,"./encode":491}],493:[function(require,module,exports){
+'use strict';
+
+module.exports = partialSort;
+
+// Floyd-Rivest selection algorithm:
+// Rearrange items so that all items in the [left, k] range are smaller than all items in (k, right];
+// The k-th element will have the (k - left + 1)th smallest value in [left, right]
+
+function partialSort(arr, k, left, right, compare) {
+    left = left || 0;
+    right = right || (arr.length - 1);
+    compare = compare || defaultCompare;
+
+    while (right > left) {
+        if (right - left > 600) {
+            var n = right - left + 1;
+            var m = k - left + 1;
+            var z = Math.log(n);
+            var s = 0.5 * Math.exp(2 * z / 3);
+            var sd = 0.5 * Math.sqrt(z * s * (n - s) / n) * (m - n / 2 < 0 ? -1 : 1);
+            var newLeft = Math.max(left, Math.floor(k - m * s / n + sd));
+            var newRight = Math.min(right, Math.floor(k + (n - m) * s / n + sd));
+            partialSort(arr, k, newLeft, newRight, compare);
+        }
+
+        var t = arr[k];
+        var i = left;
+        var j = right;
+
+        swap(arr, left, k);
+        if (compare(arr[right], t) > 0) swap(arr, left, right);
+
+        while (i < j) {
+            swap(arr, i, j);
+            i++;
+            j--;
+            while (compare(arr[i], t) < 0) i++;
+            while (compare(arr[j], t) > 0) j--;
+        }
+
+        if (compare(arr[left], t) === 0) swap(arr, left, j);
+        else {
+            j++;
+            swap(arr, j, right);
+        }
+
+        if (j <= k) left = j + 1;
+        if (k <= j) right = j - 1;
+    }
+}
+
+function swap(arr, i, j) {
+    var tmp = arr[i];
+    arr[i] = arr[j];
+    arr[j] = tmp;
+}
+
+function defaultCompare(a, b) {
+    return a < b ? -1 : a > b ? 1 : 0;
+}
+
+},{}],494:[function(require,module,exports){
+'use strict'
+
+var bnadd = require('big-rat/add')
+
+module.exports = add
+
+function add (a, b) {
+  var n = a.length
+  var r = new Array(n)
+  for (var i=0; i<n; ++i) {
+    r[i] = bnadd(a[i], b[i])
+  }
+  return r
+}
+
+},{"big-rat/add":50}],495:[function(require,module,exports){
+'use strict'
+
+module.exports = float2rat
+
+var rat = require('big-rat')
+
+function float2rat(v) {
+  var result = new Array(v.length)
+  for(var i=0; i<v.length; ++i) {
+    result[i] = rat(v[i])
+  }
+  return result
+}
+
+},{"big-rat":53}],496:[function(require,module,exports){
+'use strict'
+
+var rat = require('big-rat')
+var mul = require('big-rat/mul')
+
+module.exports = muls
+
+function muls(a, x) {
+  var s = rat(x)
+  var n = a.length
+  var r = new Array(n)
+  for(var i=0; i<n; ++i) {
+    r[i] = mul(a[i], s)
+  }
+  return r
+}
+
+},{"big-rat":53,"big-rat/mul":62}],497:[function(require,module,exports){
+'use strict'
+
+var bnsub = require('big-rat/sub')
+
+module.exports = sub
+
+function sub(a, b) {
+  var n = a.length
+  var r = new Array(n)
+    for(var i=0; i<n; ++i) {
+    r[i] = bnsub(a[i], b[i])
+  }
+  return r
+}
+
+},{"big-rat/sub":64}],498:[function(require,module,exports){
+'use strict'
+
+var compareCell = require('compare-cell')
+var compareOrientedCell = require('compare-oriented-cell')
+var orientation = require('cell-orientation')
+
+module.exports = reduceCellComplex
+
+function reduceCellComplex(cells) {
+  cells.sort(compareOrientedCell)
+  var n = cells.length
+  var ptr = 0
+  for(var i=0; i<n; ++i) {
+    var c = cells[i]
+    var o = orientation(c)
+    if(o === 0) {
+      continue
+    }
+    if(ptr > 0) {
+      var f = cells[ptr-1]
+      if(compareCell(c, f) === 0 &&
+         orientation(f)    !== o) {
+        ptr -= 1
+        continue
+      }
+    }
+    cells[ptr++] = c
+  }
+  cells.length = ptr
+  return cells
+}
+
+},{"cell-orientation":85,"compare-cell":101,"compare-oriented-cell":102}],499:[function(require,module,exports){
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global.createREGL = factory());
+}(this, (function () { 'use strict';
+
+var arrayTypes =  {
+	"[object Int8Array]": 5120,
+	"[object Int16Array]": 5122,
+	"[object Int32Array]": 5124,
+	"[object Uint8Array]": 5121,
+	"[object Uint8ClampedArray]": 5121,
+	"[object Uint16Array]": 5123,
+	"[object Uint32Array]": 5125,
+	"[object Float32Array]": 5126,
+	"[object Float64Array]": 5121,
+	"[object ArrayBuffer]": 5121
+};
+
+var isTypedArray = function (x) {
+  return Object.prototype.toString.call(x) in arrayTypes
+};
+
+var extend = function (base, opts) {
+  var keys = Object.keys(opts);
+  for (var i = 0; i < keys.length; ++i) {
+    base[keys[i]] = opts[keys[i]];
+  }
+  return base
+};
+
+// Error checking and parameter validation.
+//
+// Statements for the form `check.someProcedure(...)` get removed by
+// a browserify transform for optimized/minified bundles.
+//
+/* globals btoa */
+// only used for extracting shader names.  if btoa not present, then errors
+// will be slightly crappier
+function decodeB64 (str) {
+  if (typeof btoa !== 'undefined') {
+    return btoa(str)
+  }
+  return 'base64:' + str
+}
+
+function raise (message) {
+  var error = new Error('(regl) ' + message);
+  console.error(error);
+  throw error
+}
+
+function check (pred, message) {
+  if (!pred) {
+    raise(message);
+  }
+}
+
+function encolon (message) {
+  if (message) {
+    return ': ' + message
+  }
+  return ''
+}
+
+function checkParameter (param, possibilities, message) {
+  if (!(param in possibilities)) {
+    raise('unknown parameter (' + param + ')' + encolon(message) +
+          '. possible values: ' + Object.keys(possibilities).join());
+  }
+}
+
+function checkIsTypedArray (data, message) {
+  if (!isTypedArray(data)) {
+    raise(
+      'invalid parameter type' + encolon(message) +
+      '. must be a typed array');
+  }
+}
+
+function checkTypeOf (value, type, message) {
+  if (typeof value !== type) {
+    raise(
+      'invalid parameter type' + encolon(message) +
+      '. expected ' + type + ', got ' + (typeof value));
+  }
+}
+
+function checkNonNegativeInt (value, message) {
+  if (!((value >= 0) &&
+        ((value | 0) === value))) {
+    raise('invalid parameter type, (' + value + ')' + encolon(message) +
+          '. must be a nonnegative integer');
+  }
+}
+
+function checkOneOf (value, list, message) {
+  if (list.indexOf(value) < 0) {
+    raise('invalid value' + encolon(message) + '. must be one of: ' + list);
+  }
+}
+
+var constructorKeys = [
+  'gl',
+  'canvas',
+  'container',
+  'attributes',
+  'pixelRatio',
+  'extensions',
+  'optionalExtensions',
+  'profile',
+  'onDone'
+];
+
+function checkConstructor (obj) {
+  Object.keys(obj).forEach(function (key) {
+    if (constructorKeys.indexOf(key) < 0) {
+      raise('invalid regl constructor argument "' + key + '". must be one of ' + constructorKeys);
+    }
+  });
+}
+
+function leftPad (str, n) {
+  str = str + '';
+  while (str.length < n) {
+    str = ' ' + str;
+  }
+  return str
+}
+
+function ShaderFile () {
+  this.name = 'unknown';
+  this.lines = [];
+  this.index = {};
+  this.hasErrors = false;
+}
+
+function ShaderLine (number, line) {
+  this.number = number;
+  this.line = line;
+  this.errors = [];
+}
+
+function ShaderError (fileNumber, lineNumber, message) {
+  this.file = fileNumber;
+  this.line = lineNumber;
+  this.message = message;
+}
+
+function guessCommand () {
+  var error = new Error();
+  var stack = (error.stack || error).toString();
+  var pat = /compileProcedure.*\n\s*at.*\((.*)\)/.exec(stack);
+  if (pat) {
+    return pat[1]
+  }
+  var pat2 = /compileProcedure.*\n\s*at\s+(.*)(\n|$)/.exec(stack);
+  if (pat2) {
+    return pat2[1]
+  }
+  return 'unknown'
+}
+
+function guessCallSite () {
+  var error = new Error();
+  var stack = (error.stack || error).toString();
+  var pat = /at REGLCommand.*\n\s+at.*\((.*)\)/.exec(stack);
+  if (pat) {
+    return pat[1]
+  }
+  var pat2 = /at REGLCommand.*\n\s+at\s+(.*)\n/.exec(stack);
+  if (pat2) {
+    return pat2[1]
+  }
+  return 'unknown'
+}
+
+function parseSource (source, command) {
+  var lines = source.split('\n');
+  var lineNumber = 1;
+  var fileNumber = 0;
+  var files = {
+    unknown: new ShaderFile(),
+    0: new ShaderFile()
+  };
+  files.unknown.name = files[0].name = command || guessCommand();
+  files.unknown.lines.push(new ShaderLine(0, ''));
+  for (var i = 0; i < lines.length; ++i) {
+    var line = lines[i];
+    var parts = /^\s*\#\s*(\w+)\s+(.+)\s*$/.exec(line);
+    if (parts) {
+      switch (parts[1]) {
+        case 'line':
+          var lineNumberInfo = /(\d+)(\s+\d+)?/.exec(parts[2]);
+          if (lineNumberInfo) {
+            lineNumber = lineNumberInfo[1] | 0;
+            if (lineNumberInfo[2]) {
+              fileNumber = lineNumberInfo[2] | 0;
+              if (!(fileNumber in files)) {
+                files[fileNumber] = new ShaderFile();
+              }
+            }
+          }
+          break
+        case 'define':
+          var nameInfo = /SHADER_NAME(_B64)?\s+(.*)$/.exec(parts[2]);
+          if (nameInfo) {
+            files[fileNumber].name = (nameInfo[1]
+                ? decodeB64(nameInfo[2])
+                : nameInfo[2]);
+          }
+          break
+      }
+    }
+    files[fileNumber].lines.push(new ShaderLine(lineNumber++, line));
+  }
+  Object.keys(files).forEach(function (fileNumber) {
+    var file = files[fileNumber];
+    file.lines.forEach(function (line) {
+      file.index[line.number] = line;
+    });
+  });
+  return files
+}
+
+function parseErrorLog (errLog) {
+  var result = [];
+  errLog.split('\n').forEach(function (errMsg) {
+    if (errMsg.length < 5) {
+      return
+    }
+    var parts = /^ERROR\:\s+(\d+)\:(\d+)\:\s*(.*)$/.exec(errMsg);
+    if (parts) {
+      result.push(new ShaderError(
+        parts[1] | 0,
+        parts[2] | 0,
+        parts[3].trim()));
+    } else if (errMsg.length > 0) {
+      result.push(new ShaderError('unknown', 0, errMsg));
+    }
+  });
+  return result
+}
+
+function annotateFiles (files, errors) {
+  errors.forEach(function (error) {
+    var file = files[error.file];
+    if (file) {
+      var line = file.index[error.line];
+      if (line) {
+        line.errors.push(error);
+        file.hasErrors = true;
+        return
+      }
+    }
+    files.unknown.hasErrors = true;
+    files.unknown.lines[0].errors.push(error);
+  });
+}
+
+function checkShaderError (gl, shader, source, type, command) {
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    var errLog = gl.getShaderInfoLog(shader);
+    var typeName = type === gl.FRAGMENT_SHADER ? 'fragment' : 'vertex';
+    checkCommandType(source, 'string', typeName + ' shader source must be a string', command);
+    var files = parseSource(source, command);
+    var errors = parseErrorLog(errLog);
+    annotateFiles(files, errors);
+
+    Object.keys(files).forEach(function (fileNumber) {
+      var file = files[fileNumber];
+      if (!file.hasErrors) {
+        return
+      }
+
+      var strings = [''];
+      var styles = [''];
+
+      function push (str, style) {
+        strings.push(str);
+        styles.push(style || '');
+      }
+
+      push('file number ' + fileNumber + ': ' + file.name + '\n', 'color:red;text-decoration:underline;font-weight:bold');
+
+      file.lines.forEach(function (line) {
+        if (line.errors.length > 0) {
+          push(leftPad(line.number, 4) + '|  ', 'background-color:yellow; font-weight:bold');
+          push(line.line + '\n', 'color:red; background-color:yellow; font-weight:bold');
+
+          // try to guess token
+          var offset = 0;
+          line.errors.forEach(function (error) {
+            var message = error.message;
+            var token = /^\s*\'(.*)\'\s*\:\s*(.*)$/.exec(message);
+            if (token) {
+              var tokenPat = token[1];
+              message = token[2];
+              switch (tokenPat) {
+                case 'assign':
+                  tokenPat = '=';
+                  break
+              }
+              offset = Math.max(line.line.indexOf(tokenPat, offset), 0);
+            } else {
+              offset = 0;
+            }
+
+            push(leftPad('| ', 6));
+            push(leftPad('^^^', offset + 3) + '\n', 'font-weight:bold');
+            push(leftPad('| ', 6));
+            push(message + '\n', 'font-weight:bold');
+          });
+          push(leftPad('| ', 6) + '\n');
+        } else {
+          push(leftPad(line.number, 4) + '|  ');
+          push(line.line + '\n', 'color:red');
+        }
+      });
+      if (typeof document !== 'undefined') {
+        styles[0] = strings.join('%c');
+        console.log.apply(console, styles);
+      } else {
+        console.log(strings.join(''));
+      }
+    });
+
+    check.raise('Error compiling ' + typeName + ' shader, ' + files[0].name);
+  }
+}
+
+function checkLinkError (gl, program, fragShader, vertShader, command) {
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    var errLog = gl.getProgramInfoLog(program);
+    var fragParse = parseSource(fragShader, command);
+    var vertParse = parseSource(vertShader, command);
+
+    var header = 'Error linking program with vertex shader, "' +
+      vertParse[0].name + '", and fragment shader "' + fragParse[0].name + '"';
+
+    if (typeof document !== 'undefined') {
+      console.log('%c' + header + '\n%c' + errLog,
+        'color:red;text-decoration:underline;font-weight:bold',
+        'color:red');
+    } else {
+      console.log(header + '\n' + errLog);
+    }
+    check.raise(header);
+  }
+}
+
+function saveCommandRef (object) {
+  object._commandRef = guessCommand();
+}
+
+function saveDrawCommandInfo (opts, uniforms, attributes, stringStore) {
+  saveCommandRef(opts);
+
+  function id (str) {
+    if (str) {
+      return stringStore.id(str)
+    }
+    return 0
+  }
+  opts._fragId = id(opts.static.frag);
+  opts._vertId = id(opts.static.vert);
+
+  function addProps (dict, set) {
+    Object.keys(set).forEach(function (u) {
+      dict[stringStore.id(u)] = true;
+    });
+  }
+
+  var uniformSet = opts._uniformSet = {};
+  addProps(uniformSet, uniforms.static);
+  addProps(uniformSet, uniforms.dynamic);
+
+  var attributeSet = opts._attributeSet = {};
+  addProps(attributeSet, attributes.static);
+  addProps(attributeSet, attributes.dynamic);
+
+  opts._hasCount = (
+    'count' in opts.static ||
+    'count' in opts.dynamic ||
+    'elements' in opts.static ||
+    'elements' in opts.dynamic);
+}
+
+function commandRaise (message, command) {
+  var callSite = guessCallSite();
+  raise(message +
+    ' in command ' + (command || guessCommand()) +
+    (callSite === 'unknown' ? '' : ' called from ' + callSite));
+}
+
+function checkCommand (pred, message, command) {
+  if (!pred) {
+    commandRaise(message, command || guessCommand());
+  }
+}
+
+function checkParameterCommand (param, possibilities, message, command) {
+  if (!(param in possibilities)) {
+    commandRaise(
+      'unknown parameter (' + param + ')' + encolon(message) +
+      '. possible values: ' + Object.keys(possibilities).join(),
+      command || guessCommand());
+  }
+}
+
+function checkCommandType (value, type, message, command) {
+  if (typeof value !== type) {
+    commandRaise(
+      'invalid parameter type' + encolon(message) +
+      '. expected ' + type + ', got ' + (typeof value),
+      command || guessCommand());
+  }
+}
+
+function checkOptional (block) {
+  block();
+}
+
+function checkFramebufferFormat (attachment, texFormats, rbFormats) {
+  if (attachment.texture) {
+    checkOneOf(
+      attachment.texture._texture.internalformat,
+      texFormats,
+      'unsupported texture format for attachment');
+  } else {
+    checkOneOf(
+      attachment.renderbuffer._renderbuffer.format,
+      rbFormats,
+      'unsupported renderbuffer format for attachment');
+  }
+}
+
+var GL_CLAMP_TO_EDGE = 0x812F;
+
+var GL_NEAREST = 0x2600;
+var GL_NEAREST_MIPMAP_NEAREST = 0x2700;
+var GL_LINEAR_MIPMAP_NEAREST = 0x2701;
+var GL_NEAREST_MIPMAP_LINEAR = 0x2702;
+var GL_LINEAR_MIPMAP_LINEAR = 0x2703;
+
+var GL_BYTE = 5120;
+var GL_UNSIGNED_BYTE = 5121;
+var GL_SHORT = 5122;
+var GL_UNSIGNED_SHORT = 5123;
+var GL_INT = 5124;
+var GL_UNSIGNED_INT = 5125;
+var GL_FLOAT = 5126;
+
+var GL_UNSIGNED_SHORT_4_4_4_4 = 0x8033;
+var GL_UNSIGNED_SHORT_5_5_5_1 = 0x8034;
+var GL_UNSIGNED_SHORT_5_6_5 = 0x8363;
+var GL_UNSIGNED_INT_24_8_WEBGL = 0x84FA;
+
+var GL_HALF_FLOAT_OES = 0x8D61;
+
+var TYPE_SIZE = {};
+
+TYPE_SIZE[GL_BYTE] =
+TYPE_SIZE[GL_UNSIGNED_BYTE] = 1;
+
+TYPE_SIZE[GL_SHORT] =
+TYPE_SIZE[GL_UNSIGNED_SHORT] =
+TYPE_SIZE[GL_HALF_FLOAT_OES] =
+TYPE_SIZE[GL_UNSIGNED_SHORT_5_6_5] =
+TYPE_SIZE[GL_UNSIGNED_SHORT_4_4_4_4] =
+TYPE_SIZE[GL_UNSIGNED_SHORT_5_5_5_1] = 2;
+
+TYPE_SIZE[GL_INT] =
+TYPE_SIZE[GL_UNSIGNED_INT] =
+TYPE_SIZE[GL_FLOAT] =
+TYPE_SIZE[GL_UNSIGNED_INT_24_8_WEBGL] = 4;
+
+function pixelSize (type, channels) {
+  if (type === GL_UNSIGNED_SHORT_5_5_5_1 ||
+      type === GL_UNSIGNED_SHORT_4_4_4_4 ||
+      type === GL_UNSIGNED_SHORT_5_6_5) {
+    return 2
+  } else if (type === GL_UNSIGNED_INT_24_8_WEBGL) {
+    return 4
+  } else {
+    return TYPE_SIZE[type] * channels
+  }
+}
+
+function isPow2 (v) {
+  return !(v & (v - 1)) && (!!v)
+}
+
+function checkTexture2D (info, mipData, limits) {
+  var i;
+  var w = mipData.width;
+  var h = mipData.height;
+  var c = mipData.channels;
+
+  // Check texture shape
+  check(w > 0 && w <= limits.maxTextureSize &&
+        h > 0 && h <= limits.maxTextureSize,
+        'invalid texture shape');
+
+  // check wrap mode
+  if (info.wrapS !== GL_CLAMP_TO_EDGE || info.wrapT !== GL_CLAMP_TO_EDGE) {
+    check(isPow2(w) && isPow2(h),
+      'incompatible wrap mode for texture, both width and height must be power of 2');
+  }
+
+  if (mipData.mipmask === 1) {
+    if (w !== 1 && h !== 1) {
+      check(
+        info.minFilter !== GL_NEAREST_MIPMAP_NEAREST &&
+        info.minFilter !== GL_NEAREST_MIPMAP_LINEAR &&
+        info.minFilter !== GL_LINEAR_MIPMAP_NEAREST &&
+        info.minFilter !== GL_LINEAR_MIPMAP_LINEAR,
+        'min filter requires mipmap');
+    }
+  } else {
+    // texture must be power of 2
+    check(isPow2(w) && isPow2(h),
+      'texture must be a square power of 2 to support mipmapping');
+    check(mipData.mipmask === (w << 1) - 1,
+      'missing or incomplete mipmap data');
+  }
+
+  if (mipData.type === GL_FLOAT) {
+    if (limits.extensions.indexOf('oes_texture_float_linear') < 0) {
+      check(info.minFilter === GL_NEAREST && info.magFilter === GL_NEAREST,
+        'filter not supported, must enable oes_texture_float_linear');
+    }
+    check(!info.genMipmaps,
+      'mipmap generation not supported with float textures');
+  }
+
+  // check image complete
+  var mipimages = mipData.images;
+  for (i = 0; i < 16; ++i) {
+    if (mipimages[i]) {
+      var mw = w >> i;
+      var mh = h >> i;
+      check(mipData.mipmask & (1 << i), 'missing mipmap data');
+
+      var img = mipimages[i];
+
+      check(
+        img.width === mw &&
+        img.height === mh,
+        'invalid shape for mip images');
+
+      check(
+        img.format === mipData.format &&
+        img.internalformat === mipData.internalformat &&
+        img.type === mipData.type,
+        'incompatible type for mip image');
+
+      if (img.compressed) {
+        // TODO: check size for compressed images
+      } else if (img.data) {
+        // check(img.data.byteLength === mw * mh *
+        // Math.max(pixelSize(img.type, c), img.unpackAlignment),
+        var rowSize = Math.ceil(pixelSize(img.type, c) * mw / img.unpackAlignment) * img.unpackAlignment;
+        check(img.data.byteLength === rowSize * mh,
+          'invalid data for image, buffer size is inconsistent with image format');
+      } else if (img.element) {
+        // TODO: check element can be loaded
+      } else if (img.copy) {
+        // TODO: check compatible format and type
+      }
+    } else if (!info.genMipmaps) {
+      check((mipData.mipmask & (1 << i)) === 0, 'extra mipmap data');
+    }
+  }
+
+  if (mipData.compressed) {
+    check(!info.genMipmaps,
+      'mipmap generation for compressed images not supported');
+  }
+}
+
+function checkTextureCube (texture, info, faces, limits) {
+  var w = texture.width;
+  var h = texture.height;
+  var c = texture.channels;
+
+  // Check texture shape
+  check(
+    w > 0 && w <= limits.maxTextureSize && h > 0 && h <= limits.maxTextureSize,
+    'invalid texture shape');
+  check(
+    w === h,
+    'cube map must be square');
+  check(
+    info.wrapS === GL_CLAMP_TO_EDGE && info.wrapT === GL_CLAMP_TO_EDGE,
+    'wrap mode not supported by cube map');
+
+  for (var i = 0; i < faces.length; ++i) {
+    var face = faces[i];
+    check(
+      face.width === w && face.height === h,
+      'inconsistent cube map face shape');
+
+    if (info.genMipmaps) {
+      check(!face.compressed,
+        'can not generate mipmap for compressed textures');
+      check(face.mipmask === 1,
+        'can not specify mipmaps and generate mipmaps');
+    } else {
+      // TODO: check mip and filter mode
+    }
+
+    var mipmaps = face.images;
+    for (var j = 0; j < 16; ++j) {
+      var img = mipmaps[j];
+      if (img) {
+        var mw = w >> j;
+        var mh = h >> j;
+        check(face.mipmask & (1 << j), 'missing mipmap data');
+        check(
+          img.width === mw &&
+          img.height === mh,
+          'invalid shape for mip images');
+        check(
+          img.format === texture.format &&
+          img.internalformat === texture.internalformat &&
+          img.type === texture.type,
+          'incompatible type for mip image');
+
+        if (img.compressed) {
+          // TODO: check size for compressed images
+        } else if (img.data) {
+          check(img.data.byteLength === mw * mh *
+            Math.max(pixelSize(img.type, c), img.unpackAlignment),
+            'invalid data for image, buffer size is inconsistent with image format');
+        } else if (img.element) {
+          // TODO: check element can be loaded
+        } else if (img.copy) {
+          // TODO: check compatible format and type
+        }
+      }
+    }
+  }
+}
+
+var check$1 = extend(check, {
+  optional: checkOptional,
+  raise: raise,
+  commandRaise: commandRaise,
+  command: checkCommand,
+  parameter: checkParameter,
+  commandParameter: checkParameterCommand,
+  constructor: checkConstructor,
+  type: checkTypeOf,
+  commandType: checkCommandType,
+  isTypedArray: checkIsTypedArray,
+  nni: checkNonNegativeInt,
+  oneOf: checkOneOf,
+  shaderError: checkShaderError,
+  linkError: checkLinkError,
+  callSite: guessCallSite,
+  saveCommandRef: saveCommandRef,
+  saveDrawInfo: saveDrawCommandInfo,
+  framebufferFormat: checkFramebufferFormat,
+  guessCommand: guessCommand,
+  texture2D: checkTexture2D,
+  textureCube: checkTextureCube
+});
+
+var VARIABLE_COUNTER = 0;
+
+var DYN_FUNC = 0;
+
+function DynamicVariable (type, data) {
+  this.id = (VARIABLE_COUNTER++);
+  this.type = type;
+  this.data = data;
+}
+
+function escapeStr (str) {
+  return str.replace(/\\/g, '\\\\').replace(/"/g, '\\"')
+}
+
+function splitParts (str) {
+  if (str.length === 0) {
+    return []
+  }
+
+  var firstChar = str.charAt(0);
+  var lastChar = str.charAt(str.length - 1);
+
+  if (str.length > 1 &&
+      firstChar === lastChar &&
+      (firstChar === '"' || firstChar === "'")) {
+    return ['"' + escapeStr(str.substr(1, str.length - 2)) + '"']
+  }
+
+  var parts = /\[(false|true|null|\d+|'[^']*'|"[^"]*")\]/.exec(str);
+  if (parts) {
+    return (
+      splitParts(str.substr(0, parts.index))
+      .concat(splitParts(parts[1]))
+      .concat(splitParts(str.substr(parts.index + parts[0].length)))
+    )
+  }
+
+  var subparts = str.split('.');
+  if (subparts.length === 1) {
+    return ['"' + escapeStr(str) + '"']
+  }
+
+  var result = [];
+  for (var i = 0; i < subparts.length; ++i) {
+    result = result.concat(splitParts(subparts[i]));
+  }
+  return result
+}
+
+function toAccessorString (str) {
+  return '[' + splitParts(str).join('][') + ']'
+}
+
+function defineDynamic (type, data) {
+  return new DynamicVariable(type, toAccessorString(data + ''))
+}
+
+function isDynamic (x) {
+  return (typeof x === 'function' && !x._reglType) ||
+         x instanceof DynamicVariable
+}
+
+function unbox (x, path) {
+  if (typeof x === 'function') {
+    return new DynamicVariable(DYN_FUNC, x)
+  }
+  return x
+}
+
+var dynamic = {
+  DynamicVariable: DynamicVariable,
+  define: defineDynamic,
+  isDynamic: isDynamic,
+  unbox: unbox,
+  accessor: toAccessorString
+};
+
+/* globals requestAnimationFrame, cancelAnimationFrame */
+var raf = {
+  next: typeof requestAnimationFrame === 'function'
+    ? function (cb) { return requestAnimationFrame(cb) }
+    : function (cb) { return setTimeout(cb, 16) },
+  cancel: typeof cancelAnimationFrame === 'function'
+    ? function (raf) { return cancelAnimationFrame(raf) }
+    : clearTimeout
+};
+
+/* globals performance */
+var clock = (typeof performance !== 'undefined' && performance.now)
+  ? function () { return performance.now() }
+  : function () { return +(new Date()) };
+
+function createStringStore () {
+  var stringIds = {'': 0};
+  var stringValues = [''];
+  return {
+    id: function (str) {
+      var result = stringIds[str];
+      if (result) {
+        return result
+      }
+      result = stringIds[str] = stringValues.length;
+      stringValues.push(str);
+      return result
+    },
+
+    str: function (id) {
+      return stringValues[id]
+    }
+  }
+}
+
+// Context and canvas creation helper functions
+function createCanvas (element, onDone, pixelRatio) {
+  var canvas = document.createElement('canvas');
+  extend(canvas.style, {
+    border: 0,
+    margin: 0,
+    padding: 0,
+    top: 0,
+    left: 0
+  });
+  element.appendChild(canvas);
+
+  if (element === document.body) {
+    canvas.style.position = 'absolute';
+    extend(element.style, {
+      margin: 0,
+      padding: 0
+    });
+  }
+
+  function resize () {
+    var w = window.innerWidth;
+    var h = window.innerHeight;
+    if (element !== document.body) {
+      var bounds = element.getBoundingClientRect();
+      w = bounds.right - bounds.left;
+      h = bounds.bottom - bounds.top;
+    }
+    canvas.width = pixelRatio * w;
+    canvas.height = pixelRatio * h;
+    extend(canvas.style, {
+      width: w + 'px',
+      height: h + 'px'
+    });
+  }
+
+  window.addEventListener('resize', resize, false);
+
+  function onDestroy () {
+    window.removeEventListener('resize', resize);
+    element.removeChild(canvas);
+  }
+
+  resize();
+
+  return {
+    canvas: canvas,
+    onDestroy: onDestroy
+  }
+}
+
+function createContext (canvas, contexAttributes) {
+  function get (name) {
+    try {
+      return canvas.getContext(name, contexAttributes)
+    } catch (e) {
+      return null
+    }
+  }
+  return (
+    get('webgl') ||
+    get('experimental-webgl') ||
+    get('webgl-experimental')
+  )
+}
+
+function isHTMLElement (obj) {
+  return (
+    typeof obj.nodeName === 'string' &&
+    typeof obj.appendChild === 'function' &&
+    typeof obj.getBoundingClientRect === 'function'
+  )
+}
+
+function isWebGLContext (obj) {
+  return (
+    typeof obj.drawArrays === 'function' ||
+    typeof obj.drawElements === 'function'
+  )
+}
+
+function parseExtensions (input) {
+  if (typeof input === 'string') {
+    return input.split()
+  }
+  check$1(Array.isArray(input), 'invalid extension array');
+  return input
+}
+
+function getElement (desc) {
+  if (typeof desc === 'string') {
+    check$1(typeof document !== 'undefined', 'not supported outside of DOM');
+    return document.querySelector(desc)
+  }
+  return desc
+}
+
+function parseArgs (args_) {
+  var args = args_ || {};
+  var element, container, canvas, gl;
+  var contextAttributes = {};
+  var extensions = [];
+  var optionalExtensions = [];
+  var pixelRatio = (typeof window === 'undefined' ? 1 : window.devicePixelRatio);
+  var profile = false;
+  var onDone = function (err) {
+    if (err) {
+      check$1.raise(err);
+    }
+  };
+  var onDestroy = function () {};
+  if (typeof args === 'string') {
+    check$1(
+      typeof document !== 'undefined',
+      'selector queries only supported in DOM enviroments');
+    element = document.querySelector(args);
+    check$1(element, 'invalid query string for element');
+  } else if (typeof args === 'object') {
+    if (isHTMLElement(args)) {
+      element = args;
+    } else if (isWebGLContext(args)) {
+      gl = args;
+      canvas = gl.canvas;
+    } else {
+      check$1.constructor(args);
+      if ('gl' in args) {
+        gl = args.gl;
+      } else if ('canvas' in args) {
+        canvas = getElement(args.canvas);
+      } else if ('container' in args) {
+        container = getElement(args.container);
+      }
+      if ('attributes' in args) {
+        contextAttributes = args.attributes;
+        check$1.type(contextAttributes, 'object', 'invalid context attributes');
+      }
+      if ('extensions' in args) {
+        extensions = parseExtensions(args.extensions);
+      }
+      if ('optionalExtensions' in args) {
+        optionalExtensions = parseExtensions(args.optionalExtensions);
+      }
+      if ('onDone' in args) {
+        check$1.type(
+          args.onDone, 'function',
+          'invalid or missing onDone callback');
+        onDone = args.onDone;
+      }
+      if ('profile' in args) {
+        profile = !!args.profile;
+      }
+      if ('pixelRatio' in args) {
+        pixelRatio = +args.pixelRatio;
+        check$1(pixelRatio > 0, 'invalid pixel ratio');
+      }
+    }
+  } else {
+    check$1.raise('invalid arguments to regl');
+  }
+
+  if (element) {
+    if (element.nodeName.toLowerCase() === 'canvas') {
+      canvas = element;
+    } else {
+      container = element;
+    }
+  }
+
+  if (!gl) {
+    if (!canvas) {
+      check$1(
+        typeof document !== 'undefined',
+        'must manually specify webgl context outside of DOM environments');
+      var result = createCanvas(container || document.body, onDone, pixelRatio);
+      if (!result) {
+        return null
+      }
+      canvas = result.canvas;
+      onDestroy = result.onDestroy;
+    }
+    gl = createContext(canvas, contextAttributes);
+  }
+
+  if (!gl) {
+    onDestroy();
+    onDone('webgl not supported, try upgrading your browser or graphics drivers http://get.webgl.org');
+    return null
+  }
+
+  return {
+    gl: gl,
+    canvas: canvas,
+    container: container,
+    extensions: extensions,
+    optionalExtensions: optionalExtensions,
+    pixelRatio: pixelRatio,
+    profile: profile,
+    onDone: onDone,
+    onDestroy: onDestroy
+  }
+}
+
+function createExtensionCache (gl, config) {
+  var extensions = {};
+
+  function tryLoadExtension (name_) {
+    check$1.type(name_, 'string', 'extension name must be string');
+    var name = name_.toLowerCase();
+    var ext;
+    try {
+      ext = extensions[name] = gl.getExtension(name);
+    } catch (e) {}
+    return !!ext
+  }
+
+  for (var i = 0; i < config.extensions.length; ++i) {
+    var name = config.extensions[i];
+    if (!tryLoadExtension(name)) {
+      config.onDestroy();
+      config.onDone('"' + name + '" extension is not supported by the current WebGL context, try upgrading your system or a different browser');
+      return null
+    }
+  }
+
+  config.optionalExtensions.forEach(tryLoadExtension);
+
+  return {
+    extensions: extensions,
+    restore: function () {
+      Object.keys(extensions).forEach(function (name) {
+        if (!tryLoadExtension(name)) {
+          throw new Error('(regl): error restoring extension ' + name)
+        }
+      });
+    }
+  }
+}
+
+var GL_SUBPIXEL_BITS = 0x0D50;
+var GL_RED_BITS = 0x0D52;
+var GL_GREEN_BITS = 0x0D53;
+var GL_BLUE_BITS = 0x0D54;
+var GL_ALPHA_BITS = 0x0D55;
+var GL_DEPTH_BITS = 0x0D56;
+var GL_STENCIL_BITS = 0x0D57;
+
+var GL_ALIASED_POINT_SIZE_RANGE = 0x846D;
+var GL_ALIASED_LINE_WIDTH_RANGE = 0x846E;
+
+var GL_MAX_TEXTURE_SIZE = 0x0D33;
+var GL_MAX_VIEWPORT_DIMS = 0x0D3A;
+var GL_MAX_VERTEX_ATTRIBS = 0x8869;
+var GL_MAX_VERTEX_UNIFORM_VECTORS = 0x8DFB;
+var GL_MAX_VARYING_VECTORS = 0x8DFC;
+var GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS = 0x8B4D;
+var GL_MAX_VERTEX_TEXTURE_IMAGE_UNITS = 0x8B4C;
+var GL_MAX_TEXTURE_IMAGE_UNITS = 0x8872;
+var GL_MAX_FRAGMENT_UNIFORM_VECTORS = 0x8DFD;
+var GL_MAX_CUBE_MAP_TEXTURE_SIZE = 0x851C;
+var GL_MAX_RENDERBUFFER_SIZE = 0x84E8;
+
+var GL_VENDOR = 0x1F00;
+var GL_RENDERER = 0x1F01;
+var GL_VERSION = 0x1F02;
+var GL_SHADING_LANGUAGE_VERSION = 0x8B8C;
+
+var GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT = 0x84FF;
+
+var GL_MAX_COLOR_ATTACHMENTS_WEBGL = 0x8CDF;
+var GL_MAX_DRAW_BUFFERS_WEBGL = 0x8824;
+
+var wrapLimits = function (gl, extensions) {
+  var maxAnisotropic = 1;
+  if (extensions.ext_texture_filter_anisotropic) {
+    maxAnisotropic = gl.getParameter(GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT);
+  }
+
+  var maxDrawbuffers = 1;
+  var maxColorAttachments = 1;
+  if (extensions.webgl_draw_buffers) {
+    maxDrawbuffers = gl.getParameter(GL_MAX_DRAW_BUFFERS_WEBGL);
+    maxColorAttachments = gl.getParameter(GL_MAX_COLOR_ATTACHMENTS_WEBGL);
+  }
+
+  return {
+    // drawing buffer bit depth
+    colorBits: [
+      gl.getParameter(GL_RED_BITS),
+      gl.getParameter(GL_GREEN_BITS),
+      gl.getParameter(GL_BLUE_BITS),
+      gl.getParameter(GL_ALPHA_BITS)
+    ],
+    depthBits: gl.getParameter(GL_DEPTH_BITS),
+    stencilBits: gl.getParameter(GL_STENCIL_BITS),
+    subpixelBits: gl.getParameter(GL_SUBPIXEL_BITS),
+
+    // supported extensions
+    extensions: Object.keys(extensions).filter(function (ext) {
+      return !!extensions[ext]
+    }),
+
+    // max aniso samples
+    maxAnisotropic: maxAnisotropic,
+
+    // max draw buffers
+    maxDrawbuffers: maxDrawbuffers,
+    maxColorAttachments: maxColorAttachments,
+
+    // point and line size ranges
+    pointSizeDims: gl.getParameter(GL_ALIASED_POINT_SIZE_RANGE),
+    lineWidthDims: gl.getParameter(GL_ALIASED_LINE_WIDTH_RANGE),
+    maxViewportDims: gl.getParameter(GL_MAX_VIEWPORT_DIMS),
+    maxCombinedTextureUnits: gl.getParameter(GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS),
+    maxCubeMapSize: gl.getParameter(GL_MAX_CUBE_MAP_TEXTURE_SIZE),
+    maxRenderbufferSize: gl.getParameter(GL_MAX_RENDERBUFFER_SIZE),
+    maxTextureUnits: gl.getParameter(GL_MAX_TEXTURE_IMAGE_UNITS),
+    maxTextureSize: gl.getParameter(GL_MAX_TEXTURE_SIZE),
+    maxAttributes: gl.getParameter(GL_MAX_VERTEX_ATTRIBS),
+    maxVertexUniforms: gl.getParameter(GL_MAX_VERTEX_UNIFORM_VECTORS),
+    maxVertexTextureUnits: gl.getParameter(GL_MAX_VERTEX_TEXTURE_IMAGE_UNITS),
+    maxVaryingVectors: gl.getParameter(GL_MAX_VARYING_VECTORS),
+    maxFragmentUniforms: gl.getParameter(GL_MAX_FRAGMENT_UNIFORM_VECTORS),
+
+    // vendor info
+    glsl: gl.getParameter(GL_SHADING_LANGUAGE_VERSION),
+    renderer: gl.getParameter(GL_RENDERER),
+    vendor: gl.getParameter(GL_VENDOR),
+    version: gl.getParameter(GL_VERSION)
+  }
+};
+
+function isNDArrayLike (obj) {
+  return (
+    !!obj &&
+    typeof obj === 'object' &&
+    Array.isArray(obj.shape) &&
+    Array.isArray(obj.stride) &&
+    typeof obj.offset === 'number' &&
+    obj.shape.length === obj.stride.length &&
+    (Array.isArray(obj.data) ||
+      isTypedArray(obj.data)))
+}
+
+var values = function (obj) {
+  return Object.keys(obj).map(function (key) { return obj[key] })
+};
+
+function loop (n, f) {
+  var result = Array(n);
+  for (var i = 0; i < n; ++i) {
+    result[i] = f(i);
+  }
+  return result
+}
+
+var GL_BYTE$1 = 5120;
+var GL_UNSIGNED_BYTE$2 = 5121;
+var GL_SHORT$1 = 5122;
+var GL_UNSIGNED_SHORT$1 = 5123;
+var GL_INT$1 = 5124;
+var GL_UNSIGNED_INT$1 = 5125;
+var GL_FLOAT$2 = 5126;
+
+var bufferPool = loop(8, function () {
+  return []
+});
+
+function nextPow16 (v) {
+  for (var i = 16; i <= (1 << 28); i *= 16) {
+    if (v <= i) {
+      return i
+    }
+  }
+  return 0
+}
+
+function log2 (v) {
+  var r, shift;
+  r = (v > 0xFFFF) << 4;
+  v >>>= r;
+  shift = (v > 0xFF) << 3;
+  v >>>= shift; r |= shift;
+  shift = (v > 0xF) << 2;
+  v >>>= shift; r |= shift;
+  shift = (v > 0x3) << 1;
+  v >>>= shift; r |= shift;
+  return r | (v >> 1)
+}
+
+function alloc (n) {
+  var sz = nextPow16(n);
+  var bin = bufferPool[log2(sz) >> 2];
+  if (bin.length > 0) {
+    return bin.pop()
+  }
+  return new ArrayBuffer(sz)
+}
+
+function free (buf) {
+  bufferPool[log2(buf.byteLength) >> 2].push(buf);
+}
+
+function allocType (type, n) {
+  var result = null;
+  switch (type) {
+    case GL_BYTE$1:
+      result = new Int8Array(alloc(n), 0, n);
+      break
+    case GL_UNSIGNED_BYTE$2:
+      result = new Uint8Array(alloc(n), 0, n);
+      break
+    case GL_SHORT$1:
+      result = new Int16Array(alloc(2 * n), 0, n);
+      break
+    case GL_UNSIGNED_SHORT$1:
+      result = new Uint16Array(alloc(2 * n), 0, n);
+      break
+    case GL_INT$1:
+      result = new Int32Array(alloc(4 * n), 0, n);
+      break
+    case GL_UNSIGNED_INT$1:
+      result = new Uint32Array(alloc(4 * n), 0, n);
+      break
+    case GL_FLOAT$2:
+      result = new Float32Array(alloc(4 * n), 0, n);
+      break
+    default:
+      return null
+  }
+  if (result.length !== n) {
+    return result.subarray(0, n)
+  }
+  return result
+}
+
+function freeType (array) {
+  free(array.buffer);
+}
+
+var pool = {
+  alloc: alloc,
+  free: free,
+  allocType: allocType,
+  freeType: freeType
+};
+
+var flattenUtils = {
+  shape: arrayShape$1,
+  flatten: flattenArray
+};
+
+function flatten1D (array, nx, out) {
+  for (var i = 0; i < nx; ++i) {
+    out[i] = array[i];
+  }
+}
+
+function flatten2D (array, nx, ny, out) {
+  var ptr = 0;
+  for (var i = 0; i < nx; ++i) {
+    var row = array[i];
+    for (var j = 0; j < ny; ++j) {
+      out[ptr++] = row[j];
+    }
+  }
+}
+
+function flatten3D (array, nx, ny, nz, out, ptr_) {
+  var ptr = ptr_;
+  for (var i = 0; i < nx; ++i) {
+    var row = array[i];
+    for (var j = 0; j < ny; ++j) {
+      var col = row[j];
+      for (var k = 0; k < nz; ++k) {
+        out[ptr++] = col[k];
+      }
+    }
+  }
+}
+
+function flattenRec (array, shape, level, out, ptr) {
+  var stride = 1;
+  for (var i = level + 1; i < shape.length; ++i) {
+    stride *= shape[i];
+  }
+  var n = shape[level];
+  if (shape.length - level === 4) {
+    var nx = shape[level + 1];
+    var ny = shape[level + 2];
+    var nz = shape[level + 3];
+    for (i = 0; i < n; ++i) {
+      flatten3D(array[i], nx, ny, nz, out, ptr);
+      ptr += stride;
+    }
+  } else {
+    for (i = 0; i < n; ++i) {
+      flattenRec(array[i], shape, level + 1, out, ptr);
+      ptr += stride;
+    }
+  }
+}
+
+function flattenArray (array, shape, type, out_) {
+  var sz = 1;
+  if (shape.length) {
+    for (var i = 0; i < shape.length; ++i) {
+      sz *= shape[i];
+    }
+  } else {
+    sz = 0;
+  }
+  var out = out_ || pool.allocType(type, sz);
+  switch (shape.length) {
+    case 0:
+      break
+    case 1:
+      flatten1D(array, shape[0], out);
+      break
+    case 2:
+      flatten2D(array, shape[0], shape[1], out);
+      break
+    case 3:
+      flatten3D(array, shape[0], shape[1], shape[2], out, 0);
+      break
+    default:
+      flattenRec(array, shape, 0, out, 0);
+  }
+  return out
+}
+
+function arrayShape$1 (array_) {
+  var shape = [];
+  for (var array = array_; array.length; array = array[0]) {
+    shape.push(array.length);
+  }
+  return shape
+}
+
+var int8 = 5120;
+var int16 = 5122;
+var int32 = 5124;
+var uint8 = 5121;
+var uint16 = 5123;
+var uint32 = 5125;
+var float = 5126;
+var float32 = 5126;
+var glTypes = {
+	int8: int8,
+	int16: int16,
+	int32: int32,
+	uint8: uint8,
+	uint16: uint16,
+	uint32: uint32,
+	float: float,
+	float32: float32
+};
+
+var dynamic$1 = 35048;
+var stream = 35040;
+var usageTypes = {
+	dynamic: dynamic$1,
+	stream: stream,
+	"static": 35044
+};
+
+var arrayFlatten = flattenUtils.flatten;
+var arrayShape = flattenUtils.shape;
+
+var GL_STATIC_DRAW = 0x88E4;
+var GL_STREAM_DRAW = 0x88E0;
+
+var GL_UNSIGNED_BYTE$1 = 5121;
+var GL_FLOAT$1 = 5126;
+
+var DTYPES_SIZES = [];
+DTYPES_SIZES[5120] = 1; // int8
+DTYPES_SIZES[5122] = 2; // int16
+DTYPES_SIZES[5124] = 4; // int32
+DTYPES_SIZES[5121] = 1; // uint8
+DTYPES_SIZES[5123] = 2; // uint16
+DTYPES_SIZES[5125] = 4; // uint32
+DTYPES_SIZES[5126] = 4; // float32
+
+function typedArrayCode (data) {
+  return arrayTypes[Object.prototype.toString.call(data)] | 0
+}
+
+function copyArray (out, inp) {
+  for (var i = 0; i < inp.length; ++i) {
+    out[i] = inp[i];
+  }
+}
+
+function transpose (
+  result, data, shapeX, shapeY, strideX, strideY, offset) {
+  var ptr = 0;
+  for (var i = 0; i < shapeX; ++i) {
+    for (var j = 0; j < shapeY; ++j) {
+      result[ptr++] = data[strideX * i + strideY * j + offset];
+    }
+  }
+}
+
+function wrapBufferState (gl, stats, config) {
+  var bufferCount = 0;
+  var bufferSet = {};
+
+  function REGLBuffer (type) {
+    this.id = bufferCount++;
+    this.buffer = gl.createBuffer();
+    this.type = type;
+    this.usage = GL_STATIC_DRAW;
+    this.byteLength = 0;
+    this.dimension = 1;
+    this.dtype = GL_UNSIGNED_BYTE$1;
+
+    this.persistentData = null;
+
+    if (config.profile) {
+      this.stats = {size: 0};
+    }
+  }
+
+  REGLBuffer.prototype.bind = function () {
+    gl.bindBuffer(this.type, this.buffer);
+  };
+
+  REGLBuffer.prototype.destroy = function () {
+    destroy(this);
+  };
+
+  var streamPool = [];
+
+  function createStream (type, data) {
+    var buffer = streamPool.pop();
+    if (!buffer) {
+      buffer = new REGLBuffer(type);
+    }
+    buffer.bind();
+    initBufferFromData(buffer, data, GL_STREAM_DRAW, 0, 1, false);
+    return buffer
+  }
+
+  function destroyStream (stream$$1) {
+    streamPool.push(stream$$1);
+  }
+
+  function initBufferFromTypedArray (buffer, data, usage) {
+    buffer.byteLength = data.byteLength;
+    gl.bufferData(buffer.type, data, usage);
+  }
+
+  function initBufferFromData (buffer, data, usage, dtype, dimension, persist) {
+    var shape;
+    buffer.usage = usage;
+    if (Array.isArray(data)) {
+      buffer.dtype = dtype || GL_FLOAT$1;
+      if (data.length > 0) {
+        var flatData;
+        if (Array.isArray(data[0])) {
+          shape = arrayShape(data);
+          var dim = 1;
+          for (var i = 1; i < shape.length; ++i) {
+            dim *= shape[i];
+          }
+          buffer.dimension = dim;
+          flatData = arrayFlatten(data, shape, buffer.dtype);
+          initBufferFromTypedArray(buffer, flatData, usage);
+          if (persist) {
+            buffer.persistentData = flatData;
+          } else {
+            pool.freeType(flatData);
+          }
+        } else if (typeof data[0] === 'number') {
+          buffer.dimension = dimension;
+          var typedData = pool.allocType(buffer.dtype, data.length);
+          copyArray(typedData, data);
+          initBufferFromTypedArray(buffer, typedData, usage);
+          if (persist) {
+            buffer.persistentData = typedData;
+          } else {
+            pool.freeType(typedData);
+          }
+        } else if (isTypedArray(data[0])) {
+          buffer.dimension = data[0].length;
+          buffer.dtype = dtype || typedArrayCode(data[0]) || GL_FLOAT$1;
+          flatData = arrayFlatten(
+            data,
+            [data.length, data[0].length],
+            buffer.dtype);
+          initBufferFromTypedArray(buffer, flatData, usage);
+          if (persist) {
+            buffer.persistentData = flatData;
+          } else {
+            pool.freeType(flatData);
+          }
+        } else {
+          check$1.raise('invalid buffer data');
+        }
+      }
+    } else if (isTypedArray(data)) {
+      buffer.dtype = dtype || typedArrayCode(data);
+      buffer.dimension = dimension;
+      initBufferFromTypedArray(buffer, data, usage);
+      if (persist) {
+        buffer.persistentData = new Uint8Array(new Uint8Array(data.buffer));
+      }
+    } else if (isNDArrayLike(data)) {
+      shape = data.shape;
+      var stride = data.stride;
+      var offset = data.offset;
+
+      var shapeX = 0;
+      var shapeY = 0;
+      var strideX = 0;
+      var strideY = 0;
+      if (shape.length === 1) {
+        shapeX = shape[0];
+        shapeY = 1;
+        strideX = stride[0];
+        strideY = 0;
+      } else if (shape.length === 2) {
+        shapeX = shape[0];
+        shapeY = shape[1];
+        strideX = stride[0];
+        strideY = stride[1];
+      } else {
+        check$1.raise('invalid shape');
+      }
+
+      buffer.dtype = dtype || typedArrayCode(data.data) || GL_FLOAT$1;
+      buffer.dimension = shapeY;
+
+      var transposeData = pool.allocType(buffer.dtype, shapeX * shapeY);
+      transpose(transposeData,
+        data.data,
+        shapeX, shapeY,
+        strideX, strideY,
+        offset);
+      initBufferFromTypedArray(buffer, transposeData, usage);
+      if (persist) {
+        buffer.persistentData = transposeData;
+      } else {
+        pool.freeType(transposeData);
+      }
+    } else {
+      check$1.raise('invalid buffer data');
+    }
+  }
+
+  function destroy (buffer) {
+    stats.bufferCount--;
+
+    var handle = buffer.buffer;
+    check$1(handle, 'buffer must not be deleted already');
+    gl.deleteBuffer(handle);
+    buffer.buffer = null;
+    delete bufferSet[buffer.id];
+  }
+
+  function createBuffer (options, type, deferInit, persistent) {
+    stats.bufferCount++;
+
+    var buffer = new REGLBuffer(type);
+    bufferSet[buffer.id] = buffer;
+
+    function reglBuffer (options) {
+      var usage = GL_STATIC_DRAW;
+      var data = null;
+      var byteLength = 0;
+      var dtype = 0;
+      var dimension = 1;
+      if (Array.isArray(options) ||
+          isTypedArray(options) ||
+          isNDArrayLike(options)) {
+        data = options;
+      } else if (typeof options === 'number') {
+        byteLength = options | 0;
+      } else if (options) {
+        check$1.type(
+          options, 'object',
+          'buffer arguments must be an object, a number or an array');
+
+        if ('data' in options) {
+          check$1(
+            data === null ||
+            Array.isArray(data) ||
+            isTypedArray(data) ||
+            isNDArrayLike(data),
+            'invalid data for buffer');
+          data = options.data;
+        }
+
+        if ('usage' in options) {
+          check$1.parameter(options.usage, usageTypes, 'invalid buffer usage');
+          usage = usageTypes[options.usage];
+        }
+
+        if ('type' in options) {
+          check$1.parameter(options.type, glTypes, 'invalid buffer type');
+          dtype = glTypes[options.type];
+        }
+
+        if ('dimension' in options) {
+          check$1.type(options.dimension, 'number', 'invalid dimension');
+          dimension = options.dimension | 0;
+        }
+
+        if ('length' in options) {
+          check$1.nni(byteLength, 'buffer length must be a nonnegative integer');
+          byteLength = options.length | 0;
+        }
+      }
+
+      buffer.bind();
+      if (!data) {
+        gl.bufferData(buffer.type, byteLength, usage);
+        buffer.dtype = dtype || GL_UNSIGNED_BYTE$1;
+        buffer.usage = usage;
+        buffer.dimension = dimension;
+        buffer.byteLength = byteLength;
+      } else {
+        initBufferFromData(buffer, data, usage, dtype, dimension, persistent);
+      }
+
+      if (config.profile) {
+        buffer.stats.size = buffer.byteLength * DTYPES_SIZES[buffer.dtype];
+      }
+
+      return reglBuffer
+    }
+
+    function setSubData (data, offset) {
+      check$1(offset + data.byteLength <= buffer.byteLength,
+        'invalid buffer subdata call, buffer is too small. ' + ' Can\'t write data of size ' + data.byteLength + ' starting from offset ' + offset + ' to a buffer of size ' + buffer.byteLength);
+
+      gl.bufferSubData(buffer.type, offset, data);
+    }
+
+    function subdata (data, offset_) {
+      var offset = (offset_ || 0) | 0;
+      var shape;
+      buffer.bind();
+      if (Array.isArray(data)) {
+        if (data.length > 0) {
+          if (typeof data[0] === 'number') {
+            var converted = pool.allocType(buffer.dtype, data.length);
+            copyArray(converted, data);
+            setSubData(converted, offset);
+            pool.freeType(converted);
+          } else if (Array.isArray(data[0]) || isTypedArray(data[0])) {
+            shape = arrayShape(data);
+            var flatData = arrayFlatten(data, shape, buffer.dtype);
+            setSubData(flatData, offset);
+            pool.freeType(flatData);
+          } else {
+            check$1.raise('invalid buffer data');
+          }
+        }
+      } else if (isTypedArray(data)) {
+        setSubData(data, offset);
+      } else if (isNDArrayLike(data)) {
+        shape = data.shape;
+        var stride = data.stride;
+
+        var shapeX = 0;
+        var shapeY = 0;
+        var strideX = 0;
+        var strideY = 0;
+        if (shape.length === 1) {
+          shapeX = shape[0];
+          shapeY = 1;
+          strideX = stride[0];
+          strideY = 0;
+        } else if (shape.length === 2) {
+          shapeX = shape[0];
+          shapeY = shape[1];
+          strideX = stride[0];
+          strideY = stride[1];
+        } else {
+          check$1.raise('invalid shape');
+        }
+        var dtype = Array.isArray(data.data)
+          ? buffer.dtype
+          : typedArrayCode(data.data);
+
+        var transposeData = pool.allocType(dtype, shapeX * shapeY);
+        transpose(transposeData,
+          data.data,
+          shapeX, shapeY,
+          strideX, strideY,
+          data.offset);
+        setSubData(transposeData, offset);
+        pool.freeType(transposeData);
+      } else {
+        check$1.raise('invalid data for buffer subdata');
+      }
+      return reglBuffer
+    }
+
+    if (!deferInit) {
+      reglBuffer(options);
+    }
+
+    reglBuffer._reglType = 'buffer';
+    reglBuffer._buffer = buffer;
+    reglBuffer.subdata = subdata;
+    if (config.profile) {
+      reglBuffer.stats = buffer.stats;
+    }
+    reglBuffer.destroy = function () { destroy(buffer); };
+
+    return reglBuffer
+  }
+
+  function restoreBuffers () {
+    values(bufferSet).forEach(function (buffer) {
+      buffer.buffer = gl.createBuffer();
+      gl.bindBuffer(buffer.type, buffer.buffer);
+      gl.bufferData(
+        buffer.type, buffer.persistentData || buffer.byteLength, buffer.usage);
+    });
+  }
+
+  if (config.profile) {
+    stats.getTotalBufferSize = function () {
+      var total = 0;
+      // TODO: Right now, the streams are not part of the total count.
+      Object.keys(bufferSet).forEach(function (key) {
+        total += bufferSet[key].stats.size;
+      });
+      return total
+    };
+  }
+
+  return {
+    create: createBuffer,
+
+    createStream: createStream,
+    destroyStream: destroyStream,
+
+    clear: function () {
+      values(bufferSet).forEach(destroy);
+      streamPool.forEach(destroy);
+    },
+
+    getBuffer: function (wrapper) {
+      if (wrapper && wrapper._buffer instanceof REGLBuffer) {
+        return wrapper._buffer
+      }
+      return null
+    },
+
+    restore: restoreBuffers,
+
+    _initBuffer: initBufferFromData
+  }
+}
+
+var points = 0;
+var point = 0;
+var lines = 1;
+var line = 1;
+var triangles = 4;
+var triangle = 4;
+var primTypes = {
+	points: points,
+	point: point,
+	lines: lines,
+	line: line,
+	triangles: triangles,
+	triangle: triangle,
+	"line loop": 2,
+	"line strip": 3,
+	"triangle strip": 5,
+	"triangle fan": 6
+};
+
+var GL_POINTS = 0;
+var GL_LINES = 1;
+var GL_TRIANGLES = 4;
+
+var GL_BYTE$2 = 5120;
+var GL_UNSIGNED_BYTE$3 = 5121;
+var GL_SHORT$2 = 5122;
+var GL_UNSIGNED_SHORT$2 = 5123;
+var GL_INT$2 = 5124;
+var GL_UNSIGNED_INT$2 = 5125;
+
+var GL_ELEMENT_ARRAY_BUFFER = 34963;
+
+var GL_STREAM_DRAW$1 = 0x88E0;
+var GL_STATIC_DRAW$1 = 0x88E4;
+
+function wrapElementsState (gl, extensions, bufferState, stats) {
+  var elementSet = {};
+  var elementCount = 0;
+
+  var elementTypes = {
+    'uint8': GL_UNSIGNED_BYTE$3,
+    'uint16': GL_UNSIGNED_SHORT$2
+  };
+
+  if (extensions.oes_element_index_uint) {
+    elementTypes.uint32 = GL_UNSIGNED_INT$2;
+  }
+
+  function REGLElementBuffer (buffer) {
+    this.id = elementCount++;
+    elementSet[this.id] = this;
+    this.buffer = buffer;
+    this.primType = GL_TRIANGLES;
+    this.vertCount = 0;
+    this.type = 0;
+  }
+
+  REGLElementBuffer.prototype.bind = function () {
+    this.buffer.bind();
+  };
+
+  var bufferPool = [];
+
+  function createElementStream (data) {
+    var result = bufferPool.pop();
+    if (!result) {
+      result = new REGLElementBuffer(bufferState.create(
+        null,
+        GL_ELEMENT_ARRAY_BUFFER,
+        true,
+        false)._buffer);
+    }
+    initElements(result, data, GL_STREAM_DRAW$1, -1, -1, 0, 0);
+    return result
+  }
+
+  function destroyElementStream (elements) {
+    bufferPool.push(elements);
+  }
+
+  function initElements (
+    elements,
+    data,
+    usage,
+    prim,
+    count,
+    byteLength,
+    type) {
+    elements.buffer.bind();
+    if (data) {
+      var predictedType = type;
+      if (!type && (
+          !isTypedArray(data) ||
+         (isNDArrayLike(data) && !isTypedArray(data.data)))) {
+        predictedType = extensions.oes_element_index_uint
+          ? GL_UNSIGNED_INT$2
+          : GL_UNSIGNED_SHORT$2;
+      }
+      bufferState._initBuffer(
+        elements.buffer,
+        data,
+        usage,
+        predictedType,
+        3);
+    } else {
+      gl.bufferData(GL_ELEMENT_ARRAY_BUFFER, byteLength, usage);
+      elements.buffer.dtype = dtype || GL_UNSIGNED_BYTE$3;
+      elements.buffer.usage = usage;
+      elements.buffer.dimension = 3;
+      elements.buffer.byteLength = byteLength;
+    }
+
+    var dtype = type;
+    if (!type) {
+      switch (elements.buffer.dtype) {
+        case GL_UNSIGNED_BYTE$3:
+        case GL_BYTE$2:
+          dtype = GL_UNSIGNED_BYTE$3;
+          break
+
+        case GL_UNSIGNED_SHORT$2:
+        case GL_SHORT$2:
+          dtype = GL_UNSIGNED_SHORT$2;
+          break
+
+        case GL_UNSIGNED_INT$2:
+        case GL_INT$2:
+          dtype = GL_UNSIGNED_INT$2;
+          break
+
+        default:
+          check$1.raise('unsupported type for element array');
+      }
+      elements.buffer.dtype = dtype;
+    }
+    elements.type = dtype;
+
+    // Check oes_element_index_uint extension
+    check$1(
+      dtype !== GL_UNSIGNED_INT$2 ||
+      !!extensions.oes_element_index_uint,
+      '32 bit element buffers not supported, enable oes_element_index_uint first');
+
+    // try to guess default primitive type and arguments
+    var vertCount = count;
+    if (vertCount < 0) {
+      vertCount = elements.buffer.byteLength;
+      if (dtype === GL_UNSIGNED_SHORT$2) {
+        vertCount >>= 1;
+      } else if (dtype === GL_UNSIGNED_INT$2) {
+        vertCount >>= 2;
+      }
+    }
+    elements.vertCount = vertCount;
+
+    // try to guess primitive type from cell dimension
+    var primType = prim;
+    if (prim < 0) {
+      primType = GL_TRIANGLES;
+      var dimension = elements.buffer.dimension;
+      if (dimension === 1) primType = GL_POINTS;
+      if (dimension === 2) primType = GL_LINES;
+      if (dimension === 3) primType = GL_TRIANGLES;
+    }
+    elements.primType = primType;
+  }
+
+  function destroyElements (elements) {
+    stats.elementsCount--;
+
+    check$1(elements.buffer !== null, 'must not double destroy elements');
+    delete elementSet[elements.id];
+    elements.buffer.destroy();
+    elements.buffer = null;
+  }
+
+  function createElements (options, persistent) {
+    var buffer = bufferState.create(null, GL_ELEMENT_ARRAY_BUFFER, true);
+    var elements = new REGLElementBuffer(buffer._buffer);
+    stats.elementsCount++;
+
+    function reglElements (options) {
+      if (!options) {
+        buffer();
+        elements.primType = GL_TRIANGLES;
+        elements.vertCount = 0;
+        elements.type = GL_UNSIGNED_BYTE$3;
+      } else if (typeof options === 'number') {
+        buffer(options);
+        elements.primType = GL_TRIANGLES;
+        elements.vertCount = options | 0;
+        elements.type = GL_UNSIGNED_BYTE$3;
+      } else {
+        var data = null;
+        var usage = GL_STATIC_DRAW$1;
+        var primType = -1;
+        var vertCount = -1;
+        var byteLength = 0;
+        var dtype = 0;
+        if (Array.isArray(options) ||
+            isTypedArray(options) ||
+            isNDArrayLike(options)) {
+          data = options;
+        } else {
+          check$1.type(options, 'object', 'invalid arguments for elements');
+          if ('data' in options) {
+            data = options.data;
+            check$1(
+                Array.isArray(data) ||
+                isTypedArray(data) ||
+                isNDArrayLike(data),
+                'invalid data for element buffer');
+          }
+          if ('usage' in options) {
+            check$1.parameter(
+              options.usage,
+              usageTypes,
+              'invalid element buffer usage');
+            usage = usageTypes[options.usage];
+          }
+          if ('primitive' in options) {
+            check$1.parameter(
+              options.primitive,
+              primTypes,
+              'invalid element buffer primitive');
+            primType = primTypes[options.primitive];
+          }
+          if ('count' in options) {
+            check$1(
+              typeof options.count === 'number' && options.count >= 0,
+              'invalid vertex count for elements');
+            vertCount = options.count | 0;
+          }
+          if ('type' in options) {
+            check$1.parameter(
+              options.type,
+              elementTypes,
+              'invalid buffer type');
+            dtype = elementTypes[options.type];
+          }
+          if ('length' in options) {
+            byteLength = options.length | 0;
+          } else {
+            byteLength = vertCount;
+            if (dtype === GL_UNSIGNED_SHORT$2 || dtype === GL_SHORT$2) {
+              byteLength *= 2;
+            } else if (dtype === GL_UNSIGNED_INT$2 || dtype === GL_INT$2) {
+              byteLength *= 4;
+            }
+          }
+        }
+        initElements(
+          elements,
+          data,
+          usage,
+          primType,
+          vertCount,
+          byteLength,
+          dtype);
+      }
+
+      return reglElements
+    }
+
+    reglElements(options);
+
+    reglElements._reglType = 'elements';
+    reglElements._elements = elements;
+    reglElements.subdata = function (data, offset) {
+      buffer.subdata(data, offset);
+      return reglElements
+    };
+    reglElements.destroy = function () {
+      destroyElements(elements);
+    };
+
+    return reglElements
+  }
+
+  return {
+    create: createElements,
+    createStream: createElementStream,
+    destroyStream: destroyElementStream,
+    getElements: function (elements) {
+      if (typeof elements === 'function' &&
+          elements._elements instanceof REGLElementBuffer) {
+        return elements._elements
+      }
+      return null
+    },
+    clear: function () {
+      values(elementSet).forEach(destroyElements);
+    }
+  }
+}
+
+var FLOAT = new Float32Array(1);
+var INT = new Uint32Array(FLOAT.buffer);
+
+var GL_UNSIGNED_SHORT$4 = 5123;
+
+function convertToHalfFloat (array) {
+  var ushorts = pool.allocType(GL_UNSIGNED_SHORT$4, array.length);
+
+  for (var i = 0; i < array.length; ++i) {
+    if (isNaN(array[i])) {
+      ushorts[i] = 0xffff;
+    } else if (array[i] === Infinity) {
+      ushorts[i] = 0x7c00;
+    } else if (array[i] === -Infinity) {
+      ushorts[i] = 0xfc00;
+    } else {
+      FLOAT[0] = array[i];
+      var x = INT[0];
+
+      var sgn = (x >>> 31) << 15;
+      var exp = ((x << 1) >>> 24) - 127;
+      var frac = (x >> 13) & ((1 << 10) - 1);
+
+      if (exp < -24) {
+        // round non-representable denormals to 0
+        ushorts[i] = sgn;
+      } else if (exp < -14) {
+        // handle denormals
+        var s = -14 - exp;
+        ushorts[i] = sgn + ((frac + (1 << 10)) >> s);
+      } else if (exp > 15) {
+        // round overflow to +/- Infinity
+        ushorts[i] = sgn + 0x7c00;
+      } else {
+        // otherwise convert directly
+        ushorts[i] = sgn + ((exp + 15) << 10) + frac;
+      }
+    }
+  }
+
+  return ushorts
+}
+
+function isArrayLike (s) {
+  return Array.isArray(s) || isTypedArray(s)
+}
+
+var GL_COMPRESSED_TEXTURE_FORMATS = 0x86A3;
+
+var GL_TEXTURE_2D = 0x0DE1;
+var GL_TEXTURE_CUBE_MAP = 0x8513;
+var GL_TEXTURE_CUBE_MAP_POSITIVE_X = 0x8515;
+
+var GL_RGBA = 0x1908;
+var GL_ALPHA = 0x1906;
+var GL_RGB = 0x1907;
+var GL_LUMINANCE = 0x1909;
+var GL_LUMINANCE_ALPHA = 0x190A;
+
+var GL_RGBA4 = 0x8056;
+var GL_RGB5_A1 = 0x8057;
+var GL_RGB565 = 0x8D62;
+
+var GL_UNSIGNED_SHORT_4_4_4_4$1 = 0x8033;
+var GL_UNSIGNED_SHORT_5_5_5_1$1 = 0x8034;
+var GL_UNSIGNED_SHORT_5_6_5$1 = 0x8363;
+var GL_UNSIGNED_INT_24_8_WEBGL$1 = 0x84FA;
+
+var GL_DEPTH_COMPONENT = 0x1902;
+var GL_DEPTH_STENCIL = 0x84F9;
+
+var GL_SRGB_EXT = 0x8C40;
+var GL_SRGB_ALPHA_EXT = 0x8C42;
+
+var GL_HALF_FLOAT_OES$1 = 0x8D61;
+
+var GL_COMPRESSED_RGB_S3TC_DXT1_EXT = 0x83F0;
+var GL_COMPRESSED_RGBA_S3TC_DXT1_EXT = 0x83F1;
+var GL_COMPRESSED_RGBA_S3TC_DXT3_EXT = 0x83F2;
+var GL_COMPRESSED_RGBA_S3TC_DXT5_EXT = 0x83F3;
+
+var GL_COMPRESSED_RGB_ATC_WEBGL = 0x8C92;
+var GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL = 0x8C93;
+var GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL = 0x87EE;
+
+var GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG = 0x8C00;
+var GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG = 0x8C01;
+var GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG = 0x8C02;
+var GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG = 0x8C03;
+
+var GL_COMPRESSED_RGB_ETC1_WEBGL = 0x8D64;
+
+var GL_UNSIGNED_BYTE$4 = 0x1401;
+var GL_UNSIGNED_SHORT$3 = 0x1403;
+var GL_UNSIGNED_INT$3 = 0x1405;
+var GL_FLOAT$3 = 0x1406;
+
+var GL_TEXTURE_WRAP_S = 0x2802;
+var GL_TEXTURE_WRAP_T = 0x2803;
+
+var GL_REPEAT = 0x2901;
+var GL_CLAMP_TO_EDGE$1 = 0x812F;
+var GL_MIRRORED_REPEAT = 0x8370;
+
+var GL_TEXTURE_MAG_FILTER = 0x2800;
+var GL_TEXTURE_MIN_FILTER = 0x2801;
+
+var GL_NEAREST$1 = 0x2600;
+var GL_LINEAR = 0x2601;
+var GL_NEAREST_MIPMAP_NEAREST$1 = 0x2700;
+var GL_LINEAR_MIPMAP_NEAREST$1 = 0x2701;
+var GL_NEAREST_MIPMAP_LINEAR$1 = 0x2702;
+var GL_LINEAR_MIPMAP_LINEAR$1 = 0x2703;
+
+var GL_GENERATE_MIPMAP_HINT = 0x8192;
+var GL_DONT_CARE = 0x1100;
+var GL_FASTEST = 0x1101;
+var GL_NICEST = 0x1102;
+
+var GL_TEXTURE_MAX_ANISOTROPY_EXT = 0x84FE;
+
+var GL_UNPACK_ALIGNMENT = 0x0CF5;
+var GL_UNPACK_FLIP_Y_WEBGL = 0x9240;
+var GL_UNPACK_PREMULTIPLY_ALPHA_WEBGL = 0x9241;
+var GL_UNPACK_COLORSPACE_CONVERSION_WEBGL = 0x9243;
+
+var GL_BROWSER_DEFAULT_WEBGL = 0x9244;
+
+var GL_TEXTURE0 = 0x84C0;
+
+var MIPMAP_FILTERS = [
+  GL_NEAREST_MIPMAP_NEAREST$1,
+  GL_NEAREST_MIPMAP_LINEAR$1,
+  GL_LINEAR_MIPMAP_NEAREST$1,
+  GL_LINEAR_MIPMAP_LINEAR$1
+];
+
+var CHANNELS_FORMAT = [
+  0,
+  GL_LUMINANCE,
+  GL_LUMINANCE_ALPHA,
+  GL_RGB,
+  GL_RGBA
+];
+
+var FORMAT_CHANNELS = {};
+FORMAT_CHANNELS[GL_LUMINANCE] =
+FORMAT_CHANNELS[GL_ALPHA] =
+FORMAT_CHANNELS[GL_DEPTH_COMPONENT] = 1;
+FORMAT_CHANNELS[GL_DEPTH_STENCIL] =
+FORMAT_CHANNELS[GL_LUMINANCE_ALPHA] = 2;
+FORMAT_CHANNELS[GL_RGB] =
+FORMAT_CHANNELS[GL_SRGB_EXT] = 3;
+FORMAT_CHANNELS[GL_RGBA] =
+FORMAT_CHANNELS[GL_SRGB_ALPHA_EXT] = 4;
+
+function objectName (str) {
+  return '[object ' + str + ']'
+}
+
+var CANVAS_CLASS = objectName('HTMLCanvasElement');
+var CONTEXT2D_CLASS = objectName('CanvasRenderingContext2D');
+var IMAGE_CLASS = objectName('HTMLImageElement');
+var VIDEO_CLASS = objectName('HTMLVideoElement');
+
+var PIXEL_CLASSES = Object.keys(arrayTypes).concat([
+  CANVAS_CLASS,
+  CONTEXT2D_CLASS,
+  IMAGE_CLASS,
+  VIDEO_CLASS
+]);
+
+// for every texture type, store
+// the size in bytes.
+var TYPE_SIZES = [];
+TYPE_SIZES[GL_UNSIGNED_BYTE$4] = 1;
+TYPE_SIZES[GL_FLOAT$3] = 4;
+TYPE_SIZES[GL_HALF_FLOAT_OES$1] = 2;
+
+TYPE_SIZES[GL_UNSIGNED_SHORT$3] = 2;
+TYPE_SIZES[GL_UNSIGNED_INT$3] = 4;
+
+var FORMAT_SIZES_SPECIAL = [];
+FORMAT_SIZES_SPECIAL[GL_RGBA4] = 2;
+FORMAT_SIZES_SPECIAL[GL_RGB5_A1] = 2;
+FORMAT_SIZES_SPECIAL[GL_RGB565] = 2;
+FORMAT_SIZES_SPECIAL[GL_DEPTH_STENCIL] = 4;
+
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_S3TC_DXT1_EXT] = 0.5;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT1_EXT] = 0.5;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT3_EXT] = 1;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_S3TC_DXT5_EXT] = 1;
+
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_ATC_WEBGL] = 0.5;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL] = 1;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL] = 1;
+
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG] = 0.5;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG] = 0.25;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG] = 0.5;
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG] = 0.25;
+
+FORMAT_SIZES_SPECIAL[GL_COMPRESSED_RGB_ETC1_WEBGL] = 0.5;
+
+function isNumericArray (arr) {
+  return (
+    Array.isArray(arr) &&
+    (arr.length === 0 ||
+    typeof arr[0] === 'number'))
+}
+
+function isRectArray (arr) {
+  if (!Array.isArray(arr)) {
+    return false
+  }
+  var width = arr.length;
+  if (width === 0 || !isArrayLike(arr[0])) {
+    return false
+  }
+  return true
+}
+
+function classString (x) {
+  return Object.prototype.toString.call(x)
+}
+
+function isCanvasElement (object) {
+  return classString(object) === CANVAS_CLASS
+}
+
+function isContext2D (object) {
+  return classString(object) === CONTEXT2D_CLASS
+}
+
+function isImageElement (object) {
+  return classString(object) === IMAGE_CLASS
+}
+
+function isVideoElement (object) {
+  return classString(object) === VIDEO_CLASS
+}
+
+function isPixelData (object) {
+  if (!object) {
+    return false
+  }
+  var className = classString(object);
+  if (PIXEL_CLASSES.indexOf(className) >= 0) {
+    return true
+  }
+  return (
+    isNumericArray(object) ||
+    isRectArray(object) ||
+    isNDArrayLike(object))
+}
+
+function typedArrayCode$1 (data) {
+  return arrayTypes[Object.prototype.toString.call(data)] | 0
+}
+
+function convertData (result, data) {
+  var n = data.length;
+  switch (result.type) {
+    case GL_UNSIGNED_BYTE$4:
+    case GL_UNSIGNED_SHORT$3:
+    case GL_UNSIGNED_INT$3:
+    case GL_FLOAT$3:
+      var converted = pool.allocType(result.type, n);
+      converted.set(data);
+      result.data = converted;
+      break
+
+    case GL_HALF_FLOAT_OES$1:
+      result.data = convertToHalfFloat(data);
+      break
+
+    default:
+      check$1.raise('unsupported texture type, must specify a typed array');
+  }
+}
+
+function preConvert (image, n) {
+  return pool.allocType(
+    image.type === GL_HALF_FLOAT_OES$1
+      ? GL_FLOAT$3
+      : image.type, n)
+}
+
+function postConvert (image, data) {
+  if (image.type === GL_HALF_FLOAT_OES$1) {
+    image.data = convertToHalfFloat(data);
+    pool.freeType(data);
+  } else {
+    image.data = data;
+  }
+}
+
+function transposeData (image, array, strideX, strideY, strideC, offset) {
+  var w = image.width;
+  var h = image.height;
+  var c = image.channels;
+  var n = w * h * c;
+  var data = preConvert(image, n);
+
+  var p = 0;
+  for (var i = 0; i < h; ++i) {
+    for (var j = 0; j < w; ++j) {
+      for (var k = 0; k < c; ++k) {
+        data[p++] = array[strideX * j + strideY * i + strideC * k + offset];
+      }
+    }
+  }
+
+  postConvert(image, data);
+}
+
+function getTextureSize (format, type, width, height, isMipmap, isCube) {
+  var s;
+  if (typeof FORMAT_SIZES_SPECIAL[format] !== 'undefined') {
+    // we have a special array for dealing with weird color formats such as RGB5A1
+    s = FORMAT_SIZES_SPECIAL[format];
+  } else {
+    s = FORMAT_CHANNELS[format] * TYPE_SIZES[type];
+  }
+
+  if (isCube) {
+    s *= 6;
+  }
+
+  if (isMipmap) {
+    // compute the total size of all the mipmaps.
+    var total = 0;
+
+    var w = width;
+    while (w >= 1) {
+      // we can only use mipmaps on a square image,
+      // so we can simply use the width and ignore the height:
+      total += s * w * w;
+      w /= 2;
+    }
+    return total
+  } else {
+    return s * width * height
+  }
+}
+
+function createTextureSet (
+  gl, extensions, limits, reglPoll, contextState, stats, config) {
+  // -------------------------------------------------------
+  // Initialize constants and parameter tables here
+  // -------------------------------------------------------
+  var mipmapHint = {
+    "don't care": GL_DONT_CARE,
+    'dont care': GL_DONT_CARE,
+    'nice': GL_NICEST,
+    'fast': GL_FASTEST
+  };
+
+  var wrapModes = {
+    'repeat': GL_REPEAT,
+    'clamp': GL_CLAMP_TO_EDGE$1,
+    'mirror': GL_MIRRORED_REPEAT
+  };
+
+  var magFilters = {
+    'nearest': GL_NEAREST$1,
+    'linear': GL_LINEAR
+  };
+
+  var minFilters = extend({
+    'mipmap': GL_LINEAR_MIPMAP_LINEAR$1,
+    'nearest mipmap nearest': GL_NEAREST_MIPMAP_NEAREST$1,
+    'linear mipmap nearest': GL_LINEAR_MIPMAP_NEAREST$1,
+    'nearest mipmap linear': GL_NEAREST_MIPMAP_LINEAR$1,
+    'linear mipmap linear': GL_LINEAR_MIPMAP_LINEAR$1
+  }, magFilters);
+
+  var colorSpace = {
+    'none': 0,
+    'browser': GL_BROWSER_DEFAULT_WEBGL
+  };
+
+  var textureTypes = {
+    'uint8': GL_UNSIGNED_BYTE$4,
+    'rgba4': GL_UNSIGNED_SHORT_4_4_4_4$1,
+    'rgb565': GL_UNSIGNED_SHORT_5_6_5$1,
+    'rgb5 a1': GL_UNSIGNED_SHORT_5_5_5_1$1
+  };
+
+  var textureFormats = {
+    'alpha': GL_ALPHA,
+    'luminance': GL_LUMINANCE,
+    'luminance alpha': GL_LUMINANCE_ALPHA,
+    'rgb': GL_RGB,
+    'rgba': GL_RGBA,
+    'rgba4': GL_RGBA4,
+    'rgb5 a1': GL_RGB5_A1,
+    'rgb565': GL_RGB565
+  };
+
+  var compressedTextureFormats = {};
+
+  if (extensions.ext_srgb) {
+    textureFormats.srgb = GL_SRGB_EXT;
+    textureFormats.srgba = GL_SRGB_ALPHA_EXT;
+  }
+
+  if (extensions.oes_texture_float) {
+    textureTypes.float32 = textureTypes.float = GL_FLOAT$3;
+  }
+
+  if (extensions.oes_texture_half_float) {
+    textureTypes['float16'] = textureTypes['half float'] = GL_HALF_FLOAT_OES$1;
+  }
+
+  if (extensions.webgl_depth_texture) {
+    extend(textureFormats, {
+      'depth': GL_DEPTH_COMPONENT,
+      'depth stencil': GL_DEPTH_STENCIL
+    });
+
+    extend(textureTypes, {
+      'uint16': GL_UNSIGNED_SHORT$3,
+      'uint32': GL_UNSIGNED_INT$3,
+      'depth stencil': GL_UNSIGNED_INT_24_8_WEBGL$1
+    });
+  }
+
+  if (extensions.webgl_compressed_texture_s3tc) {
+    extend(compressedTextureFormats, {
+      'rgb s3tc dxt1': GL_COMPRESSED_RGB_S3TC_DXT1_EXT,
+      'rgba s3tc dxt1': GL_COMPRESSED_RGBA_S3TC_DXT1_EXT,
+      'rgba s3tc dxt3': GL_COMPRESSED_RGBA_S3TC_DXT3_EXT,
+      'rgba s3tc dxt5': GL_COMPRESSED_RGBA_S3TC_DXT5_EXT
+    });
+  }
+
+  if (extensions.webgl_compressed_texture_atc) {
+    extend(compressedTextureFormats, {
+      'rgb atc': GL_COMPRESSED_RGB_ATC_WEBGL,
+      'rgba atc explicit alpha': GL_COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL,
+      'rgba atc interpolated alpha': GL_COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL
+    });
+  }
+
+  if (extensions.webgl_compressed_texture_pvrtc) {
+    extend(compressedTextureFormats, {
+      'rgb pvrtc 4bppv1': GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG,
+      'rgb pvrtc 2bppv1': GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG,
+      'rgba pvrtc 4bppv1': GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG,
+      'rgba pvrtc 2bppv1': GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG
+    });
+  }
+
+  if (extensions.webgl_compressed_texture_etc1) {
+    compressedTextureFormats['rgb etc1'] = GL_COMPRESSED_RGB_ETC1_WEBGL;
+  }
+
+  // Copy over all texture formats
+  var supportedCompressedFormats = Array.prototype.slice.call(
+    gl.getParameter(GL_COMPRESSED_TEXTURE_FORMATS));
+  Object.keys(compressedTextureFormats).forEach(function (name) {
+    var format = compressedTextureFormats[name];
+    if (supportedCompressedFormats.indexOf(format) >= 0) {
+      textureFormats[name] = format;
+    }
+  });
+
+  var supportedFormats = Object.keys(textureFormats);
+  limits.textureFormats = supportedFormats;
+
+  // associate with every format string its
+  // corresponding GL-value.
+  var textureFormatsInvert = [];
+  Object.keys(textureFormats).forEach(function (key) {
+    var val = textureFormats[key];
+    textureFormatsInvert[val] = key;
+  });
+
+  // associate with every type string its
+  // corresponding GL-value.
+  var textureTypesInvert = [];
+  Object.keys(textureTypes).forEach(function (key) {
+    var val = textureTypes[key];
+    textureTypesInvert[val] = key;
+  });
+
+  var magFiltersInvert = [];
+  Object.keys(magFilters).forEach(function (key) {
+    var val = magFilters[key];
+    magFiltersInvert[val] = key;
+  });
+
+  var minFiltersInvert = [];
+  Object.keys(minFilters).forEach(function (key) {
+    var val = minFilters[key];
+    minFiltersInvert[val] = key;
+  });
+
+  var wrapModesInvert = [];
+  Object.keys(wrapModes).forEach(function (key) {
+    var val = wrapModes[key];
+    wrapModesInvert[val] = key;
+  });
+
+  // colorFormats[] gives the format (channels) associated to an
+  // internalformat
+  var colorFormats = supportedFormats.reduce(function (color, key) {
+    var glenum = textureFormats[key];
+    if (glenum === GL_LUMINANCE ||
+        glenum === GL_ALPHA ||
+        glenum === GL_LUMINANCE ||
+        glenum === GL_LUMINANCE_ALPHA ||
+        glenum === GL_DEPTH_COMPONENT ||
+        glenum === GL_DEPTH_STENCIL) {
+      color[glenum] = glenum;
+    } else if (glenum === GL_RGB5_A1 || key.indexOf('rgba') >= 0) {
+      color[glenum] = GL_RGBA;
+    } else {
+      color[glenum] = GL_RGB;
+    }
+    return color
+  }, {});
+
+  function TexFlags () {
+    // format info
+    this.internalformat = GL_RGBA;
+    this.format = GL_RGBA;
+    this.type = GL_UNSIGNED_BYTE$4;
+    this.compressed = false;
+
+    // pixel storage
+    this.premultiplyAlpha = false;
+    this.flipY = false;
+    this.unpackAlignment = 1;
+    this.colorSpace = 0;
+
+    // shape info
+    this.width = 0;
+    this.height = 0;
+    this.channels = 0;
+  }
+
+  function copyFlags (result, other) {
+    result.internalformat = other.internalformat;
+    result.format = other.format;
+    result.type = other.type;
+    result.compressed = other.compressed;
+
+    result.premultiplyAlpha = other.premultiplyAlpha;
+    result.flipY = other.flipY;
+    result.unpackAlignment = other.unpackAlignment;
+    result.colorSpace = other.colorSpace;
+
+    result.width = other.width;
+    result.height = other.height;
+    result.channels = other.channels;
+  }
+
+  function parseFlags (flags, options) {
+    if (typeof options !== 'object' || !options) {
+      return
+    }
+
+    if ('premultiplyAlpha' in options) {
+      check$1.type(options.premultiplyAlpha, 'boolean',
+        'invalid premultiplyAlpha');
+      flags.premultiplyAlpha = options.premultiplyAlpha;
+    }
+
+    if ('flipY' in options) {
+      check$1.type(options.flipY, 'boolean',
+        'invalid texture flip');
+      flags.flipY = options.flipY;
+    }
+
+    if ('alignment' in options) {
+      check$1.oneOf(options.alignment, [1, 2, 4, 8],
+        'invalid texture unpack alignment');
+      flags.unpackAlignment = options.alignment;
+    }
+
+    if ('colorSpace' in options) {
+      check$1.parameter(options.colorSpace, colorSpace,
+        'invalid colorSpace');
+      flags.colorSpace = colorSpace[options.colorSpace];
+    }
+
+    if ('type' in options) {
+      var type = options.type;
+      check$1(extensions.oes_texture_float ||
+        !(type === 'float' || type === 'float32'),
+        'you must enable the OES_texture_float extension in order to use floating point textures.');
+      check$1(extensions.oes_texture_half_float ||
+        !(type === 'half float' || type === 'float16'),
+        'you must enable the OES_texture_half_float extension in order to use 16-bit floating point textures.');
+      check$1(extensions.webgl_depth_texture ||
+        !(type === 'uint16' || type === 'uint32' || type === 'depth stencil'),
+        'you must enable the WEBGL_depth_texture extension in order to use depth/stencil textures.');
+      check$1.parameter(type, textureTypes,
+        'invalid texture type');
+      flags.type = textureTypes[type];
+    }
+
+    var w = flags.width;
+    var h = flags.height;
+    var c = flags.channels;
+    var hasChannels = false;
+    if ('shape' in options) {
+      check$1(Array.isArray(options.shape) && options.shape.length >= 2,
+        'shape must be an array');
+      w = options.shape[0];
+      h = options.shape[1];
+      if (options.shape.length === 3) {
+        c = options.shape[2];
+        check$1(c > 0 && c <= 4, 'invalid number of channels');
+        hasChannels = true;
+      }
+      check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid width');
+      check$1(h >= 0 && h <= limits.maxTextureSize, 'invalid height');
+    } else {
+      if ('radius' in options) {
+        w = h = options.radius;
+        check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid radius');
+      }
+      if ('width' in options) {
+        w = options.width;
+        check$1(w >= 0 && w <= limits.maxTextureSize, 'invalid width');
+      }
+      if ('height' in options) {
+        h = options.height;
+        check$1(h >= 0 && h <= limits.maxTextureSize, 'invalid height');
+      }
+      if ('channels' in options) {
+        c = options.channels;
+        check$1(c > 0 && c <= 4, 'invalid number of channels');
+        hasChannels = true;
+      }
+    }
+    flags.width = w | 0;
+    flags.height = h | 0;
+    flags.channels = c | 0;
+
+    var hasFormat = false;
+    if ('format' in options) {
+      var formatStr = options.format;
+      check$1(extensions.webgl_depth_texture ||
+        !(formatStr === 'depth' || formatStr === 'depth stencil'),
+        'you must enable the WEBGL_depth_texture extension in order to use depth/stencil textures.');
+      check$1.parameter(formatStr, textureFormats,
+        'invalid texture format');
+      var internalformat = flags.internalformat = textureFormats[formatStr];
+      flags.format = colorFormats[internalformat];
+      if (formatStr in textureTypes) {
+        if (!('type' in options)) {
+          flags.type = textureTypes[formatStr];
+        }
+      }
+      if (formatStr in compressedTextureFormats) {
+        flags.compressed = true;
+      }
+      hasFormat = true;
+    }
+
+    // Reconcile channels and format
+    if (!hasChannels && hasFormat) {
+      flags.channels = FORMAT_CHANNELS[flags.format];
+    } else if (hasChannels && !hasFormat) {
+      if (flags.channels !== CHANNELS_FORMAT[flags.format]) {
+        flags.format = flags.internalformat = CHANNELS_FORMAT[flags.channels];
+      }
+    } else if (hasFormat && hasChannels) {
+      check$1(
+        flags.channels === FORMAT_CHANNELS[flags.format],
+        'number of channels inconsistent with specified format');
+    }
+  }
+
+  function setFlags (flags) {
+    gl.pixelStorei(GL_UNPACK_FLIP_Y_WEBGL, flags.flipY);
+    gl.pixelStorei(GL_UNPACK_PREMULTIPLY_ALPHA_WEBGL, flags.premultiplyAlpha);
+    gl.pixelStorei(GL_UNPACK_COLORSPACE_CONVERSION_WEBGL, flags.colorSpace);
+    gl.pixelStorei(GL_UNPACK_ALIGNMENT, flags.unpackAlignment);
+  }
+
+  // -------------------------------------------------------
+  // Tex image data
+  // -------------------------------------------------------
+  function TexImage () {
+    TexFlags.call(this);
+
+    this.xOffset = 0;
+    this.yOffset = 0;
+
+    // data
+    this.data = null;
+    this.needsFree = false;
+
+    // html element
+    this.element = null;
+
+    // copyTexImage info
+    this.needsCopy = false;
+  }
+
+  function parseImage (image, options) {
+    var data = null;
+    if (isPixelData(options)) {
+      data = options;
+    } else if (options) {
+      check$1.type(options, 'object', 'invalid pixel data type');
+      parseFlags(image, options);
+      if ('x' in options) {
+        image.xOffset = options.x | 0;
+      }
+      if ('y' in options) {
+        image.yOffset = options.y | 0;
+      }
+      if (isPixelData(options.data)) {
+        data = options.data;
+      }
+    }
+
+    check$1(
+      !image.compressed ||
+      data instanceof Uint8Array,
+      'compressed texture data must be stored in a uint8array');
+
+    if (options.copy) {
+      check$1(!data, 'can not specify copy and data field for the same texture');
+      var viewW = contextState.viewportWidth;
+      var viewH = contextState.viewportHeight;
+      image.width = image.width || (viewW - image.xOffset);
+      image.height = image.height || (viewH - image.yOffset);
+      image.needsCopy = true;
+      check$1(image.xOffset >= 0 && image.xOffset < viewW &&
+            image.yOffset >= 0 && image.yOffset < viewH &&
+            image.width > 0 && image.width <= viewW &&
+            image.height > 0 && image.height <= viewH,
+            'copy texture read out of bounds');
+    } else if (!data) {
+      image.width = image.width || 1;
+      image.height = image.height || 1;
+      image.channels = image.channels || 4;
+    } else if (isTypedArray(data)) {
+      image.channels = image.channels || 4;
+      image.data = data;
+      if (!('type' in options) && image.type === GL_UNSIGNED_BYTE$4) {
+        image.type = typedArrayCode$1(data);
+      }
+    } else if (isNumericArray(data)) {
+      image.channels = image.channels || 4;
+      convertData(image, data);
+      image.alignment = 1;
+      image.needsFree = true;
+    } else if (isNDArrayLike(data)) {
+      var array = data.data;
+      if (!Array.isArray(array) && image.type === GL_UNSIGNED_BYTE$4) {
+        image.type = typedArrayCode$1(array);
+      }
+      var shape = data.shape;
+      var stride = data.stride;
+      var shapeX, shapeY, shapeC, strideX, strideY, strideC;
+      if (shape.length === 3) {
+        shapeC = shape[2];
+        strideC = stride[2];
+      } else {
+        check$1(shape.length === 2, 'invalid ndarray pixel data, must be 2 or 3D');
+        shapeC = 1;
+        strideC = 1;
+      }
+      shapeX = shape[0];
+      shapeY = shape[1];
+      strideX = stride[0];
+      strideY = stride[1];
+      image.alignment = 1;
+      image.width = shapeX;
+      image.height = shapeY;
+      image.channels = shapeC;
+      image.format = image.internalformat = CHANNELS_FORMAT[shapeC];
+      image.needsFree = true;
+      transposeData(image, array, strideX, strideY, strideC, data.offset);
+    } else if (isCanvasElement(data) || isContext2D(data)) {
+      if (isCanvasElement(data)) {
+        image.element = data;
+      } else {
+        image.element = data.canvas;
+      }
+      image.width = image.element.width;
+      image.height = image.element.height;
+      image.channels = 4;
+    } else if (isImageElement(data)) {
+      image.element = data;
+      image.width = data.naturalWidth;
+      image.height = data.naturalHeight;
+      image.channels = 4;
+    } else if (isVideoElement(data)) {
+      image.element = data;
+      image.width = data.videoWidth;
+      image.height = data.videoHeight;
+      image.channels = 4;
+    } else if (isRectArray(data)) {
+      var w = image.width || data[0].length;
+      var h = image.height || data.length;
+      var c = image.channels;
+      if (isArrayLike(data[0][0])) {
+        c = c || data[0][0].length;
+      } else {
+        c = c || 1;
+      }
+      var arrayShape = flattenUtils.shape(data);
+      var n = 1;
+      for (var dd = 0; dd < arrayShape.length; ++dd) {
+        n *= arrayShape[dd];
+      }
+      var allocData = preConvert(image, n);
+      flattenUtils.flatten(data, arrayShape, '', allocData);
+      postConvert(image, allocData);
+      image.alignment = 1;
+      image.width = w;
+      image.height = h;
+      image.channels = c;
+      image.format = image.internalformat = CHANNELS_FORMAT[c];
+      image.needsFree = true;
+    }
+
+    if (image.type === GL_FLOAT$3) {
+      check$1(limits.extensions.indexOf('oes_texture_float') >= 0,
+        'oes_texture_float extension not enabled');
+    } else if (image.type === GL_HALF_FLOAT_OES$1) {
+      check$1(limits.extensions.indexOf('oes_texture_half_float') >= 0,
+        'oes_texture_half_float extension not enabled');
+    }
+
+    // do compressed texture  validation here.
+  }
+
+  function setImage (info, target, miplevel) {
+    var element = info.element;
+    var data = info.data;
+    var internalformat = info.internalformat;
+    var format = info.format;
+    var type = info.type;
+    var width = info.width;
+    var height = info.height;
+
+    setFlags(info);
+
+    if (element) {
+      gl.texImage2D(target, miplevel, format, format, type, element);
+    } else if (info.compressed) {
+      gl.compressedTexImage2D(target, miplevel, internalformat, width, height, 0, data);
+    } else if (info.needsCopy) {
+      reglPoll();
+      gl.copyTexImage2D(
+        target, miplevel, format, info.xOffset, info.yOffset, width, height, 0);
+    } else {
+      gl.texImage2D(
+        target, miplevel, format, width, height, 0, format, type, data);
+    }
+  }
+
+  function setSubImage (info, target, x, y, miplevel) {
+    var element = info.element;
+    var data = info.data;
+    var internalformat = info.internalformat;
+    var format = info.format;
+    var type = info.type;
+    var width = info.width;
+    var height = info.height;
+
+    setFlags(info);
+
+    if (element) {
+      gl.texSubImage2D(
+        target, miplevel, x, y, format, type, element);
+    } else if (info.compressed) {
+      gl.compressedTexSubImage2D(
+        target, miplevel, x, y, internalformat, width, height, data);
+    } else if (info.needsCopy) {
+      reglPoll();
+      gl.copyTexSubImage2D(
+        target, miplevel, x, y, info.xOffset, info.yOffset, width, height);
+    } else {
+      gl.texSubImage2D(
+        target, miplevel, x, y, width, height, format, type, data);
+    }
+  }
+
+  // texImage pool
+  var imagePool = [];
+
+  function allocImage () {
+    return imagePool.pop() || new TexImage()
+  }
+
+  function freeImage (image) {
+    if (image.needsFree) {
+      pool.freeType(image.data);
+    }
+    TexImage.call(image);
+    imagePool.push(image);
+  }
+
+  // -------------------------------------------------------
+  // Mip map
+  // -------------------------------------------------------
+  function MipMap () {
+    TexFlags.call(this);
+
+    this.genMipmaps = false;
+    this.mipmapHint = GL_DONT_CARE;
+    this.mipmask = 0;
+    this.images = Array(16);
+  }
+
+  function parseMipMapFromShape (mipmap, width, height) {
+    var img = mipmap.images[0] = allocImage();
+    mipmap.mipmask = 1;
+    img.width = mipmap.width = width;
+    img.height = mipmap.height = height;
+    img.channels = mipmap.channels = 4;
+  }
+
+  function parseMipMapFromObject (mipmap, options) {
+    var imgData = null;
+    if (isPixelData(options)) {
+      imgData = mipmap.images[0] = allocImage();
+      copyFlags(imgData, mipmap);
+      parseImage(imgData, options);
+      mipmap.mipmask = 1;
+    } else {
+      parseFlags(mipmap, options);
+      if (Array.isArray(options.mipmap)) {
+        var mipData = options.mipmap;
+        for (var i = 0; i < mipData.length; ++i) {
+          imgData = mipmap.images[i] = allocImage();
+          copyFlags(imgData, mipmap);
+          imgData.width >>= i;
+          imgData.height >>= i;
+          parseImage(imgData, mipData[i]);
+          mipmap.mipmask |= (1 << i);
+        }
+      } else {
+        imgData = mipmap.images[0] = allocImage();
+        copyFlags(imgData, mipmap);
+        parseImage(imgData, options);
+        mipmap.mipmask = 1;
+      }
+    }
+    copyFlags(mipmap, mipmap.images[0]);
+
+    // For textures of the compressed format WEBGL_compressed_texture_s3tc
+    // we must have that
+    //
+    // "When level equals zero width and height must be a multiple of 4.
+    // When level is greater than 0 width and height must be 0, 1, 2 or a multiple of 4. "
+    //
+    // but we do not yet support having multiple mipmap levels for compressed textures,
+    // so we only test for level zero.
+
+    if (mipmap.compressed &&
+        (mipmap.internalformat === GL_COMPRESSED_RGB_S3TC_DXT1_EXT) ||
+        (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT1_EXT) ||
+        (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT3_EXT) ||
+        (mipmap.internalformat === GL_COMPRESSED_RGBA_S3TC_DXT5_EXT)) {
+      check$1(mipmap.width % 4 === 0 &&
+            mipmap.height % 4 === 0,
+            'for compressed texture formats, mipmap level 0 must have width and height that are a multiple of 4');
+    }
+  }
+
+  function setMipMap (mipmap, target) {
+    var images = mipmap.images;
+    for (var i = 0; i < images.length; ++i) {
+      if (!images[i]) {
+        return
+      }
+      setImage(images[i], target, i);
+    }
+  }
+
+  var mipPool = [];
+
+  function allocMipMap () {
+    var result = mipPool.pop() || new MipMap();
+    TexFlags.call(result);
+    result.mipmask = 0;
+    for (var i = 0; i < 16; ++i) {
+      result.images[i] = null;
+    }
+    return result
+  }
+
+  function freeMipMap (mipmap) {
+    var images = mipmap.images;
+    for (var i = 0; i < images.length; ++i) {
+      if (images[i]) {
+        freeImage(images[i]);
+      }
+      images[i] = null;
+    }
+    mipPool.push(mipmap);
+  }
+
+  // -------------------------------------------------------
+  // Tex info
+  // -------------------------------------------------------
+  function TexInfo () {
+    this.minFilter = GL_NEAREST$1;
+    this.magFilter = GL_NEAREST$1;
+
+    this.wrapS = GL_CLAMP_TO_EDGE$1;
+    this.wrapT = GL_CLAMP_TO_EDGE$1;
+
+    this.anisotropic = 1;
+
+    this.genMipmaps = false;
+    this.mipmapHint = GL_DONT_CARE;
+  }
+
+  function parseTexInfo (info, options) {
+    if ('min' in options) {
+      var minFilter = options.min;
+      check$1.parameter(minFilter, minFilters);
+      info.minFilter = minFilters[minFilter];
+      if (MIPMAP_FILTERS.indexOf(info.minFilter) >= 0) {
+        info.genMipmaps = true;
+      }
+    }
+
+    if ('mag' in options) {
+      var magFilter = options.mag;
+      check$1.parameter(magFilter, magFilters);
+      info.magFilter = magFilters[magFilter];
+    }
+
+    var wrapS = info.wrapS;
+    var wrapT = info.wrapT;
+    if ('wrap' in options) {
+      var wrap = options.wrap;
+      if (typeof wrap === 'string') {
+        check$1.parameter(wrap, wrapModes);
+        wrapS = wrapT = wrapModes[wrap];
+      } else if (Array.isArray(wrap)) {
+        check$1.parameter(wrap[0], wrapModes);
+        check$1.parameter(wrap[1], wrapModes);
+        wrapS = wrapModes[wrap[0]];
+        wrapT = wrapModes[wrap[1]];
+      }
+    } else {
+      if ('wrapS' in options) {
+        var optWrapS = options.wrapS;
+        check$1.parameter(optWrapS, wrapModes);
+        wrapS = wrapModes[optWrapS];
+      }
+      if ('wrapT' in options) {
+        var optWrapT = options.wrapT;
+        check$1.parameter(optWrapT, wrapModes);
+        wrapT = wrapModes[optWrapT];
+      }
+    }
+    info.wrapS = wrapS;
+    info.wrapT = wrapT;
+
+    if ('anisotropic' in options) {
+      var anisotropic = options.anisotropic;
+      check$1(typeof anisotropic === 'number' &&
+         anisotropic >= 1 && anisotropic <= limits.maxAnisotropic,
+        'aniso samples must be between 1 and ');
+      info.anisotropic = options.anisotropic;
+    }
+
+    if ('mipmap' in options) {
+      var hasMipMap = false;
+      switch (typeof options.mipmap) {
+        case 'string':
+          check$1.parameter(options.mipmap, mipmapHint,
+            'invalid mipmap hint');
+          info.mipmapHint = mipmapHint[options.mipmap];
+          info.genMipmaps = true;
+          hasMipMap = true;
+          break
+
+        case 'boolean':
+          hasMipMap = info.genMipmaps = options.mipmap;
+          break
+
+        case 'object':
+          check$1(Array.isArray(options.mipmap), 'invalid mipmap type');
+          info.genMipmaps = false;
+          hasMipMap = true;
+          break
+
+        default:
+          check$1.raise('invalid mipmap type');
+      }
+      if (hasMipMap && !('min' in options)) {
+        info.minFilter = GL_NEAREST_MIPMAP_NEAREST$1;
+      }
+    }
+  }
+
+  function setTexInfo (info, target) {
+    gl.texParameteri(target, GL_TEXTURE_MIN_FILTER, info.minFilter);
+    gl.texParameteri(target, GL_TEXTURE_MAG_FILTER, info.magFilter);
+    gl.texParameteri(target, GL_TEXTURE_WRAP_S, info.wrapS);
+    gl.texParameteri(target, GL_TEXTURE_WRAP_T, info.wrapT);
+    if (extensions.ext_texture_filter_anisotropic) {
+      gl.texParameteri(target, GL_TEXTURE_MAX_ANISOTROPY_EXT, info.anisotropic);
+    }
+    if (info.genMipmaps) {
+      gl.hint(GL_GENERATE_MIPMAP_HINT, info.mipmapHint);
+      gl.generateMipmap(target);
+    }
+  }
+
+  // -------------------------------------------------------
+  // Full texture object
+  // -------------------------------------------------------
+  var textureCount = 0;
+  var textureSet = {};
+  var numTexUnits = limits.maxTextureUnits;
+  var textureUnits = Array(numTexUnits).map(function () {
+    return null
+  });
+
+  function REGLTexture (target) {
+    TexFlags.call(this);
+    this.mipmask = 0;
+    this.internalformat = GL_RGBA;
+
+    this.id = textureCount++;
+
+    this.refCount = 1;
+
+    this.target = target;
+    this.texture = gl.createTexture();
+
+    this.unit = -1;
+    this.bindCount = 0;
+
+    this.texInfo = new TexInfo();
+
+    if (config.profile) {
+      this.stats = {size: 0};
+    }
+  }
+
+  function tempBind (texture) {
+    gl.activeTexture(GL_TEXTURE0);
+    gl.bindTexture(texture.target, texture.texture);
+  }
+
+  function tempRestore () {
+    var prev = textureUnits[0];
+    if (prev) {
+      gl.bindTexture(prev.target, prev.texture);
+    } else {
+      gl.bindTexture(GL_TEXTURE_2D, null);
+    }
+  }
+
+  function destroy (texture) {
+    var handle = texture.texture;
+    check$1(handle, 'must not double destroy texture');
+    var unit = texture.unit;
+    var target = texture.target;
+    if (unit >= 0) {
+      gl.activeTexture(GL_TEXTURE0 + unit);
+      gl.bindTexture(target, null);
+      textureUnits[unit] = null;
+    }
+    gl.deleteTexture(handle);
+    texture.texture = null;
+    texture.params = null;
+    texture.pixels = null;
+    texture.refCount = 0;
+    delete textureSet[texture.id];
+    stats.textureCount--;
+  }
+
+  extend(REGLTexture.prototype, {
+    bind: function () {
+      var texture = this;
+      texture.bindCount += 1;
+      var unit = texture.unit;
+      if (unit < 0) {
+        for (var i = 0; i < numTexUnits; ++i) {
+          var other = textureUnits[i];
+          if (other) {
+            if (other.bindCount > 0) {
+              continue
+            }
+            other.unit = -1;
+          }
+          textureUnits[i] = texture;
+          unit = i;
+          break
+        }
+        if (unit >= numTexUnits) {
+          check$1.raise('insufficient number of texture units');
+        }
+        if (config.profile && stats.maxTextureUnits < (unit + 1)) {
+          stats.maxTextureUnits = unit + 1; // +1, since the units are zero-based
+        }
+        texture.unit = unit;
+        gl.activeTexture(GL_TEXTURE0 + unit);
+        gl.bindTexture(texture.target, texture.texture);
+      }
+      return unit
+    },
+
+    unbind: function () {
+      this.bindCount -= 1;
+    },
+
+    decRef: function () {
+      if (--this.refCount <= 0) {
+        destroy(this);
+      }
+    }
+  });
+
+  function createTexture2D (a, b) {
+    var texture = new REGLTexture(GL_TEXTURE_2D);
+    textureSet[texture.id] = texture;
+    stats.textureCount++;
+
+    function reglTexture2D (a, b) {
+      var texInfo = texture.texInfo;
+      TexInfo.call(texInfo);
+      var mipData = allocMipMap();
+
+      if (typeof a === 'number') {
+        if (typeof b === 'number') {
+          parseMipMapFromShape(mipData, a | 0, b | 0);
+        } else {
+          parseMipMapFromShape(mipData, a | 0, a | 0);
+        }
+      } else if (a) {
+        check$1.type(a, 'object', 'invalid arguments to regl.texture');
+        parseTexInfo(texInfo, a);
+        parseMipMapFromObject(mipData, a);
+      } else {
+        // empty textures get assigned a default shape of 1x1
+        parseMipMapFromShape(mipData, 1, 1);
+      }
+
+      if (texInfo.genMipmaps) {
+        mipData.mipmask = (mipData.width << 1) - 1;
+      }
+      texture.mipmask = mipData.mipmask;
+
+      copyFlags(texture, mipData);
+
+      check$1.texture2D(texInfo, mipData, limits);
+      texture.internalformat = mipData.internalformat;
+
+      reglTexture2D.width = mipData.width;
+      reglTexture2D.height = mipData.height;
+
+      tempBind(texture);
+      setMipMap(mipData, GL_TEXTURE_2D);
+      setTexInfo(texInfo, GL_TEXTURE_2D);
+      tempRestore();
+
+      freeMipMap(mipData);
+
+      if (config.profile) {
+        texture.stats.size = getTextureSize(
+          texture.internalformat,
+          texture.type,
+          mipData.width,
+          mipData.height,
+          texInfo.genMipmaps,
+          false);
+      }
+      reglTexture2D.format = textureFormatsInvert[texture.internalformat];
+      reglTexture2D.type = textureTypesInvert[texture.type];
+
+      reglTexture2D.mag = magFiltersInvert[texInfo.magFilter];
+      reglTexture2D.min = minFiltersInvert[texInfo.minFilter];
+
+      reglTexture2D.wrapS = wrapModesInvert[texInfo.wrapS];
+      reglTexture2D.wrapT = wrapModesInvert[texInfo.wrapT];
+
+      return reglTexture2D
+    }
+
+    function subimage (image, x_, y_, level_) {
+      check$1(!!image, 'must specify image data');
+
+      var x = x_ | 0;
+      var y = y_ | 0;
+      var level = level_ | 0;
+
+      var imageData = allocImage();
+      copyFlags(imageData, texture);
+      imageData.width = 0;
+      imageData.height = 0;
+      parseImage(imageData, image);
+      imageData.width = imageData.width || ((texture.width >> level) - x);
+      imageData.height = imageData.height || ((texture.height >> level) - y);
+
+      check$1(
+        texture.type === imageData.type &&
+        texture.format === imageData.format &&
+        texture.internalformat === imageData.internalformat,
+        'incompatible format for texture.subimage');
+      check$1(
+        x >= 0 && y >= 0 &&
+        x + imageData.width <= texture.width &&
+        y + imageData.height <= texture.height,
+        'texture.subimage write out of bounds');
+      check$1(
+        texture.mipmask & (1 << level),
+        'missing mipmap data');
+      check$1(
+        imageData.data || imageData.element || imageData.needsCopy,
+        'missing image data');
+
+      tempBind(texture);
+      setSubImage(imageData, GL_TEXTURE_2D, x, y, level);
+      tempRestore();
+
+      freeImage(imageData);
+
+      return reglTexture2D
+    }
+
+    function resize (w_, h_) {
+      var w = w_ | 0;
+      var h = (h_ | 0) || w;
+      if (w === texture.width && h === texture.height) {
+        return reglTexture2D
+      }
+
+      reglTexture2D.width = texture.width = w;
+      reglTexture2D.height = texture.height = h;
+
+      tempBind(texture);
+      for (var i = 0; texture.mipmask >> i; ++i) {
+        gl.texImage2D(
+          GL_TEXTURE_2D,
+          i,
+          texture.format,
+          w >> i,
+          h >> i,
+          0,
+          texture.format,
+          texture.type,
+          null);
+      }
+      tempRestore();
+
+      // also, recompute the texture size.
+      if (config.profile) {
+        texture.stats.size = getTextureSize(
+          texture.internalformat,
+          texture.type,
+          w,
+          h,
+          false,
+          false);
+      }
+
+      return reglTexture2D
+    }
+
+    reglTexture2D(a, b);
+
+    reglTexture2D.subimage = subimage;
+    reglTexture2D.resize = resize;
+    reglTexture2D._reglType = 'texture2d';
+    reglTexture2D._texture = texture;
+    if (config.profile) {
+      reglTexture2D.stats = texture.stats;
+    }
+    reglTexture2D.destroy = function () {
+      texture.decRef();
+    };
+
+    return reglTexture2D
+  }
+
+  function createTextureCube (a0, a1, a2, a3, a4, a5) {
+    var texture = new REGLTexture(GL_TEXTURE_CUBE_MAP);
+    textureSet[texture.id] = texture;
+    stats.cubeCount++;
+
+    var faces = new Array(6);
+
+    function reglTextureCube (a0, a1, a2, a3, a4, a5) {
+      var i;
+      var texInfo = texture.texInfo;
+      TexInfo.call(texInfo);
+      for (i = 0; i < 6; ++i) {
+        faces[i] = allocMipMap();
+      }
+
+      if (typeof a0 === 'number' || !a0) {
+        var s = (a0 | 0) || 1;
+        for (i = 0; i < 6; ++i) {
+          parseMipMapFromShape(faces[i], s, s);
+        }
+      } else if (typeof a0 === 'object') {
+        if (a1) {
+          parseMipMapFromObject(faces[0], a0);
+          parseMipMapFromObject(faces[1], a1);
+          parseMipMapFromObject(faces[2], a2);
+          parseMipMapFromObject(faces[3], a3);
+          parseMipMapFromObject(faces[4], a4);
+          parseMipMapFromObject(faces[5], a5);
+        } else {
+          parseTexInfo(texInfo, a0);
+          parseFlags(texture, a0);
+          if ('faces' in a0) {
+            var face_input = a0.faces;
+            check$1(Array.isArray(face_input) && face_input.length === 6,
+              'cube faces must be a length 6 array');
+            for (i = 0; i < 6; ++i) {
+              check$1(typeof face_input[i] === 'object' && !!face_input[i],
+                'invalid input for cube map face');
+              copyFlags(faces[i], texture);
+              parseMipMapFromObject(faces[i], face_input[i]);
+            }
+          } else {
+            for (i = 0; i < 6; ++i) {
+              parseMipMapFromObject(faces[i], a0);
+            }
+          }
+        }
+      } else {
+        check$1.raise('invalid arguments to cube map');
+      }
+
+      copyFlags(texture, faces[0]);
+      if (texInfo.genMipmaps) {
+        texture.mipmask = (faces[0].width << 1) - 1;
+      } else {
+        texture.mipmask = faces[0].mipmask;
+      }
+
+      check$1.textureCube(texture, texInfo, faces, limits);
+      texture.internalformat = faces[0].internalformat;
+
+      reglTextureCube.width = faces[0].width;
+      reglTextureCube.height = faces[0].height;
+
+      tempBind(texture);
+      for (i = 0; i < 6; ++i) {
+        setMipMap(faces[i], GL_TEXTURE_CUBE_MAP_POSITIVE_X + i);
+      }
+      setTexInfo(texInfo, GL_TEXTURE_CUBE_MAP);
+      tempRestore();
+
+      if (config.profile) {
+        texture.stats.size = getTextureSize(
+          texture.internalformat,
+          texture.type,
+          reglTextureCube.width,
+          reglTextureCube.height,
+          texInfo.genMipmaps,
+          true);
+      }
+
+      reglTextureCube.format = textureFormatsInvert[texture.internalformat];
+      reglTextureCube.type = textureTypesInvert[texture.type];
+
+      reglTextureCube.mag = magFiltersInvert[texInfo.magFilter];
+      reglTextureCube.min = minFiltersInvert[texInfo.minFilter];
+
+      reglTextureCube.wrapS = wrapModesInvert[texInfo.wrapS];
+      reglTextureCube.wrapT = wrapModesInvert[texInfo.wrapT];
+
+      for (i = 0; i < 6; ++i) {
+        freeMipMap(faces[i]);
+      }
+
+      return reglTextureCube
+    }
+
+    function subimage (face, image, x_, y_, level_) {
+      check$1(!!image, 'must specify image data');
+      check$1(typeof face === 'number' && face === (face | 0) &&
+        face >= 0 && face < 6, 'invalid face');
+
+      var x = x_ | 0;
+      var y = y_ | 0;
+      var level = level_ | 0;
+
+      var imageData = allocImage();
+      copyFlags(imageData, texture);
+      imageData.width = 0;
+      imageData.height = 0;
+      parseImage(imageData, image);
+      imageData.width = imageData.width || ((texture.width >> level) - x);
+      imageData.height = imageData.height || ((texture.height >> level) - y);
+
+      check$1(
+        texture.type === imageData.type &&
+        texture.format === imageData.format &&
+        texture.internalformat === imageData.internalformat,
+        'incompatible format for texture.subimage');
+      check$1(
+        x >= 0 && y >= 0 &&
+        x + imageData.width <= texture.width &&
+        y + imageData.height <= texture.height,
+        'texture.subimage write out of bounds');
+      check$1(
+        texture.mipmask & (1 << level),
+        'missing mipmap data');
+      check$1(
+        imageData.data || imageData.element || imageData.needsCopy,
+        'missing image data');
+
+      tempBind(texture);
+      setSubImage(imageData, GL_TEXTURE_CUBE_MAP_POSITIVE_X + face, x, y, level);
+      tempRestore();
+
+      freeImage(imageData);
+
+      return reglTextureCube
+    }
+
+    function resize (radius_) {
+      var radius = radius_ | 0;
+      if (radius === texture.width) {
+        return
+      }
+
+      reglTextureCube.width = texture.width = radius;
+      reglTextureCube.height = texture.height = radius;
+
+      tempBind(texture);
+      for (var i = 0; i < 6; ++i) {
+        for (var j = 0; texture.mipmask >> j; ++j) {
+          gl.texImage2D(
+            GL_TEXTURE_CUBE_MAP_POSITIVE_X + i,
+            j,
+            texture.format,
+            radius >> j,
+            radius >> j,
+            0,
+            texture.format,
+            texture.type,
+            null);
+        }
+      }
+      tempRestore();
+
+      if (config.profile) {
+        texture.stats.size = getTextureSize(
+          texture.internalformat,
+          texture.type,
+          reglTextureCube.width,
+          reglTextureCube.height,
+          false,
+          true);
+      }
+
+      return reglTextureCube
+    }
+
+    reglTextureCube(a0, a1, a2, a3, a4, a5);
+
+    reglTextureCube.subimage = subimage;
+    reglTextureCube.resize = resize;
+    reglTextureCube._reglType = 'textureCube';
+    reglTextureCube._texture = texture;
+    if (config.profile) {
+      reglTextureCube.stats = texture.stats;
+    }
+    reglTextureCube.destroy = function () {
+      texture.decRef();
+    };
+
+    return reglTextureCube
+  }
+
+  // Called when regl is destroyed
+  function destroyTextures () {
+    for (var i = 0; i < numTexUnits; ++i) {
+      gl.activeTexture(GL_TEXTURE0 + i);
+      gl.bindTexture(GL_TEXTURE_2D, null);
+      textureUnits[i] = null;
+    }
+    values(textureSet).forEach(destroy);
+
+    stats.cubeCount = 0;
+    stats.textureCount = 0;
+  }
+
+  if (config.profile) {
+    stats.getTotalTextureSize = function () {
+      var total = 0;
+      Object.keys(textureSet).forEach(function (key) {
+        total += textureSet[key].stats.size;
+      });
+      return total
+    };
+  }
+
+  function restoreTextures () {
+    values(textureSet).forEach(function (texture) {
+      texture.texture = gl.createTexture();
+      gl.bindTexture(texture.target, texture.texture);
+      for (var i = 0; i < 32; ++i) {
+        if ((texture.mipmask & (1 << i)) === 0) {
+          continue
+        }
+        if (texture.target === GL_TEXTURE_2D) {
+          gl.texImage2D(GL_TEXTURE_2D,
+            i,
+            texture.internalformat,
+            texture.width >> i,
+            texture.height >> i,
+            0,
+            texture.internalformat,
+            texture.type,
+            null);
+        } else {
+          for (var j = 0; j < 6; ++j) {
+            gl.texImage2D(GL_TEXTURE_CUBE_MAP_POSITIVE_X + j,
+              i,
+              texture.internalformat,
+              texture.width >> i,
+              texture.height >> i,
+              0,
+              texture.internalformat,
+              texture.type,
+              null);
+          }
+        }
+      }
+      setTexInfo(texture.texInfo, texture.target);
+    });
+  }
+
+  return {
+    create2D: createTexture2D,
+    createCube: createTextureCube,
+    clear: destroyTextures,
+    getTexture: function (wrapper) {
+      return null
+    },
+    restore: restoreTextures
+  }
+}
+
+var GL_RENDERBUFFER = 0x8D41;
+
+var GL_RGBA4$1 = 0x8056;
+var GL_RGB5_A1$1 = 0x8057;
+var GL_RGB565$1 = 0x8D62;
+var GL_DEPTH_COMPONENT16 = 0x81A5;
+var GL_STENCIL_INDEX8 = 0x8D48;
+var GL_DEPTH_STENCIL$1 = 0x84F9;
+
+var GL_SRGB8_ALPHA8_EXT = 0x8C43;
+
+var GL_RGBA32F_EXT = 0x8814;
+
+var GL_RGBA16F_EXT = 0x881A;
+var GL_RGB16F_EXT = 0x881B;
+
+var FORMAT_SIZES = [];
+
+FORMAT_SIZES[GL_RGBA4$1] = 2;
+FORMAT_SIZES[GL_RGB5_A1$1] = 2;
+FORMAT_SIZES[GL_RGB565$1] = 2;
+
+FORMAT_SIZES[GL_DEPTH_COMPONENT16] = 2;
+FORMAT_SIZES[GL_STENCIL_INDEX8] = 1;
+FORMAT_SIZES[GL_DEPTH_STENCIL$1] = 4;
+
+FORMAT_SIZES[GL_SRGB8_ALPHA8_EXT] = 4;
+FORMAT_SIZES[GL_RGBA32F_EXT] = 16;
+FORMAT_SIZES[GL_RGBA16F_EXT] = 8;
+FORMAT_SIZES[GL_RGB16F_EXT] = 6;
+
+function getRenderbufferSize (format, width, height) {
+  return FORMAT_SIZES[format] * width * height
+}
+
+var wrapRenderbuffers = function (gl, extensions, limits, stats, config) {
+  var formatTypes = {
+    'rgba4': GL_RGBA4$1,
+    'rgb565': GL_RGB565$1,
+    'rgb5 a1': GL_RGB5_A1$1,
+    'depth': GL_DEPTH_COMPONENT16,
+    'stencil': GL_STENCIL_INDEX8,
+    'depth stencil': GL_DEPTH_STENCIL$1
+  };
+
+  if (extensions.ext_srgb) {
+    formatTypes['srgba'] = GL_SRGB8_ALPHA8_EXT;
+  }
+
+  if (extensions.ext_color_buffer_half_float) {
+    formatTypes['rgba16f'] = GL_RGBA16F_EXT;
+    formatTypes['rgb16f'] = GL_RGB16F_EXT;
+  }
+
+  if (extensions.webgl_color_buffer_float) {
+    formatTypes['rgba32f'] = GL_RGBA32F_EXT;
+  }
+
+  var formatTypesInvert = [];
+  Object.keys(formatTypes).forEach(function (key) {
+    var val = formatTypes[key];
+    formatTypesInvert[val] = key;
+  });
+
+  var renderbufferCount = 0;
+  var renderbufferSet = {};
+
+  function REGLRenderbuffer (renderbuffer) {
+    this.id = renderbufferCount++;
+    this.refCount = 1;
+
+    this.renderbuffer = renderbuffer;
+
+    this.format = GL_RGBA4$1;
+    this.width = 0;
+    this.height = 0;
+
+    if (config.profile) {
+      this.stats = {size: 0};
+    }
+  }
+
+  REGLRenderbuffer.prototype.decRef = function () {
+    if (--this.refCount <= 0) {
+      destroy(this);
+    }
+  };
+
+  function destroy (rb) {
+    var handle = rb.renderbuffer;
+    check$1(handle, 'must not double destroy renderbuffer');
+    gl.bindRenderbuffer(GL_RENDERBUFFER, null);
+    gl.deleteRenderbuffer(handle);
+    rb.renderbuffer = null;
+    rb.refCount = 0;
+    delete renderbufferSet[rb.id];
+    stats.renderbufferCount--;
+  }
+
+  function createRenderbuffer (a, b) {
+    var renderbuffer = new REGLRenderbuffer(gl.createRenderbuffer());
+    renderbufferSet[renderbuffer.id] = renderbuffer;
+    stats.renderbufferCount++;
+
+    function reglRenderbuffer (a, b) {
+      var w = 0;
+      var h = 0;
+      var format = GL_RGBA4$1;
+
+      if (typeof a === 'object' && a) {
+        var options = a;
+        if ('shape' in options) {
+          var shape = options.shape;
+          check$1(Array.isArray(shape) && shape.length >= 2,
+            'invalid renderbuffer shape');
+          w = shape[0] | 0;
+          h = shape[1] | 0;
+        } else {
+          if ('radius' in options) {
+            w = h = options.radius | 0;
+          }
+          if ('width' in options) {
+            w = options.width | 0;
+          }
+          if ('height' in options) {
+            h = options.height | 0;
+          }
+        }
+        if ('format' in options) {
+          check$1.parameter(options.format, formatTypes,
+            'invalid renderbuffer format');
+          format = formatTypes[options.format];
+        }
+      } else if (typeof a === 'number') {
+        w = a | 0;
+        if (typeof b === 'number') {
+          h = b | 0;
+        } else {
+          h = w;
+        }
+      } else if (!a) {
+        w = h = 1;
+      } else {
+        check$1.raise('invalid arguments to renderbuffer constructor');
+      }
+
+      // check shape
+      check$1(
+        w > 0 && h > 0 &&
+        w <= limits.maxRenderbufferSize && h <= limits.maxRenderbufferSize,
+        'invalid renderbuffer size');
+
+      if (w === renderbuffer.width &&
+          h === renderbuffer.height &&
+          format === renderbuffer.format) {
+        return
+      }
+
+      reglRenderbuffer.width = renderbuffer.width = w;
+      reglRenderbuffer.height = renderbuffer.height = h;
+      renderbuffer.format = format;
+
+      gl.bindRenderbuffer(GL_RENDERBUFFER, renderbuffer.renderbuffer);
+      gl.renderbufferStorage(GL_RENDERBUFFER, format, w, h);
+
+      if (config.profile) {
+        renderbuffer.stats.size = getRenderbufferSize(renderbuffer.format, renderbuffer.width, renderbuffer.height);
+      }
+      reglRenderbuffer.format = formatTypesInvert[renderbuffer.format];
+
+      return reglRenderbuffer
+    }
+
+    function resize (w_, h_) {
+      var w = w_ | 0;
+      var h = (h_ | 0) || w;
+
+      if (w === renderbuffer.width && h === renderbuffer.height) {
+        return reglRenderbuffer
+      }
+
+      // check shape
+      check$1(
+        w > 0 && h > 0 &&
+        w <= limits.maxRenderbufferSize && h <= limits.maxRenderbufferSize,
+        'invalid renderbuffer size');
+
+      reglRenderbuffer.width = renderbuffer.width = w;
+      reglRenderbuffer.height = renderbuffer.height = h;
+
+      gl.bindRenderbuffer(GL_RENDERBUFFER, renderbuffer.renderbuffer);
+      gl.renderbufferStorage(GL_RENDERBUFFER, renderbuffer.format, w, h);
+
+      // also, recompute size.
+      if (config.profile) {
+        renderbuffer.stats.size = getRenderbufferSize(
+          renderbuffer.format, renderbuffer.width, renderbuffer.height);
+      }
+
+      return reglRenderbuffer
+    }
+
+    reglRenderbuffer(a, b);
+
+    reglRenderbuffer.resize = resize;
+    reglRenderbuffer._reglType = 'renderbuffer';
+    reglRenderbuffer._renderbuffer = renderbuffer;
+    if (config.profile) {
+      reglRenderbuffer.stats = renderbuffer.stats;
+    }
+    reglRenderbuffer.destroy = function () {
+      renderbuffer.decRef();
+    };
+
+    return reglRenderbuffer
+  }
+
+  if (config.profile) {
+    stats.getTotalRenderbufferSize = function () {
+      var total = 0;
+      Object.keys(renderbufferSet).forEach(function (key) {
+        total += renderbufferSet[key].stats.size;
+      });
+      return total
+    };
+  }
+
+  function restoreRenderbuffers () {
+    values(renderbufferSet).forEach(function (rb) {
+      rb.renderbuffer = gl.createRenderbuffer();
+      gl.bindRenderbuffer(GL_RENDERBUFFER, rb.renderbuffer);
+      gl.renderbufferStorage(GL_RENDERBUFFER, rb.format, rb.width, rb.height);
+    });
+    gl.bindRenderbuffer(GL_RENDERBUFFER, null);
+  }
+
+  return {
+    create: createRenderbuffer,
+    clear: function () {
+      values(renderbufferSet).forEach(destroy);
+    },
+    restore: restoreRenderbuffers
+  }
+};
+
+// We store these constants so that the minifier can inline them
+var GL_FRAMEBUFFER = 0x8D40;
+var GL_RENDERBUFFER$1 = 0x8D41;
+
+var GL_TEXTURE_2D$1 = 0x0DE1;
+var GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 = 0x8515;
+
+var GL_COLOR_ATTACHMENT0 = 0x8CE0;
+var GL_DEPTH_ATTACHMENT = 0x8D00;
+var GL_STENCIL_ATTACHMENT = 0x8D20;
+var GL_DEPTH_STENCIL_ATTACHMENT = 0x821A;
+
+var GL_FRAMEBUFFER_COMPLETE = 0x8CD5;
+var GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT = 0x8CD6;
+var GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT = 0x8CD7;
+var GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS = 0x8CD9;
+var GL_FRAMEBUFFER_UNSUPPORTED = 0x8CDD;
+
+var GL_HALF_FLOAT_OES$2 = 0x8D61;
+var GL_UNSIGNED_BYTE$5 = 0x1401;
+var GL_FLOAT$4 = 0x1406;
+
+var GL_RGBA$1 = 0x1908;
+
+var GL_DEPTH_COMPONENT$1 = 0x1902;
+
+var colorTextureFormatEnums = [
+  GL_RGBA$1
+];
+
+// for every texture format, store
+// the number of channels
+var textureFormatChannels = [];
+textureFormatChannels[GL_RGBA$1] = 4;
+
+// for every texture type, store
+// the size in bytes.
+var textureTypeSizes = [];
+textureTypeSizes[GL_UNSIGNED_BYTE$5] = 1;
+textureTypeSizes[GL_FLOAT$4] = 4;
+textureTypeSizes[GL_HALF_FLOAT_OES$2] = 2;
+
+var GL_RGBA4$2 = 0x8056;
+var GL_RGB5_A1$2 = 0x8057;
+var GL_RGB565$2 = 0x8D62;
+var GL_DEPTH_COMPONENT16$1 = 0x81A5;
+var GL_STENCIL_INDEX8$1 = 0x8D48;
+var GL_DEPTH_STENCIL$2 = 0x84F9;
+
+var GL_SRGB8_ALPHA8_EXT$1 = 0x8C43;
+
+var GL_RGBA32F_EXT$1 = 0x8814;
+
+var GL_RGBA16F_EXT$1 = 0x881A;
+var GL_RGB16F_EXT$1 = 0x881B;
+
+var colorRenderbufferFormatEnums = [
+  GL_RGBA4$2,
+  GL_RGB5_A1$2,
+  GL_RGB565$2,
+  GL_SRGB8_ALPHA8_EXT$1,
+  GL_RGBA16F_EXT$1,
+  GL_RGB16F_EXT$1,
+  GL_RGBA32F_EXT$1
+];
+
+var statusCode = {};
+statusCode[GL_FRAMEBUFFER_COMPLETE] = 'complete';
+statusCode[GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT] = 'incomplete attachment';
+statusCode[GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS] = 'incomplete dimensions';
+statusCode[GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT] = 'incomplete, missing attachment';
+statusCode[GL_FRAMEBUFFER_UNSUPPORTED] = 'unsupported';
+
+function wrapFBOState (
+  gl,
+  extensions,
+  limits,
+  textureState,
+  renderbufferState,
+  stats) {
+  var framebufferState = {
+    cur: null,
+    next: null,
+    dirty: false,
+    setFBO: null
+  };
+
+  var colorTextureFormats = ['rgba'];
+  var colorRenderbufferFormats = ['rgba4', 'rgb565', 'rgb5 a1'];
+
+  if (extensions.ext_srgb) {
+    colorRenderbufferFormats.push('srgba');
+  }
+
+  if (extensions.ext_color_buffer_half_float) {
+    colorRenderbufferFormats.push('rgba16f', 'rgb16f');
+  }
+
+  if (extensions.webgl_color_buffer_float) {
+    colorRenderbufferFormats.push('rgba32f');
+  }
+
+  var colorTypes = ['uint8'];
+  if (extensions.oes_texture_half_float) {
+    colorTypes.push('half float', 'float16');
+  }
+  if (extensions.oes_texture_float) {
+    colorTypes.push('float', 'float32');
+  }
+
+  function FramebufferAttachment (target, texture, renderbuffer) {
+    this.target = target;
+    this.texture = texture;
+    this.renderbuffer = renderbuffer;
+
+    var w = 0;
+    var h = 0;
+    if (texture) {
+      w = texture.width;
+      h = texture.height;
+    } else if (renderbuffer) {
+      w = renderbuffer.width;
+      h = renderbuffer.height;
+    }
+    this.width = w;
+    this.height = h;
+  }
+
+  function decRef (attachment) {
+    if (attachment) {
+      if (attachment.texture) {
+        attachment.texture._texture.decRef();
+      }
+      if (attachment.renderbuffer) {
+        attachment.renderbuffer._renderbuffer.decRef();
+      }
+    }
+  }
+
+  function incRefAndCheckShape (attachment, width, height) {
+    if (!attachment) {
+      return
+    }
+    if (attachment.texture) {
+      var texture = attachment.texture._texture;
+      var tw = Math.max(1, texture.width);
+      var th = Math.max(1, texture.height);
+      check$1(tw === width && th === height,
+        'inconsistent width/height for supplied texture');
+      texture.refCount += 1;
+    } else {
+      var renderbuffer = attachment.renderbuffer._renderbuffer;
+      check$1(
+        renderbuffer.width === width && renderbuffer.height === height,
+        'inconsistent width/height for renderbuffer');
+      renderbuffer.refCount += 1;
+    }
+  }
+
+  function attach (location, attachment) {
+    if (attachment) {
+      if (attachment.texture) {
+        gl.framebufferTexture2D(
+          GL_FRAMEBUFFER,
+          location,
+          attachment.target,
+          attachment.texture._texture.texture,
+          0);
+      } else {
+        gl.framebufferRenderbuffer(
+          GL_FRAMEBUFFER,
+          location,
+          GL_RENDERBUFFER$1,
+          attachment.renderbuffer._renderbuffer.renderbuffer);
+      }
+    }
+  }
+
+  function parseAttachment (attachment) {
+    var target = GL_TEXTURE_2D$1;
+    var texture = null;
+    var renderbuffer = null;
+
+    var data = attachment;
+    if (typeof attachment === 'object') {
+      data = attachment.data;
+      if ('target' in attachment) {
+        target = attachment.target | 0;
+      }
+    }
+
+    check$1.type(data, 'function', 'invalid attachment data');
+
+    var type = data._reglType;
+    if (type === 'texture2d') {
+      texture = data;
+      check$1(target === GL_TEXTURE_2D$1);
+    } else if (type === 'textureCube') {
+      texture = data;
+      check$1(
+        target >= GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 &&
+        target < GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 + 6,
+        'invalid cube map target');
+    } else if (type === 'renderbuffer') {
+      renderbuffer = data;
+      target = GL_RENDERBUFFER$1;
+    } else {
+      check$1.raise('invalid regl object for attachment');
+    }
+
+    return new FramebufferAttachment(target, texture, renderbuffer)
+  }
+
+  function allocAttachment (
+    width,
+    height,
+    isTexture,
+    format,
+    type) {
+    if (isTexture) {
+      var texture = textureState.create2D({
+        width: width,
+        height: height,
+        format: format,
+        type: type
+      });
+      texture._texture.refCount = 0;
+      return new FramebufferAttachment(GL_TEXTURE_2D$1, texture, null)
+    } else {
+      var rb = renderbufferState.create({
+        width: width,
+        height: height,
+        format: format
+      });
+      rb._renderbuffer.refCount = 0;
+      return new FramebufferAttachment(GL_RENDERBUFFER$1, null, rb)
+    }
+  }
+
+  function unwrapAttachment (attachment) {
+    return attachment && (attachment.texture || attachment.renderbuffer)
+  }
+
+  function resizeAttachment (attachment, w, h) {
+    if (attachment) {
+      if (attachment.texture) {
+        attachment.texture.resize(w, h);
+      } else if (attachment.renderbuffer) {
+        attachment.renderbuffer.resize(w, h);
+      }
+    }
+  }
+
+  var framebufferCount = 0;
+  var framebufferSet = {};
+
+  function REGLFramebuffer () {
+    this.id = framebufferCount++;
+    framebufferSet[this.id] = this;
+
+    this.framebuffer = gl.createFramebuffer();
+    this.width = 0;
+    this.height = 0;
+
+    this.colorAttachments = [];
+    this.depthAttachment = null;
+    this.stencilAttachment = null;
+    this.depthStencilAttachment = null;
+  }
+
+  function decFBORefs (framebuffer) {
+    framebuffer.colorAttachments.forEach(decRef);
+    decRef(framebuffer.depthAttachment);
+    decRef(framebuffer.stencilAttachment);
+    decRef(framebuffer.depthStencilAttachment);
+  }
+
+  function destroy (framebuffer) {
+    var handle = framebuffer.framebuffer;
+    check$1(handle, 'must not double destroy framebuffer');
+    gl.deleteFramebuffer(handle);
+    framebuffer.framebuffer = null;
+    stats.framebufferCount--;
+    delete framebufferSet[framebuffer.id];
+  }
+
+  function updateFramebuffer (framebuffer) {
+    var i;
+
+    gl.bindFramebuffer(GL_FRAMEBUFFER, framebuffer.framebuffer);
+    var colorAttachments = framebuffer.colorAttachments;
+    for (i = 0; i < colorAttachments.length; ++i) {
+      attach(GL_COLOR_ATTACHMENT0 + i, colorAttachments[i]);
+    }
+    for (i = colorAttachments.length; i < limits.maxColorAttachments; ++i) {
+      gl.framebufferTexture2D(
+        GL_FRAMEBUFFER,
+        GL_COLOR_ATTACHMENT0 + i,
+        GL_TEXTURE_2D$1,
+        null,
+        0);
+    }
+
+    gl.framebufferTexture2D(
+      GL_FRAMEBUFFER,
+      GL_DEPTH_STENCIL_ATTACHMENT,
+      GL_TEXTURE_2D$1,
+      null,
+      0);
+    gl.framebufferTexture2D(
+      GL_FRAMEBUFFER,
+      GL_DEPTH_ATTACHMENT,
+      GL_TEXTURE_2D$1,
+      null,
+      0);
+    gl.framebufferTexture2D(
+      GL_FRAMEBUFFER,
+      GL_STENCIL_ATTACHMENT,
+      GL_TEXTURE_2D$1,
+      null,
+      0);
+
+    attach(GL_DEPTH_ATTACHMENT, framebuffer.depthAttachment);
+    attach(GL_STENCIL_ATTACHMENT, framebuffer.stencilAttachment);
+    attach(GL_DEPTH_STENCIL_ATTACHMENT, framebuffer.depthStencilAttachment);
+
+    // Check status code
+    var status = gl.checkFramebufferStatus(GL_FRAMEBUFFER);
+    if (status !== GL_FRAMEBUFFER_COMPLETE) {
+      check$1.raise('framebuffer configuration not supported, status = ' +
+        statusCode[status]);
+    }
+
+    gl.bindFramebuffer(GL_FRAMEBUFFER, framebufferState.next);
+    framebufferState.cur = framebufferState.next;
+
+    // FIXME: Clear error code here.  This is a work around for a bug in
+    // headless-gl
+    gl.getError();
+  }
+
+  function createFBO (a0, a1) {
+    var framebuffer = new REGLFramebuffer();
+    stats.framebufferCount++;
+
+    function reglFramebuffer (a, b) {
+      var i;
+
+      check$1(framebufferState.next !== framebuffer,
+        'can not update framebuffer which is currently in use');
+
+      var extDrawBuffers = extensions.webgl_draw_buffers;
+
+      var width = 0;
+      var height = 0;
+
+      var needsDepth = true;
+      var needsStencil = true;
+
+      var colorBuffer = null;
+      var colorTexture = true;
+      var colorFormat = 'rgba';
+      var colorType = 'uint8';
+      var colorCount = 1;
+
+      var depthBuffer = null;
+      var stencilBuffer = null;
+      var depthStencilBuffer = null;
+      var depthStencilTexture = false;
+
+      if (typeof a === 'number') {
+        width = a | 0;
+        height = (b | 0) || width;
+      } else if (!a) {
+        width = height = 1;
+      } else {
+        check$1.type(a, 'object', 'invalid arguments for framebuffer');
+        var options = a;
+
+        if ('shape' in options) {
+          var shape = options.shape;
+          check$1(Array.isArray(shape) && shape.length >= 2,
+            'invalid shape for framebuffer');
+          width = shape[0];
+          height = shape[1];
+        } else {
+          if ('radius' in options) {
+            width = height = options.radius;
+          }
+          if ('width' in options) {
+            width = options.width;
+          }
+          if ('height' in options) {
+            height = options.height;
+          }
+        }
+
+        if ('color' in options ||
+            'colors' in options) {
+          colorBuffer =
+            options.color ||
+            options.colors;
+          if (Array.isArray(colorBuffer)) {
+            check$1(
+              colorBuffer.length === 1 || extDrawBuffers,
+              'multiple render targets not supported');
+          }
+        }
+
+        if (!colorBuffer) {
+          if ('colorCount' in options) {
+            colorCount = options.colorCount | 0;
+            check$1(colorCount > 0, 'invalid color buffer count');
+          }
+
+          if ('colorTexture' in options) {
+            colorTexture = !!options.colorTexture;
+            colorFormat = 'rgba4';
+          }
+
+          if ('colorType' in options) {
+            colorType = options.colorType;
+            if (!colorTexture) {
+              if (colorType === 'half float' || colorType === 'float16') {
+                check$1(extensions.ext_color_buffer_half_float,
+                  'you must enable EXT_color_buffer_half_float to use 16-bit render buffers');
+                colorFormat = 'rgba16f';
+              } else if (colorType === 'float' || colorType === 'float32') {
+                check$1(extensions.webgl_color_buffer_float,
+                  'you must enable WEBGL_color_buffer_float in order to use 32-bit floating point renderbuffers');
+                colorFormat = 'rgba32f';
+              }
+            } else {
+              check$1(extensions.oes_texture_float ||
+                !(colorType === 'float' || colorType === 'float32'),
+                'you must enable OES_texture_float in order to use floating point framebuffer objects');
+              check$1(extensions.oes_texture_half_float ||
+                !(colorType === 'half float' || colorType === 'float16'),
+                'you must enable OES_texture_half_float in order to use 16-bit floating point framebuffer objects');
+            }
+            check$1.oneOf(colorType, colorTypes, 'invalid color type');
+          }
+
+          if ('colorFormat' in options) {
+            colorFormat = options.colorFormat;
+            if (colorTextureFormats.indexOf(colorFormat) >= 0) {
+              colorTexture = true;
+            } else if (colorRenderbufferFormats.indexOf(colorFormat) >= 0) {
+              colorTexture = false;
+            } else {
+              if (colorTexture) {
+                check$1.oneOf(
+                  options.colorFormat, colorTextureFormats,
+                  'invalid color format for texture');
+              } else {
+                check$1.oneOf(
+                  options.colorFormat, colorRenderbufferFormats,
+                  'invalid color format for renderbuffer');
+              }
+            }
+          }
+        }
+
+        if ('depthTexture' in options || 'depthStencilTexture' in options) {
+          depthStencilTexture = !!(options.depthTexture ||
+            options.depthStencilTexture);
+          check$1(!depthStencilTexture || extensions.webgl_depth_texture,
+            'webgl_depth_texture extension not supported');
+        }
+
+        if ('depth' in options) {
+          if (typeof options.depth === 'boolean') {
+            needsDepth = options.depth;
+          } else {
+            depthBuffer = options.depth;
+            needsStencil = false;
+          }
+        }
+
+        if ('stencil' in options) {
+          if (typeof options.stencil === 'boolean') {
+            needsStencil = options.stencil;
+          } else {
+            stencilBuffer = options.stencil;
+            needsDepth = false;
+          }
+        }
+
+        if ('depthStencil' in options) {
+          if (typeof options.depthStencil === 'boolean') {
+            needsDepth = needsStencil = options.depthStencil;
+          } else {
+            depthStencilBuffer = options.depthStencil;
+            needsDepth = false;
+            needsStencil = false;
+          }
+        }
+      }
+
+      // parse attachments
+      var colorAttachments = null;
+      var depthAttachment = null;
+      var stencilAttachment = null;
+      var depthStencilAttachment = null;
+
+      // Set up color attachments
+      if (Array.isArray(colorBuffer)) {
+        colorAttachments = colorBuffer.map(parseAttachment);
+      } else if (colorBuffer) {
+        colorAttachments = [parseAttachment(colorBuffer)];
+      } else {
+        colorAttachments = new Array(colorCount);
+        for (i = 0; i < colorCount; ++i) {
+          colorAttachments[i] = allocAttachment(
+            width,
+            height,
+            colorTexture,
+            colorFormat,
+            colorType);
+        }
+      }
+
+      check$1(extensions.webgl_draw_buffers || colorAttachments.length <= 1,
+        'you must enable the WEBGL_draw_buffers extension in order to use multiple color buffers.');
+      check$1(colorAttachments.length <= limits.maxColorAttachments,
+        'too many color attachments, not supported');
+
+      width = width || colorAttachments[0].width;
+      height = height || colorAttachments[0].height;
+
+      if (depthBuffer) {
+        depthAttachment = parseAttachment(depthBuffer);
+      } else if (needsDepth && !needsStencil) {
+        depthAttachment = allocAttachment(
+          width,
+          height,
+          depthStencilTexture,
+          'depth',
+          'uint32');
+      }
+
+      if (stencilBuffer) {
+        stencilAttachment = parseAttachment(stencilBuffer);
+      } else if (needsStencil && !needsDepth) {
+        stencilAttachment = allocAttachment(
+          width,
+          height,
+          false,
+          'stencil',
+          'uint8');
+      }
+
+      if (depthStencilBuffer) {
+        depthStencilAttachment = parseAttachment(depthStencilBuffer);
+      } else if (!depthBuffer && !stencilBuffer && needsStencil && needsDepth) {
+        depthStencilAttachment = allocAttachment(
+          width,
+          height,
+          depthStencilTexture,
+          'depth stencil',
+          'depth stencil');
+      }
+
+      check$1(
+        (!!depthBuffer) + (!!stencilBuffer) + (!!depthStencilBuffer) <= 1,
+        'invalid framebuffer configuration, can specify exactly one depth/stencil attachment');
+
+      var commonColorAttachmentSize = null;
+
+      for (i = 0; i < colorAttachments.length; ++i) {
+        incRefAndCheckShape(colorAttachments[i], width, height);
+        check$1(!colorAttachments[i] ||
+          (colorAttachments[i].texture &&
+            colorTextureFormatEnums.indexOf(colorAttachments[i].texture._texture.format) >= 0) ||
+          (colorAttachments[i].renderbuffer &&
+            colorRenderbufferFormatEnums.indexOf(colorAttachments[i].renderbuffer._renderbuffer.format) >= 0),
+          'framebuffer color attachment ' + i + ' is invalid');
+
+        if (colorAttachments[i] && colorAttachments[i].texture) {
+          var colorAttachmentSize =
+              textureFormatChannels[colorAttachments[i].texture._texture.format] *
+              textureTypeSizes[colorAttachments[i].texture._texture.type];
+
+          if (commonColorAttachmentSize === null) {
+            commonColorAttachmentSize = colorAttachmentSize;
+          } else {
+            // We need to make sure that all color attachments have the same number of bitplanes
+            // (that is, the same numer of bits per pixel)
+            // This is required by the GLES2.0 standard. See the beginning of Chapter 4 in that document.
+            check$1(commonColorAttachmentSize === colorAttachmentSize,
+                  'all color attachments much have the same number of bits per pixel.');
+          }
+        }
+      }
+      incRefAndCheckShape(depthAttachment, width, height);
+      check$1(!depthAttachment ||
+        (depthAttachment.texture &&
+          depthAttachment.texture._texture.format === GL_DEPTH_COMPONENT$1) ||
+        (depthAttachment.renderbuffer &&
+          depthAttachment.renderbuffer._renderbuffer.format === GL_DEPTH_COMPONENT16$1),
+        'invalid depth attachment for framebuffer object');
+      incRefAndCheckShape(stencilAttachment, width, height);
+      check$1(!stencilAttachment ||
+        (stencilAttachment.renderbuffer &&
+          stencilAttachment.renderbuffer._renderbuffer.format === GL_STENCIL_INDEX8$1),
+        'invalid stencil attachment for framebuffer object');
+      incRefAndCheckShape(depthStencilAttachment, width, height);
+      check$1(!depthStencilAttachment ||
+        (depthStencilAttachment.texture &&
+          depthStencilAttachment.texture._texture.format === GL_DEPTH_STENCIL$2) ||
+        (depthStencilAttachment.renderbuffer &&
+          depthStencilAttachment.renderbuffer._renderbuffer.format === GL_DEPTH_STENCIL$2),
+        'invalid depth-stencil attachment for framebuffer object');
+
+      // decrement references
+      decFBORefs(framebuffer);
+
+      framebuffer.width = width;
+      framebuffer.height = height;
+
+      framebuffer.colorAttachments = colorAttachments;
+      framebuffer.depthAttachment = depthAttachment;
+      framebuffer.stencilAttachment = stencilAttachment;
+      framebuffer.depthStencilAttachment = depthStencilAttachment;
+
+      reglFramebuffer.color = colorAttachments.map(unwrapAttachment);
+      reglFramebuffer.depth = unwrapAttachment(depthAttachment);
+      reglFramebuffer.stencil = unwrapAttachment(stencilAttachment);
+      reglFramebuffer.depthStencil = unwrapAttachment(depthStencilAttachment);
+
+      reglFramebuffer.width = framebuffer.width;
+      reglFramebuffer.height = framebuffer.height;
+
+      updateFramebuffer(framebuffer);
+
+      return reglFramebuffer
+    }
+
+    function resize (w_, h_) {
+      check$1(framebufferState.next !== framebuffer,
+        'can not resize a framebuffer which is currently in use');
+
+      var w = w_ | 0;
+      var h = (h_ | 0) || w;
+      if (w === framebuffer.width && h === framebuffer.height) {
+        return reglFramebuffer
+      }
+
+      // resize all buffers
+      var colorAttachments = framebuffer.colorAttachments;
+      for (var i = 0; i < colorAttachments.length; ++i) {
+        resizeAttachment(colorAttachments[i], w, h);
+      }
+      resizeAttachment(framebuffer.depthAttachment, w, h);
+      resizeAttachment(framebuffer.stencilAttachment, w, h);
+      resizeAttachment(framebuffer.depthStencilAttachment, w, h);
+
+      framebuffer.width = reglFramebuffer.width = w;
+      framebuffer.height = reglFramebuffer.height = h;
+
+      updateFramebuffer(framebuffer);
+
+      return reglFramebuffer
+    }
+
+    reglFramebuffer(a0, a1);
+
+    return extend(reglFramebuffer, {
+      resize: resize,
+      _reglType: 'framebuffer',
+      _framebuffer: framebuffer,
+      destroy: function () {
+        destroy(framebuffer);
+        decFBORefs(framebuffer);
+      },
+      use: function (block) {
+        framebufferState.setFBO({
+          framebuffer: reglFramebuffer
+        }, block);
+      }
+    })
+  }
+
+  function createCubeFBO (options) {
+    var faces = Array(6);
+
+    function reglFramebufferCube (a) {
+      var i;
+
+      check$1(faces.indexOf(framebufferState.next) < 0,
+        'can not update framebuffer which is currently in use');
+
+      var extDrawBuffers = extensions.webgl_draw_buffers;
+
+      var params = {
+        color: null
+      };
+
+      var radius = 0;
+
+      var colorBuffer = null;
+      var colorFormat = 'rgba';
+      var colorType = 'uint8';
+      var colorCount = 1;
+
+      if (typeof a === 'number') {
+        radius = a | 0;
+      } else if (!a) {
+        radius = 1;
+      } else {
+        check$1.type(a, 'object', 'invalid arguments for framebuffer');
+        var options = a;
+
+        if ('shape' in options) {
+          var shape = options.shape;
+          check$1(
+            Array.isArray(shape) && shape.length >= 2,
+            'invalid shape for framebuffer');
+          check$1(
+            shape[0] === shape[1],
+            'cube framebuffer must be square');
+          radius = shape[0];
+        } else {
+          if ('radius' in options) {
+            radius = options.radius | 0;
+          }
+          if ('width' in options) {
+            radius = options.width | 0;
+            if ('height' in options) {
+              check$1(options.height === radius, 'must be square');
+            }
+          } else if ('height' in options) {
+            radius = options.height | 0;
+          }
+        }
+
+        if ('color' in options ||
+            'colors' in options) {
+          colorBuffer =
+            options.color ||
+            options.colors;
+          if (Array.isArray(colorBuffer)) {
+            check$1(
+              colorBuffer.length === 1 || extDrawBuffers,
+              'multiple render targets not supported');
+          }
+        }
+
+        if (!colorBuffer) {
+          if ('colorCount' in options) {
+            colorCount = options.colorCount | 0;
+            check$1(colorCount > 0, 'invalid color buffer count');
+          }
+
+          if ('colorType' in options) {
+            check$1.oneOf(
+              options.colorType, colorTypes,
+              'invalid color type');
+            colorType = options.colorType;
+          }
+
+          if ('colorFormat' in options) {
+            colorFormat = options.colorFormat;
+            check$1.oneOf(
+              options.colorFormat, colorTextureFormats,
+              'invalid color format for texture');
+          }
+        }
+
+        if ('depth' in options) {
+          params.depth = options.depth;
+        }
+
+        if ('stencil' in options) {
+          params.stencil = options.stencil;
+        }
+
+        if ('depthStencil' in options) {
+          params.depthStencil = options.depthStencil;
+        }
+      }
+
+      var colorCubes;
+      if (colorBuffer) {
+        if (Array.isArray(colorBuffer)) {
+          colorCubes = [];
+          for (i = 0; i < colorBuffer.length; ++i) {
+            colorCubes[i] = colorBuffer[i];
+          }
+        } else {
+          colorCubes = [ colorBuffer ];
+        }
+      } else {
+        colorCubes = Array(colorCount);
+        var cubeMapParams = {
+          radius: radius,
+          format: colorFormat,
+          type: colorType
+        };
+        for (i = 0; i < colorCount; ++i) {
+          colorCubes[i] = textureState.createCube(cubeMapParams);
+        }
+      }
+
+      // Check color cubes
+      params.color = Array(colorCubes.length);
+      for (i = 0; i < colorCubes.length; ++i) {
+        var cube = colorCubes[i];
+        check$1(
+          typeof cube === 'function' && cube._reglType === 'textureCube',
+          'invalid cube map');
+        radius = radius || cube.width;
+        check$1(
+          cube.width === radius && cube.height === radius,
+          'invalid cube map shape');
+        params.color[i] = {
+          target: GL_TEXTURE_CUBE_MAP_POSITIVE_X$1,
+          data: colorCubes[i]
+        };
+      }
+
+      for (i = 0; i < 6; ++i) {
+        for (var j = 0; j < colorCubes.length; ++j) {
+          params.color[j].target = GL_TEXTURE_CUBE_MAP_POSITIVE_X$1 + i;
+        }
+        // reuse depth-stencil attachments across all cube maps
+        if (i > 0) {
+          params.depth = faces[0].depth;
+          params.stencil = faces[0].stencil;
+          params.depthStencil = faces[0].depthStencil;
+        }
+        if (faces[i]) {
+          (faces[i])(params);
+        } else {
+          faces[i] = createFBO(params);
+        }
+      }
+
+      return extend(reglFramebufferCube, {
+        width: radius,
+        height: radius,
+        color: colorCubes
+      })
+    }
+
+    function resize (radius_) {
+      var i;
+      var radius = radius_ | 0;
+      check$1(radius > 0 && radius <= limits.maxCubeMapSize,
+        'invalid radius for cube fbo');
+
+      if (radius === reglFramebufferCube.width) {
+        return reglFramebufferCube
+      }
+
+      var colors = reglFramebufferCube.color;
+      for (i = 0; i < colors.length; ++i) {
+        colors[i].resize(radius);
+      }
+
+      for (i = 0; i < 6; ++i) {
+        faces[i].resize(radius);
+      }
+
+      reglFramebufferCube.width = reglFramebufferCube.height = radius;
+
+      return reglFramebufferCube
+    }
+
+    reglFramebufferCube(options);
+
+    return extend(reglFramebufferCube, {
+      faces: faces,
+      resize: resize,
+      _reglType: 'framebufferCube',
+      destroy: function () {
+        faces.forEach(function (f) {
+          f.destroy();
+        });
+      }
+    })
+  }
+
+  function restoreFramebuffers () {
+    values(framebufferSet).forEach(function (fb) {
+      fb.framebuffer = gl.createFramebuffer();
+      updateFramebuffer(fb);
+    });
+  }
+
+  return extend(framebufferState, {
+    getFramebuffer: function (object) {
+      if (typeof object === 'function' && object._reglType === 'framebuffer') {
+        var fbo = object._framebuffer;
+        if (fbo instanceof REGLFramebuffer) {
+          return fbo
+        }
+      }
+      return null
+    },
+    create: createFBO,
+    createCube: createCubeFBO,
+    clear: function () {
+      values(framebufferSet).forEach(destroy);
+    },
+    restore: restoreFramebuffers
+  })
+}
+
+var GL_FLOAT$5 = 5126;
+
+function AttributeRecord () {
+  this.state = 0;
+
+  this.x = 0.0;
+  this.y = 0.0;
+  this.z = 0.0;
+  this.w = 0.0;
+
+  this.buffer = null;
+  this.size = 0;
+  this.normalized = false;
+  this.type = GL_FLOAT$5;
+  this.offset = 0;
+  this.stride = 0;
+  this.divisor = 0;
+}
+
+function wrapAttributeState (
+  gl,
+  extensions,
+  limits,
+  bufferState,
+  stringStore) {
+  var NUM_ATTRIBUTES = limits.maxAttributes;
+  var attributeBindings = new Array(NUM_ATTRIBUTES);
+  for (var i = 0; i < NUM_ATTRIBUTES; ++i) {
+    attributeBindings[i] = new AttributeRecord();
+  }
+
+  return {
+    Record: AttributeRecord,
+    scope: {},
+    state: attributeBindings
+  }
+}
+
+var GL_FRAGMENT_SHADER = 35632;
+var GL_VERTEX_SHADER = 35633;
+
+var GL_ACTIVE_UNIFORMS = 0x8B86;
+var GL_ACTIVE_ATTRIBUTES = 0x8B89;
+
+function wrapShaderState (gl, stringStore, stats, config) {
+  // ===================================================
+  // glsl compilation and linking
+  // ===================================================
+  var fragShaders = {};
+  var vertShaders = {};
+
+  function ActiveInfo (name, id, location, info) {
+    this.name = name;
+    this.id = id;
+    this.location = location;
+    this.info = info;
+  }
+
+  function insertActiveInfo (list, info) {
+    for (var i = 0; i < list.length; ++i) {
+      if (list[i].id === info.id) {
+        list[i].location = info.location;
+        return
+      }
+    }
+    list.push(info);
+  }
+
+  function getShader (type, id, command) {
+    var cache = type === GL_FRAGMENT_SHADER ? fragShaders : vertShaders;
+    var shader = cache[id];
+
+    if (!shader) {
+      var source = stringStore.str(id);
+      shader = gl.createShader(type);
+      gl.shaderSource(shader, source);
+      gl.compileShader(shader);
+      check$1.shaderError(gl, shader, source, type, command);
+      cache[id] = shader;
+    }
+
+    return shader
+  }
+
+  // ===================================================
+  // program linking
+  // ===================================================
+  var programCache = {};
+  var programList = [];
+
+  var PROGRAM_COUNTER = 0;
+
+  function REGLProgram (fragId, vertId) {
+    this.id = PROGRAM_COUNTER++;
+    this.fragId = fragId;
+    this.vertId = vertId;
+    this.program = null;
+    this.uniforms = [];
+    this.attributes = [];
+
+    if (config.profile) {
+      this.stats = {
+        uniformsCount: 0,
+        attributesCount: 0
+      };
+    }
+  }
+
+  function linkProgram (desc, command) {
+    var i, info;
+
+    // -------------------------------
+    // compile & link
+    // -------------------------------
+    var fragShader = getShader(GL_FRAGMENT_SHADER, desc.fragId);
+    var vertShader = getShader(GL_VERTEX_SHADER, desc.vertId);
+
+    var program = desc.program = gl.createProgram();
+    gl.attachShader(program, fragShader);
+    gl.attachShader(program, vertShader);
+    gl.linkProgram(program);
+    check$1.linkError(
+      gl,
+      program,
+      stringStore.str(desc.fragId),
+      stringStore.str(desc.vertId),
+      command);
+
+    // -------------------------------
+    // grab uniforms
+    // -------------------------------
+    var numUniforms = gl.getProgramParameter(program, GL_ACTIVE_UNIFORMS);
+    if (config.profile) {
+      desc.stats.uniformsCount = numUniforms;
+    }
+    var uniforms = desc.uniforms;
+    for (i = 0; i < numUniforms; ++i) {
+      info = gl.getActiveUniform(program, i);
+      if (info) {
+        if (info.size > 1) {
+          for (var j = 0; j < info.size; ++j) {
+            var name = info.name.replace('[0]', '[' + j + ']');
+            insertActiveInfo(uniforms, new ActiveInfo(
+              name,
+              stringStore.id(name),
+              gl.getUniformLocation(program, name),
+              info));
+          }
+        } else {
+          insertActiveInfo(uniforms, new ActiveInfo(
+            info.name,
+            stringStore.id(info.name),
+            gl.getUniformLocation(program, info.name),
+            info));
+        }
+      }
+    }
+
+    // -------------------------------
+    // grab attributes
+    // -------------------------------
+    var numAttributes = gl.getProgramParameter(program, GL_ACTIVE_ATTRIBUTES);
+    if (config.profile) {
+      desc.stats.attributesCount = numAttributes;
+    }
+
+    var attributes = desc.attributes;
+    for (i = 0; i < numAttributes; ++i) {
+      info = gl.getActiveAttrib(program, i);
+      if (info) {
+        insertActiveInfo(attributes, new ActiveInfo(
+          info.name,
+          stringStore.id(info.name),
+          gl.getAttribLocation(program, info.name),
+          info));
+      }
+    }
+  }
+
+  if (config.profile) {
+    stats.getMaxUniformsCount = function () {
+      var m = 0;
+      programList.forEach(function (desc) {
+        if (desc.stats.uniformsCount > m) {
+          m = desc.stats.uniformsCount;
+        }
+      });
+      return m
+    };
+
+    stats.getMaxAttributesCount = function () {
+      var m = 0;
+      programList.forEach(function (desc) {
+        if (desc.stats.attributesCount > m) {
+          m = desc.stats.attributesCount;
+        }
+      });
+      return m
+    };
+  }
+
+  function restoreShaders () {
+    fragShaders = {};
+    vertShaders = {};
+    for (var i = 0; i < programList.length; ++i) {
+      linkProgram(programList[i]);
+    }
+  }
+
+  return {
+    clear: function () {
+      var deleteShader = gl.deleteShader.bind(gl);
+      values(fragShaders).forEach(deleteShader);
+      fragShaders = {};
+      values(vertShaders).forEach(deleteShader);
+      vertShaders = {};
+
+      programList.forEach(function (desc) {
+        gl.deleteProgram(desc.program);
+      });
+      programList.length = 0;
+      programCache = {};
+
+      stats.shaderCount = 0;
+    },
+
+    program: function (vertId, fragId, command) {
+      check$1.command(vertId >= 0, 'missing vertex shader', command);
+      check$1.command(fragId >= 0, 'missing fragment shader', command);
+
+      var cache = programCache[fragId];
+      if (!cache) {
+        cache = programCache[fragId] = {};
+      }
+      var program = cache[vertId];
+      if (!program) {
+        program = new REGLProgram(fragId, vertId);
+        stats.shaderCount++;
+
+        linkProgram(program, command);
+        cache[vertId] = program;
+        programList.push(program);
+      }
+      return program
+    },
+
+    restore: restoreShaders,
+
+    shader: getShader,
+
+    frag: -1,
+    vert: -1
+  }
+}
+
+var GL_RGBA$2 = 6408;
+var GL_UNSIGNED_BYTE$6 = 5121;
+var GL_PACK_ALIGNMENT = 0x0D05;
+var GL_FLOAT$6 = 0x1406; // 5126
+
+function wrapReadPixels (
+  gl,
+  framebufferState,
+  reglPoll,
+  context,
+  glAttributes,
+  extensions) {
+  function readPixelsImpl (input) {
+    var type;
+    if (framebufferState.next === null) {
+      check$1(
+        glAttributes.preserveDrawingBuffer,
+        'you must create a webgl context with "preserveDrawingBuffer":true in order to read pixels from the drawing buffer');
+      type = GL_UNSIGNED_BYTE$6;
+    } else {
+      check$1(
+        framebufferState.next.colorAttachments[0].texture !== null,
+          'You cannot read from a renderbuffer');
+      type = framebufferState.next.colorAttachments[0].texture._texture.type;
+
+      if (extensions.oes_texture_float) {
+        check$1(
+          type === GL_UNSIGNED_BYTE$6 || type === GL_FLOAT$6,
+          'Reading from a framebuffer is only allowed for the types \'uint8\' and \'float\'');
+      } else {
+        check$1(
+          type === GL_UNSIGNED_BYTE$6,
+          'Reading from a framebuffer is only allowed for the type \'uint8\'');
+      }
+    }
+
+    var x = 0;
+    var y = 0;
+    var width = context.framebufferWidth;
+    var height = context.framebufferHeight;
+    var data = null;
+
+    if (isTypedArray(input)) {
+      data = input;
+    } else if (input) {
+      check$1.type(input, 'object', 'invalid arguments to regl.read()');
+      x = input.x | 0;
+      y = input.y | 0;
+      check$1(
+        x >= 0 && x < context.framebufferWidth,
+        'invalid x offset for regl.read');
+      check$1(
+        y >= 0 && y < context.framebufferHeight,
+        'invalid y offset for regl.read');
+      width = (input.width || (context.framebufferWidth - x)) | 0;
+      height = (input.height || (context.framebufferHeight - y)) | 0;
+      data = input.data || null;
+    }
+
+    // sanity check input.data
+    if (data) {
+      if (type === GL_UNSIGNED_BYTE$6) {
+        check$1(
+          data instanceof Uint8Array,
+          'buffer must be \'Uint8Array\' when reading from a framebuffer of type \'uint8\'');
+      } else if (type === GL_FLOAT$6) {
+        check$1(
+          data instanceof Float32Array,
+          'buffer must be \'Float32Array\' when reading from a framebuffer of type \'float\'');
+      }
+    }
+
+    check$1(
+      width > 0 && width + x <= context.framebufferWidth,
+      'invalid width for read pixels');
+    check$1(
+      height > 0 && height + y <= context.framebufferHeight,
+      'invalid height for read pixels');
+
+    // Update WebGL state
+    reglPoll();
+
+    // Compute size
+    var size = width * height * 4;
+
+    // Allocate data
+    if (!data) {
+      if (type === GL_UNSIGNED_BYTE$6) {
+        data = new Uint8Array(size);
+      } else if (type === GL_FLOAT$6) {
+        data = data || new Float32Array(size);
+      }
+    }
+
+    // Type check
+    check$1.isTypedArray(data, 'data buffer for regl.read() must be a typedarray');
+    check$1(data.byteLength >= size, 'data buffer for regl.read() too small');
+
+    // Run read pixels
+    gl.pixelStorei(GL_PACK_ALIGNMENT, 4);
+    gl.readPixels(x, y, width, height, GL_RGBA$2,
+                  type,
+                  data);
+
+    return data
+  }
+
+  function readPixelsFBO (options) {
+    var result;
+    framebufferState.setFBO({
+      framebuffer: options.framebuffer
+    }, function () {
+      result = readPixelsImpl(options);
+    });
+    return result
+  }
+
+  function readPixels (options) {
+    if (!options || !('framebuffer' in options)) {
+      return readPixelsImpl(options)
+    } else {
+      return readPixelsFBO(options)
+    }
+  }
+
+  return readPixels
+}
+
+function slice (x) {
+  return Array.prototype.slice.call(x)
+}
+
+function join (x) {
+  return slice(x).join('')
+}
+
+function createEnvironment () {
+  // Unique variable id counter
+  var varCounter = 0;
+
+  // Linked values are passed from this scope into the generated code block
+  // Calling link() passes a value into the generated scope and returns
+  // the variable name which it is bound to
+  var linkedNames = [];
+  var linkedValues = [];
+  function link (value) {
+    for (var i = 0; i < linkedValues.length; ++i) {
+      if (linkedValues[i] === value) {
+        return linkedNames[i]
+      }
+    }
+
+    var name = 'g' + (varCounter++);
+    linkedNames.push(name);
+    linkedValues.push(value);
+    return name
+  }
+
+  // create a code block
+  function block () {
+    var code = [];
+    function push () {
+      code.push.apply(code, slice(arguments));
+    }
+
+    var vars = [];
+    function def () {
+      var name = 'v' + (varCounter++);
+      vars.push(name);
+
+      if (arguments.length > 0) {
+        code.push(name, '=');
+        code.push.apply(code, slice(arguments));
+        code.push(';');
+      }
+
+      return name
+    }
+
+    return extend(push, {
+      def: def,
+      toString: function () {
+        return join([
+          (vars.length > 0 ? 'var ' + vars + ';' : ''),
+          join(code)
+        ])
+      }
+    })
+  }
+
+  function scope () {
+    var entry = block();
+    var exit = block();
+
+    var entryToString = entry.toString;
+    var exitToString = exit.toString;
+
+    function save (object, prop) {
+      exit(object, prop, '=', entry.def(object, prop), ';');
+    }
+
+    return extend(function () {
+      entry.apply(entry, slice(arguments));
+    }, {
+      def: entry.def,
+      entry: entry,
+      exit: exit,
+      save: save,
+      set: function (object, prop, value) {
+        save(object, prop);
+        entry(object, prop, '=', value, ';');
+      },
+      toString: function () {
+        return entryToString() + exitToString()
+      }
+    })
+  }
+
+  function conditional () {
+    var pred = join(arguments);
+    var thenBlock = scope();
+    var elseBlock = scope();
+
+    var thenToString = thenBlock.toString;
+    var elseToString = elseBlock.toString;
+
+    return extend(thenBlock, {
+      then: function () {
+        thenBlock.apply(thenBlock, slice(arguments));
+        return this
+      },
+      else: function () {
+        elseBlock.apply(elseBlock, slice(arguments));
+        return this
+      },
+      toString: function () {
+        var elseClause = elseToString();
+        if (elseClause) {
+          elseClause = 'else{' + elseClause + '}';
+        }
+        return join([
+          'if(', pred, '){',
+          thenToString(),
+          '}', elseClause
+        ])
+      }
+    })
+  }
+
+  // procedure list
+  var globalBlock = block();
+  var procedures = {};
+  function proc (name, count) {
+    var args = [];
+    function arg () {
+      var name = 'a' + args.length;
+      args.push(name);
+      return name
+    }
+
+    count = count || 0;
+    for (var i = 0; i < count; ++i) {
+      arg();
+    }
+
+    var body = scope();
+    var bodyToString = body.toString;
+
+    var result = procedures[name] = extend(body, {
+      arg: arg,
+      toString: function () {
+        return join([
+          'function(', args.join(), '){',
+          bodyToString(),
+          '}'
+        ])
+      }
+    });
+
+    return result
+  }
+
+  function compile () {
+    var code = ['"use strict";',
+      globalBlock,
+      'return {'];
+    Object.keys(procedures).forEach(function (name) {
+      code.push('"', name, '":', procedures[name].toString(), ',');
+    });
+    code.push('}');
+    var src = join(code)
+      .replace(/;/g, ';\n')
+      .replace(/}/g, '}\n')
+      .replace(/{/g, '{\n');
+    var proc = Function.apply(null, linkedNames.concat(src));
+    return proc.apply(null, linkedValues)
+  }
+
+  return {
+    global: globalBlock,
+    link: link,
+    block: block,
+    proc: proc,
+    scope: scope,
+    cond: conditional,
+    compile: compile
+  }
+}
+
+// "cute" names for vector components
+var CUTE_COMPONENTS = 'xyzw'.split('');
+
+var GL_UNSIGNED_BYTE$7 = 5121;
+
+var ATTRIB_STATE_POINTER = 1;
+var ATTRIB_STATE_CONSTANT = 2;
+
+var DYN_FUNC$1 = 0;
+var DYN_PROP$1 = 1;
+var DYN_CONTEXT$1 = 2;
+var DYN_STATE$1 = 3;
+var DYN_THUNK = 4;
+
+var S_DITHER = 'dither';
+var S_BLEND_ENABLE = 'blend.enable';
+var S_BLEND_COLOR = 'blend.color';
+var S_BLEND_EQUATION = 'blend.equation';
+var S_BLEND_FUNC = 'blend.func';
+var S_DEPTH_ENABLE = 'depth.enable';
+var S_DEPTH_FUNC = 'depth.func';
+var S_DEPTH_RANGE = 'depth.range';
+var S_DEPTH_MASK = 'depth.mask';
+var S_COLOR_MASK = 'colorMask';
+var S_CULL_ENABLE = 'cull.enable';
+var S_CULL_FACE = 'cull.face';
+var S_FRONT_FACE = 'frontFace';
+var S_LINE_WIDTH = 'lineWidth';
+var S_POLYGON_OFFSET_ENABLE = 'polygonOffset.enable';
+var S_POLYGON_OFFSET_OFFSET = 'polygonOffset.offset';
+var S_SAMPLE_ALPHA = 'sample.alpha';
+var S_SAMPLE_ENABLE = 'sample.enable';
+var S_SAMPLE_COVERAGE = 'sample.coverage';
+var S_STENCIL_ENABLE = 'stencil.enable';
+var S_STENCIL_MASK = 'stencil.mask';
+var S_STENCIL_FUNC = 'stencil.func';
+var S_STENCIL_OPFRONT = 'stencil.opFront';
+var S_STENCIL_OPBACK = 'stencil.opBack';
+var S_SCISSOR_ENABLE = 'scissor.enable';
+var S_SCISSOR_BOX = 'scissor.box';
+var S_VIEWPORT = 'viewport';
+
+var S_PROFILE = 'profile';
+
+var S_FRAMEBUFFER = 'framebuffer';
+var S_VERT = 'vert';
+var S_FRAG = 'frag';
+var S_ELEMENTS = 'elements';
+var S_PRIMITIVE = 'primitive';
+var S_COUNT = 'count';
+var S_OFFSET = 'offset';
+var S_INSTANCES = 'instances';
+
+var SUFFIX_WIDTH = 'Width';
+var SUFFIX_HEIGHT = 'Height';
+
+var S_FRAMEBUFFER_WIDTH = S_FRAMEBUFFER + SUFFIX_WIDTH;
+var S_FRAMEBUFFER_HEIGHT = S_FRAMEBUFFER + SUFFIX_HEIGHT;
+var S_VIEWPORT_WIDTH = S_VIEWPORT + SUFFIX_WIDTH;
+var S_VIEWPORT_HEIGHT = S_VIEWPORT + SUFFIX_HEIGHT;
+var S_DRAWINGBUFFER = 'drawingBuffer';
+var S_DRAWINGBUFFER_WIDTH = S_DRAWINGBUFFER + SUFFIX_WIDTH;
+var S_DRAWINGBUFFER_HEIGHT = S_DRAWINGBUFFER + SUFFIX_HEIGHT;
+
+var NESTED_OPTIONS = [
+  S_BLEND_FUNC,
+  S_BLEND_EQUATION,
+  S_STENCIL_FUNC,
+  S_STENCIL_OPFRONT,
+  S_STENCIL_OPBACK,
+  S_SAMPLE_COVERAGE,
+  S_VIEWPORT,
+  S_SCISSOR_BOX,
+  S_POLYGON_OFFSET_OFFSET
+];
+
+var GL_ARRAY_BUFFER$1 = 34962;
+var GL_ELEMENT_ARRAY_BUFFER$1 = 34963;
+
+var GL_FRAGMENT_SHADER$1 = 35632;
+var GL_VERTEX_SHADER$1 = 35633;
+
+var GL_TEXTURE_2D$2 = 0x0DE1;
+var GL_TEXTURE_CUBE_MAP$1 = 0x8513;
+
+var GL_CULL_FACE = 0x0B44;
+var GL_BLEND = 0x0BE2;
+var GL_DITHER = 0x0BD0;
+var GL_STENCIL_TEST = 0x0B90;
+var GL_DEPTH_TEST = 0x0B71;
+var GL_SCISSOR_TEST = 0x0C11;
+var GL_POLYGON_OFFSET_FILL = 0x8037;
+var GL_SAMPLE_ALPHA_TO_COVERAGE = 0x809E;
+var GL_SAMPLE_COVERAGE = 0x80A0;
+
+var GL_FLOAT$7 = 5126;
+var GL_FLOAT_VEC2 = 35664;
+var GL_FLOAT_VEC3 = 35665;
+var GL_FLOAT_VEC4 = 35666;
+var GL_INT$3 = 5124;
+var GL_INT_VEC2 = 35667;
+var GL_INT_VEC3 = 35668;
+var GL_INT_VEC4 = 35669;
+var GL_BOOL = 35670;
+var GL_BOOL_VEC2 = 35671;
+var GL_BOOL_VEC3 = 35672;
+var GL_BOOL_VEC4 = 35673;
+var GL_FLOAT_MAT2 = 35674;
+var GL_FLOAT_MAT3 = 35675;
+var GL_FLOAT_MAT4 = 35676;
+var GL_SAMPLER_2D = 35678;
+var GL_SAMPLER_CUBE = 35680;
+
+var GL_TRIANGLES$1 = 4;
+
+var GL_FRONT = 1028;
+var GL_BACK = 1029;
+var GL_CW = 0x0900;
+var GL_CCW = 0x0901;
+var GL_MIN_EXT = 0x8007;
+var GL_MAX_EXT = 0x8008;
+var GL_ALWAYS = 519;
+var GL_KEEP = 7680;
+var GL_ZERO = 0;
+var GL_ONE = 1;
+var GL_FUNC_ADD = 0x8006;
+var GL_LESS = 513;
+
+var GL_FRAMEBUFFER$1 = 0x8D40;
+var GL_COLOR_ATTACHMENT0$1 = 0x8CE0;
+
+var blendFuncs = {
+  '0': 0,
+  '1': 1,
+  'zero': 0,
+  'one': 1,
+  'src color': 768,
+  'one minus src color': 769,
+  'src alpha': 770,
+  'one minus src alpha': 771,
+  'dst color': 774,
+  'one minus dst color': 775,
+  'dst alpha': 772,
+  'one minus dst alpha': 773,
+  'constant color': 32769,
+  'one minus constant color': 32770,
+  'constant alpha': 32771,
+  'one minus constant alpha': 32772,
+  'src alpha saturate': 776
+};
+
+// There are invalid values for srcRGB and dstRGB. See:
+// https://www.khronos.org/registry/webgl/specs/1.0/#6.13
+// https://github.com/KhronosGroup/WebGL/blob/0d3201f5f7ec3c0060bc1f04077461541f1987b9/conformance-suites/1.0.3/conformance/misc/webgl-specific.html#L56
+var invalidBlendCombinations = [
+  'constant color, constant alpha',
+  'one minus constant color, constant alpha',
+  'constant color, one minus constant alpha',
+  'one minus constant color, one minus constant alpha',
+  'constant alpha, constant color',
+  'constant alpha, one minus constant color',
+  'one minus constant alpha, constant color',
+  'one minus constant alpha, one minus constant color'
+];
+
+var compareFuncs = {
+  'never': 512,
+  'less': 513,
+  '<': 513,
+  'equal': 514,
+  '=': 514,
+  '==': 514,
+  '===': 514,
+  'lequal': 515,
+  '<=': 515,
+  'greater': 516,
+  '>': 516,
+  'notequal': 517,
+  '!=': 517,
+  '!==': 517,
+  'gequal': 518,
+  '>=': 518,
+  'always': 519
+};
+
+var stencilOps = {
+  '0': 0,
+  'zero': 0,
+  'keep': 7680,
+  'replace': 7681,
+  'increment': 7682,
+  'decrement': 7683,
+  'increment wrap': 34055,
+  'decrement wrap': 34056,
+  'invert': 5386
+};
+
+var shaderType = {
+  'frag': GL_FRAGMENT_SHADER$1,
+  'vert': GL_VERTEX_SHADER$1
+};
+
+var orientationType = {
+  'cw': GL_CW,
+  'ccw': GL_CCW
+};
+
+function isBufferArgs (x) {
+  return Array.isArray(x) ||
+    isTypedArray(x) ||
+    isNDArrayLike(x)
+}
+
+// Make sure viewport is processed first
+function sortState (state) {
+  return state.sort(function (a, b) {
+    if (a === S_VIEWPORT) {
+      return -1
+    } else if (b === S_VIEWPORT) {
+      return 1
+    }
+    return (a < b) ? -1 : 1
+  })
+}
+
+function Declaration (thisDep, contextDep, propDep, append) {
+  this.thisDep = thisDep;
+  this.contextDep = contextDep;
+  this.propDep = propDep;
+  this.append = append;
+}
+
+function isStatic (decl) {
+  return decl && !(decl.thisDep || decl.contextDep || decl.propDep)
+}
+
+function createStaticDecl (append) {
+  return new Declaration(false, false, false, append)
+}
+
+function createDynamicDecl (dyn, append) {
+  var type = dyn.type;
+  if (type === DYN_FUNC$1) {
+    var numArgs = dyn.data.length;
+    return new Declaration(
+      true,
+      numArgs >= 1,
+      numArgs >= 2,
+      append)
+  } else if (type === DYN_THUNK) {
+    var data = dyn.data;
+    return new Declaration(
+      data.thisDep,
+      data.contextDep,
+      data.propDep,
+      append)
+  } else {
+    return new Declaration(
+      type === DYN_STATE$1,
+      type === DYN_CONTEXT$1,
+      type === DYN_PROP$1,
+      append)
+  }
+}
+
+var SCOPE_DECL = new Declaration(false, false, false, function () {});
+
+function reglCore (
+  gl,
+  stringStore,
+  extensions,
+  limits,
+  bufferState,
+  elementState,
+  textureState,
+  framebufferState,
+  uniformState,
+  attributeState,
+  shaderState,
+  drawState,
+  contextState,
+  timer,
+  config) {
+  var AttributeRecord = attributeState.Record;
+
+  var blendEquations = {
+    'add': 32774,
+    'subtract': 32778,
+    'reverse subtract': 32779
+  };
+  if (extensions.ext_blend_minmax) {
+    blendEquations.min = GL_MIN_EXT;
+    blendEquations.max = GL_MAX_EXT;
+  }
+
+  var extInstancing = extensions.angle_instanced_arrays;
+  var extDrawBuffers = extensions.webgl_draw_buffers;
+
+  // ===================================================
+  // ===================================================
+  // WEBGL STATE
+  // ===================================================
+  // ===================================================
+  var currentState = {
+    dirty: true,
+    profile: config.profile
+  };
+  var nextState = {};
+  var GL_STATE_NAMES = [];
+  var GL_FLAGS = {};
+  var GL_VARIABLES = {};
+
+  function propName (name) {
+    return name.replace('.', '_')
+  }
+
+  function stateFlag (sname, cap, init) {
+    var name = propName(sname);
+    GL_STATE_NAMES.push(sname);
+    nextState[name] = currentState[name] = !!init;
+    GL_FLAGS[name] = cap;
+  }
+
+  function stateVariable (sname, func, init) {
+    var name = propName(sname);
+    GL_STATE_NAMES.push(sname);
+    if (Array.isArray(init)) {
+      currentState[name] = init.slice();
+      nextState[name] = init.slice();
+    } else {
+      currentState[name] = nextState[name] = init;
+    }
+    GL_VARIABLES[name] = func;
+  }
+
+  // Dithering
+  stateFlag(S_DITHER, GL_DITHER);
+
+  // Blending
+  stateFlag(S_BLEND_ENABLE, GL_BLEND);
+  stateVariable(S_BLEND_COLOR, 'blendColor', [0, 0, 0, 0]);
+  stateVariable(S_BLEND_EQUATION, 'blendEquationSeparate',
+    [GL_FUNC_ADD, GL_FUNC_ADD]);
+  stateVariable(S_BLEND_FUNC, 'blendFuncSeparate',
+    [GL_ONE, GL_ZERO, GL_ONE, GL_ZERO]);
+
+  // Depth
+  stateFlag(S_DEPTH_ENABLE, GL_DEPTH_TEST, true);
+  stateVariable(S_DEPTH_FUNC, 'depthFunc', GL_LESS);
+  stateVariable(S_DEPTH_RANGE, 'depthRange', [0, 1]);
+  stateVariable(S_DEPTH_MASK, 'depthMask', true);
+
+  // Color mask
+  stateVariable(S_COLOR_MASK, S_COLOR_MASK, [true, true, true, true]);
+
+  // Face culling
+  stateFlag(S_CULL_ENABLE, GL_CULL_FACE);
+  stateVariable(S_CULL_FACE, 'cullFace', GL_BACK);
+
+  // Front face orientation
+  stateVariable(S_FRONT_FACE, S_FRONT_FACE, GL_CCW);
+
+  // Line width
+  stateVariable(S_LINE_WIDTH, S_LINE_WIDTH, 1);
+
+  // Polygon offset
+  stateFlag(S_POLYGON_OFFSET_ENABLE, GL_POLYGON_OFFSET_FILL);
+  stateVariable(S_POLYGON_OFFSET_OFFSET, 'polygonOffset', [0, 0]);
+
+  // Sample coverage
+  stateFlag(S_SAMPLE_ALPHA, GL_SAMPLE_ALPHA_TO_COVERAGE);
+  stateFlag(S_SAMPLE_ENABLE, GL_SAMPLE_COVERAGE);
+  stateVariable(S_SAMPLE_COVERAGE, 'sampleCoverage', [1, false]);
+
+  // Stencil
+  stateFlag(S_STENCIL_ENABLE, GL_STENCIL_TEST);
+  stateVariable(S_STENCIL_MASK, 'stencilMask', -1);
+  stateVariable(S_STENCIL_FUNC, 'stencilFunc', [GL_ALWAYS, 0, -1]);
+  stateVariable(S_STENCIL_OPFRONT, 'stencilOpSeparate',
+    [GL_FRONT, GL_KEEP, GL_KEEP, GL_KEEP]);
+  stateVariable(S_STENCIL_OPBACK, 'stencilOpSeparate',
+    [GL_BACK, GL_KEEP, GL_KEEP, GL_KEEP]);
+
+  // Scissor
+  stateFlag(S_SCISSOR_ENABLE, GL_SCISSOR_TEST);
+  stateVariable(S_SCISSOR_BOX, 'scissor',
+    [0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight]);
+
+  // Viewport
+  stateVariable(S_VIEWPORT, S_VIEWPORT,
+    [0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight]);
+
+  // ===================================================
+  // ===================================================
+  // ENVIRONMENT
+  // ===================================================
+  // ===================================================
+  var sharedState = {
+    gl: gl,
+    context: contextState,
+    strings: stringStore,
+    next: nextState,
+    current: currentState,
+    draw: drawState,
+    elements: elementState,
+    buffer: bufferState,
+    shader: shaderState,
+    attributes: attributeState.state,
+    uniforms: uniformState,
+    framebuffer: framebufferState,
+    extensions: extensions,
+
+    timer: timer,
+    isBufferArgs: isBufferArgs
+  };
+
+  var sharedConstants = {
+    primTypes: primTypes,
+    compareFuncs: compareFuncs,
+    blendFuncs: blendFuncs,
+    blendEquations: blendEquations,
+    stencilOps: stencilOps,
+    glTypes: glTypes,
+    orientationType: orientationType
+  };
+
+  check$1.optional(function () {
+    sharedState.isArrayLike = isArrayLike;
+  });
+
+  if (extDrawBuffers) {
+    sharedConstants.backBuffer = [GL_BACK];
+    sharedConstants.drawBuffer = loop(limits.maxDrawbuffers, function (i) {
+      if (i === 0) {
+        return [0]
+      }
+      return loop(i, function (j) {
+        return GL_COLOR_ATTACHMENT0$1 + j
+      })
+    });
+  }
+
+  var drawCallCounter = 0;
+  function createREGLEnvironment () {
+    var env = createEnvironment();
+    var link = env.link;
+    var global = env.global;
+    env.id = drawCallCounter++;
+
+    env.batchId = '0';
+
+    // link shared state
+    var SHARED = link(sharedState);
+    var shared = env.shared = {
+      props: 'a0'
+    };
+    Object.keys(sharedState).forEach(function (prop) {
+      shared[prop] = global.def(SHARED, '.', prop);
+    });
+
+    // Inject runtime assertion stuff for debug builds
+    check$1.optional(function () {
+      env.CHECK = link(check$1);
+      env.commandStr = check$1.guessCommand();
+      env.command = link(env.commandStr);
+      env.assert = function (block, pred, message) {
+        block(
+          'if(!(', pred, '))',
+          this.CHECK, '.commandRaise(', link(message), ',', this.command, ');');
+      };
+
+      sharedConstants.invalidBlendCombinations = invalidBlendCombinations;
+    });
+
+    // Copy GL state variables over
+    var nextVars = env.next = {};
+    var currentVars = env.current = {};
+    Object.keys(GL_VARIABLES).forEach(function (variable) {
+      if (Array.isArray(currentState[variable])) {
+        nextVars[variable] = global.def(shared.next, '.', variable);
+        currentVars[variable] = global.def(shared.current, '.', variable);
+      }
+    });
+
+    // Initialize shared constants
+    var constants = env.constants = {};
+    Object.keys(sharedConstants).forEach(function (name) {
+      constants[name] = global.def(JSON.stringify(sharedConstants[name]));
+    });
+
+    // Helper function for calling a block
+    env.invoke = function (block, x) {
+      switch (x.type) {
+        case DYN_FUNC$1:
+          var argList = [
+            'this',
+            shared.context,
+            shared.props,
+            env.batchId
+          ];
+          return block.def(
+            link(x.data), '.call(',
+              argList.slice(0, Math.max(x.data.length + 1, 4)),
+             ')')
+        case DYN_PROP$1:
+          return block.def(shared.props, x.data)
+        case DYN_CONTEXT$1:
+          return block.def(shared.context, x.data)
+        case DYN_STATE$1:
+          return block.def('this', x.data)
+        case DYN_THUNK:
+          x.data.append(env, block);
+          return x.data.ref
+      }
+    };
+
+    env.attribCache = {};
+
+    var scopeAttribs = {};
+    env.scopeAttrib = function (name) {
+      var id = stringStore.id(name);
+      if (id in scopeAttribs) {
+        return scopeAttribs[id]
+      }
+      var binding = attributeState.scope[id];
+      if (!binding) {
+        binding = attributeState.scope[id] = new AttributeRecord();
+      }
+      var result = scopeAttribs[id] = link(binding);
+      return result
+    };
+
+    return env
+  }
+
+  // ===================================================
+  // ===================================================
+  // PARSING
+  // ===================================================
+  // ===================================================
+  function parseProfile (options) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    var profileEnable;
+    if (S_PROFILE in staticOptions) {
+      var value = !!staticOptions[S_PROFILE];
+      profileEnable = createStaticDecl(function (env, scope) {
+        return value
+      });
+      profileEnable.enable = value;
+    } else if (S_PROFILE in dynamicOptions) {
+      var dyn = dynamicOptions[S_PROFILE];
+      profileEnable = createDynamicDecl(dyn, function (env, scope) {
+        return env.invoke(scope, dyn)
+      });
+    }
+
+    return profileEnable
+  }
+
+  function parseFramebuffer (options, env) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    if (S_FRAMEBUFFER in staticOptions) {
+      var framebuffer = staticOptions[S_FRAMEBUFFER];
+      if (framebuffer) {
+        framebuffer = framebufferState.getFramebuffer(framebuffer);
+        check$1.command(framebuffer, 'invalid framebuffer object');
+        return createStaticDecl(function (env, block) {
+          var FRAMEBUFFER = env.link(framebuffer);
+          var shared = env.shared;
+          block.set(
+            shared.framebuffer,
+            '.next',
+            FRAMEBUFFER);
+          var CONTEXT = shared.context;
+          block.set(
+            CONTEXT,
+            '.' + S_FRAMEBUFFER_WIDTH,
+            FRAMEBUFFER + '.width');
+          block.set(
+            CONTEXT,
+            '.' + S_FRAMEBUFFER_HEIGHT,
+            FRAMEBUFFER + '.height');
+          return FRAMEBUFFER
+        })
+      } else {
+        return createStaticDecl(function (env, scope) {
+          var shared = env.shared;
+          scope.set(
+            shared.framebuffer,
+            '.next',
+            'null');
+          var CONTEXT = shared.context;
+          scope.set(
+            CONTEXT,
+            '.' + S_FRAMEBUFFER_WIDTH,
+            CONTEXT + '.' + S_DRAWINGBUFFER_WIDTH);
+          scope.set(
+            CONTEXT,
+            '.' + S_FRAMEBUFFER_HEIGHT,
+            CONTEXT + '.' + S_DRAWINGBUFFER_HEIGHT);
+          return 'null'
+        })
+      }
+    } else if (S_FRAMEBUFFER in dynamicOptions) {
+      var dyn = dynamicOptions[S_FRAMEBUFFER];
+      return createDynamicDecl(dyn, function (env, scope) {
+        var FRAMEBUFFER_FUNC = env.invoke(scope, dyn);
+        var shared = env.shared;
+        var FRAMEBUFFER_STATE = shared.framebuffer;
+        var FRAMEBUFFER = scope.def(
+          FRAMEBUFFER_STATE, '.getFramebuffer(', FRAMEBUFFER_FUNC, ')');
+
+        check$1.optional(function () {
+          env.assert(scope,
+            '!' + FRAMEBUFFER_FUNC + '||' + FRAMEBUFFER,
+            'invalid framebuffer object');
+        });
+
+        scope.set(
+          FRAMEBUFFER_STATE,
+          '.next',
+          FRAMEBUFFER);
+        var CONTEXT = shared.context;
+        scope.set(
+          CONTEXT,
+          '.' + S_FRAMEBUFFER_WIDTH,
+          FRAMEBUFFER + '?' + FRAMEBUFFER + '.width:' +
+          CONTEXT + '.' + S_DRAWINGBUFFER_WIDTH);
+        scope.set(
+          CONTEXT,
+          '.' + S_FRAMEBUFFER_HEIGHT,
+          FRAMEBUFFER +
+          '?' + FRAMEBUFFER + '.height:' +
+          CONTEXT + '.' + S_DRAWINGBUFFER_HEIGHT);
+        return FRAMEBUFFER
+      })
+    } else {
+      return null
+    }
+  }
+
+  function parseViewportScissor (options, framebuffer, env) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    function parseBox (param) {
+      if (param in staticOptions) {
+        var box = staticOptions[param];
+        check$1.commandType(box, 'object', 'invalid ' + param, env.commandStr);
+
+        var isStatic = true;
+        var x = box.x | 0;
+        var y = box.y | 0;
+        var w, h;
+        if ('width' in box) {
+          w = box.width | 0;
+          check$1.command(w >= 0, 'invalid ' + param, env.commandStr);
+        } else {
+          isStatic = false;
+        }
+        if ('height' in box) {
+          h = box.height | 0;
+          check$1.command(h >= 0, 'invalid ' + param, env.commandStr);
+        } else {
+          isStatic = false;
+        }
+
+        return new Declaration(
+          !isStatic && framebuffer && framebuffer.thisDep,
+          !isStatic && framebuffer && framebuffer.contextDep,
+          !isStatic && framebuffer && framebuffer.propDep,
+          function (env, scope) {
+            var CONTEXT = env.shared.context;
+            var BOX_W = w;
+            if (!('width' in box)) {
+              BOX_W = scope.def(CONTEXT, '.', S_FRAMEBUFFER_WIDTH, '-', x);
+            }
+            var BOX_H = h;
+            if (!('height' in box)) {
+              BOX_H = scope.def(CONTEXT, '.', S_FRAMEBUFFER_HEIGHT, '-', y);
+            }
+            return [x, y, BOX_W, BOX_H]
+          })
+      } else if (param in dynamicOptions) {
+        var dynBox = dynamicOptions[param];
+        var result = createDynamicDecl(dynBox, function (env, scope) {
+          var BOX = env.invoke(scope, dynBox);
+
+          check$1.optional(function () {
+            env.assert(scope,
+              BOX + '&&typeof ' + BOX + '==="object"',
+              'invalid ' + param);
+          });
+
+          var CONTEXT = env.shared.context;
+          var BOX_X = scope.def(BOX, '.x|0');
+          var BOX_Y = scope.def(BOX, '.y|0');
+          var BOX_W = scope.def(
+            '"width" in ', BOX, '?', BOX, '.width|0:',
+            '(', CONTEXT, '.', S_FRAMEBUFFER_WIDTH, '-', BOX_X, ')');
+          var BOX_H = scope.def(
+            '"height" in ', BOX, '?', BOX, '.height|0:',
+            '(', CONTEXT, '.', S_FRAMEBUFFER_HEIGHT, '-', BOX_Y, ')');
+
+          check$1.optional(function () {
+            env.assert(scope,
+              BOX_W + '>=0&&' +
+              BOX_H + '>=0',
+              'invalid ' + param);
+          });
+
+          return [BOX_X, BOX_Y, BOX_W, BOX_H]
+        });
+        if (framebuffer) {
+          result.thisDep = result.thisDep || framebuffer.thisDep;
+          result.contextDep = result.contextDep || framebuffer.contextDep;
+          result.propDep = result.propDep || framebuffer.propDep;
+        }
+        return result
+      } else if (framebuffer) {
+        return new Declaration(
+          framebuffer.thisDep,
+          framebuffer.contextDep,
+          framebuffer.propDep,
+          function (env, scope) {
+            var CONTEXT = env.shared.context;
+            return [
+              0, 0,
+              scope.def(CONTEXT, '.', S_FRAMEBUFFER_WIDTH),
+              scope.def(CONTEXT, '.', S_FRAMEBUFFER_HEIGHT)]
+          })
+      } else {
+        return null
+      }
+    }
+
+    var viewport = parseBox(S_VIEWPORT);
+
+    if (viewport) {
+      var prevViewport = viewport;
+      viewport = new Declaration(
+        viewport.thisDep,
+        viewport.contextDep,
+        viewport.propDep,
+        function (env, scope) {
+          var VIEWPORT = prevViewport.append(env, scope);
+          var CONTEXT = env.shared.context;
+          scope.set(
+            CONTEXT,
+            '.' + S_VIEWPORT_WIDTH,
+            VIEWPORT[2]);
+          scope.set(
+            CONTEXT,
+            '.' + S_VIEWPORT_HEIGHT,
+            VIEWPORT[3]);
+          return VIEWPORT
+        });
+    }
+
+    return {
+      viewport: viewport,
+      scissor_box: parseBox(S_SCISSOR_BOX)
+    }
+  }
+
+  function parseProgram (options) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    function parseShader (name) {
+      if (name in staticOptions) {
+        var id = stringStore.id(staticOptions[name]);
+        check$1.optional(function () {
+          shaderState.shader(shaderType[name], id, check$1.guessCommand());
+        });
+        var result = createStaticDecl(function () {
+          return id
+        });
+        result.id = id;
+        return result
+      } else if (name in dynamicOptions) {
+        var dyn = dynamicOptions[name];
+        return createDynamicDecl(dyn, function (env, scope) {
+          var str = env.invoke(scope, dyn);
+          var id = scope.def(env.shared.strings, '.id(', str, ')');
+          check$1.optional(function () {
+            scope(
+              env.shared.shader, '.shader(',
+              shaderType[name], ',',
+              id, ',',
+              env.command, ');');
+          });
+          return id
+        })
+      }
+      return null
+    }
+
+    var frag = parseShader(S_FRAG);
+    var vert = parseShader(S_VERT);
+
+    var program = null;
+    var progVar;
+    if (isStatic(frag) && isStatic(vert)) {
+      program = shaderState.program(vert.id, frag.id);
+      progVar = createStaticDecl(function (env, scope) {
+        return env.link(program)
+      });
+    } else {
+      progVar = new Declaration(
+        (frag && frag.thisDep) || (vert && vert.thisDep),
+        (frag && frag.contextDep) || (vert && vert.contextDep),
+        (frag && frag.propDep) || (vert && vert.propDep),
+        function (env, scope) {
+          var SHADER_STATE = env.shared.shader;
+          var fragId;
+          if (frag) {
+            fragId = frag.append(env, scope);
+          } else {
+            fragId = scope.def(SHADER_STATE, '.', S_FRAG);
+          }
+          var vertId;
+          if (vert) {
+            vertId = vert.append(env, scope);
+          } else {
+            vertId = scope.def(SHADER_STATE, '.', S_VERT);
+          }
+          var progDef = SHADER_STATE + '.program(' + vertId + ',' + fragId;
+          check$1.optional(function () {
+            progDef += ',' + env.command;
+          });
+          return scope.def(progDef + ')')
+        });
+    }
+
+    return {
+      frag: frag,
+      vert: vert,
+      progVar: progVar,
+      program: program
+    }
+  }
+
+  function parseDraw (options, env) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    function parseElements () {
+      if (S_ELEMENTS in staticOptions) {
+        var elements = staticOptions[S_ELEMENTS];
+        if (isBufferArgs(elements)) {
+          elements = elementState.getElements(elementState.create(elements, true));
+        } else if (elements) {
+          elements = elementState.getElements(elements);
+          check$1.command(elements, 'invalid elements', env.commandStr);
+        }
+        var result = createStaticDecl(function (env, scope) {
+          if (elements) {
+            var result = env.link(elements);
+            env.ELEMENTS = result;
+            return result
+          }
+          env.ELEMENTS = null;
+          return null
+        });
+        result.value = elements;
+        return result
+      } else if (S_ELEMENTS in dynamicOptions) {
+        var dyn = dynamicOptions[S_ELEMENTS];
+        return createDynamicDecl(dyn, function (env, scope) {
+          var shared = env.shared;
+
+          var IS_BUFFER_ARGS = shared.isBufferArgs;
+          var ELEMENT_STATE = shared.elements;
+
+          var elementDefn = env.invoke(scope, dyn);
+          var elements = scope.def('null');
+          var elementStream = scope.def(IS_BUFFER_ARGS, '(', elementDefn, ')');
+
+          var ifte = env.cond(elementStream)
+            .then(elements, '=', ELEMENT_STATE, '.createStream(', elementDefn, ');')
+            .else(elements, '=', ELEMENT_STATE, '.getElements(', elementDefn, ');');
+
+          check$1.optional(function () {
+            env.assert(ifte.else,
+              '!' + elementDefn + '||' + elements,
+              'invalid elements');
+          });
+
+          scope.entry(ifte);
+          scope.exit(
+            env.cond(elementStream)
+              .then(ELEMENT_STATE, '.destroyStream(', elements, ');'));
+
+          env.ELEMENTS = elements;
+
+          return elements
+        })
+      }
+
+      return null
+    }
+
+    var elements = parseElements();
+
+    function parsePrimitive () {
+      if (S_PRIMITIVE in staticOptions) {
+        var primitive = staticOptions[S_PRIMITIVE];
+        check$1.commandParameter(primitive, primTypes, 'invalid primitve', env.commandStr);
+        return createStaticDecl(function (env, scope) {
+          return primTypes[primitive]
+        })
+      } else if (S_PRIMITIVE in dynamicOptions) {
+        var dynPrimitive = dynamicOptions[S_PRIMITIVE];
+        return createDynamicDecl(dynPrimitive, function (env, scope) {
+          var PRIM_TYPES = env.constants.primTypes;
+          var prim = env.invoke(scope, dynPrimitive);
+          check$1.optional(function () {
+            env.assert(scope,
+              prim + ' in ' + PRIM_TYPES,
+              'invalid primitive, must be one of ' + Object.keys(primTypes));
+          });
+          return scope.def(PRIM_TYPES, '[', prim, ']')
+        })
+      } else if (elements) {
+        if (isStatic(elements)) {
+          if (elements.value) {
+            return createStaticDecl(function (env, scope) {
+              return scope.def(env.ELEMENTS, '.primType')
+            })
+          } else {
+            return createStaticDecl(function () {
+              return GL_TRIANGLES$1
+            })
+          }
+        } else {
+          return new Declaration(
+            elements.thisDep,
+            elements.contextDep,
+            elements.propDep,
+            function (env, scope) {
+              var elements = env.ELEMENTS;
+              return scope.def(elements, '?', elements, '.primType:', GL_TRIANGLES$1)
+            })
+        }
+      }
+      return null
+    }
+
+    function parseParam (param, isOffset) {
+      if (param in staticOptions) {
+        var value = staticOptions[param] | 0;
+        check$1.command(!isOffset || value >= 0, 'invalid ' + param, env.commandStr);
+        return createStaticDecl(function (env, scope) {
+          if (isOffset) {
+            env.OFFSET = value;
+          }
+          return value
+        })
+      } else if (param in dynamicOptions) {
+        var dynValue = dynamicOptions[param];
+        return createDynamicDecl(dynValue, function (env, scope) {
+          var result = env.invoke(scope, dynValue);
+          if (isOffset) {
+            env.OFFSET = result;
+            check$1.optional(function () {
+              env.assert(scope,
+                result + '>=0',
+                'invalid ' + param);
+            });
+          }
+          return result
+        })
+      } else if (isOffset && elements) {
+        return createStaticDecl(function (env, scope) {
+          env.OFFSET = '0';
+          return 0
+        })
+      }
+      return null
+    }
+
+    var OFFSET = parseParam(S_OFFSET, true);
+
+    function parseVertCount () {
+      if (S_COUNT in staticOptions) {
+        var count = staticOptions[S_COUNT] | 0;
+        check$1.command(
+          typeof count === 'number' && count >= 0, 'invalid vertex count', env.commandStr);
+        return createStaticDecl(function () {
+          return count
+        })
+      } else if (S_COUNT in dynamicOptions) {
+        var dynCount = dynamicOptions[S_COUNT];
+        return createDynamicDecl(dynCount, function (env, scope) {
+          var result = env.invoke(scope, dynCount);
+          check$1.optional(function () {
+            env.assert(scope,
+              'typeof ' + result + '==="number"&&' +
+              result + '>=0&&' +
+              result + '===(' + result + '|0)',
+              'invalid vertex count');
+          });
+          return result
+        })
+      } else if (elements) {
+        if (isStatic(elements)) {
+          if (elements) {
+            if (OFFSET) {
+              return new Declaration(
+                OFFSET.thisDep,
+                OFFSET.contextDep,
+                OFFSET.propDep,
+                function (env, scope) {
+                  var result = scope.def(
+                    env.ELEMENTS, '.vertCount-', env.OFFSET);
+
+                  check$1.optional(function () {
+                    env.assert(scope,
+                      result + '>=0',
+                      'invalid vertex offset/element buffer too small');
+                  });
+
+                  return result
+                })
+            } else {
+              return createStaticDecl(function (env, scope) {
+                return scope.def(env.ELEMENTS, '.vertCount')
+              })
+            }
+          } else {
+            var result = createStaticDecl(function () {
+              return -1
+            });
+            check$1.optional(function () {
+              result.MISSING = true;
+            });
+            return result
+          }
+        } else {
+          var variable = new Declaration(
+            elements.thisDep || OFFSET.thisDep,
+            elements.contextDep || OFFSET.contextDep,
+            elements.propDep || OFFSET.propDep,
+            function (env, scope) {
+              var elements = env.ELEMENTS;
+              if (env.OFFSET) {
+                return scope.def(elements, '?', elements, '.vertCount-',
+                  env.OFFSET, ':-1')
+              }
+              return scope.def(elements, '?', elements, '.vertCount:-1')
+            });
+          check$1.optional(function () {
+            variable.DYNAMIC = true;
+          });
+          return variable
+        }
+      }
+      return null
+    }
+
+    return {
+      elements: elements,
+      primitive: parsePrimitive(),
+      count: parseVertCount(),
+      instances: parseParam(S_INSTANCES, false),
+      offset: OFFSET
+    }
+  }
+
+  function parseGLState (options, env) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    var STATE = {};
+
+    GL_STATE_NAMES.forEach(function (prop) {
+      var param = propName(prop);
+
+      function parseParam (parseStatic, parseDynamic) {
+        if (prop in staticOptions) {
+          var value = parseStatic(staticOptions[prop]);
+          STATE[param] = createStaticDecl(function () {
+            return value
+          });
+        } else if (prop in dynamicOptions) {
+          var dyn = dynamicOptions[prop];
+          STATE[param] = createDynamicDecl(dyn, function (env, scope) {
+            return parseDynamic(env, scope, env.invoke(scope, dyn))
+          });
+        }
+      }
+
+      switch (prop) {
+        case S_CULL_ENABLE:
+        case S_BLEND_ENABLE:
+        case S_DITHER:
+        case S_STENCIL_ENABLE:
+        case S_DEPTH_ENABLE:
+        case S_SCISSOR_ENABLE:
+        case S_POLYGON_OFFSET_ENABLE:
+        case S_SAMPLE_ALPHA:
+        case S_SAMPLE_ENABLE:
+        case S_DEPTH_MASK:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'boolean', prop, env.commandStr);
+              return value
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  'typeof ' + value + '==="boolean"',
+                  'invalid flag ' + prop, env.commandStr);
+              });
+              return value
+            })
+
+        case S_DEPTH_FUNC:
+          return parseParam(
+            function (value) {
+              check$1.commandParameter(value, compareFuncs, 'invalid ' + prop, env.commandStr);
+              return compareFuncs[value]
+            },
+            function (env, scope, value) {
+              var COMPARE_FUNCS = env.constants.compareFuncs;
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + ' in ' + COMPARE_FUNCS,
+                  'invalid ' + prop + ', must be one of ' + Object.keys(compareFuncs));
+              });
+              return scope.def(COMPARE_FUNCS, '[', value, ']')
+            })
+
+        case S_DEPTH_RANGE:
+          return parseParam(
+            function (value) {
+              check$1.command(
+                isArrayLike(value) &&
+                value.length === 2 &&
+                typeof value[0] === 'number' &&
+                typeof value[1] === 'number' &&
+                value[0] <= value[1],
+                'depth range is 2d array',
+                env.commandStr);
+              return value
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  env.shared.isArrayLike + '(' + value + ')&&' +
+                  value + '.length===2&&' +
+                  'typeof ' + value + '[0]==="number"&&' +
+                  'typeof ' + value + '[1]==="number"&&' +
+                  value + '[0]<=' + value + '[1]',
+                  'depth range must be a 2d array');
+              });
+
+              var Z_NEAR = scope.def('+', value, '[0]');
+              var Z_FAR = scope.def('+', value, '[1]');
+              return [Z_NEAR, Z_FAR]
+            })
+
+        case S_BLEND_FUNC:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'object', 'blend.func', env.commandStr);
+              var srcRGB = ('srcRGB' in value ? value.srcRGB : value.src);
+              var srcAlpha = ('srcAlpha' in value ? value.srcAlpha : value.src);
+              var dstRGB = ('dstRGB' in value ? value.dstRGB : value.dst);
+              var dstAlpha = ('dstAlpha' in value ? value.dstAlpha : value.dst);
+              check$1.commandParameter(srcRGB, blendFuncs, param + '.srcRGB', env.commandStr);
+              check$1.commandParameter(srcAlpha, blendFuncs, param + '.srcAlpha', env.commandStr);
+              check$1.commandParameter(dstRGB, blendFuncs, param + '.dstRGB', env.commandStr);
+              check$1.commandParameter(dstAlpha, blendFuncs, param + '.dstAlpha', env.commandStr);
+
+              check$1.command(
+                (invalidBlendCombinations.indexOf(srcRGB + ', ' + dstRGB) === -1),
+                'unallowed blending combination (srcRGB, dstRGB) = (' + srcRGB + ', ' + dstRGB + ')', env.commandStr);
+
+              return [
+                blendFuncs[srcRGB],
+                blendFuncs[dstRGB],
+                blendFuncs[srcAlpha],
+                blendFuncs[dstAlpha]
+              ]
+            },
+            function (env, scope, value) {
+              var BLEND_FUNCS = env.constants.blendFuncs;
+
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '&&typeof ' + value + '==="object"',
+                  'invalid blend func, must be an object');
+              });
+
+              function read (prefix, suffix) {
+                var func = scope.def(
+                  '"', prefix, suffix, '" in ', value,
+                  '?', value, '.', prefix, suffix,
+                  ':', value, '.', prefix);
+
+                check$1.optional(function () {
+                  env.assert(scope,
+                    func + ' in ' + BLEND_FUNCS,
+                    'invalid ' + prop + '.' + prefix + suffix + ', must be one of ' + Object.keys(blendFuncs));
+                });
+
+                return func
+              }
+
+              var srcRGB = read('src', 'RGB');
+              var dstRGB = read('dst', 'RGB');
+
+              check$1.optional(function () {
+                var INVALID_BLEND_COMBINATIONS = env.constants.invalidBlendCombinations;
+
+                env.assert(scope,
+                           INVALID_BLEND_COMBINATIONS +
+                           '.indexOf(' + srcRGB + '+", "+' + dstRGB + ') === -1 ',
+                           'unallowed blending combination for (srcRGB, dstRGB)'
+                          );
+              });
+
+              var SRC_RGB = scope.def(BLEND_FUNCS, '[', srcRGB, ']');
+              var SRC_ALPHA = scope.def(BLEND_FUNCS, '[', read('src', 'Alpha'), ']');
+              var DST_RGB = scope.def(BLEND_FUNCS, '[', dstRGB, ']');
+              var DST_ALPHA = scope.def(BLEND_FUNCS, '[', read('dst', 'Alpha'), ']');
+
+              return [SRC_RGB, DST_RGB, SRC_ALPHA, DST_ALPHA]
+            })
+
+        case S_BLEND_EQUATION:
+          return parseParam(
+            function (value) {
+              if (typeof value === 'string') {
+                check$1.commandParameter(value, blendEquations, 'invalid ' + prop, env.commandStr);
+                return [
+                  blendEquations[value],
+                  blendEquations[value]
+                ]
+              } else if (typeof value === 'object') {
+                check$1.commandParameter(
+                  value.rgb, blendEquations, prop + '.rgb', env.commandStr);
+                check$1.commandParameter(
+                  value.alpha, blendEquations, prop + '.alpha', env.commandStr);
+                return [
+                  blendEquations[value.rgb],
+                  blendEquations[value.alpha]
+                ]
+              } else {
+                check$1.commandRaise('invalid blend.equation', env.commandStr);
+              }
+            },
+            function (env, scope, value) {
+              var BLEND_EQUATIONS = env.constants.blendEquations;
+
+              var RGB = scope.def();
+              var ALPHA = scope.def();
+
+              var ifte = env.cond('typeof ', value, '==="string"');
+
+              check$1.optional(function () {
+                function checkProp (block, name, value) {
+                  env.assert(block,
+                    value + ' in ' + BLEND_EQUATIONS,
+                    'invalid ' + name + ', must be one of ' + Object.keys(blendEquations));
+                }
+                checkProp(ifte.then, prop, value);
+
+                env.assert(ifte.else,
+                  value + '&&typeof ' + value + '==="object"',
+                  'invalid ' + prop);
+                checkProp(ifte.else, prop + '.rgb', value + '.rgb');
+                checkProp(ifte.else, prop + '.alpha', value + '.alpha');
+              });
+
+              ifte.then(
+                RGB, '=', ALPHA, '=', BLEND_EQUATIONS, '[', value, '];');
+              ifte.else(
+                RGB, '=', BLEND_EQUATIONS, '[', value, '.rgb];',
+                ALPHA, '=', BLEND_EQUATIONS, '[', value, '.alpha];');
+
+              scope(ifte);
+
+              return [RGB, ALPHA]
+            })
+
+        case S_BLEND_COLOR:
+          return parseParam(
+            function (value) {
+              check$1.command(
+                isArrayLike(value) &&
+                value.length === 4,
+                'blend.color must be a 4d array', env.commandStr);
+              return loop(4, function (i) {
+                return +value[i]
+              })
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  env.shared.isArrayLike + '(' + value + ')&&' +
+                  value + '.length===4',
+                  'blend.color must be a 4d array');
+              });
+              return loop(4, function (i) {
+                return scope.def('+', value, '[', i, ']')
+              })
+            })
+
+        case S_STENCIL_MASK:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'number', param, env.commandStr);
+              return value | 0
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  'typeof ' + value + '==="number"',
+                  'invalid stencil.mask');
+              });
+              return scope.def(value, '|0')
+            })
+
+        case S_STENCIL_FUNC:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'object', param, env.commandStr);
+              var cmp = value.cmp || 'keep';
+              var ref = value.ref || 0;
+              var mask = 'mask' in value ? value.mask : -1;
+              check$1.commandParameter(cmp, compareFuncs, prop + '.cmp', env.commandStr);
+              check$1.commandType(ref, 'number', prop + '.ref', env.commandStr);
+              check$1.commandType(mask, 'number', prop + '.mask', env.commandStr);
+              return [
+                compareFuncs[cmp],
+                ref,
+                mask
+              ]
+            },
+            function (env, scope, value) {
+              var COMPARE_FUNCS = env.constants.compareFuncs;
+              check$1.optional(function () {
+                function assert () {
+                  env.assert(scope,
+                    Array.prototype.join.call(arguments, ''),
+                    'invalid stencil.func');
+                }
+                assert(value + '&&typeof ', value, '==="object"');
+                assert('!("cmp" in ', value, ')||(',
+                  value, '.cmp in ', COMPARE_FUNCS, ')');
+              });
+              var cmp = scope.def(
+                '"cmp" in ', value,
+                '?', COMPARE_FUNCS, '[', value, '.cmp]',
+                ':', GL_KEEP);
+              var ref = scope.def(value, '.ref|0');
+              var mask = scope.def(
+                '"mask" in ', value,
+                '?', value, '.mask|0:-1');
+              return [cmp, ref, mask]
+            })
+
+        case S_STENCIL_OPFRONT:
+        case S_STENCIL_OPBACK:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'object', param, env.commandStr);
+              var fail = value.fail || 'keep';
+              var zfail = value.zfail || 'keep';
+              var zpass = value.zpass || 'keep';
+              check$1.commandParameter(fail, stencilOps, prop + '.fail', env.commandStr);
+              check$1.commandParameter(zfail, stencilOps, prop + '.zfail', env.commandStr);
+              check$1.commandParameter(zpass, stencilOps, prop + '.zpass', env.commandStr);
+              return [
+                prop === S_STENCIL_OPBACK ? GL_BACK : GL_FRONT,
+                stencilOps[fail],
+                stencilOps[zfail],
+                stencilOps[zpass]
+              ]
+            },
+            function (env, scope, value) {
+              var STENCIL_OPS = env.constants.stencilOps;
+
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '&&typeof ' + value + '==="object"',
+                  'invalid ' + prop);
+              });
+
+              function read (name) {
+                check$1.optional(function () {
+                  env.assert(scope,
+                    '!("' + name + '" in ' + value + ')||' +
+                    '(' + value + '.' + name + ' in ' + STENCIL_OPS + ')',
+                    'invalid ' + prop + '.' + name + ', must be one of ' + Object.keys(stencilOps));
+                });
+
+                return scope.def(
+                  '"', name, '" in ', value,
+                  '?', STENCIL_OPS, '[', value, '.', name, ']:',
+                  GL_KEEP)
+              }
+
+              return [
+                prop === S_STENCIL_OPBACK ? GL_BACK : GL_FRONT,
+                read('fail'),
+                read('zfail'),
+                read('zpass')
+              ]
+            })
+
+        case S_POLYGON_OFFSET_OFFSET:
+          return parseParam(
+            function (value) {
+              check$1.commandType(value, 'object', param, env.commandStr);
+              var factor = value.factor | 0;
+              var units = value.units | 0;
+              check$1.commandType(factor, 'number', param + '.factor', env.commandStr);
+              check$1.commandType(units, 'number', param + '.units', env.commandStr);
+              return [factor, units]
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '&&typeof ' + value + '==="object"',
+                  'invalid ' + prop);
+              });
+
+              var FACTOR = scope.def(value, '.factor|0');
+              var UNITS = scope.def(value, '.units|0');
+
+              return [FACTOR, UNITS]
+            })
+
+        case S_CULL_FACE:
+          return parseParam(
+            function (value) {
+              var face = 0;
+              if (value === 'front') {
+                face = GL_FRONT;
+              } else if (value === 'back') {
+                face = GL_BACK;
+              }
+              check$1.command(!!face, param, env.commandStr);
+              return face
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '==="front"||' +
+                  value + '==="back"',
+                  'invalid cull.face');
+              });
+              return scope.def(value, '==="front"?', GL_FRONT, ':', GL_BACK)
+            })
+
+        case S_LINE_WIDTH:
+          return parseParam(
+            function (value) {
+              check$1.command(
+                typeof value === 'number' &&
+                value >= limits.lineWidthDims[0] &&
+                value <= limits.lineWidthDims[1],
+                'invalid line width, must positive number between ' +
+                limits.lineWidthDims[0] + ' and ' + limits.lineWidthDims[1], env.commandStr);
+              return value
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  'typeof ' + value + '==="number"&&' +
+                  value + '>=' + limits.lineWidthDims[0] + '&&' +
+                  value + '<=' + limits.lineWidthDims[1],
+                  'invalid line width');
+              });
+
+              return value
+            })
+
+        case S_FRONT_FACE:
+          return parseParam(
+            function (value) {
+              check$1.commandParameter(value, orientationType, param, env.commandStr);
+              return orientationType[value]
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '==="cw"||' +
+                  value + '==="ccw"',
+                  'invalid frontFace, must be one of cw,ccw');
+              });
+              return scope.def(value + '==="cw"?' + GL_CW + ':' + GL_CCW)
+            })
+
+        case S_COLOR_MASK:
+          return parseParam(
+            function (value) {
+              check$1.command(
+                isArrayLike(value) && value.length === 4,
+                'color.mask must be length 4 array', env.commandStr);
+              return value.map(function (v) { return !!v })
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  env.shared.isArrayLike + '(' + value + ')&&' +
+                  value + '.length===4',
+                  'invalid color.mask');
+              });
+              return loop(4, function (i) {
+                return '!!' + value + '[' + i + ']'
+              })
+            })
+
+        case S_SAMPLE_COVERAGE:
+          return parseParam(
+            function (value) {
+              check$1.command(typeof value === 'object' && value, param, env.commandStr);
+              var sampleValue = 'value' in value ? value.value : 1;
+              var sampleInvert = !!value.invert;
+              check$1.command(
+                typeof sampleValue === 'number' &&
+                sampleValue >= 0 && sampleValue <= 1,
+                'sample.coverage.value must be a number between 0 and 1', env.commandStr);
+              return [sampleValue, sampleInvert]
+            },
+            function (env, scope, value) {
+              check$1.optional(function () {
+                env.assert(scope,
+                  value + '&&typeof ' + value + '==="object"',
+                  'invalid sample.coverage');
+              });
+              var VALUE = scope.def(
+                '"value" in ', value, '?+', value, '.value:1');
+              var INVERT = scope.def('!!', value, '.invert');
+              return [VALUE, INVERT]
+            })
+      }
+    });
+
+    return STATE
+  }
+
+  function parseUniforms (uniforms, env) {
+    var staticUniforms = uniforms.static;
+    var dynamicUniforms = uniforms.dynamic;
+
+    var UNIFORMS = {};
+
+    Object.keys(staticUniforms).forEach(function (name) {
+      var value = staticUniforms[name];
+      var result;
+      if (typeof value === 'number' ||
+          typeof value === 'boolean') {
+        result = createStaticDecl(function () {
+          return value
+        });
+      } else if (typeof value === 'function') {
+        var reglType = value._reglType;
+        if (reglType === 'texture2d' ||
+            reglType === 'textureCube') {
+          result = createStaticDecl(function (env) {
+            return env.link(value)
+          });
+        } else if (reglType === 'framebuffer' ||
+                   reglType === 'framebufferCube') {
+          check$1.command(value.color.length > 0,
+            'missing color attachment for framebuffer sent to uniform "' + name + '"', env.commandStr);
+          result = createStaticDecl(function (env) {
+            return env.link(value.color[0])
+          });
+        } else {
+          check$1.commandRaise('invalid data for uniform "' + name + '"', env.commandStr);
+        }
+      } else if (isArrayLike(value)) {
+        result = createStaticDecl(function (env) {
+          var ITEM = env.global.def('[',
+            loop(value.length, function (i) {
+              check$1.command(
+                typeof value[i] === 'number' ||
+                typeof value[i] === 'boolean',
+                'invalid uniform ' + name, env.commandStr);
+              return value[i]
+            }), ']');
+          return ITEM
+        });
+      } else {
+        check$1.commandRaise('invalid or missing data for uniform "' + name + '"', env.commandStr);
+      }
+      result.value = value;
+      UNIFORMS[name] = result;
+    });
+
+    Object.keys(dynamicUniforms).forEach(function (key) {
+      var dyn = dynamicUniforms[key];
+      UNIFORMS[key] = createDynamicDecl(dyn, function (env, scope) {
+        return env.invoke(scope, dyn)
+      });
+    });
+
+    return UNIFORMS
+  }
+
+  function parseAttributes (attributes, env) {
+    var staticAttributes = attributes.static;
+    var dynamicAttributes = attributes.dynamic;
+
+    var attributeDefs = {};
+
+    Object.keys(staticAttributes).forEach(function (attribute) {
+      var value = staticAttributes[attribute];
+      var id = stringStore.id(attribute);
+
+      var record = new AttributeRecord();
+      if (isBufferArgs(value)) {
+        record.state = ATTRIB_STATE_POINTER;
+        record.buffer = bufferState.getBuffer(
+          bufferState.create(value, GL_ARRAY_BUFFER$1, false, true));
+        record.type = 0;
+      } else {
+        var buffer = bufferState.getBuffer(value);
+        if (buffer) {
+          record.state = ATTRIB_STATE_POINTER;
+          record.buffer = buffer;
+          record.type = 0;
+        } else {
+          check$1.command(typeof value === 'object' && value,
+            'invalid data for attribute ' + attribute, env.commandStr);
+          if (value.constant) {
+            var constant = value.constant;
+            record.buffer = 'null';
+            record.state = ATTRIB_STATE_CONSTANT;
+            if (typeof constant === 'number') {
+              record.x = constant;
+            } else {
+              check$1.command(
+                isArrayLike(constant) &&
+                constant.length > 0 &&
+                constant.length <= 4,
+                'invalid constant for attribute ' + attribute, env.commandStr);
+              CUTE_COMPONENTS.forEach(function (c, i) {
+                if (i < constant.length) {
+                  record[c] = constant[i];
+                }
+              });
+            }
+          } else {
+            if (isBufferArgs(value.buffer)) {
+              buffer = bufferState.getBuffer(
+                bufferState.create(value.buffer, GL_ARRAY_BUFFER$1, false, true));
+            } else {
+              buffer = bufferState.getBuffer(value.buffer);
+            }
+            check$1.command(!!buffer, 'missing buffer for attribute "' + attribute + '"', env.commandStr);
+
+            var offset = value.offset | 0;
+            check$1.command(offset >= 0,
+              'invalid offset for attribute "' + attribute + '"', env.commandStr);
+
+            var stride = value.stride | 0;
+            check$1.command(stride >= 0 && stride < 256,
+              'invalid stride for attribute "' + attribute + '", must be integer betweeen [0, 255]', env.commandStr);
+
+            var size = value.size | 0;
+            check$1.command(!('size' in value) || (size > 0 && size <= 4),
+              'invalid size for attribute "' + attribute + '", must be 1,2,3,4', env.commandStr);
+
+            var normalized = !!value.normalized;
+
+            var type = 0;
+            if ('type' in value) {
+              check$1.commandParameter(
+                value.type, glTypes,
+                'invalid type for attribute ' + attribute, env.commandStr);
+              type = glTypes[value.type];
+            }
+
+            var divisor = value.divisor | 0;
+            if ('divisor' in value) {
+              check$1.command(divisor === 0 || extInstancing,
+                'cannot specify divisor for attribute "' + attribute + '", instancing not supported', env.commandStr);
+              check$1.command(divisor >= 0,
+                'invalid divisor for attribute "' + attribute + '"', env.commandStr);
+            }
+
+            check$1.optional(function () {
+              var command = env.commandStr;
+
+              var VALID_KEYS = [
+                'buffer',
+                'offset',
+                'divisor',
+                'normalized',
+                'type',
+                'size',
+                'stride'
+              ];
+
+              Object.keys(value).forEach(function (prop) {
+                check$1.command(
+                  VALID_KEYS.indexOf(prop) >= 0,
+                  'unknown parameter "' + prop + '" for attribute pointer "' + attribute + '" (valid parameters are ' + VALID_KEYS + ')',
+                  command);
+              });
+            });
+
+            record.buffer = buffer;
+            record.state = ATTRIB_STATE_POINTER;
+            record.size = size;
+            record.normalized = normalized;
+            record.type = type || buffer.dtype;
+            record.offset = offset;
+            record.stride = stride;
+            record.divisor = divisor;
+          }
+        }
+      }
+
+      attributeDefs[attribute] = createStaticDecl(function (env, scope) {
+        var cache = env.attribCache;
+        if (id in cache) {
+          return cache[id]
+        }
+        var result = {
+          isStream: false
+        };
+        Object.keys(record).forEach(function (key) {
+          result[key] = record[key];
+        });
+        if (record.buffer) {
+          result.buffer = env.link(record.buffer);
+          result.type = result.type || (result.buffer + '.dtype');
+        }
+        cache[id] = result;
+        return result
+      });
+    });
+
+    Object.keys(dynamicAttributes).forEach(function (attribute) {
+      var dyn = dynamicAttributes[attribute];
+
+      function appendAttributeCode (env, block) {
+        var VALUE = env.invoke(block, dyn);
+
+        var shared = env.shared;
+
+        var IS_BUFFER_ARGS = shared.isBufferArgs;
+        var BUFFER_STATE = shared.buffer;
+
+        // Perform validation on attribute
+        check$1.optional(function () {
+          env.assert(block,
+            VALUE + '&&(typeof ' + VALUE + '==="object"||typeof ' +
+            VALUE + '==="function")&&(' +
+            IS_BUFFER_ARGS + '(' + VALUE + ')||' +
+            BUFFER_STATE + '.getBuffer(' + VALUE + ')||' +
+            BUFFER_STATE + '.getBuffer(' + VALUE + '.buffer)||' +
+            IS_BUFFER_ARGS + '(' + VALUE + '.buffer)||' +
+            '("constant" in ' + VALUE +
+            '&&(typeof ' + VALUE + '.constant==="number"||' +
+            shared.isArrayLike + '(' + VALUE + '.constant))))',
+            'invalid dynamic attribute "' + attribute + '"');
+        });
+
+        // allocate names for result
+        var result = {
+          isStream: block.def(false)
+        };
+        var defaultRecord = new AttributeRecord();
+        defaultRecord.state = ATTRIB_STATE_POINTER;
+        Object.keys(defaultRecord).forEach(function (key) {
+          result[key] = block.def('' + defaultRecord[key]);
+        });
+
+        var BUFFER = result.buffer;
+        var TYPE = result.type;
+        block(
+          'if(', IS_BUFFER_ARGS, '(', VALUE, ')){',
+          result.isStream, '=true;',
+          BUFFER, '=', BUFFER_STATE, '.createStream(', GL_ARRAY_BUFFER$1, ',', VALUE, ');',
+          TYPE, '=', BUFFER, '.dtype;',
+          '}else{',
+          BUFFER, '=', BUFFER_STATE, '.getBuffer(', VALUE, ');',
+          'if(', BUFFER, '){',
+          TYPE, '=', BUFFER, '.dtype;',
+          '}else if("constant" in ', VALUE, '){',
+          result.state, '=', ATTRIB_STATE_CONSTANT, ';',
+          'if(typeof ' + VALUE + '.constant === "number"){',
+          result[CUTE_COMPONENTS[0]], '=', VALUE, '.constant;',
+          CUTE_COMPONENTS.slice(1).map(function (n) {
+            return result[n]
+          }).join('='), '=0;',
+          '}else{',
+          CUTE_COMPONENTS.map(function (name, i) {
+            return (
+              result[name] + '=' + VALUE + '.constant.length>=' + i +
+              '?' + VALUE + '.constant[' + i + ']:0;'
+            )
+          }).join(''),
+          '}}else{',
+          'if(', IS_BUFFER_ARGS, '(', VALUE, '.buffer)){',
+          BUFFER, '=', BUFFER_STATE, '.createStream(', GL_ARRAY_BUFFER$1, ',', VALUE, '.buffer);',
+          '}else{',
+          BUFFER, '=', BUFFER_STATE, '.getBuffer(', VALUE, '.buffer);',
+          '}',
+          TYPE, '="type" in ', VALUE, '?',
+          shared.glTypes, '[', VALUE, '.type]:', BUFFER, '.dtype;',
+          result.normalized, '=!!', VALUE, '.normalized;');
+        function emitReadRecord (name) {
+          block(result[name], '=', VALUE, '.', name, '|0;');
+        }
+        emitReadRecord('size');
+        emitReadRecord('offset');
+        emitReadRecord('stride');
+        emitReadRecord('divisor');
+
+        block('}}');
+
+        block.exit(
+          'if(', result.isStream, '){',
+          BUFFER_STATE, '.destroyStream(', BUFFER, ');',
+          '}');
+
+        return result
+      }
+
+      attributeDefs[attribute] = createDynamicDecl(dyn, appendAttributeCode);
+    });
+
+    return attributeDefs
+  }
+
+  function parseContext (context) {
+    var staticContext = context.static;
+    var dynamicContext = context.dynamic;
+    var result = {};
+
+    Object.keys(staticContext).forEach(function (name) {
+      var value = staticContext[name];
+      result[name] = createStaticDecl(function (env, scope) {
+        if (typeof value === 'number' || typeof value === 'boolean') {
+          return '' + value
+        } else {
+          return env.link(value)
+        }
+      });
+    });
+
+    Object.keys(dynamicContext).forEach(function (name) {
+      var dyn = dynamicContext[name];
+      result[name] = createDynamicDecl(dyn, function (env, scope) {
+        return env.invoke(scope, dyn)
+      });
+    });
+
+    return result
+  }
+
+  function parseArguments (options, attributes, uniforms, context, env) {
+    var staticOptions = options.static;
+    var dynamicOptions = options.dynamic;
+
+    check$1.optional(function () {
+      var KEY_NAMES = [
+        S_FRAMEBUFFER,
+        S_VERT,
+        S_FRAG,
+        S_ELEMENTS,
+        S_PRIMITIVE,
+        S_OFFSET,
+        S_COUNT,
+        S_INSTANCES,
+        S_PROFILE
+      ].concat(GL_STATE_NAMES);
+
+      function checkKeys (dict) {
+        Object.keys(dict).forEach(function (key) {
+          check$1.command(
+            KEY_NAMES.indexOf(key) >= 0,
+            'unknown parameter "' + key + '"',
+            env.commandStr);
+        });
+      }
+
+      checkKeys(staticOptions);
+      checkKeys(dynamicOptions);
+    });
+
+    var framebuffer = parseFramebuffer(options, env);
+    var viewportAndScissor = parseViewportScissor(options, framebuffer, env);
+    var draw = parseDraw(options, env);
+    var state = parseGLState(options, env);
+    var shader = parseProgram(options, env);
+
+    function copyBox (name) {
+      var defn = viewportAndScissor[name];
+      if (defn) {
+        state[name] = defn;
+      }
+    }
+    copyBox(S_VIEWPORT);
+    copyBox(propName(S_SCISSOR_BOX));
+
+    var dirty = Object.keys(state).length > 0;
+
+    var result = {
+      framebuffer: framebuffer,
+      draw: draw,
+      shader: shader,
+      state: state,
+      dirty: dirty
+    };
+
+    result.profile = parseProfile(options, env);
+    result.uniforms = parseUniforms(uniforms, env);
+    result.attributes = parseAttributes(attributes, env);
+    result.context = parseContext(context, env);
+    return result
+  }
+
+  // ===================================================
+  // ===================================================
+  // COMMON UPDATE FUNCTIONS
+  // ===================================================
+  // ===================================================
+  function emitContext (env, scope, context) {
+    var shared = env.shared;
+    var CONTEXT = shared.context;
+
+    var contextEnter = env.scope();
+
+    Object.keys(context).forEach(function (name) {
+      scope.save(CONTEXT, '.' + name);
+      var defn = context[name];
+      contextEnter(CONTEXT, '.', name, '=', defn.append(env, scope), ';');
+    });
+
+    scope(contextEnter);
+  }
+
+  // ===================================================
+  // ===================================================
+  // COMMON DRAWING FUNCTIONS
+  // ===================================================
+  // ===================================================
+  function emitPollFramebuffer (env, scope, framebuffer, skipCheck) {
+    var shared = env.shared;
+
+    var GL = shared.gl;
+    var FRAMEBUFFER_STATE = shared.framebuffer;
+    var EXT_DRAW_BUFFERS;
+    if (extDrawBuffers) {
+      EXT_DRAW_BUFFERS = scope.def(shared.extensions, '.webgl_draw_buffers');
+    }
+
+    var constants = env.constants;
+
+    var DRAW_BUFFERS = constants.drawBuffer;
+    var BACK_BUFFER = constants.backBuffer;
+
+    var NEXT;
+    if (framebuffer) {
+      NEXT = framebuffer.append(env, scope);
+    } else {
+      NEXT = scope.def(FRAMEBUFFER_STATE, '.next');
+    }
+
+    if (!skipCheck) {
+      scope('if(', NEXT, '!==', FRAMEBUFFER_STATE, '.cur){');
+    }
+    scope(
+      'if(', NEXT, '){',
+      GL, '.bindFramebuffer(', GL_FRAMEBUFFER$1, ',', NEXT, '.framebuffer);');
+    if (extDrawBuffers) {
+      scope(EXT_DRAW_BUFFERS, '.drawBuffersWEBGL(',
+        DRAW_BUFFERS, '[', NEXT, '.colorAttachments.length]);');
+    }
+    scope('}else{',
+      GL, '.bindFramebuffer(', GL_FRAMEBUFFER$1, ',null);');
+    if (extDrawBuffers) {
+      scope(EXT_DRAW_BUFFERS, '.drawBuffersWEBGL(', BACK_BUFFER, ');');
+    }
+    scope(
+      '}',
+      FRAMEBUFFER_STATE, '.cur=', NEXT, ';');
+    if (!skipCheck) {
+      scope('}');
+    }
+  }
+
+  function emitPollState (env, scope, args) {
+    var shared = env.shared;
+
+    var GL = shared.gl;
+
+    var CURRENT_VARS = env.current;
+    var NEXT_VARS = env.next;
+    var CURRENT_STATE = shared.current;
+    var NEXT_STATE = shared.next;
+
+    var block = env.cond(CURRENT_STATE, '.dirty');
+
+    GL_STATE_NAMES.forEach(function (prop) {
+      var param = propName(prop);
+      if (param in args.state) {
+        return
+      }
+
+      var NEXT, CURRENT;
+      if (param in NEXT_VARS) {
+        NEXT = NEXT_VARS[param];
+        CURRENT = CURRENT_VARS[param];
+        var parts = loop(currentState[param].length, function (i) {
+          return block.def(NEXT, '[', i, ']')
+        });
+        block(env.cond(parts.map(function (p, i) {
+          return p + '!==' + CURRENT + '[' + i + ']'
+        }).join('||'))
+          .then(
+            GL, '.', GL_VARIABLES[param], '(', parts, ');',
+            parts.map(function (p, i) {
+              return CURRENT + '[' + i + ']=' + p
+            }).join(';'), ';'));
+      } else {
+        NEXT = block.def(NEXT_STATE, '.', param);
+        var ifte = env.cond(NEXT, '!==', CURRENT_STATE, '.', param);
+        block(ifte);
+        if (param in GL_FLAGS) {
+          ifte(
+            env.cond(NEXT)
+                .then(GL, '.enable(', GL_FLAGS[param], ');')
+                .else(GL, '.disable(', GL_FLAGS[param], ');'),
+            CURRENT_STATE, '.', param, '=', NEXT, ';');
+        } else {
+          ifte(
+            GL, '.', GL_VARIABLES[param], '(', NEXT, ');',
+            CURRENT_STATE, '.', param, '=', NEXT, ';');
+        }
+      }
+    });
+    if (Object.keys(args.state).length === 0) {
+      block(CURRENT_STATE, '.dirty=false;');
+    }
+    scope(block);
+  }
+
+  function emitSetOptions (env, scope, options, filter) {
+    var shared = env.shared;
+    var CURRENT_VARS = env.current;
+    var CURRENT_STATE = shared.current;
+    var GL = shared.gl;
+    sortState(Object.keys(options)).forEach(function (param) {
+      var defn = options[param];
+      if (filter && !filter(defn)) {
+        return
+      }
+      var variable = defn.append(env, scope);
+      if (GL_FLAGS[param]) {
+        var flag = GL_FLAGS[param];
+        if (isStatic(defn)) {
+          if (variable) {
+            scope(GL, '.enable(', flag, ');');
+          } else {
+            scope(GL, '.disable(', flag, ');');
+          }
+        } else {
+          scope(env.cond(variable)
+            .then(GL, '.enable(', flag, ');')
+            .else(GL, '.disable(', flag, ');'));
+        }
+        scope(CURRENT_STATE, '.', param, '=', variable, ';');
+      } else if (isArrayLike(variable)) {
+        var CURRENT = CURRENT_VARS[param];
+        scope(
+          GL, '.', GL_VARIABLES[param], '(', variable, ');',
+          variable.map(function (v, i) {
+            return CURRENT + '[' + i + ']=' + v
+          }).join(';'), ';');
+      } else {
+        scope(
+          GL, '.', GL_VARIABLES[param], '(', variable, ');',
+          CURRENT_STATE, '.', param, '=', variable, ';');
+      }
+    });
+  }
+
+  function injectExtensions (env, scope) {
+    if (extInstancing) {
+      env.instancing = scope.def(
+        env.shared.extensions, '.angle_instanced_arrays');
+    }
+  }
+
+  function emitProfile (env, scope, args, useScope, incrementCounter) {
+    var shared = env.shared;
+    var STATS = env.stats;
+    var CURRENT_STATE = shared.current;
+    var TIMER = shared.timer;
+    var profileArg = args.profile;
+
+    function perfCounter () {
+      if (typeof performance === 'undefined') {
+        return 'Date.now()'
+      } else {
+        return 'performance.now()'
+      }
+    }
+
+    var CPU_START, QUERY_COUNTER;
+    function emitProfileStart (block) {
+      CPU_START = scope.def();
+      block(CPU_START, '=', perfCounter(), ';');
+      if (typeof incrementCounter === 'string') {
+        block(STATS, '.count+=', incrementCounter, ';');
+      } else {
+        block(STATS, '.count++;');
+      }
+      if (timer) {
+        if (useScope) {
+          QUERY_COUNTER = scope.def();
+          block(QUERY_COUNTER, '=', TIMER, '.getNumPendingQueries();');
+        } else {
+          block(TIMER, '.beginQuery(', STATS, ');');
+        }
+      }
+    }
+
+    function emitProfileEnd (block) {
+      block(STATS, '.cpuTime+=', perfCounter(), '-', CPU_START, ';');
+      if (timer) {
+        if (useScope) {
+          block(TIMER, '.pushScopeStats(',
+            QUERY_COUNTER, ',',
+            TIMER, '.getNumPendingQueries(),',
+            STATS, ');');
+        } else {
+          block(TIMER, '.endQuery();');
+        }
+      }
+    }
+
+    function scopeProfile (value) {
+      var prev = scope.def(CURRENT_STATE, '.profile');
+      scope(CURRENT_STATE, '.profile=', value, ';');
+      scope.exit(CURRENT_STATE, '.profile=', prev, ';');
+    }
+
+    var USE_PROFILE;
+    if (profileArg) {
+      if (isStatic(profileArg)) {
+        if (profileArg.enable) {
+          emitProfileStart(scope);
+          emitProfileEnd(scope.exit);
+          scopeProfile('true');
+        } else {
+          scopeProfile('false');
+        }
+        return
+      }
+      USE_PROFILE = profileArg.append(env, scope);
+      scopeProfile(USE_PROFILE);
+    } else {
+      USE_PROFILE = scope.def(CURRENT_STATE, '.profile');
+    }
+
+    var start = env.block();
+    emitProfileStart(start);
+    scope('if(', USE_PROFILE, '){', start, '}');
+    var end = env.block();
+    emitProfileEnd(end);
+    scope.exit('if(', USE_PROFILE, '){', end, '}');
+  }
+
+  function emitAttributes (env, scope, args, attributes, filter) {
+    var shared = env.shared;
+
+    function typeLength (x) {
+      switch (x) {
+        case GL_FLOAT_VEC2:
+        case GL_INT_VEC2:
+        case GL_BOOL_VEC2:
+          return 2
+        case GL_FLOAT_VEC3:
+        case GL_INT_VEC3:
+        case GL_BOOL_VEC3:
+          return 3
+        case GL_FLOAT_VEC4:
+        case GL_INT_VEC4:
+        case GL_BOOL_VEC4:
+          return 4
+        default:
+          return 1
+      }
+    }
+
+    function emitBindAttribute (ATTRIBUTE, size, record) {
+      var GL = shared.gl;
+
+      var LOCATION = scope.def(ATTRIBUTE, '.location');
+      var BINDING = scope.def(shared.attributes, '[', LOCATION, ']');
+
+      var STATE = record.state;
+      var BUFFER = record.buffer;
+      var CONST_COMPONENTS = [
+        record.x,
+        record.y,
+        record.z,
+        record.w
+      ];
+
+      var COMMON_KEYS = [
+        'buffer',
+        'normalized',
+        'offset',
+        'stride'
+      ];
+
+      function emitBuffer () {
+        scope(
+          'if(!', BINDING, '.buffer){',
+          GL, '.enableVertexAttribArray(', LOCATION, ');}');
+
+        var TYPE = record.type;
+        var SIZE;
+        if (!record.size) {
+          SIZE = size;
+        } else {
+          SIZE = scope.def(record.size, '||', size);
+        }
+
+        scope('if(',
+          BINDING, '.type!==', TYPE, '||',
+          BINDING, '.size!==', SIZE, '||',
+          COMMON_KEYS.map(function (key) {
+            return BINDING + '.' + key + '!==' + record[key]
+          }).join('||'),
+          '){',
+          GL, '.bindBuffer(', GL_ARRAY_BUFFER$1, ',', BUFFER, '.buffer);',
+          GL, '.vertexAttribPointer(', [
+            LOCATION,
+            SIZE,
+            TYPE,
+            record.normalized,
+            record.stride,
+            record.offset
+          ], ');',
+          BINDING, '.type=', TYPE, ';',
+          BINDING, '.size=', SIZE, ';',
+          COMMON_KEYS.map(function (key) {
+            return BINDING + '.' + key + '=' + record[key] + ';'
+          }).join(''),
+          '}');
+
+        if (extInstancing) {
+          var DIVISOR = record.divisor;
+          scope(
+            'if(', BINDING, '.divisor!==', DIVISOR, '){',
+            env.instancing, '.vertexAttribDivisorANGLE(', [LOCATION, DIVISOR], ');',
+            BINDING, '.divisor=', DIVISOR, ';}');
+        }
+      }
+
+      function emitConstant () {
+        scope(
+          'if(', BINDING, '.buffer){',
+          GL, '.disableVertexAttribArray(', LOCATION, ');',
+          '}if(', CUTE_COMPONENTS.map(function (c, i) {
+            return BINDING + '.' + c + '!==' + CONST_COMPONENTS[i]
+          }).join('||'), '){',
+          GL, '.vertexAttrib4f(', LOCATION, ',', CONST_COMPONENTS, ');',
+          CUTE_COMPONENTS.map(function (c, i) {
+            return BINDING + '.' + c + '=' + CONST_COMPONENTS[i] + ';'
+          }).join(''),
+          '}');
+      }
+
+      if (STATE === ATTRIB_STATE_POINTER) {
+        emitBuffer();
+      } else if (STATE === ATTRIB_STATE_CONSTANT) {
+        emitConstant();
+      } else {
+        scope('if(', STATE, '===', ATTRIB_STATE_POINTER, '){');
+        emitBuffer();
+        scope('}else{');
+        emitConstant();
+        scope('}');
+      }
+    }
+
+    attributes.forEach(function (attribute) {
+      var name = attribute.name;
+      var arg = args.attributes[name];
+      var record;
+      if (arg) {
+        if (!filter(arg)) {
+          return
+        }
+        record = arg.append(env, scope);
+      } else {
+        if (!filter(SCOPE_DECL)) {
+          return
+        }
+        var scopeAttrib = env.scopeAttrib(name);
+        check$1.optional(function () {
+          env.assert(scope,
+            scopeAttrib + '.state',
+            'missing attribute ' + name);
+        });
+        record = {};
+        Object.keys(new AttributeRecord()).forEach(function (key) {
+          record[key] = scope.def(scopeAttrib, '.', key);
+        });
+      }
+      emitBindAttribute(
+        env.link(attribute), typeLength(attribute.info.type), record);
+    });
+  }
+
+  function emitUniforms (env, scope, args, uniforms, filter) {
+    var shared = env.shared;
+    var GL = shared.gl;
+
+    var infix;
+    for (var i = 0; i < uniforms.length; ++i) {
+      var uniform = uniforms[i];
+      var name = uniform.name;
+      var type = uniform.info.type;
+      var arg = args.uniforms[name];
+      var UNIFORM = env.link(uniform);
+      var LOCATION = UNIFORM + '.location';
+
+      var VALUE;
+      if (arg) {
+        if (!filter(arg)) {
+          continue
+        }
+        if (isStatic(arg)) {
+          var value = arg.value;
+          check$1.command(
+            value !== null && typeof value !== 'undefined',
+            'missing uniform "' + name + '"', env.commandStr);
+          if (type === GL_SAMPLER_2D || type === GL_SAMPLER_CUBE) {
+            check$1.command(
+              typeof value === 'function' &&
+              ((type === GL_SAMPLER_2D &&
+                (value._reglType === 'texture2d' ||
+                value._reglType === 'framebuffer')) ||
+              (type === GL_SAMPLER_CUBE &&
+                (value._reglType === 'textureCube' ||
+                value._reglType === 'framebufferCube'))),
+              'invalid texture for uniform ' + name, env.commandStr);
+            var TEX_VALUE = env.link(value._texture || value.color[0]._texture);
+            scope(GL, '.uniform1i(', LOCATION, ',', TEX_VALUE + '.bind());');
+            scope.exit(TEX_VALUE, '.unbind();');
+          } else if (
+            type === GL_FLOAT_MAT2 ||
+            type === GL_FLOAT_MAT3 ||
+            type === GL_FLOAT_MAT4) {
+            check$1.optional(function () {
+              check$1.command(isArrayLike(value),
+                'invalid matrix for uniform ' + name, env.commandStr);
+              check$1.command(
+                (type === GL_FLOAT_MAT2 && value.length === 4) ||
+                (type === GL_FLOAT_MAT3 && value.length === 9) ||
+                (type === GL_FLOAT_MAT4 && value.length === 16),
+                'invalid length for matrix uniform ' + name, env.commandStr);
+            });
+            var MAT_VALUE = env.global.def('new Float32Array([' +
+              Array.prototype.slice.call(value) + '])');
+            var dim = 2;
+            if (type === GL_FLOAT_MAT3) {
+              dim = 3;
+            } else if (type === GL_FLOAT_MAT4) {
+              dim = 4;
+            }
+            scope(
+              GL, '.uniformMatrix', dim, 'fv(',
+              LOCATION, ',false,', MAT_VALUE, ');');
+          } else {
+            switch (type) {
+              case GL_FLOAT$7:
+                check$1.commandType(value, 'number', 'uniform ' + name, env.commandStr);
+                infix = '1f';
+                break
+              case GL_FLOAT_VEC2:
+                check$1.command(
+                  isArrayLike(value) && value.length === 2,
+                  'uniform ' + name, env.commandStr);
+                infix = '2f';
+                break
+              case GL_FLOAT_VEC3:
+                check$1.command(
+                  isArrayLike(value) && value.length === 3,
+                  'uniform ' + name, env.commandStr);
+                infix = '3f';
+                break
+              case GL_FLOAT_VEC4:
+                check$1.command(
+                  isArrayLike(value) && value.length === 4,
+                  'uniform ' + name, env.commandStr);
+                infix = '4f';
+                break
+              case GL_BOOL:
+                check$1.commandType(value, 'boolean', 'uniform ' + name, env.commandStr);
+                infix = '1i';
+                break
+              case GL_INT$3:
+                check$1.commandType(value, 'number', 'uniform ' + name, env.commandStr);
+                infix = '1i';
+                break
+              case GL_BOOL_VEC2:
+                check$1.command(
+                  isArrayLike(value) && value.length === 2,
+                  'uniform ' + name, env.commandStr);
+                infix = '2i';
+                break
+              case GL_INT_VEC2:
+                check$1.command(
+                  isArrayLike(value) && value.length === 2,
+                  'uniform ' + name, env.commandStr);
+                infix = '2i';
+                break
+              case GL_BOOL_VEC3:
+                check$1.command(
+                  isArrayLike(value) && value.length === 3,
+                  'uniform ' + name, env.commandStr);
+                infix = '3i';
+                break
+              case GL_INT_VEC3:
+                check$1.command(
+                  isArrayLike(value) && value.length === 3,
+                  'uniform ' + name, env.commandStr);
+                infix = '3i';
+                break
+              case GL_BOOL_VEC4:
+                check$1.command(
+                  isArrayLike(value) && value.length === 4,
+                  'uniform ' + name, env.commandStr);
+                infix = '4i';
+                break
+              case GL_INT_VEC4:
+                check$1.command(
+                  isArrayLike(value) && value.length === 4,
+                  'uniform ' + name, env.commandStr);
+                infix = '4i';
+                break
+            }
+            scope(GL, '.uniform', infix, '(', LOCATION, ',',
+              isArrayLike(value) ? Array.prototype.slice.call(value) : value,
+              ');');
+          }
+          continue
+        } else {
+          VALUE = arg.append(env, scope);
+        }
+      } else {
+        if (!filter(SCOPE_DECL)) {
+          continue
+        }
+        VALUE = scope.def(shared.uniforms, '[', stringStore.id(name), ']');
+      }
+
+      if (type === GL_SAMPLER_2D) {
+        scope(
+          'if(', VALUE, '&&', VALUE, '._reglType==="framebuffer"){',
+          VALUE, '=', VALUE, '.color[0];',
+          '}');
+      } else if (type === GL_SAMPLER_CUBE) {
+        scope(
+          'if(', VALUE, '&&', VALUE, '._reglType==="framebufferCube"){',
+          VALUE, '=', VALUE, '.color[0];',
+          '}');
+      }
+
+      // perform type validation
+      check$1.optional(function () {
+        function check (pred, message) {
+          env.assert(scope, pred,
+            'bad data or missing for uniform "' + name + '".  ' + message);
+        }
+
+        function checkType (type) {
+          check(
+            'typeof ' + VALUE + '==="' + type + '"',
+            'invalid type, expected ' + type);
+        }
+
+        function checkVector (n, type) {
+          check(
+            shared.isArrayLike + '(' + VALUE + ')&&' + VALUE + '.length===' + n,
+            'invalid vector, should have length ' + n, env.commandStr);
+        }
+
+        function checkTexture (target) {
+          check(
+            'typeof ' + VALUE + '==="function"&&' +
+            VALUE + '._reglType==="texture' +
+            (target === GL_TEXTURE_2D$2 ? '2d' : 'Cube') + '"',
+            'invalid texture type', env.commandStr);
+        }
+
+        switch (type) {
+          case GL_INT$3:
+            checkType('number');
+            break
+          case GL_INT_VEC2:
+            checkVector(2, 'number');
+            break
+          case GL_INT_VEC3:
+            checkVector(3, 'number');
+            break
+          case GL_INT_VEC4:
+            checkVector(4, 'number');
+            break
+          case GL_FLOAT$7:
+            checkType('number');
+            break
+          case GL_FLOAT_VEC2:
+            checkVector(2, 'number');
+            break
+          case GL_FLOAT_VEC3:
+            checkVector(3, 'number');
+            break
+          case GL_FLOAT_VEC4:
+            checkVector(4, 'number');
+            break
+          case GL_BOOL:
+            checkType('boolean');
+            break
+          case GL_BOOL_VEC2:
+            checkVector(2, 'boolean');
+            break
+          case GL_BOOL_VEC3:
+            checkVector(3, 'boolean');
+            break
+          case GL_BOOL_VEC4:
+            checkVector(4, 'boolean');
+            break
+          case GL_FLOAT_MAT2:
+            checkVector(4, 'number');
+            break
+          case GL_FLOAT_MAT3:
+            checkVector(9, 'number');
+            break
+          case GL_FLOAT_MAT4:
+            checkVector(16, 'number');
+            break
+          case GL_SAMPLER_2D:
+            checkTexture(GL_TEXTURE_2D$2);
+            break
+          case GL_SAMPLER_CUBE:
+            checkTexture(GL_TEXTURE_CUBE_MAP$1);
+            break
+        }
+      });
+
+      var unroll = 1;
+      switch (type) {
+        case GL_SAMPLER_2D:
+        case GL_SAMPLER_CUBE:
+          var TEX = scope.def(VALUE, '._texture');
+          scope(GL, '.uniform1i(', LOCATION, ',', TEX, '.bind());');
+          scope.exit(TEX, '.unbind();');
+          continue
+
+        case GL_INT$3:
+        case GL_BOOL:
+          infix = '1i';
+          break
+
+        case GL_INT_VEC2:
+        case GL_BOOL_VEC2:
+          infix = '2i';
+          unroll = 2;
+          break
+
+        case GL_INT_VEC3:
+        case GL_BOOL_VEC3:
+          infix = '3i';
+          unroll = 3;
+          break
+
+        case GL_INT_VEC4:
+        case GL_BOOL_VEC4:
+          infix = '4i';
+          unroll = 4;
+          break
+
+        case GL_FLOAT$7:
+          infix = '1f';
+          break
+
+        case GL_FLOAT_VEC2:
+          infix = '2f';
+          unroll = 2;
+          break
+
+        case GL_FLOAT_VEC3:
+          infix = '3f';
+          unroll = 3;
+          break
+
+        case GL_FLOAT_VEC4:
+          infix = '4f';
+          unroll = 4;
+          break
+
+        case GL_FLOAT_MAT2:
+          infix = 'Matrix2fv';
+          break
+
+        case GL_FLOAT_MAT3:
+          infix = 'Matrix3fv';
+          break
+
+        case GL_FLOAT_MAT4:
+          infix = 'Matrix4fv';
+          break
+      }
+
+      scope(GL, '.uniform', infix, '(', LOCATION, ',');
+      if (infix.charAt(0) === 'M') {
+        var matSize = Math.pow(type - GL_FLOAT_MAT2 + 2, 2);
+        var STORAGE = env.global.def('new Float32Array(', matSize, ')');
+        scope(
+          'false,(Array.isArray(', VALUE, ')||', VALUE, ' instanceof Float32Array)?', VALUE, ':(',
+          loop(matSize, function (i) {
+            return STORAGE + '[' + i + ']=' + VALUE + '[' + i + ']'
+          }), ',', STORAGE, ')');
+      } else if (unroll > 1) {
+        scope(loop(unroll, function (i) {
+          return VALUE + '[' + i + ']'
+        }));
+      } else {
+        scope(VALUE);
+      }
+      scope(');');
+    }
+  }
+
+  function emitDraw (env, outer, inner, args) {
+    var shared = env.shared;
+    var GL = shared.gl;
+    var DRAW_STATE = shared.draw;
+
+    var drawOptions = args.draw;
+
+    function emitElements () {
+      var defn = drawOptions.elements;
+      var ELEMENTS;
+      var scope = outer;
+      if (defn) {
+        if ((defn.contextDep && args.contextDynamic) || defn.propDep) {
+          scope = inner;
+        }
+        ELEMENTS = defn.append(env, scope);
+      } else {
+        ELEMENTS = scope.def(DRAW_STATE, '.', S_ELEMENTS);
+      }
+      if (ELEMENTS) {
+        scope(
+          'if(' + ELEMENTS + ')' +
+          GL + '.bindBuffer(' + GL_ELEMENT_ARRAY_BUFFER$1 + ',' + ELEMENTS + '.buffer.buffer);');
+      }
+      return ELEMENTS
+    }
+
+    function emitCount () {
+      var defn = drawOptions.count;
+      var COUNT;
+      var scope = outer;
+      if (defn) {
+        if ((defn.contextDep && args.contextDynamic) || defn.propDep) {
+          scope = inner;
+        }
+        COUNT = defn.append(env, scope);
+        check$1.optional(function () {
+          if (defn.MISSING) {
+            env.assert(outer, 'false', 'missing vertex count');
+          }
+          if (defn.DYNAMIC) {
+            env.assert(scope, COUNT + '>=0', 'missing vertex count');
+          }
+        });
+      } else {
+        COUNT = scope.def(DRAW_STATE, '.', S_COUNT);
+        check$1.optional(function () {
+          env.assert(scope, COUNT + '>=0', 'missing vertex count');
+        });
+      }
+      return COUNT
+    }
+
+    var ELEMENTS = emitElements();
+    function emitValue (name) {
+      var defn = drawOptions[name];
+      if (defn) {
+        if ((defn.contextDep && args.contextDynamic) || defn.propDep) {
+          return defn.append(env, inner)
+        } else {
+          return defn.append(env, outer)
+        }
+      } else {
+        return outer.def(DRAW_STATE, '.', name)
+      }
+    }
+
+    var PRIMITIVE = emitValue(S_PRIMITIVE);
+    var OFFSET = emitValue(S_OFFSET);
+
+    var COUNT = emitCount();
+    if (typeof COUNT === 'number') {
+      if (COUNT === 0) {
+        return
+      }
+    } else {
+      inner('if(', COUNT, '){');
+      inner.exit('}');
+    }
+
+    var INSTANCES, EXT_INSTANCING;
+    if (extInstancing) {
+      INSTANCES = emitValue(S_INSTANCES);
+      EXT_INSTANCING = env.instancing;
+    }
+
+    var ELEMENT_TYPE = ELEMENTS + '.type';
+
+    var elementsStatic = drawOptions.elements && isStatic(drawOptions.elements);
+
+    function emitInstancing () {
+      function drawElements () {
+        inner(EXT_INSTANCING, '.drawElementsInstancedANGLE(', [
+          PRIMITIVE,
+          COUNT,
+          ELEMENT_TYPE,
+          OFFSET + '<<((' + ELEMENT_TYPE + '-' + GL_UNSIGNED_BYTE$7 + ')>>1)',
+          INSTANCES
+        ], ');');
+      }
+
+      function drawArrays () {
+        inner(EXT_INSTANCING, '.drawArraysInstancedANGLE(',
+          [PRIMITIVE, OFFSET, COUNT, INSTANCES], ');');
+      }
+
+      if (ELEMENTS) {
+        if (!elementsStatic) {
+          inner('if(', ELEMENTS, '){');
+          drawElements();
+          inner('}else{');
+          drawArrays();
+          inner('}');
+        } else {
+          drawElements();
+        }
+      } else {
+        drawArrays();
+      }
+    }
+
+    function emitRegular () {
+      function drawElements () {
+        inner(GL + '.drawElements(' + [
+          PRIMITIVE,
+          COUNT,
+          ELEMENT_TYPE,
+          OFFSET + '<<((' + ELEMENT_TYPE + '-' + GL_UNSIGNED_BYTE$7 + ')>>1)'
+        ] + ');');
+      }
+
+      function drawArrays () {
+        inner(GL + '.drawArrays(' + [PRIMITIVE, OFFSET, COUNT] + ');');
+      }
+
+      if (ELEMENTS) {
+        if (!elementsStatic) {
+          inner('if(', ELEMENTS, '){');
+          drawElements();
+          inner('}else{');
+          drawArrays();
+          inner('}');
+        } else {
+          drawElements();
+        }
+      } else {
+        drawArrays();
+      }
+    }
+
+    if (extInstancing && (typeof INSTANCES !== 'number' || INSTANCES >= 0)) {
+      if (typeof INSTANCES === 'string') {
+        inner('if(', INSTANCES, '>0){');
+        emitInstancing();
+        inner('}else if(', INSTANCES, '<0){');
+        emitRegular();
+        inner('}');
+      } else {
+        emitInstancing();
+      }
+    } else {
+      emitRegular();
+    }
+  }
+
+  function createBody (emitBody, parentEnv, args, program, count) {
+    var env = createREGLEnvironment();
+    var scope = env.proc('body', count);
+    check$1.optional(function () {
+      env.commandStr = parentEnv.commandStr;
+      env.command = env.link(parentEnv.commandStr);
+    });
+    if (extInstancing) {
+      env.instancing = scope.def(
+        env.shared.extensions, '.angle_instanced_arrays');
+    }
+    emitBody(env, scope, args, program);
+    return env.compile().body
+  }
+
+  // ===================================================
+  // ===================================================
+  // DRAW PROC
+  // ===================================================
+  // ===================================================
+  function emitDrawBody (env, draw, args, program) {
+    injectExtensions(env, draw);
+    emitAttributes(env, draw, args, program.attributes, function () {
+      return true
+    });
+    emitUniforms(env, draw, args, program.uniforms, function () {
+      return true
+    });
+    emitDraw(env, draw, draw, args);
+  }
+
+  function emitDrawProc (env, args) {
+    var draw = env.proc('draw', 1);
+
+    injectExtensions(env, draw);
+
+    emitContext(env, draw, args.context);
+    emitPollFramebuffer(env, draw, args.framebuffer);
+
+    emitPollState(env, draw, args);
+    emitSetOptions(env, draw, args.state);
+
+    emitProfile(env, draw, args, false, true);
+
+    var program = args.shader.progVar.append(env, draw);
+    draw(env.shared.gl, '.useProgram(', program, '.program);');
+
+    if (args.shader.program) {
+      emitDrawBody(env, draw, args, args.shader.program);
+    } else {
+      var drawCache = env.global.def('{}');
+      var PROG_ID = draw.def(program, '.id');
+      var CACHED_PROC = draw.def(drawCache, '[', PROG_ID, ']');
+      draw(
+        env.cond(CACHED_PROC)
+          .then(CACHED_PROC, '.call(this,a0);')
+          .else(
+            CACHED_PROC, '=', drawCache, '[', PROG_ID, ']=',
+            env.link(function (program) {
+              return createBody(emitDrawBody, env, args, program, 1)
+            }), '(', program, ');',
+            CACHED_PROC, '.call(this,a0);'));
+    }
+
+    if (Object.keys(args.state).length > 0) {
+      draw(env.shared.current, '.dirty=true;');
+    }
+  }
+
+  // ===================================================
+  // ===================================================
+  // BATCH PROC
+  // ===================================================
+  // ===================================================
+
+  function emitBatchDynamicShaderBody (env, scope, args, program) {
+    env.batchId = 'a1';
+
+    injectExtensions(env, scope);
+
+    function all () {
+      return true
+    }
+
+    emitAttributes(env, scope, args, program.attributes, all);
+    emitUniforms(env, scope, args, program.uniforms, all);
+    emitDraw(env, scope, scope, args);
+  }
+
+  function emitBatchBody (env, scope, args, program) {
+    injectExtensions(env, scope);
+
+    var contextDynamic = args.contextDep;
+
+    var BATCH_ID = scope.def();
+    var PROP_LIST = 'a0';
+    var NUM_PROPS = 'a1';
+    var PROPS = scope.def();
+    env.shared.props = PROPS;
+    env.batchId = BATCH_ID;
+
+    var outer = env.scope();
+    var inner = env.scope();
+
+    scope(
+      outer.entry,
+      'for(', BATCH_ID, '=0;', BATCH_ID, '<', NUM_PROPS, ';++', BATCH_ID, '){',
+      PROPS, '=', PROP_LIST, '[', BATCH_ID, '];',
+      inner,
+      '}',
+      outer.exit);
+
+    function isInnerDefn (defn) {
+      return ((defn.contextDep && contextDynamic) || defn.propDep)
+    }
+
+    function isOuterDefn (defn) {
+      return !isInnerDefn(defn)
+    }
+
+    if (args.needsContext) {
+      emitContext(env, inner, args.context);
+    }
+    if (args.needsFramebuffer) {
+      emitPollFramebuffer(env, inner, args.framebuffer);
+    }
+    emitSetOptions(env, inner, args.state, isInnerDefn);
+
+    if (args.profile && isInnerDefn(args.profile)) {
+      emitProfile(env, inner, args, false, true);
+    }
+
+    if (!program) {
+      var progCache = env.global.def('{}');
+      var PROGRAM = args.shader.progVar.append(env, inner);
+      var PROG_ID = inner.def(PROGRAM, '.id');
+      var CACHED_PROC = inner.def(progCache, '[', PROG_ID, ']');
+      inner(
+        env.shared.gl, '.useProgram(', PROGRAM, '.program);',
+        'if(!', CACHED_PROC, '){',
+        CACHED_PROC, '=', progCache, '[', PROG_ID, ']=',
+        env.link(function (program) {
+          return createBody(
+            emitBatchDynamicShaderBody, env, args, program, 2)
+        }), '(', PROGRAM, ');}',
+        CACHED_PROC, '.call(this,a0[', BATCH_ID, '],', BATCH_ID, ');');
+    } else {
+      emitAttributes(env, outer, args, program.attributes, isOuterDefn);
+      emitAttributes(env, inner, args, program.attributes, isInnerDefn);
+      emitUniforms(env, outer, args, program.uniforms, isOuterDefn);
+      emitUniforms(env, inner, args, program.uniforms, isInnerDefn);
+      emitDraw(env, outer, inner, args);
+    }
+  }
+
+  function emitBatchProc (env, args) {
+    var batch = env.proc('batch', 2);
+    env.batchId = '0';
+
+    injectExtensions(env, batch);
+
+    // Check if any context variables depend on props
+    var contextDynamic = false;
+    var needsContext = true;
+    Object.keys(args.context).forEach(function (name) {
+      contextDynamic = contextDynamic || args.context[name].propDep;
+    });
+    if (!contextDynamic) {
+      emitContext(env, batch, args.context);
+      needsContext = false;
+    }
+
+    // framebuffer state affects framebufferWidth/height context vars
+    var framebuffer = args.framebuffer;
+    var needsFramebuffer = false;
+    if (framebuffer) {
+      if (framebuffer.propDep) {
+        contextDynamic = needsFramebuffer = true;
+      } else if (framebuffer.contextDep && contextDynamic) {
+        needsFramebuffer = true;
+      }
+      if (!needsFramebuffer) {
+        emitPollFramebuffer(env, batch, framebuffer);
+      }
+    } else {
+      emitPollFramebuffer(env, batch, null);
+    }
+
+    // viewport is weird because it can affect context vars
+    if (args.state.viewport && args.state.viewport.propDep) {
+      contextDynamic = true;
+    }
+
+    function isInnerDefn (defn) {
+      return (defn.contextDep && contextDynamic) || defn.propDep
+    }
+
+    // set webgl options
+    emitPollState(env, batch, args);
+    emitSetOptions(env, batch, args.state, function (defn) {
+      return !isInnerDefn(defn)
+    });
+
+    if (!args.profile || !isInnerDefn(args.profile)) {
+      emitProfile(env, batch, args, false, 'a1');
+    }
+
+    // Save these values to args so that the batch body routine can use them
+    args.contextDep = contextDynamic;
+    args.needsContext = needsContext;
+    args.needsFramebuffer = needsFramebuffer;
+
+    // determine if shader is dynamic
+    var progDefn = args.shader.progVar;
+    if ((progDefn.contextDep && contextDynamic) || progDefn.propDep) {
+      emitBatchBody(
+        env,
+        batch,
+        args,
+        null);
+    } else {
+      var PROGRAM = progDefn.append(env, batch);
+      batch(env.shared.gl, '.useProgram(', PROGRAM, '.program);');
+      if (args.shader.program) {
+        emitBatchBody(
+          env,
+          batch,
+          args,
+          args.shader.program);
+      } else {
+        var batchCache = env.global.def('{}');
+        var PROG_ID = batch.def(PROGRAM, '.id');
+        var CACHED_PROC = batch.def(batchCache, '[', PROG_ID, ']');
+        batch(
+          env.cond(CACHED_PROC)
+            .then(CACHED_PROC, '.call(this,a0,a1);')
+            .else(
+              CACHED_PROC, '=', batchCache, '[', PROG_ID, ']=',
+              env.link(function (program) {
+                return createBody(emitBatchBody, env, args, program, 2)
+              }), '(', PROGRAM, ');',
+              CACHED_PROC, '.call(this,a0,a1);'));
+      }
+    }
+
+    if (Object.keys(args.state).length > 0) {
+      batch(env.shared.current, '.dirty=true;');
+    }
+  }
+
+  // ===================================================
+  // ===================================================
+  // SCOPE COMMAND
+  // ===================================================
+  // ===================================================
+  function emitScopeProc (env, args) {
+    var scope = env.proc('scope', 3);
+    env.batchId = 'a2';
+
+    var shared = env.shared;
+    var CURRENT_STATE = shared.current;
+
+    emitContext(env, scope, args.context);
+
+    if (args.framebuffer) {
+      args.framebuffer.append(env, scope);
+    }
+
+    sortState(Object.keys(args.state)).forEach(function (name) {
+      var defn = args.state[name];
+      var value = defn.append(env, scope);
+      if (isArrayLike(value)) {
+        value.forEach(function (v, i) {
+          scope.set(env.next[name], '[' + i + ']', v);
+        });
+      } else {
+        scope.set(shared.next, '.' + name, value);
+      }
+    });
+
+    emitProfile(env, scope, args, true, true)
+
+    ;[S_ELEMENTS, S_OFFSET, S_COUNT, S_INSTANCES, S_PRIMITIVE].forEach(
+      function (opt) {
+        var variable = args.draw[opt];
+        if (!variable) {
+          return
+        }
+        scope.set(shared.draw, '.' + opt, '' + variable.append(env, scope));
+      });
+
+    Object.keys(args.uniforms).forEach(function (opt) {
+      scope.set(
+        shared.uniforms,
+        '[' + stringStore.id(opt) + ']',
+        args.uniforms[opt].append(env, scope));
+    });
+
+    Object.keys(args.attributes).forEach(function (name) {
+      var record = args.attributes[name].append(env, scope);
+      var scopeAttrib = env.scopeAttrib(name);
+      Object.keys(new AttributeRecord()).forEach(function (prop) {
+        scope.set(scopeAttrib, '.' + prop, record[prop]);
+      });
+    });
+
+    function saveShader (name) {
+      var shader = args.shader[name];
+      if (shader) {
+        scope.set(shared.shader, '.' + name, shader.append(env, scope));
+      }
+    }
+    saveShader(S_VERT);
+    saveShader(S_FRAG);
+
+    if (Object.keys(args.state).length > 0) {
+      scope(CURRENT_STATE, '.dirty=true;');
+      scope.exit(CURRENT_STATE, '.dirty=true;');
+    }
+
+    scope('a1(', env.shared.context, ',a0,', env.batchId, ');');
+  }
+
+  function isDynamicObject (object) {
+    if (typeof object !== 'object' || isArrayLike(object)) {
+      return
+    }
+    var props = Object.keys(object);
+    for (var i = 0; i < props.length; ++i) {
+      if (dynamic.isDynamic(object[props[i]])) {
+        return true
+      }
+    }
+    return false
+  }
+
+  function splatObject (env, options, name) {
+    var object = options.static[name];
+    if (!object || !isDynamicObject(object)) {
+      return
+    }
+
+    var globals = env.global;
+    var keys = Object.keys(object);
+    var thisDep = false;
+    var contextDep = false;
+    var propDep = false;
+    var objectRef = env.global.def('{}');
+    keys.forEach(function (key) {
+      var value = object[key];
+      if (dynamic.isDynamic(value)) {
+        if (typeof value === 'function') {
+          value = object[key] = dynamic.unbox(value);
+        }
+        var deps = createDynamicDecl(value, null);
+        thisDep = thisDep || deps.thisDep;
+        propDep = propDep || deps.propDep;
+        contextDep = contextDep || deps.contextDep;
+      } else {
+        globals(objectRef, '.', key, '=');
+        switch (typeof value) {
+          case 'number':
+            globals(value);
+            break
+          case 'string':
+            globals('"', value, '"');
+            break
+          case 'object':
+            if (Array.isArray(value)) {
+              globals('[', value.join(), ']');
+            }
+            break
+          default:
+            globals(env.link(value));
+            break
+        }
+        globals(';');
+      }
+    });
+
+    function appendBlock (env, block) {
+      keys.forEach(function (key) {
+        var value = object[key];
+        if (!dynamic.isDynamic(value)) {
+          return
+        }
+        var ref = env.invoke(block, value);
+        block(objectRef, '.', key, '=', ref, ';');
+      });
+    }
+
+    options.dynamic[name] = new dynamic.DynamicVariable(DYN_THUNK, {
+      thisDep: thisDep,
+      contextDep: contextDep,
+      propDep: propDep,
+      ref: objectRef,
+      append: appendBlock
+    });
+    delete options.static[name];
+  }
+
+  // ===========================================================================
+  // ===========================================================================
+  // MAIN DRAW COMMAND
+  // ===========================================================================
+  // ===========================================================================
+  function compileCommand (options, attributes, uniforms, context, stats) {
+    var env = createREGLEnvironment();
+
+    // link stats, so that we can easily access it in the program.
+    env.stats = env.link(stats);
+
+    // splat options and attributes to allow for dynamic nested properties
+    Object.keys(attributes.static).forEach(function (key) {
+      splatObject(env, attributes, key);
+    });
+    NESTED_OPTIONS.forEach(function (name) {
+      splatObject(env, options, name);
+    });
+
+    var args = parseArguments(options, attributes, uniforms, context, env);
+
+    emitDrawProc(env, args);
+    emitScopeProc(env, args);
+    emitBatchProc(env, args);
+
+    return env.compile()
+  }
+
+  // ===========================================================================
+  // ===========================================================================
+  // POLL / REFRESH
+  // ===========================================================================
+  // ===========================================================================
+  return {
+    next: nextState,
+    current: currentState,
+    procs: (function () {
+      var env = createREGLEnvironment();
+      var poll = env.proc('poll');
+      var refresh = env.proc('refresh');
+      var common = env.block();
+      poll(common);
+      refresh(common);
+
+      var shared = env.shared;
+      var GL = shared.gl;
+      var NEXT_STATE = shared.next;
+      var CURRENT_STATE = shared.current;
+
+      common(CURRENT_STATE, '.dirty=false;');
+
+      emitPollFramebuffer(env, poll);
+      emitPollFramebuffer(env, refresh, null, true);
+
+      // Refresh updates all attribute state changes
+      var extInstancing = gl.getExtension('angle_instanced_arrays');
+      var INSTANCING;
+      if (extInstancing) {
+        INSTANCING = env.link(extInstancing);
+      }
+      for (var i = 0; i < limits.maxAttributes; ++i) {
+        var BINDING = refresh.def(shared.attributes, '[', i, ']');
+        var ifte = env.cond(BINDING, '.buffer');
+        ifte.then(
+          GL, '.enableVertexAttribArray(', i, ');',
+          GL, '.bindBuffer(',
+            GL_ARRAY_BUFFER$1, ',',
+            BINDING, '.buffer.buffer);',
+          GL, '.vertexAttribPointer(',
+            i, ',',
+            BINDING, '.size,',
+            BINDING, '.type,',
+            BINDING, '.normalized,',
+            BINDING, '.stride,',
+            BINDING, '.offset);'
+        ).else(
+          GL, '.disableVertexAttribArray(', i, ');',
+          GL, '.vertexAttrib4f(',
+            i, ',',
+            BINDING, '.x,',
+            BINDING, '.y,',
+            BINDING, '.z,',
+            BINDING, '.w);',
+          BINDING, '.buffer=null;');
+        refresh(ifte);
+        if (extInstancing) {
+          refresh(
+            INSTANCING, '.vertexAttribDivisorANGLE(',
+            i, ',',
+            BINDING, '.divisor);');
+        }
+      }
+
+      Object.keys(GL_FLAGS).forEach(function (flag) {
+        var cap = GL_FLAGS[flag];
+        var NEXT = common.def(NEXT_STATE, '.', flag);
+        var block = env.block();
+        block('if(', NEXT, '){',
+          GL, '.enable(', cap, ')}else{',
+          GL, '.disable(', cap, ')}',
+          CURRENT_STATE, '.', flag, '=', NEXT, ';');
+        refresh(block);
+        poll(
+          'if(', NEXT, '!==', CURRENT_STATE, '.', flag, '){',
+          block,
+          '}');
+      });
+
+      Object.keys(GL_VARIABLES).forEach(function (name) {
+        var func = GL_VARIABLES[name];
+        var init = currentState[name];
+        var NEXT, CURRENT;
+        var block = env.block();
+        block(GL, '.', func, '(');
+        if (isArrayLike(init)) {
+          var n = init.length;
+          NEXT = env.global.def(NEXT_STATE, '.', name);
+          CURRENT = env.global.def(CURRENT_STATE, '.', name);
+          block(
+            loop(n, function (i) {
+              return NEXT + '[' + i + ']'
+            }), ');',
+            loop(n, function (i) {
+              return CURRENT + '[' + i + ']=' + NEXT + '[' + i + '];'
+            }).join(''));
+          poll(
+            'if(', loop(n, function (i) {
+              return NEXT + '[' + i + ']!==' + CURRENT + '[' + i + ']'
+            }).join('||'), '){',
+            block,
+            '}');
+        } else {
+          NEXT = common.def(NEXT_STATE, '.', name);
+          CURRENT = common.def(CURRENT_STATE, '.', name);
+          block(
+            NEXT, ');',
+            CURRENT_STATE, '.', name, '=', NEXT, ';');
+          poll(
+            'if(', NEXT, '!==', CURRENT, '){',
+            block,
+            '}');
+        }
+        refresh(block);
+      });
+
+      return env.compile()
+    })(),
+    compile: compileCommand
+  }
+}
+
+function stats () {
+  return {
+    bufferCount: 0,
+    elementsCount: 0,
+    framebufferCount: 0,
+    shaderCount: 0,
+    textureCount: 0,
+    cubeCount: 0,
+    renderbufferCount: 0,
+
+    maxTextureUnits: 0
+  }
+}
+
+var GL_QUERY_RESULT_EXT = 0x8866;
+var GL_QUERY_RESULT_AVAILABLE_EXT = 0x8867;
+var GL_TIME_ELAPSED_EXT = 0x88BF;
+
+var createTimer = function (gl, extensions) {
+  var extTimer = extensions.ext_disjoint_timer_query;
+
+  if (!extTimer) {
+    return null
+  }
+
+  // QUERY POOL BEGIN
+  var queryPool = [];
+  function allocQuery () {
+    return queryPool.pop() || extTimer.createQueryEXT()
+  }
+  function freeQuery (query) {
+    queryPool.push(query);
+  }
+  // QUERY POOL END
+
+  var pendingQueries = [];
+  function beginQuery (stats) {
+    var query = allocQuery();
+    extTimer.beginQueryEXT(GL_TIME_ELAPSED_EXT, query);
+    pendingQueries.push(query);
+    pushScopeStats(pendingQueries.length - 1, pendingQueries.length, stats);
+  }
+
+  function endQuery () {
+    extTimer.endQueryEXT(GL_TIME_ELAPSED_EXT);
+  }
+
+  //
+  // Pending stats pool.
+  //
+  function PendingStats () {
+    this.startQueryIndex = -1;
+    this.endQueryIndex = -1;
+    this.sum = 0;
+    this.stats = null;
+  }
+  var pendingStatsPool = [];
+  function allocPendingStats () {
+    return pendingStatsPool.pop() || new PendingStats()
+  }
+  function freePendingStats (pendingStats) {
+    pendingStatsPool.push(pendingStats);
+  }
+  // Pending stats pool end
+
+  var pendingStats = [];
+  function pushScopeStats (start, end, stats) {
+    var ps = allocPendingStats();
+    ps.startQueryIndex = start;
+    ps.endQueryIndex = end;
+    ps.sum = 0;
+    ps.stats = stats;
+    pendingStats.push(ps);
+  }
+
+  // we should call this at the beginning of the frame,
+  // in order to update gpuTime
+  var timeSum = [];
+  var queryPtr = [];
+  function update () {
+    var ptr, i;
+
+    var n = pendingQueries.length;
+    if (n === 0) {
+      return
+    }
+
+    // Reserve space
+    queryPtr.length = Math.max(queryPtr.length, n + 1);
+    timeSum.length = Math.max(timeSum.length, n + 1);
+    timeSum[0] = 0;
+    queryPtr[0] = 0;
+
+    // Update all pending timer queries
+    var queryTime = 0;
+    ptr = 0;
+    for (i = 0; i < pendingQueries.length; ++i) {
+      var query = pendingQueries[i];
+      if (extTimer.getQueryObjectEXT(query, GL_QUERY_RESULT_AVAILABLE_EXT)) {
+        queryTime += extTimer.getQueryObjectEXT(query, GL_QUERY_RESULT_EXT);
+        freeQuery(query);
+      } else {
+        pendingQueries[ptr++] = query;
+      }
+      timeSum[i + 1] = queryTime;
+      queryPtr[i + 1] = ptr;
+    }
+    pendingQueries.length = ptr;
+
+    // Update all pending stat queries
+    ptr = 0;
+    for (i = 0; i < pendingStats.length; ++i) {
+      var stats = pendingStats[i];
+      var start = stats.startQueryIndex;
+      var end = stats.endQueryIndex;
+      stats.sum += timeSum[end] - timeSum[start];
+      var startPtr = queryPtr[start];
+      var endPtr = queryPtr[end];
+      if (endPtr === startPtr) {
+        stats.stats.gpuTime += stats.sum / 1e6;
+        freePendingStats(stats);
+      } else {
+        stats.startQueryIndex = startPtr;
+        stats.endQueryIndex = endPtr;
+        pendingStats[ptr++] = stats;
+      }
+    }
+    pendingStats.length = ptr;
+  }
+
+  return {
+    beginQuery: beginQuery,
+    endQuery: endQuery,
+    pushScopeStats: pushScopeStats,
+    update: update,
+    getNumPendingQueries: function () {
+      return pendingQueries.length
+    },
+    clear: function () {
+      queryPool.push.apply(queryPool, pendingQueries);
+      for (var i = 0; i < queryPool.length; i++) {
+        extTimer.deleteQueryEXT(queryPool[i]);
+      }
+      pendingQueries.length = 0;
+      queryPool.length = 0;
+    },
+    restore: function () {
+      pendingQueries.length = 0;
+      queryPool.length = 0;
+    }
+  }
+};
+
+var GL_COLOR_BUFFER_BIT = 16384;
+var GL_DEPTH_BUFFER_BIT = 256;
+var GL_STENCIL_BUFFER_BIT = 1024;
+
+var GL_ARRAY_BUFFER = 34962;
+
+var CONTEXT_LOST_EVENT = 'webglcontextlost';
+var CONTEXT_RESTORED_EVENT = 'webglcontextrestored';
+
+var DYN_PROP = 1;
+var DYN_CONTEXT = 2;
+var DYN_STATE = 3;
+
+function find (haystack, needle) {
+  for (var i = 0; i < haystack.length; ++i) {
+    if (haystack[i] === needle) {
+      return i
+    }
+  }
+  return -1
+}
+
+function wrapREGL (args) {
+  var config = parseArgs(args);
+  if (!config) {
+    return null
+  }
+
+  var gl = config.gl;
+  var glAttributes = gl.getContextAttributes();
+  var contextLost = gl.isContextLost();
+
+  var extensionState = createExtensionCache(gl, config);
+  if (!extensionState) {
+    return null
+  }
+
+  var stringStore = createStringStore();
+  var stats$$1 = stats();
+  var extensions = extensionState.extensions;
+  var timer = createTimer(gl, extensions);
+
+  var START_TIME = clock();
+  var WIDTH = gl.drawingBufferWidth;
+  var HEIGHT = gl.drawingBufferHeight;
+
+  var contextState = {
+    tick: 0,
+    time: 0,
+    viewportWidth: WIDTH,
+    viewportHeight: HEIGHT,
+    framebufferWidth: WIDTH,
+    framebufferHeight: HEIGHT,
+    drawingBufferWidth: WIDTH,
+    drawingBufferHeight: HEIGHT,
+    pixelRatio: config.pixelRatio
+  };
+  var uniformState = {};
+  var drawState = {
+    elements: null,
+    primitive: 4, // GL_TRIANGLES
+    count: -1,
+    offset: 0,
+    instances: -1
+  };
+
+  var limits = wrapLimits(gl, extensions);
+  var bufferState = wrapBufferState(gl, stats$$1, config);
+  var elementState = wrapElementsState(gl, extensions, bufferState, stats$$1);
+  var attributeState = wrapAttributeState(
+    gl,
+    extensions,
+    limits,
+    bufferState,
+    stringStore);
+  var shaderState = wrapShaderState(gl, stringStore, stats$$1, config);
+  var textureState = createTextureSet(
+    gl,
+    extensions,
+    limits,
+    function () { core.procs.poll(); },
+    contextState,
+    stats$$1,
+    config);
+  var renderbufferState = wrapRenderbuffers(gl, extensions, limits, stats$$1, config);
+  var framebufferState = wrapFBOState(
+    gl,
+    extensions,
+    limits,
+    textureState,
+    renderbufferState,
+    stats$$1);
+  var core = reglCore(
+    gl,
+    stringStore,
+    extensions,
+    limits,
+    bufferState,
+    elementState,
+    textureState,
+    framebufferState,
+    uniformState,
+    attributeState,
+    shaderState,
+    drawState,
+    contextState,
+    timer,
+    config);
+  var readPixels = wrapReadPixels(
+    gl,
+    framebufferState,
+    core.procs.poll,
+    contextState,
+    glAttributes, extensions);
+
+  var nextState = core.next;
+  var canvas = gl.canvas;
+
+  var rafCallbacks = [];
+  var lossCallbacks = [];
+  var restoreCallbacks = [];
+  var destroyCallbacks = [config.onDestroy];
+
+  var activeRAF = null;
+  function handleRAF () {
+    if (rafCallbacks.length === 0) {
+      if (timer) {
+        timer.update();
+      }
+      activeRAF = null;
+      return
+    }
+
+    // schedule next animation frame
+    activeRAF = raf.next(handleRAF);
+
+    // poll for changes
+    poll();
+
+    // fire a callback for all pending rafs
+    for (var i = rafCallbacks.length - 1; i >= 0; --i) {
+      var cb = rafCallbacks[i];
+      if (cb) {
+        cb(contextState, null, 0);
+      }
+    }
+
+    // flush all pending webgl calls
+    gl.flush();
+
+    // poll GPU timers *after* gl.flush so we don't delay command dispatch
+    if (timer) {
+      timer.update();
+    }
+  }
+
+  function startRAF () {
+    if (!activeRAF && rafCallbacks.length > 0) {
+      activeRAF = raf.next(handleRAF);
+    }
+  }
+
+  function stopRAF () {
+    if (activeRAF) {
+      raf.cancel(handleRAF);
+      activeRAF = null;
+    }
+  }
+
+  function handleContextLoss (event) {
+    event.preventDefault();
+
+    // set context lost flag
+    contextLost = true;
+
+    // pause request animation frame
+    stopRAF();
+
+    // lose context
+    lossCallbacks.forEach(function (cb) {
+      cb();
+    });
+  }
+
+  function handleContextRestored (event) {
+    // clear error code
+    gl.getError();
+
+    // clear context lost flag
+    contextLost = false;
+
+    // refresh state
+    extensionState.restore();
+    shaderState.restore();
+    bufferState.restore();
+    textureState.restore();
+    renderbufferState.restore();
+    framebufferState.restore();
+    if (timer) {
+      timer.restore();
+    }
+
+    // refresh state
+    core.procs.refresh();
+
+    // restart RAF
+    startRAF();
+
+    // restore context
+    restoreCallbacks.forEach(function (cb) {
+      cb();
+    });
+  }
+
+  if (canvas) {
+    canvas.addEventListener(CONTEXT_LOST_EVENT, handleContextLoss, false);
+    canvas.addEventListener(CONTEXT_RESTORED_EVENT, handleContextRestored, false);
+  }
+
+  function destroy () {
+    rafCallbacks.length = 0;
+    stopRAF();
+
+    if (canvas) {
+      canvas.removeEventListener(CONTEXT_LOST_EVENT, handleContextLoss);
+      canvas.removeEventListener(CONTEXT_RESTORED_EVENT, handleContextRestored);
+    }
+
+    shaderState.clear();
+    framebufferState.clear();
+    renderbufferState.clear();
+    textureState.clear();
+    elementState.clear();
+    bufferState.clear();
+
+    if (timer) {
+      timer.clear();
+    }
+
+    destroyCallbacks.forEach(function (cb) {
+      cb();
+    });
+  }
+
+  function compileProcedure (options) {
+    check$1(!!options, 'invalid args to regl({...})');
+    check$1.type(options, 'object', 'invalid args to regl({...})');
+
+    function flattenNestedOptions (options) {
+      var result = extend({}, options);
+      delete result.uniforms;
+      delete result.attributes;
+      delete result.context;
+
+      if ('stencil' in result && result.stencil.op) {
+        result.stencil.opBack = result.stencil.opFront = result.stencil.op;
+        delete result.stencil.op;
+      }
+
+      function merge (name) {
+        if (name in result) {
+          var child = result[name];
+          delete result[name];
+          Object.keys(child).forEach(function (prop) {
+            result[name + '.' + prop] = child[prop];
+          });
+        }
+      }
+      merge('blend');
+      merge('depth');
+      merge('cull');
+      merge('stencil');
+      merge('polygonOffset');
+      merge('scissor');
+      merge('sample');
+
+      return result
+    }
+
+    function separateDynamic (object) {
+      var staticItems = {};
+      var dynamicItems = {};
+      Object.keys(object).forEach(function (option) {
+        var value = object[option];
+        if (dynamic.isDynamic(value)) {
+          dynamicItems[option] = dynamic.unbox(value, option);
+        } else {
+          staticItems[option] = value;
+        }
+      });
+      return {
+        dynamic: dynamicItems,
+        static: staticItems
+      }
+    }
+
+    // Treat context variables separate from other dynamic variables
+    var context = separateDynamic(options.context || {});
+    var uniforms = separateDynamic(options.uniforms || {});
+    var attributes = separateDynamic(options.attributes || {});
+    var opts = separateDynamic(flattenNestedOptions(options));
+
+    var stats$$1 = {
+      gpuTime: 0.0,
+      cpuTime: 0.0,
+      count: 0
+    };
+
+    var compiled = core.compile(opts, attributes, uniforms, context, stats$$1);
+
+    var draw = compiled.draw;
+    var batch = compiled.batch;
+    var scope = compiled.scope;
+
+    // FIXME: we should modify code generation for batch commands so this
+    // isn't necessary
+    var EMPTY_ARRAY = [];
+    function reserve (count) {
+      while (EMPTY_ARRAY.length < count) {
+        EMPTY_ARRAY.push(null);
+      }
+      return EMPTY_ARRAY
+    }
+
+    function REGLCommand (args, body) {
+      var i;
+      if (contextLost) {
+        check$1.raise('context lost');
+      }
+      if (typeof args === 'function') {
+        return scope.call(this, null, args, 0)
+      } else if (typeof body === 'function') {
+        if (typeof args === 'number') {
+          for (i = 0; i < args; ++i) {
+            scope.call(this, null, body, i);
+          }
+          return
+        } else if (Array.isArray(args)) {
+          for (i = 0; i < args.length; ++i) {
+            scope.call(this, args[i], body, i);
+          }
+          return
+        } else {
+          return scope.call(this, args, body, 0)
+        }
+      } else if (typeof args === 'number') {
+        if (args > 0) {
+          return batch.call(this, reserve(args | 0), args | 0)
+        }
+      } else if (Array.isArray(args)) {
+        if (args.length) {
+          return batch.call(this, args, args.length)
+        }
+      } else {
+        return draw.call(this, args)
+      }
+    }
+
+    return extend(REGLCommand, {
+      stats: stats$$1
+    })
+  }
+
+  var setFBO = framebufferState.setFBO = compileProcedure({
+    framebuffer: dynamic.define.call(null, DYN_PROP, 'framebuffer')
+  });
+
+  function clearImpl (_, options) {
+    var clearFlags = 0;
+    core.procs.poll();
+
+    var c = options.color;
+    if (c) {
+      gl.clearColor(+c[0] || 0, +c[1] || 0, +c[2] || 0, +c[3] || 0);
+      clearFlags |= GL_COLOR_BUFFER_BIT;
+    }
+    if ('depth' in options) {
+      gl.clearDepth(+options.depth);
+      clearFlags |= GL_DEPTH_BUFFER_BIT;
+    }
+    if ('stencil' in options) {
+      gl.clearStencil(options.stencil | 0);
+      clearFlags |= GL_STENCIL_BUFFER_BIT;
+    }
+
+    check$1(!!clearFlags, 'called regl.clear with no buffer specified');
+    gl.clear(clearFlags);
+  }
+
+  function clear (options) {
+    check$1(
+      typeof options === 'object' && options,
+      'regl.clear() takes an object as input');
+    if ('framebuffer' in options) {
+      if (options.framebuffer &&
+          options.framebuffer_reglType === 'framebufferCube') {
+        for (var i = 0; i < 6; ++i) {
+          setFBO(extend({
+            framebuffer: options.framebuffer.faces[i]
+          }, options), clearImpl);
+        }
+      } else {
+        setFBO(options, clearImpl);
+      }
+    } else {
+      clearImpl(null, options);
+    }
+  }
+
+  function frame (cb) {
+    check$1.type(cb, 'function', 'regl.frame() callback must be a function');
+    rafCallbacks.push(cb);
+
+    function cancel () {
+      // FIXME:  should we check something other than equals cb here?
+      // what if a user calls frame twice with the same callback...
+      //
+      var i = find(rafCallbacks, cb);
+      check$1(i >= 0, 'cannot cancel a frame twice');
+      function pendingCancel () {
+        var index = find(rafCallbacks, pendingCancel);
+        rafCallbacks[index] = rafCallbacks[rafCallbacks.length - 1];
+        rafCallbacks.length -= 1;
+        if (rafCallbacks.length <= 0) {
+          stopRAF();
+        }
+      }
+      rafCallbacks[i] = pendingCancel;
+    }
+
+    startRAF();
+
+    return {
+      cancel: cancel
+    }
+  }
+
+  // poll viewport
+  function pollViewport () {
+    var viewport = nextState.viewport;
+    var scissorBox = nextState.scissor_box;
+    viewport[0] = viewport[1] = scissorBox[0] = scissorBox[1] = 0;
+    contextState.viewportWidth =
+      contextState.framebufferWidth =
+      contextState.drawingBufferWidth =
+      viewport[2] =
+      scissorBox[2] = gl.drawingBufferWidth;
+    contextState.viewportHeight =
+      contextState.framebufferHeight =
+      contextState.drawingBufferHeight =
+      viewport[3] =
+      scissorBox[3] = gl.drawingBufferHeight;
+  }
+
+  function poll () {
+    contextState.tick += 1;
+    contextState.time = now();
+    pollViewport();
+    core.procs.poll();
+  }
+
+  function refresh () {
+    pollViewport();
+    core.procs.refresh();
+    if (timer) {
+      timer.update();
+    }
+  }
+
+  function now () {
+    return (clock() - START_TIME) / 1000.0
+  }
+
+  refresh();
+
+  function addListener (event, callback) {
+    check$1.type(callback, 'function', 'listener callback must be a function');
+
+    var callbacks;
+    switch (event) {
+      case 'frame':
+        return frame(callback)
+      case 'lost':
+        callbacks = lossCallbacks;
+        break
+      case 'restore':
+        callbacks = restoreCallbacks;
+        break
+      case 'destroy':
+        callbacks = destroyCallbacks;
+        break
+      default:
+        check$1.raise('invalid event, must be one of frame,lost,restore,destroy');
+    }
+
+    callbacks.push(callback);
+    return {
+      cancel: function () {
+        for (var i = 0; i < callbacks.length; ++i) {
+          if (callbacks[i] === callback) {
+            callbacks[i] = callbacks[callbacks.length - 1];
+            callbacks.pop();
+            return
+          }
+        }
+      }
+    }
+  }
+
+  var regl = extend(compileProcedure, {
+    // Clear current FBO
+    clear: clear,
+
+    // Short cuts for dynamic variables
+    prop: dynamic.define.bind(null, DYN_PROP),
+    context: dynamic.define.bind(null, DYN_CONTEXT),
+    this: dynamic.define.bind(null, DYN_STATE),
+
+    // executes an empty draw command
+    draw: compileProcedure({}),
+
+    // Resources
+    buffer: function (options) {
+      return bufferState.create(options, GL_ARRAY_BUFFER, false, false)
+    },
+    elements: function (options) {
+      return elementState.create(options, false)
+    },
+    texture: textureState.create2D,
+    cube: textureState.createCube,
+    renderbuffer: renderbufferState.create,
+    framebuffer: framebufferState.create,
+    framebufferCube: framebufferState.createCube,
+
+    // Expose context attributes
+    attributes: glAttributes,
+
+    // Frame rendering
+    frame: frame,
+    on: addListener,
+
+    // System limits
+    limits: limits,
+    hasExtension: function (name) {
+      return limits.extensions.indexOf(name.toLowerCase()) >= 0
+    },
+
+    // Read pixels
+    read: readPixels,
+
+    // Destroy regl and all associated resources
+    destroy: destroy,
+
+    // Direct GL state manipulation
+    _gl: gl,
+    _refresh: refresh,
+
+    poll: function () {
+      poll();
+      if (timer) {
+        timer.update();
+      }
+    },
+
+    // Current time
+    now: now,
+
+    // regl Statistics Information
+    stats: stats$$1
+  });
+
+  config.onDone(null, regl);
+
+  return regl
+}
+
+return wrapREGL;
+
+})));
+
+
+},{}],500:[function(require,module,exports){
+/*!
+ * repeat-string <https://github.com/jonschlinkert/repeat-string>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+'use strict';
+
+/**
+ * Results cache
+ */
+
+var res = '';
+var cache;
+
+/**
+ * Expose `repeat`
+ */
+
+module.exports = repeat;
+
+/**
+ * Repeat the given `string` the specified `number`
+ * of times.
+ *
+ * **Example:**
+ *
+ * ```js
+ * var repeat = require('repeat-string');
+ * repeat('A', 5);
+ * //=> AAAAA
+ * ```
+ *
+ * @param {String} `string` The string to repeat
+ * @param {Number} `number` The number of times to repeat the string
+ * @return {String} Repeated string
+ * @api public
+ */
+
+function repeat(str, num) {
+  if (typeof str !== 'string') {
+    throw new TypeError('expected a string');
+  }
+
+  // cover common, quick use cases
+  if (num === 1) return str;
+  if (num === 2) return str + str;
+
+  var max = str.length * num;
+  if (cache !== str || typeof cache === 'undefined') {
+    cache = str;
+    res = '';
+  } else if (res.length >= max) {
+    return res.substr(0, max);
+  }
+
+  while (max > res.length && num > 1) {
+    if (num & 1) {
+      res += str;
+    }
+
+    num >>= 1;
+    str += str;
+  }
+
+  res += str;
+  res = res.substr(0, max);
+  return res;
+}
+
+},{}],501:[function(require,module,exports){
+// Copyright 2014 Simon Lydell
+// X11 (“MIT”) Licensed. (See LICENSE.)
+
+void (function(root, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(factory)
+  } else if (typeof exports === "object") {
+    module.exports = factory()
+  } else {
+    root.resolveUrl = factory()
+  }
+}(this, function() {
+
+  function resolveUrl(/* ...urls */) {
+    var numUrls = arguments.length
+
+    if (numUrls === 0) {
+      throw new Error("resolveUrl requires at least one argument; got none.")
+    }
+
+    var base = document.createElement("base")
+    base.href = arguments[0]
+
+    if (numUrls === 1) {
+      return base.href
+    }
+
+    var head = document.getElementsByTagName("head")[0]
+    head.insertBefore(base, head.firstChild)
+
+    var a = document.createElement("a")
+    var resolved
+
+    for (var index = 1; index < numUrls; index++) {
+      a.href = arguments[index]
+      resolved = a.href
+      base.href = resolved
+    }
+
+    head.removeChild(base)
+
+    return resolved
+  }
+
+  return resolveUrl
+
+}));
+
+},{}],502:[function(require,module,exports){
+(function (global){
+module.exports =
+  global.performance &&
+  global.performance.now ? function now() {
+    return performance.now()
+  } : Date.now || function now() {
+    return +new Date
+  }
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],503:[function(require,module,exports){
+"use strict"
+
+module.exports = compressExpansion
+
+function compressExpansion(e) {
+  var m = e.length
+  var Q = e[e.length-1]
+  var bottom = m
+  for(var i=m-2; i>=0; --i) {
+    var a = Q
+    var b = e[i]
+    Q = a + b
+    var bv = Q - a
+    var q = b - bv
+    if(q) {
+      e[--bottom] = Q
+      Q = q
+    }
+  }
+  var top = 0
+  for(var i=bottom; i<m; ++i) {
+    var a = e[i]
+    var b = Q
+    Q = a + b
+    var bv = Q - a
+    var q = b - bv
+    if(q) {
+      e[top++] = q
+    }
+  }
+  e[top++] = Q
+  e.length = top
+  return e
+}
+},{}],504:[function(require,module,exports){
+"use strict"
+
+var twoProduct = require("two-product")
+var robustSum = require("robust-sum")
+var robustScale = require("robust-scale")
+var compress = require("robust-compress")
+
+var NUM_EXPANDED = 6
+
+function cofactor(m, c) {
+  var result = new Array(m.length-1)
+  for(var i=1; i<m.length; ++i) {
+    var r = result[i-1] = new Array(m.length-1)
+    for(var j=0,k=0; j<m.length; ++j) {
+      if(j === c) {
+        continue
+      }
+      r[k++] = m[i][j]
+    }
+  }
+  return result
+}
+
+function matrix(n) {
+  var result = new Array(n)
+  for(var i=0; i<n; ++i) {
+    result[i] = new Array(n)
+    for(var j=0; j<n; ++j) {
+      result[i][j] = ["m[", i, "][", j, "]"].join("")
+    }
+  }
+  return result
+}
+
+function sign(n) {
+  if(n & 1) {
+    return "-"
+  }
+  return ""
+}
+
+function generateSum(expr) {
+  if(expr.length === 1) {
+    return expr[0]
+  } else if(expr.length === 2) {
+    return ["sum(", expr[0], ",", expr[1], ")"].join("")
+  } else {
+    var m = expr.length>>1
+    return ["sum(", generateSum(expr.slice(0, m)), ",", generateSum(expr.slice(m)), ")"].join("")
+  }
+}
+
+function determinant(m) {
+  if(m.length === 2) {
+    return ["sum(prod(", m[0][0], ",", m[1][1], "),prod(-", m[0][1], ",", m[1][0], "))"].join("")
+  } else {
+    var expr = []
+    for(var i=0; i<m.length; ++i) {
+      expr.push(["scale(", determinant(cofactor(m, i)), ",", sign(i), m[0][i], ")"].join(""))
+    }
+    return generateSum(expr)
+  }
+}
+
+function compileDeterminant(n) {
+  var proc = new Function("sum", "scale", "prod", "compress", [
+    "function robustDeterminant",n, "(m){return compress(", 
+      determinant(matrix(n)),
+    ")};return robustDeterminant", n].join(""))
+  return proc(robustSum, robustScale, twoProduct, compress)
+}
+
+var CACHE = [
+  function robustDeterminant0() { return [0] },
+  function robustDeterminant1(m) { return [m[0][0]] }
+]
+
+function generateDispatch() {
+  while(CACHE.length < NUM_EXPANDED) {
+    CACHE.push(compileDeterminant(CACHE.length))
+  }
+  var procArgs = []
+  var code = ["function robustDeterminant(m){switch(m.length){"]
+  for(var i=0; i<NUM_EXPANDED; ++i) {
+    procArgs.push("det" + i)
+    code.push("case ", i, ":return det", i, "(m);")
+  }
+  code.push("}\
+var det=CACHE[m.length];\
+if(!det)\
+det=CACHE[m.length]=gen(m.length);\
+return det(m);\
+}\
+return robustDeterminant")
+  procArgs.push("CACHE", "gen", code.join(""))
+  var proc = Function.apply(undefined, procArgs)
+  module.exports = proc.apply(undefined, CACHE.concat([CACHE, compileDeterminant]))
+  for(var i=0; i<CACHE.length; ++i) {
+    module.exports[i] = CACHE[i]
+  }
+}
+
+generateDispatch()
+},{"robust-compress":503,"robust-scale":510,"robust-sum":513,"two-product":539}],505:[function(require,module,exports){
+"use strict"
+
+var twoProduct = require("two-product")
+var robustSum = require("robust-sum")
+
+module.exports = robustDotProduct
+
+function robustDotProduct(a, b) {
+  var r = twoProduct(a[0], b[0])
+  for(var i=1; i<a.length; ++i) {
+    r = robustSum(r, twoProduct(a[i], b[i]))
+  }
+  return r
+}
+},{"robust-sum":513,"two-product":539}],506:[function(require,module,exports){
+"use strict"
+
+var twoProduct = require("two-product")
+var robustSum = require("robust-sum")
+var robustDiff = require("robust-subtract")
+var robustScale = require("robust-scale")
+
+var NUM_EXPAND = 6
+
+function cofactor(m, c) {
+  var result = new Array(m.length-1)
+  for(var i=1; i<m.length; ++i) {
+    var r = result[i-1] = new Array(m.length-1)
+    for(var j=0,k=0; j<m.length; ++j) {
+      if(j === c) {
+        continue
+      }
+      r[k++] = m[i][j]
+    }
+  }
+  return result
+}
+
+function matrix(n) {
+  var result = new Array(n)
+  for(var i=0; i<n; ++i) {
+    result[i] = new Array(n)
+    for(var j=0; j<n; ++j) {
+      result[i][j] = ["m", j, "[", (n-i-2), "]"].join("")
+    }
+  }
+  return result
+}
+
+function generateSum(expr) {
+  if(expr.length === 1) {
+    return expr[0]
+  } else if(expr.length === 2) {
+    return ["sum(", expr[0], ",", expr[1], ")"].join("")
+  } else {
+    var m = expr.length>>1
+    return ["sum(", generateSum(expr.slice(0, m)), ",", generateSum(expr.slice(m)), ")"].join("")
+  }
+}
+
+function makeProduct(a, b) {
+  if(a.charAt(0) === "m") {
+    if(b.charAt(0) === "w") {
+      var toks = a.split("[")
+      return ["w", b.substr(1), "m", toks[0].substr(1)].join("")
+    } else {
+      return ["prod(", a, ",", b, ")"].join("")
+    }
+  } else {
+    return makeProduct(b, a)
+  }
+}
+
+function sign(s) {
+  if(s & 1 !== 0) {
+    return "-"
+  }
+  return ""
+}
+
+function determinant(m) {
+  if(m.length === 2) {
+    return [["diff(", makeProduct(m[0][0], m[1][1]), ",", makeProduct(m[1][0], m[0][1]), ")"].join("")]
+  } else {
+    var expr = []
+    for(var i=0; i<m.length; ++i) {
+      expr.push(["scale(", generateSum(determinant(cofactor(m, i))), ",", sign(i), m[0][i], ")"].join(""))
+    }
+    return expr
+  }
+}
+
+function makeSquare(d, n) {
+  var terms = []
+  for(var i=0; i<n-2; ++i) {
+    terms.push(["prod(m", d, "[", i, "],m", d, "[", i, "])"].join(""))
+  }
+  return generateSum(terms)
+}
+
+function orientation(n) {
+  var pos = []
+  var neg = []
+  var m = matrix(n)
+  for(var i=0; i<n; ++i) {
+    m[0][i] = "1"
+    m[n-1][i] = "w"+i
+  } 
+  for(var i=0; i<n; ++i) {
+    if((i&1)===0) {
+      pos.push.apply(pos,determinant(cofactor(m, i)))
+    } else {
+      neg.push.apply(neg,determinant(cofactor(m, i)))
+    }
+  }
+  var posExpr = generateSum(pos)
+  var negExpr = generateSum(neg)
+  var funcName = "exactInSphere" + n
+  var funcArgs = []
+  for(var i=0; i<n; ++i) {
+    funcArgs.push("m" + i)
+  }
+  var code = ["function ", funcName, "(", funcArgs.join(), "){"]
+  for(var i=0; i<n; ++i) {
+    code.push("var w",i,"=",makeSquare(i,n),";")
+    for(var j=0; j<n; ++j) {
+      if(j !== i) {
+        code.push("var w",i,"m",j,"=scale(w",i,",m",j,"[0]);")
+      }
+    }
+  }
+  code.push("var p=", posExpr, ",n=", negExpr, ",d=diff(p,n);return d[d.length-1];}return ", funcName)
+  var proc = new Function("sum", "diff", "prod", "scale", code.join(""))
+  return proc(robustSum, robustDiff, twoProduct, robustScale)
+}
+
+function inSphere0() { return 0 }
+function inSphere1() { return 0 }
+function inSphere2() { return 0 }
+
+var CACHED = [
+  inSphere0,
+  inSphere1,
+  inSphere2
+]
+
+function slowInSphere(args) {
+  var proc = CACHED[args.length]
+  if(!proc) {
+    proc = CACHED[args.length] = orientation(args.length)
+  }
+  return proc.apply(undefined, args)
+}
+
+function generateInSphereTest() {
+  while(CACHED.length <= NUM_EXPAND) {
+    CACHED.push(orientation(CACHED.length))
+  }
+  var args = []
+  var procArgs = ["slow"]
+  for(var i=0; i<=NUM_EXPAND; ++i) {
+    args.push("a" + i)
+    procArgs.push("o" + i)
+  }
+  var code = [
+    "function testInSphere(", args.join(), "){switch(arguments.length){case 0:case 1:return 0;"
+  ]
+  for(var i=2; i<=NUM_EXPAND; ++i) {
+    code.push("case ", i, ":return o", i, "(", args.slice(0, i).join(), ");")
+  }
+  code.push("}var s=new Array(arguments.length);for(var i=0;i<arguments.length;++i){s[i]=arguments[i]};return slow(s);}return testInSphere")
+  procArgs.push(code.join(""))
+
+  var proc = Function.apply(undefined, procArgs)
+
+  module.exports = proc.apply(undefined, [slowInSphere].concat(CACHED))
+  for(var i=0; i<=NUM_EXPAND; ++i) {
+    module.exports[i] = CACHED[i]
+  }
+}
+
+generateInSphereTest()
+},{"robust-scale":510,"robust-subtract":512,"robust-sum":513,"two-product":539}],507:[function(require,module,exports){
+"use strict"
+
+var determinant = require("robust-determinant")
+
+var NUM_EXPAND = 6
+
+function generateSolver(n) {
+  var funcName = "robustLinearSolve" + n + "d"
+  var code = ["function ", funcName, "(A,b){return ["]
+  for(var i=0; i<n; ++i) {
+    code.push("det([")
+    for(var j=0; j<n; ++j) {
+      if(j > 0) {
+        code.push(",")
+      }
+      code.push("[")
+      for(var k=0; k<n; ++k) {
+        if(k > 0) {
+          code.push(",")
+        }
+        if(k === i) {
+          code.push("+b[", j, "]")
+        } else {
+          code.push("+A[", j, "][", k, "]")
+        }
+      }
+      code.push("]")
+    }
+    code.push("]),")
+  }
+  code.push("det(A)]}return ", funcName)
+  var proc = new Function("det", code.join(""))
+  if(n < 6) {
+    return proc(determinant[n])
+  }
+  return proc(determinant)
+}
+
+function robustLinearSolve0d() {
+  return [ 0 ]
+}
+
+function robustLinearSolve1d(A, b) {
+  return [ [ b[0] ], [ A[0][0] ] ]
+}
+
+var CACHE = [
+  robustLinearSolve0d,
+  robustLinearSolve1d
+]
+
+function generateDispatch() {
+  while(CACHE.length < NUM_EXPAND) {
+    CACHE.push(generateSolver(CACHE.length))
+  }
+  var procArgs = []
+  var code = ["function dispatchLinearSolve(A,b){switch(A.length){"]
+  for(var i=0; i<NUM_EXPAND; ++i) {
+    procArgs.push("s" + i)
+    code.push("case ", i, ":return s", i, "(A,b);")
+  }
+  code.push("}var s=CACHE[A.length];if(!s)s=CACHE[A.length]=g(A.length);return s(A,b)}return dispatchLinearSolve")
+  procArgs.push("CACHE", "g", code.join(""))
+  var proc = Function.apply(undefined, procArgs)
+  module.exports = proc.apply(undefined, CACHE.concat([CACHE, generateSolver]))
+  for(var i=0; i<NUM_EXPAND; ++i) {
+    module.exports[i] = CACHE[i]
+  }
+}
+
+generateDispatch()
+},{"robust-determinant":504}],508:[function(require,module,exports){
+"use strict"
+
+var twoProduct = require("two-product")
+var robustSum = require("robust-sum")
+var robustScale = require("robust-scale")
+var robustSubtract = require("robust-subtract")
+
+var NUM_EXPAND = 5
+
+var EPSILON     = 1.1102230246251565e-16
+var ERRBOUND3   = (3.0 + 16.0 * EPSILON) * EPSILON
+var ERRBOUND4   = (7.0 + 56.0 * EPSILON) * EPSILON
+
+function cofactor(m, c) {
+  var result = new Array(m.length-1)
+  for(var i=1; i<m.length; ++i) {
+    var r = result[i-1] = new Array(m.length-1)
+    for(var j=0,k=0; j<m.length; ++j) {
+      if(j === c) {
+        continue
+      }
+      r[k++] = m[i][j]
+    }
+  }
+  return result
+}
+
+function matrix(n) {
+  var result = new Array(n)
+  for(var i=0; i<n; ++i) {
+    result[i] = new Array(n)
+    for(var j=0; j<n; ++j) {
+      result[i][j] = ["m", j, "[", (n-i-1), "]"].join("")
+    }
+  }
+  return result
+}
+
+function sign(n) {
+  if(n & 1) {
+    return "-"
+  }
+  return ""
+}
+
+function generateSum(expr) {
+  if(expr.length === 1) {
+    return expr[0]
+  } else if(expr.length === 2) {
+    return ["sum(", expr[0], ",", expr[1], ")"].join("")
+  } else {
+    var m = expr.length>>1
+    return ["sum(", generateSum(expr.slice(0, m)), ",", generateSum(expr.slice(m)), ")"].join("")
+  }
+}
+
+function determinant(m) {
+  if(m.length === 2) {
+    return [["sum(prod(", m[0][0], ",", m[1][1], "),prod(-", m[0][1], ",", m[1][0], "))"].join("")]
+  } else {
+    var expr = []
+    for(var i=0; i<m.length; ++i) {
+      expr.push(["scale(", generateSum(determinant(cofactor(m, i))), ",", sign(i), m[0][i], ")"].join(""))
+    }
+    return expr
+  }
+}
+
+function orientation(n) {
+  var pos = []
+  var neg = []
+  var m = matrix(n)
+  var args = []
+  for(var i=0; i<n; ++i) {
+    if((i&1)===0) {
+      pos.push.apply(pos, determinant(cofactor(m, i)))
+    } else {
+      neg.push.apply(neg, determinant(cofactor(m, i)))
+    }
+    args.push("m" + i)
+  }
+  var posExpr = generateSum(pos)
+  var negExpr = generateSum(neg)
+  var funcName = "orientation" + n + "Exact"
+  var code = ["function ", funcName, "(", args.join(), "){var p=", posExpr, ",n=", negExpr, ",d=sub(p,n);\
+return d[d.length-1];};return ", funcName].join("")
+  var proc = new Function("sum", "prod", "scale", "sub", code)
+  return proc(robustSum, twoProduct, robustScale, robustSubtract)
+}
+
+var orientation3Exact = orientation(3)
+var orientation4Exact = orientation(4)
+
+var CACHED = [
+  function orientation0() { return 0 },
+  function orientation1() { return 0 },
+  function orientation2(a, b) { 
+    return b[0] - a[0]
+  },
+  function orientation3(a, b, c) {
+    var l = (a[1] - c[1]) * (b[0] - c[0])
+    var r = (a[0] - c[0]) * (b[1] - c[1])
+    var det = l - r
+    var s
+    if(l > 0) {
+      if(r <= 0) {
+        return det
+      } else {
+        s = l + r
+      }
+    } else if(l < 0) {
+      if(r >= 0) {
+        return det
+      } else {
+        s = -(l + r)
+      }
+    } else {
+      return det
+    }
+    var tol = ERRBOUND3 * s
+    if(det >= tol || det <= -tol) {
+      return det
+    }
+    return orientation3Exact(a, b, c)
+  },
+  function orientation4(a,b,c,d) {
+    var adx = a[0] - d[0]
+    var bdx = b[0] - d[0]
+    var cdx = c[0] - d[0]
+    var ady = a[1] - d[1]
+    var bdy = b[1] - d[1]
+    var cdy = c[1] - d[1]
+    var adz = a[2] - d[2]
+    var bdz = b[2] - d[2]
+    var cdz = c[2] - d[2]
+    var bdxcdy = bdx * cdy
+    var cdxbdy = cdx * bdy
+    var cdxady = cdx * ady
+    var adxcdy = adx * cdy
+    var adxbdy = adx * bdy
+    var bdxady = bdx * ady
+    var det = adz * (bdxcdy - cdxbdy) 
+            + bdz * (cdxady - adxcdy)
+            + cdz * (adxbdy - bdxady)
+    var permanent = (Math.abs(bdxcdy) + Math.abs(cdxbdy)) * Math.abs(adz)
+                  + (Math.abs(cdxady) + Math.abs(adxcdy)) * Math.abs(bdz)
+                  + (Math.abs(adxbdy) + Math.abs(bdxady)) * Math.abs(cdz)
+    var tol = ERRBOUND4 * permanent
+    if ((det > tol) || (-det > tol)) {
+      return det
+    }
+    return orientation4Exact(a,b,c,d)
+  }
+]
+
+function slowOrient(args) {
+  var proc = CACHED[args.length]
+  if(!proc) {
+    proc = CACHED[args.length] = orientation(args.length)
+  }
+  return proc.apply(undefined, args)
+}
+
+function generateOrientationProc() {
+  while(CACHED.length <= NUM_EXPAND) {
+    CACHED.push(orientation(CACHED.length))
+  }
+  var args = []
+  var procArgs = ["slow"]
+  for(var i=0; i<=NUM_EXPAND; ++i) {
+    args.push("a" + i)
+    procArgs.push("o" + i)
+  }
+  var code = [
+    "function getOrientation(", args.join(), "){switch(arguments.length){case 0:case 1:return 0;"
+  ]
+  for(var i=2; i<=NUM_EXPAND; ++i) {
+    code.push("case ", i, ":return o", i, "(", args.slice(0, i).join(), ");")
+  }
+  code.push("}var s=new Array(arguments.length);for(var i=0;i<arguments.length;++i){s[i]=arguments[i]};return slow(s);}return getOrientation")
+  procArgs.push(code.join(""))
+
+  var proc = Function.apply(undefined, procArgs)
+  module.exports = proc.apply(undefined, [slowOrient].concat(CACHED))
+  for(var i=0; i<=NUM_EXPAND; ++i) {
+    module.exports[i] = CACHED[i]
+  }
+}
+
+generateOrientationProc()
+},{"robust-scale":510,"robust-subtract":512,"robust-sum":513,"two-product":539}],509:[function(require,module,exports){
+"use strict"
+
+var robustSum = require("robust-sum")
+var robustScale = require("robust-scale")
+
+module.exports = robustProduct
+
+function robustProduct(a, b) {
+  if(a.length === 1) {
+    return robustScale(b, a[0])
+  }
+  if(b.length === 1) {
+    return robustScale(a, b[0])
+  }
+  if(a.length === 0 || b.length === 0) {
+    return [0]
+  }
+  var r = [0]
+  if(a.length < b.length) {
+    for(var i=0; i<a.length; ++i) {
+      r = robustSum(r, robustScale(b, a[i]))
+    }
+  } else {
+    for(var i=0; i<b.length; ++i) {
+      r = robustSum(r, robustScale(a, b[i]))
+    }    
+  }
+  return r
+}
+},{"robust-scale":510,"robust-sum":513}],510:[function(require,module,exports){
+"use strict"
+
+var twoProduct = require("two-product")
+var twoSum = require("two-sum")
+
+module.exports = scaleLinearExpansion
+
+function scaleLinearExpansion(e, scale) {
+  var n = e.length
+  if(n === 1) {
+    var ts = twoProduct(e[0], scale)
+    if(ts[0]) {
+      return ts
+    }
+    return [ ts[1] ]
+  }
+  var g = new Array(2 * n)
+  var q = [0.1, 0.1]
+  var t = [0.1, 0.1]
+  var count = 0
+  twoProduct(e[0], scale, q)
+  if(q[0]) {
+    g[count++] = q[0]
+  }
+  for(var i=1; i<n; ++i) {
+    twoProduct(e[i], scale, t)
+    var pq = q[1]
+    twoSum(pq, t[0], q)
+    if(q[0]) {
+      g[count++] = q[0]
+    }
+    var a = t[1]
+    var b = q[1]
+    var x = a + b
+    var bv = x - a
+    var y = b - bv
+    q[1] = x
+    if(y) {
+      g[count++] = y
+    }
+  }
+  if(q[1]) {
+    g[count++] = q[1]
+  }
+  if(count === 0) {
+    g[count++] = 0.0
+  }
+  g.length = count
+  return g
+}
+},{"two-product":539,"two-sum":540}],511:[function(require,module,exports){
+"use strict"
+
+module.exports = segmentsIntersect
+
+var orient = require("robust-orientation")[3]
+
+function checkCollinear(a0, a1, b0, b1) {
+
+  for(var d=0; d<2; ++d) {
+    var x0 = a0[d]
+    var y0 = a1[d]
+    var l0 = Math.min(x0, y0)
+    var h0 = Math.max(x0, y0)    
+
+    var x1 = b0[d]
+    var y1 = b1[d]
+    var l1 = Math.min(x1, y1)
+    var h1 = Math.max(x1, y1)    
+
+    if(h1 < l0 || h0 < l1) {
+      return false
+    }
+  }
+
+  return true
+}
+
+function segmentsIntersect(a0, a1, b0, b1) {
+  var x0 = orient(a0, b0, b1)
+  var y0 = orient(a1, b0, b1)
+  if((x0 > 0 && y0 > 0) || (x0 < 0 && y0 < 0)) {
+    return false
+  }
+
+  var x1 = orient(b0, a0, a1)
+  var y1 = orient(b1, a0, a1)
+  if((x1 > 0 && y1 > 0) || (x1 < 0 && y1 < 0)) {
+    return false
+  }
+
+  //Check for degenerate collinear case
+  if(x0 === 0 && y0 === 0 && x1 === 0 && y1 === 0) {
+    return checkCollinear(a0, a1, b0, b1)
+  }
+
+  return true
+}
+},{"robust-orientation":508}],512:[function(require,module,exports){
+"use strict"
+
+module.exports = robustSubtract
+
+//Easy case: Add two scalars
+function scalarScalar(a, b) {
+  var x = a + b
+  var bv = x - a
+  var av = x - bv
+  var br = b - bv
+  var ar = a - av
+  var y = ar + br
+  if(y) {
+    return [y, x]
+  }
+  return [x]
+}
+
+function robustSubtract(e, f) {
+  var ne = e.length|0
+  var nf = f.length|0
+  if(ne === 1 && nf === 1) {
+    return scalarScalar(e[0], -f[0])
+  }
+  var n = ne + nf
+  var g = new Array(n)
+  var count = 0
+  var eptr = 0
+  var fptr = 0
+  var abs = Math.abs
+  var ei = e[eptr]
+  var ea = abs(ei)
+  var fi = -f[fptr]
+  var fa = abs(fi)
+  var a, b
+  if(ea < fa) {
+    b = ei
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+      ea = abs(ei)
+    }
+  } else {
+    b = fi
+    fptr += 1
+    if(fptr < nf) {
+      fi = -f[fptr]
+      fa = abs(fi)
+    }
+  }
+  if((eptr < ne && ea < fa) || (fptr >= nf)) {
+    a = ei
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+      ea = abs(ei)
+    }
+  } else {
+    a = fi
+    fptr += 1
+    if(fptr < nf) {
+      fi = -f[fptr]
+      fa = abs(fi)
+    }
+  }
+  var x = a + b
+  var bv = x - a
+  var y = b - bv
+  var q0 = y
+  var q1 = x
+  var _x, _bv, _av, _br, _ar
+  while(eptr < ne && fptr < nf) {
+    if(ea < fa) {
+      a = ei
+      eptr += 1
+      if(eptr < ne) {
+        ei = e[eptr]
+        ea = abs(ei)
+      }
+    } else {
+      a = fi
+      fptr += 1
+      if(fptr < nf) {
+        fi = -f[fptr]
+        fa = abs(fi)
+      }
+    }
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    }
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+  }
+  while(eptr < ne) {
+    a = ei
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    }
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+    }
+  }
+  while(fptr < nf) {
+    a = fi
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    } 
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+    fptr += 1
+    if(fptr < nf) {
+      fi = -f[fptr]
+    }
+  }
+  if(q0) {
+    g[count++] = q0
+  }
+  if(q1) {
+    g[count++] = q1
+  }
+  if(!count) {
+    g[count++] = 0.0  
+  }
+  g.length = count
+  return g
+}
+},{}],513:[function(require,module,exports){
+"use strict"
+
+module.exports = linearExpansionSum
+
+//Easy case: Add two scalars
+function scalarScalar(a, b) {
+  var x = a + b
+  var bv = x - a
+  var av = x - bv
+  var br = b - bv
+  var ar = a - av
+  var y = ar + br
+  if(y) {
+    return [y, x]
+  }
+  return [x]
+}
+
+function linearExpansionSum(e, f) {
+  var ne = e.length|0
+  var nf = f.length|0
+  if(ne === 1 && nf === 1) {
+    return scalarScalar(e[0], f[0])
+  }
+  var n = ne + nf
+  var g = new Array(n)
+  var count = 0
+  var eptr = 0
+  var fptr = 0
+  var abs = Math.abs
+  var ei = e[eptr]
+  var ea = abs(ei)
+  var fi = f[fptr]
+  var fa = abs(fi)
+  var a, b
+  if(ea < fa) {
+    b = ei
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+      ea = abs(ei)
+    }
+  } else {
+    b = fi
+    fptr += 1
+    if(fptr < nf) {
+      fi = f[fptr]
+      fa = abs(fi)
+    }
+  }
+  if((eptr < ne && ea < fa) || (fptr >= nf)) {
+    a = ei
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+      ea = abs(ei)
+    }
+  } else {
+    a = fi
+    fptr += 1
+    if(fptr < nf) {
+      fi = f[fptr]
+      fa = abs(fi)
+    }
+  }
+  var x = a + b
+  var bv = x - a
+  var y = b - bv
+  var q0 = y
+  var q1 = x
+  var _x, _bv, _av, _br, _ar
+  while(eptr < ne && fptr < nf) {
+    if(ea < fa) {
+      a = ei
+      eptr += 1
+      if(eptr < ne) {
+        ei = e[eptr]
+        ea = abs(ei)
+      }
+    } else {
+      a = fi
+      fptr += 1
+      if(fptr < nf) {
+        fi = f[fptr]
+        fa = abs(fi)
+      }
+    }
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    }
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+  }
+  while(eptr < ne) {
+    a = ei
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    }
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+    eptr += 1
+    if(eptr < ne) {
+      ei = e[eptr]
+    }
+  }
+  while(fptr < nf) {
+    a = fi
+    b = q0
+    x = a + b
+    bv = x - a
+    y = b - bv
+    if(y) {
+      g[count++] = y
+    } 
+    _x = q1 + x
+    _bv = _x - q1
+    _av = _x - _bv
+    _br = x - _bv
+    _ar = q1 - _av
+    q0 = _ar + _br
+    q1 = _x
+    fptr += 1
+    if(fptr < nf) {
+      fi = f[fptr]
+    }
+  }
+  if(q0) {
+    g[count++] = q0
+  }
+  if(q1) {
+    g[count++] = q1
+  }
+  if(!count) {
+    g[count++] = 0.0  
+  }
+  g.length = count
+  return g
+}
+},{}],514:[function(require,module,exports){
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global.ShelfPack = factory());
+}(this, function () {
+
+/**
+ * Create a new ShelfPack bin allocator.
+ *
+ * Uses the Shelf Best Height Fit algorithm from
+ * http://clb.demon.fi/files/RectangleBinPack.pdf
+ *
+ * @class  ShelfPack
+ * @param  {number}  [w=64]  Initial width of the sprite
+ * @param  {number}  [h=64]  Initial width of the sprite
+ * @param  {Object}  [options]
+ * @param  {boolean} [options.autoResize=false]  If `true`, the sprite will automatically grow
+ * @example
+ * var sprite = new ShelfPack(64, 64, { autoResize: false });
+ */
+function ShelfPack(w, h, options) {
+    options = options || {};
+    this.w = w || 64;
+    this.h = h || 64;
+    this.autoResize = !!options.autoResize;
+    this.shelves = [];
+    this.stats = {};
+    this.count = function(h) {
+        this.stats[h] = (this.stats[h] | 0) + 1;
+    };
+}
+
+/**
+ * Batch pack multiple bins into the sprite.
+ *
+ * @param   {Array}   bins Array of requested bins - each object should have `width`, `height` (or `w`, `h`) properties
+ * @param   {Object}  [options]
+ * @param   {boolean} [options.inPlace=false] If `true`, the supplied bin objects will be updated inplace with `x` and `y` properties
+ * @returns {Array}   Array of allocated bins - each bin is an object with `x`, `y`, `w`, `h` properties
+ * @example
+ * var bins = [
+ *     { id: 'a', width: 12, height: 12 },
+ *     { id: 'b', width: 12, height: 16 },
+ *     { id: 'c', width: 12, height: 24 }
+ * ];
+ * var results = sprite.pack(bins, { inPlace: false });
+ */
+ShelfPack.prototype.pack = function(bins, options) {
+    bins = [].concat(bins);
+    options = options || {};
+
+    var results = [],
+        w, h, allocation;
+
+    for (var i = 0; i < bins.length; i++) {
+        w = bins[i].w || bins[i].width;
+        h = bins[i].h || bins[i].height;
+        if (w && h) {
+            allocation = this.packOne(w, h);
+            if (!allocation) {
+                continue;
+            }
+            if (options.inPlace) {
+                bins[i].x = allocation.x;
+                bins[i].y = allocation.y;
+            }
+            results.push(allocation);
+        }
+    }
+
+    // Shrink the width/height of the sprite to the bare minimum.
+    // Since shelf-pack doubles first width, then height when running out of shelf space
+    // this can result in fairly large unused space both in width and height if that happens
+    // towards the end of bin packing.
+    if (this.shelves.length > 0) {
+        var w2 = 0;
+        var h2 = 0;
+
+        for (var j = 0; j < this.shelves.length; j++) {
+            var shelf = this.shelves[j];
+            h2 += shelf.h;
+            w2 = Math.max(shelf.w - shelf.free, w2);
+        }
+
+        this.resize(w2, h2);
+    }
+
+    return results;
+};
+
+/**
+ * Pack a single bin into the sprite.
+ *
+ * @param   {number}  w   Width of the bin to allocate
+ * @param   {number}  h   Height of the bin to allocate
+ * @returns {Object}  Allocated bin object with `x`, `y`, `w`, `h` properties, or `null` if allocation failed
+ * @example
+ * var results = sprite.packOne(12, 16);
+ */
+ShelfPack.prototype.packOne = function(w, h) {
+    var y = 0,
+        best = { shelf: -1, waste: Infinity },
+        shelf, waste;
+
+    // find the best shelf
+    for (var i = 0; i < this.shelves.length; i++) {
+        shelf = this.shelves[i];
+        y += shelf.h;
+
+        // exactly the right height with width to spare, pack it..
+        if (h === shelf.h && w <= shelf.free) {
+            this.count(h);
+            return shelf.alloc(w, h);
+        }
+        // not enough height or width, skip it..
+        if (h > shelf.h || w > shelf.free) {
+            continue;
+        }
+        // maybe enough height or width, minimize waste..
+        if (h < shelf.h && w <= shelf.free) {
+            waste = shelf.h - h;
+            if (waste < best.waste) {
+                best.waste = waste;
+                best.shelf = i;
+            }
+        }
+    }
+
+    if (best.shelf !== -1) {
+        shelf = this.shelves[best.shelf];
+        this.count(h);
+        return shelf.alloc(w, h);
+    }
+
+    // add shelf..
+    if (h <= (this.h - y) && w <= this.w) {
+        shelf = new Shelf(y, this.w, h);
+        this.shelves.push(shelf);
+        this.count(h);
+        return shelf.alloc(w, h);
+    }
+
+    // no more space..
+    // If `autoResize` option is set, grow the sprite as follows:
+    //  * double whichever sprite dimension is smaller (`w1` or `h1`)
+    //  * if sprite dimensions are equal, grow width before height
+    //  * accomodate very large bin requests (big `w` or `h`)
+    if (this.autoResize) {
+        var h1, h2, w1, w2;
+
+        h1 = h2 = this.h;
+        w1 = w2 = this.w;
+
+        if (w1 <= h1 || w > w1) {   // grow width..
+            w2 = Math.max(w, w1) * 2;
+        }
+        if (h1 < w1 || h > h1) {    // grow height..
+            h2 = Math.max(h, h1) * 2;
+        }
+
+        this.resize(w2, h2);
+        return this.packOne(w, h);  // retry
+    }
+
+    return null;
+};
+
+/**
+ * Clear the sprite.
+ *
+ * @example
+ * sprite.clear();
+ */
+ShelfPack.prototype.clear = function() {
+    this.shelves = [];
+    this.stats = {};
+};
+
+/**
+ * Resize the sprite.
+ *
+ * @param   {number}  w  Requested new sprite width
+ * @param   {number}  h  Requested new sprite height
+ * @returns {boolean} `true` if resize succeeded, `false` if failed
+ * @example
+ * sprite.resize(256, 256);
+ */
+ShelfPack.prototype.resize = function(w, h) {
+    this.w = w;
+    this.h = h;
+    for (var i = 0; i < this.shelves.length; i++) {
+        this.shelves[i].resize(w);
+    }
+    return true;
+};
+
+
+
+/**
+ * Create a new Shelf.
+ *
+ * @private
+ * @class  Shelf
+ * @param  {number}  y   Top coordinate of the new shelf
+ * @param  {number}  w   Width of the new shelf
+ * @param  {number}  h   Height of the new shelf
+ * @example
+ * var shelf = new Shelf(64, 512, 24);
+ */
+function Shelf(y, w, h) {
+    this.x = 0;
+    this.y = y;
+    this.w = this.free = w;
+    this.h = h;
+}
+
+/**
+ * Allocate a single bin into the shelf.
+ *
+ * @private
+ * @param   {number}  w   Width of the bin to allocate
+ * @param   {number}  h   Height of the bin to allocate
+ * @returns {Object}  Allocated bin object with `x`, `y`, `w`, `h` properties, or `null` if allocation failed
+ * @example
+ * shelf.alloc(12, 16);
+ */
+Shelf.prototype.alloc = function(w, h) {
+    if (w > this.free || h > this.h) {
+        return null;
+    }
+    var x = this.x;
+    this.x += w;
+    this.free -= w;
+    return { x: x, y: this.y, w: w, h: h, width: w, height: h };
+};
+
+/**
+ * Resize the shelf.
+ *
+ * @private
+ * @param   {number}  w  Requested new width of the shelf
+ * @returns {boolean} true if resize succeeded, false if failed
+ * @example
+ * shelf.resize(512);
+ */
+Shelf.prototype.resize = function(w) {
+    this.free += (w - this.w);
+    this.w = w;
+    return true;
+};
+
+return ShelfPack;
+
+}));
+},{}],515:[function(require,module,exports){
+"use strict"
+
+module.exports = function signum(x) {
+  if(x < 0) { return -1 }
+  if(x > 0) { return 1 }
+  return 0.0
+}
+},{}],516:[function(require,module,exports){
+'use strict'
+
+module.exports = boundary
+
+var bnd = require('boundary-cells')
+var reduce = require('reduce-simplicial-complex')
+
+function boundary(cells) {
+  return reduce(bnd(cells))
+}
+
+},{"boundary-cells":69,"reduce-simplicial-complex":498}],517:[function(require,module,exports){
+'use strict'
+
+module.exports = extractContour
+
+var ndarray = require('ndarray')
+var pool    = require('typedarray-pool')
+var ndsort  = require('ndarray-sort')
+
+var contourAlgorithm = require('./lib/codegen')
+
+function getDimension(cells) {
+  var numCells = cells.length
+  var d = 0
+  for(var i=0; i<numCells; ++i) {
+    d = Math.max(d, cells[i].length)|0
+  }
+  return d-1
+}
+
+function getSigns(values, level) {
+  var numVerts    = values.length
+  var vertexSigns = pool.mallocUint8(numVerts)
+  for(var i=0; i<numVerts; ++i) {
+    vertexSigns[i] = (values[i] < level)|0
+  }
+  return vertexSigns
+}
+
+function getEdges(cells, d) {
+  var numCells = cells.length
+  var maxEdges = ((d * (d+1)/2) * numCells)|0
+  var edges    = pool.mallocUint32(maxEdges*2)
+  var ePtr     = 0
+  for(var i=0; i<numCells; ++i) {
+    var c = cells[i]
+    var d = c.length
+    for(var j=0; j<d; ++j) {
+      for(var k=0; k<j; ++k) {
+        var a = c[k]
+        var b = c[j]
+        edges[ePtr++] = Math.min(a,b)|0
+        edges[ePtr++] = Math.max(a,b)|0
+      }
+    }
+  }
+  var nedges = (ePtr/2)|0
+  ndsort(ndarray(edges, [nedges,2])) 
+  var ptr = 2
+  for(var i=2; i<ePtr; i+=2) {
+    if(edges[i-2] === edges[i] &&
+       edges[i-1] === edges[i+1]) {
+      continue
+    }
+    edges[ptr++] = edges[i]
+    edges[ptr++] = edges[i+1]
+  }
+
+  return ndarray(edges, [(ptr/2)|0, 2])
+}
+
+function getCrossingWeights(edges, values, signs, level) {
+  var edata     = edges.data
+  var numEdges  = edges.shape[0]
+  var weights   = pool.mallocDouble(numEdges)
+  var ptr       = 0
+  for(var i=0; i<numEdges; ++i) {
+    var a  = edata[2*i]
+    var b  = edata[2*i+1]
+    if(signs[a] === signs[b]) {
+      continue
+    }
+    var va = values[a]
+    var vb = values[b]
+    edata[2*ptr]     = a
+    edata[2*ptr+1]   = b
+    weights[ptr++]   = (vb - level) / (vb - va)
+  }
+  edges.shape[0] = ptr
+  return ndarray(weights, [ptr])
+}
+
+function getCascade(edges, numVerts) {
+  var result   = pool.mallocInt32(numVerts*2)
+  var numEdges = edges.shape[0]
+  var edata    = edges.data
+  result[0]    = 0
+  var lastV    = 0
+  for(var i=0; i<numEdges; ++i) {
+    var a = edata[2*i]
+    if(a !== lastV) {
+      result[2*lastV+1] = i
+      while(++lastV < a) {
+        result[2*lastV] = i
+        result[2*lastV+1] = i
+      }
+      result[2*lastV] = i
+    }
+  }
+  result[2*lastV+1] = numEdges
+  while(++lastV < numVerts) {
+    result[2*lastV] = result[2*lastV+1] = numEdges
+  }
+  return result
+}
+
+function unpackEdges(edges) {
+  var ne = edges.shape[0]|0
+  var edata = edges.data
+  var result = new Array(ne)
+  for(var i=0; i<ne; ++i) {
+    result[i] = [edata[2*i], edata[2*i+1]]
+  }
+  return result
+}
+
+function extractContour(cells, values, level, d) {
+  level = level||0.0
+
+  //If user didn't specify `d`, use brute force scan
+  if(typeof d === 'undefined') {
+    d = getDimension(cells)
+  }
+
+  //Count number of cells
+  var numCells = cells.length
+  if(numCells === 0 || d < 1) {
+    return {
+      cells:         [],
+      vertexIds:     [],
+      vertexWeights: []
+    }
+  }
+
+  //Read in vertex signs
+  var vertexSigns = getSigns(values, +level)
+
+  //First get 1-skeleton, find all crossings
+  var edges   = getEdges(cells, d)
+  var weights = getCrossingWeights(edges, values, vertexSigns, +level)
+
+  //Build vertex cascade to speed up binary search
+  var vcascade = getCascade(edges, values.length|0)
+
+  //Then construct cells
+  var faces = contourAlgorithm(d)(cells, edges.data, vcascade, vertexSigns)
+
+  //Unpack data into pretty format
+  var uedges   = unpackEdges(edges)
+  var uweights = [].slice.call(weights.data, 0, weights.shape[0])
+
+  //Release data
+  pool.free(vertexSigns)
+  pool.free(edges.data)
+  pool.free(weights.data)
+  pool.free(vcascade)
+  
+  return {
+    cells:         faces,
+    vertexIds:     uedges,
+    vertexWeights: uweights
+  }
+}
+},{"./lib/codegen":518,"ndarray":467,"ndarray-sort":465,"typedarray-pool":541}],518:[function(require,module,exports){
+'use strict'
+
+module.exports = getPolygonizer
+
+var pool = require('typedarray-pool')
+var createMSTable = require('marching-simplex-table')
+
+var CACHE = {}
+
+function createCellPolygonizer(d) {
+  var maxCellSize = 0
+  var tables = new Array(d+1)
+  tables[0] = [ [] ]
+  for(var i=1; i<=d; ++i) {
+    var tab = tables[i] = createMSTable(i)
+    for(var j=0; j<tab.length; ++j) {
+      maxCellSize = Math.max(maxCellSize, tab[i].length)
+    }
+  }
+
+  var code  = [
+  'function B(C,E,i,j){',
+    'var a=Math.min(i,j)|0,b=Math.max(i,j)|0,l=C[2*a],h=C[2*a+1];',
+    'while(l<h){',
+      'var m=(l+h)>>1,v=E[2*m+1];',
+      'if(v===b){return m}',
+      'if(b<v){h=m}else{l=m+1}',
+    '}',
+    'return l;',
+  '};',
+  'function getContour', d, 'd(F,E,C,S){',
+    'var n=F.length,R=[];',
+    'for(var i=0;i<n;++i){var c=F[i],l=c.length;'
+  ]
+
+  function generateCase(facets) {
+    if(facets.length <= 0) {
+      return
+    }
+    code.push('R.push(')
+    for(var i=0; i<facets.length; ++i) {
+      var facet = facets[i]
+      if(i > 0) {
+        code.push(',')
+      }
+      code.push('[')
+      for(var j=0; j<facet.length; ++j) {
+        var f = facet[j]
+        if(j > 0) {
+          code.push(',')
+        }
+        code.push('B(C,E,c[', f[0], '],c[', f[1], '])')
+      }
+      code.push(']')
+    }
+    code.push(');')
+  }
+
+  for(var i=d+1; i>1; --i) {
+    if(i < d+1) {
+      code.push('else ')
+    }
+    code.push('if(l===', i, '){')
+
+    //Generate mask
+    var maskStr = []
+    for(var j=0; j<i; ++j) {
+      maskStr.push('(S[c['+j+']]<<'+j+')')
+    }
+
+    //Perform table look up
+    code.push('var M=', maskStr.join('+'), 
+      ';if(M===0||M===', (1<<i)-1, 
+        '){continue}switch(M){')
+
+    var tab = tables[i-1]
+    for(var j=0; j<tab.length; ++j) {
+      code.push('case ', j, ':')
+      generateCase(tab[j])
+      code.push('break;')
+    }
+    code.push('}}')
+  }
+  code.push('}return R;};return getContour', d, 'd')
+
+  var proc = new Function('pool', code.join(''))
+  return proc(pool)
+}
+
+function getPolygonizer(d) {
+  var alg = CACHE[d]
+  if(!alg) {
+    alg = CACHE[d] = createCellPolygonizer(d) 
+  }
+  return alg
+}
+},{"marching-simplex-table":445,"typedarray-pool":541}],519:[function(require,module,exports){
+"use strict"; "use restrict";
+
+var bits      = require("bit-twiddle")
+  , UnionFind = require("union-find")
+
+//Returns the dimension of a cell complex
+function dimension(cells) {
+  var d = 0
+    , max = Math.max
+  for(var i=0, il=cells.length; i<il; ++i) {
+    d = max(d, cells[i].length)
+  }
+  return d-1
+}
+exports.dimension = dimension
+
+//Counts the number of vertices in faces
+function countVertices(cells) {
+  var vc = -1
+    , max = Math.max
+  for(var i=0, il=cells.length; i<il; ++i) {
+    var c = cells[i]
+    for(var j=0, jl=c.length; j<jl; ++j) {
+      vc = max(vc, c[j])
+    }
+  }
+  return vc+1
+}
+exports.countVertices = countVertices
+
+//Returns a deep copy of cells
+function cloneCells(cells) {
+  var ncells = new Array(cells.length)
+  for(var i=0, il=cells.length; i<il; ++i) {
+    ncells[i] = cells[i].slice(0)
+  }
+  return ncells
+}
+exports.cloneCells = cloneCells
+
+//Ranks a pair of cells up to permutation
+function compareCells(a, b) {
+  var n = a.length
+    , t = a.length - b.length
+    , min = Math.min
+  if(t) {
+    return t
+  }
+  switch(n) {
+    case 0:
+      return 0;
+    case 1:
+      return a[0] - b[0];
+    case 2:
+      var d = a[0]+a[1]-b[0]-b[1]
+      if(d) {
+        return d
+      }
+      return min(a[0],a[1]) - min(b[0],b[1])
+    case 3:
+      var l1 = a[0]+a[1]
+        , m1 = b[0]+b[1]
+      d = l1+a[2] - (m1+b[2])
+      if(d) {
+        return d
+      }
+      var l0 = min(a[0], a[1])
+        , m0 = min(b[0], b[1])
+        , d  = min(l0, a[2]) - min(m0, b[2])
+      if(d) {
+        return d
+      }
+      return min(l0+a[2], l1) - min(m0+b[2], m1)
+    
+    //TODO: Maybe optimize n=4 as well?
+    
+    default:
+      var as = a.slice(0)
+      as.sort()
+      var bs = b.slice(0)
+      bs.sort()
+      for(var i=0; i<n; ++i) {
+        t = as[i] - bs[i]
+        if(t) {
+          return t
+        }
+      }
+      return 0
+  }
+}
+exports.compareCells = compareCells
+
+function compareZipped(a, b) {
+  return compareCells(a[0], b[0])
+}
+
+//Puts a cell complex into normal order for the purposes of findCell queries
+function normalize(cells, attr) {
+  if(attr) {
+    var len = cells.length
+    var zipped = new Array(len)
+    for(var i=0; i<len; ++i) {
+      zipped[i] = [cells[i], attr[i]]
+    }
+    zipped.sort(compareZipped)
+    for(var i=0; i<len; ++i) {
+      cells[i] = zipped[i][0]
+      attr[i] = zipped[i][1]
+    }
+    return cells
+  } else {
+    cells.sort(compareCells)
+    return cells
+  }
+}
+exports.normalize = normalize
+
+//Removes all duplicate cells in the complex
+function unique(cells) {
+  if(cells.length === 0) {
+    return []
+  }
+  var ptr = 1
+    , len = cells.length
+  for(var i=1; i<len; ++i) {
+    var a = cells[i]
+    if(compareCells(a, cells[i-1])) {
+      if(i === ptr) {
+        ptr++
+        continue
+      }
+      cells[ptr++] = a
+    }
+  }
+  cells.length = ptr
+  return cells
+}
+exports.unique = unique;
+
+//Finds a cell in a normalized cell complex
+function findCell(cells, c) {
+  var lo = 0
+    , hi = cells.length-1
+    , r  = -1
+  while (lo <= hi) {
+    var mid = (lo + hi) >> 1
+      , s   = compareCells(cells[mid], c)
+    if(s <= 0) {
+      if(s === 0) {
+        r = mid
+      }
+      lo = mid + 1
+    } else if(s > 0) {
+      hi = mid - 1
+    }
+  }
+  return r
+}
+exports.findCell = findCell;
+
+//Builds an index for an n-cell.  This is more general than dual, but less efficient
+function incidence(from_cells, to_cells) {
+  var index = new Array(from_cells.length)
+  for(var i=0, il=index.length; i<il; ++i) {
+    index[i] = []
+  }
+  var b = []
+  for(var i=0, n=to_cells.length; i<n; ++i) {
+    var c = to_cells[i]
+    var cl = c.length
+    for(var k=1, kn=(1<<cl); k<kn; ++k) {
+      b.length = bits.popCount(k)
+      var l = 0
+      for(var j=0; j<cl; ++j) {
+        if(k & (1<<j)) {
+          b[l++] = c[j]
+        }
+      }
+      var idx=findCell(from_cells, b)
+      if(idx < 0) {
+        continue
+      }
+      while(true) {
+        index[idx++].push(i)
+        if(idx >= from_cells.length || compareCells(from_cells[idx], b) !== 0) {
+          break
+        }
+      }
+    }
+  }
+  return index
+}
+exports.incidence = incidence
+
+//Computes the dual of the mesh.  This is basically an optimized version of buildIndex for the situation where from_cells is just the list of vertices
+function dual(cells, vertex_count) {
+  if(!vertex_count) {
+    return incidence(unique(skeleton(cells, 0)), cells, 0)
+  }
+  var res = new Array(vertex_count)
+  for(var i=0; i<vertex_count; ++i) {
+    res[i] = []
+  }
+  for(var i=0, len=cells.length; i<len; ++i) {
+    var c = cells[i]
+    for(var j=0, cl=c.length; j<cl; ++j) {
+      res[c[j]].push(i)
+    }
+  }
+  return res
+}
+exports.dual = dual
+
+//Enumerates all cells in the complex
+function explode(cells) {
+  var result = []
+  for(var i=0, il=cells.length; i<il; ++i) {
+    var c = cells[i]
+      , cl = c.length|0
+    for(var j=1, jl=(1<<cl); j<jl; ++j) {
+      var b = []
+      for(var k=0; k<cl; ++k) {
+        if((j >>> k) & 1) {
+          b.push(c[k])
+        }
+      }
+      result.push(b)
+    }
+  }
+  return normalize(result)
+}
+exports.explode = explode
+
+//Enumerates all of the n-cells of a cell complex
+function skeleton(cells, n) {
+  if(n < 0) {
+    return []
+  }
+  var result = []
+    , k0     = (1<<(n+1))-1
+  for(var i=0; i<cells.length; ++i) {
+    var c = cells[i]
+    for(var k=k0; k<(1<<c.length); k=bits.nextCombination(k)) {
+      var b = new Array(n+1)
+        , l = 0
+      for(var j=0; j<c.length; ++j) {
+        if(k & (1<<j)) {
+          b[l++] = c[j]
+        }
+      }
+      result.push(b)
+    }
+  }
+  return normalize(result)
+}
+exports.skeleton = skeleton;
+
+//Computes the boundary of all cells, does not remove duplicates
+function boundary(cells) {
+  var res = []
+  for(var i=0,il=cells.length; i<il; ++i) {
+    var c = cells[i]
+    for(var j=0,cl=c.length; j<cl; ++j) {
+      var b = new Array(c.length-1)
+      for(var k=0, l=0; k<cl; ++k) {
+        if(k !== j) {
+          b[l++] = c[k]
+        }
+      }
+      res.push(b)
+    }
+  }
+  return normalize(res)
+}
+exports.boundary = boundary;
+
+//Computes connected components for a dense cell complex
+function connectedComponents_dense(cells, vertex_count) {
+  var labels = new UnionFind(vertex_count)
+  for(var i=0; i<cells.length; ++i) {
+    var c = cells[i]
+    for(var j=0; j<c.length; ++j) {
+      for(var k=j+1; k<c.length; ++k) {
+        labels.link(c[j], c[k])
+      }
+    }
+  }
+  var components = []
+    , component_labels = labels.ranks
+  for(var i=0; i<component_labels.length; ++i) {
+    component_labels[i] = -1
+  }
+  for(var i=0; i<cells.length; ++i) {
+    var l = labels.find(cells[i][0])
+    if(component_labels[l] < 0) {
+      component_labels[l] = components.length
+      components.push([cells[i].slice(0)])
+    } else {
+      components[component_labels[l]].push(cells[i].slice(0))
+    }
+  }
+  return components
+}
+
+//Computes connected components for a sparse graph
+function connectedComponents_sparse(cells) {
+  var vertices  = unique(normalize(skeleton(cells, 0)))
+    , labels    = new UnionFind(vertices.length)
+  for(var i=0; i<cells.length; ++i) {
+    var c = cells[i]
+    for(var j=0; j<c.length; ++j) {
+      var vj = findCell(vertices, [c[j]])
+      for(var k=j+1; k<c.length; ++k) {
+        labels.link(vj, findCell(vertices, [c[k]]))
+      }
+    }
+  }
+  var components        = []
+    , component_labels  = labels.ranks
+  for(var i=0; i<component_labels.length; ++i) {
+    component_labels[i] = -1
+  }
+  for(var i=0; i<cells.length; ++i) {
+    var l = labels.find(findCell(vertices, [cells[i][0]]));
+    if(component_labels[l] < 0) {
+      component_labels[l] = components.length
+      components.push([cells[i].slice(0)])
+    } else {
+      components[component_labels[l]].push(cells[i].slice(0))
+    }
+  }
+  return components
+}
+
+//Computes connected components for a cell complex
+function connectedComponents(cells, vertex_count) {
+  if(vertex_count) {
+    return connectedComponents_dense(cells, vertex_count)
+  }
+  return connectedComponents_sparse(cells)
+}
+exports.connectedComponents = connectedComponents
+
+},{"bit-twiddle":67,"union-find":542}],520:[function(require,module,exports){
+arguments[4][67][0].apply(exports,arguments)
+},{"dup":67}],521:[function(require,module,exports){
+arguments[4][519][0].apply(exports,arguments)
+},{"bit-twiddle":520,"dup":519,"union-find":522}],522:[function(require,module,exports){
+"use strict"; "use restrict";
+
+module.exports = UnionFind;
+
+function UnionFind(count) {
+  this.roots = new Array(count);
+  this.ranks = new Array(count);
+  
+  for(var i=0; i<count; ++i) {
+    this.roots[i] = i;
+    this.ranks[i] = 0;
+  }
+}
+
+UnionFind.prototype.length = function() {
+  return this.roots.length;
+}
+
+UnionFind.prototype.makeSet = function() {
+  var n = this.roots.length;
+  this.roots.push(n);
+  this.ranks.push(0);
+  return n;
+}
+
+UnionFind.prototype.find = function(x) {
+  var roots = this.roots;
+  while(roots[x] !== x) {
+    var y = roots[x];
+    roots[x] = roots[y];
+    x = y;
+  }
+  return x;
+}
+
+UnionFind.prototype.link = function(x, y) {
+  var xr = this.find(x)
+    , yr = this.find(y);
+  if(xr === yr) {
+    return;
+  }
+  var ranks = this.ranks
+    , roots = this.roots
+    , xd    = ranks[xr]
+    , yd    = ranks[yr];
+  if(xd < yd) {
+    roots[xr] = yr;
+  } else if(yd < xd) {
+    roots[yr] = xr;
+  } else {
+    roots[yr] = xr;
+    ++ranks[xr];
+  }
+}
+
+
+},{}],523:[function(require,module,exports){
+"use strict"
+
+module.exports = simplifyPolygon
+
+var orient = require("robust-orientation")
+var sc = require("simplicial-complex")
+
+function errorWeight(base, a, b) {
+  var area = Math.abs(orient(base, a, b))
+  var perim = Math.sqrt(Math.pow(a[0] - b[0], 2) + Math.pow(a[1]-b[1], 2))
+  return area / perim
+}
+
+function simplifyPolygon(cells, positions, minArea) {
+
+  var n = positions.length
+  var nc = cells.length
+  var inv = new Array(n)
+  var outv = new Array(n)
+  var weights = new Array(n)
+  var dead = new Array(n)
+  
+  //Initialize tables
+  for(var i=0; i<n; ++i) {
+    inv[i] = outv[i] = -1
+    weights[i] = Infinity
+    dead[i] = false
+  }
+
+  //Compute neighbors
+  for(var i=0; i<nc; ++i) {
+    var c = cells[i]
+    if(c.length !== 2) {
+      throw new Error("Input must be a graph")
+    }
+    var s = c[1]
+    var t = c[0]
+    if(outv[t] !== -1) {
+      outv[t] = -2
+    } else {
+      outv[t] = s
+    }
+    if(inv[s] !== -1) {
+      inv[s] = -2
+    } else {
+      inv[s] = t
+    }
+  }
+
+  //Updates the weight for vertex i
+  function computeWeight(i) {
+    if(dead[i]) {
+      return Infinity
+    }
+    //TODO: Check that the line segment doesn't cross once simplified
+    var s = inv[i]
+    var t = outv[i]
+    if((s<0) || (t<0)) {
+      return Infinity
+    } else {
+      return errorWeight(positions[i], positions[s], positions[t])
+    }
+  }
+
+  //Swaps two nodes on the heap (i,j) are the index of the nodes
+  function heapSwap(i,j) {
+    var a = heap[i]
+    var b = heap[j]
+    heap[i] = b
+    heap[j] = a
+    index[a] = j
+    index[b] = i
+  }
+
+  //Returns the weight of node i on the heap
+  function heapWeight(i) {
+    return weights[heap[i]]
+  }
+
+  function heapParent(i) {
+    if(i & 1) {
+      return (i - 1) >> 1
+    }
+    return (i >> 1) - 1
+  }
+
+  //Bubble element i down the heap
+  function heapDown(i) {
+    var w = heapWeight(i)
+    while(true) {
+      var tw = w
+      var left  = 2*i + 1
+      var right = 2*(i + 1)
+      var next = i
+      if(left < heapCount) {
+        var lw = heapWeight(left)
+        if(lw < tw) {
+          next = left
+          tw = lw
+        }
+      }
+      if(right < heapCount) {
+        var rw = heapWeight(right)
+        if(rw < tw) {
+          next = right
+        }
+      }
+      if(next === i) {
+        return i
+      }
+      heapSwap(i, next)
+      i = next      
+    }
+  }
+
+  //Bubbles element i up the heap
+  function heapUp(i) {
+    var w = heapWeight(i)
+    while(i > 0) {
+      var parent = heapParent(i)
+      if(parent >= 0) {
+        var pw = heapWeight(parent)
+        if(w < pw) {
+          heapSwap(i, parent)
+          i = parent
+          continue
+        }
+      }
+      return i
+    }
+  }
+
+  //Pop minimum element
+  function heapPop() {
+    if(heapCount > 0) {
+      var head = heap[0]
+      heapSwap(0, heapCount-1)
+      heapCount -= 1
+      heapDown(0)
+      return head
+    }
+    return -1
+  }
+
+  //Update heap item i
+  function heapUpdate(i, w) {
+    var a = heap[i]
+    if(weights[a] === w) {
+      return i
+    }
+    weights[a] = -Infinity
+    heapUp(i)
+    heapPop()
+    weights[a] = w
+    heapCount += 1
+    return heapUp(heapCount-1)
+  }
+
+  //Kills a vertex (assume vertex already removed from heap)
+  function kill(i) {
+    if(dead[i]) {
+      return
+    }
+    //Kill vertex
+    dead[i] = true
+    //Fixup topology
+    var s = inv[i]
+    var t = outv[i]
+    if(inv[t] >= 0) {
+      inv[t] = s
+    }
+    if(outv[s] >= 0) {
+      outv[s] = t
+    }
+
+    //Update weights on s and t
+    if(index[s] >= 0) {
+      heapUpdate(index[s], computeWeight(s))
+    }
+    if(index[t] >= 0) {
+      heapUpdate(index[t], computeWeight(t))
+    }
+  }
+
+  //Initialize weights and heap
+  var heap = []
+  var index = new Array(n)
+  for(var i=0; i<n; ++i) {
+    var w = weights[i] = computeWeight(i)
+    if(w < Infinity) {
+      index[i] = heap.length
+      heap.push(i)
+    } else {
+      index[i] = -1
+    }
+  }
+  var heapCount = heap.length
+  for(var i=heapCount>>1; i>=0; --i) {
+    heapDown(i)
+  }
+  
+  //Kill vertices
+  while(true) {
+    var hmin = heapPop()
+    if((hmin < 0) || (weights[hmin] > minArea)) {
+      break
+    }
+    kill(hmin)
+  }
+
+  //Build collapsed vertex table
+  var npositions = []
+  for(var i=0; i<n; ++i) {
+    if(!dead[i]) {
+      index[i] = npositions.length
+      npositions.push(positions[i].slice())
+    }
+  }
+  var nv = npositions.length
+
+  function tortoiseHare(seq, start) {
+    if(seq[start] < 0) {
+      return start
+    }
+    var t = start
+    var h = start
+    do {
+      //Walk two steps with h
+      var nh = seq[h]
+      if(!dead[h] || nh < 0 || nh === h) {
+        break
+      }
+      h = nh
+      nh = seq[h]
+      if(!dead[h] || nh < 0 || nh === h) {
+        break
+      }
+      h = nh
+
+      //Walk one step with t
+      t = seq[t]
+    } while(t !== h)
+    //Compress cycles
+    for(var v=start; v!==h; v = seq[v]) {
+      seq[v] = h
+    }
+    return h
+  }
+
+  var ncells = []
+  cells.forEach(function(c) {
+    var tin = tortoiseHare(inv, c[0])
+    var tout = tortoiseHare(outv, c[1])
+    if(tin >= 0 && tout >= 0 && tin !== tout) {
+      var cin = index[tin]
+      var cout = index[tout]
+      if(cin !== cout) {
+        ncells.push([ cin, cout ])
+      }
+    }
+  })
+
+  //Normalize result
+  sc.unique(sc.normalize(ncells))
+
+  //Return final list of cells
+  return {
+    positions: npositions,
+    edges: ncells
+  }
+}
+},{"robust-orientation":508,"simplicial-complex":521}],524:[function(require,module,exports){
+"use strict"
+
+module.exports = orderSegments
+
+var orient = require("robust-orientation")
+
+function horizontalOrder(a, b) {
+  var bl, br
+  if(b[0][0] < b[1][0]) {
+    bl = b[0]
+    br = b[1]
+  } else if(b[0][0] > b[1][0]) {
+    bl = b[1]
+    br = b[0]
+  } else {
+    var alo = Math.min(a[0][1], a[1][1])
+    var ahi = Math.max(a[0][1], a[1][1])
+    var blo = Math.min(b[0][1], b[1][1])
+    var bhi = Math.max(b[0][1], b[1][1])
+    if(ahi < blo) {
+      return ahi - blo
+    }
+    if(alo > bhi) {
+      return alo - bhi
+    }
+    return ahi - bhi
+  }
+  var al, ar
+  if(a[0][1] < a[1][1]) {
+    al = a[0]
+    ar = a[1]
+  } else {
+    al = a[1]
+    ar = a[0]
+  }
+  var d = orient(br, bl, al)
+  if(d) {
+    return d
+  }
+  d = orient(br, bl, ar)
+  if(d) {
+    return d
+  }
+  return ar - br
+}
+
+function orderSegments(b, a) {
+  var al, ar
+  if(a[0][0] < a[1][0]) {
+    al = a[0]
+    ar = a[1]
+  } else if(a[0][0] > a[1][0]) {
+    al = a[1]
+    ar = a[0]
+  } else {
+    return horizontalOrder(a, b)
+  }
+  var bl, br
+  if(b[0][0] < b[1][0]) {
+    bl = b[0]
+    br = b[1]
+  } else if(b[0][0] > b[1][0]) {
+    bl = b[1]
+    br = b[0]
+  } else {
+    return -horizontalOrder(b, a)
+  }
+  var d1 = orient(al, ar, br)
+  var d2 = orient(al, ar, bl)
+  if(d1 < 0) {
+    if(d2 <= 0) {
+      return d1
+    }
+  } else if(d1 > 0) {
+    if(d2 >= 0) {
+      return d1
+    }
+  } else if(d2) {
+    return d2
+  }
+  d1 = orient(br, bl, ar)
+  d2 = orient(br, bl, al)
+  if(d1 < 0) {
+    if(d2 <= 0) {
+      return d1
+    }
+  } else if(d1 > 0) {
+    if(d2 >= 0) {
+      return d1
+    }
+  } else if(d2) {
+    return d2
+  }
+  return ar[0] - br[0]
+}
+},{"robust-orientation":508}],525:[function(require,module,exports){
+"use strict"
+
+module.exports = createSlabDecomposition
+
+var bounds = require("binary-search-bounds")
+var createRBTree = require("functional-red-black-tree")
+var orient = require("robust-orientation")
+var orderSegments = require("./lib/order-segments")
+
+function SlabDecomposition(slabs, coordinates, horizontal) {
+  this.slabs = slabs
+  this.coordinates = coordinates
+  this.horizontal = horizontal
+}
+
+var proto = SlabDecomposition.prototype
+
+function compareHorizontal(e, y) {
+  return e.y - y
+}
+
+function searchBucket(root, p) {
+  var lastNode = null
+  while(root) {
+    var seg = root.key
+    var l, r
+    if(seg[0][0] < seg[1][0]) {
+      l = seg[0]
+      r = seg[1]
+    } else {
+      l = seg[1]
+      r = seg[0]
+    }
+    var o = orient(l, r, p)
+    if(o < 0) {
+      root = root.left
+    } else if(o > 0) {
+      if(p[0] !== seg[1][0]) {
+        lastNode = root
+        root = root.right
+      } else {
+        var val = searchBucket(root.right, p)
+        if(val) {
+          return val
+        }
+        root = root.left
+      }
+    } else {
+      if(p[0] !== seg[1][0]) {
+        return root
+      } else {
+        var val = searchBucket(root.right, p)
+        if(val) {
+          return val
+        }
+        root = root.left
+      }
+    }
+  }
+  return lastNode
+}
+
+proto.castUp = function(p) {
+  var bucket = bounds.le(this.coordinates, p[0])
+  if(bucket < 0) {
+    return -1
+  }
+  var root = this.slabs[bucket]
+  var hitNode = searchBucket(this.slabs[bucket], p)
+  var lastHit = -1
+  if(hitNode) {
+    lastHit = hitNode.value
+  }
+  //Edge case: need to handle horizontal segments (sucks)
+  if(this.coordinates[bucket] === p[0]) {
+    var lastSegment = null
+    if(hitNode) {
+      lastSegment = hitNode.key
+    }
+    if(bucket > 0) {
+      var otherHitNode = searchBucket(this.slabs[bucket-1], p)
+      if(otherHitNode) {
+        if(lastSegment) {
+          if(orderSegments(otherHitNode.key, lastSegment) > 0) {
+            lastSegment = otherHitNode.key
+            lastHit = otherHitNode.value
+          }
+        } else {
+          lastHit = otherHitNode.value
+          lastSegment = otherHitNode.key
+        }
+      }
+    }
+    var horiz = this.horizontal[bucket]
+    if(horiz.length > 0) {
+      var hbucket = bounds.ge(horiz, p[1], compareHorizontal)
+      if(hbucket < horiz.length) {
+        var e = horiz[hbucket]
+        if(p[1] === e.y) {
+          if(e.closed) {
+            return e.index
+          } else {
+            while(hbucket < horiz.length-1 && horiz[hbucket+1].y === p[1]) {
+              hbucket = hbucket+1
+              e = horiz[hbucket]
+              if(e.closed) {
+                return e.index
+              }
+            }
+            if(e.y === p[1] && !e.start) {
+              hbucket = hbucket+1
+              if(hbucket >= horiz.length) {
+                return lastHit
+              }
+              e = horiz[hbucket]
+            }
+          }
+        }
+        //Check if e is above/below last segment
+        if(e.start) {
+          if(lastSegment) {
+            var o = orient(lastSegment[0], lastSegment[1], [p[0], e.y])
+            if(lastSegment[0][0] > lastSegment[1][0]) {
+              o = -o
+            }
+            if(o > 0) {
+              lastHit = e.index
+            }
+          } else {
+            lastHit = e.index
+          }
+        } else if(e.y !== p[1]) {
+          lastHit = e.index
+        }
+      }
+    }
+  }
+  return lastHit
+}
+
+function IntervalSegment(y, index, start, closed) {
+  this.y = y
+  this.index = index
+  this.start = start
+  this.closed = closed
+}
+
+function Event(x, segment, create, index) {
+  this.x = x
+  this.segment = segment
+  this.create = create
+  this.index = index
+}
+
+
+function createSlabDecomposition(segments) {
+  var numSegments = segments.length
+  var numEvents = 2 * numSegments
+  var events = new Array(numEvents)
+  for(var i=0; i<numSegments; ++i) {
+    var s = segments[i]
+    var f = s[0][0] < s[1][0]
+    events[2*i] = new Event(s[0][0], s, f, i)
+    events[2*i+1] = new Event(s[1][0], s, !f, i)
+  }
+  events.sort(function(a,b) {
+    var d = a.x - b.x
+    if(d) {
+      return d
+    }
+    d = a.create - b.create
+    if(d) {
+      return d
+    }
+    return Math.min(a.segment[0][1], a.segment[1][1]) - Math.min(b.segment[0][1], b.segment[1][1])
+  })
+  var tree = createRBTree(orderSegments)
+  var slabs = []
+  var lines = []
+  var horizontal = []
+  var lastX = -Infinity
+  for(var i=0; i<numEvents; ) {
+    var x = events[i].x
+    var horiz = []
+    while(i < numEvents) {
+      var e = events[i]
+      if(e.x !== x) {
+        break
+      }
+      i += 1
+      if(e.segment[0][0] === e.x && e.segment[1][0] === e.x) {
+        if(e.create) {
+          if(e.segment[0][1] < e.segment[1][1]) {
+            horiz.push(new IntervalSegment(
+                e.segment[0][1],
+                e.index,
+                true,
+                true))
+            horiz.push(new IntervalSegment(
+                e.segment[1][1],
+                e.index,
+                false,
+                false))
+          } else {
+            horiz.push(new IntervalSegment(
+                e.segment[1][1],
+                e.index,
+                true,
+                false))
+            horiz.push(new IntervalSegment(
+                e.segment[0][1],
+                e.index,
+                false,
+                true))
+          }
+        }
+      } else {
+        if(e.create) {
+          tree = tree.insert(e.segment, e.index)
+        } else {
+          tree = tree.remove(e.segment)
+        }
+      }
+    }
+    slabs.push(tree.root)
+    lines.push(x)
+    horizontal.push(horiz)
+  }
+  return new SlabDecomposition(slabs, lines, horizontal)
+}
+},{"./lib/order-segments":524,"binary-search-bounds":66,"functional-red-black-tree":135,"robust-orientation":508}],526:[function(require,module,exports){
+"use strict"
+
+var robustDot = require("robust-dot-product")
+var robustSum = require("robust-sum")
+
+module.exports = splitPolygon
+module.exports.positive = positive
+module.exports.negative = negative
+
+function planeT(p, plane) {
+  var r = robustSum(robustDot(p, plane), [plane[plane.length-1]])
+  return r[r.length-1]
+}
+
+
+//Can't do this exactly and emit a floating point result
+function lerpW(a, wa, b, wb) {
+  var d = wb - wa
+  var t = -wa / d
+  if(t < 0.0) {
+    t = 0.0
+  } else if(t > 1.0) {
+    t = 1.0
+  }
+  var ti = 1.0 - t
+  var n = a.length
+  var r = new Array(n)
+  for(var i=0; i<n; ++i) {
+    r[i] = t * a[i] + ti * b[i]
+  }
+  return r
+}
+
+function splitPolygon(points, plane) {
+  var pos = []
+  var neg = []
+  var a = planeT(points[points.length-1], plane)
+  for(var s=points[points.length-1], t=points[0], i=0; i<points.length; ++i, s=t) {
+    t = points[i]
+    var b = planeT(t, plane)
+    if((a < 0 && b > 0) || (a > 0 && b < 0)) {
+      var p = lerpW(s, b, t, a)
+      pos.push(p)
+      neg.push(p.slice())
+    }
+    if(b < 0) {
+      neg.push(t.slice())
+    } else if(b > 0) {
+      pos.push(t.slice())
+    } else {
+      pos.push(t.slice())
+      neg.push(t.slice())
+    }
+    a = b
+  }
+  return { positive: pos, negative: neg }
+}
+
+function positive(points, plane) {
+  var pos = []
+  var a = planeT(points[points.length-1], plane)
+  for(var s=points[points.length-1], t=points[0], i=0; i<points.length; ++i, s=t) {
+    t = points[i]
+    var b = planeT(t, plane)
+    if((a < 0 && b > 0) || (a > 0 && b < 0)) {
+      pos.push(lerpW(s, b, t, a))
+    }
+    if(b >= 0) {
+      pos.push(t.slice())
+    }
+    a = b
+  }
+  return pos
+}
+
+function negative(points, plane) {
+  var neg = []
+  var a = planeT(points[points.length-1], plane)
+  for(var s=points[points.length-1], t=points[0], i=0; i<points.length; ++i, s=t) {
+    t = points[i]
+    var b = planeT(t, plane)
+    if((a < 0 && b > 0) || (a > 0 && b < 0)) {
+      neg.push(lerpW(s, b, t, a))
+    }
+    if(b <= 0) {
+      neg.push(t.slice())
+    }
+    a = b
+  }
+  return neg
+}
+},{"robust-dot-product":505,"robust-sum":513}],527:[function(require,module,exports){
+/* global window, exports, define */
+
+!function() {
+    'use strict'
+
+    var re = {
+        not_string: /[^s]/,
+        not_bool: /[^t]/,
+        not_type: /[^T]/,
+        not_primitive: /[^v]/,
+        number: /[diefg]/,
+        numeric_arg: /[bcdiefguxX]/,
+        json: /[j]/,
+        not_json: /[^j]/,
+        text: /^[^\x25]+/,
+        modulo: /^\x25{2}/,
+        placeholder: /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,
+        key: /^([a-z_][a-z_\d]*)/i,
+        key_access: /^\.([a-z_][a-z_\d]*)/i,
+        index_access: /^\[(\d+)\]/,
+        sign: /^[\+\-]/
+    }
+
+    function sprintf(key) {
+        // `arguments` is not an array, but should be fine for this call
+        return sprintf_format(sprintf_parse(key), arguments)
+    }
+
+    function vsprintf(fmt, argv) {
+        return sprintf.apply(null, [fmt].concat(argv || []))
+    }
+
+    function sprintf_format(parse_tree, argv) {
+        var cursor = 1, tree_length = parse_tree.length, arg, output = '', i, k, match, pad, pad_character, pad_length, is_positive, sign
+        for (i = 0; i < tree_length; i++) {
+            if (typeof parse_tree[i] === 'string') {
+                output += parse_tree[i]
+            }
+            else if (Array.isArray(parse_tree[i])) {
+                match = parse_tree[i] // convenience purposes only
+                if (match[2]) { // keyword argument
+                    arg = argv[cursor]
+                    for (k = 0; k < match[2].length; k++) {
+                        if (!arg.hasOwnProperty(match[2][k])) {
+                            throw new Error(sprintf('[sprintf] property "%s" does not exist', match[2][k]))
+                        }
+                        arg = arg[match[2][k]]
+                    }
+                }
+                else if (match[1]) { // positional argument (explicit)
+                    arg = argv[match[1]]
+                }
+                else { // positional argument (implicit)
+                    arg = argv[cursor++]
+                }
+
+                if (re.not_type.test(match[8]) && re.not_primitive.test(match[8]) && arg instanceof Function) {
+                    arg = arg()
+                }
+
+                if (re.numeric_arg.test(match[8]) && (typeof arg !== 'number' && isNaN(arg))) {
+                    throw new TypeError(sprintf('[sprintf] expecting number but found %T', arg))
+                }
+
+                if (re.number.test(match[8])) {
+                    is_positive = arg >= 0
+                }
+
+                switch (match[8]) {
+                    case 'b':
+                        arg = parseInt(arg, 10).toString(2)
+                        break
+                    case 'c':
+                        arg = String.fromCharCode(parseInt(arg, 10))
+                        break
+                    case 'd':
+                    case 'i':
+                        arg = parseInt(arg, 10)
+                        break
+                    case 'j':
+                        arg = JSON.stringify(arg, null, match[6] ? parseInt(match[6]) : 0)
+                        break
+                    case 'e':
+                        arg = match[7] ? parseFloat(arg).toExponential(match[7]) : parseFloat(arg).toExponential()
+                        break
+                    case 'f':
+                        arg = match[7] ? parseFloat(arg).toFixed(match[7]) : parseFloat(arg)
+                        break
+                    case 'g':
+                        arg = match[7] ? String(Number(arg.toPrecision(match[7]))) : parseFloat(arg)
+                        break
+                    case 'o':
+                        arg = (parseInt(arg, 10) >>> 0).toString(8)
+                        break
+                    case 's':
+                        arg = String(arg)
+                        arg = (match[7] ? arg.substring(0, match[7]) : arg)
+                        break
+                    case 't':
+                        arg = String(!!arg)
+                        arg = (match[7] ? arg.substring(0, match[7]) : arg)
+                        break
+                    case 'T':
+                        arg = Object.prototype.toString.call(arg).slice(8, -1).toLowerCase()
+                        arg = (match[7] ? arg.substring(0, match[7]) : arg)
+                        break
+                    case 'u':
+                        arg = parseInt(arg, 10) >>> 0
+                        break
+                    case 'v':
+                        arg = arg.valueOf()
+                        arg = (match[7] ? arg.substring(0, match[7]) : arg)
+                        break
+                    case 'x':
+                        arg = (parseInt(arg, 10) >>> 0).toString(16)
+                        break
+                    case 'X':
+                        arg = (parseInt(arg, 10) >>> 0).toString(16).toUpperCase()
+                        break
+                }
+                if (re.json.test(match[8])) {
+                    output += arg
+                }
+                else {
+                    if (re.number.test(match[8]) && (!is_positive || match[3])) {
+                        sign = is_positive ? '+' : '-'
+                        arg = arg.toString().replace(re.sign, '')
+                    }
+                    else {
+                        sign = ''
+                    }
+                    pad_character = match[4] ? match[4] === '0' ? '0' : match[4].charAt(1) : ' '
+                    pad_length = match[6] - (sign + arg).length
+                    pad = match[6] ? (pad_length > 0 ? pad_character.repeat(pad_length) : '') : ''
+                    output += match[5] ? sign + arg + pad : (pad_character === '0' ? sign + pad + arg : pad + sign + arg)
+                }
+            }
+        }
+        return output
+    }
+
+    var sprintf_cache = Object.create(null)
+
+    function sprintf_parse(fmt) {
+        if (sprintf_cache[fmt]) {
+            return sprintf_cache[fmt]
+        }
+
+        var _fmt = fmt, match, parse_tree = [], arg_names = 0
+        while (_fmt) {
+            if ((match = re.text.exec(_fmt)) !== null) {
+                parse_tree.push(match[0])
+            }
+            else if ((match = re.modulo.exec(_fmt)) !== null) {
+                parse_tree.push('%')
+            }
+            else if ((match = re.placeholder.exec(_fmt)) !== null) {
+                if (match[2]) {
+                    arg_names |= 1
+                    var field_list = [], replacement_field = match[2], field_match = []
+                    if ((field_match = re.key.exec(replacement_field)) !== null) {
+                        field_list.push(field_match[1])
+                        while ((replacement_field = replacement_field.substring(field_match[0].length)) !== '') {
+                            if ((field_match = re.key_access.exec(replacement_field)) !== null) {
+                                field_list.push(field_match[1])
+                            }
+                            else if ((field_match = re.index_access.exec(replacement_field)) !== null) {
+                                field_list.push(field_match[1])
+                            }
+                            else {
+                                throw new SyntaxError('[sprintf] failed to parse named argument key')
+                            }
+                        }
+                    }
+                    else {
+                        throw new SyntaxError('[sprintf] failed to parse named argument key')
+                    }
+                    match[2] = field_list
+                }
+                else {
+                    arg_names |= 2
+                }
+                if (arg_names === 3) {
+                    throw new Error('[sprintf] mixing positional and named placeholders is not (yet) supported')
+                }
+                parse_tree.push(match)
+            }
+            else {
+                throw new SyntaxError('[sprintf] unexpected placeholder')
+            }
+            _fmt = _fmt.substring(match[0].length)
+        }
+        return sprintf_cache[fmt] = parse_tree
+    }
+
+    /**
+     * export to either browser or node.js
+     */
+    /* eslint-disable quote-props */
+    if (typeof exports !== 'undefined') {
+        exports['sprintf'] = sprintf
+        exports['vsprintf'] = vsprintf
+    }
+    if (typeof window !== 'undefined') {
+        window['sprintf'] = sprintf
+        window['vsprintf'] = vsprintf
+
+        if (typeof define === 'function' && define['amd']) {
+            define(function() {
+                return {
+                    'sprintf': sprintf,
+                    'vsprintf': vsprintf
+                }
+            })
+        }
+    }
+    /* eslint-enable quote-props */
+}()
+
+},{}],528:[function(require,module,exports){
+"use strict"
+
+module.exports = stronglyConnectedComponents
+
+function stronglyConnectedComponents(adjList) {
+  var numVertices = adjList.length;
+  var index = new Array(numVertices)
+  var lowValue = new Array(numVertices)
+  var active = new Array(numVertices)
+  var child = new Array(numVertices)
+  var scc = new Array(numVertices)
+  var sccLinks = new Array(numVertices)
+  
+  //Initialize tables
+  for(var i=0; i<numVertices; ++i) {
+    index[i] = -1
+    lowValue[i] = 0
+    active[i] = false
+    child[i] = 0
+    scc[i] = -1
+    sccLinks[i] = []
+  }
+
+  // The strongConnect function
+  var count = 0
+  var components = []
+  var sccAdjList = []
+
+  function strongConnect(v) {
+    // To avoid running out of stack space, this emulates the recursive behaviour of the normal algorithm, effectively using T as the call stack.
+    var S = [v], T = [v]
+    index[v] = lowValue[v] = count
+    active[v] = true
+    count += 1
+    while(T.length > 0) {
+      v = T[T.length-1]
+      var e = adjList[v]
+      if (child[v] < e.length) { // If we're not done iterating over the children, first try finishing that.
+        for(var i=child[v]; i<e.length; ++i) { // Start where we left off.
+          var u = e[i]
+          if(index[u] < 0) {
+            index[u] = lowValue[u] = count
+            active[u] = true
+            count += 1
+            S.push(u)
+            T.push(u)
+            break // First recurse, then continue here (with the same child!).
+            // There is a slight change to Tarjan's algorithm here.
+            // Normally, after having recursed, we set lowValue like we do for an active child (although some variants of the algorithm do it slightly differently).
+            // Here, we only do so if the child we recursed on is still active.
+            // The reasoning is that if it is no longer active, it must have had a lowValue equal to its own index, which means that it is necessarily higher than our lowValue.
+          } else if (active[u]) {
+            lowValue[v] = Math.min(lowValue[v], lowValue[u])|0
+          }
+          if (scc[u] >= 0) {
+            // Node v is not yet assigned an scc, but once it is that scc can apparently reach scc[u].
+            sccLinks[v].push(scc[u])
+          }
+        }
+        child[v] = i // Remember where we left off.
+      } else { // If we're done iterating over the children, check whether we have an scc.
+        if(lowValue[v] === index[v]) { // TODO: It /might/ be true that T is always a prefix of S (at this point!!!), and if so, this could be used here.
+          var component = []
+          var links = [], linkCount = 0
+          for(var i=S.length-1; i>=0; --i) {
+            var w = S[i]
+            active[w] = false
+            component.push(w)
+            links.push(sccLinks[w])
+            linkCount += sccLinks[w].length
+            scc[w] = components.length
+            if(w === v) {
+              S.length = i
+              break
+            }
+          }
+          components.push(component)
+          var allLinks = new Array(linkCount)
+          for(var i=0; i<links.length; i++) {
+            for(var j=0; j<links[i].length; j++) {
+              allLinks[--linkCount] = links[i][j]
+            }
+          }
+          sccAdjList.push(allLinks)
+        }
+        T.pop() // Now we're finished exploring this particular node (normally corresponds to the return statement)
+      }
+    }
+  }
+
+  //Run strong connect starting from each vertex
+  for(var i=0; i<numVertices; ++i) {
+    if(index[i] < 0) {
+      strongConnect(i)
+    }
+  }
+  
+  // Compact sccAdjList
+  var newE
+  for(var i=0; i<sccAdjList.length; i++) {
+    var e = sccAdjList[i]
+    if (e.length === 0) continue
+    e.sort(function (a,b) { return a-b; })
+    newE = [e[0]]
+    for(var j=1; j<e.length; j++) {
+      if (e[j] !== e[j-1]) {
+        newE.push(e[j])
+      }
+    }
+    sccAdjList[i] = newE
+  }  
+
+  return {components: components, adjacencyList: sccAdjList}
+}
+
+},{}],529:[function(require,module,exports){
+'use strict';
+
+var kdbush = require('kdbush');
+
+module.exports = supercluster;
+
+function supercluster(options) {
+    return new SuperCluster(options);
+}
+
+function SuperCluster(options) {
+    this.options = extend(Object.create(this.options), options);
+    this.trees = new Array(this.options.maxZoom + 1);
+}
+
+SuperCluster.prototype = {
+    options: {
+        minZoom: 0,   // min zoom to generate clusters on
+        maxZoom: 16,  // max zoom level to cluster the points on
+        radius: 40,   // cluster radius in pixels
+        extent: 512,  // tile extent (radius is calculated relative to it)
+        nodeSize: 64, // size of the KD-tree leaf node, affects performance
+        log: false,   // whether to log timing info
+
+        // a reduce function for calculating custom cluster properties
+        reduce: null, // function (accumulated, props) { accumulated.sum += props.sum; }
+
+        // initial properties of a cluster (before running the reducer)
+        initial: function () { return {}; }, // function () { return {sum: 0}; },
+
+        // properties to use for individual points when running the reducer
+        map: function (props) { return props; } // function (props) { return {sum: props.my_value}; },
+    },
+
+    load: function (points) {
+        var log = this.options.log;
+
+        if (log) console.time('total time');
+
+        var timerId = 'prepare ' + points.length + ' points';
+        if (log) console.time(timerId);
+
+        this.points = points;
+
+        // generate a cluster object for each point
+        var clusters = points.map(createPointCluster);
+        if (log) console.timeEnd(timerId);
+
+        // cluster points on max zoom, then cluster the results on previous zoom, etc.;
+        // results in a cluster hierarchy across zoom levels
+        for (var z = this.options.maxZoom; z >= this.options.minZoom; z--) {
+            var now = +Date.now();
+
+            // index input points into a KD-tree
+            this.trees[z + 1] = kdbush(clusters, getX, getY, this.options.nodeSize, Float32Array);
+
+            clusters = this._cluster(clusters, z); // create a new set of clusters for the zoom
+
+            if (log) console.log('z%d: %d clusters in %dms', z, clusters.length, +Date.now() - now);
+        }
+
+        // index top-level clusters
+        this.trees[this.options.minZoom] = kdbush(clusters, getX, getY, this.options.nodeSize, Float32Array);
+
+        if (log) console.timeEnd('total time');
+
+        return this;
+    },
+
+    getClusters: function (bbox, zoom) {
+        var tree = this.trees[this._limitZoom(zoom)];
+        var ids = tree.range(lngX(bbox[0]), latY(bbox[3]), lngX(bbox[2]), latY(bbox[1]));
+        var clusters = [];
+        for (var i = 0; i < ids.length; i++) {
+            var c = tree.points[ids[i]];
+            clusters.push(c.numPoints ? getClusterJSON(c) : this.points[c.id]);
+        }
+        return clusters;
+    },
+
+    getChildren: function (clusterId, clusterZoom) {
+        var origin = this.trees[clusterZoom + 1].points[clusterId];
+        var r = this.options.radius / (this.options.extent * Math.pow(2, clusterZoom));
+        var points = this.trees[clusterZoom + 1].within(origin.x, origin.y, r);
+        var children = [];
+        for (var i = 0; i < points.length; i++) {
+            var c = this.trees[clusterZoom + 1].points[points[i]];
+            if (c.parentId === clusterId) {
+                children.push(c.numPoints ? getClusterJSON(c) : this.points[c.id]);
+            }
+        }
+        return children;
+    },
+
+    getLeaves: function (clusterId, clusterZoom, limit, offset) {
+        limit = limit || 10;
+        offset = offset || 0;
+
+        var leaves = [];
+        this._appendLeaves(leaves, clusterId, clusterZoom, limit, offset, 0);
+
+        return leaves;
+    },
+
+    getTile: function (z, x, y) {
+        var tree = this.trees[this._limitZoom(z)];
+        var z2 = Math.pow(2, z);
+        var extent = this.options.extent;
+        var r = this.options.radius;
+        var p = r / extent;
+        var top = (y - p) / z2;
+        var bottom = (y + 1 + p) / z2;
+
+        var tile = {
+            features: []
+        };
+
+        this._addTileFeatures(
+            tree.range((x - p) / z2, top, (x + 1 + p) / z2, bottom),
+            tree.points, x, y, z2, tile);
+
+        if (x === 0) {
+            this._addTileFeatures(
+                tree.range(1 - p / z2, top, 1, bottom),
+                tree.points, z2, y, z2, tile);
+        }
+        if (x === z2 - 1) {
+            this._addTileFeatures(
+                tree.range(0, top, p / z2, bottom),
+                tree.points, -1, y, z2, tile);
+        }
+
+        return tile.features.length ? tile : null;
+    },
+
+    getClusterExpansionZoom: function (clusterId, clusterZoom) {
+        while (clusterZoom < this.options.maxZoom) {
+            var children = this.getChildren(clusterId, clusterZoom);
+            clusterZoom++;
+            if (children.length !== 1) break;
+            clusterId = children[0].properties.cluster_id;
+        }
+        return clusterZoom;
+    },
+
+    _appendLeaves: function (result, clusterId, clusterZoom, limit, offset, skipped) {
+        var children = this.getChildren(clusterId, clusterZoom);
+
+        for (var i = 0; i < children.length; i++) {
+            var props = children[i].properties;
+
+            if (props.cluster) {
+                if (skipped + props.point_count <= offset) {
+                    // skip the whole cluster
+                    skipped += props.point_count;
+                } else {
+                    // enter the cluster
+                    skipped = this._appendLeaves(
+                        result, props.cluster_id, clusterZoom + 1, limit, offset, skipped);
+                    // exit the cluster
+                }
+            } else if (skipped < offset) {
+                // skip a single point
+                skipped++;
+            } else {
+                // add a single point
+                result.push(children[i]);
+            }
+            if (result.length === limit) break;
+        }
+
+        return skipped;
+    },
+
+    _addTileFeatures: function (ids, points, x, y, z2, tile) {
+        for (var i = 0; i < ids.length; i++) {
+            var c = points[ids[i]];
+            tile.features.push({
+                type: 1,
+                geometry: [[
+                    Math.round(this.options.extent * (c.x * z2 - x)),
+                    Math.round(this.options.extent * (c.y * z2 - y))
+                ]],
+                tags: c.numPoints ? getClusterProperties(c) : this.points[c.id].properties
+            });
+        }
+    },
+
+    _limitZoom: function (z) {
+        return Math.max(this.options.minZoom, Math.min(z, this.options.maxZoom + 1));
+    },
+
+    _cluster: function (points, zoom) {
+        var clusters = [];
+        var r = this.options.radius / (this.options.extent * Math.pow(2, zoom));
+
+        // loop through each point
+        for (var i = 0; i < points.length; i++) {
+            var p = points[i];
+            // if we've already visited the point at this zoom level, skip it
+            if (p.zoom <= zoom) continue;
+            p.zoom = zoom;
+
+            // find all nearby points
+            var tree = this.trees[zoom + 1];
+            var neighborIds = tree.within(p.x, p.y, r);
+
+            var numPoints = p.numPoints || 1;
+            var wx = p.x * numPoints;
+            var wy = p.y * numPoints;
+
+            var clusterProperties = null;
+
+            if (this.options.reduce) {
+                clusterProperties = this.options.initial();
+                this._accumulate(clusterProperties, p);
+            }
+
+            for (var j = 0; j < neighborIds.length; j++) {
+                var b = tree.points[neighborIds[j]];
+                // filter out neighbors that are too far or already processed
+                if (zoom < b.zoom) {
+                    var numPoints2 = b.numPoints || 1;
+                    b.zoom = zoom; // save the zoom (so it doesn't get processed twice)
+                    wx += b.x * numPoints2; // accumulate coordinates for calculating weighted center
+                    wy += b.y * numPoints2;
+                    numPoints += numPoints2;
+                    b.parentId = i;
+
+                    if (this.options.reduce) {
+                        this._accumulate(clusterProperties, b);
+                    }
+                }
+            }
+
+            if (numPoints === 1) {
+                clusters.push(p);
+            } else {
+                p.parentId = i;
+                clusters.push(createCluster(wx / numPoints, wy / numPoints, numPoints, i, clusterProperties));
+            }
+        }
+
+        return clusters;
+    },
+
+    _accumulate: function (clusterProperties, point) {
+        var properties = point.numPoints ?
+            point.properties :
+            this.options.map(this.points[point.id].properties);
+
+        this.options.reduce(clusterProperties, properties);
+    }
+};
+
+function createCluster(x, y, numPoints, id, properties) {
+    return {
+        x: x, // weighted cluster center
+        y: y,
+        zoom: Infinity, // the last zoom the cluster was processed at
+        id: id, // index of the first child of the cluster in the zoom level tree
+        properties: properties,
+        parentId: -1, // parent cluster id
+        numPoints: numPoints
+    };
+}
+
+function createPointCluster(p, id) {
+    var coords = p.geometry.coordinates;
+    return {
+        x: lngX(coords[0]), // projected point coordinates
+        y: latY(coords[1]),
+        zoom: Infinity, // the last zoom the point was processed at
+        id: id, // index of the source feature in the original input array
+        parentId: -1 // parent cluster id
+    };
+}
+
+function getClusterJSON(cluster) {
+    return {
+        type: 'Feature',
+        properties: getClusterProperties(cluster),
+        geometry: {
+            type: 'Point',
+            coordinates: [xLng(cluster.x), yLat(cluster.y)]
+        }
+    };
+}
+
+function getClusterProperties(cluster) {
+    var count = cluster.numPoints;
+    var abbrev = count >= 10000 ? Math.round(count / 1000) + 'k' :
+                 count >= 1000 ? (Math.round(count / 100) / 10) + 'k' : count;
+    return extend(extend({}, cluster.properties), {
+        cluster: true,
+        cluster_id: cluster.id,
+        point_count: count,
+        point_count_abbreviated: abbrev
+    });
+}
+
+// longitude/latitude to spherical mercator in [0..1] range
+function lngX(lng) {
+    return lng / 360 + 0.5;
+}
+function latY(lat) {
+    var sin = Math.sin(lat * Math.PI / 180),
+        y = (0.5 - 0.25 * Math.log((1 + sin) / (1 - sin)) / Math.PI);
+    return y < 0 ? 0 :
+           y > 1 ? 1 : y;
+}
+
+// spherical mercator to longitude/latitude
+function xLng(x) {
+    return (x - 0.5) * 360;
+}
+function yLat(y) {
+    var y2 = (180 - y * 360) * Math.PI / 180;
+    return 360 * Math.atan(Math.exp(y2)) / Math.PI - 90;
+}
+
+function extend(dest, src) {
+    for (var id in src) dest[id] = src[id];
+    return dest;
+}
+
+function getX(p) {
+    return p.x;
+}
+function getY(p) {
+    return p.y;
+}
+
+},{"kdbush":298}],530:[function(require,module,exports){
+'use strict'
+
+module.exports = toSuperScript
+
+var SUPERSCRIPTS = {
+  ' ': ' ',
+  '0': '⁰',
+  '1': '¹',
+  '2': '²',
+  '3': '³',
+  '4': '⁴',
+  '5': '⁵',
+  '6': '⁶',
+  '7': '⁷',
+  '8': '⁸',
+  '9': '⁹',
+  '+': '⁺',
+  '-': '⁻',
+  'a': 'ᵃ',
+  'b': 'ᵇ',
+  'c': 'ᶜ',
+  'd': 'ᵈ',
+  'e': 'ᵉ',
+  'f': 'ᶠ',
+  'g': 'ᵍ',
+  'h': 'ʰ',
+  'i': 'ⁱ',
+  'j': 'ʲ',
+  'k': 'ᵏ',
+  'l': 'ˡ',
+  'm': 'ᵐ',
+  'n': 'ⁿ',
+  'o': 'ᵒ',
+  'p': 'ᵖ',
+  'r': 'ʳ',
+  's': 'ˢ',
+  't': 'ᵗ',
+  'u': 'ᵘ',
+  'v': 'ᵛ',
+  'w': 'ʷ',
+  'x': 'ˣ',
+  'y': 'ʸ',
+  'z': 'ᶻ'
+}
+
+function toSuperScript(x) {
+  return x.split('').map(function(c) {
+    if(c in SUPERSCRIPTS) {
+      return SUPERSCRIPTS[c]
+    }
+    return ''
+  }).join('')
+}
+
+},{}],531:[function(require,module,exports){
+"use strict"
+
+module.exports = surfaceNets
+
+var generateContourExtractor = require("ndarray-extract-contour")
+var triangulateCube = require("triangulate-hypercube")
+var zeroCrossings = require("zero-crossings")
+
+function buildSurfaceNets(order, dtype) {
+  var dimension = order.length
+  var code = ["'use strict';"]
+  var funcName = "surfaceNets" + order.join("_") + "d" + dtype
+
+  //Contour extraction function
+  code.push(
+    "var contour=genContour({",
+      "order:[", order.join(), "],",
+      "scalarArguments: 3,",
+      "phase:function phaseFunc(p,a,b,c) { return (p > c)|0 },")
+  if(dtype === "generic") {
+    code.push("getters:[0],")
+  }
+
+  //Generate vertex function
+  var cubeArgs = []
+  var extraArgs = []
+  for(var i=0; i<dimension; ++i) {
+    cubeArgs.push("d" + i)
+    extraArgs.push("d" + i)
+  }
+  for(var i=0; i<(1<<dimension); ++i) {
+    cubeArgs.push("v" + i)
+    extraArgs.push("v" + i)
+  }
+  for(var i=0; i<(1<<dimension); ++i) {
+    cubeArgs.push("p" + i)
+    extraArgs.push("p" + i)
+  }
+  cubeArgs.push("a", "b", "c")
+  extraArgs.push("a", "c")
+  code.push("vertex:function vertexFunc(", cubeArgs.join(), "){")
+  //Mask args together
+  var maskStr = []
+  for(var i=0; i<(1<<dimension); ++i) {
+    maskStr.push("(p" + i + "<<" + i + ")")
+  }
+  //Generate variables and giganto switch statement
+  code.push("var m=(", maskStr.join("+"), ")|0;if(m===0||m===", (1<<(1<<dimension))-1, "){return}")
+  var extraFuncs = []
+  var currentFunc = []
+  if(1<<(1<<dimension) <= 128) {
+    code.push("switch(m){")
+    currentFunc = code
+  } else {
+    code.push("switch(m>>>7){")
+  }
+  for(var i=0; i<1<<(1<<dimension); ++i) {
+    if(1<<(1<<dimension) > 128) {
+      if((i%128)===0) {
+        if(extraFuncs.length > 0) {
+          currentFunc.push("}}")
+        }
+        var efName = "vExtra" + extraFuncs.length
+        code.push("case ", (i>>>7), ":", efName, "(m&0x7f,", extraArgs.join(), ");break;")
+        currentFunc = [
+          "function ", efName, "(m,", extraArgs.join(), "){switch(m){"
+        ]
+        extraFuncs.push(currentFunc)
+      }  
+    }
+    currentFunc.push("case ", (i&0x7f), ":")
+    var crossings = new Array(dimension)
+    var denoms = new Array(dimension)
+    var crossingCount = new Array(dimension)
+    var bias = new Array(dimension)
+    var totalCrossings = 0
+    for(var j=0; j<dimension; ++j) {
+      crossings[j] = []
+      denoms[j] = []
+      crossingCount[j] = 0
+      bias[j] = 0
+    }
+    for(var j=0; j<(1<<dimension); ++j) {
+      for(var k=0; k<dimension; ++k) {
+        var u = j ^ (1<<k)
+        if(u > j) {
+          continue
+        }
+        if(!(i&(1<<u)) !== !(i&(1<<j))) {
+          var sign = 1
+          if(i&(1<<u)) {
+            denoms[k].push("v" + u + "-v" + j)
+          } else {
+            denoms[k].push("v" + j + "-v" + u)
+            sign = -sign
+          }
+          if(sign < 0) {
+            crossings[k].push("-v" + j + "-v" + u)
+            crossingCount[k] += 2
+          } else {
+            crossings[k].push("v" + j + "+v" + u)
+            crossingCount[k] -= 2            
+          }
+          totalCrossings += 1
+          for(var l=0; l<dimension; ++l) {
+            if(l === k) {
+              continue
+            }
+            if(u&(1<<l)) {
+              bias[l] += 1
+            } else {
+              bias[l] -= 1
+            }
+          }
+        }
+      }
+    }
+    var vertexStr = []
+    for(var k=0; k<dimension; ++k) {
+      if(crossings[k].length === 0) {
+        vertexStr.push("d" + k + "-0.5")
+      } else {
+        var cStr = ""
+        if(crossingCount[k] < 0) {
+          cStr = crossingCount[k] + "*c"
+        } else if(crossingCount[k] > 0) {
+          cStr = "+" + crossingCount[k] + "*c"
+        }
+        var weight = 0.5 * (crossings[k].length / totalCrossings)
+        var shift = 0.5 + 0.5 * (bias[k] / totalCrossings)
+        vertexStr.push("d" + k + "-" + shift + "-" + weight + "*(" + crossings[k].join("+") + cStr + ")/(" + denoms[k].join("+") + ")")
+        
+      }
+    }
+    currentFunc.push("a.push([", vertexStr.join(), "]);",
+      "break;")
+  }
+  code.push("}},")
+  if(extraFuncs.length > 0) {
+    currentFunc.push("}}")
+  }
+
+  //Create face function
+  var faceArgs = []
+  for(var i=0; i<(1<<(dimension-1)); ++i) {
+    faceArgs.push("v" + i)
+  }
+  faceArgs.push("c0", "c1", "p0", "p1", "a", "b", "c")
+  code.push("cell:function cellFunc(", faceArgs.join(), "){")
+
+  var facets = triangulateCube(dimension-1)
+  code.push("if(p0){b.push(",
+    facets.map(function(f) {
+      return "[" + f.map(function(v) {
+        return "v" + v
+      }) + "]"
+    }).join(), ")}else{b.push(",
+    facets.map(function(f) {
+      var e = f.slice()
+      e.reverse()
+      return "[" + e.map(function(v) {
+        return "v" + v
+      }) + "]"
+    }).join(),
+    ")}}});function ", funcName, "(array,level){var verts=[],cells=[];contour(array,verts,cells,level);return {positions:verts,cells:cells};} return ", funcName, ";")
+
+  for(var i=0; i<extraFuncs.length; ++i) {
+    code.push(extraFuncs[i].join(""))
+  }
+
+  //Compile and link
+  var proc = new Function("genContour", code.join(""))
+  return proc(generateContourExtractor)
+}
+
+//1D case: Need to handle specially
+function mesh1D(array, level) {
+  var zc = zeroCrossings(array, level)
+  var n = zc.length
+  var npos = new Array(n)
+  var ncel = new Array(n)
+  for(var i=0; i<n; ++i) {
+    npos[i] = [ zc[i] ]
+    ncel[i] = [ i ]
+  }
+  return {
+    positions: npos,
+    cells: ncel
+  }
+}
+
+var CACHE = {}
+
+function surfaceNets(array,level) {
+  if(array.dimension <= 0) {
+    return { positions: [], cells: [] }
+  } else if(array.dimension === 1) {
+    return mesh1D(array, level)
+  }
+  var typesig = array.order.join() + "-" + array.dtype
+  var proc = CACHE[typesig]
+  var level = (+level) || 0.0
+  if(!proc) {
+    proc = CACHE[typesig] = buildSurfaceNets(array.order, array.dtype)
+  }
+  return proc(array,level)
+}
+},{"ndarray-extract-contour":456,"triangulate-hypercube":537,"zero-crossings":584}],532:[function(require,module,exports){
+(function (process){
+'use strict'
+
+module.exports = textGet
+
+var vectorizeText = require('vectorize-text')
+
+var globals = window || process.global || {}
+var __TEXT_CACHE  = globals.__TEXT_CACHE || {}
+globals.__TEXT_CACHE = {}
+
+function unwrap(mesh) {
+  var cells     = mesh.cells
+  var positions = mesh.positions
+  var data      = new Float32Array(cells.length * 6)
+  var ptr       = 0
+  var shapeX    = 0
+  for(var i=0; i<cells.length; ++i) {
+    var tri = cells[i]
+    for(var j=0; j<3; ++j) {
+      var point = positions[tri[j]]
+      data[ptr++] = point[0]
+      data[ptr++] = point[1] + 1.4
+      shapeX      = Math.max(point[0], shapeX)
+    }
+  }
+  return {
+    data:  data,
+    shape: shapeX
+  }
+}
+
+function textGet(font, text, opts) {
+  var opts = opts || {}
+  var fontcache = __TEXT_CACHE[font]
+   if(!fontcache) {
+     fontcache = __TEXT_CACHE[font] = {
+       ' ': {
+         data:   new Float32Array(0),
+         shape: 0.2
+       }
+     }
+   }
+   var mesh = fontcache[text]
+   if(!mesh) {
+     if(text.length <= 1 || !/\d/.test(text)) {
+       mesh = fontcache[text] = unwrap(vectorizeText(text, {
+         triangles:     true,
+         font:          font,
+         textAlign:     opts.textAlign || 'left',
+         textBaseline:  'alphabetic'
+       }))
+     } else {
+       var parts = text.split(/(\d|\s)/)
+       var buffer = new Array(parts.length)
+       var bufferSize = 0
+       var shapeX = 0
+       for(var i=0; i<parts.length; ++i) {
+         buffer[i] = textGet(font, parts[i])
+         bufferSize += buffer[i].data.length
+         shapeX += buffer[i].shape
+         if(i>0) {
+           shapeX += 0.02
+         }
+       }
+
+       var data = new Float32Array(bufferSize)
+       var ptr     = 0
+       var xOffset = -0.5 * shapeX
+       for(var i=0; i<buffer.length; ++i) {
+         var bdata = buffer[i].data
+         for(var j=0; j<bdata.length; j+=2) {
+           data[ptr++] = bdata[j] + xOffset
+           data[ptr++] = bdata[j+1]
+         }
+         xOffset += buffer[i].shape + 0.02
+       }
+
+       mesh = fontcache[text] = {
+         data:  data,
+         shape: shapeX
+       }
+     }
+   }
+
+   return mesh
+}
+
+}).call(this,require('_process'))
+},{"_process":487,"vectorize-text":554}],533:[function(require,module,exports){
+'use strict';
+
+module.exports = TinySDF;
+
+var INF = 1e20;
+
+function TinySDF(fontSize, buffer, radius, cutoff, fontFamily) {
+    this.fontSize = fontSize || 24;
+    this.buffer = buffer === undefined ? 3 : buffer;
+    this.cutoff = cutoff || 0.25;
+    this.fontFamily = fontFamily || 'sans-serif';
+    this.radius = radius || 8;
+    var size = this.size = this.fontSize + this.buffer * 2;
+
+    this.canvas = document.createElement('canvas');
+    this.canvas.width = this.canvas.height = size;
+
+    this.ctx = this.canvas.getContext('2d');
+    this.ctx.font = fontSize + 'px ' + this.fontFamily;
+    this.ctx.textBaseline = 'middle';
+    this.ctx.fillStyle = 'black';
+
+    // temporary arrays for the distance transform
+    this.gridOuter = new Float64Array(size * size);
+    this.gridInner = new Float64Array(size * size);
+    this.f = new Float64Array(size);
+    this.d = new Float64Array(size);
+    this.z = new Float64Array(size + 1);
+    this.v = new Int16Array(size);
+
+    // hack around https://bugzilla.mozilla.org/show_bug.cgi?id=737852
+    this.middle = Math.round((size / 2) * (navigator.userAgent.indexOf('Gecko/') >= 0 ? 1.2 : 1));
+}
+
+TinySDF.prototype.draw = function (char) {
+    this.ctx.clearRect(0, 0, this.size, this.size);
+    this.ctx.fillText(char, this.buffer, this.middle);
+
+    var imgData = this.ctx.getImageData(0, 0, this.size, this.size);
+    var data = imgData.data;
+
+    for (var i = 0; i < this.size * this.size; i++) {
+        var a = data[i * 4 + 3] / 255; // alpha value
+        this.gridOuter[i] = a === 1 ? 0 : a === 0 ? INF : Math.pow(Math.max(0, 0.5 - a), 2);
+        this.gridInner[i] = a === 1 ? INF : a === 0 ? 0 : Math.pow(Math.max(0, a - 0.5), 2);
+    }
+
+    edt(this.gridOuter, this.size, this.size, this.f, this.d, this.v, this.z);
+    edt(this.gridInner, this.size, this.size, this.f, this.d, this.v, this.z);
+
+    for (i = 0; i < this.size * this.size; i++) {
+        var d = this.gridOuter[i] - this.gridInner[i];
+        var c = Math.max(0, Math.min(255, Math.round(255 - 255 * (d / this.radius + this.cutoff))));
+        data[4 * i + 0] = c;
+        data[4 * i + 1] = c;
+        data[4 * i + 2] = c;
+        data[4 * i + 3] = 255;
+    }
+
+    return imgData;
+};
+
+// 2D Euclidean distance transform by Felzenszwalb & Huttenlocher https://cs.brown.edu/~pff/dt/
+function edt(data, width, height, f, d, v, z) {
+    for (var x = 0; x < width; x++) {
+        for (var y = 0; y < height; y++) {
+            f[y] = data[y * width + x];
+        }
+        edt1d(f, d, v, z, height);
+        for (y = 0; y < height; y++) {
+            data[y * width + x] = d[y];
+        }
+    }
+    for (y = 0; y < height; y++) {
+        for (x = 0; x < width; x++) {
+            f[x] = data[y * width + x];
+        }
+        edt1d(f, d, v, z, width);
+        for (x = 0; x < width; x++) {
+            data[y * width + x] = Math.sqrt(d[x]);
+        }
+    }
+}
+
+// 1D squared distance transform
+function edt1d(f, d, v, z, n) {
+    v[0] = 0;
+    z[0] = -INF;
+    z[1] = +INF;
+
+    for (var q = 1, k = 0; q < n; q++) {
+        var s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k]);
+        while (s <= z[k]) {
+            k--;
+            s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k]);
+        }
+        k++;
+        v[k] = q;
+        z[k] = s;
+        z[k + 1] = +INF;
+    }
+
+    for (q = 0, k = 0; q < n; q++) {
+        while (z[k + 1] < q) k++;
+        d[q] = (q - v[k]) * (q - v[k]) + f[v[k]];
+    }
+}
+
+},{}],534:[function(require,module,exports){
+// TinyColor v1.4.1
+// https://github.com/bgrins/TinyColor
+// Brian Grinstead, MIT License
+
+(function(Math) {
+
+var trimLeft = /^\s+/,
+    trimRight = /\s+$/,
+    tinyCounter = 0,
+    mathRound = Math.round,
+    mathMin = Math.min,
+    mathMax = Math.max,
+    mathRandom = Math.random;
+
+function tinycolor (color, opts) {
+
+    color = (color) ? color : '';
+    opts = opts || { };
+
+    // If input is already a tinycolor, return itself
+    if (color instanceof tinycolor) {
+       return color;
+    }
+    // If we are called as a function, call using new instead
+    if (!(this instanceof tinycolor)) {
+        return new tinycolor(color, opts);
+    }
+
+    var rgb = inputToRGB(color);
+    this._originalInput = color,
+    this._r = rgb.r,
+    this._g = rgb.g,
+    this._b = rgb.b,
+    this._a = rgb.a,
+    this._roundA = mathRound(100*this._a) / 100,
+    this._format = opts.format || rgb.format;
+    this._gradientType = opts.gradientType;
+
+    // Don't let the range of [0,255] come back in [0,1].
+    // Potentially lose a little bit of precision here, but will fix issues where
+    // .5 gets interpreted as half of the total, instead of half of 1
+    // If it was supposed to be 128, this was already taken care of by `inputToRgb`
+    if (this._r < 1) { this._r = mathRound(this._r); }
+    if (this._g < 1) { this._g = mathRound(this._g); }
+    if (this._b < 1) { this._b = mathRound(this._b); }
+
+    this._ok = rgb.ok;
+    this._tc_id = tinyCounter++;
+}
+
+tinycolor.prototype = {
+    isDark: function() {
+        return this.getBrightness() < 128;
+    },
+    isLight: function() {
+        return !this.isDark();
+    },
+    isValid: function() {
+        return this._ok;
+    },
+    getOriginalInput: function() {
+      return this._originalInput;
+    },
+    getFormat: function() {
+        return this._format;
+    },
+    getAlpha: function() {
+        return this._a;
+    },
+    getBrightness: function() {
+        //http://www.w3.org/TR/AERT#color-contrast
+        var rgb = this.toRgb();
+        return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+    },
+    getLuminance: function() {
+        //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+        var rgb = this.toRgb();
+        var RsRGB, GsRGB, BsRGB, R, G, B;
+        RsRGB = rgb.r/255;
+        GsRGB = rgb.g/255;
+        BsRGB = rgb.b/255;
+
+        if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
+        if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
+        if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
+        return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
+    },
+    setAlpha: function(value) {
+        this._a = boundAlpha(value);
+        this._roundA = mathRound(100*this._a) / 100;
+        return this;
+    },
+    toHsv: function() {
+        var hsv = rgbToHsv(this._r, this._g, this._b);
+        return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
+    },
+    toHsvString: function() {
+        var hsv = rgbToHsv(this._r, this._g, this._b);
+        var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
+        return (this._a == 1) ?
+          "hsv("  + h + ", " + s + "%, " + v + "%)" :
+          "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
+    },
+    toHsl: function() {
+        var hsl = rgbToHsl(this._r, this._g, this._b);
+        return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
+    },
+    toHslString: function() {
+        var hsl = rgbToHsl(this._r, this._g, this._b);
+        var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
+        return (this._a == 1) ?
+          "hsl("  + h + ", " + s + "%, " + l + "%)" :
+          "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
+    },
+    toHex: function(allow3Char) {
+        return rgbToHex(this._r, this._g, this._b, allow3Char);
+    },
+    toHexString: function(allow3Char) {
+        return '#' + this.toHex(allow3Char);
+    },
+    toHex8: function(allow4Char) {
+        return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
+    },
+    toHex8String: function(allow4Char) {
+        return '#' + this.toHex8(allow4Char);
+    },
+    toRgb: function() {
+        return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
+    },
+    toRgbString: function() {
+        return (this._a == 1) ?
+          "rgb("  + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
+          "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
+    },
+    toPercentageRgb: function() {
+        return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
+    },
+    toPercentageRgbString: function() {
+        return (this._a == 1) ?
+          "rgb("  + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
+          "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    },
+    toName: function() {
+        if (this._a === 0) {
+            return "transparent";
+        }
+
+        if (this._a < 1) {
+            return false;
+        }
+
+        return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+    },
+    toFilter: function(secondColor) {
+        var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
+        var secondHex8String = hex8String;
+        var gradientType = this._gradientType ? "GradientType = 1, " : "";
+
+        if (secondColor) {
+            var s = tinycolor(secondColor);
+            secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
+        }
+
+        return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
+    },
+    toString: function(format) {
+        var formatSet = !!format;
+        format = format || this._format;
+
+        var formattedString = false;
+        var hasAlpha = this._a < 1 && this._a >= 0;
+        var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
+
+        if (needsAlphaFormat) {
+            // Special case for "transparent", all other non-alpha formats
+            // will return rgba when there is transparency.
+            if (format === "name" && this._a === 0) {
+                return this.toName();
+            }
+            return this.toRgbString();
+        }
+        if (format === "rgb") {
+            formattedString = this.toRgbString();
+        }
+        if (format === "prgb") {
+            formattedString = this.toPercentageRgbString();
+        }
+        if (format === "hex" || format === "hex6") {
+            formattedString = this.toHexString();
+        }
+        if (format === "hex3") {
+            formattedString = this.toHexString(true);
+        }
+        if (format === "hex4") {
+            formattedString = this.toHex8String(true);
+        }
+        if (format === "hex8") {
+            formattedString = this.toHex8String();
+        }
+        if (format === "name") {
+            formattedString = this.toName();
+        }
+        if (format === "hsl") {
+            formattedString = this.toHslString();
+        }
+        if (format === "hsv") {
+            formattedString = this.toHsvString();
+        }
+
+        return formattedString || this.toHexString();
+    },
+    clone: function() {
+        return tinycolor(this.toString());
+    },
+
+    _applyModification: function(fn, args) {
+        var color = fn.apply(null, [this].concat([].slice.call(args)));
+        this._r = color._r;
+        this._g = color._g;
+        this._b = color._b;
+        this.setAlpha(color._a);
+        return this;
+    },
+    lighten: function() {
+        return this._applyModification(lighten, arguments);
+    },
+    brighten: function() {
+        return this._applyModification(brighten, arguments);
+    },
+    darken: function() {
+        return this._applyModification(darken, arguments);
+    },
+    desaturate: function() {
+        return this._applyModification(desaturate, arguments);
+    },
+    saturate: function() {
+        return this._applyModification(saturate, arguments);
+    },
+    greyscale: function() {
+        return this._applyModification(greyscale, arguments);
+    },
+    spin: function() {
+        return this._applyModification(spin, arguments);
+    },
+
+    _applyCombination: function(fn, args) {
+        return fn.apply(null, [this].concat([].slice.call(args)));
+    },
+    analogous: function() {
+        return this._applyCombination(analogous, arguments);
+    },
+    complement: function() {
+        return this._applyCombination(complement, arguments);
+    },
+    monochromatic: function() {
+        return this._applyCombination(monochromatic, arguments);
+    },
+    splitcomplement: function() {
+        return this._applyCombination(splitcomplement, arguments);
+    },
+    triad: function() {
+        return this._applyCombination(triad, arguments);
+    },
+    tetrad: function() {
+        return this._applyCombination(tetrad, arguments);
+    }
+};
+
+// If input is an object, force 1 into "1.0" to handle ratios properly
+// String input requires "1.0" as input, so 1 will be treated as 1
+tinycolor.fromRatio = function(color, opts) {
+    if (typeof color == "object") {
+        var newColor = {};
+        for (var i in color) {
+            if (color.hasOwnProperty(i)) {
+                if (i === "a") {
+                    newColor[i] = color[i];
+                }
+                else {
+                    newColor[i] = convertToPercentage(color[i]);
+                }
+            }
+        }
+        color = newColor;
+    }
+
+    return tinycolor(color, opts);
+};
+
+// Given a string or object, convert that input to RGB
+// Possible string inputs:
+//
+//     "red"
+//     "#f00" or "f00"
+//     "#ff0000" or "ff0000"
+//     "#ff000000" or "ff000000"
+//     "rgb 255 0 0" or "rgb (255, 0, 0)"
+//     "rgb 1.0 0 0" or "rgb (1, 0, 0)"
+//     "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
+//     "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
+//     "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
+//     "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
+//     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
+//
+function inputToRGB(color) {
+
+    var rgb = { r: 0, g: 0, b: 0 };
+    var a = 1;
+    var s = null;
+    var v = null;
+    var l = null;
+    var ok = false;
+    var format = false;
+
+    if (typeof color == "string") {
+        color = stringInputToObject(color);
+    }
+
+    if (typeof color == "object") {
+        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+            rgb = rgbToRgb(color.r, color.g, color.b);
+            ok = true;
+            format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+        }
+        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+            s = convertToPercentage(color.s);
+            v = convertToPercentage(color.v);
+            rgb = hsvToRgb(color.h, s, v);
+            ok = true;
+            format = "hsv";
+        }
+        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+            s = convertToPercentage(color.s);
+            l = convertToPercentage(color.l);
+            rgb = hslToRgb(color.h, s, l);
+            ok = true;
+            format = "hsl";
+        }
+
+        if (color.hasOwnProperty("a")) {
+            a = color.a;
+        }
+    }
+
+    a = boundAlpha(a);
+
+    return {
+        ok: ok,
+        format: color.format || format,
+        r: mathMin(255, mathMax(rgb.r, 0)),
+        g: mathMin(255, mathMax(rgb.g, 0)),
+        b: mathMin(255, mathMax(rgb.b, 0)),
+        a: a
+    };
+}
+
+
+// Conversion Functions
+// --------------------
+
+// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
+// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
+
+// `rgbToRgb`
+// Handle bounds / percentage checking to conform to CSS color spec
+// <http://www.w3.org/TR/css3-color/>
+// *Assumes:* r, g, b in [0, 255] or [0, 1]
+// *Returns:* { r, g, b } in [0, 255]
+function rgbToRgb(r, g, b){
+    return {
+        r: bound01(r, 255) * 255,
+        g: bound01(g, 255) * 255,
+        b: bound01(b, 255) * 255
+    };
+}
+
+// `rgbToHsl`
+// Converts an RGB color value to HSL.
+// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
+// *Returns:* { h, s, l } in [0,1]
+function rgbToHsl(r, g, b) {
+
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
+
+    var max = mathMax(r, g, b), min = mathMin(r, g, b);
+    var h, s, l = (max + min) / 2;
+
+    if(max == min) {
+        h = s = 0; // achromatic
+    }
+    else {
+        var d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch(max) {
+            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+            case g: h = (b - r) / d + 2; break;
+            case b: h = (r - g) / d + 4; break;
+        }
+
+        h /= 6;
+    }
+
+    return { h: h, s: s, l: l };
+}
+
+// `hslToRgb`
+// Converts an HSL color value to RGB.
+// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
+// *Returns:* { r, g, b } in the set [0, 255]
+function hslToRgb(h, s, l) {
+    var r, g, b;
+
+    h = bound01(h, 360);
+    s = bound01(s, 100);
+    l = bound01(l, 100);
+
+    function hue2rgb(p, q, t) {
+        if(t < 0) t += 1;
+        if(t > 1) t -= 1;
+        if(t < 1/6) return p + (q - p) * 6 * t;
+        if(t < 1/2) return q;
+        if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+        return p;
+    }
+
+    if(s === 0) {
+        r = g = b = l; // achromatic
+    }
+    else {
+        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        var p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1/3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1/3);
+    }
+
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+
+// `rgbToHsv`
+// Converts an RGB color value to HSV
+// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+// *Returns:* { h, s, v } in [0,1]
+function rgbToHsv(r, g, b) {
+
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
+
+    var max = mathMax(r, g, b), min = mathMin(r, g, b);
+    var h, s, v = max;
+
+    var d = max - min;
+    s = max === 0 ? 0 : d / max;
+
+    if(max == min) {
+        h = 0; // achromatic
+    }
+    else {
+        switch(max) {
+            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+            case g: h = (b - r) / d + 2; break;
+            case b: h = (r - g) / d + 4; break;
+        }
+        h /= 6;
+    }
+    return { h: h, s: s, v: v };
+}
+
+// `hsvToRgb`
+// Converts an HSV color value to RGB.
+// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+// *Returns:* { r, g, b } in the set [0, 255]
+ function hsvToRgb(h, s, v) {
+
+    h = bound01(h, 360) * 6;
+    s = bound01(s, 100);
+    v = bound01(v, 100);
+
+    var i = Math.floor(h),
+        f = h - i,
+        p = v * (1 - s),
+        q = v * (1 - f * s),
+        t = v * (1 - (1 - f) * s),
+        mod = i % 6,
+        r = [v, q, p, p, t, v][mod],
+        g = [t, v, v, q, p, p][mod],
+        b = [p, p, t, v, v, q][mod];
+
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+
+// `rgbToHex`
+// Converts an RGB color to hex
+// Assumes r, g, and b are contained in the set [0, 255]
+// Returns a 3 or 6 character hex
+function rgbToHex(r, g, b, allow3Char) {
+
+    var hex = [
+        pad2(mathRound(r).toString(16)),
+        pad2(mathRound(g).toString(16)),
+        pad2(mathRound(b).toString(16))
+    ];
+
+    // Return a 3 character hex if possible
+    if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
+        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+    }
+
+    return hex.join("");
+}
+
+// `rgbaToHex`
+// Converts an RGBA color plus alpha transparency to hex
+// Assumes r, g, b are contained in the set [0, 255] and
+// a in [0, 1]. Returns a 4 or 8 character rgba hex
+function rgbaToHex(r, g, b, a, allow4Char) {
+
+    var hex = [
+        pad2(mathRound(r).toString(16)),
+        pad2(mathRound(g).toString(16)),
+        pad2(mathRound(b).toString(16)),
+        pad2(convertDecimalToHex(a))
+    ];
+
+    // Return a 4 character hex if possible
+    if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
+        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
+    }
+
+    return hex.join("");
+}
+
+// `rgbaToArgbHex`
+// Converts an RGBA color to an ARGB Hex8 string
+// Rarely used, but required for "toFilter()"
+function rgbaToArgbHex(r, g, b, a) {
+
+    var hex = [
+        pad2(convertDecimalToHex(a)),
+        pad2(mathRound(r).toString(16)),
+        pad2(mathRound(g).toString(16)),
+        pad2(mathRound(b).toString(16))
+    ];
+
+    return hex.join("");
+}
+
+// `equals`
+// Can be called with any tinycolor input
+tinycolor.equals = function (color1, color2) {
+    if (!color1 || !color2) { return false; }
+    return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
+};
+
+tinycolor.random = function() {
+    return tinycolor.fromRatio({
+        r: mathRandom(),
+        g: mathRandom(),
+        b: mathRandom()
+    });
+};
+
+
+// Modification Functions
+// ----------------------
+// Thanks to less.js for some of the basics here
+// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
+
+function desaturate(color, amount) {
+    amount = (amount === 0) ? 0 : (amount || 10);
+    var hsl = tinycolor(color).toHsl();
+    hsl.s -= amount / 100;
+    hsl.s = clamp01(hsl.s);
+    return tinycolor(hsl);
+}
+
+function saturate(color, amount) {
+    amount = (amount === 0) ? 0 : (amount || 10);
+    var hsl = tinycolor(color).toHsl();
+    hsl.s += amount / 100;
+    hsl.s = clamp01(hsl.s);
+    return tinycolor(hsl);
+}
+
+function greyscale(color) {
+    return tinycolor(color).desaturate(100);
+}
+
+function lighten (color, amount) {
+    amount = (amount === 0) ? 0 : (amount || 10);
+    var hsl = tinycolor(color).toHsl();
+    hsl.l += amount / 100;
+    hsl.l = clamp01(hsl.l);
+    return tinycolor(hsl);
+}
+
+function brighten(color, amount) {
+    amount = (amount === 0) ? 0 : (amount || 10);
+    var rgb = tinycolor(color).toRgb();
+    rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
+    rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
+    rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
+    return tinycolor(rgb);
+}
+
+function darken (color, amount) {
+    amount = (amount === 0) ? 0 : (amount || 10);
+    var hsl = tinycolor(color).toHsl();
+    hsl.l -= amount / 100;
+    hsl.l = clamp01(hsl.l);
+    return tinycolor(hsl);
+}
+
+// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+// Values outside of this range will be wrapped into this range.
+function spin(color, amount) {
+    var hsl = tinycolor(color).toHsl();
+    var hue = (hsl.h + amount) % 360;
+    hsl.h = hue < 0 ? 360 + hue : hue;
+    return tinycolor(hsl);
+}
+
+// Combination Functions
+// ---------------------
+// Thanks to jQuery xColor for some of the ideas behind these
+// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
+
+function complement(color) {
+    var hsl = tinycolor(color).toHsl();
+    hsl.h = (hsl.h + 180) % 360;
+    return tinycolor(hsl);
+}
+
+function triad(color) {
+    var hsl = tinycolor(color).toHsl();
+    var h = hsl.h;
+    return [
+        tinycolor(color),
+        tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
+        tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
+    ];
+}
+
+function tetrad(color) {
+    var hsl = tinycolor(color).toHsl();
+    var h = hsl.h;
+    return [
+        tinycolor(color),
+        tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
+        tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
+        tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
+    ];
+}
+
+function splitcomplement(color) {
+    var hsl = tinycolor(color).toHsl();
+    var h = hsl.h;
+    return [
+        tinycolor(color),
+        tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
+        tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
+    ];
+}
+
+function analogous(color, results, slices) {
+    results = results || 6;
+    slices = slices || 30;
+
+    var hsl = tinycolor(color).toHsl();
+    var part = 360 / slices;
+    var ret = [tinycolor(color)];
+
+    for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
+        hsl.h = (hsl.h + part) % 360;
+        ret.push(tinycolor(hsl));
+    }
+    return ret;
+}
+
+function monochromatic(color, results) {
+    results = results || 6;
+    var hsv = tinycolor(color).toHsv();
+    var h = hsv.h, s = hsv.s, v = hsv.v;
+    var ret = [];
+    var modification = 1 / results;
+
+    while (results--) {
+        ret.push(tinycolor({ h: h, s: s, v: v}));
+        v = (v + modification) % 1;
+    }
+
+    return ret;
+}
+
+// Utility Functions
+// ---------------------
+
+tinycolor.mix = function(color1, color2, amount) {
+    amount = (amount === 0) ? 0 : (amount || 50);
+
+    var rgb1 = tinycolor(color1).toRgb();
+    var rgb2 = tinycolor(color2).toRgb();
+
+    var p = amount / 100;
+
+    var rgba = {
+        r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
+        g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
+        b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
+        a: ((rgb2.a - rgb1.a) * p) + rgb1.a
+    };
+
+    return tinycolor(rgba);
+};
+
+
+// Readability Functions
+// ---------------------
+// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
+
+// `contrast`
+// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
+tinycolor.readability = function(color1, color2) {
+    var c1 = tinycolor(color1);
+    var c2 = tinycolor(color2);
+    return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
+};
+
+// `isReadable`
+// Ensure that foreground and background color combinations meet WCAG2 guidelines.
+// The third argument is an optional Object.
+//      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
+//      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
+// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
+
+// *Example*
+//    tinycolor.isReadable("#000", "#111") => false
+//    tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
+tinycolor.isReadable = function(color1, color2, wcag2) {
+    var readability = tinycolor.readability(color1, color2);
+    var wcag2Parms, out;
+
+    out = false;
+
+    wcag2Parms = validateWCAG2Parms(wcag2);
+    switch (wcag2Parms.level + wcag2Parms.size) {
+        case "AAsmall":
+        case "AAAlarge":
+            out = readability >= 4.5;
+            break;
+        case "AAlarge":
+            out = readability >= 3;
+            break;
+        case "AAAsmall":
+            out = readability >= 7;
+            break;
+    }
+    return out;
+
+};
+
+// `mostReadable`
+// Given a base color and a list of possible foreground or background
+// colors for that base, returns the most readable color.
+// Optionally returns Black or White if the most readable color is unreadable.
+// *Example*
+//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
+//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString();  // "#ffffff"
+//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
+//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
+tinycolor.mostReadable = function(baseColor, colorList, args) {
+    var bestColor = null;
+    var bestScore = 0;
+    var readability;
+    var includeFallbackColors, level, size ;
+    args = args || {};
+    includeFallbackColors = args.includeFallbackColors ;
+    level = args.level;
+    size = args.size;
+
+    for (var i= 0; i < colorList.length ; i++) {
+        readability = tinycolor.readability(baseColor, colorList[i]);
+        if (readability > bestScore) {
+            bestScore = readability;
+            bestColor = tinycolor(colorList[i]);
+        }
+    }
+
+    if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
+        return bestColor;
+    }
+    else {
+        args.includeFallbackColors=false;
+        return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
+    }
+};
+
+
+// Big List of Colors
+// ------------------
+// <http://www.w3.org/TR/css3-color/#svg-color>
+var names = tinycolor.names = {
+    aliceblue: "f0f8ff",
+    antiquewhite: "faebd7",
+    aqua: "0ff",
+    aquamarine: "7fffd4",
+    azure: "f0ffff",
+    beige: "f5f5dc",
+    bisque: "ffe4c4",
+    black: "000",
+    blanchedalmond: "ffebcd",
+    blue: "00f",
+    blueviolet: "8a2be2",
+    brown: "a52a2a",
+    burlywood: "deb887",
+    burntsienna: "ea7e5d",
+    cadetblue: "5f9ea0",
+    chartreuse: "7fff00",
+    chocolate: "d2691e",
+    coral: "ff7f50",
+    cornflowerblue: "6495ed",
+    cornsilk: "fff8dc",
+    crimson: "dc143c",
+    cyan: "0ff",
+    darkblue: "00008b",
+    darkcyan: "008b8b",
+    darkgoldenrod: "b8860b",
+    darkgray: "a9a9a9",
+    darkgreen: "006400",
+    darkgrey: "a9a9a9",
+    darkkhaki: "bdb76b",
+    darkmagenta: "8b008b",
+    darkolivegreen: "556b2f",
+    darkorange: "ff8c00",
+    darkorchid: "9932cc",
+    darkred: "8b0000",
+    darksalmon: "e9967a",
+    darkseagreen: "8fbc8f",
+    darkslateblue: "483d8b",
+    darkslategray: "2f4f4f",
+    darkslategrey: "2f4f4f",
+    darkturquoise: "00ced1",
+    darkviolet: "9400d3",
+    deeppink: "ff1493",
+    deepskyblue: "00bfff",
+    dimgray: "696969",
+    dimgrey: "696969",
+    dodgerblue: "1e90ff",
+    firebrick: "b22222",
+    floralwhite: "fffaf0",
+    forestgreen: "228b22",
+    fuchsia: "f0f",
+    gainsboro: "dcdcdc",
+    ghostwhite: "f8f8ff",
+    gold: "ffd700",
+    goldenrod: "daa520",
+    gray: "808080",
+    green: "008000",
+    greenyellow: "adff2f",
+    grey: "808080",
+    honeydew: "f0fff0",
+    hotpink: "ff69b4",
+    indianred: "cd5c5c",
+    indigo: "4b0082",
+    ivory: "fffff0",
+    khaki: "f0e68c",
+    lavender: "e6e6fa",
+    lavenderblush: "fff0f5",
+    lawngreen: "7cfc00",
+    lemonchiffon: "fffacd",
+    lightblue: "add8e6",
+    lightcoral: "f08080",
+    lightcyan: "e0ffff",
+    lightgoldenrodyellow: "fafad2",
+    lightgray: "d3d3d3",
+    lightgreen: "90ee90",
+    lightgrey: "d3d3d3",
+    lightpink: "ffb6c1",
+    lightsalmon: "ffa07a",
+    lightseagreen: "20b2aa",
+    lightskyblue: "87cefa",
+    lightslategray: "789",
+    lightslategrey: "789",
+    lightsteelblue: "b0c4de",
+    lightyellow: "ffffe0",
+    lime: "0f0",
+    limegreen: "32cd32",
+    linen: "faf0e6",
+    magenta: "f0f",
+    maroon: "800000",
+    mediumaquamarine: "66cdaa",
+    mediumblue: "0000cd",
+    mediumorchid: "ba55d3",
+    mediumpurple: "9370db",
+    mediumseagreen: "3cb371",
+    mediumslateblue: "7b68ee",
+    mediumspringgreen: "00fa9a",
+    mediumturquoise: "48d1cc",
+    mediumvioletred: "c71585",
+    midnightblue: "191970",
+    mintcream: "f5fffa",
+    mistyrose: "ffe4e1",
+    moccasin: "ffe4b5",
+    navajowhite: "ffdead",
+    navy: "000080",
+    oldlace: "fdf5e6",
+    olive: "808000",
+    olivedrab: "6b8e23",
+    orange: "ffa500",
+    orangered: "ff4500",
+    orchid: "da70d6",
+    palegoldenrod: "eee8aa",
+    palegreen: "98fb98",
+    paleturquoise: "afeeee",
+    palevioletred: "db7093",
+    papayawhip: "ffefd5",
+    peachpuff: "ffdab9",
+    peru: "cd853f",
+    pink: "ffc0cb",
+    plum: "dda0dd",
+    powderblue: "b0e0e6",
+    purple: "800080",
+    rebeccapurple: "663399",
+    red: "f00",
+    rosybrown: "bc8f8f",
+    royalblue: "4169e1",
+    saddlebrown: "8b4513",
+    salmon: "fa8072",
+    sandybrown: "f4a460",
+    seagreen: "2e8b57",
+    seashell: "fff5ee",
+    sienna: "a0522d",
+    silver: "c0c0c0",
+    skyblue: "87ceeb",
+    slateblue: "6a5acd",
+    slategray: "708090",
+    slategrey: "708090",
+    snow: "fffafa",
+    springgreen: "00ff7f",
+    steelblue: "4682b4",
+    tan: "d2b48c",
+    teal: "008080",
+    thistle: "d8bfd8",
+    tomato: "ff6347",
+    turquoise: "40e0d0",
+    violet: "ee82ee",
+    wheat: "f5deb3",
+    white: "fff",
+    whitesmoke: "f5f5f5",
+    yellow: "ff0",
+    yellowgreen: "9acd32"
+};
+
+// Make it easy to access colors via `hexNames[hex]`
+var hexNames = tinycolor.hexNames = flip(names);
+
+
+// Utilities
+// ---------
+
+// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
+function flip(o) {
+    var flipped = { };
+    for (var i in o) {
+        if (o.hasOwnProperty(i)) {
+            flipped[o[i]] = i;
+        }
+    }
+    return flipped;
+}
+
+// Return a valid alpha value [0,1] with all invalid values being set to 1
+function boundAlpha(a) {
+    a = parseFloat(a);
+
+    if (isNaN(a) || a < 0 || a > 1) {
+        a = 1;
+    }
+
+    return a;
+}
+
+// Take input from [0, n] and return it as [0, 1]
+function bound01(n, max) {
+    if (isOnePointZero(n)) { n = "100%"; }
+
+    var processPercent = isPercentage(n);
+    n = mathMin(max, mathMax(0, parseFloat(n)));
+
+    // Automatically convert percentage into number
+    if (processPercent) {
+        n = parseInt(n * max, 10) / 100;
+    }
+
+    // Handle floating point rounding errors
+    if ((Math.abs(n - max) < 0.000001)) {
+        return 1;
+    }
+
+    // Convert into [0, 1] range if it isn't already
+    return (n % max) / parseFloat(max);
+}
+
+// Force a number between 0 and 1
+function clamp01(val) {
+    return mathMin(1, mathMax(0, val));
+}
+
+// Parse a base-16 hex value into a base-10 integer
+function parseIntFromHex(val) {
+    return parseInt(val, 16);
+}
+
+// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+function isOnePointZero(n) {
+    return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
+}
+
+// Check to see if string passed in is a percentage
+function isPercentage(n) {
+    return typeof n === "string" && n.indexOf('%') != -1;
+}
+
+// Force a hex value to have 2 characters
+function pad2(c) {
+    return c.length == 1 ? '0' + c : '' + c;
+}
+
+// Replace a decimal with it's percentage value
+function convertToPercentage(n) {
+    if (n <= 1) {
+        n = (n * 100) + "%";
+    }
+
+    return n;
+}
+
+// Converts a decimal to a hex value
+function convertDecimalToHex(d) {
+    return Math.round(parseFloat(d) * 255).toString(16);
+}
+// Converts a hex value to a decimal
+function convertHexToDecimal(h) {
+    return (parseIntFromHex(h) / 255);
+}
+
+var matchers = (function() {
+
+    // <http://www.w3.org/TR/css3-values/#integers>
+    var CSS_INTEGER = "[-\\+]?\\d+%?";
+
+    // <http://www.w3.org/TR/css3-values/#number-value>
+    var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+
+    // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
+    var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+
+    // Actual matching.
+    // Parentheses and commas are optional, but not required.
+    // Whitespace can take the place of commas or opening paren
+    var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+    var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+
+    return {
+        CSS_UNIT: new RegExp(CSS_UNIT),
+        rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+        rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+        hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+        hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+        hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+        hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+        hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+        hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+        hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+        hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+    };
+})();
+
+// `isValidCSSUnit`
+// Take in a single string / number and check to see if it looks like a CSS unit
+// (see `matchers` above for definition).
+function isValidCSSUnit(color) {
+    return !!matchers.CSS_UNIT.exec(color);
+}
+
+// `stringInputToObject`
+// Permissive string parsing.  Take in a number of formats, and output an object
+// based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
+function stringInputToObject(color) {
+
+    color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
+    var named = false;
+    if (names[color]) {
+        color = names[color];
+        named = true;
+    }
+    else if (color == 'transparent') {
+        return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+    }
+
+    // Try to match string input using regular expressions.
+    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
+    // Just return an object and let the conversion functions handle that.
+    // This way the result will be the same whether the tinycolor is initialized with string or object.
+    var match;
+    if ((match = matchers.rgb.exec(color))) {
+        return { r: match[1], g: match[2], b: match[3] };
+    }
+    if ((match = matchers.rgba.exec(color))) {
+        return { r: match[1], g: match[2], b: match[3], a: match[4] };
+    }
+    if ((match = matchers.hsl.exec(color))) {
+        return { h: match[1], s: match[2], l: match[3] };
+    }
+    if ((match = matchers.hsla.exec(color))) {
+        return { h: match[1], s: match[2], l: match[3], a: match[4] };
+    }
+    if ((match = matchers.hsv.exec(color))) {
+        return { h: match[1], s: match[2], v: match[3] };
+    }
+    if ((match = matchers.hsva.exec(color))) {
+        return { h: match[1], s: match[2], v: match[3], a: match[4] };
+    }
+    if ((match = matchers.hex8.exec(color))) {
+        return {
+            r: parseIntFromHex(match[1]),
+            g: parseIntFromHex(match[2]),
+            b: parseIntFromHex(match[3]),
+            a: convertHexToDecimal(match[4]),
+            format: named ? "name" : "hex8"
+        };
+    }
+    if ((match = matchers.hex6.exec(color))) {
+        return {
+            r: parseIntFromHex(match[1]),
+            g: parseIntFromHex(match[2]),
+            b: parseIntFromHex(match[3]),
+            format: named ? "name" : "hex"
+        };
+    }
+    if ((match = matchers.hex4.exec(color))) {
+        return {
+            r: parseIntFromHex(match[1] + '' + match[1]),
+            g: parseIntFromHex(match[2] + '' + match[2]),
+            b: parseIntFromHex(match[3] + '' + match[3]),
+            a: convertHexToDecimal(match[4] + '' + match[4]),
+            format: named ? "name" : "hex8"
+        };
+    }
+    if ((match = matchers.hex3.exec(color))) {
+        return {
+            r: parseIntFromHex(match[1] + '' + match[1]),
+            g: parseIntFromHex(match[2] + '' + match[2]),
+            b: parseIntFromHex(match[3] + '' + match[3]),
+            format: named ? "name" : "hex"
+        };
+    }
+
+    return false;
+}
+
+function validateWCAG2Parms(parms) {
+    // return valid WCAG2 parms for isReadable.
+    // If input parms are invalid, return {"level":"AA", "size":"small"}
+    var level, size;
+    parms = parms || {"level":"AA", "size":"small"};
+    level = (parms.level || "AA").toUpperCase();
+    size = (parms.size || "small").toLowerCase();
+    if (level !== "AA" && level !== "AAA") {
+        level = "AA";
+    }
+    if (size !== "small" && size !== "large") {
+        size = "small";
+    }
+    return {"level":level, "size":size};
+}
+
+// Node: Export function
+if (typeof module !== "undefined" && module.exports) {
+    module.exports = tinycolor;
+}
+// AMD/requirejs: Define the module
+else if (typeof define === 'function' && define.amd) {
+    define(function () {return tinycolor;});
+}
+// Browser: Expose to window
+else {
+    window.tinycolor = tinycolor;
+}
+
+})(Math);
+
+},{}],535:[function(require,module,exports){
+'use strict'
+
+var parseUnit = require('parse-unit')
+
+module.exports = toPX
+
+var PIXELS_PER_INCH = 96
+
+function getPropertyInPX(element, prop) {
+  var parts = parseUnit(getComputedStyle(element).getPropertyValue(prop))
+  return parts[0] * toPX(parts[1], element)
+}
+
+//This brutal hack is needed
+function getSizeBrutal(unit, element) {
+  var testDIV = document.createElement('div')
+  testDIV.style['font-size'] = '128' + unit
+  element.appendChild(testDIV)
+  var size = getPropertyInPX(testDIV, 'font-size') / 128
+  element.removeChild(testDIV)
+  return size
+}
+
+function toPX(str, element) {
+  element = element || document.body
+  str = (str || 'px').trim().toLowerCase()
+  if(element === window || element === document) {
+    element = document.body 
+  }
+  switch(str) {
+    case '%':  //Ambiguous, not sure if we should use width or height
+      return element.clientHeight / 100.0
+    case 'ch':
+    case 'ex':
+      return getSizeBrutal(str, element)
+    case 'em':
+      return getPropertyInPX(element, 'font-size')
+    case 'rem':
+      return getPropertyInPX(document.body, 'font-size')
+    case 'vw':
+      return window.innerWidth/100
+    case 'vh':
+      return window.innerHeight/100
+    case 'vmin':
+      return Math.min(window.innerWidth, window.innerHeight) / 100
+    case 'vmax':
+      return Math.max(window.innerWidth, window.innerHeight) / 100
+    case 'in':
+      return PIXELS_PER_INCH
+    case 'cm':
+      return PIXELS_PER_INCH / 2.54
+    case 'mm':
+      return PIXELS_PER_INCH / 25.4
+    case 'pt':
+      return PIXELS_PER_INCH / 72
+    case 'pc':
+      return PIXELS_PER_INCH / 6
+  }
+  return 1
+}
+},{"parse-unit":475}],536:[function(require,module,exports){
+// https://github.com/topojson/topojson-client Version 2.1.0. Copyright 2016 Mike Bostock.
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (factory((global.topojson = global.topojson || {})));
+}(this, (function (exports) { 'use strict';
+
+var identity = function(x) {
+  return x;
+};
+
+var transform = function(topology) {
+  if ((transform = topology.transform) == null) return identity;
+  var transform,
+      x0,
+      y0,
+      kx = transform.scale[0],
+      ky = transform.scale[1],
+      dx = transform.translate[0],
+      dy = transform.translate[1];
+  return function(point, i) {
+    if (!i) x0 = y0 = 0;
+    point[0] = (x0 += point[0]) * kx + dx;
+    point[1] = (y0 += point[1]) * ky + dy;
+    return point;
+  };
+};
+
+var bbox = function(topology) {
+  var bbox = topology.bbox;
+
+  function bboxPoint(p0) {
+    p1[0] = p0[0], p1[1] = p0[1], t(p1);
+    if (p1[0] < x0) x0 = p1[0];
+    if (p1[0] > x1) x1 = p1[0];
+    if (p1[1] < y0) y0 = p1[1];
+    if (p1[1] > y1) y1 = p1[1];
+  }
+
+  function bboxGeometry(o) {
+    switch (o.type) {
+      case "GeometryCollection": o.geometries.forEach(bboxGeometry); break;
+      case "Point": bboxPoint(o.coordinates); break;
+      case "MultiPoint": o.coordinates.forEach(bboxPoint); break;
+    }
+  }
+
+  if (!bbox) {
+    var t = transform(topology), p0, p1 = new Array(2), name,
+        x0 = Infinity, y0 = x0, x1 = -x0, y1 = -x0;
+
+    topology.arcs.forEach(function(arc) {
+      var i = -1, n = arc.length;
+      while (++i < n) {
+        p0 = arc[i], p1[0] = p0[0], p1[1] = p0[1], t(p1, i);
+        if (p1[0] < x0) x0 = p1[0];
+        if (p1[0] > x1) x1 = p1[0];
+        if (p1[1] < y0) y0 = p1[1];
+        if (p1[1] > y1) y1 = p1[1];
+      }
+    });
+
+    for (name in topology.objects) {
+      bboxGeometry(topology.objects[name]);
+    }
+
+    bbox = topology.bbox = [x0, y0, x1, y1];
+  }
+
+  return bbox;
+};
+
+var reverse = function(array, n) {
+  var t, j = array.length, i = j - n;
+  while (i < --j) t = array[i], array[i++] = array[j], array[j] = t;
+};
+
+var feature = function(topology, o) {
+  return o.type === "GeometryCollection"
+      ? {type: "FeatureCollection", features: o.geometries.map(function(o) { return feature$1(topology, o); })}
+      : feature$1(topology, o);
+};
+
+function feature$1(topology, o) {
+  var id = o.id,
+      bbox = o.bbox,
+      properties = o.properties == null ? {} : o.properties,
+      geometry = object(topology, o);
+  return id == null && bbox == null ? {type: "Feature", properties: properties, geometry: geometry}
+      : bbox == null ? {type: "Feature", id: id, properties: properties, geometry: geometry}
+      : {type: "Feature", id: id, bbox: bbox, properties: properties, geometry: geometry};
+}
+
+function object(topology, o) {
+  var transformPoint = transform(topology),
+      arcs = topology.arcs;
+
+  function arc(i, points) {
+    if (points.length) points.pop();
+    for (var a = arcs[i < 0 ? ~i : i], k = 0, n = a.length; k < n; ++k) {
+      points.push(transformPoint(a[k].slice(), k));
+    }
+    if (i < 0) reverse(points, n);
+  }
+
+  function point(p) {
+    return transformPoint(p.slice());
+  }
+
+  function line(arcs) {
+    var points = [];
+    for (var i = 0, n = arcs.length; i < n; ++i) arc(arcs[i], points);
+    if (points.length < 2) points.push(points[0].slice());
+    return points;
+  }
+
+  function ring(arcs) {
+    var points = line(arcs);
+    while (points.length < 4) points.push(points[0].slice());
+    return points;
+  }
+
+  function polygon(arcs) {
+    return arcs.map(ring);
+  }
+
+  function geometry(o) {
+    var type = o.type, coordinates;
+    switch (type) {
+      case "GeometryCollection": return {type: type, geometries: o.geometries.map(geometry)};
+      case "Point": coordinates = point(o.coordinates); break;
+      case "MultiPoint": coordinates = o.coordinates.map(point); break;
+      case "LineString": coordinates = line(o.arcs); break;
+      case "MultiLineString": coordinates = o.arcs.map(line); break;
+      case "Polygon": coordinates = polygon(o.arcs); break;
+      case "MultiPolygon": coordinates = o.arcs.map(polygon); break;
+      default: return null;
+    }
+    return {type: type, coordinates: coordinates};
+  }
+
+  return geometry(o);
+}
+
+var stitch = function(topology, arcs) {
+  var stitchedArcs = {},
+      fragmentByStart = {},
+      fragmentByEnd = {},
+      fragments = [],
+      emptyIndex = -1;
+
+  // Stitch empty arcs first, since they may be subsumed by other arcs.
+  arcs.forEach(function(i, j) {
+    var arc = topology.arcs[i < 0 ? ~i : i], t;
+    if (arc.length < 3 && !arc[1][0] && !arc[1][1]) {
+      t = arcs[++emptyIndex], arcs[emptyIndex] = i, arcs[j] = t;
+    }
+  });
+
+  arcs.forEach(function(i) {
+    var e = ends(i),
+        start = e[0],
+        end = e[1],
+        f, g;
+
+    if (f = fragmentByEnd[start]) {
+      delete fragmentByEnd[f.end];
+      f.push(i);
+      f.end = end;
+      if (g = fragmentByStart[end]) {
+        delete fragmentByStart[g.start];
+        var fg = g === f ? f : f.concat(g);
+        fragmentByStart[fg.start = f.start] = fragmentByEnd[fg.end = g.end] = fg;
+      } else {
+        fragmentByStart[f.start] = fragmentByEnd[f.end] = f;
+      }
+    } else if (f = fragmentByStart[end]) {
+      delete fragmentByStart[f.start];
+      f.unshift(i);
+      f.start = start;
+      if (g = fragmentByEnd[start]) {
+        delete fragmentByEnd[g.end];
+        var gf = g === f ? f : g.concat(f);
+        fragmentByStart[gf.start = g.start] = fragmentByEnd[gf.end = f.end] = gf;
+      } else {
+        fragmentByStart[f.start] = fragmentByEnd[f.end] = f;
+      }
+    } else {
+      f = [i];
+      fragmentByStart[f.start = start] = fragmentByEnd[f.end = end] = f;
+    }
+  });
+
+  function ends(i) {
+    var arc = topology.arcs[i < 0 ? ~i : i], p0 = arc[0], p1;
+    if (topology.transform) p1 = [0, 0], arc.forEach(function(dp) { p1[0] += dp[0], p1[1] += dp[1]; });
+    else p1 = arc[arc.length - 1];
+    return i < 0 ? [p1, p0] : [p0, p1];
+  }
+
+  function flush(fragmentByEnd, fragmentByStart) {
+    for (var k in fragmentByEnd) {
+      var f = fragmentByEnd[k];
+      delete fragmentByStart[f.start];
+      delete f.start;
+      delete f.end;
+      f.forEach(function(i) { stitchedArcs[i < 0 ? ~i : i] = 1; });
+      fragments.push(f);
+    }
+  }
+
+  flush(fragmentByEnd, fragmentByStart);
+  flush(fragmentByStart, fragmentByEnd);
+  arcs.forEach(function(i) { if (!stitchedArcs[i < 0 ? ~i : i]) fragments.push([i]); });
+
+  return fragments;
+};
+
+var mesh = function(topology) {
+  return object(topology, meshArcs.apply(this, arguments));
+};
+
+function meshArcs(topology, object$$1, filter) {
+  var arcs, i, n;
+  if (arguments.length > 1) arcs = extractArcs(topology, object$$1, filter);
+  else for (i = 0, arcs = new Array(n = topology.arcs.length); i < n; ++i) arcs[i] = i;
+  return {type: "MultiLineString", arcs: stitch(topology, arcs)};
+}
+
+function extractArcs(topology, object$$1, filter) {
+  var arcs = [],
+      geomsByArc = [],
+      geom;
+
+  function extract0(i) {
+    var j = i < 0 ? ~i : i;
+    (geomsByArc[j] || (geomsByArc[j] = [])).push({i: i, g: geom});
+  }
+
+  function extract1(arcs) {
+    arcs.forEach(extract0);
+  }
+
+  function extract2(arcs) {
+    arcs.forEach(extract1);
+  }
+
+  function extract3(arcs) {
+    arcs.forEach(extract2);
+  }
+
+  function geometry(o) {
+    switch (geom = o, o.type) {
+      case "GeometryCollection": o.geometries.forEach(geometry); break;
+      case "LineString": extract1(o.arcs); break;
+      case "MultiLineString": case "Polygon": extract2(o.arcs); break;
+      case "MultiPolygon": extract3(o.arcs); break;
+    }
+  }
+
+  geometry(object$$1);
+
+  geomsByArc.forEach(filter == null
+      ? function(geoms) { arcs.push(geoms[0].i); }
+      : function(geoms) { if (filter(geoms[0].g, geoms[geoms.length - 1].g)) arcs.push(geoms[0].i); });
+
+  return arcs;
+}
+
+function planarRingArea(ring) {
+  var i = -1, n = ring.length, a, b = ring[n - 1], area = 0;
+  while (++i < n) a = b, b = ring[i], area += a[0] * b[1] - a[1] * b[0];
+  return Math.abs(area); // Note: doubled area!
+}
+
+var merge = function(topology) {
+  return object(topology, mergeArcs.apply(this, arguments));
+};
+
+function mergeArcs(topology, objects) {
+  var polygonsByArc = {},
+      polygons = [],
+      groups = [];
+
+  objects.forEach(geometry);
+
+  function geometry(o) {
+    switch (o.type) {
+      case "GeometryCollection": o.geometries.forEach(geometry); break;
+      case "Polygon": extract(o.arcs); break;
+      case "MultiPolygon": o.arcs.forEach(extract); break;
+    }
+  }
+
+  function extract(polygon) {
+    polygon.forEach(function(ring) {
+      ring.forEach(function(arc) {
+        (polygonsByArc[arc = arc < 0 ? ~arc : arc] || (polygonsByArc[arc] = [])).push(polygon);
+      });
+    });
+    polygons.push(polygon);
+  }
+
+  function area(ring) {
+    return planarRingArea(object(topology, {type: "Polygon", arcs: [ring]}).coordinates[0]);
+  }
+
+  polygons.forEach(function(polygon) {
+    if (!polygon._) {
+      var group = [],
+          neighbors = [polygon];
+      polygon._ = 1;
+      groups.push(group);
+      while (polygon = neighbors.pop()) {
+        group.push(polygon);
+        polygon.forEach(function(ring) {
+          ring.forEach(function(arc) {
+            polygonsByArc[arc < 0 ? ~arc : arc].forEach(function(polygon) {
+              if (!polygon._) {
+                polygon._ = 1;
+                neighbors.push(polygon);
+              }
+            });
+          });
+        });
+      }
+    }
+  });
+
+  polygons.forEach(function(polygon) {
+    delete polygon._;
+  });
+
+  return {
+    type: "MultiPolygon",
+    arcs: groups.map(function(polygons) {
+      var arcs = [], n;
+
+      // Extract the exterior (unique) arcs.
+      polygons.forEach(function(polygon) {
+        polygon.forEach(function(ring) {
+          ring.forEach(function(arc) {
+            if (polygonsByArc[arc < 0 ? ~arc : arc].length < 2) {
+              arcs.push(arc);
+            }
+          });
+        });
+      });
+
+      // Stitch the arcs into one or more rings.
+      arcs = stitch(topology, arcs);
+
+      // If more than one ring is returned,
+      // at most one of these rings can be the exterior;
+      // choose the one with the greatest absolute area.
+      if ((n = arcs.length) > 1) {
+        for (var i = 1, k = area(arcs[0]), ki, t; i < n; ++i) {
+          if ((ki = area(arcs[i])) > k) {
+            t = arcs[0], arcs[0] = arcs[i], arcs[i] = t, k = ki;
+          }
+        }
+      }
+
+      return arcs;
+    })
+  };
+}
+
+var bisect = function(a, x) {
+  var lo = 0, hi = a.length;
+  while (lo < hi) {
+    var mid = lo + hi >>> 1;
+    if (a[mid] < x) lo = mid + 1;
+    else hi = mid;
+  }
+  return lo;
+};
+
+var neighbors = function(objects) {
+  var indexesByArc = {}, // arc index -> array of object indexes
+      neighbors = objects.map(function() { return []; });
+
+  function line(arcs, i) {
+    arcs.forEach(function(a) {
+      if (a < 0) a = ~a;
+      var o = indexesByArc[a];
+      if (o) o.push(i);
+      else indexesByArc[a] = [i];
+    });
+  }
+
+  function polygon(arcs, i) {
+    arcs.forEach(function(arc) { line(arc, i); });
+  }
+
+  function geometry(o, i) {
+    if (o.type === "GeometryCollection") o.geometries.forEach(function(o) { geometry(o, i); });
+    else if (o.type in geometryType) geometryType[o.type](o.arcs, i);
+  }
+
+  var geometryType = {
+    LineString: line,
+    MultiLineString: polygon,
+    Polygon: polygon,
+    MultiPolygon: function(arcs, i) { arcs.forEach(function(arc) { polygon(arc, i); }); }
+  };
+
+  objects.forEach(geometry);
+
+  for (var i in indexesByArc) {
+    for (var indexes = indexesByArc[i], m = indexes.length, j = 0; j < m; ++j) {
+      for (var k = j + 1; k < m; ++k) {
+        var ij = indexes[j], ik = indexes[k], n;
+        if ((n = neighbors[ij])[i = bisect(n, ik)] !== ik) n.splice(i, 0, ik);
+        if ((n = neighbors[ik])[i = bisect(n, ij)] !== ij) n.splice(i, 0, ij);
+      }
+    }
+  }
+
+  return neighbors;
+};
+
+var quantize = function(topology, n) {
+  if (!((n = Math.floor(n)) >= 2)) throw new Error("n must be ≥2");
+  if (topology.transform) throw new Error("already quantized");
+  var bb = bbox(topology), name,
+      dx = bb[0], kx = (bb[2] - dx) / (n - 1) || 1,
+      dy = bb[1], ky = (bb[3] - dy) / (n - 1) || 1;
+
+  function quantizePoint(p) {
+    p[0] = Math.round((p[0] - dx) / kx);
+    p[1] = Math.round((p[1] - dy) / ky);
+  }
+
+  function quantizeGeometry(o) {
+    switch (o.type) {
+      case "GeometryCollection": o.geometries.forEach(quantizeGeometry); break;
+      case "Point": quantizePoint(o.coordinates); break;
+      case "MultiPoint": o.coordinates.forEach(quantizePoint); break;
+    }
+  }
+
+  topology.arcs.forEach(function(arc) {
+    var i = 1,
+        j = 1,
+        n = arc.length,
+        pi = arc[0],
+        x0 = pi[0] = Math.round((pi[0] - dx) / kx),
+        y0 = pi[1] = Math.round((pi[1] - dy) / ky),
+        pj,
+        x1,
+        y1;
+
+    for (; i < n; ++i) {
+      pi = arc[i];
+      x1 = Math.round((pi[0] - dx) / kx);
+      y1 = Math.round((pi[1] - dy) / ky);
+      if (x1 !== x0 || y1 !== y0) {
+        pj = arc[j++];
+        pj[0] = x1 - x0, x0 = x1;
+        pj[1] = y1 - y0, y0 = y1;
+      }
+    }
+
+    if (j < 2) {
+      pj = arc[j++];
+      pj[0] = 0;
+      pj[1] = 0;
+    }
+
+    arc.length = j;
+  });
+
+  for (name in topology.objects) {
+    quantizeGeometry(topology.objects[name]);
+  }
+
+  topology.transform = {
+    scale: [kx, ky],
+    translate: [dx, dy]
+  };
+
+  return topology;
+};
+
+var untransform = function(topology) {
+  if ((transform = topology.transform) == null) return identity;
+  var transform,
+      x0,
+      y0,
+      kx = transform.scale[0],
+      ky = transform.scale[1],
+      dx = transform.translate[0],
+      dy = transform.translate[1];
+  return function(point, i) {
+    if (!i) x0 = y0 = 0;
+    var x1 = Math.round((point[0] - dx) / kx),
+        y1 = Math.round((point[1] - dy) / ky);
+    point[0] = x1 - x0, x0 = x1;
+    point[1] = y1 - y0, y0 = y1;
+    return point;
+  };
+};
+
+exports.bbox = bbox;
+exports.feature = feature;
+exports.mesh = mesh;
+exports.meshArcs = meshArcs;
+exports.merge = merge;
+exports.mergeArcs = mergeArcs;
+exports.neighbors = neighbors;
+exports.quantize = quantize;
+exports.transform = transform;
+exports.untransform = untransform;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
+},{}],537:[function(require,module,exports){
+"use strict"
+
+module.exports = triangulateCube
+
+var perm = require("permutation-rank")
+var sgn = require("permutation-parity")
+var gamma = require("gamma")
+
+function triangulateCube(dimension) {
+  if(dimension < 0) {
+    return [ ]
+  }
+  if(dimension === 0) {
+    return [ [0] ]
+  }
+  var dfactorial = Math.round(gamma(dimension+1))|0
+  var result = []
+  for(var i=0; i<dfactorial; ++i) {
+    var p = perm.unrank(dimension, i)
+    var cell = [ 0 ]
+    var v = 0
+    for(var j=0; j<p.length; ++j) {
+      v += (1<<p[j])
+      cell.push(v)
+    }
+    if(sgn(p) < 1) {
+      cell[0] = v
+      cell[dimension] = 0
+    }
+    result.push(cell)
+  }
+  return result
+}
+},{"gamma":136,"permutation-parity":479,"permutation-rank":480}],538:[function(require,module,exports){
+'use strict'
+
+module.exports = createTurntableController
+
+var filterVector = require('filtered-vector')
+var invert44     = require('gl-mat4/invert')
+var rotateM      = require('gl-mat4/rotate')
+var cross        = require('gl-vec3/cross')
+var normalize3   = require('gl-vec3/normalize')
+var dot3         = require('gl-vec3/dot')
+
+function len3(x, y, z) {
+  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2) + Math.pow(z, 2))
+}
+
+function clamp1(x) {
+  return Math.min(1.0, Math.max(-1.0, x))
+}
+
+function findOrthoPair(v) {
+  var vx = Math.abs(v[0])
+  var vy = Math.abs(v[1])
+  var vz = Math.abs(v[2])
+
+  var u = [0,0,0]
+  if(vx > Math.max(vy, vz)) {
+    u[2] = 1
+  } else if(vy > Math.max(vx, vz)) {
+    u[0] = 1
+  } else {
+    u[1] = 1
+  }
+
+  var vv = 0
+  var uv = 0
+  for(var i=0; i<3; ++i ) {
+    vv += v[i] * v[i]
+    uv += u[i] * v[i]
+  }
+  for(var i=0; i<3; ++i) {
+    u[i] -= (uv / vv) *  v[i]
+  }
+  normalize3(u, u)
+  return u
+}
+
+function TurntableController(zoomMin, zoomMax, center, up, right, radius, theta, phi) {
+  this.center = filterVector(center)
+  this.up     = filterVector(up)
+  this.right  = filterVector(right)
+  this.radius = filterVector([radius])
+  this.angle  = filterVector([theta, phi])
+  this.angle.bounds = [[-Infinity,-Math.PI/2], [Infinity,Math.PI/2]]
+  this.setDistanceLimits(zoomMin, zoomMax)
+
+  this.computedCenter = this.center.curve(0)
+  this.computedUp     = this.up.curve(0)
+  this.computedRight  = this.right.curve(0)
+  this.computedRadius = this.radius.curve(0)
+  this.computedAngle  = this.angle.curve(0)
+  this.computedToward = [0,0,0]
+  this.computedEye    = [0,0,0]
+  this.computedMatrix = new Array(16)
+  for(var i=0; i<16; ++i) {
+    this.computedMatrix[i] = 0.5
+  }
+
+  this.recalcMatrix(0)
+}
+
+var proto = TurntableController.prototype
+
+proto.setDistanceLimits = function(minDist, maxDist) {
+  if(minDist > 0) {
+    minDist = Math.log(minDist)
+  } else {
+    minDist = -Infinity
+  }
+  if(maxDist > 0) {
+    maxDist = Math.log(maxDist)
+  } else {
+    maxDist = Infinity
+  }
+  maxDist = Math.max(maxDist, minDist)
+  this.radius.bounds[0][0] = minDist
+  this.radius.bounds[1][0] = maxDist
+}
+
+proto.getDistanceLimits = function(out) {
+  var bounds = this.radius.bounds[0]
+  if(out) {
+    out[0] = Math.exp(bounds[0][0])
+    out[1] = Math.exp(bounds[1][0])
+    return out
+  }
+  return [ Math.exp(bounds[0][0]), Math.exp(bounds[1][0]) ]
+}
+
+proto.recalcMatrix = function(t) {
+  //Recompute curves
+  this.center.curve(t)
+  this.up.curve(t)
+  this.right.curve(t)
+  this.radius.curve(t)
+  this.angle.curve(t)
+
+  //Compute frame for camera matrix
+  var up     = this.computedUp
+  var right  = this.computedRight
+  var uu = 0.0
+  var ur = 0.0
+  for(var i=0; i<3; ++i) {
+    ur += up[i] * right[i]
+    uu += up[i] * up[i]
+  }
+  var ul = Math.sqrt(uu)
+  var rr = 0.0
+  for(var i=0; i<3; ++i) {
+    right[i] -= up[i] * ur / uu
+    rr       += right[i] * right[i]
+    up[i]    /= ul
+  }
+  var rl = Math.sqrt(rr)
+  for(var i=0; i<3; ++i) {
+    right[i] /= rl
+  }
+
+  //Compute toward vector
+  var toward = this.computedToward
+  cross(toward, up, right)
+  normalize3(toward, toward)
+
+  //Compute angular parameters
+  var radius = Math.exp(this.computedRadius[0])
+  var theta  = this.computedAngle[0]
+  var phi    = this.computedAngle[1]
+
+  var ctheta = Math.cos(theta)
+  var stheta = Math.sin(theta)
+  var cphi   = Math.cos(phi)
+  var sphi   = Math.sin(phi)
+
+  var center = this.computedCenter
+
+  var wx = ctheta * cphi 
+  var wy = stheta * cphi
+  var wz = sphi
+
+  var sx = -ctheta * sphi
+  var sy = -stheta * sphi
+  var sz = cphi
+
+  var eye = this.computedEye
+  var mat = this.computedMatrix
+  for(var i=0; i<3; ++i) {
+    var x      = wx * right[i] + wy * toward[i] + wz * up[i]
+    mat[4*i+1] = sx * right[i] + sy * toward[i] + sz * up[i]
+    mat[4*i+2] = x
+    mat[4*i+3] = 0.0
+  }
+
+  var ax = mat[1]
+  var ay = mat[5]
+  var az = mat[9]
+  var bx = mat[2]
+  var by = mat[6]
+  var bz = mat[10]
+  var cx = ay * bz - az * by
+  var cy = az * bx - ax * bz
+  var cz = ax * by - ay * bx
+  var cl = len3(cx, cy, cz)
+  cx /= cl
+  cy /= cl
+  cz /= cl
+  mat[0] = cx
+  mat[4] = cy
+  mat[8] = cz
+
+  for(var i=0; i<3; ++i) {
+    eye[i] = center[i] + mat[2+4*i]*radius
+  }
+
+  for(var i=0; i<3; ++i) {
+    var rr = 0.0
+    for(var j=0; j<3; ++j) {
+      rr += mat[i+4*j] * eye[j]
+    }
+    mat[12+i] = -rr
+  }
+  mat[15] = 1.0
+}
+
+proto.getMatrix = function(t, result) {
+  this.recalcMatrix(t)
+  var mat = this.computedMatrix
+  if(result) {
+    for(var i=0; i<16; ++i) {
+      result[i] = mat[i]
+    }
+    return result
+  }
+  return mat
+}
+
+var zAxis = [0,0,0]
+proto.rotate = function(t, dtheta, dphi, droll) {
+  this.angle.move(t, dtheta, dphi)
+  if(droll) {
+    this.recalcMatrix(t)
+
+    var mat = this.computedMatrix
+    zAxis[0] = mat[2]
+    zAxis[1] = mat[6]
+    zAxis[2] = mat[10]
+
+    var up     = this.computedUp
+    var right  = this.computedRight
+    var toward = this.computedToward
+
+    for(var i=0; i<3; ++i) {
+      mat[4*i]   = up[i]
+      mat[4*i+1] = right[i]
+      mat[4*i+2] = toward[i]
+    }
+    rotateM(mat, mat, droll, zAxis)
+    for(var i=0; i<3; ++i) {
+      up[i] =    mat[4*i]
+      right[i] = mat[4*i+1]
+    }
+
+    this.up.set(t, up[0], up[1], up[2])
+    this.right.set(t, right[0], right[1], right[2])
+  }
+}
+
+proto.pan = function(t, dx, dy, dz) {
+  dx = dx || 0.0
+  dy = dy || 0.0
+  dz = dz || 0.0
+
+  this.recalcMatrix(t)
+  var mat = this.computedMatrix
+
+  var dist = Math.exp(this.computedRadius[0])
+
+  var ux = mat[1]
+  var uy = mat[5]
+  var uz = mat[9]
+  var ul = len3(ux, uy, uz)
+  ux /= ul
+  uy /= ul
+  uz /= ul
+
+  var rx = mat[0]
+  var ry = mat[4]
+  var rz = mat[8]
+  var ru = rx * ux + ry * uy + rz * uz
+  rx -= ux * ru
+  ry -= uy * ru
+  rz -= uz * ru
+  var rl = len3(rx, ry, rz)
+  rx /= rl
+  ry /= rl
+  rz /= rl
+
+  var vx = rx * dx + ux * dy
+  var vy = ry * dx + uy * dy
+  var vz = rz * dx + uz * dy
+  this.center.move(t, vx, vy, vz)
+
+  //Update z-component of radius
+  var radius = Math.exp(this.computedRadius[0])
+  radius = Math.max(1e-4, radius + dz)
+  this.radius.set(t, Math.log(radius))
+}
+
+proto.translate = function(t, dx, dy, dz) {
+  this.center.move(t,
+    dx||0.0,
+    dy||0.0,
+    dz||0.0)
+}
+
+//Recenters the coordinate axes
+proto.setMatrix = function(t, mat, axes, noSnap) {
+  
+  //Get the axes for tare
+  var ushift = 1
+  if(typeof axes === 'number') {
+    ushift = (axes)|0
+  } 
+  if(ushift < 0 || ushift > 3) {
+    ushift = 1
+  }
+  var vshift = (ushift + 2) % 3
+  var fshift = (ushift + 1) % 3
+
+  //Recompute state for new t value
+  if(!mat) { 
+    this.recalcMatrix(t)
+    mat = this.computedMatrix
+  }
+
+  //Get right and up vectors
+  var ux = mat[ushift]
+  var uy = mat[ushift+4]
+  var uz = mat[ushift+8]
+  if(!noSnap) {
+    var ul = len3(ux, uy, uz)
+    ux /= ul
+    uy /= ul
+    uz /= ul
+  } else {
+    var ax = Math.abs(ux)
+    var ay = Math.abs(uy)
+    var az = Math.abs(uz)
+    var am = Math.max(ax,ay,az)
+    if(ax === am) {
+      ux = (ux < 0) ? -1 : 1
+      uy = uz = 0
+    } else if(az === am) {
+      uz = (uz < 0) ? -1 : 1
+      ux = uy = 0
+    } else {
+      uy = (uy < 0) ? -1 : 1
+      ux = uz = 0
+    }
+  }
+
+  var rx = mat[vshift]
+  var ry = mat[vshift+4]
+  var rz = mat[vshift+8]
+  var ru = rx * ux + ry * uy + rz * uz
+  rx -= ux * ru
+  ry -= uy * ru
+  rz -= uz * ru
+  var rl = len3(rx, ry, rz)
+  rx /= rl
+  ry /= rl
+  rz /= rl
+  
+  var fx = uy * rz - uz * ry
+  var fy = uz * rx - ux * rz
+  var fz = ux * ry - uy * rx
+  var fl = len3(fx, fy, fz)
+  fx /= fl
+  fy /= fl
+  fz /= fl
+
+  this.center.jump(t, ex, ey, ez)
+  this.radius.idle(t)
+  this.up.jump(t, ux, uy, uz)
+  this.right.jump(t, rx, ry, rz)
+
+  var phi, theta
+  if(ushift === 2) {
+    var cx = mat[1]
+    var cy = mat[5]
+    var cz = mat[9]
+    var cr = cx * rx + cy * ry + cz * rz
+    var cf = cx * fx + cy * fy + cz * fz
+    if(tu < 0) {
+      phi = -Math.PI/2
+    } else {
+      phi = Math.PI/2
+    }
+    theta = Math.atan2(cf, cr)
+  } else {
+    var tx = mat[2]
+    var ty = mat[6]
+    var tz = mat[10]
+    var tu = tx * ux + ty * uy + tz * uz
+    var tr = tx * rx + ty * ry + tz * rz
+    var tf = tx * fx + ty * fy + tz * fz
+
+    phi = Math.asin(clamp1(tu))
+    theta = Math.atan2(tf, tr)
+  }
+
+  this.angle.jump(t, theta, phi)
+
+  this.recalcMatrix(t)
+  var dx = mat[2]
+  var dy = mat[6]
+  var dz = mat[10]
+
+  var imat = this.computedMatrix
+  invert44(imat, mat)
+  var w  = imat[15]
+  var ex = imat[12] / w
+  var ey = imat[13] / w
+  var ez = imat[14] / w
+
+  var gs = Math.exp(this.computedRadius[0])
+  this.center.jump(t, ex-dx*gs, ey-dy*gs, ez-dz*gs)
+}
+
+proto.lastT = function() {
+  return Math.max(
+    this.center.lastT(),
+    this.up.lastT(),
+    this.right.lastT(),
+    this.radius.lastT(),
+    this.angle.lastT())
+}
+
+proto.idle = function(t) {
+  this.center.idle(t)
+  this.up.idle(t)
+  this.right.idle(t)
+  this.radius.idle(t)
+  this.angle.idle(t)
+}
+
+proto.flush = function(t) {
+  this.center.flush(t)
+  this.up.flush(t)
+  this.right.flush(t)
+  this.radius.flush(t)
+  this.angle.flush(t)
+}
+
+proto.setDistance = function(t, d) {
+  if(d > 0) {
+    this.radius.set(t, Math.log(d))
+  }
+}
+
+proto.lookAt = function(t, eye, center, up) {
+  this.recalcMatrix(t)
+
+  eye    = eye    || this.computedEye
+  center = center || this.computedCenter
+  up     = up     || this.computedUp
+
+  var ux = up[0]
+  var uy = up[1]
+  var uz = up[2]
+  var ul = len3(ux, uy, uz)
+  if(ul < 1e-6) {
+    return
+  }
+  ux /= ul
+  uy /= ul
+  uz /= ul
+
+  var tx = eye[0] - center[0]
+  var ty = eye[1] - center[1]
+  var tz = eye[2] - center[2]
+  var tl = len3(tx, ty, tz)
+  if(tl < 1e-6) {
+    return
+  }
+  tx /= tl
+  ty /= tl
+  tz /= tl
+
+  var right = this.computedRight
+  var rx = right[0]
+  var ry = right[1]
+  var rz = right[2]
+  var ru = ux*rx + uy*ry + uz*rz
+  rx -= ru * ux
+  ry -= ru * uy
+  rz -= ru * uz
+  var rl = len3(rx, ry, rz)
+
+  if(rl < 0.01) {
+    rx = uy * tz - uz * ty
+    ry = uz * tx - ux * tz
+    rz = ux * ty - uy * tx
+    rl = len3(rx, ry, rz)
+    if(rl < 1e-6) {
+      return
+    }
+  }
+  rx /= rl
+  ry /= rl
+  rz /= rl
+
+  this.up.set(t, ux, uy, uz)
+  this.right.set(t, rx, ry, rz)
+  this.center.set(t, center[0], center[1], center[2])
+  this.radius.set(t, Math.log(tl))
+
+  var fx = uy * rz - uz * ry
+  var fy = uz * rx - ux * rz
+  var fz = ux * ry - uy * rx
+  var fl = len3(fx, fy, fz)
+  fx /= fl
+  fy /= fl
+  fz /= fl
+
+  var tu = ux*tx + uy*ty + uz*tz
+  var tr = rx*tx + ry*ty + rz*tz
+  var tf = fx*tx + fy*ty + fz*tz
+
+  var phi   = Math.asin(clamp1(tu))
+  var theta = Math.atan2(tf, tr)
+
+  var angleState = this.angle._state
+  var lastTheta  = angleState[angleState.length-1]
+  var lastPhi    = angleState[angleState.length-2]
+  lastTheta      = lastTheta % (2.0 * Math.PI)
+  var dp = Math.abs(lastTheta + 2.0 * Math.PI - theta)
+  var d0 = Math.abs(lastTheta - theta)
+  var dn = Math.abs(lastTheta - 2.0 * Math.PI - theta)
+  if(dp < d0) {
+    lastTheta += 2.0 * Math.PI
+  }
+  if(dn < d0) {
+    lastTheta -= 2.0 * Math.PI
+  }
+
+  this.angle.jump(this.angle.lastT(), lastTheta, lastPhi)
+  this.angle.set(t, theta, phi)
+}
+
+function createTurntableController(options) {
+  options = options || {}
+
+  var center = options.center || [0,0,0]
+  var up     = options.up     || [0,1,0]
+  var right  = options.right  || findOrthoPair(up)
+  var radius = options.radius || 1.0
+  var theta  = options.theta  || 0.0
+  var phi    = options.phi    || 0.0
+
+  center = [].slice.call(center, 0, 3)
+
+  up = [].slice.call(up, 0, 3)
+  normalize3(up, up)
+
+  right = [].slice.call(right, 0, 3)
+  normalize3(right, right)
+
+  if('eye' in options) {
+    var eye = options.eye
+    var toward = [
+      eye[0]-center[0],
+      eye[1]-center[1],
+      eye[2]-center[2]
+    ]
+    cross(right, toward, up)
+    if(len3(right[0], right[1], right[2]) < 1e-6) {
+      right = findOrthoPair(up)
+    } else {
+      normalize3(right, right)
+    }
+
+    radius = len3(toward[0], toward[1], toward[2])
+
+    var ut = dot3(up, toward) / radius
+    var rt = dot3(right, toward) / radius
+    phi    = Math.acos(ut)
+    theta  = Math.acos(rt)
+  }
+
+  //Use logarithmic coordinates for radius
+  radius = Math.log(radius)
+
+  //Return the controller
+  return new TurntableController(
+    options.zoomMin,
+    options.zoomMax,
+    center,
+    up,
+    right,
+    radius,
+    theta,
+    phi)
+}
+},{"filtered-vector":133,"gl-mat4/invert":181,"gl-mat4/rotate":185,"gl-vec3/cross":272,"gl-vec3/dot":273,"gl-vec3/normalize":276}],539:[function(require,module,exports){
+"use strict"
+
+module.exports = twoProduct
+
+var SPLITTER = +(Math.pow(2, 27) + 1.0)
+
+function twoProduct(a, b, result) {
+  var x = a * b
+
+  var c = SPLITTER * a
+  var abig = c - a
+  var ahi = c - abig
+  var alo = a - ahi
+
+  var d = SPLITTER * b
+  var bbig = d - b
+  var bhi = d - bbig
+  var blo = b - bhi
+
+  var err1 = x - (ahi * bhi)
+  var err2 = err1 - (alo * bhi)
+  var err3 = err2 - (ahi * blo)
+
+  var y = alo * blo - err3
+
+  if(result) {
+    result[0] = y
+    result[1] = x
+    return result
+  }
+
+  return [ y, x ]
+}
+},{}],540:[function(require,module,exports){
+"use strict"
+
+module.exports = fastTwoSum
+
+function fastTwoSum(a, b, result) {
+	var x = a + b
+	var bv = x - a
+	var av = x - bv
+	var br = b - bv
+	var ar = a - av
+	if(result) {
+		result[0] = ar + br
+		result[1] = x
+		return result
+	}
+	return [ar+br, x]
+}
+},{}],541:[function(require,module,exports){
+(function (global,Buffer){
+'use strict'
+
+var bits = require('bit-twiddle')
+var dup = require('dup')
+
+//Legacy pool support
+if(!global.__TYPEDARRAY_POOL) {
+  global.__TYPEDARRAY_POOL = {
+      UINT8   : dup([32, 0])
+    , UINT16  : dup([32, 0])
+    , UINT32  : dup([32, 0])
+    , INT8    : dup([32, 0])
+    , INT16   : dup([32, 0])
+    , INT32   : dup([32, 0])
+    , FLOAT   : dup([32, 0])
+    , DOUBLE  : dup([32, 0])
+    , DATA    : dup([32, 0])
+    , UINT8C  : dup([32, 0])
+    , BUFFER  : dup([32, 0])
+  }
+}
+
+var hasUint8C = (typeof Uint8ClampedArray) !== 'undefined'
+var POOL = global.__TYPEDARRAY_POOL
+
+//Upgrade pool
+if(!POOL.UINT8C) {
+  POOL.UINT8C = dup([32, 0])
+}
+if(!POOL.BUFFER) {
+  POOL.BUFFER = dup([32, 0])
+}
+
+//New technique: Only allocate from ArrayBufferView and Buffer
+var DATA    = POOL.DATA
+  , BUFFER  = POOL.BUFFER
+
+exports.free = function free(array) {
+  if(Buffer.isBuffer(array)) {
+    BUFFER[bits.log2(array.length)].push(array)
+  } else {
+    if(Object.prototype.toString.call(array) !== '[object ArrayBuffer]') {
+      array = array.buffer
+    }
+    if(!array) {
+      return
+    }
+    var n = array.length || array.byteLength
+    var log_n = bits.log2(n)|0
+    DATA[log_n].push(array)
+  }
+}
+
+function freeArrayBuffer(buffer) {
+  if(!buffer) {
+    return
+  }
+  var n = buffer.length || buffer.byteLength
+  var log_n = bits.log2(n)
+  DATA[log_n].push(buffer)
+}
+
+function freeTypedArray(array) {
+  freeArrayBuffer(array.buffer)
+}
+
+exports.freeUint8 =
+exports.freeUint16 =
+exports.freeUint32 =
+exports.freeInt8 =
+exports.freeInt16 =
+exports.freeInt32 =
+exports.freeFloat32 = 
+exports.freeFloat =
+exports.freeFloat64 = 
+exports.freeDouble = 
+exports.freeUint8Clamped = 
+exports.freeDataView = freeTypedArray
+
+exports.freeArrayBuffer = freeArrayBuffer
+
+exports.freeBuffer = function freeBuffer(array) {
+  BUFFER[bits.log2(array.length)].push(array)
+}
+
+exports.malloc = function malloc(n, dtype) {
+  if(dtype === undefined || dtype === 'arraybuffer') {
+    return mallocArrayBuffer(n)
+  } else {
+    switch(dtype) {
+      case 'uint8':
+        return mallocUint8(n)
+      case 'uint16':
+        return mallocUint16(n)
+      case 'uint32':
+        return mallocUint32(n)
+      case 'int8':
+        return mallocInt8(n)
+      case 'int16':
+        return mallocInt16(n)
+      case 'int32':
+        return mallocInt32(n)
+      case 'float':
+      case 'float32':
+        return mallocFloat(n)
+      case 'double':
+      case 'float64':
+        return mallocDouble(n)
+      case 'uint8_clamped':
+        return mallocUint8Clamped(n)
+      case 'buffer':
+        return mallocBuffer(n)
+      case 'data':
+      case 'dataview':
+        return mallocDataView(n)
+
+      default:
+        return null
+    }
+  }
+  return null
+}
+
+function mallocArrayBuffer(n) {
+  var n = bits.nextPow2(n)
+  var log_n = bits.log2(n)
+  var d = DATA[log_n]
+  if(d.length > 0) {
+    return d.pop()
+  }
+  return new ArrayBuffer(n)
+}
+exports.mallocArrayBuffer = mallocArrayBuffer
+
+function mallocUint8(n) {
+  return new Uint8Array(mallocArrayBuffer(n), 0, n)
+}
+exports.mallocUint8 = mallocUint8
+
+function mallocUint16(n) {
+  return new Uint16Array(mallocArrayBuffer(2*n), 0, n)
+}
+exports.mallocUint16 = mallocUint16
+
+function mallocUint32(n) {
+  return new Uint32Array(mallocArrayBuffer(4*n), 0, n)
+}
+exports.mallocUint32 = mallocUint32
+
+function mallocInt8(n) {
+  return new Int8Array(mallocArrayBuffer(n), 0, n)
+}
+exports.mallocInt8 = mallocInt8
+
+function mallocInt16(n) {
+  return new Int16Array(mallocArrayBuffer(2*n), 0, n)
+}
+exports.mallocInt16 = mallocInt16
+
+function mallocInt32(n) {
+  return new Int32Array(mallocArrayBuffer(4*n), 0, n)
+}
+exports.mallocInt32 = mallocInt32
+
+function mallocFloat(n) {
+  return new Float32Array(mallocArrayBuffer(4*n), 0, n)
+}
+exports.mallocFloat32 = exports.mallocFloat = mallocFloat
+
+function mallocDouble(n) {
+  return new Float64Array(mallocArrayBuffer(8*n), 0, n)
+}
+exports.mallocFloat64 = exports.mallocDouble = mallocDouble
+
+function mallocUint8Clamped(n) {
+  if(hasUint8C) {
+    return new Uint8ClampedArray(mallocArrayBuffer(n), 0, n)
+  } else {
+    return mallocUint8(n)
+  }
+}
+exports.mallocUint8Clamped = mallocUint8Clamped
+
+function mallocDataView(n) {
+  return new DataView(mallocArrayBuffer(n), 0, n)
+}
+exports.mallocDataView = mallocDataView
+
+function mallocBuffer(n) {
+  n = bits.nextPow2(n)
+  var log_n = bits.log2(n)
+  var cache = BUFFER[log_n]
+  if(cache.length > 0) {
+    return cache.pop()
+  }
+  return new Buffer(n)
+}
+exports.mallocBuffer = mallocBuffer
+
+exports.clearCache = function clearCache() {
+  for(var i=0; i<32; ++i) {
+    POOL.UINT8[i].length = 0
+    POOL.UINT16[i].length = 0
+    POOL.UINT32[i].length = 0
+    POOL.INT8[i].length = 0
+    POOL.INT16[i].length = 0
+    POOL.INT32[i].length = 0
+    POOL.FLOAT[i].length = 0
+    POOL.DOUBLE[i].length = 0
+    POOL.UINT8C[i].length = 0
+    DATA[i].length = 0
+    BUFFER[i].length = 0
+  }
+}
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {},require("buffer").Buffer)
+},{"bit-twiddle":67,"buffer":77,"dup":125}],542:[function(require,module,exports){
+"use strict"; "use restrict";
+
+module.exports = UnionFind;
+
+function UnionFind(count) {
+  this.roots = new Array(count);
+  this.ranks = new Array(count);
+  
+  for(var i=0; i<count; ++i) {
+    this.roots[i] = i;
+    this.ranks[i] = 0;
+  }
+}
+
+var proto = UnionFind.prototype
+
+Object.defineProperty(proto, "length", {
+  "get": function() {
+    return this.roots.length
+  }
+})
+
+proto.makeSet = function() {
+  var n = this.roots.length;
+  this.roots.push(n);
+  this.ranks.push(0);
+  return n;
+}
+
+proto.find = function(x) {
+  var x0 = x
+  var roots = this.roots;
+  while(roots[x] !== x) {
+    x = roots[x]
+  }
+  while(roots[x0] !== x) {
+    var y = roots[x0]
+    roots[x0] = x
+    x0 = y
+  }
+  return x;
+}
+
+proto.link = function(x, y) {
+  var xr = this.find(x)
+    , yr = this.find(y);
+  if(xr === yr) {
+    return;
+  }
+  var ranks = this.ranks
+    , roots = this.roots
+    , xd    = ranks[xr]
+    , yd    = ranks[yr];
+  if(xd < yd) {
+    roots[xr] = yr;
+  } else if(yd < xd) {
+    roots[yr] = xr;
+  } else {
+    roots[yr] = xr;
+    ++ranks[xr];
+  }
+}
+},{}],543:[function(require,module,exports){
+"use strict"
+
+function unique_pred(list, compare) {
+  var ptr = 1
+    , len = list.length
+    , a=list[0], b=list[0]
+  for(var i=1; i<len; ++i) {
+    b = a
+    a = list[i]
+    if(compare(a, b)) {
+      if(i === ptr) {
+        ptr++
+        continue
+      }
+      list[ptr++] = a
+    }
+  }
+  list.length = ptr
+  return list
+}
+
+function unique_eq(list) {
+  var ptr = 1
+    , len = list.length
+    , a=list[0], b = list[0]
+  for(var i=1; i<len; ++i, b=a) {
+    b = a
+    a = list[i]
+    if(a !== b) {
+      if(i === ptr) {
+        ptr++
+        continue
+      }
+      list[ptr++] = a
+    }
+  }
+  list.length = ptr
+  return list
+}
+
+function unique(list, compare, sorted) {
+  if(list.length === 0) {
+    return list
+  }
+  if(compare) {
+    if(!sorted) {
+      list.sort(compare)
+    }
+    return unique_pred(list, compare)
+  }
+  if(!sorted) {
+    list.sort()
+  }
+  return unique_eq(list)
+}
+
+module.exports = unique
+
+},{}],544:[function(require,module,exports){
+/*
+ * Copyright (C) 2008 Apple Inc. All Rights Reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ * 1. Redistributions of source code must retain the above copyright
+ *    notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ *    notice, this list of conditions and the following disclaimer in the
+ *    documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+ * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
+ * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+ * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+ * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ * Ported from Webkit
+ * http://svn.webkit.org/repository/webkit/trunk/Source/WebCore/platform/graphics/UnitBezier.h
+ */
+
+module.exports = UnitBezier;
+
+function UnitBezier(p1x, p1y, p2x, p2y) {
+    // Calculate the polynomial coefficients, implicit first and last control points are (0,0) and (1,1).
+    this.cx = 3.0 * p1x;
+    this.bx = 3.0 * (p2x - p1x) - this.cx;
+    this.ax = 1.0 - this.cx - this.bx;
+
+    this.cy = 3.0 * p1y;
+    this.by = 3.0 * (p2y - p1y) - this.cy;
+    this.ay = 1.0 - this.cy - this.by;
+
+    this.p1x = p1x;
+    this.p1y = p2y;
+    this.p2x = p2x;
+    this.p2y = p2y;
+}
+
+UnitBezier.prototype.sampleCurveX = function(t) {
+    // `ax t^3 + bx t^2 + cx t' expanded using Horner's rule.
+    return ((this.ax * t + this.bx) * t + this.cx) * t;
+};
+
+UnitBezier.prototype.sampleCurveY = function(t) {
+    return ((this.ay * t + this.by) * t + this.cy) * t;
+};
+
+UnitBezier.prototype.sampleCurveDerivativeX = function(t) {
+    return (3.0 * this.ax * t + 2.0 * this.bx) * t + this.cx;
+};
+
+UnitBezier.prototype.solveCurveX = function(x, epsilon) {
+    if (typeof epsilon === 'undefined') epsilon = 1e-6;
+
+    var t0, t1, t2, x2, i;
+
+    // First try a few iterations of Newton's method -- normally very fast.
+    for (t2 = x, i = 0; i < 8; i++) {
+
+        x2 = this.sampleCurveX(t2) - x;
+        if (Math.abs(x2) < epsilon) return t2;
+
+        var d2 = this.sampleCurveDerivativeX(t2);
+        if (Math.abs(d2) < 1e-6) break;
+
+        t2 = t2 - x2 / d2;
+    }
+
+    // Fall back to the bisection method for reliability.
+    t0 = 0.0;
+    t1 = 1.0;
+    t2 = x;
+
+    if (t2 < t0) return t0;
+    if (t2 > t1) return t1;
+
+    while (t0 < t1) {
+
+        x2 = this.sampleCurveX(t2);
+        if (Math.abs(x2 - x) < epsilon) return t2;
+
+        if (x > x2) {
+            t0 = t2;
+        } else {
+            t1 = t2;
+        }
+
+        t2 = (t1 - t0) * 0.5 + t0;
+    }
+
+    // Failure.
+    return t2;
+};
+
+UnitBezier.prototype.solve = function(x, epsilon) {
+    return this.sampleCurveY(this.solveCurveX(x, epsilon));
+};
+
+},{}],545:[function(require,module,exports){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+'use strict';
+
+var punycode = require('punycode');
+var util = require('./util');
+
+exports.parse = urlParse;
+exports.resolve = urlResolve;
+exports.resolveObject = urlResolveObject;
+exports.format = urlFormat;
+
+exports.Url = Url;
+
+function Url() {
+  this.protocol = null;
+  this.slashes = null;
+  this.auth = null;
+  this.host = null;
+  this.port = null;
+  this.hostname = null;
+  this.hash = null;
+  this.search = null;
+  this.query = null;
+  this.pathname = null;
+  this.path = null;
+  this.href = null;
+}
+
+// Reference: RFC 3986, RFC 1808, RFC 2396
+
+// define these here so at least they only have to be
+// compiled once on the first module load.
+var protocolPattern = /^([a-z0-9.+-]+:)/i,
+    portPattern = /:[0-9]*$/,
+
+    // Special case for a simple path URL
+    simplePathPattern = /^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,
+
+    // RFC 2396: characters reserved for delimiting URLs.
+    // We actually just auto-escape these.
+    delims = ['<', '>', '"', '`', ' ', '\r', '\n', '\t'],
+
+    // RFC 2396: characters not allowed for various reasons.
+    unwise = ['{', '}', '|', '\\', '^', '`'].concat(delims),
+
+    // Allowed by RFCs, but cause of XSS attacks.  Always escape these.
+    autoEscape = ['\''].concat(unwise),
+    // Characters that are never ever allowed in a hostname.
+    // Note that any invalid chars are also handled, but these
+    // are the ones that are *expected* to be seen, so we fast-path
+    // them.
+    nonHostChars = ['%', '/', '?', ';', '#'].concat(autoEscape),
+    hostEndingChars = ['/', '?', '#'],
+    hostnameMaxLen = 255,
+    hostnamePartPattern = /^[+a-z0-9A-Z_-]{0,63}$/,
+    hostnamePartStart = /^([+a-z0-9A-Z_-]{0,63})(.*)$/,
+    // protocols that can allow "unsafe" and "unwise" chars.
+    unsafeProtocol = {
+      'javascript': true,
+      'javascript:': true
+    },
+    // protocols that never have a hostname.
+    hostlessProtocol = {
+      'javascript': true,
+      'javascript:': true
+    },
+    // protocols that always contain a // bit.
+    slashedProtocol = {
+      'http': true,
+      'https': true,
+      'ftp': true,
+      'gopher': true,
+      'file': true,
+      'http:': true,
+      'https:': true,
+      'ftp:': true,
+      'gopher:': true,
+      'file:': true
+    },
+    querystring = require('querystring');
+
+function urlParse(url, parseQueryString, slashesDenoteHost) {
+  if (url && util.isObject(url) && url instanceof Url) return url;
+
+  var u = new Url;
+  u.parse(url, parseQueryString, slashesDenoteHost);
+  return u;
+}
+
+Url.prototype.parse = function(url, parseQueryString, slashesDenoteHost) {
+  if (!util.isString(url)) {
+    throw new TypeError("Parameter 'url' must be a string, not " + typeof url);
+  }
+
+  // Copy chrome, IE, opera backslash-handling behavior.
+  // Back slashes before the query string get converted to forward slashes
+  // See: https://code.google.com/p/chromium/issues/detail?id=25916
+  var queryIndex = url.indexOf('?'),
+      splitter =
+          (queryIndex !== -1 && queryIndex < url.indexOf('#')) ? '?' : '#',
+      uSplit = url.split(splitter),
+      slashRegex = /\\/g;
+  uSplit[0] = uSplit[0].replace(slashRegex, '/');
+  url = uSplit.join(splitter);
+
+  var rest = url;
+
+  // trim before proceeding.
+  // This is to support parse stuff like "  http://foo.com  \n"
+  rest = rest.trim();
+
+  if (!slashesDenoteHost && url.split('#').length === 1) {
+    // Try fast path regexp
+    var simplePath = simplePathPattern.exec(rest);
+    if (simplePath) {
+      this.path = rest;
+      this.href = rest;
+      this.pathname = simplePath[1];
+      if (simplePath[2]) {
+        this.search = simplePath[2];
+        if (parseQueryString) {
+          this.query = querystring.parse(this.search.substr(1));
+        } else {
+          this.query = this.search.substr(1);
+        }
+      } else if (parseQueryString) {
+        this.search = '';
+        this.query = {};
+      }
+      return this;
+    }
+  }
+
+  var proto = protocolPattern.exec(rest);
+  if (proto) {
+    proto = proto[0];
+    var lowerProto = proto.toLowerCase();
+    this.protocol = lowerProto;
+    rest = rest.substr(proto.length);
+  }
+
+  // figure out if it's got a host
+  // user at server is *always* interpreted as a hostname, and url
+  // resolution will treat //foo/bar as host=foo,path=bar because that's
+  // how the browser resolves relative URLs.
+  if (slashesDenoteHost || proto || rest.match(/^\/\/[^@\/]+@[^@\/]+/)) {
+    var slashes = rest.substr(0, 2) === '//';
+    if (slashes && !(proto && hostlessProtocol[proto])) {
+      rest = rest.substr(2);
+      this.slashes = true;
+    }
+  }
+
+  if (!hostlessProtocol[proto] &&
+      (slashes || (proto && !slashedProtocol[proto]))) {
+
+    // there's a hostname.
+    // the first instance of /, ?, ;, or # ends the host.
+    //
+    // If there is an @ in the hostname, then non-host chars *are* allowed
+    // to the left of the last @ sign, unless some host-ending character
+    // comes *before* the @-sign.
+    // URLs are obnoxious.
+    //
+    // ex:
+    // http://a@b@c/ => user:a at b host:c
+    // http://a@b?@c => user:a host:c path:/?@c
+
+    // v0.12 TODO(isaacs): This is not quite how Chrome does things.
+    // Review our test case against browsers more comprehensively.
+
+    // find the first instance of any hostEndingChars
+    var hostEnd = -1;
+    for (var i = 0; i < hostEndingChars.length; i++) {
+      var hec = rest.indexOf(hostEndingChars[i]);
+      if (hec !== -1 && (hostEnd === -1 || hec < hostEnd))
+        hostEnd = hec;
+    }
+
+    // at this point, either we have an explicit point where the
+    // auth portion cannot go past, or the last @ char is the decider.
+    var auth, atSign;
+    if (hostEnd === -1) {
+      // atSign can be anywhere.
+      atSign = rest.lastIndexOf('@');
+    } else {
+      // atSign must be in auth portion.
+      // http://a@b/c@d => host:b auth:a path:/c at d
+      atSign = rest.lastIndexOf('@', hostEnd);
+    }
+
+    // Now we have a portion which is definitely the auth.
+    // Pull that off.
+    if (atSign !== -1) {
+      auth = rest.slice(0, atSign);
+      rest = rest.slice(atSign + 1);
+      this.auth = decodeURIComponent(auth);
+    }
+
+    // the host is the remaining to the left of the first non-host char
+    hostEnd = -1;
+    for (var i = 0; i < nonHostChars.length; i++) {
+      var hec = rest.indexOf(nonHostChars[i]);
+      if (hec !== -1 && (hostEnd === -1 || hec < hostEnd))
+        hostEnd = hec;
+    }
+    // if we still have not hit it, then the entire thing is a host.
+    if (hostEnd === -1)
+      hostEnd = rest.length;
+
+    this.host = rest.slice(0, hostEnd);
+    rest = rest.slice(hostEnd);
+
+    // pull out port.
+    this.parseHost();
+
+    // we've indicated that there is a hostname,
+    // so even if it's empty, it has to be present.
+    this.hostname = this.hostname || '';
+
+    // if hostname begins with [ and ends with ]
+    // assume that it's an IPv6 address.
+    var ipv6Hostname = this.hostname[0] === '[' &&
+        this.hostname[this.hostname.length - 1] === ']';
+
+    // validate a little.
+    if (!ipv6Hostname) {
+      var hostparts = this.hostname.split(/\./);
+      for (var i = 0, l = hostparts.length; i < l; i++) {
+        var part = hostparts[i];
+        if (!part) continue;
+        if (!part.match(hostnamePartPattern)) {
+          var newpart = '';
+          for (var j = 0, k = part.length; j < k; j++) {
+            if (part.charCodeAt(j) > 127) {
+              // we replace non-ASCII char with a temporary placeholder
+              // we need this to make sure size of hostname is not
+              // broken by replacing non-ASCII by nothing
+              newpart += 'x';
+            } else {
+              newpart += part[j];
+            }
+          }
+          // we test again with ASCII char only
+          if (!newpart.match(hostnamePartPattern)) {
+            var validParts = hostparts.slice(0, i);
+            var notHost = hostparts.slice(i + 1);
+            var bit = part.match(hostnamePartStart);
+            if (bit) {
+              validParts.push(bit[1]);
+              notHost.unshift(bit[2]);
+            }
+            if (notHost.length) {
+              rest = '/' + notHost.join('.') + rest;
+            }
+            this.hostname = validParts.join('.');
+            break;
+          }
+        }
+      }
+    }
+
+    if (this.hostname.length > hostnameMaxLen) {
+      this.hostname = '';
+    } else {
+      // hostnames are always lower case.
+      this.hostname = this.hostname.toLowerCase();
+    }
+
+    if (!ipv6Hostname) {
+      // IDNA Support: Returns a punycoded representation of "domain".
+      // It only converts parts of the domain name that
+      // have non-ASCII characters, i.e. it doesn't matter if
+      // you call it with a domain that already is ASCII-only.
+      this.hostname = punycode.toASCII(this.hostname);
+    }
+
+    var p = this.port ? ':' + this.port : '';
+    var h = this.hostname || '';
+    this.host = h + p;
+    this.href += this.host;
+
+    // strip [ and ] from the hostname
+    // the host field still retains them, though
+    if (ipv6Hostname) {
+      this.hostname = this.hostname.substr(1, this.hostname.length - 2);
+      if (rest[0] !== '/') {
+        rest = '/' + rest;
+      }
+    }
+  }
+
+  // now rest is set to the post-host stuff.
+  // chop off any delim chars.
+  if (!unsafeProtocol[lowerProto]) {
+
+    // First, make 100% sure that any "autoEscape" chars get
+    // escaped, even if encodeURIComponent doesn't think they
+    // need to be.
+    for (var i = 0, l = autoEscape.length; i < l; i++) {
+      var ae = autoEscape[i];
+      if (rest.indexOf(ae) === -1)
+        continue;
+      var esc = encodeURIComponent(ae);
+      if (esc === ae) {
+        esc = escape(ae);
+      }
+      rest = rest.split(ae).join(esc);
+    }
+  }
+
+
+  // chop off from the tail first.
+  var hash = rest.indexOf('#');
+  if (hash !== -1) {
+    // got a fragment string.
+    this.hash = rest.substr(hash);
+    rest = rest.slice(0, hash);
+  }
+  var qm = rest.indexOf('?');
+  if (qm !== -1) {
+    this.search = rest.substr(qm);
+    this.query = rest.substr(qm + 1);
+    if (parseQueryString) {
+      this.query = querystring.parse(this.query);
+    }
+    rest = rest.slice(0, qm);
+  } else if (parseQueryString) {
+    // no query string, but parseQueryString still requested
+    this.search = '';
+    this.query = {};
+  }
+  if (rest) this.pathname = rest;
+  if (slashedProtocol[lowerProto] &&
+      this.hostname && !this.pathname) {
+    this.pathname = '/';
+  }
+
+  //to support http.request
+  if (this.pathname || this.search) {
+    var p = this.pathname || '';
+    var s = this.search || '';
+    this.path = p + s;
+  }
+
+  // finally, reconstruct the href based on what has been validated.
+  this.href = this.format();
+  return this;
+};
+
+// format a parsed object into a url string
+function urlFormat(obj) {
+  // ensure it's an object, and not a string url.
+  // If it's an obj, this is a no-op.
+  // this way, you can call url_format() on strings
+  // to clean up potentially wonky urls.
+  if (util.isString(obj)) obj = urlParse(obj);
+  if (!(obj instanceof Url)) return Url.prototype.format.call(obj);
+  return obj.format();
+}
+
+Url.prototype.format = function() {
+  var auth = this.auth || '';
+  if (auth) {
+    auth = encodeURIComponent(auth);
+    auth = auth.replace(/%3A/i, ':');
+    auth += '@';
+  }
+
+  var protocol = this.protocol || '',
+      pathname = this.pathname || '',
+      hash = this.hash || '',
+      host = false,
+      query = '';
+
+  if (this.host) {
+    host = auth + this.host;
+  } else if (this.hostname) {
+    host = auth + (this.hostname.indexOf(':') === -1 ?
+        this.hostname :
+        '[' + this.hostname + ']');
+    if (this.port) {
+      host += ':' + this.port;
+    }
+  }
+
+  if (this.query &&
+      util.isObject(this.query) &&
+      Object.keys(this.query).length) {
+    query = querystring.stringify(this.query);
+  }
+
+  var search = this.search || (query && ('?' + query)) || '';
+
+  if (protocol && protocol.substr(-1) !== ':') protocol += ':';
+
+  // only the slashedProtocols get the //.  Not mailto:, xmpp:, etc.
+  // unless they had them to begin with.
+  if (this.slashes ||
+      (!protocol || slashedProtocol[protocol]) && host !== false) {
+    host = '//' + (host || '');
+    if (pathname && pathname.charAt(0) !== '/') pathname = '/' + pathname;
+  } else if (!host) {
+    host = '';
+  }
+
+  if (hash && hash.charAt(0) !== '#') hash = '#' + hash;
+  if (search && search.charAt(0) !== '?') search = '?' + search;
+
+  pathname = pathname.replace(/[?#]/g, function(match) {
+    return encodeURIComponent(match);
+  });
+  search = search.replace('#', '%23');
+
+  return protocol + host + pathname + search + hash;
+};
+
+function urlResolve(source, relative) {
+  return urlParse(source, false, true).resolve(relative);
+}
+
+Url.prototype.resolve = function(relative) {
+  return this.resolveObject(urlParse(relative, false, true)).format();
+};
+
+function urlResolveObject(source, relative) {
+  if (!source) return relative;
+  return urlParse(source, false, true).resolveObject(relative);
+}
+
+Url.prototype.resolveObject = function(relative) {
+  if (util.isString(relative)) {
+    var rel = new Url();
+    rel.parse(relative, false, true);
+    relative = rel;
+  }
+
+  var result = new Url();
+  var tkeys = Object.keys(this);
+  for (var tk = 0; tk < tkeys.length; tk++) {
+    var tkey = tkeys[tk];
+    result[tkey] = this[tkey];
+  }
+
+  // hash is always overridden, no matter what.
+  // even href="" will remove it.
+  result.hash = relative.hash;
+
+  // if the relative url is empty, then there's nothing left to do here.
+  if (relative.href === '') {
+    result.href = result.format();
+    return result;
+  }
+
+  // hrefs like //foo/bar always cut to the protocol.
+  if (relative.slashes && !relative.protocol) {
+    // take everything except the protocol from relative
+    var rkeys = Object.keys(relative);
+    for (var rk = 0; rk < rkeys.length; rk++) {
+      var rkey = rkeys[rk];
+      if (rkey !== 'protocol')
+        result[rkey] = relative[rkey];
+    }
+
+    //urlParse appends trailing / to urls like http://www.example.com
+    if (slashedProtocol[result.protocol] &&
+        result.hostname && !result.pathname) {
+      result.path = result.pathname = '/';
+    }
+
+    result.href = result.format();
+    return result;
+  }
+
+  if (relative.protocol && relative.protocol !== result.protocol) {
+    // if it's a known url protocol, then changing
+    // the protocol does weird things
+    // first, if it's not file:, then we MUST have a host,
+    // and if there was a path
+    // to begin with, then we MUST have a path.
+    // if it is file:, then the host is dropped,
+    // because that's known to be hostless.
+    // anything else is assumed to be absolute.
+    if (!slashedProtocol[relative.protocol]) {
+      var keys = Object.keys(relative);
+      for (var v = 0; v < keys.length; v++) {
+        var k = keys[v];
+        result[k] = relative[k];
+      }
+      result.href = result.format();
+      return result;
+    }
+
+    result.protocol = relative.protocol;
+    if (!relative.host && !hostlessProtocol[relative.protocol]) {
+      var relPath = (relative.pathname || '').split('/');
+      while (relPath.length && !(relative.host = relPath.shift()));
+      if (!relative.host) relative.host = '';
+      if (!relative.hostname) relative.hostname = '';
+      if (relPath[0] !== '') relPath.unshift('');
+      if (relPath.length < 2) relPath.unshift('');
+      result.pathname = relPath.join('/');
+    } else {
+      result.pathname = relative.pathname;
+    }
+    result.search = relative.search;
+    result.query = relative.query;
+    result.host = relative.host || '';
+    result.auth = relative.auth;
+    result.hostname = relative.hostname || relative.host;
+    result.port = relative.port;
+    // to support http.request
+    if (result.pathname || result.search) {
+      var p = result.pathname || '';
+      var s = result.search || '';
+      result.path = p + s;
+    }
+    result.slashes = result.slashes || relative.slashes;
+    result.href = result.format();
+    return result;
+  }
+
+  var isSourceAbs = (result.pathname && result.pathname.charAt(0) === '/'),
+      isRelAbs = (
+          relative.host ||
+          relative.pathname && relative.pathname.charAt(0) === '/'
+      ),
+      mustEndAbs = (isRelAbs || isSourceAbs ||
+                    (result.host && relative.pathname)),
+      removeAllDots = mustEndAbs,
+      srcPath = result.pathname && result.pathname.split('/') || [],
+      relPath = relative.pathname && relative.pathname.split('/') || [],
+      psychotic = result.protocol && !slashedProtocol[result.protocol];
+
+  // if the url is a non-slashed url, then relative
+  // links like ../.. should be able
+  // to crawl up to the hostname, as well.  This is strange.
+  // result.protocol has already been set by now.
+  // Later on, put the first path part into the host field.
+  if (psychotic) {
+    result.hostname = '';
+    result.port = null;
+    if (result.host) {
+      if (srcPath[0] === '') srcPath[0] = result.host;
+      else srcPath.unshift(result.host);
+    }
+    result.host = '';
+    if (relative.protocol) {
+      relative.hostname = null;
+      relative.port = null;
+      if (relative.host) {
+        if (relPath[0] === '') relPath[0] = relative.host;
+        else relPath.unshift(relative.host);
+      }
+      relative.host = null;
+    }
+    mustEndAbs = mustEndAbs && (relPath[0] === '' || srcPath[0] === '');
+  }
+
+  if (isRelAbs) {
+    // it's absolute.
+    result.host = (relative.host || relative.host === '') ?
+                  relative.host : result.host;
+    result.hostname = (relative.hostname || relative.hostname === '') ?
+                      relative.hostname : result.hostname;
+    result.search = relative.search;
+    result.query = relative.query;
+    srcPath = relPath;
+    // fall through to the dot-handling below.
+  } else if (relPath.length) {
+    // it's relative
+    // throw away the existing file, and take the new path instead.
+    if (!srcPath) srcPath = [];
+    srcPath.pop();
+    srcPath = srcPath.concat(relPath);
+    result.search = relative.search;
+    result.query = relative.query;
+  } else if (!util.isNullOrUndefined(relative.search)) {
+    // just pull out the search.
+    // like href='?foo'.
+    // Put this after the other two cases because it simplifies the booleans
+    if (psychotic) {
+      result.hostname = result.host = srcPath.shift();
+      //occationaly the auth can get stuck only in host
+      //this especially happens in cases like
+      //url.resolveObject('mailto:local1 at domain1', 'local2 at domain2')
+      var authInHost = result.host && result.host.indexOf('@') > 0 ?
+                       result.host.split('@') : false;
+      if (authInHost) {
+        result.auth = authInHost.shift();
+        result.host = result.hostname = authInHost.shift();
+      }
+    }
+    result.search = relative.search;
+    result.query = relative.query;
+    //to support http.request
+    if (!util.isNull(result.pathname) || !util.isNull(result.search)) {
+      result.path = (result.pathname ? result.pathname : '') +
+                    (result.search ? result.search : '');
+    }
+    result.href = result.format();
+    return result;
+  }
+
+  if (!srcPath.length) {
+    // no path at all.  easy.
+    // we've already handled the other stuff above.
+    result.pathname = null;
+    //to support http.request
+    if (result.search) {
+      result.path = '/' + result.search;
+    } else {
+      result.path = null;
+    }
+    result.href = result.format();
+    return result;
+  }
+
+  // if a url ENDs in . or .., then it must get a trailing slash.
+  // however, if it ends in anything else non-slashy,
+  // then it must NOT get a trailing slash.
+  var last = srcPath.slice(-1)[0];
+  var hasTrailingSlash = (
+      (result.host || relative.host || srcPath.length > 1) &&
+      (last === '.' || last === '..') || last === '');
+
+  // strip single dots, resolve double dots to parent dir
+  // if the path tries to go above the root, `up` ends up > 0
+  var up = 0;
+  for (var i = srcPath.length; i >= 0; i--) {
+    last = srcPath[i];
+    if (last === '.') {
+      srcPath.splice(i, 1);
+    } else if (last === '..') {
+      srcPath.splice(i, 1);
+      up++;
+    } else if (up) {
+      srcPath.splice(i, 1);
+      up--;
+    }
+  }
+
+  // if the path is allowed to go above the root, restore leading ..s
+  if (!mustEndAbs && !removeAllDots) {
+    for (; up--; up) {
+      srcPath.unshift('..');
+    }
+  }
+
+  if (mustEndAbs && srcPath[0] !== '' &&
+      (!srcPath[0] || srcPath[0].charAt(0) !== '/')) {
+    srcPath.unshift('');
+  }
+
+  if (hasTrailingSlash && (srcPath.join('/').substr(-1) !== '/')) {
+    srcPath.push('');
+  }
+
+  var isAbsolute = srcPath[0] === '' ||
+      (srcPath[0] && srcPath[0].charAt(0) === '/');
+
+  // put the host back
+  if (psychotic) {
+    result.hostname = result.host = isAbsolute ? '' :
+                                    srcPath.length ? srcPath.shift() : '';
+    //occationaly the auth can get stuck only in host
+    //this especially happens in cases like
+    //url.resolveObject('mailto:local1 at domain1', 'local2 at domain2')
+    var authInHost = result.host && result.host.indexOf('@') > 0 ?
+                     result.host.split('@') : false;
+    if (authInHost) {
+      result.auth = authInHost.shift();
+      result.host = result.hostname = authInHost.shift();
+    }
+  }
+
+  mustEndAbs = mustEndAbs || (result.host && srcPath.length);
+
+  if (mustEndAbs && !isAbsolute) {
+    srcPath.unshift('');
+  }
+
+  if (!srcPath.length) {
+    result.pathname = null;
+    result.path = null;
+  } else {
+    result.pathname = srcPath.join('/');
+  }
+
+  //to support request.http
+  if (!util.isNull(result.pathname) || !util.isNull(result.search)) {
+    result.path = (result.pathname ? result.pathname : '') +
+                  (result.search ? result.search : '');
+  }
+  result.auth = relative.auth || result.auth;
+  result.slashes = result.slashes || relative.slashes;
+  result.href = result.format();
+  return result;
+};
+
+Url.prototype.parseHost = function() {
+  var host = this.host;
+  var port = portPattern.exec(host);
+  if (port) {
+    port = port[0];
+    if (port !== ':') {
+      this.port = port.substr(1);
+    }
+    host = host.substr(0, host.length - port.length);
+  }
+  if (host) this.hostname = host;
+};
+
+},{"./util":546,"punycode":488,"querystring":492}],546:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+  isString: function(arg) {
+    return typeof(arg) === 'string';
+  },
+  isObject: function(arg) {
+    return typeof(arg) === 'object' && arg !== null;
+  },
+  isNull: function(arg) {
+    return arg === null;
+  },
+  isNullOrUndefined: function(arg) {
+    return arg == null;
+  }
+};
+
+},{}],547:[function(require,module,exports){
+if (typeof Object.create === 'function') {
+  // implementation from standard node.js 'util' module
+  module.exports = function inherits(ctor, superCtor) {
+    ctor.super_ = superCtor
+    ctor.prototype = Object.create(superCtor.prototype, {
+      constructor: {
+        value: ctor,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+  };
+} else {
+  // old school shim for old browsers
+  module.exports = function inherits(ctor, superCtor) {
+    ctor.super_ = superCtor
+    var TempCtor = function () {}
+    TempCtor.prototype = superCtor.prototype
+    ctor.prototype = new TempCtor()
+    ctor.prototype.constructor = ctor
+  }
+}
+
+},{}],548:[function(require,module,exports){
+module.exports = function isBuffer(arg) {
+  return arg && typeof arg === 'object'
+    && typeof arg.copy === 'function'
+    && typeof arg.fill === 'function'
+    && typeof arg.readUInt8 === 'function';
+}
+},{}],549:[function(require,module,exports){
+(function (process,global){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var formatRegExp = /%[sdj%]/g;
+exports.format = function(f) {
+  if (!isString(f)) {
+    var objects = [];
+    for (var i = 0; i < arguments.length; i++) {
+      objects.push(inspect(arguments[i]));
+    }
+    return objects.join(' ');
+  }
+
+  var i = 1;
+  var args = arguments;
+  var len = args.length;
+  var str = String(f).replace(formatRegExp, function(x) {
+    if (x === '%%') return '%';
+    if (i >= len) return x;
+    switch (x) {
+      case '%s': return String(args[i++]);
+      case '%d': return Number(args[i++]);
+      case '%j':
+        try {
+          return JSON.stringify(args[i++]);
+        } catch (_) {
+          return '[Circular]';
+        }
+      default:
+        return x;
+    }
+  });
+  for (var x = args[i]; i < len; x = args[++i]) {
+    if (isNull(x) || !isObject(x)) {
+      str += ' ' + x;
+    } else {
+      str += ' ' + inspect(x);
+    }
+  }
+  return str;
+};
+
+
+// Mark that a method should not be used.
+// Returns a modified function which warns once by default.
+// If --no-deprecation is set, then it is a no-op.
+exports.deprecate = function(fn, msg) {
+  // Allow for deprecating things in the process of starting up.
+  if (isUndefined(global.process)) {
+    return function() {
+      return exports.deprecate(fn, msg).apply(this, arguments);
+    };
+  }
+
+  if (process.noDeprecation === true) {
+    return fn;
+  }
+
+  var warned = false;
+  function deprecated() {
+    if (!warned) {
+      if (process.throwDeprecation) {
+        throw new Error(msg);
+      } else if (process.traceDeprecation) {
+        console.trace(msg);
+      } else {
+        console.error(msg);
+      }
+      warned = true;
+    }
+    return fn.apply(this, arguments);
+  }
+
+  return deprecated;
+};
+
+
+var debugs = {};
+var debugEnviron;
+exports.debuglog = function(set) {
+  if (isUndefined(debugEnviron))
+    debugEnviron = process.env.NODE_DEBUG || '';
+  set = set.toUpperCase();
+  if (!debugs[set]) {
+    if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {
+      var pid = process.pid;
+      debugs[set] = function() {
+        var msg = exports.format.apply(exports, arguments);
+        console.error('%s %d: %s', set, pid, msg);
+      };
+    } else {
+      debugs[set] = function() {};
+    }
+  }
+  return debugs[set];
+};
+
+
+/**
+ * Echos the value of a value. Trys to print the value out
+ * in the best way possible given the different types.
+ *
+ * @param {Object} obj The object to print out.
+ * @param {Object} opts Optional options object that alters the output.
+ */
+/* legacy: obj, showHidden, depth, colors*/
+function inspect(obj, opts) {
+  // default options
+  var ctx = {
+    seen: [],
+    stylize: stylizeNoColor
+  };
+  // legacy...
+  if (arguments.length >= 3) ctx.depth = arguments[2];
+  if (arguments.length >= 4) ctx.colors = arguments[3];
+  if (isBoolean(opts)) {
+    // legacy...
+    ctx.showHidden = opts;
+  } else if (opts) {
+    // got an "options" object
+    exports._extend(ctx, opts);
+  }
+  // set default options
+  if (isUndefined(ctx.showHidden)) ctx.showHidden = false;
+  if (isUndefined(ctx.depth)) ctx.depth = 2;
+  if (isUndefined(ctx.colors)) ctx.colors = false;
+  if (isUndefined(ctx.customInspect)) ctx.customInspect = true;
+  if (ctx.colors) ctx.stylize = stylizeWithColor;
+  return formatValue(ctx, obj, ctx.depth);
+}
+exports.inspect = inspect;
+
+
+// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
+inspect.colors = {
+  'bold' : [1, 22],
+  'italic' : [3, 23],
+  'underline' : [4, 24],
+  'inverse' : [7, 27],
+  'white' : [37, 39],
+  'grey' : [90, 39],
+  'black' : [30, 39],
+  'blue' : [34, 39],
+  'cyan' : [36, 39],
+  'green' : [32, 39],
+  'magenta' : [35, 39],
+  'red' : [31, 39],
+  'yellow' : [33, 39]
+};
+
+// Don't use 'blue' not visible on cmd.exe
+inspect.styles = {
+  'special': 'cyan',
+  'number': 'yellow',
+  'boolean': 'yellow',
+  'undefined': 'grey',
+  'null': 'bold',
+  'string': 'green',
+  'date': 'magenta',
+  // "name": intentionally not styling
+  'regexp': 'red'
+};
+
+
+function stylizeWithColor(str, styleType) {
+  var style = inspect.styles[styleType];
+
+  if (style) {
+    return '\u001b[' + inspect.colors[style][0] + 'm' + str +
+           '\u001b[' + inspect.colors[style][1] + 'm';
+  } else {
+    return str;
+  }
+}
+
+
+function stylizeNoColor(str, styleType) {
+  return str;
+}
+
+
+function arrayToHash(array) {
+  var hash = {};
+
+  array.forEach(function(val, idx) {
+    hash[val] = true;
+  });
+
+  return hash;
+}
+
+
+function formatValue(ctx, value, recurseTimes) {
+  // Provide a hook for user-specified inspect functions.
+  // Check that value is an object with an inspect function on it
+  if (ctx.customInspect &&
+      value &&
+      isFunction(value.inspect) &&
+      // Filter out the util module, it's inspect function is special
+      value.inspect !== exports.inspect &&
+      // Also filter out any prototype objects using the circular check.
+      !(value.constructor && value.constructor.prototype === value)) {
+    var ret = value.inspect(recurseTimes, ctx);
+    if (!isString(ret)) {
+      ret = formatValue(ctx, ret, recurseTimes);
+    }
+    return ret;
+  }
+
+  // Primitive types cannot have properties
+  var primitive = formatPrimitive(ctx, value);
+  if (primitive) {
+    return primitive;
+  }
+
+  // Look up the keys of the object.
+  var keys = Object.keys(value);
+  var visibleKeys = arrayToHash(keys);
+
+  if (ctx.showHidden) {
+    keys = Object.getOwnPropertyNames(value);
+  }
+
+  // IE doesn't make error fields non-enumerable
+  // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx
+  if (isError(value)
+      && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {
+    return formatError(value);
+  }
+
+  // Some type of object without properties can be shortcutted.
+  if (keys.length === 0) {
+    if (isFunction(value)) {
+      var name = value.name ? ': ' + value.name : '';
+      return ctx.stylize('[Function' + name + ']', 'special');
+    }
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    }
+    if (isDate(value)) {
+      return ctx.stylize(Date.prototype.toString.call(value), 'date');
+    }
+    if (isError(value)) {
+      return formatError(value);
+    }
+  }
+
+  var base = '', array = false, braces = ['{', '}'];
+
+  // Make Array say that they are Array
+  if (isArray(value)) {
+    array = true;
+    braces = ['[', ']'];
+  }
+
+  // Make functions say that they are functions
+  if (isFunction(value)) {
+    var n = value.name ? ': ' + value.name : '';
+    base = ' [Function' + n + ']';
+  }
+
+  // Make RegExps say that they are RegExps
+  if (isRegExp(value)) {
+    base = ' ' + RegExp.prototype.toString.call(value);
+  }
+
+  // Make dates with properties first say the date
+  if (isDate(value)) {
+    base = ' ' + Date.prototype.toUTCString.call(value);
+  }
+
+  // Make error with message first say the error
+  if (isError(value)) {
+    base = ' ' + formatError(value);
+  }
+
+  if (keys.length === 0 && (!array || value.length == 0)) {
+    return braces[0] + base + braces[1];
+  }
+
+  if (recurseTimes < 0) {
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    } else {
+      return ctx.stylize('[Object]', 'special');
+    }
+  }
+
+  ctx.seen.push(value);
+
+  var output;
+  if (array) {
+    output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);
+  } else {
+    output = keys.map(function(key) {
+      return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);
+    });
+  }
+
+  ctx.seen.pop();
+
+  return reduceToSingleString(output, base, braces);
+}
+
+
+function formatPrimitive(ctx, value) {
+  if (isUndefined(value))
+    return ctx.stylize('undefined', 'undefined');
+  if (isString(value)) {
+    var simple = '\'' + JSON.stringify(value).replace(/^"|"$/g, '')
+                                             .replace(/'/g, "\\'")
+                                             .replace(/\\"/g, '"') + '\'';
+    return ctx.stylize(simple, 'string');
+  }
+  if (isNumber(value))
+    return ctx.stylize('' + value, 'number');
+  if (isBoolean(value))
+    return ctx.stylize('' + value, 'boolean');
+  // For some reason typeof null is "object", so special case here.
+  if (isNull(value))
+    return ctx.stylize('null', 'null');
+}
+
+
+function formatError(value) {
+  return '[' + Error.prototype.toString.call(value) + ']';
+}
+
+
+function formatArray(ctx, value, recurseTimes, visibleKeys, keys) {
+  var output = [];
+  for (var i = 0, l = value.length; i < l; ++i) {
+    if (hasOwnProperty(value, String(i))) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
+          String(i), true));
+    } else {
+      output.push('');
+    }
+  }
+  keys.forEach(function(key) {
+    if (!key.match(/^\d+$/)) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
+          key, true));
+    }
+  });
+  return output;
+}
+
+
+function formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {
+  var name, str, desc;
+  desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };
+  if (desc.get) {
+    if (desc.set) {
+      str = ctx.stylize('[Getter/Setter]', 'special');
+    } else {
+      str = ctx.stylize('[Getter]', 'special');
+    }
+  } else {
+    if (desc.set) {
+      str = ctx.stylize('[Setter]', 'special');
+    }
+  }
+  if (!hasOwnProperty(visibleKeys, key)) {
+    name = '[' + key + ']';
+  }
+  if (!str) {
+    if (ctx.seen.indexOf(desc.value) < 0) {
+      if (isNull(recurseTimes)) {
+        str = formatValue(ctx, desc.value, null);
+      } else {
+        str = formatValue(ctx, desc.value, recurseTimes - 1);
+      }
+      if (str.indexOf('\n') > -1) {
+        if (array) {
+          str = str.split('\n').map(function(line) {
+            return '  ' + line;
+          }).join('\n').substr(2);
+        } else {
+          str = '\n' + str.split('\n').map(function(line) {
+            return '   ' + line;
+          }).join('\n');
+        }
+      }
+    } else {
+      str = ctx.stylize('[Circular]', 'special');
+    }
+  }
+  if (isUndefined(name)) {
+    if (array && key.match(/^\d+$/)) {
+      return str;
+    }
+    name = JSON.stringify('' + key);
+    if (name.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)) {
+      name = name.substr(1, name.length - 2);
+      name = ctx.stylize(name, 'name');
+    } else {
+      name = name.replace(/'/g, "\\'")
+                 .replace(/\\"/g, '"')
+                 .replace(/(^"|"$)/g, "'");
+      name = ctx.stylize(name, 'string');
+    }
+  }
+
+  return name + ': ' + str;
+}
+
+
+function reduceToSingleString(output, base, braces) {
+  var numLinesEst = 0;
+  var length = output.reduce(function(prev, cur) {
+    numLinesEst++;
+    if (cur.indexOf('\n') >= 0) numLinesEst++;
+    return prev + cur.replace(/\u001b\[\d\d?m/g, '').length + 1;
+  }, 0);
+
+  if (length > 60) {
+    return braces[0] +
+           (base === '' ? '' : base + '\n ') +
+           ' ' +
+           output.join(',\n  ') +
+           ' ' +
+           braces[1];
+  }
+
+  return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];
+}
+
+
+// NOTE: These type checking functions intentionally don't use `instanceof`
+// because it is fragile and can be easily faked with `Object.create()`.
+function isArray(ar) {
+  return Array.isArray(ar);
+}
+exports.isArray = isArray;
+
+function isBoolean(arg) {
+  return typeof arg === 'boolean';
+}
+exports.isBoolean = isBoolean;
+
+function isNull(arg) {
+  return arg === null;
+}
+exports.isNull = isNull;
+
+function isNullOrUndefined(arg) {
+  return arg == null;
+}
+exports.isNullOrUndefined = isNullOrUndefined;
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+exports.isNumber = isNumber;
+
+function isString(arg) {
+  return typeof arg === 'string';
+}
+exports.isString = isString;
+
+function isSymbol(arg) {
+  return typeof arg === 'symbol';
+}
+exports.isSymbol = isSymbol;
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+exports.isUndefined = isUndefined;
+
+function isRegExp(re) {
+  return isObject(re) && objectToString(re) === '[object RegExp]';
+}
+exports.isRegExp = isRegExp;
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+exports.isObject = isObject;
+
+function isDate(d) {
+  return isObject(d) && objectToString(d) === '[object Date]';
+}
+exports.isDate = isDate;
+
+function isError(e) {
+  return isObject(e) &&
+      (objectToString(e) === '[object Error]' || e instanceof Error);
+}
+exports.isError = isError;
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+exports.isFunction = isFunction;
+
+function isPrimitive(arg) {
+  return arg === null ||
+         typeof arg === 'boolean' ||
+         typeof arg === 'number' ||
+         typeof arg === 'string' ||
+         typeof arg === 'symbol' ||  // ES6 symbol
+         typeof arg === 'undefined';
+}
+exports.isPrimitive = isPrimitive;
+
+exports.isBuffer = require('./support/isBuffer');
+
+function objectToString(o) {
+  return Object.prototype.toString.call(o);
+}
+
+
+function pad(n) {
+  return n < 10 ? '0' + n.toString(10) : n.toString(10);
+}
+
+
+var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
+              'Oct', 'Nov', 'Dec'];
+
+// 26 Feb 16:19:34
+function timestamp() {
+  var d = new Date();
+  var time = [pad(d.getHours()),
+              pad(d.getMinutes()),
+              pad(d.getSeconds())].join(':');
+  return [d.getDate(), months[d.getMonth()], time].join(' ');
+}
+
+
+// log is just a thin wrapper to console.log that prepends a timestamp
+exports.log = function() {
+  console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));
+};
+
+
+/**
+ * Inherit the prototype methods from one constructor into another.
+ *
+ * The Function.prototype.inherits from lang.js rewritten as a standalone
+ * function (not on Function.prototype). NOTE: If this file is to be loaded
+ * during bootstrapping this function needs to be rewritten using some native
+ * functions as prototype setup using normal JavaScript does not work as
+ * expected during bootstrapping (see mirror.js in r114903).
+ *
+ * @param {function} ctor Constructor function which needs to inherit the
+ *     prototype.
+ * @param {function} superCtor Constructor function to inherit prototype from.
+ */
+exports.inherits = require('inherits');
+
+exports._extend = function(origin, add) {
+  // Don't do anything if add isn't an object
+  if (!add || !isObject(add)) return origin;
+
+  var keys = Object.keys(add);
+  var i = keys.length;
+  while (i--) {
+    origin[keys[i]] = add[keys[i]];
+  }
+  return origin;
+};
+
+function hasOwnProperty(obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+}).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./support/isBuffer":548,"_process":487,"inherits":547}],550:[function(require,module,exports){
+module.exports.VectorTile = require('./lib/vectortile.js');
+module.exports.VectorTileFeature = require('./lib/vectortilefeature.js');
+module.exports.VectorTileLayer = require('./lib/vectortilelayer.js');
+
+},{"./lib/vectortile.js":551,"./lib/vectortilefeature.js":552,"./lib/vectortilelayer.js":553}],551:[function(require,module,exports){
+'use strict';
+
+var VectorTileLayer = require('./vectortilelayer');
+
+module.exports = VectorTile;
+
+function VectorTile(pbf, end) {
+    this.layers = pbf.readFields(readTile, {}, end);
+}
+
+function readTile(tag, layers, pbf) {
+    if (tag === 3) {
+        var layer = new VectorTileLayer(pbf, pbf.readVarint() + pbf.pos);
+        if (layer.length) layers[layer.name] = layer;
+    }
+}
+
+
+},{"./vectortilelayer":553}],552:[function(require,module,exports){
+'use strict';
+
+var Point = require('point-geometry');
+
+module.exports = VectorTileFeature;
+
+function VectorTileFeature(pbf, end, extent, keys, values) {
+    // Public
+    this.properties = {};
+    this.extent = extent;
+    this.type = 0;
+
+    // Private
+    this._pbf = pbf;
+    this._geometry = -1;
+    this._keys = keys;
+    this._values = values;
+
+    pbf.readFields(readFeature, this, end);
+}
+
+function readFeature(tag, feature, pbf) {
+    if (tag == 1) feature.id = pbf.readVarint();
+    else if (tag == 2) readTag(pbf, feature);
+    else if (tag == 3) feature.type = pbf.readVarint();
+    else if (tag == 4) feature._geometry = pbf.pos;
+}
+
+function readTag(pbf, feature) {
+    var end = pbf.readVarint() + pbf.pos;
+
+    while (pbf.pos < end) {
+        var key = feature._keys[pbf.readVarint()],
+            value = feature._values[pbf.readVarint()];
+        feature.properties[key] = value;
+    }
+}
+
+VectorTileFeature.types = ['Unknown', 'Point', 'LineString', 'Polygon'];
+
+VectorTileFeature.prototype.loadGeometry = function() {
+    var pbf = this._pbf;
+    pbf.pos = this._geometry;
+
+    var end = pbf.readVarint() + pbf.pos,
+        cmd = 1,
+        length = 0,
+        x = 0,
+        y = 0,
+        lines = [],
+        line;
+
+    while (pbf.pos < end) {
+        if (!length) {
+            var cmdLen = pbf.readVarint();
+            cmd = cmdLen & 0x7;
+            length = cmdLen >> 3;
+        }
+
+        length--;
+
+        if (cmd === 1 || cmd === 2) {
+            x += pbf.readSVarint();
+            y += pbf.readSVarint();
+
+            if (cmd === 1) { // moveTo
+                if (line) lines.push(line);
+                line = [];
+            }
+
+            line.push(new Point(x, y));
+
+        } else if (cmd === 7) {
+
+            // Workaround for https://github.com/mapbox/mapnik-vector-tile/issues/90
+            if (line) {
+                line.push(line[0].clone()); // closePolygon
+            }
+
+        } else {
+            throw new Error('unknown command ' + cmd);
+        }
+    }
+
+    if (line) lines.push(line);
+
+    return lines;
+};
+
+VectorTileFeature.prototype.bbox = function() {
+    var pbf = this._pbf;
+    pbf.pos = this._geometry;
+
+    var end = pbf.readVarint() + pbf.pos,
+        cmd = 1,
+        length = 0,
+        x = 0,
+        y = 0,
+        x1 = Infinity,
+        x2 = -Infinity,
+        y1 = Infinity,
+        y2 = -Infinity;
+
+    while (pbf.pos < end) {
+        if (!length) {
+            var cmdLen = pbf.readVarint();
+            cmd = cmdLen & 0x7;
+            length = cmdLen >> 3;
+        }
+
+        length--;
+
+        if (cmd === 1 || cmd === 2) {
+            x += pbf.readSVarint();
+            y += pbf.readSVarint();
+            if (x < x1) x1 = x;
+            if (x > x2) x2 = x;
+            if (y < y1) y1 = y;
+            if (y > y2) y2 = y;
+
+        } else if (cmd !== 7) {
+            throw new Error('unknown command ' + cmd);
+        }
+    }
+
+    return [x1, y1, x2, y2];
+};
+
+VectorTileFeature.prototype.toGeoJSON = function(x, y, z) {
+    var size = this.extent * Math.pow(2, z),
+        x0 = this.extent * x,
+        y0 = this.extent * y,
+        coords = this.loadGeometry(),
+        type = VectorTileFeature.types[this.type],
+        i, j;
+
+    function project(line) {
+        for (var j = 0; j < line.length; j++) {
+            var p = line[j], y2 = 180 - (p.y + y0) * 360 / size;
+            line[j] = [
+                (p.x + x0) * 360 / size - 180,
+                360 / Math.PI * Math.atan(Math.exp(y2 * Math.PI / 180)) - 90
+            ];
+        }
+    }
+
+    switch (this.type) {
+    case 1:
+        var points = [];
+        for (i = 0; i < coords.length; i++) {
+            points[i] = coords[i][0];
+        }
+        coords = points;
+        project(coords);
+        break;
+
+    case 2:
+        for (i = 0; i < coords.length; i++) {
+            project(coords[i]);
+        }
+        break;
+
+    case 3:
+        coords = classifyRings(coords);
+        for (i = 0; i < coords.length; i++) {
+            for (j = 0; j < coords[i].length; j++) {
+                project(coords[i][j]);
+            }
+        }
+        break;
+    }
+
+    if (coords.length === 1) {
+        coords = coords[0];
+    } else {
+        type = 'Multi' + type;
+    }
+
+    var result = {
+        type: "Feature",
+        geometry: {
+            type: type,
+            coordinates: coords
+        },
+        properties: this.properties
+    };
+
+    if ('id' in this) {
+        result.id = this.id;
+    }
+
+    return result;
+};
+
+// classifies an array of rings into polygons with outer rings and holes
+
+function classifyRings(rings) {
+    var len = rings.length;
+
+    if (len <= 1) return [rings];
+
+    var polygons = [],
+        polygon,
+        ccw;
+
+    for (var i = 0; i < len; i++) {
+        var area = signedArea(rings[i]);
+        if (area === 0) continue;
+
+        if (ccw === undefined) ccw = area < 0;
+
+        if (ccw === area < 0) {
+            if (polygon) polygons.push(polygon);
+            polygon = [rings[i]];
+
+        } else {
+            polygon.push(rings[i]);
+        }
+    }
+    if (polygon) polygons.push(polygon);
+
+    return polygons;
+}
+
+function signedArea(ring) {
+    var sum = 0;
+    for (var i = 0, len = ring.length, j = len - 1, p1, p2; i < len; j = i++) {
+        p1 = ring[i];
+        p2 = ring[j];
+        sum += (p2.x - p1.x) * (p1.y + p2.y);
+    }
+    return sum;
+}
+
+},{"point-geometry":484}],553:[function(require,module,exports){
+'use strict';
+
+var VectorTileFeature = require('./vectortilefeature.js');
+
+module.exports = VectorTileLayer;
+
+function VectorTileLayer(pbf, end) {
+    // Public
+    this.version = 1;
+    this.name = null;
+    this.extent = 4096;
+    this.length = 0;
+
+    // Private
+    this._pbf = pbf;
+    this._keys = [];
+    this._values = [];
+    this._features = [];
+
+    pbf.readFields(readLayer, this, end);
+
+    this.length = this._features.length;
+}
+
+function readLayer(tag, layer, pbf) {
+    if (tag === 15) layer.version = pbf.readVarint();
+    else if (tag === 1) layer.name = pbf.readString();
+    else if (tag === 5) layer.extent = pbf.readVarint();
+    else if (tag === 2) layer._features.push(pbf.pos);
+    else if (tag === 3) layer._keys.push(pbf.readString());
+    else if (tag === 4) layer._values.push(readValueMessage(pbf));
+}
+
+function readValueMessage(pbf) {
+    var value = null,
+        end = pbf.readVarint() + pbf.pos;
+
+    while (pbf.pos < end) {
+        var tag = pbf.readVarint() >> 3;
+
+        value = tag === 1 ? pbf.readString() :
+            tag === 2 ? pbf.readFloat() :
+            tag === 3 ? pbf.readDouble() :
+            tag === 4 ? pbf.readVarint64() :
+            tag === 5 ? pbf.readVarint() :
+            tag === 6 ? pbf.readSVarint() :
+            tag === 7 ? pbf.readBoolean() : null;
+    }
+
+    return value;
+}
+
+// return feature `i` from this layer as a `VectorTileFeature`
+VectorTileLayer.prototype.feature = function(i) {
+    if (i < 0 || i >= this._features.length) throw new Error('feature index out of bounds');
+
+    this._pbf.pos = this._features[i];
+
+    var end = this._pbf.readVarint() + this._pbf.pos;
+    return new VectorTileFeature(this._pbf, end, this.extent, this._keys, this._values);
+};
+
+},{"./vectortilefeature.js":552}],554:[function(require,module,exports){
+"use strict"
+
+module.exports = createText
+
+var vectorizeText = require("./lib/vtext")
+var defaultCanvas = null
+var defaultContext = null
+
+if(typeof document !== 'undefined') {
+  defaultCanvas = document.createElement('canvas')
+  defaultCanvas.width = 8192
+  defaultCanvas.height = 1024
+  defaultContext = defaultCanvas.getContext("2d")
+}
+
+function createText(str, options) {
+  if((typeof options !== "object") || (options === null)) {
+    options = {}
+  }
+  return vectorizeText(
+    str,
+    options.canvas || defaultCanvas,
+    options.context || defaultContext,
+    options)
+}
+
+},{"./lib/vtext":555}],555:[function(require,module,exports){
+"use strict"
+
+module.exports = vectorizeText
+module.exports.processPixels = processPixels
+
+var surfaceNets = require('surface-nets')
+var ndarray = require('ndarray')
+var simplify = require('simplify-planar-graph')
+var cleanPSLG = require('clean-pslg')
+var cdt2d = require('cdt2d')
+var toPolygonCrappy = require('planar-graph-to-polyline')
+
+function transformPositions(positions, options, size) {
+  var align = options.textAlign || "start"
+  var baseline = options.textBaseline || "alphabetic"
+
+  var lo = [1<<30, 1<<30]
+  var hi = [0,0]
+  var n = positions.length
+  for(var i=0; i<n; ++i) {
+    var p = positions[i]
+    for(var j=0; j<2; ++j) {
+      lo[j] = Math.min(lo[j], p[j])|0
+      hi[j] = Math.max(hi[j], p[j])|0
+    }
+  }
+
+  var xShift = 0
+  switch(align) {
+    case "center":
+      xShift = -0.5 * (lo[0] + hi[0])
+    break
+
+    case "right":
+    case "end":
+      xShift = -hi[0]
+    break
+
+    case "left":
+    case "start":
+      xShift = -lo[0]
+    break
+
+    default:
+      throw new Error("vectorize-text: Unrecognized textAlign: '" + align + "'")
+  }
+
+  var yShift = 0
+  switch(baseline) {
+    case "hanging":
+    case "top":
+      yShift = -lo[1]
+    break
+
+    case "middle":
+      yShift = -0.5 * (lo[1] + hi[1])
+    break
+
+    case "alphabetic":
+    case "ideographic":
+      yShift = -3 * size
+    break
+
+    case "bottom":
+      yShift = -hi[1]
+    break
+
+    default:
+      throw new Error("vectorize-text: Unrecoginized textBaseline: '" + baseline + "'")
+  }
+
+  var scale = 1.0 / size
+  if("lineHeight" in options) {
+    scale *= +options.lineHeight
+  } else if("width" in options) {
+    scale = options.width / (hi[0] - lo[0])
+  } else if("height" in options) {
+    scale = options.height / (hi[1] - lo[1])
+  }
+
+  return positions.map(function(p) {
+    return [ scale * (p[0] + xShift), scale * (p[1] + yShift) ]
+  })
+}
+
+function getPixels(canvas, context, str, size) {
+  var width = Math.ceil(context.measureText(str).width + 2*size)|0
+  if(width > 8192) {
+    throw new Error("vectorize-text: String too long (sorry, this will get fixed later)")
+  }
+  var height = 3 * size
+  if(canvas.height < height) {
+    canvas.height = height
+  }
+
+  context.fillStyle = "#000"
+  context.fillRect(0, 0, canvas.width, canvas.height)
+
+  context.fillStyle = "#fff"
+  context.fillText(str, size, 2*size)
+
+  //Cut pixels from image
+  var pixelData = context.getImageData(0, 0, width, height)
+  var pixels = ndarray(pixelData.data, [height, width, 4])
+
+  return pixels.pick(-1,-1,0).transpose(1,0)
+}
+
+function getContour(pixels, doSimplify) {
+  var contour = surfaceNets(pixels, 128)
+  if(doSimplify) {
+    return simplify(contour.cells, contour.positions, 0.25)
+  }
+  return {
+    edges: contour.cells,
+    positions: contour.positions
+  }
+}
+
+function processPixelsImpl(pixels, options, size, simplify) {
+  //Extract contour
+  var contour = getContour(pixels, simplify)
+
+  //Apply warp to positions
+  var positions = transformPositions(contour.positions, options, size)
+  var edges     = contour.edges
+  var flip = "ccw" === options.orientation
+
+  //Clean up the PSLG, resolve self intersections, etc.
+  cleanPSLG(positions, edges)
+
+  //If triangulate flag passed, triangulate the result
+  if(options.polygons || options.polygon || options.polyline) {
+    var result = toPolygonCrappy(edges, positions)
+    var nresult = new Array(result.length)
+    for(var i=0; i<result.length; ++i) {
+      var loops = result[i]
+      var nloops = new Array(loops.length)
+      for(var j=0; j<loops.length; ++j) {
+        var loop = loops[j]
+        var nloop = new Array(loop.length)
+        for(var k=0; k<loop.length; ++k) {
+          nloop[k] = positions[loop[k]].slice()
+        }
+        if(flip) {
+          nloop.reverse()
+        }
+        nloops[j] = nloop
+      }
+      nresult[i] = nloops
+    }
+    return nresult
+  } else if(options.triangles || options.triangulate || options.triangle) {
+    return {
+      cells: cdt2d(positions, edges, {
+        delaunay: false,
+        exterior: false,
+        interior: true
+      }),
+      positions: positions
+    }
+  } else {
+    return {
+      edges:     edges,
+      positions: positions
+    }
+  }
+}
+
+function processPixels(pixels, options, size) {
+  try {
+    return processPixelsImpl(pixels, options, size, true)
+  } catch(e) {}
+  try {
+    return processPixelsImpl(pixels, options, size, false)
+  } catch(e) {}
+  if(options.polygons || options.polyline || options.polygon) {
+    return []
+  }
+  if(options.triangles || options.triangulate || options.triangle) {
+    return {
+      cells: [],
+      positions: []
+    }
+  }
+  return {
+    edges: [],
+    positions: []
+  }
+}
+
+function vectorizeText(str, canvas, context, options) {
+  var size = options.size || 64
+  var family = options.font || "normal"
+
+  context.font = size + "px " + family
+  context.textAlign = "start"
+  context.textBaseline = "alphabetic"
+  context.direction = "ltr"
+
+  var pixels = getPixels(canvas, context, str, size)
+
+  return processPixels(pixels, options, size)
+}
+
+},{"cdt2d":79,"clean-pslg":89,"ndarray":467,"planar-graph-to-polyline":483,"simplify-planar-graph":523,"surface-nets":531}],556:[function(require,module,exports){
+var Pbf = require('pbf')
+var vtpb = require('./vector-tile-pb')
+var GeoJSONWrapper = require('./lib/geojson_wrapper')
+
+module.exports = fromVectorTileJs
+module.exports.fromVectorTileJs = fromVectorTileJs
+module.exports.fromGeojsonVt = fromGeojsonVt
+module.exports.GeoJSONWrapper = GeoJSONWrapper
+
+/**
+ * Serialize a vector-tile-js-created tile to pbf
+ *
+ * @param {Object} tile
+ * @return {Buffer} uncompressed, pbf-serialized tile data
+ */
+function fromVectorTileJs (tile) {
+  var layers = []
+  for (var l in tile.layers) {
+    layers.push(prepareLayer(tile.layers[l]))
+  }
+
+  var out = new Pbf()
+  vtpb.tile.write({ layers: layers }, out)
+  return out.finish()
+}
+
+/**
+ * Serialized a geojson-vt-created tile to pbf.
+ *
+ * @param {Object} layers - An object mapping layer names to geojson-vt-created vector tile objects
+ * @return {Buffer} uncompressed, pbf-serialized tile data
+ */
+function fromGeojsonVt (layers) {
+  var l = {}
+  for (var k in layers) {
+    l[k] = new GeoJSONWrapper(layers[k].features)
+    l[k].name = k
+  }
+  return fromVectorTileJs({layers: l})
+}
+
+/**
+ * Prepare the given layer to be serialized by the auto-generated pbf
+ * serializer by encoding the feature geometry and properties.
+ */
+function prepareLayer (layer) {
+  var preparedLayer = {
+    name: layer.name || '',
+    version: layer.version || 1,
+    extent: layer.extent || 4096,
+    keys: [],
+    values: [],
+    features: []
+  }
+
+  var keycache = {}
+  var valuecache = {}
+
+  for (var i = 0; i < layer.length; i++) {
+    var feature = layer.feature(i)
+    feature.geometry = encodeGeometry(feature.loadGeometry())
+
+    var tags = []
+    for (var key in feature.properties) {
+      var keyIndex = keycache[key]
+      if (typeof keyIndex === 'undefined') {
+        preparedLayer.keys.push(key)
+        keyIndex = preparedLayer.keys.length - 1
+        keycache[key] = keyIndex
+      }
+      var value = wrapValue(feature.properties[key])
+      var valueIndex = valuecache[value.key]
+      if (typeof valueIndex === 'undefined') {
+        preparedLayer.values.push(value)
+        valueIndex = preparedLayer.values.length - 1
+        valuecache[value.key] = valueIndex
+      }
+      tags.push(keyIndex)
+      tags.push(valueIndex)
+    }
+
+    feature.tags = tags
+    preparedLayer.features.push(feature)
+  }
+
+  return preparedLayer
+}
+
+function command (cmd, length) {
+  return (length << 3) + (cmd & 0x7)
+}
+
+function zigzag (num) {
+  return (num << 1) ^ (num >> 31)
+}
+
+/**
+ * Encode a polygon's geometry into an array ready to be serialized
+ * to mapbox vector tile specified geometry data.
+ *
+ * @param {Array} Rings, each being an array of [x, y] tile-space coordinates
+ * @return {Array} encoded geometry
+ */
+function encodeGeometry (geometry) {
+  var encoded = []
+  var x = 0
+  var y = 0
+  var rings = geometry.length
+  for (var r = 0; r < rings; r++) {
+    var ring = geometry[r]
+    encoded.push(command(1, 1)) // moveto
+    for (var i = 0; i < ring.length; i++) {
+      if (i === 1) {
+        encoded.push(command(2, ring.length - 1)) // lineto
+      }
+      var dx = ring[i].x - x
+      var dy = ring[i].y - y
+      encoded.push(zigzag(dx), zigzag(dy))
+      x += dx
+      y += dy
+    }
+  }
+
+  return encoded
+}
+
+/**
+ * Wrap a property value according to its type. The returned object
+ * is of the form { xxxx_value: primitiveValue }, which is what the generated
+ * protobuf serializer expects.
+ */
+function wrapValue (value) {
+  var result
+  var type = typeof value
+  if (type === 'string') {
+    result = { string_value: value }
+  } else if (type === 'boolean') {
+    result = { bool_value: value }
+  } else if (type === 'number') {
+    if (value % 1 !== 0) {
+      result = { double_value: value }
+    } else if (value < 0) {
+      result = { sint_value: value }
+    } else {
+      result = { uint_value: value }
+    }
+  } else {
+    value = JSON.stringify(value)
+    result = { string_value: value }
+  }
+
+  result.key = type + ':' + value
+  return result
+}
+
+},{"./lib/geojson_wrapper":557,"./vector-tile-pb":558,"pbf":478}],557:[function(require,module,exports){
+'use strict'
+
+var Point = require('point-geometry')
+var VectorTileFeature = require('vector-tile').VectorTileFeature
+
+module.exports = GeoJSONWrapper
+
+// conform to vectortile api
+function GeoJSONWrapper (features) {
+  this.features = features
+  this.length = features.length
+}
+
+GeoJSONWrapper.prototype.feature = function (i) {
+  return new FeatureWrapper(this.features[i])
+}
+
+function FeatureWrapper (feature) {
+  this.id = typeof feature.id === 'number' ? feature.id : undefined
+  this.type = feature.type
+  this.rawGeometry = feature.type === 1 ? [feature.geometry] : feature.geometry
+  this.properties = feature.tags
+  this.extent = 4096
+}
+
+FeatureWrapper.prototype.loadGeometry = function () {
+  var rings = this.rawGeometry
+  this.geometry = []
+
+  for (var i = 0; i < rings.length; i++) {
+    var ring = rings[i]
+    var newRing = []
+    for (var j = 0; j < ring.length; j++) {
+      newRing.push(new Point(ring[j][0], ring[j][1]))
+    }
+    this.geometry.push(newRing)
+  }
+  return this.geometry
+}
+
+FeatureWrapper.prototype.bbox = function () {
+  if (!this.geometry) this.loadGeometry()
+
+  var rings = this.geometry
+  var x1 = Infinity
+  var x2 = -Infinity
+  var y1 = Infinity
+  var y2 = -Infinity
+
+  for (var i = 0; i < rings.length; i++) {
+    var ring = rings[i]
+
+    for (var j = 0; j < ring.length; j++) {
+      var coord = ring[j]
+
+      x1 = Math.min(x1, coord.x)
+      x2 = Math.max(x2, coord.x)
+      y1 = Math.min(y1, coord.y)
+      y2 = Math.max(y2, coord.y)
+    }
+  }
+
+  return [x1, y1, x2, y2]
+}
+
+FeatureWrapper.prototype.toGeoJSON = VectorTileFeature.prototype.toGeoJSON
+
+},{"point-geometry":484,"vector-tile":550}],558:[function(require,module,exports){
+'use strict';
+
+// tile ========================================
+
+var tile = exports.tile = {read: readTile, write: writeTile};
+
+tile.GeomType = {
+    "Unknown": 0,
+    "Point": 1,
+    "LineString": 2,
+    "Polygon": 3
+};
+
+function readTile(pbf, end) {
+    return pbf.readFields(readTileField, {"layers": []}, end);
+}
+
+function readTileField(tag, tile, pbf) {
+    if (tag === 3) tile.layers.push(readLayer(pbf, pbf.readVarint() + pbf.pos));
+}
+
+function writeTile(tile, pbf) {
+    var i;
+    if (tile.layers !== undefined) for (i = 0; i < tile.layers.length; i++) pbf.writeMessage(3, writeLayer, tile.layers[i]);
+}
+
+// value ========================================
+
+tile.value = {read: readValue, write: writeValue};
+
+function readValue(pbf, end) {
+    return pbf.readFields(readValueField, {}, end);
+}
+
+function readValueField(tag, value, pbf) {
+    if (tag === 1) value.string_value = pbf.readString();
+    else if (tag === 2) value.float_value = pbf.readFloat();
+    else if (tag === 3) value.double_value = pbf.readDouble();
+    else if (tag === 4) value.int_value = pbf.readVarint();
+    else if (tag === 5) value.uint_value = pbf.readVarint();
+    else if (tag === 6) value.sint_value = pbf.readSVarint();
+    else if (tag === 7) value.bool_value = pbf.readBoolean();
+}
+
+function writeValue(value, pbf) {
+    if (value.string_value !== undefined) pbf.writeStringField(1, value.string_value);
+    if (value.float_value !== undefined) pbf.writeFloatField(2, value.float_value);
+    if (value.double_value !== undefined) pbf.writeDoubleField(3, value.double_value);
+    if (value.int_value !== undefined) pbf.writeVarintField(4, value.int_value);
+    if (value.uint_value !== undefined) pbf.writeVarintField(5, value.uint_value);
+    if (value.sint_value !== undefined) pbf.writeSVarintField(6, value.sint_value);
+    if (value.bool_value !== undefined) pbf.writeBooleanField(7, value.bool_value);
+}
+
+// feature ========================================
+
+tile.feature = {read: readFeature, write: writeFeature};
+
+function readFeature(pbf, end) {
+    var feature = pbf.readFields(readFeatureField, {}, end);
+    if (feature.type === undefined) feature.type = "Unknown";
+    return feature;
+}
+
+function readFeatureField(tag, feature, pbf) {
+    if (tag === 1) feature.id = pbf.readVarint();
+    else if (tag === 2) feature.tags = pbf.readPackedVarint();
+    else if (tag === 3) feature.type = pbf.readVarint();
+    else if (tag === 4) feature.geometry = pbf.readPackedVarint();
+}
+
+function writeFeature(feature, pbf) {
+    if (feature.id !== undefined) pbf.writeVarintField(1, feature.id);
+    if (feature.tags !== undefined) pbf.writePackedVarint(2, feature.tags);
+    if (feature.type !== undefined) pbf.writeVarintField(3, feature.type);
+    if (feature.geometry !== undefined) pbf.writePackedVarint(4, feature.geometry);
+}
+
+// layer ========================================
+
+tile.layer = {read: readLayer, write: writeLayer};
+
+function readLayer(pbf, end) {
+    return pbf.readFields(readLayerField, {"features": [], "keys": [], "values": []}, end);
+}
+
+function readLayerField(tag, layer, pbf) {
+    if (tag === 15) layer.version = pbf.readVarint();
+    else if (tag === 1) layer.name = pbf.readString();
+    else if (tag === 2) layer.features.push(readFeature(pbf, pbf.readVarint() + pbf.pos));
+    else if (tag === 3) layer.keys.push(pbf.readString());
+    else if (tag === 4) layer.values.push(readValue(pbf, pbf.readVarint() + pbf.pos));
+    else if (tag === 5) layer.extent = pbf.readVarint();
+}
+
+function writeLayer(layer, pbf) {
+    if (layer.version !== undefined) pbf.writeVarintField(15, layer.version);
+    if (layer.name !== undefined) pbf.writeStringField(1, layer.name);
+    var i;
+    if (layer.features !== undefined) for (i = 0; i < layer.features.length; i++) pbf.writeMessage(2, writeFeature, layer.features[i]);
+    if (layer.keys !== undefined) for (i = 0; i < layer.keys.length; i++) pbf.writeStringField(3, layer.keys[i]);
+    if (layer.values !== undefined) for (i = 0; i < layer.values.length; i++) pbf.writeMessage(4, writeValue, layer.values[i]);
+    if (layer.extent !== undefined) pbf.writeVarintField(5, layer.extent);
+}
+
+},{}],559:[function(require,module,exports){
+// Copyright (C) 2011 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * @fileoverview Install a leaky WeakMap emulation on platforms that
+ * don't provide a built-in one.
+ *
+ * <p>Assumes that an ES5 platform where, if {@code WeakMap} is
+ * already present, then it conforms to the anticipated ES6
+ * specification. To run this file on an ES5 or almost ES5
+ * implementation where the {@code WeakMap} specification does not
+ * quite conform, run <code>repairES5.js</code> first.
+ *
+ * <p>Even though WeakMapModule is not global, the linter thinks it
+ * is, which is why it is in the overrides list below.
+ *
+ * <p>NOTE: Before using this WeakMap emulation in a non-SES
+ * environment, see the note below about hiddenRecord.
+ *
+ * @author Mark S. Miller
+ * @requires crypto, ArrayBuffer, Uint8Array, navigator, console
+ * @overrides WeakMap, ses, Proxy
+ * @overrides WeakMapModule
+ */
+
+/**
+ * This {@code WeakMap} emulation is observably equivalent to the
+ * ES-Harmony WeakMap, but with leakier garbage collection properties.
+ *
+ * <p>As with true WeakMaps, in this emulation, a key does not
+ * retain maps indexed by that key and (crucially) a map does not
+ * retain the keys it indexes. A map by itself also does not retain
+ * the values associated with that map.
+ *
+ * <p>However, the values associated with a key in some map are
+ * retained so long as that key is retained and those associations are
+ * not overridden. For example, when used to support membranes, all
+ * values exported from a given membrane will live for the lifetime
+ * they would have had in the absence of an interposed membrane. Even
+ * when the membrane is revoked, all objects that would have been
+ * reachable in the absence of revocation will still be reachable, as
+ * far as the GC can tell, even though they will no longer be relevant
+ * to ongoing computation.
+ *
+ * <p>The API implemented here is approximately the API as implemented
+ * in FF6.0a1 and agreed to by MarkM, Andreas Gal, and Dave Herman,
+ * rather than the offially approved proposal page. TODO(erights):
+ * upgrade the ecmascript WeakMap proposal page to explain this API
+ * change and present to EcmaScript committee for their approval.
+ *
+ * <p>The first difference between the emulation here and that in
+ * FF6.0a1 is the presence of non enumerable {@code get___, has___,
+ * set___, and delete___} methods on WeakMap instances to represent
+ * what would be the hidden internal properties of a primitive
+ * implementation. Whereas the FF6.0a1 WeakMap.prototype methods
+ * require their {@code this} to be a genuine WeakMap instance (i.e.,
+ * an object of {@code [[Class]]} "WeakMap}), since there is nothing
+ * unforgeable about the pseudo-internal method names used here,
+ * nothing prevents these emulated prototype methods from being
+ * applied to non-WeakMaps with pseudo-internal methods of the same
+ * names.
+ *
+ * <p>Another difference is that our emulated {@code
+ * WeakMap.prototype} is not itself a WeakMap. A problem with the
+ * current FF6.0a1 API is that WeakMap.prototype is itself a WeakMap
+ * providing ambient mutability and an ambient communications
+ * channel. Thus, if a WeakMap is already present and has this
+ * problem, repairES5.js wraps it in a safe wrappper in order to
+ * prevent access to this channel. (See
+ * PATCH_MUTABLE_FROZEN_WEAKMAP_PROTO in repairES5.js).
+ */
+
+/**
+ * If this is a full <a href=
+ * "http://code.google.com/p/es-lab/wiki/SecureableES5"
+ * >secureable ES5</a> platform and the ES-Harmony {@code WeakMap} is
+ * absent, install an approximate emulation.
+ *
+ * <p>If WeakMap is present but cannot store some objects, use our approximate
+ * emulation as a wrapper.
+ *
+ * <p>If this is almost a secureable ES5 platform, then WeakMap.js
+ * should be run after repairES5.js.
+ *
+ * <p>See {@code WeakMap} for documentation of the garbage collection
+ * properties of this WeakMap emulation.
+ */
+(function WeakMapModule() {
+  "use strict";
+
+  if (typeof ses !== 'undefined' && ses.ok && !ses.ok()) {
+    // already too broken, so give up
+    return;
+  }
+
+  /**
+   * In some cases (current Firefox), we must make a choice betweeen a
+   * WeakMap which is capable of using all varieties of host objects as
+   * keys and one which is capable of safely using proxies as keys. See
+   * comments below about HostWeakMap and DoubleWeakMap for details.
+   *
+   * This function (which is a global, not exposed to guests) marks a
+   * WeakMap as permitted to do what is necessary to index all host
+   * objects, at the cost of making it unsafe for proxies.
+   *
+   * Do not apply this function to anything which is not a genuine
+   * fresh WeakMap.
+   */
+  function weakMapPermitHostObjects(map) {
+    // identity of function used as a secret -- good enough and cheap
+    if (map.permitHostObjects___) {
+      map.permitHostObjects___(weakMapPermitHostObjects);
+    }
+  }
+  if (typeof ses !== 'undefined') {
+    ses.weakMapPermitHostObjects = weakMapPermitHostObjects;
+  }
+
+  // IE 11 has no Proxy but has a broken WeakMap such that we need to patch
+  // it using DoubleWeakMap; this flag tells DoubleWeakMap so.
+  var doubleWeakMapCheckSilentFailure = false;
+
+  // Check if there is already a good-enough WeakMap implementation, and if so
+  // exit without replacing it.
+  if (typeof WeakMap === 'function') {
+    var HostWeakMap = WeakMap;
+    // There is a WeakMap -- is it good enough?
+    if (typeof navigator !== 'undefined' &&
+        /Firefox/.test(navigator.userAgent)) {
+      // We're now *assuming not*, because as of this writing (2013-05-06)
+      // Firefox's WeakMaps have a miscellany of objects they won't accept, and
+      // we don't want to make an exhaustive list, and testing for just one
+      // will be a problem if that one is fixed alone (as they did for Event).
+
+      // If there is a platform that we *can* reliably test on, here's how to
+      // do it:
+      //  var problematic = ... ;
+      //  var testHostMap = new HostWeakMap();
+      //  try {
+      //    testHostMap.set(problematic, 1);  // Firefox 20 will throw here
+      //    if (testHostMap.get(problematic) === 1) {
+      //      return;
+      //    }
+      //  } catch (e) {}
+
+    } else {
+      // IE 11 bug: WeakMaps silently fail to store frozen objects.
+      var testMap = new HostWeakMap();
+      var testObject = Object.freeze({});
+      testMap.set(testObject, 1);
+      if (testMap.get(testObject) !== 1) {
+        doubleWeakMapCheckSilentFailure = true;
+        // Fall through to installing our WeakMap.
+      } else {
+        module.exports = WeakMap;
+        return;
+      }
+    }
+  }
+
+  var hop = Object.prototype.hasOwnProperty;
+  var gopn = Object.getOwnPropertyNames;
+  var defProp = Object.defineProperty;
+  var isExtensible = Object.isExtensible;
+
+  /**
+   * Security depends on HIDDEN_NAME being both <i>unguessable</i> and
+   * <i>undiscoverable</i> by untrusted code.
+   *
+   * <p>Given the known weaknesses of Math.random() on existing
+   * browsers, it does not generate unguessability we can be confident
+   * of.
+   *
+   * <p>It is the monkey patching logic in this file that is intended
+   * to ensure undiscoverability. The basic idea is that there are
+   * three fundamental means of discovering properties of an object:
+   * The for/in loop, Object.keys(), and Object.getOwnPropertyNames(),
+   * as well as some proposed ES6 extensions that appear on our
+   * whitelist. The first two only discover enumerable properties, and
+   * we only use HIDDEN_NAME to name a non-enumerable property, so the
+   * only remaining threat should be getOwnPropertyNames and some
+   * proposed ES6 extensions that appear on our whitelist. We monkey
+   * patch them to remove HIDDEN_NAME from the list of properties they
+   * returns.
+   *
+   * <p>TODO(erights): On a platform with built-in Proxies, proxies
+   * could be used to trap and thereby discover the HIDDEN_NAME, so we
+   * need to monkey patch Proxy.create, Proxy.createFunction, etc, in
+   * order to wrap the provided handler with the real handler which
+   * filters out all traps using HIDDEN_NAME.
+   *
+   * <p>TODO(erights): Revisit Mike Stay's suggestion that we use an
+   * encapsulated function at a not-necessarily-secret name, which
+   * uses the Stiegler shared-state rights amplification pattern to
+   * reveal the associated value only to the WeakMap in which this key
+   * is associated with that value. Since only the key retains the
+   * function, the function can also remember the key without causing
+   * leakage of the key, so this doesn't violate our general gc
+   * goals. In addition, because the name need not be a guarded
+   * secret, we could efficiently handle cross-frame frozen keys.
+   */
+  var HIDDEN_NAME_PREFIX = 'weakmap:';
+  var HIDDEN_NAME = HIDDEN_NAME_PREFIX + 'ident:' + Math.random() + '___';
+
+  if (typeof crypto !== 'undefined' &&
+      typeof crypto.getRandomValues === 'function' &&
+      typeof ArrayBuffer === 'function' &&
+      typeof Uint8Array === 'function') {
+    var ab = new ArrayBuffer(25);
+    var u8s = new Uint8Array(ab);
+    crypto.getRandomValues(u8s);
+    HIDDEN_NAME = HIDDEN_NAME_PREFIX + 'rand:' +
+      Array.prototype.map.call(u8s, function(u8) {
+        return (u8 % 36).toString(36);
+      }).join('') + '___';
+  }
+
+  function isNotHiddenName(name) {
+    return !(
+        name.substr(0, HIDDEN_NAME_PREFIX.length) == HIDDEN_NAME_PREFIX &&
+        name.substr(name.length - 3) === '___');
+  }
+
+  /**
+   * Monkey patch getOwnPropertyNames to avoid revealing the
+   * HIDDEN_NAME.
+   *
+   * <p>The ES5.1 spec requires each name to appear only once, but as
+   * of this writing, this requirement is controversial for ES6, so we
+   * made this code robust against this case. If the resulting extra
+   * search turns out to be expensive, we can probably relax this once
+   * ES6 is adequately supported on all major browsers, iff no browser
+   * versions we support at that time have relaxed this constraint
+   * without providing built-in ES6 WeakMaps.
+   */
+  defProp(Object, 'getOwnPropertyNames', {
+    value: function fakeGetOwnPropertyNames(obj) {
+      return gopn(obj).filter(isNotHiddenName);
+    }
+  });
+
+  /**
+   * getPropertyNames is not in ES5 but it is proposed for ES6 and
+   * does appear in our whitelist, so we need to clean it too.
+   */
+  if ('getPropertyNames' in Object) {
+    var originalGetPropertyNames = Object.getPropertyNames;
+    defProp(Object, 'getPropertyNames', {
+      value: function fakeGetPropertyNames(obj) {
+        return originalGetPropertyNames(obj).filter(isNotHiddenName);
+      }
+    });
+  }
+
+  /**
+   * <p>To treat objects as identity-keys with reasonable efficiency
+   * on ES5 by itself (i.e., without any object-keyed collections), we
+   * need to add a hidden property to such key objects when we
+   * can. This raises several issues:
+   * <ul>
+   * <li>Arranging to add this property to objects before we lose the
+   *     chance, and
+   * <li>Hiding the existence of this new property from most
+   *     JavaScript code.
+   * <li>Preventing <i>certification theft</i>, where one object is
+   *     created falsely claiming to be the key of an association
+   *     actually keyed by another object.
+   * <li>Preventing <i>value theft</i>, where untrusted code with
+   *     access to a key object but not a weak map nevertheless
+   *     obtains access to the value associated with that key in that
+   *     weak map.
+   * </ul>
+   * We do so by
+   * <ul>
+   * <li>Making the name of the hidden property unguessable, so "[]"
+   *     indexing, which we cannot intercept, cannot be used to access
+   *     a property without knowing the name.
+   * <li>Making the hidden property non-enumerable, so we need not
+   *     worry about for-in loops or {@code Object.keys},
+   * <li>monkey patching those reflective methods that would
+   *     prevent extensions, to add this hidden property first,
+   * <li>monkey patching those methods that would reveal this
+   *     hidden property.
+   * </ul>
+   * Unfortunately, because of same-origin iframes, we cannot reliably
+   * add this hidden property before an object becomes
+   * non-extensible. Instead, if we encounter a non-extensible object
+   * without a hidden record that we can detect (whether or not it has
+   * a hidden record stored under a name secret to us), then we just
+   * use the key object itself to represent its identity in a brute
+   * force leaky map stored in the weak map, losing all the advantages
+   * of weakness for these.
+   */
+  function getHiddenRecord(key) {
+    if (key !== Object(key)) {
+      throw new TypeError('Not an object: ' + key);
+    }
+    var hiddenRecord = key[HIDDEN_NAME];
+    if (hiddenRecord && hiddenRecord.key === key) { return hiddenRecord; }
+    if (!isExtensible(key)) {
+      // Weak map must brute force, as explained in doc-comment above.
+      return void 0;
+    }
+
+    // The hiddenRecord and the key point directly at each other, via
+    // the "key" and HIDDEN_NAME properties respectively. The key
+    // field is for quickly verifying that this hidden record is an
+    // own property, not a hidden record from up the prototype chain.
+    //
+    // NOTE: Because this WeakMap emulation is meant only for systems like
+    // SES where Object.prototype is frozen without any numeric
+    // properties, it is ok to use an object literal for the hiddenRecord.
+    // This has two advantages:
+    // * It is much faster in a performance critical place
+    // * It avoids relying on Object.create(null), which had been
+    //   problematic on Chrome 28.0.1480.0. See
+    //   https://code.google.com/p/google-caja/issues/detail?id=1687
+    hiddenRecord = { key: key };
+
+    // When using this WeakMap emulation on platforms where
+    // Object.prototype might not be frozen and Object.create(null) is
+    // reliable, use the following two commented out lines instead.
+    // hiddenRecord = Object.create(null);
+    // hiddenRecord.key = key;
+
+    // Please contact us if you need this to work on platforms where
+    // Object.prototype might not be frozen and
+    // Object.create(null) might not be reliable.
+
+    try {
+      defProp(key, HIDDEN_NAME, {
+        value: hiddenRecord,
+        writable: false,
+        enumerable: false,
+        configurable: false
+      });
+      return hiddenRecord;
+    } catch (error) {
+      // Under some circumstances, isExtensible seems to misreport whether
+      // the HIDDEN_NAME can be defined.
+      // The circumstances have not been isolated, but at least affect
+      // Node.js v0.10.26 on TravisCI / Linux, but not the same version of
+      // Node.js on OS X.
+      return void 0;
+    }
+  }
+
+  /**
+   * Monkey patch operations that would make their argument
+   * non-extensible.
+   *
+   * <p>The monkey patched versions throw a TypeError if their
+   * argument is not an object, so it should only be done to functions
+   * that should throw a TypeError anyway if their argument is not an
+   * object.
+   */
+  (function(){
+    var oldFreeze = Object.freeze;
+    defProp(Object, 'freeze', {
+      value: function identifyingFreeze(obj) {
+        getHiddenRecord(obj);
+        return oldFreeze(obj);
+      }
+    });
+    var oldSeal = Object.seal;
+    defProp(Object, 'seal', {
+      value: function identifyingSeal(obj) {
+        getHiddenRecord(obj);
+        return oldSeal(obj);
+      }
+    });
+    var oldPreventExtensions = Object.preventExtensions;
+    defProp(Object, 'preventExtensions', {
+      value: function identifyingPreventExtensions(obj) {
+        getHiddenRecord(obj);
+        return oldPreventExtensions(obj);
+      }
+    });
+  })();
+
+  function constFunc(func) {
+    func.prototype = null;
+    return Object.freeze(func);
+  }
+
+  var calledAsFunctionWarningDone = false;
+  function calledAsFunctionWarning() {
+    // Future ES6 WeakMap is currently (2013-09-10) expected to reject WeakMap()
+    // but we used to permit it and do it ourselves, so warn only.
+    if (!calledAsFunctionWarningDone && typeof console !== 'undefined') {
+      calledAsFunctionWarningDone = true;
+      console.warn('WeakMap should be invoked as new WeakMap(), not ' +
+          'WeakMap(). This will be an error in the future.');
+    }
+  }
+
+  var nextId = 0;
+
+  var OurWeakMap = function() {
+    if (!(this instanceof OurWeakMap)) {  // approximate test for new ...()
+      calledAsFunctionWarning();
+    }
+
+    // We are currently (12/25/2012) never encountering any prematurely
+    // non-extensible keys.
+    var keys = []; // brute force for prematurely non-extensible keys.
+    var values = []; // brute force for corresponding values.
+    var id = nextId++;
+
+    function get___(key, opt_default) {
+      var index;
+      var hiddenRecord = getHiddenRecord(key);
+      if (hiddenRecord) {
+        return id in hiddenRecord ? hiddenRecord[id] : opt_default;
+      } else {
+        index = keys.indexOf(key);
+        return index >= 0 ? values[index] : opt_default;
+      }
+    }
+
+    function has___(key) {
+      var hiddenRecord = getHiddenRecord(key);
+      if (hiddenRecord) {
+        return id in hiddenRecord;
+      } else {
+        return keys.indexOf(key) >= 0;
+      }
+    }
+
+    function set___(key, value) {
+      var index;
+      var hiddenRecord = getHiddenRecord(key);
+      if (hiddenRecord) {
+        hiddenRecord[id] = value;
+      } else {
+        index = keys.indexOf(key);
+        if (index >= 0) {
+          values[index] = value;
+        } else {
+          // Since some browsers preemptively terminate slow turns but
+          // then continue computing with presumably corrupted heap
+          // state, we here defensively get keys.length first and then
+          // use it to update both the values and keys arrays, keeping
+          // them in sync.
+          index = keys.length;
+          values[index] = value;
+          // If we crash here, values will be one longer than keys.
+          keys[index] = key;
+        }
+      }
+      return this;
+    }
+
+    function delete___(key) {
+      var hiddenRecord = getHiddenRecord(key);
+      var index, lastIndex;
+      if (hiddenRecord) {
+        return id in hiddenRecord && delete hiddenRecord[id];
+      } else {
+        index = keys.indexOf(key);
+        if (index < 0) {
+          return false;
+        }
+        // Since some browsers preemptively terminate slow turns but
+        // then continue computing with potentially corrupted heap
+        // state, we here defensively get keys.length first and then use
+        // it to update both the keys and the values array, keeping
+        // them in sync. We update the two with an order of assignments,
+        // such that any prefix of these assignments will preserve the
+        // key/value correspondence, either before or after the delete.
+        // Note that this needs to work correctly when index === lastIndex.
+        lastIndex = keys.length - 1;
+        keys[index] = void 0;
+        // If we crash here, there's a void 0 in the keys array, but
+        // no operation will cause a "keys.indexOf(void 0)", since
+        // getHiddenRecord(void 0) will always throw an error first.
+        values[index] = values[lastIndex];
+        // If we crash here, values[index] cannot be found here,
+        // because keys[index] is void 0.
+        keys[index] = keys[lastIndex];
+        // If index === lastIndex and we crash here, then keys[index]
+        // is still void 0, since the aliasing killed the previous key.
+        keys.length = lastIndex;
+        // If we crash here, keys will be one shorter than values.
+        values.length = lastIndex;
+        return true;
+      }
+    }
+
+    return Object.create(OurWeakMap.prototype, {
+      get___:    { value: constFunc(get___) },
+      has___:    { value: constFunc(has___) },
+      set___:    { value: constFunc(set___) },
+      delete___: { value: constFunc(delete___) }
+    });
+  };
+
+  OurWeakMap.prototype = Object.create(Object.prototype, {
+    get: {
+      /**
+       * Return the value most recently associated with key, or
+       * opt_default if none.
+       */
+      value: function get(key, opt_default) {
+        return this.get___(key, opt_default);
+      },
+      writable: true,
+      configurable: true
+    },
+
+    has: {
+      /**
+       * Is there a value associated with key in this WeakMap?
+       */
+      value: function has(key) {
+        return this.has___(key);
+      },
+      writable: true,
+      configurable: true
+    },
+
+    set: {
+      /**
+       * Associate value with key in this WeakMap, overwriting any
+       * previous association if present.
+       */
+      value: function set(key, value) {
+        return this.set___(key, value);
+      },
+      writable: true,
+      configurable: true
+    },
+
+    'delete': {
+      /**
+       * Remove any association for key in this WeakMap, returning
+       * whether there was one.
+       *
+       * <p>Note that the boolean return here does not work like the
+       * {@code delete} operator. The {@code delete} operator returns
+       * whether the deletion succeeds at bringing about a state in
+       * which the deleted property is absent. The {@code delete}
+       * operator therefore returns true if the property was already
+       * absent, whereas this {@code delete} method returns false if
+       * the association was already absent.
+       */
+      value: function remove(key) {
+        return this.delete___(key);
+      },
+      writable: true,
+      configurable: true
+    }
+  });
+
+  if (typeof HostWeakMap === 'function') {
+    (function() {
+      // If we got here, then the platform has a WeakMap but we are concerned
+      // that it may refuse to store some key types. Therefore, make a map
+      // implementation which makes use of both as possible.
+
+      // In this mode we are always using double maps, so we are not proxy-safe.
+      // This combination does not occur in any known browser, but we had best
+      // be safe.
+      if (doubleWeakMapCheckSilentFailure && typeof Proxy !== 'undefined') {
+        Proxy = undefined;
+      }
+
+      function DoubleWeakMap() {
+        if (!(this instanceof OurWeakMap)) {  // approximate test for new ...()
+          calledAsFunctionWarning();
+        }
+
+        // Preferable, truly weak map.
+        var hmap = new HostWeakMap();
+
+        // Our hidden-property-based pseudo-weak-map. Lazily initialized in the
+        // 'set' implementation; thus we can avoid performing extra lookups if
+        // we know all entries actually stored are entered in 'hmap'.
+        var omap = undefined;
+
+        // Hidden-property maps are not compatible with proxies because proxies
+        // can observe the hidden name and either accidentally expose it or fail
+        // to allow the hidden property to be set. Therefore, we do not allow
+        // arbitrary WeakMaps to switch to using hidden properties, but only
+        // those which need the ability, and unprivileged code is not allowed
+        // to set the flag.
+        //
+        // (Except in doubleWeakMapCheckSilentFailure mode in which case we
+        // disable proxies.)
+        var enableSwitching = false;
+
+        function dget(key, opt_default) {
+          if (omap) {
+            return hmap.has(key) ? hmap.get(key)
+                : omap.get___(key, opt_default);
+          } else {
+            return hmap.get(key, opt_default);
+          }
+        }
+
+        function dhas(key) {
+          return hmap.has(key) || (omap ? omap.has___(key) : false);
+        }
+
+        var dset;
+        if (doubleWeakMapCheckSilentFailure) {
+          dset = function(key, value) {
+            hmap.set(key, value);
+            if (!hmap.has(key)) {
+              if (!omap) { omap = new OurWeakMap(); }
+              omap.set(key, value);
+            }
+            return this;
+          };
+        } else {
+          dset = function(key, value) {
+            if (enableSwitching) {
+              try {
+                hmap.set(key, value);
+              } catch (e) {
+                if (!omap) { omap = new OurWeakMap(); }
+                omap.set___(key, value);
+              }
+            } else {
+              hmap.set(key, value);
+            }
+            return this;
+          };
+        }
+
+        function ddelete(key) {
+          var result = !!hmap['delete'](key);
+          if (omap) { return omap.delete___(key) || result; }
+          return result;
+        }
+
+        return Object.create(OurWeakMap.prototype, {
+          get___:    { value: constFunc(dget) },
+          has___:    { value: constFunc(dhas) },
+          set___:    { value: constFunc(dset) },
+          delete___: { value: constFunc(ddelete) },
+          permitHostObjects___: { value: constFunc(function(token) {
+            if (token === weakMapPermitHostObjects) {
+              enableSwitching = true;
+            } else {
+              throw new Error('bogus call to permitHostObjects___');
+            }
+          })}
+        });
+      }
+      DoubleWeakMap.prototype = OurWeakMap.prototype;
+      module.exports = DoubleWeakMap;
+
+      // define .constructor to hide OurWeakMap ctor
+      Object.defineProperty(WeakMap.prototype, 'constructor', {
+        value: WeakMap,
+        enumerable: false,  // as default .constructor is
+        configurable: true,
+        writable: true
+      });
+    })();
+  } else {
+    // There is no host WeakMap, so we must use the emulation.
+
+    // Emulated WeakMaps are incompatible with native proxies (because proxies
+    // can observe the hidden name), so we must disable Proxy usage (in
+    // ArrayLike and Domado, currently).
+    if (typeof Proxy !== 'undefined') {
+      Proxy = undefined;
+    }
+
+    module.exports = OurWeakMap;
+  }
+})();
+
+},{}],560:[function(require,module,exports){
+var hiddenStore = require('./hidden-store.js');
+
+module.exports = createStore;
+
+function createStore() {
+    var key = {};
+
+    return function (obj) {
+        if ((typeof obj !== 'object' || obj === null) &&
+            typeof obj !== 'function'
+        ) {
+            throw new Error('Weakmap-shim: Key must be object')
+        }
+
+        var store = obj.valueOf(key);
+        return store && store.identity === key ?
+            store : hiddenStore(obj, key);
+    };
+}
+
+},{"./hidden-store.js":561}],561:[function(require,module,exports){
+module.exports = hiddenStore;
+
+function hiddenStore(obj, key) {
+    var store = { identity: key };
+    var valueOf = obj.valueOf;
+
+    Object.defineProperty(obj, "valueOf", {
+        value: function (value) {
+            return value !== key ?
+                valueOf.apply(this, arguments) : store;
+        },
+        writable: true
+    });
+
+    return store;
+}
+
+},{}],562:[function(require,module,exports){
+// Original - @Gozola.
+// https://gist.github.com/Gozala/1269991
+// This is a reimplemented version (with a few bug fixes).
+
+var createStore = require('./create-store.js');
+
+module.exports = weakMap;
+
+function weakMap() {
+    var privates = createStore();
+
+    return {
+        'get': function (key, fallback) {
+            var store = privates(key)
+            return store.hasOwnProperty('value') ?
+                store.value : fallback
+        },
+        'set': function (key, value) {
+            privates(key).value = value;
+            return this;
+        },
+        'has': function(key) {
+            return 'value' in privates(key);
+        },
+        'delete': function (key) {
+            return delete privates(key).value;
+        }
+    }
+}
+
+},{"./create-store.js":560}],563:[function(require,module,exports){
+var getContext = require('get-canvas-context')
+
+module.exports = function getWebGLContext (opt) {
+  return getContext('webgl', opt)
+}
+
+},{"get-canvas-context":147}],564:[function(require,module,exports){
+var bundleFn = arguments[3];
+var sources = arguments[4];
+var cache = arguments[5];
+
+var stringify = JSON.stringify;
+
+module.exports = function (fn, options) {
+    var wkey;
+    var cacheKeys = Object.keys(cache);
+
+    for (var i = 0, l = cacheKeys.length; i < l; i++) {
+        var key = cacheKeys[i];
+        var exp = cache[key].exports;
+        // Using babel as a transpiler to use esmodule, the export will always
+        // be an object with the default export as a property of it. To ensure
+        // the existing api and babel esmodule exports are both supported we
+        // check for both
+        if (exp === fn || exp && exp.default === fn) {
+            wkey = key;
+            break;
+        }
+    }
+
+    if (!wkey) {
+        wkey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16);
+        var wcache = {};
+        for (var i = 0, l = cacheKeys.length; i < l; i++) {
+            var key = cacheKeys[i];
+            wcache[key] = key;
+        }
+        sources[wkey] = [
+            Function(['require','module','exports'], '(' + fn + ')(self)'),
+            wcache
+        ];
+    }
+    var skey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16);
+
+    var scache = {}; scache[wkey] = wkey;
+    sources[skey] = [
+        Function(['require'], (
+            // try to call default if defined to also support babel esmodule
+            // exports
+            'var f = require(' + stringify(wkey) + ');' +
+            '(f.default ? f.default : f)(self);'
+        )),
+        scache
+    ];
+
+    var workerSources = {};
+    resolveSources(skey);
+
+    function resolveSources(key) {
+        workerSources[key] = true;
+
+        for (var depPath in sources[key][1]) {
+            var depKey = sources[key][1][depPath];
+            if (!workerSources[depKey]) {
+                resolveSources(depKey);
+            }
+        }
+    }
+
+    var src = '(' + bundleFn + ')({'
+        + Object.keys(workerSources).map(function (key) {
+            return stringify(key) + ':['
+                + sources[key][0]
+                + ',' + stringify(sources[key][1]) + ']'
+            ;
+        }).join(',')
+        + '},{},[' + stringify(skey) + '])'
+    ;
+
+    var URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
+
+    var blob = new Blob([src], { type: 'text/javascript' });
+    if (options && options.bare) { return blob; }
+    var workerUrl = URL.createObjectURL(blob);
+    var worker = new Worker(workerUrl);
+    worker.objectURL = workerUrl;
+    return worker;
+};
+
+},{}],565:[function(require,module,exports){
+module.exports.RADIUS = 6378137;
+module.exports.FLATTENING = 1/298.257223563;
+module.exports.POLAR_RADIUS = 6356752.3142;
+
+},{}],566:[function(require,module,exports){
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+    typeof define === 'function' && define.amd ? define(['exports'], factory) :
+    (factory((global.WhooTS = global.WhooTS || {})));
+}(this, function (exports) {
+
+/**
+ * getURL
+ *
+ * @param    {String}  baseUrl  Base url of the WMS server
+ * @param    {String}  layer    Layer name
+ * @param    {Number}  x        Tile coordinate x
+ * @param    {Number}  y        Tile coordinate y
+ * @param    {Number}  z        Tile zoom
+ * @param    {Object}  [options]
+ * @param    {String}  [options.format='image/png']
+ * @param    {String}  [options.service='WMS']
+ * @param    {String}  [options.version='1.1.1']
+ * @param    {String}  [options.request='GetMap']
+ * @param    {String}  [options.srs='EPSG:3857']
+ * @param    {Number}  [options.width='256']
+ * @param    {Number}  [options.height='256']
+ * @returns  {String}  url
+ * @example
+ * var baseUrl = 'http://geodata.state.nj.us/imagerywms/Natural2015';
+ * var layer = 'Natural2015';
+ * var url = whoots.getURL(baseUrl, layer, 154308, 197167, 19);
+ */
+function getURL(baseUrl, layer, x, y, z, options) {
+    options = options || {};
+
+    var url = baseUrl + '?' + [
+        'bbox='    + getTileBBox(x, y, z),
+        'format='  + (options.format || 'image/png'),
+        'service=' + (options.service || 'WMS'),
+        'version=' + (options.version || '1.1.1'),
+        'request=' + (options.request || 'GetMap'),
+        'srs='     + (options.srs || 'EPSG:3857'),
+        'width='   + (options.width || 256),
+        'height='  + (options.height || 256),
+        'layers='  + layer
+    ].join('&');
+
+    return url;
+}
+
+
+/**
+ * getTileBBox
+ *
+ * @param    {Number}  x  Tile coordinate x
+ * @param    {Number}  y  Tile coordinate y
+ * @param    {Number}  z  Tile zoom
+ * @returns  {String}  String of the bounding box
+ */
+function getTileBBox(x, y, z) {
+    // for Google/OSM tile scheme we need to alter the y
+    y = (Math.pow(2, z) - y - 1);
+
+    var min = getMercCoords(x * 256, y * 256, z),
+        max = getMercCoords((x + 1) * 256, (y + 1) * 256, z);
+
+    return min[0] + ',' + min[1] + ',' + max[0] + ',' + max[1];
+}
+
+
+/**
+ * getMercCoords
+ *
+ * @param    {Number}  x  Pixel coordinate x
+ * @param    {Number}  y  Pixel coordinate y
+ * @param    {Number}  z  Tile zoom
+ * @returns  {Array}   [x, y]
+ */
+function getMercCoords(x, y, z) {
+    var resolution = (2 * Math.PI * 6378137 / 256) / Math.pow(2, z),
+        merc_x = (x * resolution - 2 * Math.PI  * 6378137 / 2.0),
+        merc_y = (y * resolution - 2 * Math.PI  * 6378137 / 2.0);
+
+    return [merc_x, merc_y];
+}
+
+exports.getURL = getURL;
+exports.getTileBBox = getTileBBox;
+exports.getMercCoords = getMercCoords;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+},{}],567:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Traditional Chinese calendar for jQuery v2.0.2.
+   Written by Nicolas Riesco (enquiries at nicolasriesco.net) December 2016.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+var gregorianCalendar = main.instance();
+
+/** Implementation of the traditional Chinese calendar.
+    Source of calendar tables https://github.com/isee15/Lunar-Solar-Calendar-Converter .
+    @class ChineseCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function ChineseCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+ChineseCalendar.prototype = new main.baseCalendar;
+
+assign(ChineseCalendar.prototype, {
+    /** The calendar name.
+        @memberof ChineseCalendar */
+    name: 'Chinese',
+     /** Julian date of start of Gregorian epoch: 1 January 0001 CE.
+        @memberof GregorianCalendar */
+    jdEpoch: 1721425.5,
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof ChineseCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        This calendar uses month indices to account for intercalary months. 
+        @memberof ChineseCalendar */
+    minMonth: 0,
+    /** The first month in the year.
+        This calendar uses month indices to account for intercalary months. 
+        @memberof ChineseCalendar */
+    firstMonth: 0,
+    /** The minimum day number.
+        @memberof ChineseCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof ChineseCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Chinese',
+            epochs: ['BEC', 'EC'],
+            monthNumbers: function(date, padded) {
+                if (typeof date === 'string') {
+                    var match = date.match(MONTH_NUMBER_REGEXP);
+                    return (match) ? match[0] : '';
+                }
+
+                var year = this._validateYear(date);
+                var monthIndex = date.month();
+
+                var month = '' + this.toChineseMonth(year, monthIndex);
+
+                if (padded && month.length < 2) {
+                    month = "0" + month;
+                }
+
+                if (this.isIntercalaryMonth(year, monthIndex)) {
+                    month += 'i';
+                }
+
+                return month;
+            },
+            monthNames: function(date) {
+                if (typeof date === 'string') {
+                    var match = date.match(MONTH_NAME_REGEXP);
+                    return (match) ? match[0] : '';
+                }
+
+                var year = this._validateYear(date);
+                var monthIndex = date.month();
+
+                var month = this.toChineseMonth(year, monthIndex);
+
+                var monthName = ['一月','二月','三月','四月','五月','六月',
+                    '七月','八月','九月','十月','十一月','十二月'][month - 1];
+
+                if (this.isIntercalaryMonth(year, monthIndex)) {
+                    monthName = '闰' + monthName;
+                }
+
+                return monthName;
+            },
+            monthNamesShort: function(date) {
+                if (typeof date === 'string') {
+                    var match = date.match(MONTH_SHORT_NAME_REGEXP);
+                    return (match) ? match[0] : '';
+                }
+
+                var year = this._validateYear(date);
+                var monthIndex = date.month();
+
+                var month = this.toChineseMonth(year, monthIndex);
+
+                var monthName = ['一','二','三','四','五','六',
+                    '七','八','九','十','十一','十二'][month - 1];
+
+                if (this.isIntercalaryMonth(year, monthIndex)) {
+                    monthName = '闰' + monthName;
+                }
+
+                return monthName;
+            },
+            parseMonth: function(year, monthString) {
+                year = this._validateYear(year);
+                var month = parseInt(monthString);
+                var isIntercalary;
+
+                if (!isNaN(month)) {
+                    var i = monthString[monthString.length - 1];
+                    isIntercalary = (i === 'i' || i === 'I');
+                } else {
+                    if (monthString[0] === '闰') {
+                        isIntercalary = true;
+                        monthString = monthString.substring(1);
+                    }
+                    if (monthString[monthString.length - 1] === '月') {
+                        monthString = monthString.substring(0, monthString.length - 1);
+                    }
+                    month = 1 +
+                        ['一','二','三','四','五','六',
+                        '七','八','九','十','十一','十二'].indexOf(monthString);
+                }
+
+                var monthIndex = this.toMonthIndex(year, month, isIntercalary);
+                return monthIndex;
+            },
+            dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 1,
+            isRTL: false
+        }
+    },
+
+    /** Check that a candidate date is from the same calendar and is valid.
+        @memberof BaseCalendar
+        @private
+        @param year {CDate|number} The date or the year to validate.
+        @param error {string} Error message if invalid.
+        @return {number} The year.
+        @throws Error if year out of range. */
+    _validateYear: function(year, error) {
+        if (year.year) {
+            year = year.year();
+        }
+
+        if (typeof year !== 'number' || year < 1888 || year > 2111) {
+            throw error.replace(/\{0\}/, this.local.name);
+        }
+
+        return year;
+    },
+
+    /** Retrieve the month index (i.e. accounting for intercalary months).
+        @memberof ChineseCalendar
+        @param year {number} The year.
+        @param month {number} The month (1 for first month).
+        @param [isIntercalary=false] {boolean} If month is intercalary.
+        @return {number} The month index (0 for first month).
+        @throws Error if an invalid month/year or a different calendar used. */
+    toMonthIndex: function(year, month, isIntercalary) {
+        // compute intercalary month in the year (0 if none)
+        var intercalaryMonth = this.intercalaryMonth(year);
+
+        // validate month
+        var invalidIntercalaryMonth = 
+            (isIntercalary && month !== intercalaryMonth);
+        if (invalidIntercalaryMonth || month < 1 || month > 12) {
+            throw main.local.invalidMonth
+                .replace(/\{0\}/, this.local.name);
+        }
+
+        // compute month index
+        var monthIndex;
+
+        if (!intercalaryMonth) {
+            monthIndex = month - 1;
+        } else if(!isIntercalary && month <= intercalaryMonth) {
+            monthIndex = month - 1;
+        } else {
+            monthIndex = month;
+        }
+
+        return monthIndex;
+    },
+
+    /** Retrieve the month (i.e. accounting for intercalary months).
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date or the year to examine.
+        @param monthIndex {number} The month index (0 for first month).
+        @return {number} The month (1 for first month).
+        @throws Error if an invalid month/year or a different calendar used. */
+    toChineseMonth: function(year, monthIndex) {
+        if (year.year) {
+            year = year.year();
+            monthIndex = year.month();
+        }
+
+        // compute intercalary month in the year (0 if none)
+        var intercalaryMonth = this.intercalaryMonth(year);
+
+        // validate month
+        var maxMonthIndex = (intercalaryMonth) ? 12 : 11;
+        if (monthIndex < 0 || monthIndex > maxMonthIndex) {
+            throw main.local.invalidMonth
+                .replace(/\{0\}/, this.local.name);
+        }
+
+        // compute Chinese month
+        var month;
+
+        if (!intercalaryMonth) {
+            month = monthIndex + 1;
+        } else if(monthIndex < intercalaryMonth) {
+            month = monthIndex + 1;
+        } else {
+            month = monthIndex;
+        }
+
+        return month;
+    },
+
+    /** Determine the intercalary month of a year (if any).
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The intercalary month number, or 0 if none.
+        @throws Error if an invalid year or a different calendar used. */
+    intercalaryMonth: function(year) {
+        year = this._validateYear(year);
+
+        var monthDaysTable = LUNAR_MONTH_DAYS[year - LUNAR_MONTH_DAYS[0]];
+        var intercalaryMonth = monthDaysTable >> 13;
+
+        return intercalaryMonth;
+    },
+
+    /** Determine whether this date is an intercalary month.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [monthIndex] {number} The month index to examine.
+        @return {boolean} <code>true</code> if this is an intercalary month, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    isIntercalaryMonth: function(year, monthIndex) {
+        if (year.year) {
+            year = year.year();
+            monthIndex = year.month();
+        }
+
+        var intercalaryMonth = this.intercalaryMonth(year);
+
+        return !!intercalaryMonth && intercalaryMonth === monthIndex;
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        return (this.intercalaryMonth(year) !== 0);
+    },
+
+    /** Determine the week of the year for a date - ISO 8601.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [monthIndex] {number} The month index to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, monthIndex, day) {
+        // compute Chinese new year
+        var validatedYear =
+            this._validateYear(year, main.local.invalidyear);
+        var packedDate =
+            CHINESE_NEW_YEAR[validatedYear - CHINESE_NEW_YEAR[0]];
+
+        var y = (packedDate >> 9) & 0xFFF;
+        var m = (packedDate >> 5) & 0x0F;
+        var d = packedDate & 0x1F;
+        
+        // find first Thrusday of the year
+        var firstThursday;
+        firstThursday = gregorianCalendar.newDate(y, m, d);
+        firstThursday.add(4 - (firstThursday.dayOfWeek() || 7), 'd');
+
+        // compute days from first Thursday
+        var offset =
+            this.toJD(year, monthIndex, day) - firstThursday.toJD();
+        return 1 + Math.floor(offset / 7);
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        return (this.leapYear(year)) ? 13 : 12;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [monthIndex] {number} The month index.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, monthIndex) {
+        if (year.year) {
+            monthIndex = year.month();
+            year = year.year();
+        }
+
+        year = this._validateYear(year);
+
+        var monthDaysTable = LUNAR_MONTH_DAYS[year - LUNAR_MONTH_DAYS[0]];
+
+        var intercalaryMonth = monthDaysTable >> 13;
+        var maxMonthIndex = (intercalaryMonth) ? 12 : 11;
+        if (monthIndex > maxMonthIndex) {
+            throw main.local.invalidMonth
+                .replace(/\{0\}/, this.local.name);
+        }
+
+        var daysInMonth = (monthDaysTable & (1 << (12 - monthIndex))) ?
+            30 : 29;
+
+        return daysInMonth;
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [monthIndex] {number} The month index to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, monthIndex, day) {
+        return (this.dayOfWeek(year, monthIndex, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof ChineseCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [monthIndex] {number} The month index to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, monthIndex, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = this._validateYear(date.year());
+        monthIndex = date.month();
+        day = date.day();
+
+        var isIntercalary = this.isIntercalaryMonth(year, monthIndex);
+        var month = this.toChineseMonth(year, monthIndex);
+
+        var solar = toSolar(year, month, day, isIntercalary);
+
+        return gregorianCalendar.toJD(solar.year, solar.month, solar.day);
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof ChineseCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        var date = gregorianCalendar.fromJD(jd);
+        var lunar = toLunar(date.year(), date.month(), date.day());
+        var monthIndex = this.toMonthIndex(
+            lunar.year, lunar.month, lunar.isIntercalary);
+        return this.newDate(lunar.year, monthIndex, lunar.day);
+    },
+
+    /** Create a new date from a string.
+        @memberof ChineseCalendar
+        @param dateString {string} String representing a Chinese date
+        @return {CDate} The new date.
+        @throws Error if an invalid date. */
+    fromString: function(dateString) {
+        var match = dateString.match(DATE_REGEXP);
+
+        var year = this._validateYear(+match[1]);
+
+        var month = +match[2];
+        var isIntercalary = !!match[3];
+        var monthIndex = this.toMonthIndex(year, month, isIntercalary);
+
+        var day = +match[4];
+
+        return this.newDate(year, monthIndex, day);
+    },
+
+    /** Add period(s) to a date.
+        Cater for no year zero.
+        @memberof ChineseCalendar
+        @param date {CDate} The starting date.
+        @param offset {number} The number of periods to adjust by.
+        @param period {string} One of 'y' for year, 'm' for month, 'w' for week, 'd' for day.
+        @return {CDate} The updated date.
+        @throws Error if a different calendar used. */
+    add: function(date, offset, period) {
+        var year = date.year();
+        var monthIndex = date.month();
+        var isIntercalary = this.isIntercalaryMonth(year, monthIndex);
+        var month = this.toChineseMonth(year, monthIndex);
+
+        var cdate = Object.getPrototypeOf(ChineseCalendar.prototype)
+            .add.call(this, date, offset, period);
+
+        if (period === 'y') {
+            // Resync month
+            var resultYear = cdate.year();
+            var resultMonthIndex = cdate.month();
+
+            // Using the fact the month index of an intercalary month
+            // equals its month number:
+            var resultCanBeIntercalaryMonth =
+                this.isIntercalaryMonth(resultYear, month);
+
+            var correctedMonthIndex =
+                (isIntercalary && resultCanBeIntercalaryMonth) ?
+                this.toMonthIndex(resultYear, month, true) :
+                this.toMonthIndex(resultYear, month, false);
+
+            if (correctedMonthIndex !== resultMonthIndex) {
+                cdate.month(correctedMonthIndex);
+            }
+        }
+
+        return cdate;
+    },
+});
+
+// Used by ChineseCalendar.prototype.fromString
+var DATE_REGEXP = /^\s*(-?\d\d\d\d|\d\d)[-/](\d?\d)([iI]?)[-/](\d?\d)/m;
+var MONTH_NUMBER_REGEXP = /^\d?\d[iI]?/m;
+var MONTH_NAME_REGEXP = /^闰?十?[一二三四五六七八九]?月/m;
+var MONTH_SHORT_NAME_REGEXP = /^闰?十?[一二三四五六七八九]?/m;
+
+// Chinese calendar implementation
+main.calendars.chinese = ChineseCalendar;
+
+// Chinese calendar tables from year 1888 to 2111
+//
+// Source:
+// https://github.com/isee15/Lunar-Solar-Calendar-Converter.git
+
+// Table of intercalary months and days per month from year 1888 to 2111
+//
+// bit (12 - i):        days in the i^th month
+//                      (= 0 if i^th lunar month has 29 days)
+//                      (= 1 if i^th lunar month has 30 days)
+//                      (first month in lunar year is i = 0)
+// bits (13,14,15,16):  intercalary month
+//                      (= 0 if lunar year has no intercalary month)
+var LUNAR_MONTH_DAYS = [1887, 0x1694, 0x16aa, 0x4ad5,
+    0xab6, 0xc4b7, 0x4ae, 0xa56, 0xb52a, 0x1d2a, 0xd54, 0x75aa, 0x156a,
+    0x1096d, 0x95c, 0x14ae, 0xaa4d, 0x1a4c, 0x1b2a, 0x8d55, 0xad4,
+    0x135a, 0x495d, 0x95c, 0xd49b, 0x149a, 0x1a4a, 0xbaa5, 0x16a8,
+    0x1ad4, 0x52da, 0x12b6, 0xe937, 0x92e, 0x1496, 0xb64b, 0xd4a,
+    0xda8, 0x95b5, 0x56c, 0x12ae, 0x492f, 0x92e, 0xcc96, 0x1a94,
+    0x1d4a, 0xada9, 0xb5a, 0x56c, 0x726e, 0x125c, 0xf92d, 0x192a,
+    0x1a94, 0xdb4a, 0x16aa, 0xad4, 0x955b, 0x4ba, 0x125a, 0x592b,
+    0x152a, 0xf695, 0xd94, 0x16aa, 0xaab5, 0x9b4, 0x14b6, 0x6a57,
+    0xa56, 0x1152a, 0x1d2a, 0xd54, 0xd5aa, 0x156a, 0x96c, 0x94ae,
+    0x14ae, 0xa4c, 0x7d26, 0x1b2a, 0xeb55, 0xad4, 0x12da, 0xa95d,
+    0x95a, 0x149a, 0x9a4d, 0x1a4a, 0x11aa5, 0x16a8, 0x16d4, 0xd2da,
+    0x12b6, 0x936, 0x9497, 0x1496, 0x1564b, 0xd4a, 0xda8, 0xd5b4,
+    0x156c, 0x12ae, 0xa92f, 0x92e, 0xc96, 0x6d4a, 0x1d4a, 0x10d65,
+    0xb58, 0x156c, 0xb26d, 0x125c, 0x192c, 0x9a95, 0x1a94, 0x1b4a,
+    0x4b55, 0xad4, 0xf55b, 0x4ba, 0x125a, 0xb92b, 0x152a, 0x1694,
+    0x96aa, 0x15aa, 0x12ab5, 0x974, 0x14b6, 0xca57, 0xa56, 0x1526,
+    0x8e95, 0xd54, 0x15aa, 0x49b5, 0x96c, 0xd4ae, 0x149c, 0x1a4c,
+    0xbd26, 0x1aa6, 0xb54, 0x6d6a, 0x12da, 0x1695d, 0x95a, 0x149a,
+    0xda4b, 0x1a4a, 0x1aa4, 0xbb54, 0x16b4, 0xada, 0x495b, 0x936,
+    0xf497, 0x1496, 0x154a, 0xb6a5, 0xda4, 0x15b4, 0x6ab6, 0x126e,
+    0x1092f, 0x92e, 0xc96, 0xcd4a, 0x1d4a, 0xd64, 0x956c, 0x155c,
+    0x125c, 0x792e, 0x192c, 0xfa95, 0x1a94, 0x1b4a, 0xab55, 0xad4,
+    0x14da, 0x8a5d, 0xa5a, 0x1152b, 0x152a, 0x1694, 0xd6aa, 0x15aa,
+    0xab4, 0x94ba, 0x14b6, 0xa56, 0x7527, 0xd26, 0xee53, 0xd54, 0x15aa,
+    0xa9b5, 0x96c, 0x14ae, 0x8a4e, 0x1a4c, 0x11d26, 0x1aa4, 0x1b54,
+    0xcd6a, 0xada, 0x95c, 0x949d, 0x149a, 0x1a2a, 0x5b25, 0x1aa4,
+    0xfb52, 0x16b4, 0xaba, 0xa95b, 0x936, 0x1496, 0x9a4b, 0x154a,
+    0x136a5, 0xda4, 0x15ac];
+
+// Table of Chinese New Years from year 1888 to 2111
+// 
+// bits (0 to 4):   solar day
+// bits (5 to 8):   solar month
+// bits (9 to 20):  solar year
+var CHINESE_NEW_YEAR = [1887, 0xec04c, 0xec23f, 0xec435, 0xec649,
+    0xec83e, 0xeca51, 0xecc46, 0xece3a, 0xed04d, 0xed242, 0xed436,
+    0xed64a, 0xed83f, 0xeda53, 0xedc48, 0xede3d, 0xee050, 0xee244,
+    0xee439, 0xee64d, 0xee842, 0xeea36, 0xeec4a, 0xeee3e, 0xef052,
+    0xef246, 0xef43a, 0xef64e, 0xef843, 0xefa37, 0xefc4b, 0xefe41,
+    0xf0054, 0xf0248, 0xf043c, 0xf0650, 0xf0845, 0xf0a38, 0xf0c4d,
+    0xf0e42, 0xf1037, 0xf124a, 0xf143e, 0xf1651, 0xf1846, 0xf1a3a,
+    0xf1c4e, 0xf1e44, 0xf2038, 0xf224b, 0xf243f, 0xf2653, 0xf2848,
+    0xf2a3b, 0xf2c4f, 0xf2e45, 0xf3039, 0xf324d, 0xf3442, 0xf3636,
+    0xf384a, 0xf3a3d, 0xf3c51, 0xf3e46, 0xf403b, 0xf424e, 0xf4443,
+    0xf4638, 0xf484c, 0xf4a3f, 0xf4c52, 0xf4e48, 0xf503c, 0xf524f,
+    0xf5445, 0xf5639, 0xf584d, 0xf5a42, 0xf5c35, 0xf5e49, 0xf603e,
+    0xf6251, 0xf6446, 0xf663b, 0xf684f, 0xf6a43, 0xf6c37, 0xf6e4b,
+    0xf703f, 0xf7252, 0xf7447, 0xf763c, 0xf7850, 0xf7a45, 0xf7c39,
+    0xf7e4d, 0xf8042, 0xf8254, 0xf8449, 0xf863d, 0xf8851, 0xf8a46,
+    0xf8c3b, 0xf8e4f, 0xf9044, 0xf9237, 0xf944a, 0xf963f, 0xf9853,
+    0xf9a47, 0xf9c3c, 0xf9e50, 0xfa045, 0xfa238, 0xfa44c, 0xfa641,
+    0xfa836, 0xfaa49, 0xfac3d, 0xfae52, 0xfb047, 0xfb23a, 0xfb44e,
+    0xfb643, 0xfb837, 0xfba4a, 0xfbc3f, 0xfbe53, 0xfc048, 0xfc23c,
+    0xfc450, 0xfc645, 0xfc839, 0xfca4c, 0xfcc41, 0xfce36, 0xfd04a,
+    0xfd23d, 0xfd451, 0xfd646, 0xfd83a, 0xfda4d, 0xfdc43, 0xfde37,
+    0xfe04b, 0xfe23f, 0xfe453, 0xfe648, 0xfe83c, 0xfea4f, 0xfec44,
+    0xfee38, 0xff04c, 0xff241, 0xff436, 0xff64a, 0xff83e, 0xffa51,
+    0xffc46, 0xffe3a, 0x10004e, 0x100242, 0x100437, 0x10064b, 0x100841,
+    0x100a53, 0x100c48, 0x100e3c, 0x10104f, 0x101244, 0x101438,
+    0x10164c, 0x101842, 0x101a35, 0x101c49, 0x101e3d, 0x102051,
+    0x102245, 0x10243a, 0x10264e, 0x102843, 0x102a37, 0x102c4b,
+    0x102e3f, 0x103053, 0x103247, 0x10343b, 0x10364f, 0x103845,
+    0x103a38, 0x103c4c, 0x103e42, 0x104036, 0x104249, 0x10443d,
+    0x104651, 0x104846, 0x104a3a, 0x104c4e, 0x104e43, 0x105038,
+    0x10524a, 0x10543e, 0x105652, 0x105847, 0x105a3b, 0x105c4f,
+    0x105e45, 0x106039, 0x10624c, 0x106441, 0x106635, 0x106849,
+    0x106a3d, 0x106c51, 0x106e47, 0x10703c, 0x10724f, 0x107444,
+    0x107638, 0x10784c, 0x107a3f, 0x107c53, 0x107e48];
+
+function toLunar(yearOrDate, monthOrResult, day, result) {
+    var solarDate;
+    var lunarDate;
+
+    if(typeof yearOrDate === 'object') {
+        solarDate = yearOrDate;
+        lunarDate = monthOrResult || {};
+
+    } else {
+        var isValidYear = (typeof yearOrDate === 'number') &&
+            (yearOrDate >= 1888) && (yearOrDate <= 2111);
+        if(!isValidYear)
+            throw new Error("Solar year outside range 1888-2111");
+
+        var isValidMonth = (typeof monthOrResult === 'number') &&
+            (monthOrResult >= 1) && (monthOrResult <= 12);
+        if(!isValidMonth)
+            throw new Error("Solar month outside range 1 - 12");
+
+        var isValidDay = (typeof day === 'number') && (day >= 1) && (day <= 31);
+        if(!isValidDay)
+            throw new Error("Solar day outside range 1 - 31");
+
+        solarDate = {
+            year: yearOrDate,
+            month: monthOrResult,
+            day: day,
+        };
+        lunarDate = result || {};
+    }
+
+    // Compute Chinese new year and lunar year
+    var chineseNewYearPackedDate =
+        CHINESE_NEW_YEAR[solarDate.year - CHINESE_NEW_YEAR[0]];
+
+    var packedDate = (solarDate.year << 9) | (solarDate.month << 5)
+        | solarDate.day;
+
+    lunarDate.year = (packedDate >= chineseNewYearPackedDate) ?
+        solarDate.year :
+        solarDate.year - 1;
+
+    chineseNewYearPackedDate =
+        CHINESE_NEW_YEAR[lunarDate.year - CHINESE_NEW_YEAR[0]];
+
+    var y = (chineseNewYearPackedDate >> 9) & 0xFFF;
+    var m = (chineseNewYearPackedDate >> 5) & 0x0F;
+    var d = chineseNewYearPackedDate & 0x1F;
+
+    // Compute days from new year
+    var daysFromNewYear;
+
+    var chineseNewYearJSDate = new Date(y, m -1, d);
+    var jsDate = new Date(solarDate.year, solarDate.month - 1, solarDate.day);
+
+    daysFromNewYear = Math.round(
+        (jsDate - chineseNewYearJSDate) / (24 * 3600 * 1000));
+
+    // Compute lunar month and day
+    var monthDaysTable = LUNAR_MONTH_DAYS[lunarDate.year - LUNAR_MONTH_DAYS[0]];
+
+    var i;
+    for(i = 0; i < 13; i++) {
+        var daysInMonth = (monthDaysTable & (1 << (12 - i))) ? 30 : 29;
+
+        if (daysFromNewYear < daysInMonth) {
+            break;
+        }
+
+        daysFromNewYear -= daysInMonth;
+    }
+
+    var intercalaryMonth = monthDaysTable >> 13;
+    if (!intercalaryMonth || i < intercalaryMonth) {
+        lunarDate.isIntercalary = false;
+        lunarDate.month = 1 + i;
+    } else if (i === intercalaryMonth) {
+        lunarDate.isIntercalary = true;
+        lunarDate.month = i;
+    } else {
+        lunarDate.isIntercalary = false;
+        lunarDate.month = i;
+    }
+
+    lunarDate.day = 1 + daysFromNewYear;
+
+    return lunarDate;
+}
+
+function toSolar(yearOrDate, monthOrResult, day, isIntercalaryOrResult, result) {
+    var solarDate;
+    var lunarDate;
+
+    if(typeof yearOrDate === 'object') {
+        lunarDate = yearOrDate;
+        solarDate = monthOrResult || {};
+
+    } else {
+        var isValidYear = (typeof yearOrDate === 'number') &&
+            (yearOrDate >= 1888) && (yearOrDate <= 2111);
+        if(!isValidYear)
+            throw new Error("Lunar year outside range 1888-2111");
+
+        var isValidMonth = (typeof monthOrResult === 'number') &&
+            (monthOrResult >= 1) && (monthOrResult <= 12);
+        if(!isValidMonth)
+            throw new Error("Lunar month outside range 1 - 12");
+
+        var isValidDay = (typeof day === 'number') && (day >= 1) && (day <= 30);
+        if(!isValidDay)
+            throw new Error("Lunar day outside range 1 - 30");
+
+        var isIntercalary;
+        if(typeof isIntercalaryOrResult === 'object') {
+            isIntercalary = false;
+            solarDate = isIntercalaryOrResult;
+        } else {
+            isIntercalary = !!isIntercalaryOrResult;
+            solarDate = result || {};
+        }
+
+        lunarDate = {
+            year: yearOrDate,
+            month: monthOrResult,
+            day: day,
+            isIntercalary: isIntercalary,
+        };
+    }
+
+    // Compute days from new year
+    var daysFromNewYear;
+
+    daysFromNewYear = lunarDate.day - 1;
+
+    var monthDaysTable = LUNAR_MONTH_DAYS[lunarDate.year - LUNAR_MONTH_DAYS[0]];
+    var intercalaryMonth = monthDaysTable >> 13;
+
+    var monthsFromNewYear;
+    if (!intercalaryMonth) {
+        monthsFromNewYear = lunarDate.month - 1;
+    } else if (lunarDate.month > intercalaryMonth) {
+        monthsFromNewYear = lunarDate.month;
+    } else if (lunarDate.isIntercalary) {
+        monthsFromNewYear = lunarDate.month;
+    } else {
+        monthsFromNewYear = lunarDate.month - 1;
+    }
+
+    for(var i = 0; i < monthsFromNewYear; i++) {
+        var daysInMonth = (monthDaysTable & (1 << (12 - i))) ? 30 : 29;
+        daysFromNewYear += daysInMonth;
+    }
+
+    // Compute Chinese new year
+    var packedDate = CHINESE_NEW_YEAR[lunarDate.year - CHINESE_NEW_YEAR[0]];
+
+    var y = (packedDate >> 9) & 0xFFF;
+    var m = (packedDate >> 5) & 0x0F;
+    var d = packedDate & 0x1F;
+
+    // Compute solar date
+    var jsDate = new Date(y, m - 1, d + daysFromNewYear);
+
+    solarDate.year = jsDate.getFullYear();
+    solarDate.month = 1 + jsDate.getMonth();
+    solarDate.day = jsDate.getDate();
+
+    return solarDate;
+}
+
+
+},{"../main":581,"object-assign":470}],568:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Coptic calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) February 2010.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Coptic calendar.
+    See <a href="http://en.wikipedia.org/wiki/Coptic_calendar">http://en.wikipedia.org/wiki/Coptic_calendar</a>.
+    See also Calendrical Calculations: The Millennium Edition
+    (<a href="http://emr.cs.iit.edu/home/reingold/calendar-book/index.shtml">http://emr.cs.iit.edu/home/reingold/calendar-book/index.shtml</a>).
+    @class CopticCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function CopticCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+CopticCalendar.prototype = new main.baseCalendar;
+
+assign(CopticCalendar.prototype, {
+    /** The calendar name.
+        @memberof CopticCalendar */
+    name: 'Coptic',
+    /** Julian date of start of Coptic epoch: 29 August 284 CE (Gregorian).
+        @memberof CopticCalendar */
+    jdEpoch: 1825029.5,
+    /** Days per month in a common year.
+        @memberof CopticCalendar */
+    daysPerMonth: [30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 5],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof CopticCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof CopticCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof CopticCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof CopticCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof CopticCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Coptic',
+            epochs: ['BAM', 'AM'],
+            monthNames: ['Thout', 'Paopi', 'Hathor', 'Koiak', 'Tobi', 'Meshir',
+            'Paremhat', 'Paremoude', 'Pashons', 'Paoni', 'Epip', 'Mesori', 'Pi Kogi Enavot'],
+            monthNamesShort: ['Tho', 'Pao', 'Hath', 'Koi', 'Tob', 'Mesh',
+            'Pat', 'Pad', 'Pash', 'Pao', 'Epi', 'Meso', 'PiK'],
+            dayNames: ['Tkyriaka', 'Pesnau', 'Pshoment', 'Peftoou', 'Ptiou', 'Psoou', 'Psabbaton'],
+            dayNamesShort: ['Tky', 'Pes', 'Psh', 'Pef', 'Pti', 'Pso', 'Psa'],
+            dayNamesMin: ['Tk', 'Pes', 'Psh', 'Pef', 'Pt', 'Pso', 'Psa'],
+            digits: null,
+            dateFormat: 'dd/mm/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = date.year() + (date.year() < 0 ? 1 : 0); // No year zero
+        return year % 4 === 3 || year % 4 === -1;
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay,
+            main.local.invalidYear || main.regionalOptions[''].invalidYear);
+        return 13;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number) the month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 13 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param month {number} The month to examine.
+        @param day {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof CopticCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number) the month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        if (year < 0) { year++; } // No year zero
+        return date.day() + (date.month() - 1) * 30 +
+            (year - 1) * 365 + Math.floor(year / 4) + this.jdEpoch - 1;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof CopticCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        var c = Math.floor(jd) + 0.5 - this.jdEpoch;
+        var year = Math.floor((c - Math.floor((c + 366) / 1461)) / 365) + 1;
+        if (year <= 0) { year--; } // No year zero
+        c = Math.floor(jd) + 0.5 - this.newDate(year, 1, 1).toJD();
+        var month = Math.floor(c / 30) + 1;
+        var day = c - (month - 1) * 30 + 1;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Coptic calendar implementation
+main.calendars.coptic = CopticCalendar;
+
+
+},{"../main":581,"object-assign":470}],569:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Discworld calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) January 2016.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Discworld calendar - Unseen University version.
+    See also <a href="http://wiki.lspace.org/mediawiki/Discworld_calendar">http://wiki.lspace.org/mediawiki/Discworld_calendar</a>
+    and <a href="http://discworld.wikia.com/wiki/Discworld_calendar">http://discworld.wikia.com/wiki/Discworld_calendar</a>.
+    @class DiscworldCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function DiscworldCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+DiscworldCalendar.prototype = new main.baseCalendar;
+
+assign(DiscworldCalendar.prototype, {
+    /** The calendar name.
+        @memberof DiscworldCalendar */
+    name: 'Discworld',
+    /** Julian date of start of Discworld epoch: 1 January 0001 CE.
+        @memberof DiscworldCalendar */
+    jdEpoch: 1721425.5,
+    /** Days per month in a common year.
+        @memberof DiscworldCalendar */
+    daysPerMonth: [16, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof DiscworldCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof DiscworldCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof DiscworldCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof DiscworldCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof DiscworldCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Discworld',
+            epochs: ['BUC', 'UC'],
+            monthNames: ['Ick', 'Offle', 'February', 'March', 'April', 'May', 'June',
+            'Grune', 'August', 'Spune', 'Sektober', 'Ember', 'December'],
+            monthNamesShort: ['Ick', 'Off', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Gru', 'Aug', 'Spu', 'Sek', 'Emb', 'Dec'],
+            dayNames: ['Sunday', 'Octeday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Oct', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Oc', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 2,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return false;
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return 13;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return 400;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 8) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1];
+    },
+
+    /** Retrieve the number of days in a week.
+        @memberof DiscworldCalendar
+        @return {number} The number of days. */
+    daysInWeek: function() {
+        return 8;
+    },
+
+    /** Retrieve the day of the week for a date.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The day of the week: 0 to number of days - 1.
+        @throws Error if an invalid date or a different calendar used. */
+    dayOfWeek: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        return (date.day() + 1) % 8;
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        var dow = this.dayOfWeek(year, month, day);
+        return (dow >= 2 && dow <= 6);
+    },
+
+    /** Retrieve additional information about a date.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {object} Additional information - contents depends on calendar.
+        @throws Error if an invalid date or a different calendar used. */
+    extraInfo: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        return {century: centuries[Math.floor((date.year() - 1) / 100) + 1] || ''};
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof DiscworldCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year() + (date.year() < 0 ? 1 : 0);
+        month = date.month();
+        day = date.day();
+        return day + (month > 1 ? 16 : 0) + (month > 2 ? (month - 2) * 32 : 0) +
+            (year - 1) * 400 + this.jdEpoch - 1;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof DiscworldCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd + 0.5) - Math.floor(this.jdEpoch) - 1;
+        var year = Math.floor(jd / 400) + 1;
+        jd -= (year - 1) * 400;
+        jd += (jd > 15 ? 16 : 0);
+        var month = Math.floor(jd / 32) + 1;
+        var day = jd - (month - 1) * 32 + 1;
+        return this.newDate(year <= 0 ? year - 1 : year, month, day);
+    }
+});
+
+// Names of the centuries
+var centuries = {
+    20: 'Fruitbat',
+    21: 'Anchovy'
+};
+
+// Discworld calendar implementation
+main.calendars.discworld = DiscworldCalendar;
+
+
+},{"../main":581,"object-assign":470}],570:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Ethiopian calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) February 2010.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Ethiopian calendar.
+    See <a href="http://en.wikipedia.org/wiki/Ethiopian_calendar">http://en.wikipedia.org/wiki/Ethiopian_calendar</a>.
+    See also Calendrical Calculations: The Millennium Edition
+    (<a href="http://emr.cs.iit.edu/home/reingold/calendar-book/index.shtml">http://emr.cs.iit.edu/home/reingold/calendar-book/index.shtml</a>).
+    @class EthiopianCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function EthiopianCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+EthiopianCalendar.prototype = new main.baseCalendar;
+
+assign(EthiopianCalendar.prototype, {
+    /** The calendar name.
+        @memberof EthiopianCalendar */
+    name: 'Ethiopian',
+    /** Julian date of start of Ethiopian epoch: 27 August 8 CE (Gregorian).
+        @memberof EthiopianCalendar */
+    jdEpoch: 1724220.5,
+    /** Days per month in a common year.
+        @memberof EthiopianCalendar */
+    daysPerMonth: [30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 5],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof EthiopianCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof EthiopianCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof EthiopianCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof EthiopianCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof EthiopianCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Ethiopian',
+            epochs: ['BEE', 'EE'],
+            monthNames: ['Meskerem', 'Tikemet', 'Hidar', 'Tahesas', 'Tir', 'Yekatit',
+            'Megabit', 'Miazia', 'Genbot', 'Sene', 'Hamle', 'Nehase', 'Pagume'],
+            monthNamesShort: ['Mes', 'Tik', 'Hid', 'Tah', 'Tir', 'Yek',
+            'Meg', 'Mia', 'Gen', 'Sen', 'Ham', 'Neh', 'Pag'],
+            dayNames: ['Ehud', 'Segno', 'Maksegno', 'Irob', 'Hamus', 'Arb', 'Kidame'],
+            dayNamesShort: ['Ehu', 'Seg', 'Mak', 'Iro', 'Ham', 'Arb', 'Kid'],
+            dayNamesMin: ['Eh', 'Se', 'Ma', 'Ir', 'Ha', 'Ar', 'Ki'],
+            digits: null,
+            dateFormat: 'dd/mm/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = date.year() + (date.year() < 0 ? 1 : 0); // No year zero
+        return year % 4 === 3 || year % 4 === -1;
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay,
+            main.local.invalidYear || main.regionalOptions[''].invalidYear);
+        return 13;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 13 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof EthiopianCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        if (year < 0) { year++; } // No year zero
+        return date.day() + (date.month() - 1) * 30 +
+            (year - 1) * 365 + Math.floor(year / 4) + this.jdEpoch - 1;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof EthiopianCalendar
+        @param jd {number} the Julian date to convert.
+        @return {CDate} the equivalent date. */
+    fromJD: function(jd) {
+        var c = Math.floor(jd) + 0.5 - this.jdEpoch;
+        var year = Math.floor((c - Math.floor((c + 366) / 1461)) / 365) + 1;
+        if (year <= 0) { year--; } // No year zero
+        c = Math.floor(jd) + 0.5 - this.newDate(year, 1, 1).toJD();
+        var month = Math.floor(c / 30) + 1;
+        var day = c - (month - 1) * 30 + 1;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Ethiopian calendar implementation
+main.calendars.ethiopian = EthiopianCalendar;
+
+
+},{"../main":581,"object-assign":470}],571:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Hebrew calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Hebrew civil calendar.
+    Based on code from <a href="http://www.fourmilab.ch/documents/calendar/">http://www.fourmilab.ch/documents/calendar/</a>.
+    See also <a href="http://en.wikipedia.org/wiki/Hebrew_calendar">http://en.wikipedia.org/wiki/Hebrew_calendar</a>.
+    @class HebrewCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function HebrewCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+HebrewCalendar.prototype = new main.baseCalendar;
+
+assign(HebrewCalendar.prototype, {
+    /** The calendar name.
+        @memberof HebrewCalendar */
+    name: 'Hebrew',
+    /** Julian date of start of Hebrew epoch: 7 October 3761 BCE.
+        @memberof HebrewCalendar */
+    jdEpoch: 347995.5,
+    /** Days per month in a common year.
+        @memberof HebrewCalendar */
+    daysPerMonth: [30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 29],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof HebrewCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof HebrewCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof HebrewCalendar */
+    firstMonth: 7,
+    /** The minimum day number.
+        @memberof HebrewCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof HebrewCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Hebrew',
+            epochs: ['BAM', 'AM'],
+            monthNames: ['Nisan', 'Iyar', 'Sivan', 'Tammuz', 'Av', 'Elul',
+            'Tishrei', 'Cheshvan', 'Kislev', 'Tevet', 'Shevat', 'Adar', 'Adar II'],
+            monthNamesShort: ['Nis', 'Iya', 'Siv', 'Tam', 'Av', 'Elu', 'Tis', 'Che', 'Kis', 'Tev', 'She', 'Ada', 'Ad2'],
+            dayNames: ['Yom Rishon', 'Yom Sheni', 'Yom Shlishi', 'Yom Revi\'i', 'Yom Chamishi', 'Yom Shishi', 'Yom Shabbat'],
+            dayNamesShort: ['Ris', 'She', 'Shl', 'Rev', 'Cha', 'Shi', 'Sha'],
+            dayNamesMin: ['Ri','She','Shl','Re','Ch','Shi','Sha'],
+            digits: null,
+            dateFormat: 'dd/mm/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return this._leapYear(date.year());
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof HebrewCalendar
+        @private
+        @param year {number} The year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    _leapYear: function(year) {
+        year = (year < 0 ? year + 1 : year);
+        return mod(year * 7 + 1, 19) < 7;
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return this._leapYear(year.year ? year.year() : year) ? 13 : 12;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        year = date.year();
+        return this.toJD((year === -1 ? +1 : year + 1), 7, 1) - this.toJD(year, 7, 1);
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        if (year.year) {
+            month = year.month();
+            year = year.year();
+        }
+        this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return (month === 12 && this.leapYear(year) ? 30 : // Adar I
+                (month === 8 && mod(this.daysInYear(year), 10) === 5 ? 30 : // Cheshvan in shlemah year
+                (month === 9 && mod(this.daysInYear(year), 10) === 3 ? 29 : // Kislev in chaserah year
+                this.daysPerMonth[month - 1])));
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return this.dayOfWeek(year, month, day) !== 6;
+    },
+
+    /** Retrieve additional information about a date - year type.
+        @memberof HebrewCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {object} Additional information - contents depends on calendar.
+        @throws Error if an invalid date or a different calendar used. */
+    extraInfo: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        return {yearType: (this.leapYear(date) ? 'embolismic' : 'common') + ' ' +
+            ['deficient', 'regular', 'complete'][this.daysInYear(date) % 10 - 3]};
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof HebrewCalendar
+        @param year {CDate)|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        month = date.month();
+        day = date.day();
+        var adjYear = (year <= 0 ? year + 1 : year);
+        var jd = this.jdEpoch + this._delay1(adjYear) +
+            this._delay2(adjYear) + day + 1;
+        if (month < 7) {
+            for (var m = 7; m <= this.monthsInYear(year); m++) {
+                jd += this.daysInMonth(year, m);
+            }
+            for (var m = 1; m < month; m++) {
+                jd += this.daysInMonth(year, m);
+            }
+        }
+        else {
+            for (var m = 7; m < month; m++) {
+                jd += this.daysInMonth(year, m);
+            }
+        }
+        return jd;
+    },
+
+    /** Test for delay of start of new year and to avoid
+        Sunday, Wednesday, or Friday as start of the new year.
+        @memberof HebrewCalendar
+        @private
+        @param year {number} The year to examine.
+        @return {number} The days to offset by. */
+    _delay1: function(year) {
+        var months = Math.floor((235 * year - 234) / 19);
+        var parts = 12084 + 13753 * months;
+        var day = months * 29 + Math.floor(parts / 25920);
+        if (mod(3 * (day + 1), 7) < 3) {
+            day++;
+        }
+        return day;
+    },
+
+    /** Check for delay in start of new year due to length of adjacent years.
+        @memberof HebrewCalendar
+        @private
+        @param year {number} The year to examine.
+        @return {number} The days to offset by. */
+    _delay2: function(year) {
+        var last = this._delay1(year - 1);
+        var present = this._delay1(year);
+        var next = this._delay1(year + 1);
+        return ((next - present) === 356 ? 2 : ((present - last) === 382 ? 1 : 0));
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof HebrewCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd) + 0.5;
+        var year = Math.floor(((jd - this.jdEpoch) * 98496.0) / 35975351.0) - 1;
+        while (jd >= this.toJD((year === -1 ? +1 : year + 1), 7, 1)) {
+            year++;
+        }
+        var month = (jd < this.toJD(year, 1, 1)) ? 7 : 1;
+        while (jd > this.toJD(year, month, this.daysInMonth(year, month))) {
+            month++;
+        }
+        var day = jd - this.toJD(year, month, 1) + 1;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Modulus function which works for non-integers.
+function mod(a, b) {
+    return a - (b * Math.floor(a / b));
+}
+
+// Hebrew calendar implementation
+main.calendars.hebrew = HebrewCalendar;
+
+
+},{"../main":581,"object-assign":470}],572:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Islamic calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Islamic or '16 civil' calendar.
+    Based on code from <a href="http://www.iranchamber.com/calendar/converter/iranian_calendar_converter.php">http://www.iranchamber.com/calendar/converter/iranian_calendar_converter.php</a>.
+    See also <a href="http://en.wikipedia.org/wiki/Islamic_calendar">http://en.wikipedia.org/wiki/Islamic_calendar</a>.
+    @class IslamicCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function IslamicCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+IslamicCalendar.prototype = new main.baseCalendar;
+
+assign(IslamicCalendar.prototype, {
+    /** The calendar name.
+        @memberof IslamicCalendar */
+    name: 'Islamic',
+    /** Julian date of start of Islamic epoch: 16 July 622 CE.
+        @memberof IslamicCalendar */
+    jdEpoch: 1948439.5,
+    /** Days per month in a common year.
+        @memberof IslamicCalendar */
+    daysPerMonth: [30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof IslamicCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof IslamicCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof IslamicCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof IslamicCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof IslamicCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Islamic',
+            epochs: ['BH', 'AH'],
+            monthNames: ['Muharram', 'Safar', 'Rabi\' al-awwal', 'Rabi\' al-thani', 'Jumada al-awwal', 'Jumada al-thani',
+            'Rajab', 'Sha\'aban', 'Ramadan', 'Shawwal', 'Dhu al-Qi\'dah', 'Dhu al-Hijjah'],
+            monthNamesShort: ['Muh', 'Saf', 'Rab1', 'Rab2', 'Jum1', 'Jum2', 'Raj', 'Sha\'', 'Ram', 'Shaw', 'DhuQ', 'DhuH'],
+            dayNames: ['Yawm al-ahad', 'Yawm al-ithnayn', 'Yawm ath-thulaathaa\'',
+            'Yawm al-arbi\'aa\'', 'Yawm al-khamīs', 'Yawm al-jum\'a', 'Yawm as-sabt'],
+            dayNamesShort: ['Aha', 'Ith', 'Thu', 'Arb', 'Kha', 'Jum', 'Sab'],
+            dayNamesMin: ['Ah','It','Th','Ar','Kh','Ju','Sa'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 6,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return (date.year() * 11 + 14) % 30 < 11;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        return (this.leapYear(year) ? 355 : 354);
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 12 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return this.dayOfWeek(year, month, day) !== 5;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof IslamicCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        month = date.month();
+        day = date.day();
+        year = (year <= 0 ? year + 1 : year);
+        return day + Math.ceil(29.5 * (month - 1)) + (year - 1) * 354 +
+            Math.floor((3 + (11 * year)) / 30) + this.jdEpoch - 1;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof IslamicCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd) + 0.5;
+        var year = Math.floor((30 * (jd - this.jdEpoch) + 10646) / 10631);
+        year = (year <= 0 ? year - 1 : year);
+        var month = Math.min(12, Math.ceil((jd - 29 - this.toJD(year, 1, 1)) / 29.5) + 1);
+        var day = jd - this.toJD(year, month, 1) + 1;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Islamic (16 civil) calendar implementation
+main.calendars.islamic = IslamicCalendar;
+
+
+},{"../main":581,"object-assign":470}],573:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Julian calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Julian calendar.
+    Based on code from <a href="http://www.fourmilab.ch/documents/calendar/">http://www.fourmilab.ch/documents/calendar/</a>.
+    See also <a href="http://en.wikipedia.org/wiki/Julian_calendar">http://en.wikipedia.org/wiki/Julian_calendar</a>.
+    @class JulianCalendar
+    @augments BaseCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function JulianCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+JulianCalendar.prototype = new main.baseCalendar;
+
+assign(JulianCalendar.prototype, {
+    /** The calendar name.
+        @memberof JulianCalendar */
+    name: 'Julian',
+    /** Julian date of start of Julian epoch: 1 January 0001 AD = 30 December 0001 BCE.
+        @memberof JulianCalendar */
+    jdEpoch: 1721423.5,
+    /** Days per month in a common year.
+        @memberof JulianCalendar */
+    daysPerMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof JulianCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof JulianCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof JulianCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof JulianCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof JulianCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Julian',
+            epochs: ['BC', 'AD'],
+            monthNames: ['January', 'February', 'March', 'April', 'May', 'June',
+            'July', 'August', 'September', 'October', 'November', 'December'],
+            monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'mm/dd/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof JulianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = (date.year() < 0 ? date.year() + 1 : date.year()); // No year zero
+        return (year % 4) === 0;
+    },
+
+    /** Determine the week of the year for a date - ISO 8601.
+        @memberof JulianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Thursday of this week starting on Monday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(4 - (checkDate.dayOfWeek() || 7), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof JulianCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 2 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof JulianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} True if a week day, false if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof JulianCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        month = date.month();
+        day = date.day();
+        if (year < 0) { year++; } // No year zero
+        // Jean Meeus algorithm, "Astronomical Algorithms", 1991
+        if (month <= 2) {
+            year--;
+            month += 12;
+        }
+        return Math.floor(365.25 * (year + 4716)) +
+            Math.floor(30.6001 * (month + 1)) + day - 1524.5;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof JulianCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        // Jean Meeus algorithm, "Astronomical Algorithms", 1991
+        var a = Math.floor(jd + 0.5);
+        var b = a + 1524;
+        var c = Math.floor((b - 122.1) / 365.25);
+        var d = Math.floor(365.25 * c);
+        var e = Math.floor((b - d) / 30.6001);
+        var month = e - Math.floor(e < 14 ? 1 : 13);
+        var year = c - Math.floor(month > 2 ? 4716 : 4715);
+        var day = b - d - Math.floor(30.6001 * e);
+        if (year <= 0) { year--; } // No year zero
+        return this.newDate(year, month, day);
+    }
+});
+
+// Julian calendar implementation
+main.calendars.julian = JulianCalendar;
+
+
+},{"../main":581,"object-assign":470}],574:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Mayan calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Mayan Long Count calendar.
+    See also <a href="http://en.wikipedia.org/wiki/Mayan_calendar">http://en.wikipedia.org/wiki/Mayan_calendar</a>.
+    @class MayanCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function MayanCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+MayanCalendar.prototype = new main.baseCalendar;
+
+assign(MayanCalendar.prototype, {
+    /** The calendar name.
+        @memberof MayanCalendar */
+    name: 'Mayan',
+    /** Julian date of start of Mayan epoch: 11 August 3114 BCE.
+        @memberof MayanCalendar */
+    jdEpoch: 584282.5,
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof MayanCalendar */
+    hasYearZero: true,
+    /** The minimum month number.
+        @memberof MayanCalendar */
+    minMonth: 0,
+    /** The first month in the year.
+        @memberof MayanCalendar */
+    firstMonth: 0,
+    /** The minimum day number.
+        @memberof MayanCalendar */
+    minDay: 0,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof MayanCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left.
+        @property haabMonths {string[]} The names of the Haab months.
+        @property tzolkinMonths {string[]} The names of the Tzolkin months. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Mayan',
+            epochs: ['', ''],
+            monthNames: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+            '10', '11', '12', '13', '14', '15', '16', '17'],
+            monthNamesShort: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+            '10', '11', '12', '13', '14', '15', '16', '17'],
+            dayNames: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+            '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'],
+            dayNamesShort: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+            '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'],
+            dayNamesMin: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+            '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'],
+            digits: null,
+            dateFormat: 'YYYY.m.d',
+            firstDay: 0,
+            isRTL: false,
+            haabMonths: ['Pop', 'Uo', 'Zip', 'Zotz', 'Tzec', 'Xul', 'Yaxkin', 'Mol', 'Chen', 'Yax',
+            'Zac', 'Ceh', 'Mac', 'Kankin', 'Muan', 'Pax', 'Kayab', 'Cumku', 'Uayeb'],
+            tzolkinMonths: ['Imix', 'Ik', 'Akbal', 'Kan', 'Chicchan', 'Cimi', 'Manik', 'Lamat', 'Muluc', 'Oc',
+            'Chuen', 'Eb', 'Ben', 'Ix', 'Men', 'Cib', 'Caban', 'Etznab', 'Cauac', 'Ahau']
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return false;
+    },
+
+    /** Format the year, if not a simple sequential number.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to format or the year to format.
+        @return {string} The formatted year.
+        @throws Error if an invalid year or a different calendar used. */
+    formatYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        year = date.year();
+        var baktun = Math.floor(year / 400);
+        year = year % 400;
+        year += (year < 0 ? 400 : 0);
+        var katun = Math.floor(year / 20);
+        return baktun + '.' + katun + '.' + (year % 20);
+    },
+
+    /** Convert from the formatted year back to a single number.
+        @memberof MayanCalendar
+        @param years {string} The year as n.n.n.
+        @return {number} The sequential year.
+        @throws Error if an invalid value is supplied. */
+    forYear: function(years) {
+        years = years.split('.');
+        if (years.length < 3) {
+            throw 'Invalid Mayan year';
+        }
+        var year = 0;
+        for (var i = 0; i < years.length; i++) {
+            var y = parseInt(years[i], 10);
+            if (Math.abs(y) > 19 || (i > 0 && y < 0)) {
+                throw 'Invalid Mayan year';
+            }
+            year = year * 20 + y;
+        }
+        return year;
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return 18;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        this._validate(year, month, day, main.local.invalidDate);
+        return 0;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return 360;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return 20;
+    },
+
+    /** Retrieve the number of days in a week.
+        @memberof MayanCalendar
+        @return {number} The number of days. */
+    daysInWeek: function() {
+        return 5; // Just for formatting
+    },
+
+    /** Retrieve the day of the week for a date.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The day of the week: 0 to number of days - 1.
+        @throws Error if an invalid date or a different calendar used. */
+    dayOfWeek: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        return date.day();
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        this._validate(year, month, day, main.local.invalidDate);
+        return true;
+    },
+
+    /** Retrieve additional information about a date - Haab and Tzolkin equivalents.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {object} Additional information - contents depends on calendar.
+        @throws Error if an invalid date or a different calendar used. */
+    extraInfo: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        var jd = date.toJD();
+        var haab = this._toHaab(jd);
+        var tzolkin = this._toTzolkin(jd);
+        return {haabMonthName: this.local.haabMonths[haab[0] - 1],
+            haabMonth: haab[0], haabDay: haab[1],
+            tzolkinDayName: this.local.tzolkinMonths[tzolkin[0] - 1],
+            tzolkinDay: tzolkin[0], tzolkinTrecena: tzolkin[1]};
+    },
+
+    /** Retrieve Haab date from a Julian date.
+        @memberof MayanCalendar
+        @private
+        @param jd  {number} The Julian date.
+        @return {number[]} Corresponding Haab month and day. */
+    _toHaab: function(jd) {
+        jd -= this.jdEpoch;
+        var day = mod(jd + 8 + ((18 - 1) * 20), 365);
+        return [Math.floor(day / 20) + 1, mod(day, 20)];
+    },
+
+    /** Retrieve Tzolkin date from a Julian date.
+        @memberof MayanCalendar
+        @private
+        @param jd {number} The Julian date.
+        @return {number[]} Corresponding Tzolkin day and trecena. */
+    _toTzolkin: function(jd) {
+        jd -= this.jdEpoch;
+        return [amod(jd + 20, 20), amod(jd + 4, 13)];
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof MayanCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        return date.day() + (date.month() * 20) + (date.year() * 360) + this.jdEpoch;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof MayanCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd) + 0.5 - this.jdEpoch;
+        var year = Math.floor(jd / 360);
+        jd = jd % 360;
+        jd += (jd < 0 ? 360 : 0);
+        var month = Math.floor(jd / 20);
+        var day = jd % 20;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Modulus function which works for non-integers.
+function mod(a, b) {
+    return a - (b * Math.floor(a / b));
+}
+
+// Modulus function which returns numerator if modulus is zero.
+function amod(a, b) {
+    return mod(a - 1, b) + 1;
+}
+
+// Mayan calendar implementation
+main.calendars.mayan = MayanCalendar;
+
+
+},{"../main":581,"object-assign":470}],575:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Nanakshahi calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) January 2016.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Nanakshahi calendar.
+    See also <a href="https://en.wikipedia.org/wiki/Nanakshahi_calendar">https://en.wikipedia.org/wiki/Nanakshahi_calendar</a>.
+    @class NanakshahiCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function NanakshahiCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+NanakshahiCalendar.prototype = new main.baseCalendar;
+
+var gregorian = main.instance('gregorian');
+
+assign(NanakshahiCalendar.prototype, {
+    /** The calendar name.
+        @memberof NanakshahiCalendar */
+    name: 'Nanakshahi',
+    /** Julian date of start of Nanakshahi epoch: 14 March 1469 CE.
+        @memberof NanakshahiCalendar */
+    jdEpoch: 2257673.5,
+    /** Days per month in a common year.
+        @memberof NanakshahiCalendar */
+    daysPerMonth: [31, 31, 31, 31, 31, 30, 30, 30, 30, 30, 30, 30],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof NanakshahiCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof NanakshahiCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof NanakshahiCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof NanakshahiCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof NanakshahiCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Nanakshahi',
+            epochs: ['BN', 'AN'],
+            monthNames: ['Chet', 'Vaisakh', 'Jeth', 'Harh', 'Sawan', 'Bhadon',
+            'Assu', 'Katak', 'Maghar', 'Poh', 'Magh', 'Phagun'],
+            monthNamesShort: ['Che', 'Vai', 'Jet', 'Har', 'Saw', 'Bha', 'Ass', 'Kat', 'Mgr', 'Poh', 'Mgh', 'Pha'],
+            dayNames: ['Somvaar', 'Mangalvar', 'Budhvaar', 'Veervaar', 'Shukarvaar', 'Sanicharvaar', 'Etvaar'],
+            dayNamesShort: ['Som', 'Mangal', 'Budh', 'Veer', 'Shukar', 'Sanichar', 'Et'],
+            dayNamesMin: ['So', 'Ma', 'Bu', 'Ve', 'Sh', 'Sa', 'Et'],
+            digits: null,
+            dateFormat: 'dd-mm-yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof NanakshahiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay,
+            main.local.invalidYear || main.regionalOptions[''].invalidYear);
+        return gregorian.leapYear(date.year() + (date.year() < 1 ? 1 : 0) + 1469);
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof NanakshahiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Monday of this week starting on Monday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(1 - (checkDate.dayOfWeek() || 7), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof NanakshahiCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 12 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof NanakshahiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof NanakshahiCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidMonth);
+        var year = date.year();
+        if (year < 0) { year++; } // No year zero
+        var doy = date.day();
+        for (var m = 1; m < date.month(); m++) {
+            doy += this.daysPerMonth[m - 1];
+        }
+        return doy + gregorian.toJD(year + 1468, 3, 13);
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof NanakshahiCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd + 0.5);
+        var year = Math.floor((jd - (this.jdEpoch - 1)) / 366);
+        while (jd >= this.toJD(year + 1, 1, 1)) {
+            year++;
+        }
+        var day = jd - Math.floor(this.toJD(year, 1, 1) + 0.5) + 1;
+        var month = 1;
+        while (day > this.daysInMonth(year, month)) {
+            day -= this.daysInMonth(year, month);
+            month++;
+        }
+        return this.newDate(year, month, day);
+    }
+});
+
+// Nanakshahi calendar implementation
+main.calendars.nanakshahi = NanakshahiCalendar;
+
+
+},{"../main":581,"object-assign":470}],576:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Nepali calendar for jQuery v2.0.2.
+   Written by Artur Neumann (ict.projects{at}nepal.inf.org) April 2013.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Nepali civil calendar.
+    Based on the ideas from 
+    <a href="http://codeissue.com/articles/a04e050dea7468f/algorithm-to-convert-english-date-to-nepali-date-using-c-net">http://codeissue.com/articles/a04e050dea7468f/algorithm-to-convert-english-date-to-nepali-date-using-c-net</a>
+    and <a href="http://birenj2ee.blogspot.com/2011/04/nepali-calendar-in-java.html">http://birenj2ee.blogspot.com/2011/04/nepali-calendar-in-java.html</a>
+    See also <a href="http://en.wikipedia.org/wiki/Nepali_calendar">http://en.wikipedia.org/wiki/Nepali_calendar</a>
+    and <a href="https://en.wikipedia.org/wiki/Bikram_Samwat">https://en.wikipedia.org/wiki/Bikram_Samwat</a>.
+    @class NepaliCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function NepaliCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+NepaliCalendar.prototype = new main.baseCalendar;
+
+assign(NepaliCalendar.prototype, {
+    /** The calendar name.
+        @memberof NepaliCalendar */
+    name: 'Nepali',
+    /** Julian date of start of Nepali epoch: 14 April 57 BCE.
+        @memberof NepaliCalendar */
+    jdEpoch: 1700709.5,
+    /** Days per month in a common year.
+        @memberof NepaliCalendar */
+    daysPerMonth: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof NepaliCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof NepaliCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof NepaliCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof NepaliCalendar */
+    minDay: 1, 
+    /** The number of days in the year.
+        @memberof NepaliCalendar */
+    daysPerYear: 365,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof NepaliCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Nepali',
+            epochs: ['BBS', 'ABS'],
+            monthNames: ['Baisakh', 'Jestha', 'Ashadh', 'Shrawan', 'Bhadra', 'Ashwin',
+            'Kartik', 'Mangsir', 'Paush', 'Mangh', 'Falgun', 'Chaitra'],
+            monthNamesShort: ['Bai', 'Je', 'As', 'Shra', 'Bha', 'Ash', 'Kar', 'Mang', 'Pau', 'Ma', 'Fal', 'Chai'],
+            dayNames: ['Aaitabaar', 'Sombaar', 'Manglbaar', 'Budhabaar', 'Bihibaar', 'Shukrabaar', 'Shanibaar'],
+            dayNamesShort: ['Aaita', 'Som', 'Mangl', 'Budha', 'Bihi', 'Shukra', 'Shani'],
+            dayNamesMin: ['Aai', 'So', 'Man', 'Bu', 'Bi', 'Shu', 'Sha'],
+            digits: null,
+            dateFormat: 'dd/mm/yyyy',
+            firstDay: 1,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof NepaliCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        return this.daysInYear(year) !== this.daysPerYear;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof NepaliCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof NepaliCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        year = date.year();
+        if (typeof this.NEPALI_CALENDAR_DATA[year] === 'undefined') {
+            return this.daysPerYear;
+        }
+        var daysPerYear = 0;
+        for (var month_number = this.minMonth; month_number <= 12; month_number++) {
+            daysPerYear += this.NEPALI_CALENDAR_DATA[year][month_number];
+        }
+        return daysPerYear;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof NepaliCalendar
+        @param year {CDate|number| The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        if (year.year) {
+            month = year.month();
+            year = year.year();
+        }
+        this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return (typeof this.NEPALI_CALENDAR_DATA[year] === 'undefined' ?
+            this.daysPerMonth[month - 1] : this.NEPALI_CALENDAR_DATA[year][month]);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof NepaliCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return this.dayOfWeek(year, month, day) !== 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof NepaliCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(nepaliYear, nepaliMonth, nepaliDay) {
+        var date = this._validate(nepaliYear, nepaliMonth, nepaliDay, main.local.invalidDate);
+        nepaliYear = date.year();
+        nepaliMonth = date.month();
+        nepaliDay = date.day();
+        var gregorianCalendar = main.instance();
+        var gregorianDayOfYear = 0; // We will add all the days that went by since
+        // the 1st. January and then we can get the Gregorian Date
+        var nepaliMonthToCheck = nepaliMonth;
+        var nepaliYearToCheck = nepaliYear;
+        this._createMissingCalendarData(nepaliYear);
+        // Get the correct year
+        var gregorianYear = nepaliYear - (nepaliMonthToCheck > 9 || (nepaliMonthToCheck === 9 &&
+            nepaliDay >= this.NEPALI_CALENDAR_DATA[nepaliYearToCheck][0]) ? 56 : 57);
+        // First we add the amount of days in the actual Nepali month as the day of year in the
+        // Gregorian one because at least this days are gone since the 1st. Jan. 
+        if (nepaliMonth !== 9) {
+            gregorianDayOfYear = nepaliDay;
+            nepaliMonthToCheck--;
+        }
+        // Now we loop throw all Nepali month and add the amount of days to gregorianDayOfYear 
+        // we do this till we reach Paush (9th month). 1st. January always falls in this month  
+        while (nepaliMonthToCheck !== 9) {
+            if (nepaliMonthToCheck <= 0) {
+                nepaliMonthToCheck = 12;
+                nepaliYearToCheck--;
+            }                
+            gregorianDayOfYear += this.NEPALI_CALENDAR_DATA[nepaliYearToCheck][nepaliMonthToCheck];
+            nepaliMonthToCheck--;
+        }        
+        // If the date that has to be converted is in Paush (month no. 9) we have to do some other calculation
+        if (nepaliMonth === 9) {
+            // Add the days that are passed since the first day of Paush and substract the
+            // amount of days that lie between 1st. Jan and 1st Paush
+            gregorianDayOfYear += nepaliDay - this.NEPALI_CALENDAR_DATA[nepaliYearToCheck][0];
+            // For the first days of Paush we are now in negative values,
+            // because in the end of the gregorian year we substract
+            // 365 / 366 days (P.S. remember math in school + - gives -)
+            if (gregorianDayOfYear < 0) {
+                gregorianDayOfYear += gregorianCalendar.daysInYear(gregorianYear);
+            }
+        }
+        else {
+            gregorianDayOfYear += this.NEPALI_CALENDAR_DATA[nepaliYearToCheck][9] -
+                this.NEPALI_CALENDAR_DATA[nepaliYearToCheck][0];
+        }        
+        return gregorianCalendar.newDate(gregorianYear, 1 ,1).add(gregorianDayOfYear, 'd').toJD();
+    },
+    
+    /** Create a new date from a Julian date.
+        @memberof NepaliCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        var gregorianCalendar =  main.instance();
+        var gregorianDate = gregorianCalendar.fromJD(jd);
+        var gregorianYear = gregorianDate.year();
+        var gregorianDayOfYear = gregorianDate.dayOfYear();
+        var nepaliYear = gregorianYear + 56; //this is not final, it could be also +57 but +56 is always true for 1st Jan.
+        this._createMissingCalendarData(nepaliYear);
+        var nepaliMonth = 9; // Jan 1 always fall in Nepali month Paush which is the 9th month of Nepali calendar.
+        // Get the Nepali day in Paush (month 9) of 1st January 
+        var dayOfFirstJanInPaush = this.NEPALI_CALENDAR_DATA[nepaliYear][0];
+        // Check how many days are left of Paush .
+        // Days calculated from 1st Jan till the end of the actual Nepali month, 
+        // we use this value to check if the gregorian Date is in the actual Nepali month.
+        var daysSinceJanFirstToEndOfNepaliMonth =
+            this.NEPALI_CALENDAR_DATA[nepaliYear][nepaliMonth] - dayOfFirstJanInPaush + 1;
+        // If the gregorian day-of-year is smaller o equal than the sum of days between the 1st January and 
+        // the end of the actual nepali month we found the correct nepali month.
+        // Example: 
+        // The 4th February 2011 is the gregorianDayOfYear 35 (31 days of January + 4)
+        // 1st January 2011 is in the nepali year 2067, where 1st. January is in the 17th day of Paush (9th month)
+        // In 2067 Paush has 30days, This means (30-17+1=14) there are 14days between 1st January and end of Paush 
+        // (including 17th January)
+        // The gregorianDayOfYear (35) is bigger than 14, so we check the next month
+        // The next nepali month (Mangh) has 29 days 
+        // 29+14=43, this is bigger than gregorianDayOfYear(35) so, we found the correct nepali month
+        while (gregorianDayOfYear > daysSinceJanFirstToEndOfNepaliMonth) {
+            nepaliMonth++;
+            if (nepaliMonth > 12) {
+                nepaliMonth = 1;
+                nepaliYear++;
+            }    
+            daysSinceJanFirstToEndOfNepaliMonth += this.NEPALI_CALENDAR_DATA[nepaliYear][nepaliMonth];
+        }
+        // The last step is to calculate the nepali day-of-month
+        // to continue our example from before:
+        // we calculated there are 43 days from 1st. January (17 Paush) till end of Mangh (29 days)
+        // when we subtract from this 43 days the day-of-year of the the Gregorian date (35),
+        // we know how far the searched day is away from the end of the Nepali month.
+        // So we simply subtract this number from the amount of days in this month (30) 
+        var nepaliDayOfMonth = this.NEPALI_CALENDAR_DATA[nepaliYear][nepaliMonth] -
+            (daysSinceJanFirstToEndOfNepaliMonth - gregorianDayOfYear);        
+        return this.newDate(nepaliYear, nepaliMonth, nepaliDayOfMonth);
+    },
+    
+    /** Creates missing data in the NEPALI_CALENDAR_DATA table.
+        This data will not be correct but just give an estimated result. Mostly -/+ 1 day
+        @private
+        @param nepaliYear {number} The missing year number. */
+    _createMissingCalendarData: function(nepaliYear) {
+        var tmp_calendar_data = this.daysPerMonth.slice(0);
+        tmp_calendar_data.unshift(17);
+        for (var nepaliYearToCreate = (nepaliYear - 1); nepaliYearToCreate < (nepaliYear + 2); nepaliYearToCreate++) {
+            if (typeof this.NEPALI_CALENDAR_DATA[nepaliYearToCreate] === 'undefined') {
+                this.NEPALI_CALENDAR_DATA[nepaliYearToCreate] = tmp_calendar_data;
+            }
+        }
+    },
+    
+    NEPALI_CALENDAR_DATA:  {
+        // These data are from http://www.ashesh.com.np
+        1970: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1971: [18, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30],
+        1972: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        1973: [19, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        1974: [19, 31, 31, 32, 30, 31, 31, 30, 29, 30, 29, 30, 30],
+        1975: [18, 31, 31, 32, 32, 30, 31, 30, 29, 30, 29, 30, 30],
+        1976: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        1977: [18, 31, 32, 31, 32, 31, 31, 29, 30, 29, 30, 29, 31],
+        1978: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1979: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        1980: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        1981: [18, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        1982: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1983: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        1984: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        1985: [18, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        1986: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1987: [18, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        1988: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        1989: [18, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        1990: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1991: [18, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],    
+        // These data are from http://nepalicalendar.rat32.com/index.php
+        1992: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        1993: [18, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        1994: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1995: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        1996: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        1997: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1998: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        1999: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2000: [17, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2001: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2002: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2003: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2004: [17, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2005: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2006: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2007: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2008: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+        2009: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2010: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2011: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2012: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        2013: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2014: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2015: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2016: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        2017: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2018: [18, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2019: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2020: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2021: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2022: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        2023: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2024: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2025: [18, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2026: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2027: [17, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2028: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2029: [18, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30],
+        2030: [17, 31, 32, 31, 32, 31, 30, 30, 30, 30, 30, 30, 31],
+        2031: [17, 31, 32, 31, 32, 31, 31, 31, 31, 31, 31, 31, 31],
+        2032: [17, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32, 32],
+        2033: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2034: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2035: [17, 30, 32, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+        2036: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2037: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2038: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2039: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        2040: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2041: [18, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2042: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2043: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        2044: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2045: [18, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2046: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2047: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2048: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2049: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        2050: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2051: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2052: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2053: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        2054: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2055: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 30, 29, 30],
+        2056: [17, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30],
+        2057: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2058: [17, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2059: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2060: [17, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2061: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2062: [17, 30, 32, 31, 32, 31, 31, 29, 30, 29, 30, 29, 31],
+        2063: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2064: [17, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2065: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2066: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+        2067: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2068: [17, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2069: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2070: [17, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+        2071: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2072: [17, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2073: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+        2074: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2075: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2076: [16, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        2077: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+        2078: [17, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+        2079: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+        2080: [16, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+        // These data are from http://www.ashesh.com.np/nepali-calendar/
+        2081: [17, 31, 31, 32, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2082: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2083: [17, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30],
+        2084: [17, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30],
+        2085: [17, 31, 32, 31, 32, 31, 31, 30, 30, 29, 30, 30, 30],
+        2086: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2087: [16, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30],
+        2088: [16, 30, 31, 32, 32, 30, 31, 30, 30, 29, 30, 30, 30],
+        2089: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2090: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2091: [16, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30],
+        2092: [16, 31, 31, 32, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2093: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2094: [17, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30],
+        2095: [17, 31, 31, 32, 31, 31, 31, 30, 29, 30, 30, 30, 30],
+        2096: [17, 30, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+        2097: [17, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+        2098: [17, 31, 31, 32, 31, 31, 31, 29, 30, 29, 30, 30, 31],
+        2099: [17, 31, 31, 32, 31, 31, 31, 30, 29, 29, 30, 30, 30],
+        2100: [17, 31, 32, 31, 32, 30, 31, 30, 29, 30, 29, 30, 30]    
+    }
+});    
+
+// Nepali calendar implementation
+main.calendars.nepali = NepaliCalendar;
+
+
+},{"../main":581,"object-assign":470}],577:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Persian calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the Persian or Jalali calendar.
+    Based on code from <a href="http://www.iranchamber.com/calendar/converter/iranian_calendar_converter.php">http://www.iranchamber.com/calendar/converter/iranian_calendar_converter.php</a>.
+    See also <a href="http://en.wikipedia.org/wiki/Iranian_calendar">http://en.wikipedia.org/wiki/Iranian_calendar</a>.
+    @class PersianCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function PersianCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+PersianCalendar.prototype = new main.baseCalendar;
+
+assign(PersianCalendar.prototype, {
+    /** The calendar name.
+        @memberof PersianCalendar */
+    name: 'Persian',
+    /** Julian date of start of Persian epoch: 19 March 622 CE.
+        @memberof PersianCalendar */
+    jdEpoch: 1948320.5,
+    /** Days per month in a common year.
+        @memberof PersianCalendar */
+    daysPerMonth: [31, 31, 31, 31, 31, 31, 30, 30, 30, 30, 30, 29],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof PersianCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof PersianCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof PersianCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof PersianCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof PersianCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Persian',
+            epochs: ['BP', 'AP'],
+            monthNames: ['Farvardin', 'Ordibehesht', 'Khordad', 'Tir', 'Mordad', 'Shahrivar',
+            'Mehr', 'Aban', 'Azar', 'Day', 'Bahman', 'Esfand'],
+            monthNamesShort: ['Far', 'Ord', 'Kho', 'Tir', 'Mor', 'Sha', 'Meh', 'Aba', 'Aza', 'Day', 'Bah', 'Esf'],
+            dayNames: ['Yekshambe', 'Doshambe', 'Seshambe', 'Chæharshambe', 'Panjshambe', 'Jom\'e', 'Shambe'],
+            dayNamesShort: ['Yek', 'Do', 'Se', 'Chæ', 'Panj', 'Jom', 'Sha'],
+            dayNamesMin: ['Ye','Do','Se','Ch','Pa','Jo','Sh'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 6,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof PersianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return (((((date.year() - (date.year() > 0 ? 474 : 473)) % 2820) +
+            474 + 38) * 682) % 2816) < 682;
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof PersianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Saturday of this week starting on Saturday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-((checkDate.dayOfWeek() + 1) % 7), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof PersianCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 12 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof PersianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return this.dayOfWeek(year, month, day) !== 5;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof PersianCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        year = date.year();
+        month = date.month();
+        day = date.day();
+        var epBase = year - (year >= 0 ? 474 : 473);
+        var epYear = 474 + mod(epBase, 2820);
+        return day + (month <= 7 ? (month - 1) * 31 : (month - 1) * 30 + 6) +
+            Math.floor((epYear * 682 - 110) / 2816) + (epYear - 1) * 365 +
+            Math.floor(epBase / 2820) * 1029983 + this.jdEpoch - 1;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof PersianCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        jd = Math.floor(jd) + 0.5;
+        var depoch = jd - this.toJD(475, 1, 1);
+        var cycle = Math.floor(depoch / 1029983);
+        var cyear = mod(depoch, 1029983);
+        var ycycle = 2820;
+        if (cyear !== 1029982) {
+            var aux1 = Math.floor(cyear / 366);
+            var aux2 = mod(cyear, 366);
+            ycycle = Math.floor(((2134 * aux1) + (2816 * aux2) + 2815) / 1028522) + aux1 + 1;
+        }
+        var year = ycycle + (2820 * cycle) + 474;
+        year = (year <= 0 ? year - 1 : year);
+        var yday = jd - this.toJD(year, 1, 1) + 1;
+        var month = (yday <= 186 ? Math.ceil(yday / 31) : Math.ceil((yday - 6) / 30));
+        var day = jd - this.toJD(year, month, 1) + 1;
+        return this.newDate(year, month, day);
+    }
+});
+
+// Modulus function which works for non-integers.
+function mod(a, b) {
+    return a - (b * Math.floor(a / b));
+}
+
+// Persian (Jalali) calendar implementation
+main.calendars.persian = PersianCalendar;
+main.calendars.jalali = PersianCalendar;
+
+
+},{"../main":581,"object-assign":470}],578:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Taiwanese (Minguo) calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) February 2010.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+var gregorianCalendar = main.instance();
+
+/** Implementation of the Taiwanese calendar.
+    See http://en.wikipedia.org/wiki/Minguo_calendar.
+    @class TaiwanCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function TaiwanCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+TaiwanCalendar.prototype = new main.baseCalendar;
+
+assign(TaiwanCalendar.prototype, {
+    /** The calendar name.
+        @memberof TaiwanCalendar */
+    name: 'Taiwan',
+    /** Julian date of start of Taiwan epoch: 1 January 1912 CE (Gregorian).
+        @memberof TaiwanCalendar */
+    jdEpoch: 2419402.5,
+    /** Difference in years between Taiwan and Gregorian calendars.
+        @memberof TaiwanCalendar */
+    yearsOffset: 1911,
+    /** Days per month in a common year.
+        @memberof TaiwanCalendar */
+    daysPerMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof TaiwanCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof TaiwanCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof TaiwanCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof TaiwanCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof TaiwanCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Taiwan',
+            epochs: ['BROC', 'ROC'],
+            monthNames: ['January', 'February', 'March', 'April', 'May', 'June',
+            'July', 'August', 'September', 'October', 'November', 'December'],
+            monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 1,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof TaiwanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.leapYear(year);
+    },
+
+    /** Determine the week of the year for a date - ISO 8601.
+        @memberof TaiwanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.weekOfYear(year, date.month(), date.day());
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof TaiwanCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 2 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof TaiwanCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof TaiwanCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.toJD(year, date.month(), date.day());
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof TaiwanCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        var date = gregorianCalendar.fromJD(jd);
+        var year = this._g2tYear(date.year());
+        return this.newDate(year, date.month(), date.day());
+    },
+
+    /** Convert Taiwanese to Gregorian year.
+        @memberof TaiwanCalendar
+        @private
+        @param year {number} The Taiwanese year.
+        @return {number} The corresponding Gregorian year. */
+    _t2gYear: function(year) {
+        return year + this.yearsOffset + (year >= -this.yearsOffset && year <= -1 ? 1 : 0);
+    },
+
+    /** Convert Gregorian to Taiwanese year.
+        @memberof TaiwanCalendar
+        @private
+        @param year {number} The Gregorian year.
+        @return {number} The corresponding Taiwanese year. */
+    _g2tYear: function(year) {
+        return year - this.yearsOffset - (year >= 1 && year <= this.yearsOffset ? 1 : 0);
+    }
+});
+
+// Taiwan calendar implementation
+main.calendars.taiwan = TaiwanCalendar;
+
+
+},{"../main":581,"object-assign":470}],579:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Thai calendar for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) February 2010.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+var gregorianCalendar = main.instance();
+
+/** Implementation of the Thai calendar.
+    See http://en.wikipedia.org/wiki/Thai_calendar.
+    @class ThaiCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function ThaiCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+ThaiCalendar.prototype = new main.baseCalendar;
+
+assign(ThaiCalendar.prototype, {
+    /** The calendar name.
+        @memberof ThaiCalendar */
+    name: 'Thai',
+    /** Julian date of start of Thai epoch: 1 January 543 BCE (Gregorian).
+        @memberof ThaiCalendar */
+    jdEpoch: 1523098.5,
+    /** Difference in years between Thai and Gregorian calendars.
+        @memberof ThaiCalendar */
+    yearsOffset: 543, 
+    /** Days per month in a common year.
+        @memberof ThaiCalendar */
+    daysPerMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof ThaiCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof ThaiCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof ThaiCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof ThaiCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof ThaiCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Thai',
+            epochs: ['BBE', 'BE'],
+            monthNames: ['January', 'February', 'March', 'April', 'May', 'June',
+            'July', 'August', 'September', 'October', 'November', 'December'],
+            monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'dd/mm/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof ThaiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.leapYear(year);
+    },
+
+    /** Determine the week of the year for a date - ISO 8601.
+        @memberof ThaiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.weekOfYear(year, date.month(), date.day());
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof ThaiCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 2 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof ThaiCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof ThaiCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        var year = this._t2gYear(date.year());
+        return gregorianCalendar.toJD(year, date.month(), date.day());
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof ThaiCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        var date = gregorianCalendar.fromJD(jd);
+        var year = this._g2tYear(date.year());
+        return this.newDate(year, date.month(), date.day());
+    },
+
+    /** Convert Thai to Gregorian year.
+        @memberof ThaiCalendar
+        @private
+        @param year {number} The Thai year.
+        @return {number} The corresponding Gregorian year. */
+    _t2gYear: function(year) {
+        return year - this.yearsOffset - (year >= 1 && year <= this.yearsOffset ? 1 : 0);
+    },
+
+    /** Convert Gregorian to Thai year.
+        @memberof ThaiCalendar
+        @private
+        @param year {number} The Gregorian year.
+        @return {number} The corresponding Thai year. */
+    _g2tYear: function(year) {
+        return year + this.yearsOffset + (year >= -this.yearsOffset && year <= -1 ? 1 : 0);
+    }
+});
+
+// Thai calendar implementation
+main.calendars.thai = ThaiCalendar;
+
+
+},{"../main":581,"object-assign":470}],580:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   UmmAlQura calendar for jQuery v2.0.2.
+   Written by Amro Osama March 2013.
+   Modified by Binnooh.com & www.elm.sa - 2014 - Added dates back to 1276 Hijri year.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var main = require('../main');
+var assign = require('object-assign');
+
+
+/** Implementation of the UmmAlQura or 'saudi' calendar.
+    See also <a href="http://en.wikipedia.org/wiki/Islamic_calendar#Saudi_Arabia.27s_Umm_al-Qura_calendar">http://en.wikipedia.org/wiki/Islamic_calendar#Saudi_Arabia.27s_Umm_al-Qura_calendar</a>.
+    <a href="http://www.ummulqura.org.sa/About.aspx">http://www.ummulqura.org.sa/About.aspx</a>
+    <a href="http://www.staff.science.uu.nl/~gent0113/islam/ummalqura.htm">http://www.staff.science.uu.nl/~gent0113/islam/ummalqura.htm</a>
+    @class UmmAlQuraCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function UmmAlQuraCalendar(language) {
+    this.local = this.regionalOptions[language || ''] || this.regionalOptions[''];
+}
+
+UmmAlQuraCalendar.prototype = new main.baseCalendar;
+
+assign(UmmAlQuraCalendar.prototype, {
+    /** The calendar name.
+        @memberof UmmAlQuraCalendar */
+    name: 'UmmAlQura',
+    //jdEpoch: 1948440, // Julian date of start of UmmAlQura epoch: 14 March 1937 CE
+    //daysPerMonth: // Days per month in a common year, replaced by a method.
+    /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof UmmAlQuraCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof UmmAlQuraCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof UmmAlQuraCalendar */
+    firstMonth: 1,
+    /** The minimum day number.
+        @memberof UmmAlQuraCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof UmmAlQuraCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Umm al-Qura',
+            epochs: ['BH', 'AH'],
+            monthNames: ['Al-Muharram', 'Safar', 'Rabi\' al-awwal', 'Rabi\' Al-Thani', 'Jumada Al-Awwal', 'Jumada Al-Thani',
+            'Rajab', 'Sha\'aban', 'Ramadan', 'Shawwal', 'Dhu al-Qi\'dah', 'Dhu al-Hijjah'],
+            monthNamesShort: ['Muh', 'Saf', 'Rab1', 'Rab2', 'Jum1', 'Jum2', 'Raj', 'Sha\'', 'Ram', 'Shaw', 'DhuQ', 'DhuH'],
+            dayNames: ['Yawm al-Ahad', 'Yawm al-Ithnain', 'Yawm al-Thalāthā’', 'Yawm al-Arba‘ā’', 'Yawm al-Khamīs', 'Yawm al-Jum‘a', 'Yawm al-Sabt'],
+            dayNamesMin: ['Ah', 'Ith', 'Th', 'Ar', 'Kh', 'Ju', 'Sa'],
+            digits: null,
+            dateFormat: 'yyyy/mm/dd',
+            firstDay: 6,
+            isRTL: true
+        }
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function (year) {
+        var date = this._validate(year, this.minMonth, this.minDay, main.local.invalidYear);
+        return (this.daysInYear(date.year()) === 355);
+    },
+
+    /** Determine the week of the year for a date.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function (year, month, day) {
+        // Find Sunday of this week starting on Sunday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(-checkDate.dayOfWeek(), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function (year) {
+        var daysCount = 0;
+        for (var i = 1; i <= 12; i++) {
+            daysCount += this.daysInMonth(year, i);
+        }
+        return daysCount;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function (year, month) {
+        var date = this._validate(year, month, this.minDay, main.local.invalidMonth);
+        var mcjdn = date.toJD() - 2400000 + 0.5; // Modified Chronological Julian Day Number (MCJDN)
+        // the MCJDN's of the start of the lunations in the Umm al-Qura calendar are stored in the 'ummalqura_dat' array
+        var index = 0;
+        for (var i = 0; i < ummalqura_dat.length; i++) {
+            if (ummalqura_dat[i] > mcjdn) {
+                return (ummalqura_dat[index] - ummalqura_dat[index - 1]);
+            }
+            index++;
+        }
+        return 30; // Unknown outside
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function (year, month, day) {
+        return this.dayOfWeek(year, month, day) !== 5;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof UmmAlQuraCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function (year, month, day) {
+        var date = this._validate(year, month, day, main.local.invalidDate);
+        var index = (12 * (date.year() - 1)) + date.month() - 15292;
+        var mcjdn = date.day() + ummalqura_dat[index - 1] - 1;
+        return mcjdn + 2400000 - 0.5; // Modified Chronological Julian Day Number (MCJDN)
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof UmmAlQuraCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function (jd) {
+        var mcjdn = jd - 2400000 + 0.5; // Modified Chronological Julian Day Number (MCJDN)
+        // the MCJDN's of the start of the lunations in the Umm al-Qura calendar 
+        // are stored in the 'ummalqura_dat' array
+        var index = 0;
+        for (var i = 0; i < ummalqura_dat.length; i++) {
+            if (ummalqura_dat[i] > mcjdn) break;
+            index++;
+        }
+        var lunation = index + 15292; //UmmAlQura Lunation Number
+        var ii = Math.floor((lunation - 1) / 12);
+        var year = ii + 1;
+        var month = lunation - 12 * ii;
+        var day = mcjdn - ummalqura_dat[index - 1] + 1;
+        return this.newDate(year, month, day);
+    },
+
+    /** Determine whether a date is valid for this calendar.
+        @memberof UmmAlQuraCalendar
+        @param year {number} The year to examine.
+        @param month {number} The month to examine.
+        @param day {number} The day to examine.
+        @return {boolean} <code>true</code> if a valid date, <code>false</code> if not. */
+    isValid: function(year, month, day) {
+        var valid = main.baseCalendar.prototype.isValid.apply(this, arguments);
+        if (valid) {
+            year = (year.year != null ? year.year : year);
+            valid = (year >= 1276 && year <= 1500);
+        }
+        return valid;
+    },
+
+    /** Check that a candidate date is from the same calendar and is valid.
+        @memberof UmmAlQuraCalendar
+        @private
+        @param year {CDate|number} The date to validate or the year to validate.
+        @param month {number} The month to validate.
+        @param day {number} The day to validate.
+        @param error {string} Error message if invalid.
+        @throws Error if different calendars used or invalid date. */
+    _validate: function(year, month, day, error) {
+        var date = main.baseCalendar.prototype._validate.apply(this, arguments);
+        if (date.year < 1276 || date.year > 1500) {
+            throw error.replace(/\{0\}/, this.local.name);
+        }
+        return date;
+    }
+});
+
+// UmmAlQura calendar implementation
+main.calendars.ummalqura = UmmAlQuraCalendar;
+
+var ummalqura_dat = [
+    20,    50,    79,    109,   138,   168,   197,   227,   256,   286,   315,   345,   374,   404,   433,   463,   492,   522,   551,   581, 
+    611,   641,   670,   700,   729,   759,   788,   818,   847,   877,   906,   936,   965,   995,   1024,  1054,  1083,  1113,  1142,  1172,
+    1201,  1231,  1260,  1290,  1320,  1350,  1379,  1409,  1438,  1468,  1497,  1527,  1556,  1586,  1615,  1645,  1674,  1704,  1733,  1763,
+    1792,  1822,  1851,  1881,  1910,  1940,  1969,  1999,  2028,  2058,  2087,  2117,  2146,  2176,  2205,  2235,  2264,  2294,  2323,  2353,
+    2383,  2413,  2442,  2472,  2501,  2531,  2560,  2590,  2619,  2649,  2678,  2708,  2737,  2767,  2796,  2826,  2855,  2885,  2914,  2944,
+    2973,  3003,  3032,  3062,  3091,  3121,  3150,  3180,  3209,  3239,  3268,  3298,  3327,  3357,  3386,  3416,  3446,  3476,  3505,  3535,
+    3564,  3594,  3623,  3653,  3682,  3712,  3741,  3771,  3800,  3830,  3859,  3889,  3918,  3948,  3977,  4007,  4036,  4066,  4095,  4125,
+    4155,  4185,  4214,  4244,  4273,  4303,  4332,  4362,  4391,  4421,  4450,  4480,  4509,  4539,  4568,  4598,  4627,  4657,  4686,  4716,
+    4745,  4775,  4804,  4834,  4863,  4893,  4922,  4952,  4981,  5011,  5040,  5070,  5099,  5129,  5158,  5188,  5218,  5248,  5277,  5307,
+    5336,  5366,  5395,  5425,  5454,  5484,  5513,  5543,  5572,  5602,  5631,  5661,  5690,  5720,  5749,  5779,  5808,  5838,  5867,  5897,
+    5926,  5956,  5985,  6015,  6044,  6074,  6103,  6133,  6162,  6192,  6221,  6251,  6281,  6311,  6340,  6370,  6399,  6429,  6458,  6488,
+    6517,  6547,  6576,  6606,  6635,  6665,  6694,  6724,  6753,  6783,  6812,  6842,  6871,  6901,  6930,  6960,  6989,  7019,  7048,  7078,
+    7107,  7137,  7166,  7196,  7225,  7255,  7284,  7314,  7344,  7374,  7403,  7433,  7462,  7492,  7521,  7551,  7580,  7610,  7639,  7669,
+    7698,  7728,  7757,  7787,  7816,  7846,  7875,  7905,  7934,  7964,  7993,  8023,  8053,  8083,  8112,  8142,  8171,  8201,  8230,  8260,
+    8289,  8319,  8348,  8378,  8407,  8437,  8466,  8496,  8525,  8555,  8584,  8614,  8643,  8673,  8702,  8732,  8761,  8791,  8821,  8850,
+    8880,  8909,  8938,  8968,  8997,  9027,  9056,  9086,  9115,  9145,  9175,  9205,  9234,  9264,  9293,  9322,  9352,  9381,  9410,  9440,
+    9470,  9499,  9529,  9559,  9589,  9618,  9648,  9677,  9706,  9736,  9765,  9794,  9824,  9853,  9883,  9913,  9943,  9972,  10002, 10032,
+    10061, 10090, 10120, 10149, 10178, 10208, 10237, 10267, 10297, 10326, 10356, 10386, 10415, 10445, 10474, 10504, 10533, 10562, 10592, 10621,
+    10651, 10680, 10710, 10740, 10770, 10799, 10829, 10858, 10888, 10917, 10947, 10976, 11005, 11035, 11064, 11094, 11124, 11153, 11183, 11213,
+    11242, 11272, 11301, 11331, 11360, 11389, 11419, 11448, 11478, 11507, 11537, 11567, 11596, 11626, 11655, 11685, 11715, 11744, 11774, 11803,
+    11832, 11862, 11891, 11921, 11950, 11980, 12010, 12039, 12069, 12099, 12128, 12158, 12187, 12216, 12246, 12275, 12304, 12334, 12364, 12393,
+    12423, 12453, 12483, 12512, 12542, 12571, 12600, 12630, 12659, 12688, 12718, 12747, 12777, 12807, 12837, 12866, 12896, 12926, 12955, 12984,
+    13014, 13043, 13072, 13102, 13131, 13161, 13191, 13220, 13250, 13280, 13310, 13339, 13368, 13398, 13427, 13456, 13486, 13515, 13545, 13574,
+    13604, 13634, 13664, 13693, 13723, 13752, 13782, 13811, 13840, 13870, 13899, 13929, 13958, 13988, 14018, 14047, 14077, 14107, 14136, 14166,
+    14195, 14224, 14254, 14283, 14313, 14342, 14372, 14401, 14431, 14461, 14490, 14520, 14550, 14579, 14609, 14638, 14667, 14697, 14726, 14756,
+    14785, 14815, 14844, 14874, 14904, 14933, 14963, 14993, 15021, 15051, 15081, 15110, 15140, 15169, 15199, 15228, 15258, 15287, 15317, 15347,
+    15377, 15406, 15436, 15465, 15494, 15524, 15553, 15582, 15612, 15641, 15671, 15701, 15731, 15760, 15790, 15820, 15849, 15878, 15908, 15937,
+    15966, 15996, 16025, 16055, 16085, 16114, 16144, 16174, 16204, 16233, 16262, 16292, 16321, 16350, 16380, 16409, 16439, 16468, 16498, 16528,
+    16558, 16587, 16617, 16646, 16676, 16705, 16734, 16764, 16793, 16823, 16852, 16882, 16912, 16941, 16971, 17001, 17030, 17060, 17089, 17118,
+    17148, 17177, 17207, 17236, 17266, 17295, 17325, 17355, 17384, 17414, 17444, 17473, 17502, 17532, 17561, 17591, 17620, 17650, 17679, 17709,
+    17738, 17768, 17798, 17827, 17857, 17886, 17916, 17945, 17975, 18004, 18034, 18063, 18093, 18122, 18152, 18181, 18211, 18241, 18270, 18300,
+    18330, 18359, 18388, 18418, 18447, 18476, 18506, 18535, 18565, 18595, 18625, 18654, 18684, 18714, 18743, 18772, 18802, 18831, 18860, 18890,
+    18919, 18949, 18979, 19008, 19038, 19068, 19098, 19127, 19156, 19186, 19215, 19244, 19274, 19303, 19333, 19362, 19392, 19422, 19452, 19481,
+    19511, 19540, 19570, 19599, 19628, 19658, 19687, 19717, 19746, 19776, 19806, 19836, 19865, 19895, 19924, 19954, 19983, 20012, 20042, 20071,
+    20101, 20130, 20160, 20190, 20219, 20249, 20279, 20308, 20338, 20367, 20396, 20426, 20455, 20485, 20514, 20544, 20573, 20603, 20633, 20662,
+    20692, 20721, 20751, 20780, 20810, 20839, 20869, 20898, 20928, 20957, 20987, 21016, 21046, 21076, 21105, 21135, 21164, 21194, 21223, 21253,
+    21282, 21312, 21341, 21371, 21400, 21430, 21459, 21489, 21519, 21548, 21578, 21607, 21637, 21666, 21696, 21725, 21754, 21784, 21813, 21843,
+    21873, 21902, 21932, 21962, 21991, 22021, 22050, 22080, 22109, 22138, 22168, 22197, 22227, 22256, 22286, 22316, 22346, 22375, 22405, 22434,
+    22464, 22493, 22522, 22552, 22581, 22611, 22640, 22670, 22700, 22730, 22759, 22789, 22818, 22848, 22877, 22906, 22936, 22965, 22994, 23024,
+    23054, 23083, 23113, 23143, 23173, 23202, 23232, 23261, 23290, 23320, 23349, 23379, 23408, 23438, 23467, 23497, 23527, 23556, 23586, 23616,
+    23645, 23674, 23704, 23733, 23763, 23792, 23822, 23851, 23881, 23910, 23940, 23970, 23999, 24029, 24058, 24088, 24117, 24147, 24176, 24206,
+    24235, 24265, 24294, 24324, 24353, 24383, 24413, 24442, 24472, 24501, 24531, 24560, 24590, 24619, 24648, 24678, 24707, 24737, 24767, 24796,
+    24826, 24856, 24885, 24915, 24944, 24974, 25003, 25032, 25062, 25091, 25121, 25150, 25180, 25210, 25240, 25269, 25299, 25328, 25358, 25387,
+    25416, 25446, 25475, 25505, 25534, 25564, 25594, 25624, 25653, 25683, 25712, 25742, 25771, 25800, 25830, 25859, 25888, 25918, 25948, 25977,
+    26007, 26037, 26067, 26096, 26126, 26155, 26184, 26214, 26243, 26272, 26302, 26332, 26361, 26391, 26421, 26451, 26480, 26510, 26539, 26568,
+    26598, 26627, 26656, 26686, 26715, 26745, 26775, 26805, 26834, 26864, 26893, 26923, 26952, 26982, 27011, 27041, 27070, 27099, 27129, 27159,
+    27188, 27218, 27248, 27277, 27307, 27336, 27366, 27395, 27425, 27454, 27484, 27513, 27542, 27572, 27602, 27631, 27661, 27691, 27720, 27750,
+    27779, 27809, 27838, 27868, 27897, 27926, 27956, 27985, 28015, 28045, 28074, 28104, 28134, 28163, 28193, 28222, 28252, 28281, 28310, 28340,
+    28369, 28399, 28428, 28458, 28488, 28517, 28547, 28577,
+    // From 1356
+    28607, 28636, 28665, 28695, 28724, 28754, 28783, 28813, 28843, 28872, 28901, 28931, 28960, 28990, 29019, 29049, 29078, 29108, 29137, 29167,
+    29196, 29226, 29255, 29285, 29315, 29345, 29375, 29404, 29434, 29463, 29492, 29522, 29551, 29580, 29610, 29640, 29669, 29699, 29729, 29759,
+    29788, 29818, 29847, 29876, 29906, 29935, 29964, 29994, 30023, 30053, 30082, 30112, 30141, 30171, 30200, 30230, 30259, 30289, 30318, 30348,
+    30378, 30408, 30437, 30467, 30496, 30526, 30555, 30585, 30614, 30644, 30673, 30703, 30732, 30762, 30791, 30821, 30850, 30880, 30909, 30939,
+    30968, 30998, 31027, 31057, 31086, 31116, 31145, 31175, 31204, 31234, 31263, 31293, 31322, 31352, 31381, 31411, 31441, 31471, 31500, 31530,
+    31559, 31589, 31618, 31648, 31676, 31706, 31736, 31766, 31795, 31825, 31854, 31884, 31913, 31943, 31972, 32002, 32031, 32061, 32090, 32120,
+    32150, 32180, 32209, 32239, 32268, 32298, 32327, 32357, 32386, 32416, 32445, 32475, 32504, 32534, 32563, 32593, 32622, 32652, 32681, 32711,
+    32740, 32770, 32799, 32829, 32858, 32888, 32917, 32947, 32976, 33006, 33035, 33065, 33094, 33124, 33153, 33183, 33213, 33243, 33272, 33302,
+    33331, 33361, 33390, 33420, 33450, 33479, 33509, 33539, 33568, 33598, 33627, 33657, 33686, 33716, 33745, 33775, 33804, 33834, 33863, 33893,
+    33922, 33952, 33981, 34011, 34040, 34069, 34099, 34128, 34158, 34187, 34217, 34247, 34277, 34306, 34336, 34365, 34395, 34424, 34454, 34483,
+    34512, 34542, 34571, 34601, 34631, 34660, 34690, 34719, 34749, 34778, 34808, 34837, 34867, 34896, 34926, 34955, 34985, 35015, 35044, 35074,
+    35103, 35133, 35162, 35192, 35222, 35251, 35280, 35310, 35340, 35370, 35399, 35429, 35458, 35488, 35517, 35547, 35576, 35605, 35635, 35665,
+    35694, 35723, 35753, 35782, 35811, 35841, 35871, 35901, 35930, 35960, 35989, 36019, 36048, 36078, 36107, 36136, 36166, 36195, 36225, 36254,
+    36284, 36314, 36343, 36373, 36403, 36433, 36462, 36492, 36521, 36551, 36580, 36610, 36639, 36669, 36698, 36728, 36757, 36786, 36816, 36845,
+    36875, 36904, 36934, 36963, 36993, 37022, 37052, 37081, 37111, 37141, 37170, 37200, 37229, 37259, 37288, 37318, 37347, 37377, 37406, 37436,
+    37465, 37495, 37524, 37554, 37584, 37613, 37643, 37672, 37701, 37731, 37760, 37790, 37819, 37849, 37878, 37908, 37938, 37967, 37997, 38027,
+    38056, 38085, 38115, 38144, 38174, 38203, 38233, 38262, 38292, 38322, 38351, 38381, 38410, 38440, 38469, 38499, 38528, 38558, 38587, 38617,
+    38646, 38676, 38705, 38735, 38764, 38794, 38823, 38853, 38882, 38912, 38941, 38971, 39001, 39030, 39059, 39089, 39118, 39148, 39178, 39208,
+    39237, 39267, 39297, 39326, 39355, 39385, 39414, 39444, 39473, 39503, 39532, 39562, 39592, 39621, 39650, 39680, 39709, 39739, 39768, 39798,
+    39827, 39857, 39886, 39916, 39946, 39975, 40005, 40035, 40064, 40094, 40123, 40153, 40182, 40212, 40241, 40271, 40300, 40330, 40359, 40389,
+    40418, 40448, 40477, 40507, 40536, 40566, 40595, 40625, 40655, 40685, 40714, 40744, 40773, 40803, 40832, 40862, 40892, 40921, 40951, 40980,
+    41009, 41039, 41068, 41098, 41127, 41157, 41186, 41216, 41245, 41275, 41304, 41334, 41364, 41393, 41422, 41452, 41481, 41511, 41540, 41570,
+    41599, 41629, 41658, 41688, 41718, 41748, 41777, 41807, 41836, 41865, 41894, 41924, 41953, 41983, 42012, 42042, 42072, 42102, 42131, 42161,
+    42190, 42220, 42249, 42279, 42308, 42337, 42367, 42397, 42426, 42456, 42485, 42515, 42545, 42574, 42604, 42633, 42662, 42692, 42721, 42751,
+    42780, 42810, 42839, 42869, 42899, 42929, 42958, 42988, 43017, 43046, 43076, 43105, 43135, 43164, 43194, 43223, 43253, 43283, 43312, 43342,
+    43371, 43401, 43430, 43460, 43489, 43519, 43548, 43578, 43607, 43637, 43666, 43696, 43726, 43755, 43785, 43814, 43844, 43873, 43903, 43932,
+    43962, 43991, 44021, 44050, 44080, 44109, 44139, 44169, 44198, 44228, 44258, 44287, 44317, 44346, 44375, 44405, 44434, 44464, 44493, 44523,
+    44553, 44582, 44612, 44641, 44671, 44700, 44730, 44759, 44788, 44818, 44847, 44877, 44906, 44936, 44966, 44996, 45025, 45055, 45084, 45114,
+    45143, 45172, 45202, 45231, 45261, 45290, 45320, 45350, 45380, 45409, 45439, 45468, 45498, 45527, 45556, 45586, 45615, 45644, 45674, 45704,
+    45733, 45763, 45793, 45823, 45852, 45882, 45911, 45940, 45970, 45999, 46028, 46058, 46088, 46117, 46147, 46177, 46206, 46236, 46265, 46295,
+    46324, 46354, 46383, 46413, 46442, 46472, 46501, 46531, 46560, 46590, 46620, 46649, 46679, 46708, 46738, 46767, 46797, 46826, 46856, 46885,
+    46915, 46944, 46974, 47003, 47033, 47063, 47092, 47122, 47151, 47181, 47210, 47240, 47269, 47298, 47328, 47357, 47387, 47417, 47446, 47476,
+    47506, 47535, 47565, 47594, 47624, 47653, 47682, 47712, 47741, 47771, 47800, 47830, 47860, 47890, 47919, 47949, 47978, 48008, 48037, 48066,
+    48096, 48125, 48155, 48184, 48214, 48244, 48273, 48303, 48333, 48362, 48392, 48421, 48450, 48480, 48509, 48538, 48568, 48598, 48627, 48657,
+    48687, 48717, 48746, 48776, 48805, 48834, 48864, 48893, 48922, 48952, 48982, 49011, 49041, 49071, 49100, 49130, 49160, 49189, 49218, 49248,
+    49277, 49306, 49336, 49365, 49395, 49425, 49455, 49484, 49514, 49543, 49573, 49602, 49632, 49661, 49690, 49720, 49749, 49779, 49809, 49838,
+    49868, 49898, 49927, 49957, 49986, 50016, 50045, 50075, 50104, 50133, 50163, 50192, 50222, 50252, 50281, 50311, 50340, 50370, 50400, 50429,
+    50459, 50488, 50518, 50547, 50576, 50606, 50635, 50665, 50694, 50724, 50754, 50784, 50813, 50843, 50872, 50902, 50931, 50960, 50990, 51019,
+    51049, 51078, 51108, 51138, 51167, 51197, 51227, 51256, 51286, 51315, 51345, 51374, 51403, 51433, 51462, 51492, 51522, 51552, 51582, 51611,
+    51641, 51670, 51699, 51729, 51758, 51787, 51816, 51846, 51876, 51906, 51936, 51965, 51995, 52025, 52054, 52083, 52113, 52142, 52171, 52200,
+    52230, 52260, 52290, 52319, 52349, 52379, 52408, 52438, 52467, 52497, 52526, 52555, 52585, 52614, 52644, 52673, 52703, 52733, 52762, 52792,
+    52822, 52851, 52881, 52910, 52939, 52969, 52998, 53028, 53057, 53087, 53116, 53146, 53176, 53205, 53235, 53264, 53294, 53324, 53353, 53383,
+    53412, 53441, 53471, 53500, 53530, 53559, 53589, 53619, 53648, 53678, 53708, 53737, 53767, 53796, 53825, 53855, 53884, 53913, 53943, 53973,
+    54003, 54032, 54062, 54092, 54121, 54151, 54180, 54209, 54239, 54268, 54297, 54327, 54357, 54387, 54416, 54446, 54476, 54505, 54535, 54564,
+    54593, 54623, 54652, 54681, 54711, 54741, 54770, 54800, 54830, 54859, 54889, 54919, 54948, 54977, 55007, 55036, 55066, 55095, 55125, 55154,
+    55184, 55213, 55243, 55273, 55302, 55332, 55361, 55391, 55420, 55450, 55479, 55508, 55538, 55567, 55597, 55627, 55657, 55686, 55716, 55745,
+    55775, 55804, 55834, 55863, 55892, 55922, 55951, 55981, 56011, 56040, 56070, 56100, 56129, 56159, 56188, 56218, 56247, 56276, 56306, 56335,
+    56365, 56394, 56424, 56454, 56483, 56513, 56543, 56572, 56601, 56631, 56660, 56690, 56719, 56749, 56778, 56808, 56837, 56867, 56897, 56926,
+    56956, 56985, 57015, 57044, 57074, 57103, 57133, 57162, 57192, 57221, 57251, 57280, 57310, 57340, 57369, 57399, 57429, 57458, 57487, 57517,
+    57546, 57576, 57605, 57634, 57664, 57694, 57723, 57753, 57783, 57813, 57842, 57871, 57901, 57930, 57959, 57989, 58018, 58048, 58077, 58107,
+    58137, 58167, 58196, 58226, 58255, 58285, 58314, 58343, 58373, 58402, 58432, 58461, 58491, 58521, 58551, 58580, 58610, 58639, 58669, 58698,
+    58727, 58757, 58786, 58816, 58845, 58875, 58905, 58934, 58964, 58994, 59023, 59053, 59082, 59111, 59141, 59170, 59200, 59229, 59259, 59288,
+    59318, 59348, 59377, 59407, 59436, 59466, 59495, 59525, 59554, 59584, 59613, 59643, 59672, 59702, 59731, 59761, 59791, 59820, 59850, 59879,
+    59909, 59939, 59968, 59997, 60027, 60056, 60086, 60115, 60145, 60174, 60204, 60234, 60264, 60293, 60323, 60352, 60381, 60411, 60440, 60469,
+    60499, 60528, 60558, 60588, 60618, 60648, 60677, 60707, 60736, 60765, 60795, 60824, 60853, 60883, 60912, 60942, 60972, 61002, 61031, 61061,
+    61090, 61120, 61149, 61179, 61208, 61237, 61267, 61296, 61326, 61356, 61385, 61415, 61445, 61474, 61504, 61533, 61563, 61592, 61621, 61651,
+    61680, 61710, 61739, 61769, 61799, 61828, 61858, 61888, 61917, 61947, 61976, 62006, 62035, 62064, 62094, 62123, 62153, 62182, 62212, 62242,
+    62271, 62301, 62331, 62360, 62390, 62419, 62448, 62478, 62507, 62537, 62566, 62596, 62625, 62655, 62685, 62715, 62744, 62774, 62803, 62832,
+    62862, 62891, 62921, 62950, 62980, 63009, 63039, 63069, 63099, 63128, 63157, 63187, 63216, 63246, 63275, 63305, 63334, 63363, 63393, 63423,
+    63453, 63482, 63512, 63541, 63571, 63600, 63630, 63659, 63689, 63718, 63747, 63777, 63807, 63836, 63866, 63895, 63925, 63955, 63984, 64014,
+    64043, 64073, 64102, 64131, 64161, 64190, 64220, 64249, 64279, 64309, 64339, 64368, 64398, 64427, 64457, 64486, 64515, 64545, 64574, 64603,
+    64633, 64663, 64692, 64722, 64752, 64782, 64811, 64841, 64870, 64899, 64929, 64958, 64987, 65017, 65047, 65076, 65106, 65136, 65166, 65195,
+    65225, 65254, 65283, 65313, 65342, 65371, 65401, 65431, 65460, 65490, 65520, 65549, 65579, 65608, 65638, 65667, 65697, 65726, 65755, 65785,
+    65815, 65844, 65874, 65903, 65933, 65963, 65992, 66022, 66051, 66081, 66110, 66140, 66169, 66199, 66228, 66258, 66287, 66317, 66346, 66376,
+    66405, 66435, 66465, 66494, 66524, 66553, 66583, 66612, 66641, 66671, 66700, 66730, 66760, 66789, 66819, 66849, 66878, 66908, 66937, 66967,
+    66996, 67025, 67055, 67084, 67114, 67143, 67173, 67203, 67233, 67262, 67292, 67321, 67351, 67380, 67409, 67439, 67468, 67497, 67527, 67557,
+    67587, 67617, 67646, 67676, 67705, 67735, 67764, 67793, 67823, 67852, 67882, 67911, 67941, 67971, 68000, 68030, 68060, 68089, 68119, 68148,
+    68177, 68207, 68236, 68266, 68295, 68325, 68354, 68384, 68414, 68443, 68473, 68502, 68532, 68561, 68591, 68620, 68650, 68679, 68708, 68738,
+    68768, 68797, 68827, 68857, 68886, 68916, 68946, 68975, 69004, 69034, 69063, 69092, 69122, 69152, 69181, 69211, 69240, 69270, 69300, 69330,
+    69359, 69388, 69418, 69447, 69476, 69506, 69535, 69565, 69595, 69624, 69654, 69684, 69713, 69743, 69772, 69802, 69831, 69861, 69890, 69919,
+    69949, 69978, 70008, 70038, 70067, 70097, 70126, 70156, 70186, 70215, 70245, 70274, 70303, 70333, 70362, 70392, 70421, 70451, 70481, 70510,
+    70540, 70570, 70599, 70629, 70658, 70687, 70717, 70746, 70776, 70805, 70835, 70864, 70894, 70924, 70954, 70983, 71013, 71042, 71071, 71101,
+    71130, 71159, 71189, 71218, 71248, 71278, 71308, 71337, 71367, 71397, 71426, 71455, 71485, 71514, 71543, 71573, 71602, 71632, 71662, 71691,
+    71721, 71751, 71781, 71810, 71839, 71869, 71898, 71927, 71957, 71986, 72016, 72046, 72075, 72105, 72135, 72164, 72194, 72223, 72253, 72282,
+    72311, 72341, 72370, 72400, 72429, 72459, 72489, 72518, 72548, 72577, 72607, 72637, 72666, 72695, 72725, 72754, 72784, 72813, 72843, 72872,
+    72902, 72931, 72961, 72991, 73020, 73050, 73080, 73109, 73139, 73168, 73197, 73227, 73256, 73286, 73315, 73345, 73375, 73404, 73434, 73464,
+    73493, 73523, 73552, 73581, 73611, 73640, 73669, 73699, 73729, 73758, 73788, 73818, 73848, 73877, 73907, 73936, 73965, 73995, 74024, 74053,
+    74083, 74113, 74142, 74172, 74202, 74231, 74261, 74291, 74320, 74349, 74379, 74408, 74437, 74467, 74497, 74526, 74556, 74586, 74615, 74645,
+    74675, 74704, 74733, 74763, 74792, 74822, 74851, 74881, 74910, 74940, 74969, 74999, 75029, 75058, 75088, 75117, 75147, 75176, 75206, 75235,
+    75264, 75294, 75323, 75353, 75383, 75412, 75442, 75472, 75501, 75531, 75560, 75590, 75619, 75648, 75678, 75707, 75737, 75766, 75796, 75826,
+    75856, 75885, 75915, 75944, 75974, 76003, 76032, 76062, 76091, 76121, 76150, 76180, 76210, 76239, 76269, 76299, 76328, 76358, 76387, 76416,
+    76446, 76475, 76505, 76534, 76564, 76593, 76623, 76653, 76682, 76712, 76741, 76771, 76801, 76830, 76859, 76889, 76918, 76948, 76977, 77007,
+    77036, 77066, 77096, 77125, 77155, 77185, 77214, 77243, 77273, 77302, 77332, 77361, 77390, 77420, 77450, 77479, 77509, 77539, 77569, 77598,
+    77627, 77657, 77686, 77715, 77745, 77774, 77804, 77833, 77863, 77893, 77923, 77952, 77982, 78011, 78041, 78070, 78099, 78129, 78158, 78188,
+    78217, 78247, 78277, 78307, 78336, 78366, 78395, 78425, 78454, 78483, 78513, 78542, 78572, 78601, 78631, 78661, 78690, 78720, 78750, 78779,
+    78808, 78838, 78867, 78897, 78926, 78956, 78985, 79015, 79044, 79074, 79104, 79133, 79163, 79192, 79222, 79251, 79281, 79310, 79340, 79369,
+    79399, 79428, 79458, 79487, 79517, 79546, 79576, 79606, 79635, 79665, 79695, 79724, 79753, 79783, 79812, 79841, 79871, 79900, 79930, 79960,
+    79990];
+
+
+},{"../main":581,"object-assign":470}],581:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Calendars for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var assign = require('object-assign');
+
+
+function Calendars() {
+    this.regionalOptions = [];
+    this.regionalOptions[''] = {
+        invalidCalendar: 'Calendar {0} not found',
+        invalidDate: 'Invalid {0} date',
+        invalidMonth: 'Invalid {0} month',
+        invalidYear: 'Invalid {0} year',
+        differentCalendars: 'Cannot mix {0} and {1} dates'
+    };
+    this.local = this.regionalOptions[''];
+    this.calendars = {};
+    this._localCals = {};
+}
+
+/** Create the calendars plugin.
+    <p>Provides support for various world calendars in a consistent manner.</p>
+     @class Calendars
+    @example _exports.instance('julian').newDate(2014, 12, 25) */
+assign(Calendars.prototype, {
+
+    /** Obtain a calendar implementation and localisation.
+        @memberof Calendars
+        @param [name='gregorian'] {string} The name of the calendar, e.g. 'gregorian', 'persian', 'islamic'.
+        @param [language=''] {string} The language code to use for localisation (default is English).
+        @return {Calendar} The calendar and localisation.
+        @throws Error if calendar not found. */
+    instance: function(name, language) {
+        name = (name || 'gregorian').toLowerCase();
+        language = language || '';
+        var cal = this._localCals[name + '-' + language];
+        if (!cal && this.calendars[name]) {
+            cal = new this.calendars[name](language);
+            this._localCals[name + '-' + language] = cal;
+        }
+        if (!cal) {
+            throw (this.local.invalidCalendar || this.regionalOptions[''].invalidCalendar).
+                replace(/\{0\}/, name);
+        }
+        return cal;
+    },
+
+    /** Create a new date - for today if no other parameters given.
+        @memberof Calendars
+        @param year {CDate|number} The date to copy or the year for the date.
+        @param [month] {number} The month for the date.
+        @param [day] {number} The day for the date.
+        @param [calendar='gregorian'] {BaseCalendar|string} The underlying calendar or the name of the calendar.
+        @param [language=''] {string} The language to use for localisation (default English).
+        @return {CDate} The new date.
+        @throws Error if an invalid date. */
+    newDate: function(year, month, day, calendar, language) {
+        calendar = (year != null && year.year ? year.calendar() : (typeof calendar === 'string' ?
+            this.instance(calendar, language) : calendar)) || this.instance();
+        return calendar.newDate(year, month, day);
+    },
+    
+    /** A simple digit substitution function for localising numbers via the Calendar digits option.
+        @member Calendars
+        @param digits {string[]} The substitute digits, for 0 through 9.
+        @return {function} The substitution function. */
+    substituteDigits: function(digits) {
+        return function(value) {
+            return (value + '').replace(/[0-9]/g, function(digit) {
+                return digits[digit];
+            });
+        }
+    },
+    
+    /** Digit substitution function for localising Chinese style numbers via the Calendar digits option.
+        @member Calendars
+        @param digits {string[]} The substitute digits, for 0 through 9.
+        @param powers {string[]} The characters denoting powers of 10, i.e. 1, 10, 100, 1000.
+        @return {function} The substitution function. */
+    substituteChineseDigits: function(digits, powers) {
+        return function(value) {
+            var localNumber = '';
+            var power = 0;
+            while (value > 0) {
+                var units = value % 10;
+                localNumber = (units === 0 ? '' : digits[units] + powers[power]) + localNumber;
+                power++;
+                value = Math.floor(value / 10);
+            }
+            if (localNumber.indexOf(digits[1] + powers[1]) === 0) {
+                localNumber = localNumber.substr(1);
+            }
+            return localNumber || digits[0];
+        }
+    }
+});
+
+/** Generic date, based on a particular calendar.
+    @class CDate
+    @param calendar {BaseCalendar} The underlying calendar implementation.
+    @param year {number} The year for this date.
+    @param month {number} The month for this date.
+    @param day {number} The day for this date.
+    @return {CDate} The date object.
+    @throws Error if an invalid date. */
+function CDate(calendar, year, month, day) {
+    this._calendar = calendar;
+    this._year = year;
+    this._month = month;
+    this._day = day;
+    if (this._calendar._validateLevel === 0 &&
+            !this._calendar.isValid(this._year, this._month, this._day)) {
+        throw (_exports.local.invalidDate || _exports.regionalOptions[''].invalidDate).
+            replace(/\{0\}/, this._calendar.local.name);
+    }
+}
+
+/** Pad a numeric value with leading zeroes.
+    @private
+    @param value {number} The number to format.
+    @param length {number} The minimum length.
+    @return {string} The formatted number. */
+function pad(value, length) {
+    value = '' + value;
+    return '000000'.substring(0, length - value.length) + value;
+}
+
+assign(CDate.prototype, {
+
+    /** Create a new date.
+        @memberof CDate
+        @param [year] {CDate|number} The date to copy or the year for the date (default this date).
+        @param [month] {number} The month for the date.
+        @param [day] {number} The day for the date.
+        @return {CDate} The new date.
+        @throws Error if an invalid date. */
+    newDate: function(year, month, day) {
+        return this._calendar.newDate((year == null ? this : year), month, day);
+    },
+
+    /** Set or retrieve the year for this date.
+        @memberof CDate
+        @param [year] {number} The year for the date.
+        @return {number|CDate} The date's year (if no parameter) or the updated date.
+        @throws Error if an invalid date. */
+    year: function(year) {
+        return (arguments.length === 0 ? this._year : this.set(year, 'y'));
+    },
+
+    /** Set or retrieve the month for this date.
+        @memberof CDate
+        @param [month] {number} The month for the date.
+        @return {number|CDate} The date's month (if no parameter) or the updated date.
+        @throws Error if an invalid date. */
+    month: function(month) {
+        return (arguments.length === 0 ? this._month : this.set(month, 'm'));
+    },
+
+    /** Set or retrieve the day for this date.
+        @memberof CDate
+        @param [day] {number} The day for the date.
+        @return {number|CData} The date's day (if no parameter) or the updated date.
+        @throws Error if an invalid date. */
+    day: function(day) {
+        return (arguments.length === 0 ? this._day : this.set(day, 'd'));
+    },
+
+    /** Set new values for this date.
+        @memberof CDate
+        @param year {number} The year for the date.
+        @param month {number} The month for the date.
+        @param day {number} The day for the date.
+        @return {CDate} The updated date.
+        @throws Error if an invalid date. */
+    date: function(year, month, day) {
+        if (!this._calendar.isValid(year, month, day)) {
+            throw (_exports.local.invalidDate || _exports.regionalOptions[''].invalidDate).
+                replace(/\{0\}/, this._calendar.local.name);
+        }
+        this._year = year;
+        this._month = month;
+        this._day = day;
+        return this;
+    },
+
+    /** Determine whether this date is in a leap year.
+        @memberof CDate
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not. */
+    leapYear: function() {
+        return this._calendar.leapYear(this);
+    },
+
+    /** Retrieve the epoch designator for this date, e.g. BCE or CE.
+        @memberof CDate
+        @return {string} The current epoch. */
+    epoch: function() {
+        return this._calendar.epoch(this);
+    },
+
+    /** Format the year, if not a simple sequential number.
+        @memberof CDate
+        @return {string} The formatted year. */
+    formatYear: function() {
+        return this._calendar.formatYear(this);
+    },
+
+    /** Retrieve the month of the year for this date,
+        i.e. the month's position within a numbered year.
+        @memberof CDate
+        @return {number} The month of the year: <code>minMonth</code> to months per year. */
+    monthOfYear: function() {
+        return this._calendar.monthOfYear(this);
+    },
+
+    /** Retrieve the week of the year for this date.
+        @memberof CDate
+        @return {number} The week of the year: 1 to weeks per year. */
+    weekOfYear: function() {
+        return this._calendar.weekOfYear(this);
+    },
+
+    /** Retrieve the number of days in the year for this date.
+        @memberof CDate
+        @return {number} The number of days in this year. */
+    daysInYear: function() {
+        return this._calendar.daysInYear(this);
+    },
+
+    /** Retrieve the day of the year for this date.
+        @memberof CDate
+        @return {number} The day of the year: 1 to days per year. */
+    dayOfYear: function() {
+        return this._calendar.dayOfYear(this);
+    },
+
+    /** Retrieve the number of days in the month for this date.
+        @memberof CDate
+        @return {number} The number of days. */
+    daysInMonth: function() {
+        return this._calendar.daysInMonth(this);
+    },
+
+    /** Retrieve the day of the week for this date.
+        @memberof CDate
+        @return {number} The day of the week: 0 to number of days - 1. */
+    dayOfWeek: function() {
+        return this._calendar.dayOfWeek(this);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof CDate
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not. */
+    weekDay: function() {
+        return this._calendar.weekDay(this);
+    },
+
+    /** Retrieve additional information about this date.
+        @memberof CDate
+        @return {object} Additional information - contents depends on calendar. */
+    extraInfo: function() {
+        return this._calendar.extraInfo(this);
+    },
+
+    /** Add period(s) to a date.
+        @memberof CDate
+        @param offset {number} The number of periods to adjust by.
+        @param period {string} One of 'y' for year, 'm' for month, 'w' for week, 'd' for day.
+        @return {CDate} The updated date. */
+    add: function(offset, period) {
+        return this._calendar.add(this, offset, period);
+    },
+
+    /** Set a portion of the date.
+        @memberof CDate
+        @param value {number} The new value for the period.
+        @param period {string} One of 'y' for year, 'm' for month, 'd' for day.
+        @return {CDate} The updated date.
+        @throws Error if not a valid date. */
+    set: function(value, period) {
+        return this._calendar.set(this, value, period);
+    },
+
+    /** Compare this date to another date.
+        @memberof CDate
+        @param date {CDate} The other date.
+        @return {number} -1 if this date is before the other date,
+                0 if they are equal, or +1 if this date is after the other date. */
+    compareTo: function(date) {
+        if (this._calendar.name !== date._calendar.name) {
+            throw (_exports.local.differentCalendars || _exports.regionalOptions[''].differentCalendars).
+                replace(/\{0\}/, this._calendar.local.name).replace(/\{1\}/, date._calendar.local.name);
+        }
+        var c = (this._year !== date._year ? this._year - date._year :
+            this._month !== date._month ? this.monthOfYear() - date.monthOfYear() :
+            this._day - date._day);
+        return (c === 0 ? 0 : (c < 0 ? -1 : +1));
+    },
+
+    /** Retrieve the calendar backing this date.
+        @memberof CDate
+        @return {BaseCalendar} The calendar implementation. */
+    calendar: function() {
+        return this._calendar;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof CDate
+        @return {number} The equivalent Julian date. */
+    toJD: function() {
+        return this._calendar.toJD(this);
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof CDate
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        return this._calendar.fromJD(jd);
+    },
+
+    /** Convert this date to a standard (Gregorian) JavaScript Date.
+        @memberof CDate
+        @return {Date} The equivalent JavaScript date. */
+    toJSDate: function() {
+        return this._calendar.toJSDate(this);
+    },
+
+    /** Create a new date from a standard (Gregorian) JavaScript Date.
+        @memberof CDate
+        @param jsd {Date} The JavaScript date to convert.
+        @return {CDate} The equivalent date. */
+    fromJSDate: function(jsd) {
+        return this._calendar.fromJSDate(jsd);
+    },
+
+    /** Convert to a string for display.
+        @memberof CDate
+        @return {string} This date as a string. */
+    toString: function() {
+        return (this.year() < 0 ? '-' : '') + pad(Math.abs(this.year()), 4) +
+            '-' + pad(this.month(), 2) + '-' + pad(this.day(), 2);
+    }
+});
+
+/** Basic functionality for all calendars.
+    Other calendars should extend this:
+    <pre>OtherCalendar.prototype = new BaseCalendar;</pre>
+    @class BaseCalendar */
+function BaseCalendar() {
+    this.shortYearCutoff = '+10';
+}
+
+assign(BaseCalendar.prototype, {
+    _validateLevel: 0, // "Stack" to turn validation on/off
+
+    /** Create a new date within this calendar - today if no parameters given.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to duplicate or the year for the date.
+        @param [month] {number} The month for the date.
+        @param [day] {number} The day for the date.
+        @return {CDate} The new date.
+        @throws Error if not a valid date or a different calendar used. */
+    newDate: function(year, month, day) {
+        if (year == null) {
+            return this.today();
+        }
+        if (year.year) {
+            this._validate(year, month, day,
+                _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+            day = year.day();
+            month = year.month();
+            year = year.year();
+        }
+        return new CDate(this, year, month, day);
+    },
+
+    /** Create a new date for today.
+        @memberof BaseCalendar
+        @return {CDate} Today's date. */
+    today: function() {
+        return this.fromJSDate(new Date());
+    },
+
+    /** Retrieve the epoch designator for this date.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {string} The current epoch.
+        @throws Error if an invalid year or a different calendar used. */
+    epoch: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay,
+            _exports.local.invalidYear || _exports.regionalOptions[''].invalidYear);
+        return (date.year() < 0 ? this.local.epochs[0] : this.local.epochs[1]);
+    },
+
+    /** Format the year, if not a simple sequential number
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to format or the year to format.
+        @return {string} The formatted year.
+        @throws Error if an invalid year or a different calendar used. */
+    formatYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay,
+            _exports.local.invalidYear || _exports.regionalOptions[''].invalidYear);
+        return (date.year() < 0 ? '-' : '') + pad(Math.abs(date.year()), 4)
+    },
+
+    /** Retrieve the number of months in a year.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of months.
+        @throws Error if an invalid year or a different calendar used. */
+    monthsInYear: function(year) {
+        this._validate(year, this.minMonth, this.minDay,
+            _exports.local.invalidYear || _exports.regionalOptions[''].invalidYear);
+        return 12;
+    },
+
+    /** Calculate the month's ordinal position within the year -
+        for those calendars that don't start at month 1!
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param month {number} The month to examine.
+        @return {number} The ordinal position, starting from <code>minMonth</code>.
+        @throws Error if an invalid year/month or a different calendar used. */
+    monthOfYear: function(year, month) {
+        var date = this._validate(year, month, this.minDay,
+            _exports.local.invalidMonth || _exports.regionalOptions[''].invalidMonth);
+        return (date.month() + this.monthsInYear(date) - this.firstMonth) %
+            this.monthsInYear(date) + this.minMonth;
+    },
+
+    /** Calculate actual month from ordinal position, starting from minMonth.
+        @memberof BaseCalendar
+        @param year {number} The year to examine.
+        @param ord {number} The month's ordinal position.
+        @return {number} The month's number.
+        @throws Error if an invalid year/month. */
+    fromMonthOfYear: function(year, ord) {
+        var m = (ord + this.firstMonth - 2 * this.minMonth) %
+            this.monthsInYear(year) + this.minMonth;
+        this._validate(year, m, this.minDay,
+            _exports.local.invalidMonth || _exports.regionalOptions[''].invalidMonth);
+        return m;
+    },
+
+    /** Retrieve the number of days in a year.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {number} The number of days.
+        @throws Error if an invalid year or a different calendar used. */
+    daysInYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay,
+            _exports.local.invalidYear || _exports.regionalOptions[''].invalidYear);
+        return (this.leapYear(date) ? 366 : 365);
+    },
+
+    /** Retrieve the day of the year for a date.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The day of the year.
+        @throws Error if an invalid date or a different calendar used. */
+    dayOfYear: function(year, month, day) {
+        var date = this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        return date.toJD() - this.newDate(date.year(),
+            this.fromMonthOfYear(date.year(), this.minMonth), this.minDay).toJD() + 1;
+    },
+
+    /** Retrieve the number of days in a week.
+        @memberof BaseCalendar
+        @return {number} The number of days. */
+    daysInWeek: function() {
+        return 7;
+    },
+
+    /** Retrieve the day of the week for a date.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The day of the week: 0 to number of days - 1.
+        @throws Error if an invalid date or a different calendar used. */
+    dayOfWeek: function(year, month, day) {
+        var date = this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        return (Math.floor(this.toJD(date)) + 2) % this.daysInWeek();
+    },
+
+    /** Retrieve additional information about a date.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {object} Additional information - contents depends on calendar.
+        @throws Error if an invalid date or a different calendar used. */
+    extraInfo: function(year, month, day) {
+        this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        return {};
+    },
+
+    /** Add period(s) to a date.
+        Cater for no year zero.
+        @memberof BaseCalendar
+        @param date {CDate} The starting date.
+        @param offset {number} The number of periods to adjust by.
+        @param period {string} One of 'y' for year, 'm' for month, 'w' for week, 'd' for day.
+        @return {CDate} The updated date.
+        @throws Error if a different calendar used. */
+    add: function(date, offset, period) {
+        this._validate(date, this.minMonth, this.minDay,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        return this._correctAdd(date, this._add(date, offset, period), offset, period);
+    },
+
+    /** Add period(s) to a date.
+        @memberof BaseCalendar
+        @private
+        @param date {CDate} The starting date.
+        @param offset {number} The number of periods to adjust by.
+        @param period {string} One of 'y' for year, 'm' for month, 'w' for week, 'd' for day.
+        @return {CDate} The updated date. */
+    _add: function(date, offset, period) {
+        this._validateLevel++;
+        if (period === 'd' || period === 'w') {
+            var jd = date.toJD() + offset * (period === 'w' ? this.daysInWeek() : 1);
+            var d = date.calendar().fromJD(jd);
+            this._validateLevel--;
+            return [d.year(), d.month(), d.day()];
+        }
+        try {
+            var y = date.year() + (period === 'y' ? offset : 0);
+            var m = date.monthOfYear() + (period === 'm' ? offset : 0);
+            var d = date.day();// + (period === 'd' ? offset : 0) +
+                //(period === 'w' ? offset * this.daysInWeek() : 0);
+            var resyncYearMonth = function(calendar) {
+                while (m < calendar.minMonth) {
+                    y--;
+                    m += calendar.monthsInYear(y);
+                }
+                var yearMonths = calendar.monthsInYear(y);
+                while (m > yearMonths - 1 + calendar.minMonth) {
+                    y++;
+                    m -= yearMonths;
+                    yearMonths = calendar.monthsInYear(y);
+                }
+            };
+            if (period === 'y') {
+                if (date.month() !== this.fromMonthOfYear(y, m)) { // Hebrew
+                    m = this.newDate(y, date.month(), this.minDay).monthOfYear();
+                }
+                m = Math.min(m, this.monthsInYear(y));
+                d = Math.min(d, this.daysInMonth(y, this.fromMonthOfYear(y, m)));
+            }
+            else if (period === 'm') {
+                resyncYearMonth(this);
+                d = Math.min(d, this.daysInMonth(y, this.fromMonthOfYear(y, m)));
+            }
+            var ymd = [y, this.fromMonthOfYear(y, m), d];
+            this._validateLevel--;
+            return ymd;
+        }
+        catch (e) {
+            this._validateLevel--;
+            throw e;
+        }
+    },
+
+    /** Correct a candidate date after adding period(s) to a date.
+        Handle no year zero if necessary.
+        @memberof BaseCalendar
+        @private
+        @param date {CDate} The starting date.
+        @param ymd {number[]} The added date.
+        @param offset {number} The number of periods to adjust by.
+        @param period {string} One of 'y' for year, 'm' for month, 'w' for week, 'd' for day.
+        @return {CDate} The updated date. */
+    _correctAdd: function(date, ymd, offset, period) {
+        if (!this.hasYearZero && (period === 'y' || period === 'm')) {
+            if (ymd[0] === 0 || // In year zero
+                    (date.year() > 0) !== (ymd[0] > 0)) { // Crossed year zero
+                var adj = {y: [1, 1, 'y'], m: [1, this.monthsInYear(-1), 'm'],
+                    w: [this.daysInWeek(), this.daysInYear(-1), 'd'],
+                    d: [1, this.daysInYear(-1), 'd']}[period];
+                var dir = (offset < 0 ? -1 : +1);
+                ymd = this._add(date, offset * adj[0] + dir * adj[1], adj[2]);
+            }
+        }
+        return date.date(ymd[0], ymd[1], ymd[2]);
+    },
+
+    /** Set a portion of the date.
+        @memberof BaseCalendar
+        @param date {CDate} The starting date.
+        @param value {number} The new value for the period.
+        @param period {string} One of 'y' for year, 'm' for month, 'd' for day.
+        @return {CDate} The updated date.
+        @throws Error if an invalid date or a different calendar used. */
+    set: function(date, value, period) {
+        this._validate(date, this.minMonth, this.minDay,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        var y = (period === 'y' ? value : date.year());
+        var m = (period === 'm' ? value : date.month());
+        var d = (period === 'd' ? value : date.day());
+        if (period === 'y' || period === 'm') {
+            d = Math.min(d, this.daysInMonth(y, m));
+        }
+        return date.date(y, m, d);
+    },
+
+    /** Determine whether a date is valid for this calendar.
+        @memberof BaseCalendar
+        @param year {number} The year to examine.
+        @param month {number} The month to examine.
+        @param day {number} The day to examine.
+        @return {boolean} <code>true</code> if a valid date, <code>false</code> if not. */
+    isValid: function(year, month, day) {
+        this._validateLevel++;
+        var valid = (this.hasYearZero || year !== 0);
+        if (valid) {
+            var date = this.newDate(year, month, this.minDay);
+            valid = (month >= this.minMonth && month - this.minMonth < this.monthsInYear(date)) &&
+                (day >= this.minDay && day - this.minDay < this.daysInMonth(date));
+        }
+        this._validateLevel--;
+        return valid;
+    },
+
+    /** Convert the date to a standard (Gregorian) JavaScript Date.
+        @memberof BaseCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {Date} The equivalent JavaScript date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJSDate: function(year, month, day) {
+        var date = this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        return _exports.instance().fromJD(this.toJD(date)).toJSDate();
+    },
+
+    /** Convert the date from a standard (Gregorian) JavaScript Date.
+        @memberof BaseCalendar
+        @param jsd {Date} The JavaScript date.
+        @return {CDate} The equivalent calendar date. */
+    fromJSDate: function(jsd) {
+        return this.fromJD(_exports.instance().fromJSDate(jsd).toJD());
+    },
+
+    /** Check that a candidate date is from the same calendar and is valid.
+        @memberof BaseCalendar
+        @private
+        @param year {CDate|number} The date to validate or the year to validate.
+        @param [month] {number} The month to validate.
+        @param [day] {number} The day to validate.
+        @param error {string} Rrror message if invalid.
+        @throws Error if different calendars used or invalid date. */
+    _validate: function(year, month, day, error) {
+        if (year.year) {
+            if (this._validateLevel === 0 && this.name !== year.calendar().name) {
+                throw (_exports.local.differentCalendars || _exports.regionalOptions[''].differentCalendars).
+                    replace(/\{0\}/, this.local.name).replace(/\{1\}/, year.calendar().local.name);
+            }
+            return year;
+        }
+        try {
+            this._validateLevel++;
+            if (this._validateLevel === 1 && !this.isValid(year, month, day)) {
+                throw error.replace(/\{0\}/, this.local.name);
+            }
+            var date = this.newDate(year, month, day);
+            this._validateLevel--;
+            return date;
+        }
+        catch (e) {
+            this._validateLevel--;
+            throw e;
+        }
+    }
+});
+
+/** Implementation of the Proleptic Gregorian Calendar.
+    See <a href=":http://en.wikipedia.org/wiki/Gregorian_calendar">http://en.wikipedia.org/wiki/Gregorian_calendar</a>
+    and <a href="http://en.wikipedia.org/wiki/Proleptic_Gregorian_calendar">http://en.wikipedia.org/wiki/Proleptic_Gregorian_calendar</a>.
+    @class GregorianCalendar
+    @augments BaseCalendar
+    @param [language=''] {string} The language code (default English) for localisation. */
+function GregorianCalendar(language) {
+    this.local = this.regionalOptions[language] || this.regionalOptions[''];
+}
+
+GregorianCalendar.prototype = new BaseCalendar;
+
+assign(GregorianCalendar.prototype, {
+    /** The calendar name.
+        @memberof GregorianCalendar */
+    name: 'Gregorian',
+     /** Julian date of start of Gregorian epoch: 1 January 0001 CE.
+        @memberof GregorianCalendar */
+    jdEpoch: 1721425.5,
+     /** Days per month in a common year.
+        @memberof GregorianCalendar */
+    daysPerMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+     /** <code>true</code> if has a year zero, <code>false</code> if not.
+        @memberof GregorianCalendar */
+    hasYearZero: false,
+    /** The minimum month number.
+        @memberof GregorianCalendar */
+    minMonth: 1,
+    /** The first month in the year.
+        @memberof GregorianCalendar */
+    firstMonth: 1,
+     /** The minimum day number.
+        @memberof GregorianCalendar */
+    minDay: 1,
+
+    /** Localisations for the plugin.
+        Entries are objects indexed by the language code ('' being the default US/English).
+        Each object has the following attributes.
+        @memberof GregorianCalendar
+        @property name {string} The calendar name.
+        @property epochs {string[]} The epoch names.
+        @property monthNames {string[]} The long names of the months of the year.
+        @property monthNamesShort {string[]} The short names of the months of the year.
+        @property dayNames {string[]} The long names of the days of the week.
+        @property dayNamesShort {string[]} The short names of the days of the week.
+        @property dayNamesMin {string[]} The minimal names of the days of the week.
+        @property dateFormat {string} The date format for this calendar.
+                See the options on <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a> for details.
+        @property firstDay {number} The number of the first day of the week, starting at 0.
+        @property isRTL {number} <code>true</code> if this localisation reads right-to-left. */
+    regionalOptions: { // Localisations
+        '': {
+            name: 'Gregorian',
+            epochs: ['BCE', 'CE'],
+            monthNames: ['January', 'February', 'March', 'April', 'May', 'June',
+            'July', 'August', 'September', 'October', 'November', 'December'],
+            monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+            digits: null,
+            dateFormat: 'mm/dd/yyyy',
+            firstDay: 0,
+            isRTL: false
+        }
+    },
+    
+    /** Determine whether this date is in a leap year.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @return {boolean} <code>true</code> if this is a leap year, <code>false</code> if not.
+        @throws Error if an invalid year or a different calendar used. */
+    leapYear: function(year) {
+        var date = this._validate(year, this.minMonth, this.minDay,
+            _exports.local.invalidYear || _exports.regionalOptions[''].invalidYear);
+        var year = date.year() + (date.year() < 0 ? 1 : 0); // No year zero
+        return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+    },
+
+    /** Determine the week of the year for a date - ISO 8601.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {number} The week of the year, starting from 1.
+        @throws Error if an invalid date or a different calendar used. */
+    weekOfYear: function(year, month, day) {
+        // Find Thursday of this week starting on Monday
+        var checkDate = this.newDate(year, month, day);
+        checkDate.add(4 - (checkDate.dayOfWeek() || 7), 'd');
+        return Math.floor((checkDate.dayOfYear() - 1) / 7) + 1;
+    },
+
+    /** Retrieve the number of days in a month.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to examine or the year of the month.
+        @param [month] {number} The month.
+        @return {number} The number of days in this month.
+        @throws Error if an invalid month/year or a different calendar used. */
+    daysInMonth: function(year, month) {
+        var date = this._validate(year, month, this.minDay,
+            _exports.local.invalidMonth || _exports.regionalOptions[''].invalidMonth);
+        return this.daysPerMonth[date.month() - 1] +
+            (date.month() === 2 && this.leapYear(date.year()) ? 1 : 0);
+    },
+
+    /** Determine whether this date is a week day.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to examine or the year to examine.
+        @param [month] {number} The month to examine.
+        @param [day] {number} The day to examine.
+        @return {boolean} <code>true</code> if a week day, <code>false</code> if not.
+        @throws Error if an invalid date or a different calendar used. */
+    weekDay: function(year, month, day) {
+        return (this.dayOfWeek(year, month, day) || 7) < 6;
+    },
+
+    /** Retrieve the Julian date equivalent for this date,
+        i.e. days since January 1, 4713 BCE Greenwich noon.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {number} The equivalent Julian date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJD: function(year, month, day) {
+        var date = this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        year = date.year();
+        month = date.month();
+        day = date.day();
+        if (year < 0) { year++; } // No year zero
+        // Jean Meeus algorithm, "Astronomical Algorithms", 1991
+        if (month < 3) {
+            month += 12;
+            year--;
+        }
+        var a = Math.floor(year / 100);
+        var b = 2 - a + Math.floor(a / 4);
+        return Math.floor(365.25 * (year + 4716)) +
+            Math.floor(30.6001 * (month + 1)) + day + b - 1524.5;
+    },
+
+    /** Create a new date from a Julian date.
+        @memberof GregorianCalendar
+        @param jd {number} The Julian date to convert.
+        @return {CDate} The equivalent date. */
+    fromJD: function(jd) {
+        // Jean Meeus algorithm, "Astronomical Algorithms", 1991
+        var z = Math.floor(jd + 0.5);
+        var a = Math.floor((z - 1867216.25) / 36524.25);
+        a = z + 1 + a - Math.floor(a / 4);
+        var b = a + 1524;
+        var c = Math.floor((b - 122.1) / 365.25);
+        var d = Math.floor(365.25 * c);
+        var e = Math.floor((b - d) / 30.6001);
+        var day = b - d - Math.floor(e * 30.6001);
+        var month = e - (e > 13.5 ? 13 : 1);
+        var year = c - (month > 2.5 ? 4716 : 4715);
+        if (year <= 0) { year--; } // No year zero
+        return this.newDate(year, month, day);
+    },
+
+    /** Convert this date to a standard (Gregorian) JavaScript Date.
+        @memberof GregorianCalendar
+        @param year {CDate|number} The date to convert or the year to convert.
+        @param [month] {number} The month to convert.
+        @param [day] {number} The day to convert.
+        @return {Date} The equivalent JavaScript date.
+        @throws Error if an invalid date or a different calendar used. */
+    toJSDate: function(year, month, day) {
+        var date = this._validate(year, month, day,
+            _exports.local.invalidDate || _exports.regionalOptions[''].invalidDate);
+        var jsd = new Date(date.year(), date.month() - 1, date.day());
+        jsd.setHours(0);
+        jsd.setMinutes(0);
+        jsd.setSeconds(0);
+        jsd.setMilliseconds(0);
+        // Hours may be non-zero on daylight saving cut-over:
+        // > 12 when midnight changeover, but then cannot generate
+        // midnight datetime, so jump to 1AM, otherwise reset.
+        jsd.setHours(jsd.getHours() > 12 ? jsd.getHours() + 2 : 0);
+        return jsd;
+    },
+
+    /** Create a new date from a standard (Gregorian) JavaScript Date.
+        @memberof GregorianCalendar
+        @param jsd {Date} The JavaScript date to convert.
+        @return {CDate} The equivalent date. */
+    fromJSDate: function(jsd) {
+        return this.newDate(jsd.getFullYear(), jsd.getMonth() + 1, jsd.getDate());
+    }
+});
+
+// Singleton manager
+var _exports = module.exports = new Calendars();
+
+// Date template
+_exports.cdate = CDate;
+
+// Base calendar template
+_exports.baseCalendar = BaseCalendar;
+
+// Gregorian calendar implementation
+_exports.calendars.gregorian = GregorianCalendar;
+
+
+},{"object-assign":470}],582:[function(require,module,exports){
+/*
+ * World Calendars
+ * https://github.com/alexcjohnson/world-calendars
+ *
+ * Batch-converted from kbwood/calendars
+ * Many thanks to Keith Wood and all of the contributors to the original project!
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* http://keith-wood.name/calendars.html
+   Calendars extras for jQuery v2.0.2.
+   Written by Keith Wood (wood.keith{at}optusnet.com.au) August 2009.
+   Available under the MIT (http://keith-wood.name/licence.html) license. 
+   Please attribute the author if you use it. */
+
+var assign = require('object-assign');
+var main = require('./main');
+
+
+assign(main.regionalOptions[''], {
+    invalidArguments: 'Invalid arguments',
+    invalidFormat: 'Cannot format a date from another calendar',
+    missingNumberAt: 'Missing number at position {0}',
+    unknownNameAt: 'Unknown name at position {0}',
+    unexpectedLiteralAt: 'Unexpected literal at position {0}',
+    unexpectedText: 'Additional text found at end'
+});
+main.local = main.regionalOptions[''];
+
+assign(main.cdate.prototype, {
+
+    /** Format this date.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof CDate
+        @param [format] {string} The date format to use (see <a href="BaseCalendar.html#formatDate"><code>formatDate</code></a>).
+        @param [settings] {object} Options for the <code>formatDate</code> function.
+        @return {string} The formatted date. */
+    formatDate: function(format, settings) {
+        if (typeof format !== 'string') {
+            settings = format;
+            format = '';
+        }
+        return this._calendar.formatDate(format || '', this, settings);
+    }
+});
+
+assign(main.baseCalendar.prototype, {
+
+    UNIX_EPOCH: main.instance().newDate(1970, 1, 1).toJD(),
+    SECS_PER_DAY: 24 * 60 * 60,
+    TICKS_EPOCH: main.instance().jdEpoch, // 1 January 0001 CE
+    TICKS_PER_DAY: 24 * 60 * 60 * 10000000,
+
+    /** Date form for ATOM (RFC 3339/ISO 8601).
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    ATOM: 'yyyy-mm-dd',
+    /** Date form for cookies.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    COOKIE: 'D, dd M yyyy',
+    /** Date form for full date.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    FULL: 'DD, MM d, yyyy',
+    /** Date form for ISO 8601.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    ISO_8601: 'yyyy-mm-dd',
+    /** Date form for Julian date.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    JULIAN: 'J',
+    /** Date form for RFC 822.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RFC_822: 'D, d M yy',
+    /** Date form for RFC 850.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RFC_850: 'DD, dd-M-yy',
+    /** Date form for RFC 1036.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RFC_1036: 'D, d M yy',
+    /** Date form for RFC 1123.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RFC_1123: 'D, d M yyyy',
+    /** Date form for RFC 2822.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RFC_2822: 'D, d M yyyy',
+    /** Date form for RSS (RFC 822).
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    RSS: 'D, d M yy',
+    /** Date form for Windows ticks.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    TICKS: '!',
+    /** Date form for Unix timestamp.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    TIMESTAMP: '@',
+    /** Date form for W3c (ISO 8601).
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar */
+    W3C: 'yyyy-mm-dd',
+
+    /** Format a date object into a string value.
+        The format can be combinations of the following:
+        <ul>
+        <li>d  - day of month (no leading zero)</li>
+        <li>dd - day of month (two digit)</li>
+        <li>o  - day of year (no leading zeros)</li>
+        <li>oo - day of year (three digit)</li>
+        <li>D  - day name short</li>
+        <li>DD - day name long</li>
+        <li>w  - week of year (no leading zero)</li>
+        <li>ww - week of year (two digit)</li>
+        <li>m  - month of year (no leading zero)</li>
+        <li>mm - month of year (two digit)</li>
+        <li>M  - month name short</li>
+        <li>MM - month name long</li>
+        <li>yy - year (two digit)</li>
+        <li>yyyy - year (four digit)</li>
+        <li>YYYY - formatted year</li>
+        <li>J  - Julian date (days since January 1, 4713 BCE Greenwich noon)</li>
+        <li>@  - Unix timestamp (s since 01/01/1970)</li>
+        <li>!  - Windows ticks (100ns since 01/01/0001)</li>
+        <li>'...' - literal text</li>
+        <li>'' - single quote</li>
+        </ul>
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar
+        @param [format] {string} The desired format of the date (defaults to calendar format).
+        @param date {CDate} The date value to format.
+        @param [settings] {object} Addition options, whose attributes include:
+        @property [dayNamesShort] {string[]} Abbreviated names of the days from Sunday.
+        @property [dayNames] {string[]} Names of the days from Sunday.
+        @property [monthNamesShort] {string[]} Abbreviated names of the months.
+        @property [monthNames] {string[]} Names of the months.
+        @property [calculateWeek] {CalendarsPickerCalculateWeek} Function that determines week of the year.
+        @property [localNumbers=false] {boolean} <code>true</code> to localise numbers (if available),
+                  <code>false</code> to use normal Arabic numerals.
+        @return {string} The date in the above format.
+        @throws Errors if the date is from a different calendar. */
+    formatDate: function(format, date, settings) {
+        if (typeof format !== 'string') {
+            settings = date;
+            date = format;
+            format = '';
+        }
+        if (!date) {
+            return '';
+        }
+        if (date.calendar() !== this) {
+            throw main.local.invalidFormat || main.regionalOptions[''].invalidFormat;
+        }
+        format = format || this.local.dateFormat;
+        settings = settings || {};
+        var dayNamesShort = settings.dayNamesShort || this.local.dayNamesShort;
+        var dayNames = settings.dayNames || this.local.dayNames;
+        var monthNumbers = settings.monthNumbers || this.local.monthNumbers;
+        var monthNamesShort = settings.monthNamesShort || this.local.monthNamesShort;
+        var monthNames = settings.monthNames || this.local.monthNames;
+        var calculateWeek = settings.calculateWeek || this.local.calculateWeek;
+        // Check whether a format character is doubled
+        var doubled = function(match, step) {
+            var matches = 1;
+            while (iFormat + matches < format.length && format.charAt(iFormat + matches) === match) {
+                matches++;
+            }
+            iFormat += matches - 1;
+            return Math.floor(matches / (step || 1)) > 1;
+        };
+        // Format a number, with leading zeroes if necessary
+        var formatNumber = function(match, value, len, step) {
+            var num = '' + value;
+            if (doubled(match, step)) {
+                while (num.length < len) {
+                    num = '0' + num;
+                }
+            }
+            return num;
+        };
+        // Format a name, short or long as requested
+        var formatName = function(match, value, shortNames, longNames) {
+            return (doubled(match) ? longNames[value] : shortNames[value]);
+        };
+        // Format month number
+        // (e.g. Chinese calendar needs to account for intercalary months)
+        var calendar = this;
+        var formatMonth = function(date) {
+            return (typeof monthNumbers === 'function') ?
+                monthNumbers.call(calendar, date, doubled('m')) :
+                localiseNumbers(formatNumber('m', date.month(), 2));
+        };
+        // Format a month name, short or long as requested
+        var formatMonthName = function(date, useLongName) {
+            if (useLongName) {
+                return (typeof monthNames === 'function') ?
+                    monthNames.call(calendar, date) :
+                    monthNames[date.month() - calendar.minMonth];
+            } else {
+                return (typeof monthNamesShort === 'function') ?
+                    monthNamesShort.call(calendar, date) :
+                    monthNamesShort[date.month() - calendar.minMonth];
+            }
+        };
+        // Localise numbers if requested and available
+        var digits = this.local.digits;
+        var localiseNumbers = function(value) {
+            return (settings.localNumbers && digits ? digits(value) : value);
+        };
+        var output = '';
+        var literal = false;
+        for (var iFormat = 0; iFormat < format.length; iFormat++) {
+            if (literal) {
+                if (format.charAt(iFormat) === "'" && !doubled("'")) {
+                    literal = false;
+                }
+                else {
+                    output += format.charAt(iFormat);
+                }
+            }
+            else {
+                switch (format.charAt(iFormat)) {
+                    case 'd': output += localiseNumbers(formatNumber('d', date.day(), 2)); break;
+                    case 'D': output += formatName('D', date.dayOfWeek(),
+                        dayNamesShort, dayNames); break;
+                    case 'o': output += formatNumber('o', date.dayOfYear(), 3); break;
+                    case 'w': output += formatNumber('w', date.weekOfYear(), 2); break;
+                    case 'm': output += formatMonth(date); break;
+                    case 'M': output += formatMonthName(date, doubled('M')); break;
+                    case 'y':
+                        output += (doubled('y', 2) ? date.year() :
+                            (date.year() % 100 < 10 ? '0' : '') + date.year() % 100);
+                        break;
+                    case 'Y':
+                        doubled('Y', 2);
+                        output += date.formatYear();
+                        break;
+                    case 'J': output += date.toJD(); break;
+                    case '@': output += (date.toJD() - this.UNIX_EPOCH) * this.SECS_PER_DAY; break;
+                    case '!': output += (date.toJD() - this.TICKS_EPOCH) * this.TICKS_PER_DAY; break;
+                    case "'":
+                        if (doubled("'")) {
+                            output += "'";
+                        }
+                        else {
+                            literal = true;
+                        }
+                        break;
+                    default:
+                        output += format.charAt(iFormat);
+                }
+            }
+        }
+        return output;
+    },
+
+    /** Parse a string value into a date object.
+        See <a href="#formatDate"><code>formatDate</code></a> for the possible formats, plus:
+        <ul>
+        <li>* - ignore rest of string</li>
+        </ul>
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar
+        @param format {string} The expected format of the date ('' for default calendar format).
+        @param value {string} The date in the above format.
+        @param [settings] {object} Additional options whose attributes include:
+        @property [shortYearCutoff] {number} The cutoff year for determining the century.
+        @property [dayNamesShort] {string[]} Abbreviated names of the days from Sunday.
+        @property [dayNames] {string[]} Names of the days from Sunday.
+        @property [monthNamesShort] {string[]} Abbreviated names of the months.
+        @property [monthNames] {string[]} Names of the months.
+        @return {CDate} The extracted date value or <code>null</code> if value is blank.
+        @throws Errors if the format and/or value are missing,
+                if the value doesn't match the format, or if the date is invalid. */
+    parseDate: function(format, value, settings) {
+        if (value == null) {
+            throw main.local.invalidArguments || main.regionalOptions[''].invalidArguments;
+        }
+        value = (typeof value === 'object' ? value.toString() : value + '');
+        if (value === '') {
+            return null;
+        }
+        format = format || this.local.dateFormat;
+        settings = settings || {};
+        var shortYearCutoff = settings.shortYearCutoff || this.shortYearCutoff;
+        shortYearCutoff = (typeof shortYearCutoff !== 'string' ? shortYearCutoff :
+            this.today().year() % 100 + parseInt(shortYearCutoff, 10));
+        var dayNamesShort = settings.dayNamesShort || this.local.dayNamesShort;
+        var dayNames = settings.dayNames || this.local.dayNames;
+        var parseMonth = settings.parseMonth || this.local.parseMonth;
+        var monthNumbers = settings.monthNumbers || this.local.monthNumbers;
+        var monthNamesShort = settings.monthNamesShort || this.local.monthNamesShort;
+        var monthNames = settings.monthNames || this.local.monthNames;
+        var jd = -1;
+        var year = -1;
+        var month = -1;
+        var day = -1;
+        var doy = -1;
+        var shortYear = false;
+        var literal = false;
+        // Check whether a format character is doubled
+        var doubled = function(match, step) {
+            var matches = 1;
+            while (iFormat + matches < format.length && format.charAt(iFormat + matches) === match) {
+                matches++;
+            }
+            iFormat += matches - 1;
+            return Math.floor(matches / (step || 1)) > 1;
+        };
+        // Extract a number from the string value
+        var getNumber = function(match, step) {
+            var isDoubled = doubled(match, step);
+            var size = [2, 3, isDoubled ? 4 : 2, isDoubled ? 4 : 2, 10, 11, 20]['oyYJ@!'.indexOf(match) + 1];
+            var digits = new RegExp('^-?\\d{1,' + size + '}');
+            var num = value.substring(iValue).match(digits);
+            if (!num) {
+                throw (main.local.missingNumberAt || main.regionalOptions[''].missingNumberAt).
+                    replace(/\{0\}/, iValue);
+            }
+            iValue += num[0].length;
+            return parseInt(num[0], 10);
+        };
+        // Extract a month number from the string value
+        var calendar = this;
+        var getMonthNumber = function() {
+            if (typeof monthNumbers === 'function') {
+                doubled('m');  // update iFormat
+                var month = monthNumbers.call(calendar, value.substring(iValue));
+                iValue += month.length;
+                return month;
+            }
+
+            return getNumber('m');
+        };
+        // Extract a name from the string value and convert to an index
+        var getName = function(match, shortNames, longNames, step) {
+            var names = (doubled(match, step) ? longNames : shortNames);
+            for (var i = 0; i < names.length; i++) {
+                if (value.substr(iValue, names[i].length).toLowerCase() === names[i].toLowerCase()) {
+                    iValue += names[i].length;
+                    return i + calendar.minMonth;
+                }
+            }
+            throw (main.local.unknownNameAt || main.regionalOptions[''].unknownNameAt).
+                replace(/\{0\}/, iValue);
+        };
+        // Extract a month number from the string value
+        var getMonthName = function() {
+            if (typeof monthNames === 'function') {
+                var month = doubled('M') ?
+                    monthNames.call(calendar, value.substring(iValue)) :
+                    monthNamesShort.call(calendar, value.substring(iValue));
+                iValue += month.length;
+                return month;
+            }
+
+            return getName('M', monthNamesShort, monthNames);
+        };
+        // Confirm that a literal character matches the string value
+        var checkLiteral = function() {
+            if (value.charAt(iValue) !== format.charAt(iFormat)) {
+                throw (main.local.unexpectedLiteralAt ||
+                    main.regionalOptions[''].unexpectedLiteralAt).replace(/\{0\}/, iValue);
+            }
+            iValue++;
+        };
+        var iValue = 0;
+        for (var iFormat = 0; iFormat < format.length; iFormat++) {
+            if (literal) {
+                if (format.charAt(iFormat) === "'" && !doubled("'")) {
+                    literal = false;
+                }
+                else {
+                    checkLiteral();
+                }
+            }
+            else {
+                switch (format.charAt(iFormat)) {
+                    case 'd': day = getNumber('d'); break;
+                    case 'D': getName('D', dayNamesShort, dayNames); break;
+                    case 'o': doy = getNumber('o'); break;
+                    case 'w': getNumber('w'); break;
+                    case 'm': month = getMonthNumber(); break;
+                    case 'M': month = getMonthName(); break;
+                    case 'y':
+                        var iSave = iFormat;
+                        shortYear = !doubled('y', 2);
+                        iFormat = iSave;
+                        year = getNumber('y', 2);
+                        break;
+                    case 'Y': year = getNumber('Y', 2); break;
+                    case 'J':
+                        jd = getNumber('J') + 0.5;
+                        if (value.charAt(iValue) === '.') {
+                            iValue++;
+                            getNumber('J');
+                        }
+                        break;
+                    case '@': jd = getNumber('@') / this.SECS_PER_DAY + this.UNIX_EPOCH; break;
+                    case '!': jd = getNumber('!') / this.TICKS_PER_DAY + this.TICKS_EPOCH; break;
+                    case '*': iValue = value.length; break;
+                    case "'":
+                        if (doubled("'")) {
+                            checkLiteral();
+                        }
+                        else {
+                            literal = true;
+                        }
+                        break;
+                    default: checkLiteral();
+                }
+            }
+        }
+        if (iValue < value.length) {
+            throw main.local.unexpectedText || main.regionalOptions[''].unexpectedText;
+        }
+        if (year === -1) {
+            year = this.today().year();
+        }
+        else if (year < 100 && shortYear) {
+            year += (shortYearCutoff === -1 ? 1900 : this.today().year() -
+                this.today().year() % 100 - (year <= shortYearCutoff ? 0 : 100));
+        }
+        if (typeof month === 'string') {
+            month = parseMonth.call(this, year, month);
+        }
+        if (doy > -1) {
+            month = 1;
+            day = doy;
+            for (var dim = this.daysInMonth(year, month); day > dim; dim = this.daysInMonth(year, month)) {
+                month++;
+                day -= dim;
+            }
+        }
+        return (jd > -1 ? this.fromJD(jd) : this.newDate(year, month, day));
+    },
+
+    /** A date may be specified as an exact value or a relative one.
+        Found in the <code>jquery.calendars.plus.js</code> module.
+        @memberof BaseCalendar
+        @param dateSpec {CDate|number|string} The date as an object or string in the given format or
+                an offset - numeric days from today, or string amounts and periods, e.g. '+1m +2w'.
+        @param defaultDate {CDate} The date to use if no other supplied, may be <code>null</code>.
+        @param currentDate {CDate} The current date as a possible basis for relative dates,
+                if <code>null</code> today is used (optional)
+        @param [dateFormat] {string} The expected date format - see <a href="#formatDate"><code>formatDate</code></a>.
+        @param [settings] {object} Additional options whose attributes include:
+        @property [shortYearCutoff] {number} The cutoff year for determining the century.
+        @property [dayNamesShort] {string[]} Abbreviated names of the days from Sunday.
+        @property [dayNames] {string[]} Names of the days from Sunday.
+        @property [monthNamesShort] {string[]} Abbreviated names of the months.
+        @property [monthNames] {string[]} Names of the months.
+        @return {CDate} The decoded date. */
+    determineDate: function(dateSpec, defaultDate, currentDate, dateFormat, settings) {
+        if (currentDate && typeof currentDate !== 'object') {
+            settings = dateFormat;
+            dateFormat = currentDate;
+            currentDate = null;
+        }
+        if (typeof dateFormat !== 'string') {
+            settings = dateFormat;
+            dateFormat = '';
+        }
+        var calendar = this;
+        var offsetString = function(offset) {
+            try {
+                return calendar.parseDate(dateFormat, offset, settings);
+            }
+            catch (e) {
+                // Ignore
+            }
+            offset = offset.toLowerCase();
+            var date = (offset.match(/^c/) && currentDate ?
+                currentDate.newDate() : null) || calendar.today();
+            var pattern = /([+-]?[0-9]+)\s*(d|w|m|y)?/g;
+            var matches = pattern.exec(offset);
+            while (matches) {
+                date.add(parseInt(matches[1], 10), matches[2] || 'd');
+                matches = pattern.exec(offset);
+            }
+            return date;
+        };
+        defaultDate = (defaultDate ? defaultDate.newDate() : null);
+        dateSpec = (dateSpec == null ? defaultDate :
+            (typeof dateSpec === 'string' ? offsetString(dateSpec) : (typeof dateSpec === 'number' ?
+            (isNaN(dateSpec) || dateSpec === Infinity || dateSpec === -Infinity ? defaultDate :
+            calendar.today().add(dateSpec, 'd')) : calendar.newDate(dateSpec))));
+        return dateSpec;
+    }
+});
+
+
+},{"./main":581,"object-assign":470}],583:[function(require,module,exports){
+module.exports = require('cwise-compiler')({
+    args: ['array', {
+        offset: [1],
+        array: 0
+    }, 'scalar', 'scalar', 'index'],
+    pre: {
+        "body": "{}",
+        "args": [],
+        "thisVars": [],
+        "localVars": []
+    },
+    post: {
+        "body": "{}",
+        "args": [],
+        "thisVars": [],
+        "localVars": []
+    },
+    body: {
+        "body": "{\n        var _inline_1_da = _inline_1_arg0_ - _inline_1_arg3_\n        var _inline_1_db = _inline_1_arg1_ - _inline_1_arg3_\n        if((_inline_1_da >= 0) !== (_inline_1_db >= 0)) {\n          _inline_1_arg2_.push(_inline_1_arg4_[0] + 0.5 + 0.5 * (_inline_1_da + _inline_1_db) / (_inline_1_da - _inline_1_db))\n        }\n      }",
+        "args": [{
+            "name": "_inline_1_arg0_",
+            "lvalue": false,
+            "rvalue": true,
+            "count": 1
+        }, {
+            "name": "_inline_1_arg1_",
+            "lvalue": false,
+            "rvalue": true,
+            "count": 1
+        }, {
+            "name": "_inline_1_arg2_",
+            "lvalue": false,
+            "rvalue": true,
+            "count": 1
+        }, {
+            "name": "_inline_1_arg3_",
+            "lvalue": false,
+            "rvalue": true,
+            "count": 2
+        }, {
+            "name": "_inline_1_arg4_",
+            "lvalue": false,
+            "rvalue": true,
+            "count": 1
+        }],
+        "thisVars": [],
+        "localVars": ["_inline_1_da", "_inline_1_db"]
+    },
+    funcName: 'zeroCrossings'
+})
+
+},{"cwise-compiler":110}],584:[function(require,module,exports){
+"use strict"
+
+module.exports = findZeroCrossings
+
+var core = require("./lib/zc-core")
+
+function findZeroCrossings(array, level) {
+  var cross = []
+  level = +level || 0.0
+  core(array.hi(array.shape[0]-1), cross, level)
+  return cross
+}
+},{"./lib/zc-core":583}],585:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var handleAnnotationCommonDefaults = require('./common_defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function handleAnnotationDefaults(annIn, annOut, fullLayout, opts, itemOpts) {
+    opts = opts || {};
+    itemOpts = itemOpts || {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(annIn, annOut, attributes, attr, dflt);
+    }
+
+    var visible = coerce('visible', !itemOpts.itemIsNotPlainObject);
+    var clickToShow = coerce('clicktoshow');
+
+    if(!(visible || clickToShow)) return annOut;
+
+    handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce);
+
+    var showArrow = annOut.showarrow;
+
+    // positioning
+    var axLetters = ['x', 'y'],
+        arrowPosDflt = [-10, -30],
+        gdMock = {_fullLayout: fullLayout};
+    for(var i = 0; i < 2; i++) {
+        var axLetter = axLetters[i];
+
+        // xref, yref
+        var axRef = Axes.coerceRef(annIn, annOut, gdMock, axLetter, '', 'paper');
+
+        // x, y
+        Axes.coercePosition(annOut, gdMock, coerce, axRef, axLetter, 0.5);
+
+        if(showArrow) {
+            var arrowPosAttr = 'a' + axLetter,
+                // axref, ayref
+                aaxRef = Axes.coerceRef(annIn, annOut, gdMock, arrowPosAttr, 'pixel');
+
+            // for now the arrow can only be on the same axis or specified as pixels
+            // TODO: sometime it might be interesting to allow it to be on *any* axis
+            // but that would require updates to drawing & autorange code and maybe more
+            if(aaxRef !== 'pixel' && aaxRef !== axRef) {
+                aaxRef = annOut[arrowPosAttr] = 'pixel';
+            }
+
+            // ax, ay
+            var aDflt = (aaxRef === 'pixel') ? arrowPosDflt[i] : 0.4;
+            Axes.coercePosition(annOut, gdMock, coerce, aaxRef, arrowPosAttr, aDflt);
+        }
+
+        // xanchor, yanchor
+        coerce(axLetter + 'anchor');
+
+        // xshift, yshift
+        coerce(axLetter + 'shift');
+    }
+
+    // if you have one coordinate you should have both
+    Lib.noneOrAll(annIn, annOut, ['x', 'y']);
+
+    // if you have one part of arrow length you should have both
+    if(showArrow) {
+        Lib.noneOrAll(annIn, annOut, ['ax', 'ay']);
+    }
+
+    if(clickToShow) {
+        var xClick = coerce('xclick');
+        var yClick = coerce('yclick');
+
+        // put the actual click data to bind to into private attributes
+        // so we don't have to do this little bit of logic on every hover event
+        annOut._xclick = (xClick === undefined) ?
+            annOut.x :
+            Axes.cleanPosition(xClick, gdMock, annOut.xref);
+        annOut._yclick = (yClick === undefined) ?
+            annOut.y :
+            Axes.cleanPosition(yClick, gdMock, annOut.yref);
+    }
+
+    return annOut;
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"./attributes":587,"./common_defaults":590}],586:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * All paths are tuned for maximum scalability of the arrowhead,
+ * ie throughout arrowwidth=0.3..3 the head is joined smoothly
+ * to the line, with the line coming from the left and ending at (0, 0).
+ *
+ * `backoff` is the distance to move the arrowhead and the end of the line,
+ * in order that the arrowhead points to the desired place, either at
+ * the tip of the arrow or (in the case of circle or square)
+ * the center of the symbol.
+ *
+ * `noRotate`, if truthy, says that this arrowhead should not rotate with the
+ * arrow. That's the case for squares, which should always be straight, and
+ * circles, for which it's irrelevant.
+ */
+
+module.exports = [
+    // no arrow
+    {
+        path: '',
+        backoff: 0
+    },
+    // wide with flat back
+    {
+        path: 'M-2.4,-3V3L0.6,0Z',
+        backoff: 0.6
+    },
+    // narrower with flat back
+    {
+        path: 'M-3.7,-2.5V2.5L1.3,0Z',
+        backoff: 1.3
+    },
+    // barbed
+    {
+        path: 'M-4.45,-3L-1.65,-0.2V0.2L-4.45,3L1.55,0Z',
+        backoff: 1.55
+    },
+    // wide line-drawn
+    {
+        path: 'M-2.2,-2.2L-0.2,-0.2V0.2L-2.2,2.2L-1.4,3L1.6,0L-1.4,-3Z',
+        backoff: 1.6
+    },
+    // narrower line-drawn
+    {
+        path: 'M-4.4,-2.1L-0.6,-0.2V0.2L-4.4,2.1L-4,3L2,0L-4,-3Z',
+        backoff: 2
+    },
+    // circle
+    {
+        path: 'M2,0A2,2 0 1,1 0,-2A2,2 0 0,1 2,0Z',
+        backoff: 0,
+        noRotate: true
+    },
+    // square
+    {
+        path: 'M2,2V-2H-2V2Z',
+        backoff: 0,
+        noRotate: true
+    }
+];
+
+},{}],587:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ARROWPATHS = require('./arrow_paths');
+var fontAttrs = require('../../plots/font_attributes');
+var cartesianConstants = require('../../plots/cartesian/constants');
+
+
+module.exports = {
+    _isLinkedToArray: 'annotation',
+
+    visible: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calcIfAutorange',
+        
+    },
+
+    text: {
+        valType: 'string',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    textangle: {
+        valType: 'angle',
+        dflt: 0,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    font: fontAttrs({
+        editType: 'calcIfAutorange',
+        colorEditType: 'arraydraw',
+        
+    }),
+    width: {
+        valType: 'number',
+        min: 1,
+        dflt: null,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    height: {
+        valType: 'number',
+        min: 1,
+        dflt: null,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    opacity: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 1,
+        
+        editType: 'arraydraw',
+        
+    },
+    align: {
+        valType: 'enumerated',
+        values: ['left', 'center', 'right'],
+        dflt: 'center',
+        
+        editType: 'arraydraw',
+        
+    },
+    valign: {
+        valType: 'enumerated',
+        values: ['top', 'middle', 'bottom'],
+        dflt: 'middle',
+        
+        editType: 'arraydraw',
+        
+    },
+    bgcolor: {
+        valType: 'color',
+        dflt: 'rgba(0,0,0,0)',
+        
+        editType: 'arraydraw',
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: 'rgba(0,0,0,0)',
+        
+        editType: 'arraydraw',
+        
+    },
+    borderpad: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    borderwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    // arrow
+    showarrow: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    arrowcolor: {
+        valType: 'color',
+        
+        editType: 'arraydraw',
+        
+    },
+    arrowhead: {
+        valType: 'integer',
+        min: 0,
+        max: ARROWPATHS.length,
+        dflt: 1,
+        
+        editType: 'arraydraw',
+        
+    },
+    arrowsize: {
+        valType: 'number',
+        min: 0.3,
+        dflt: 1,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    arrowwidth: {
+        valType: 'number',
+        min: 0.1,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    standoff: {
+        valType: 'number',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    ax: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    ay: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    axref: {
+        valType: 'enumerated',
+        dflt: 'pixel',
+        values: [
+            'pixel',
+            cartesianConstants.idRegex.x.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    ayref: {
+        valType: 'enumerated',
+        dflt: 'pixel',
+        values: [
+            'pixel',
+            cartesianConstants.idRegex.y.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    // positioning
+    xref: {
+        valType: 'enumerated',
+        values: [
+            'paper',
+            cartesianConstants.idRegex.x.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    x: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    xanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'left', 'center', 'right'],
+        dflt: 'auto',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    xshift: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    yref: {
+        valType: 'enumerated',
+        values: [
+            'paper',
+            cartesianConstants.idRegex.y.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    y: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'top', 'middle', 'bottom'],
+        dflt: 'auto',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    yshift: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    clicktoshow: {
+        valType: 'enumerated',
+        values: [false, 'onoff', 'onout'],
+        dflt: false,
+        
+        editType: 'arraydraw',
+        
+    },
+    xclick: {
+        valType: 'any',
+        
+        editType: 'arraydraw',
+        
+    },
+    yclick: {
+        valType: 'any',
+        
+        editType: 'arraydraw',
+        
+    },
+    hovertext: {
+        valType: 'string',
+        
+        editType: 'arraydraw',
+        
+    },
+    hoverlabel: {
+        bgcolor: {
+            valType: 'color',
+            
+            editType: 'arraydraw',
+            
+        },
+        bordercolor: {
+            valType: 'color',
+            
+            editType: 'arraydraw',
+            
+        },
+        font: fontAttrs({
+            editType: 'arraydraw',
+            
+        }),
+        editType: 'arraydraw'
+    },
+    captureevents: {
+        valType: 'boolean',
+        
+        editType: 'arraydraw',
+        
+    },
+    editType: 'calc',
+
+    _deprecated: {
+        ref: {
+            valType: 'string',
+            
+            editType: 'calc',
+            
+        }
+    }
+};
+
+},{"../../plots/cartesian/constants":777,"../../plots/font_attributes":796,"./arrow_paths":586}],588:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var draw = require('./draw').draw;
+
+
+module.exports = function calcAutorange(gd) {
+    var fullLayout = gd._fullLayout,
+        annotationList = Lib.filterVisible(fullLayout.annotations);
+
+    if(!annotationList.length || !gd._fullData.length) return;
+
+    var annotationAxes = {};
+    annotationList.forEach(function(ann) {
+        annotationAxes[ann.xref] = true;
+        annotationAxes[ann.yref] = true;
+    });
+
+    var autorangedAnnos = Axes.list(gd).filter(function(ax) {
+        return ax.autorange && annotationAxes[ax._id];
+    });
+    if(!autorangedAnnos.length) return;
+
+    return Lib.syncOrAsync([
+        draw,
+        annAutorange
+    ], gd);
+};
+
+function annAutorange(gd) {
+    var fullLayout = gd._fullLayout;
+
+    // find the bounding boxes for each of these annotations'
+    // relative to their anchor points
+    // use the arrow and the text bg rectangle,
+    // as the whole anno may include hidden text in its bbox
+    Lib.filterVisible(fullLayout.annotations).forEach(function(ann) {
+        var xa = Axes.getFromId(gd, ann.xref),
+            ya = Axes.getFromId(gd, ann.yref),
+            headSize = 3 * ann.arrowsize * ann.arrowwidth || 0;
+
+        var headPlus, headMinus;
+
+        if(xa && xa.autorange) {
+            headPlus = headSize + ann.xshift;
+            headMinus = headSize - ann.xshift;
+
+            if(ann.axref === ann.xref) {
+                // expand for the arrowhead (padded by arrowhead)
+                Axes.expand(xa, [xa.r2c(ann.x)], {
+                    ppadplus: headPlus,
+                    ppadminus: headMinus
+                });
+                // again for the textbox (padded by textbox)
+                Axes.expand(xa, [xa.r2c(ann.ax)], {
+                    ppadplus: ann._xpadplus,
+                    ppadminus: ann._xpadminus
+                });
+            }
+            else {
+                Axes.expand(xa, [xa.r2c(ann.x)], {
+                    ppadplus: Math.max(ann._xpadplus, headPlus),
+                    ppadminus: Math.max(ann._xpadminus, headMinus)
+                });
+            }
+        }
+
+        if(ya && ya.autorange) {
+            headPlus = headSize - ann.yshift;
+            headMinus = headSize + ann.yshift;
+
+            if(ann.ayref === ann.yref) {
+                Axes.expand(ya, [ya.r2c(ann.y)], {
+                    ppadplus: headPlus,
+                    ppadminus: headMinus
+                });
+                Axes.expand(ya, [ya.r2c(ann.ay)], {
+                    ppadplus: ann._ypadplus,
+                    ppadminus: ann._ypadminus
+                });
+            }
+            else {
+                Axes.expand(ya, [ya.r2c(ann.y)], {
+                    ppadplus: Math.max(ann._ypadplus, headPlus),
+                    ppadminus: Math.max(ann._ypadminus, headMinus)
+                });
+            }
+        }
+    });
+}
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"./draw":593}],589:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plotly = require('../../plotly');
+
+
+module.exports = {
+    hasClickToShow: hasClickToShow,
+    onClick: onClick
+};
+
+/*
+ * hasClickToShow: does the given hoverData have ANY annotations which will
+ * turn ON if we click here? (used by hover events to set cursor)
+ *
+ * gd: graphDiv
+ * hoverData: a hoverData array, as included with the *plotly_hover* or
+ *     *plotly_click* events in the `points` attribute
+ *
+ * returns: boolean
+ */
+function hasClickToShow(gd, hoverData) {
+    var sets = getToggleSets(gd, hoverData);
+    return sets.on.length > 0 || sets.explicitOff.length > 0;
+}
+
+/*
+ * onClick: perform the toggling (via Plotly.update) implied by clicking
+ * at this hoverData
+ *
+ * gd: graphDiv
+ * hoverData: a hoverData array, as included with the *plotly_hover* or
+ *     *plotly_click* events in the `points` attribute
+ *
+ * returns: Promise that the update is complete
+ */
+function onClick(gd, hoverData) {
+    var toggleSets = getToggleSets(gd, hoverData),
+        onSet = toggleSets.on,
+        offSet = toggleSets.off.concat(toggleSets.explicitOff),
+        update = {},
+        i;
+
+    if(!(onSet.length || offSet.length)) return;
+
+    for(i = 0; i < onSet.length; i++) {
+        update['annotations[' + onSet[i] + '].visible'] = true;
+    }
+
+    for(i = 0; i < offSet.length; i++) {
+        update['annotations[' + offSet[i] + '].visible'] = false;
+    }
+
+    return Plotly.update(gd, {}, update);
+}
+
+/*
+ * getToggleSets: find the annotations which will turn on or off at this
+ * hoverData
+ *
+ * gd: graphDiv
+ * hoverData: a hoverData array, as included with the *plotly_hover* or
+ *     *plotly_click* events in the `points` attribute
+ *
+ * returns: {
+ *   on: Array (indices of annotations to turn on),
+ *   off: Array (indices to turn off because you're not hovering on them),
+ *   explicitOff: Array (indices to turn off because you *are* hovering on them)
+ * }
+ */
+function getToggleSets(gd, hoverData) {
+    var annotations = gd._fullLayout.annotations,
+        onSet = [],
+        offSet = [],
+        explicitOffSet = [],
+        hoverLen = (hoverData || []).length;
+
+    var i, j, anni, showMode, pointj, xa, ya, toggleType;
+
+    for(i = 0; i < annotations.length; i++) {
+        anni = annotations[i];
+        showMode = anni.clicktoshow;
+
+        if(showMode) {
+            for(j = 0; j < hoverLen; j++) {
+                pointj = hoverData[j];
+                xa = pointj.xaxis;
+                ya = pointj.yaxis;
+
+                if(xa._id === anni.xref &&
+                    ya._id === anni.yref &&
+                    xa.d2r(pointj.x) === clickData2r(anni._xclick, xa) &&
+                    ya.d2r(pointj.y) === clickData2r(anni._yclick, ya)
+                ) {
+                    // match! toggle this annotation
+                    // regardless of its clicktoshow mode
+                    // but if it's onout mode, off is implicit
+                    if(anni.visible) {
+                        if(showMode === 'onout') toggleType = offSet;
+                        else toggleType = explicitOffSet;
+                    }
+                    else {
+                        toggleType = onSet;
+                    }
+                    toggleType.push(i);
+                    break;
+                }
+            }
+
+            if(j === hoverLen) {
+                // no match - only turn this annotation OFF, and only if
+                // showmode is 'onout'
+                if(anni.visible && showMode === 'onout') offSet.push(i);
+            }
+        }
+    }
+
+    return {on: onSet, off: offSet, explicitOff: explicitOffSet};
+}
+
+// to handle log axes until v2
+function clickData2r(d, ax) {
+    return ax.type === 'log' ? ax.l2r(d) : ax.d2r(d);
+}
+
+},{"../../plotly":767}],590:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Color = require('../color');
+
+// defaults common to 'annotations' and 'annotations3d'
+module.exports = function handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce) {
+    coerce('opacity');
+    var bgColor = coerce('bgcolor');
+
+    var borderColor = coerce('bordercolor');
+    var borderOpacity = Color.opacity(borderColor);
+
+    coerce('borderpad');
+
+    var borderWidth = coerce('borderwidth');
+    var showArrow = coerce('showarrow');
+
+    coerce('text', showArrow ? ' ' : 'new text');
+    coerce('textangle');
+    Lib.coerceFont(coerce, 'font', fullLayout.font);
+
+    coerce('width');
+    coerce('align');
+
+    var h = coerce('height');
+    if(h) coerce('valign');
+
+    if(showArrow) {
+        coerce('arrowcolor', borderOpacity ? annOut.bordercolor : Color.defaultLine);
+        coerce('arrowhead');
+        coerce('arrowsize');
+        coerce('arrowwidth', ((borderOpacity && borderWidth) || 1) * 2);
+        coerce('standoff');
+
+    }
+
+    var hoverText = coerce('hovertext');
+    var globalHoverLabel = fullLayout.hoverlabel || {};
+
+    if(hoverText) {
+        var hoverBG = coerce('hoverlabel.bgcolor', globalHoverLabel.bgcolor ||
+            (Color.opacity(bgColor) ? Color.rgb(bgColor) : Color.defaultLine)
+        );
+
+        var hoverBorder = coerce('hoverlabel.bordercolor', globalHoverLabel.bordercolor ||
+            Color.contrast(hoverBG)
+        );
+
+        Lib.coerceFont(coerce, 'hoverlabel.font', {
+            family: globalHoverLabel.font.family,
+            size: globalHoverLabel.font.size,
+            color: globalHoverLabel.font.color || hoverBorder
+        });
+    }
+
+    coerce('captureevents', !!hoverText);
+};
+
+},{"../../lib":728,"../color":604}],591:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var toLogRange = require('../../lib/to_log_range');
+
+/*
+ * convertCoords: when converting an axis between log and linear
+ * you need to alter any annotations on that axis to keep them
+ * pointing at the same data point.
+ * In v2.0 this will become obsolete
+ *
+ * gd: the plot div
+ * ax: the axis being changed
+ * newType: the type it's getting
+ * doExtra: function(attr, val) from inside relayout that sets the attribute.
+ *     Use this to make the changes as it's aware if any other changes in the
+ *     same relayout call should override this conversion.
+ */
+module.exports = function convertCoords(gd, ax, newType, doExtra) {
+    ax = ax || {};
+
+    var toLog = (newType === 'log') && (ax.type === 'linear'),
+        fromLog = (newType === 'linear') && (ax.type === 'log');
+
+    if(!(toLog || fromLog)) return;
+
+    var annotations = gd._fullLayout.annotations,
+        axLetter = ax._id.charAt(0),
+        ann,
+        attrPrefix;
+
+    function convert(attr) {
+        var currentVal = ann[attr],
+            newVal = null;
+
+        if(toLog) newVal = toLogRange(currentVal, ax.range);
+        else newVal = Math.pow(10, currentVal);
+
+        // if conversion failed, delete the value so it gets a default value
+        if(!isNumeric(newVal)) newVal = null;
+
+        doExtra(attrPrefix + attr, newVal);
+    }
+
+    for(var i = 0; i < annotations.length; i++) {
+        ann = annotations[i];
+        attrPrefix = 'annotations[' + i + '].';
+
+        if(ann[axLetter + 'ref'] === ax._id) convert(axLetter);
+        if(ann['a' + axLetter + 'ref'] === ax._id) convert('a' + axLetter);
+    }
+};
+
+},{"../../lib/to_log_range":752,"fast-isnumeric":131}],592:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+var handleAnnotationDefaults = require('./annotation_defaults');
+
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
+    var opts = {
+        name: 'annotations',
+        handleItemDefaults: handleAnnotationDefaults
+    };
+
+    handleArrayContainerDefaults(layoutIn, layoutOut, opts);
+};
+
+},{"../../plots/array_container_defaults":769,"./annotation_defaults":585}],593:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var Color = require('../color');
+var Drawing = require('../drawing');
+var Fx = require('../fx');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var setCursor = require('../../lib/setcursor');
+var dragElement = require('../dragelement');
+
+var drawArrowHead = require('./draw_arrow_head');
+
+
+// Annotations are stored in gd.layout.annotations, an array of objects
+// index can point to one item in this array,
+//  or non-numeric to simply add a new one
+//  or -1 to modify all existing
+// opt can be the full options object, or one key (to be set to value)
+//  or undefined to simply redraw
+// if opt is blank, val can be 'add' or a full options object to add a new
+//  annotation at that point in the array, or 'remove' to delete this one
+
+module.exports = {
+    draw: draw,
+    drawOne: drawOne,
+    drawRaw: drawRaw
+};
+
+/*
+ * draw: draw all annotations without any new modifications
+ */
+function draw(gd) {
+    var fullLayout = gd._fullLayout;
+
+    fullLayout._infolayer.selectAll('.annotation').remove();
+
+    for(var i = 0; i < fullLayout.annotations.length; i++) {
+        if(fullLayout.annotations[i].visible) {
+            drawOne(gd, i);
+        }
+    }
+
+    return Plots.previousPromises(gd);
+}
+
+/*
+ * drawOne: draw a single cartesian or paper-ref annotation, potentially with modifications
+ *
+ * index (int): the annotation to draw
+ */
+function drawOne(gd, index) {
+    var fullLayout = gd._fullLayout;
+    var options = fullLayout.annotations[index] || {};
+    var xa = Axes.getFromId(gd, options.xref);
+    var ya = Axes.getFromId(gd, options.yref);
+
+    drawRaw(gd, options, index, false, xa, ya);
+}
+
+/**
+ * drawRaw: draw a single annotation, potentially with modifications
+ *
+ * @param {DOM element} gd
+ * @param {object} options : this annotation's fullLayout options
+ * @param {integer} index : index in 'annotations' container of the annotation to draw
+ * @param {string} subplotId : id of the annotation's subplot
+ *  - use false for 2d (i.e. cartesian or paper-ref) annotations
+ * @param {object | undefined} xa : full x-axis object to compute subplot pos-to-px
+ * @param {object | undefined} ya : ... y-axis
+ */
+function drawRaw(gd, options, index, subplotId, xa, ya) {
+    var fullLayout = gd._fullLayout;
+    var gs = gd._fullLayout._size;
+    var edits = gd._context.edits;
+
+    var className;
+    var annbase;
+
+    if(subplotId) {
+        className = 'annotation-' + subplotId;
+        annbase = subplotId + '.annotations[' + index + ']';
+    } else {
+        className = 'annotation';
+        annbase = 'annotations[' + index + ']';
+    }
+
+    // remove the existing annotation if there is one
+    fullLayout._infolayer
+        .selectAll('.' + className + '[data-index="' + index + '"]')
+        .remove();
+
+    var annClipID = 'clip' + fullLayout._uid + '_ann' + index;
+
+    // this annotation is gone - quit now after deleting it
+    // TODO: use d3 idioms instead of deleting and redrawing every time
+    if(!options._input || options.visible === false) {
+        d3.selectAll('#' + annClipID).remove();
+        return;
+    }
+
+    // calculated pixel positions
+    // x & y each will get text, head, and tail as appropriate
+    var annPosPx = {x: {}, y: {}},
+        textangle = +options.textangle || 0;
+
+    // create the components
+    // made a single group to contain all, so opacity can work right
+    // with border/arrow together this could handle a whole bunch of
+    // cleanup at this point, but works for now
+    var annGroup = fullLayout._infolayer.append('g')
+        .classed(className, true)
+        .attr('data-index', String(index))
+        .style('opacity', options.opacity);
+
+    // another group for text+background so that they can rotate together
+    var annTextGroup = annGroup.append('g')
+        .classed('annotation-text-g', true);
+
+    var editTextPosition = edits[options.showarrow ? 'annotationTail' : 'annotationPosition'];
+    var textEvents = options.captureevents || edits.annotationText || editTextPosition;
+
+    var annTextGroupInner = annTextGroup.append('g')
+        .style('pointer-events', textEvents ? 'all' : null)
+        .call(setCursor, 'default')
+        .on('click', function() {
+            gd._dragging = false;
+
+            var eventData = {
+                index: index,
+                annotation: options._input,
+                fullAnnotation: options,
+                event: d3.event
+            };
+
+            if(subplotId) {
+                eventData.subplotId = subplotId;
+            }
+
+            gd.emit('plotly_clickannotation', eventData);
+        });
+
+    if(options.hovertext) {
+        annTextGroupInner
+        .on('mouseover', function() {
+            var hoverOptions = options.hoverlabel;
+            var hoverFont = hoverOptions.font;
+            var bBox = this.getBoundingClientRect();
+            var bBoxRef = gd.getBoundingClientRect();
+
+            Fx.loneHover({
+                x0: bBox.left - bBoxRef.left,
+                x1: bBox.right - bBoxRef.left,
+                y: (bBox.top + bBox.bottom) / 2 - bBoxRef.top,
+                text: options.hovertext,
+                color: hoverOptions.bgcolor,
+                borderColor: hoverOptions.bordercolor,
+                fontFamily: hoverFont.family,
+                fontSize: hoverFont.size,
+                fontColor: hoverFont.color
+            }, {
+                container: fullLayout._hoverlayer.node(),
+                outerContainer: fullLayout._paper.node(),
+                gd: gd
+            });
+        })
+        .on('mouseout', function() {
+            Fx.loneUnhover(fullLayout._hoverlayer.node());
+        });
+    }
+
+    var borderwidth = options.borderwidth,
+        borderpad = options.borderpad,
+        borderfull = borderwidth + borderpad;
+
+    var annTextBG = annTextGroupInner.append('rect')
+        .attr('class', 'bg')
+        .style('stroke-width', borderwidth + 'px')
+        .call(Color.stroke, options.bordercolor)
+        .call(Color.fill, options.bgcolor);
+
+    var isSizeConstrained = options.width || options.height;
+
+    var annTextClip = fullLayout._topclips
+        .selectAll('#' + annClipID)
+        .data(isSizeConstrained ? [0] : []);
+
+    annTextClip.enter().append('clipPath')
+        .classed('annclip', true)
+        .attr('id', annClipID)
+      .append('rect');
+    annTextClip.exit().remove();
+
+    var font = options.font;
+
+    var annText = annTextGroupInner.append('text')
+        .classed('annotation-text', true)
+        .text(options.text);
+
+    function textLayout(s) {
+        s.call(Drawing.font, font)
+        .attr({
+            'text-anchor': {
+                left: 'start',
+                right: 'end'
+            }[options.align] || 'middle'
+        });
+
+        svgTextUtils.convertToTspans(s, gd, drawGraphicalElements);
+        return s;
+    }
+
+    function drawGraphicalElements() {
+        // if the text has *only* a link, make the whole box into a link
+        var anchor3 = annText.selectAll('a');
+        if(anchor3.size() === 1 && anchor3.text() === annText.text()) {
+            var wholeLink = annTextGroupInner.insert('a', ':first-child').attr({
+                'xlink:xlink:href': anchor3.attr('xlink:href'),
+                'xlink:xlink:show': anchor3.attr('xlink:show')
+            })
+            .style({cursor: 'pointer'});
+
+            wholeLink.node().appendChild(annTextBG.node());
+        }
+
+        var mathjaxGroup = annTextGroupInner.select('.annotation-text-math-group');
+        var hasMathjax = !mathjaxGroup.empty();
+        var anntextBB = Drawing.bBox(
+                (hasMathjax ? mathjaxGroup : annText).node());
+        var textWidth = anntextBB.width;
+        var textHeight = anntextBB.height;
+        var annWidth = options.width || textWidth;
+        var annHeight = options.height || textHeight;
+        var outerWidth = Math.round(annWidth + 2 * borderfull);
+        var outerHeight = Math.round(annHeight + 2 * borderfull);
+
+
+        // save size in the annotation object for use by autoscale
+        options._w = annWidth;
+        options._h = annHeight;
+
+        function shiftFraction(v, anchor) {
+            if(anchor === 'auto') {
+                if(v < 1 / 3) anchor = 'left';
+                else if(v > 2 / 3) anchor = 'right';
+                else anchor = 'center';
+            }
+            return {
+                center: 0,
+                middle: 0,
+                left: 0.5,
+                bottom: -0.5,
+                right: -0.5,
+                top: 0.5
+            }[anchor];
+        }
+
+        var annotationIsOffscreen = false;
+        var letters = ['x', 'y'];
+
+        for(var i = 0; i < letters.length; i++) {
+            var axLetter = letters[i],
+                axRef = options[axLetter + 'ref'] || axLetter,
+                tailRef = options['a' + axLetter + 'ref'],
+                ax = {x: xa, y: ya}[axLetter],
+                dimAngle = (textangle + (axLetter === 'x' ? 0 : -90)) * Math.PI / 180,
+                // note that these two can be either positive or negative
+                annSizeFromWidth = outerWidth * Math.cos(dimAngle),
+                annSizeFromHeight = outerHeight * Math.sin(dimAngle),
+                // but this one is the positive total size
+                annSize = Math.abs(annSizeFromWidth) + Math.abs(annSizeFromHeight),
+                anchor = options[axLetter + 'anchor'],
+                overallShift = options[axLetter + 'shift'] * (axLetter === 'x' ? 1 : -1),
+                posPx = annPosPx[axLetter],
+                basePx,
+                textPadShift,
+                alignPosition,
+                autoAlignFraction,
+                textShift;
+
+            /*
+             * calculate the *primary* pixel position
+             * which is the arrowhead if there is one,
+             * otherwise the text anchor point
+             */
+            if(ax) {
+                /*
+                 * hide the annotation if it's pointing outside the visible plot
+                 * as long as the axis isn't autoranged - then we need to draw it
+                 * anyway to get its bounding box. When we're dragging, an axis can
+                 * still look autoranged even though it won't be when the drag finishes.
+                 */
+                var posFraction = ax.r2fraction(options[axLetter]);
+                if((gd._dragging || !ax.autorange) && (posFraction < 0 || posFraction > 1)) {
+                    if(tailRef === axRef) {
+                        posFraction = ax.r2fraction(options['a' + axLetter]);
+                        if(posFraction < 0 || posFraction > 1) {
+                            annotationIsOffscreen = true;
+                        }
+                    }
+                    else {
+                        annotationIsOffscreen = true;
+                    }
+
+                    if(annotationIsOffscreen) continue;
+                }
+                basePx = ax._offset + ax.r2p(options[axLetter]);
+                autoAlignFraction = 0.5;
+            }
+            else {
+                if(axLetter === 'x') {
+                    alignPosition = options[axLetter];
+                    basePx = gs.l + gs.w * alignPosition;
+                }
+                else {
+                    alignPosition = 1 - options[axLetter];
+                    basePx = gs.t + gs.h * alignPosition;
+                }
+                autoAlignFraction = options.showarrow ? 0.5 : alignPosition;
+            }
+
+            // now translate this into pixel positions of head, tail, and text
+            // as well as paddings for autorange
+            if(options.showarrow) {
+                posPx.head = basePx;
+
+                var arrowLength = options['a' + axLetter];
+
+                // with an arrow, the text rotates around the anchor point
+                textShift = annSizeFromWidth * shiftFraction(0.5, options.xanchor) -
+                    annSizeFromHeight * shiftFraction(0.5, options.yanchor);
+
+                if(tailRef === axRef) {
+                    posPx.tail = ax._offset + ax.r2p(arrowLength);
+                    // tail is data-referenced: autorange pads the text in px from the tail
+                    textPadShift = textShift;
+                }
+                else {
+                    posPx.tail = basePx + arrowLength;
+                    // tail is specified in px from head, so autorange also pads vs head
+                    textPadShift = textShift + arrowLength;
+                }
+
+                posPx.text = posPx.tail + textShift;
+
+                // constrain pixel/paper referenced so the draggers are at least
+                // partially visible
+                var maxPx = fullLayout[(axLetter === 'x') ? 'width' : 'height'];
+                if(axRef === 'paper') {
+                    posPx.head = Lib.constrain(posPx.head, 1, maxPx - 1);
+                }
+                if(tailRef === 'pixel') {
+                    var shiftPlus = -Math.max(posPx.tail - 3, posPx.text),
+                        shiftMinus = Math.min(posPx.tail + 3, posPx.text) - maxPx;
+                    if(shiftPlus > 0) {
+                        posPx.tail += shiftPlus;
+                        posPx.text += shiftPlus;
+                    }
+                    else if(shiftMinus > 0) {
+                        posPx.tail -= shiftMinus;
+                        posPx.text -= shiftMinus;
+                    }
+                }
+
+                posPx.tail += overallShift;
+                posPx.head += overallShift;
+            }
+            else {
+                // with no arrow, the text rotates and *then* we put the anchor
+                // relative to the new bounding box
+                textShift = annSize * shiftFraction(autoAlignFraction, anchor);
+                textPadShift = textShift;
+                posPx.text = basePx + textShift;
+            }
+
+            posPx.text += overallShift;
+            textShift += overallShift;
+            textPadShift += overallShift;
+
+            // padplus/minus are used by autorange
+            options['_' + axLetter + 'padplus'] = (annSize / 2) + textPadShift;
+            options['_' + axLetter + 'padminus'] = (annSize / 2) - textPadShift;
+
+            // size/shift are used during dragging
+            options['_' + axLetter + 'size'] = annSize;
+            options['_' + axLetter + 'shift'] = textShift;
+        }
+
+        if(annotationIsOffscreen) {
+            annTextGroupInner.remove();
+            return;
+        }
+
+        var xShift = 0;
+        var yShift = 0;
+
+        if(options.align !== 'left') {
+            xShift = (annWidth - textWidth) * (options.align === 'center' ? 0.5 : 1);
+        }
+        if(options.valign !== 'top') {
+            yShift = (annHeight - textHeight) * (options.valign === 'middle' ? 0.5 : 1);
+        }
+
+        if(hasMathjax) {
+            mathjaxGroup.select('svg').attr({
+                x: borderfull + xShift - 1,
+                y: borderfull + yShift
+            })
+            .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null);
+        }
+        else {
+            var texty = borderfull + yShift - anntextBB.top;
+            var textx = borderfull + xShift - anntextBB.left;
+
+            annText.call(svgTextUtils.positionText, textx, texty)
+                .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null);
+        }
+
+        annTextClip.select('rect').call(Drawing.setRect, borderfull, borderfull,
+            annWidth, annHeight);
+
+        annTextBG.call(Drawing.setRect, borderwidth / 2, borderwidth / 2,
+            outerWidth - borderwidth, outerHeight - borderwidth);
+
+        annTextGroupInner.call(Drawing.setTranslate,
+            Math.round(annPosPx.x.text - outerWidth / 2),
+            Math.round(annPosPx.y.text - outerHeight / 2));
+
+        /*
+         * rotate text and background
+         * we already calculated the text center position *as rotated*
+         * because we needed that for autoranging anyway, so now whether
+         * we have an arrow or not, we rotate about the text center.
+         */
+        annTextGroup.attr({transform: 'rotate(' + textangle + ',' +
+                            annPosPx.x.text + ',' + annPosPx.y.text + ')'});
+
+        /*
+         * add the arrow
+         * uses options[arrowwidth,arrowcolor,arrowhead] for styling
+         * dx and dy are normally zero, but when you are dragging the textbox
+         * while the head stays put, dx and dy are the pixel offsets
+         */
+        var drawArrow = function(dx, dy) {
+            annGroup
+                .selectAll('.annotation-arrow-g')
+                .remove();
+
+            var headX = annPosPx.x.head,
+                headY = annPosPx.y.head,
+                tailX = annPosPx.x.tail + dx,
+                tailY = annPosPx.y.tail + dy,
+                textX = annPosPx.x.text + dx,
+                textY = annPosPx.y.text + dy,
+
+                // find the edge of the text box, where we'll start the arrow:
+                // create transform matrix to rotate the text box corners
+                transform = Lib.rotationXYMatrix(textangle, textX, textY),
+                applyTransform = Lib.apply2DTransform(transform),
+                applyTransform2 = Lib.apply2DTransform2(transform),
+
+                // calculate and transform bounding box
+                width = +annTextBG.attr('width'),
+                height = +annTextBG.attr('height'),
+                xLeft = textX - 0.5 * width,
+                xRight = xLeft + width,
+                yTop = textY - 0.5 * height,
+                yBottom = yTop + height,
+                edges = [
+                    [xLeft, yTop, xLeft, yBottom],
+                    [xLeft, yBottom, xRight, yBottom],
+                    [xRight, yBottom, xRight, yTop],
+                    [xRight, yTop, xLeft, yTop]
+                ].map(applyTransform2);
+
+            // Remove the line if it ends inside the box.  Use ray
+            // casting for rotated boxes: see which edges intersect a
+            // line from the arrowhead to far away and reduce with xor
+            // to get the parity of the number of intersections.
+            if(edges.reduce(function(a, x) {
+                return a ^
+                    !!Lib.segmentsIntersect(headX, headY, headX + 1e6, headY + 1e6,
+                            x[0], x[1], x[2], x[3]);
+            }, false)) {
+                // no line or arrow - so quit drawArrow now
+                return;
+            }
+
+            edges.forEach(function(x) {
+                var p = Lib.segmentsIntersect(tailX, tailY, headX, headY,
+                            x[0], x[1], x[2], x[3]);
+                if(p) {
+                    tailX = p.x;
+                    tailY = p.y;
+                }
+            });
+
+            var strokewidth = options.arrowwidth,
+                arrowColor = options.arrowcolor;
+
+            var arrowGroup = annGroup.append('g')
+                .style({opacity: Color.opacity(arrowColor)})
+                .classed('annotation-arrow-g', true);
+
+            var arrow = arrowGroup.append('path')
+                .attr('d', 'M' + tailX + ',' + tailY + 'L' + headX + ',' + headY)
+                .style('stroke-width', strokewidth + 'px')
+                .call(Color.stroke, Color.rgb(arrowColor));
+
+            drawArrowHead(arrow, 'end', options);
+
+            // the arrow dragger is a small square right at the head, then a line to the tail,
+            // all expanded by a stroke width of 6px plus the arrow line width
+            if(edits.annotationPosition && arrow.node().parentNode && !subplotId) {
+                var arrowDragHeadX = headX;
+                var arrowDragHeadY = headY;
+                if(options.standoff) {
+                    var arrowLength = Math.sqrt(Math.pow(headX - tailX, 2) + Math.pow(headY - tailY, 2));
+                    arrowDragHeadX += options.standoff * (tailX - headX) / arrowLength;
+                    arrowDragHeadY += options.standoff * (tailY - headY) / arrowLength;
+                }
+                var arrowDrag = arrowGroup.append('path')
+                    .classed('annotation-arrow', true)
+                    .classed('anndrag', true)
+                    .attr({
+                        d: 'M3,3H-3V-3H3ZM0,0L' + (tailX - arrowDragHeadX) + ',' + (tailY - arrowDragHeadY),
+                        transform: 'translate(' + arrowDragHeadX + ',' + arrowDragHeadY + ')'
+                    })
+                    .style('stroke-width', (strokewidth + 6) + 'px')
+                    .call(Color.stroke, 'rgba(0,0,0,0)')
+                    .call(Color.fill, 'rgba(0,0,0,0)');
+
+                var update,
+                    annx0,
+                    anny0;
+
+                // dragger for the arrow & head: translates the whole thing
+                // (head/tail/text) all together
+                dragElement.init({
+                    element: arrowDrag.node(),
+                    gd: gd,
+                    prepFn: function() {
+                        var pos = Drawing.getTranslate(annTextGroupInner);
+
+                        annx0 = pos.x;
+                        anny0 = pos.y;
+                        update = {};
+                        if(xa && xa.autorange) {
+                            update[xa._name + '.autorange'] = true;
+                        }
+                        if(ya && ya.autorange) {
+                            update[ya._name + '.autorange'] = true;
+                        }
+                    },
+                    moveFn: function(dx, dy) {
+                        var annxy0 = applyTransform(annx0, anny0),
+                            xcenter = annxy0[0] + dx,
+                            ycenter = annxy0[1] + dy;
+                        annTextGroupInner.call(Drawing.setTranslate, xcenter, ycenter);
+
+                        update[annbase + '.x'] = xa ?
+                            xa.p2r(xa.r2p(options.x) + dx) :
+                            (options.x + (dx / gs.w));
+                        update[annbase + '.y'] = ya ?
+                            ya.p2r(ya.r2p(options.y) + dy) :
+                            (options.y - (dy / gs.h));
+
+                        if(options.axref === options.xref) {
+                            update[annbase + '.ax'] = xa.p2r(xa.r2p(options.ax) + dx);
+                        }
+
+                        if(options.ayref === options.yref) {
+                            update[annbase + '.ay'] = ya.p2r(ya.r2p(options.ay) + dy);
+                        }
+
+                        arrowGroup.attr('transform', 'translate(' + dx + ',' + dy + ')');
+                        annTextGroup.attr({
+                            transform: 'rotate(' + textangle + ',' +
+                                   xcenter + ',' + ycenter + ')'
+                        });
+                    },
+                    doneFn: function(dragged) {
+                        if(dragged) {
+                            Plotly.relayout(gd, update);
+                            var notesBox = document.querySelector('.js-notes-box-panel');
+                            if(notesBox) notesBox.redraw(notesBox.selectedObj);
+                        }
+                    }
+                });
+            }
+        };
+
+        if(options.showarrow) drawArrow(0, 0);
+
+        // user dragging the annotation (text, not arrow)
+        if(editTextPosition) {
+            var update,
+                baseTextTransform;
+
+            // dragger for the textbox: if there's an arrow, just drag the
+            // textbox and tail, leave the head untouched
+            dragElement.init({
+                element: annTextGroupInner.node(),
+                gd: gd,
+                prepFn: function() {
+                    baseTextTransform = annTextGroup.attr('transform');
+                    update = {};
+                },
+                moveFn: function(dx, dy) {
+                    var csr = 'pointer';
+                    if(options.showarrow) {
+                        if(options.axref === options.xref) {
+                            update[annbase + '.ax'] = xa.p2r(xa.r2p(options.ax) + dx);
+                        } else {
+                            update[annbase + '.ax'] = options.ax + dx;
+                        }
+
+                        if(options.ayref === options.yref) {
+                            update[annbase + '.ay'] = ya.p2r(ya.r2p(options.ay) + dy);
+                        } else {
+                            update[annbase + '.ay'] = options.ay + dy;
+                        }
+
+                        drawArrow(dx, dy);
+                    }
+                    else if(!subplotId) {
+                        if(xa) update[annbase + '.x'] = options.x + dx / xa._m;
+                        else {
+                            var widthFraction = options._xsize / gs.w,
+                                xLeft = options.x + (options._xshift - options.xshift) / gs.w -
+                                    widthFraction / 2;
+
+                            update[annbase + '.x'] = dragElement.align(xLeft + dx / gs.w,
+                                widthFraction, 0, 1, options.xanchor);
+                        }
+
+                        if(ya) update[annbase + '.y'] = options.y + dy / ya._m;
+                        else {
+                            var heightFraction = options._ysize / gs.h,
+                                yBottom = options.y - (options._yshift + options.yshift) / gs.h -
+                                    heightFraction / 2;
+
+                            update[annbase + '.y'] = dragElement.align(yBottom - dy / gs.h,
+                                heightFraction, 0, 1, options.yanchor);
+                        }
+                        if(!xa || !ya) {
+                            csr = dragElement.getCursor(
+                                xa ? 0.5 : update[annbase + '.x'],
+                                ya ? 0.5 : update[annbase + '.y'],
+                                options.xanchor, options.yanchor
+                            );
+                        }
+                    }
+                    else return;
+
+                    annTextGroup.attr({
+                        transform: 'translate(' + dx + ',' + dy + ')' + baseTextTransform
+                    });
+
+                    setCursor(annTextGroupInner, csr);
+                },
+                doneFn: function(dragged) {
+                    setCursor(annTextGroupInner);
+                    if(dragged) {
+                        Plotly.relayout(gd, update);
+                        var notesBox = document.querySelector('.js-notes-box-panel');
+                        if(notesBox) notesBox.redraw(notesBox.selectedObj);
+                    }
+                }
+            });
+        }
+    }
+
+    if(edits.annotationText) {
+        annText.call(svgTextUtils.makeEditable, {delegate: annTextGroupInner, gd: gd})
+            .call(textLayout)
+            .on('edit', function(_text) {
+                options.text = _text;
+                this.call(textLayout);
+
+                var update = {};
+                update[annbase + '.text'] = options.text;
+
+                if(xa && xa.autorange) {
+                    update[xa._name + '.autorange'] = true;
+                }
+                if(ya && ya.autorange) {
+                    update[ya._name + '.autorange'] = true;
+                }
+
+                Plotly.relayout(gd, update);
+            });
+    }
+    else annText.call(textLayout);
+}
+
+},{"../../lib":728,"../../lib/setcursor":746,"../../lib/svg_text_utils":750,"../../plotly":767,"../../plots/cartesian/axes":772,"../../plots/plots":831,"../color":604,"../dragelement":625,"../drawing":628,"../fx":645,"./draw_arrow_head":594,"d3":122}],594:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Color = require('../color');
+
+var ARROWPATHS = require('./arrow_paths');
+
+/**
+ * Add arrowhead(s) to a path or line element
+ *
+ * @param {d3.selection} el3: a d3-selected line or path element
+ *
+ * @param {string} ends: 'start', 'end', or 'start+end' for which ends get arrowheads
+ *
+ * @param {object} options: style information. Must have all the following:
+ * @param {number} options.arrowhead: head style - see ./arrow_paths
+ * @param {number} options.arrowsize: relative size of the head vs line width
+ * @param {number} options.standoff: distance in px to move the arrow point from its target
+ * @param {number} options.arrowwidth: width of the arrow line
+ * @param {string} options.arrowcolor: color of the arrow line, for the head to match
+ *     Note that the opacity of this color is ignored, as it's assumed the container
+ *     of both the line and head has opacity applied to it so there isn't greater opacity
+ *     where they overlap.
+ */
+module.exports = function drawArrowHead(el3, ends, options) {
+    var el = el3.node();
+    var headStyle = ARROWPATHS[options.arrowhead || 0];
+    var scale = (options.arrowwidth || 1) * options.arrowsize;
+    var doStart = ends.indexOf('start') >= 0;
+    var doEnd = ends.indexOf('end') >= 0;
+    var backOff = headStyle.backoff * scale + options.standoff;
+
+    var start, end, startRot, endRot;
+
+    if(el.nodeName === 'line') {
+        start = {x: +el3.attr('x1'), y: +el3.attr('y1')};
+        end = {x: +el3.attr('x2'), y: +el3.attr('y2')};
+
+        var dx = start.x - end.x;
+        var dy = start.y - end.y;
+
+        startRot = Math.atan2(dy, dx);
+        endRot = startRot + Math.PI;
+        if(backOff) {
+            if(backOff * backOff > dx * dx + dy * dy) {
+                hideLine();
+                return;
+            }
+            var backOffX = backOff * Math.cos(startRot),
+                backOffY = backOff * Math.sin(startRot);
+
+            if(doStart) {
+                start.x -= backOffX;
+                start.y -= backOffY;
+                el3.attr({x1: start.x, y1: start.y});
+            }
+            if(doEnd) {
+                end.x += backOffX;
+                end.y += backOffY;
+                el3.attr({x2: end.x, y2: end.y});
+            }
+        }
+    }
+    else if(el.nodeName === 'path') {
+        var pathlen = el.getTotalLength(),
+            // using dash to hide the backOff region of the path.
+            // if we ever allow dash for the arrow we'll have to
+            // do better than this hack... maybe just manually
+            // combine the two
+            dashArray = '';
+
+        if(pathlen < backOff) {
+            hideLine();
+            return;
+        }
+
+        if(doStart) {
+            var start0 = el.getPointAtLength(0);
+            var dstart = el.getPointAtLength(0.1);
+
+            startRot = Math.atan2(start0.y - dstart.y, start0.x - dstart.x);
+            start = el.getPointAtLength(Math.min(backOff, pathlen));
+
+            if(backOff) dashArray = '0px,' + backOff + 'px,';
+        }
+
+        if(doEnd) {
+            var end0 = el.getPointAtLength(pathlen);
+            var dend = el.getPointAtLength(pathlen - 0.1);
+
+            endRot = Math.atan2(end0.y - dend.y, end0.x - dend.x);
+            end = el.getPointAtLength(Math.max(0, pathlen - backOff));
+
+            if(backOff) {
+                var shortening = dashArray ? 2 * backOff : backOff;
+                dashArray += (pathlen - shortening) + 'px,' + pathlen + 'px';
+            }
+        }
+        else if(dashArray) dashArray += pathlen + 'px';
+
+        if(dashArray) el3.style('stroke-dasharray', dashArray);
+    }
+
+    function hideLine() { el3.style('stroke-dasharray', '0px,100px'); }
+
+    function drawhead(p, rot) {
+        if(!headStyle.path) return;
+        if(headStyle.noRotate) rot = 0;
+
+        d3.select(el.parentNode).append('path')
+            .attr({
+                'class': el3.attr('class'),
+                d: headStyle.path,
+                transform:
+                    'translate(' + p.x + ',' + p.y + ')' +
+                    (rot ? 'rotate(' + (rot * 180 / Math.PI) + ')' : '') +
+                    'scale(' + scale + ')'
+            })
+            .style({
+                fill: Color.rgb(options.arrowcolor),
+                'stroke-width': 0
+            });
+    }
+
+    if(doStart) drawhead(start, startRot);
+    if(doEnd) drawhead(end, endRot);
+};
+
+},{"../color":604,"./arrow_paths":586,"d3":122}],595:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var drawModule = require('./draw');
+var clickModule = require('./click');
+
+module.exports = {
+    moduleType: 'component',
+    name: 'annotations',
+
+    layoutAttributes: require('./attributes'),
+    supplyLayoutDefaults: require('./defaults'),
+
+    calcAutorange: require('./calc_autorange'),
+    draw: drawModule.draw,
+    drawOne: drawModule.drawOne,
+    drawRaw: drawModule.drawRaw,
+
+    hasClickToShow: clickModule.hasClickToShow,
+    onClick: clickModule.onClick,
+
+    convertCoords: require('./convert_coords')
+};
+
+},{"./attributes":587,"./calc_autorange":588,"./click":589,"./convert_coords":591,"./defaults":592,"./draw":593}],596:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var annAtts = require('../annotations/attributes');
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+module.exports = overrideAll({
+    _isLinkedToArray: 'annotation',
+
+    visible: annAtts.visible,
+    x: {
+        valType: 'any',
+        
+        
+    },
+    y: {
+        valType: 'any',
+        
+        
+    },
+    z: {
+        valType: 'any',
+        
+        
+    },
+    ax: {
+        valType: 'number',
+        
+        
+    },
+    ay: {
+        valType: 'number',
+        
+        
+    },
+
+    xanchor: annAtts.xanchor,
+    xshift: annAtts.xshift,
+    yanchor: annAtts.yanchor,
+    yshift: annAtts.yshift,
+
+    text: annAtts.text,
+    textangle: annAtts.textangle,
+    font: annAtts.font,
+    width: annAtts.width,
+    height: annAtts.height,
+    opacity: annAtts.opacity,
+    align: annAtts.align,
+    valign: annAtts.valign,
+    bgcolor: annAtts.bgcolor,
+    bordercolor: annAtts.bordercolor,
+    borderpad: annAtts.borderpad,
+    borderwidth: annAtts.borderwidth,
+    showarrow: annAtts.showarrow,
+    arrowcolor: annAtts.arrowcolor,
+    arrowhead: annAtts.arrowhead,
+    arrowsize: annAtts.arrowsize,
+    arrowwidth: annAtts.arrowwidth,
+    standoff: annAtts.standoff,
+    hovertext: annAtts.hovertext,
+    hoverlabel: annAtts.hoverlabel,
+    captureevents: annAtts.captureevents,
+
+    // maybes later?
+    // clicktoshow: annAtts.clicktoshow,
+    // xclick: annAtts.xclick,
+    // yclick: annAtts.yclick,
+
+    // not needed!
+    // axref: 'pixel'
+    // ayref: 'pixel'
+    // xref: 'x'
+    // yref: 'y
+    // zref: 'z'
+}, 'calc', 'from-root');
+
+},{"../../plot_api/edit_types":756,"../annotations/attributes":587}],597:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+module.exports = function convert(scene) {
+    var fullSceneLayout = scene.fullSceneLayout;
+    var anns = fullSceneLayout.annotations;
+
+    for(var i = 0; i < anns.length; i++) {
+        mockAnnAxes(anns[i], scene);
+    }
+
+    scene.fullLayout._infolayer
+        .selectAll('.annotation-' + scene.id)
+        .remove();
+};
+
+function mockAnnAxes(ann, scene) {
+    var fullSceneLayout = scene.fullSceneLayout;
+    var domain = fullSceneLayout.domain;
+    var size = scene.fullLayout._size;
+
+    var base = {
+        // this gets fill in on render
+        pdata: null,
+
+        // to get setConvert to not execute cleanly
+        type: 'linear',
+
+        // don't try to update them on `editable: true`
+        autorange: false,
+
+        // set infinite range so that annotation draw routine
+        // does not try to remove 'outside-range' annotations,
+        // this case is handled in the render loop
+        range: [-Infinity, Infinity]
+    };
+
+    ann._xa = {};
+    Lib.extendFlat(ann._xa, base);
+    Axes.setConvert(ann._xa);
+    ann._xa._offset = size.l + domain.x[0] * size.w;
+    ann._xa.l2p = function() {
+        return 0.5 * (1 + ann.pdata[0] / ann.pdata[3]) * size.w * (domain.x[1] - domain.x[0]);
+    };
+
+    ann._ya = {};
+    Lib.extendFlat(ann._ya, base);
+    Axes.setConvert(ann._ya);
+    ann._ya._offset = size.t + (1 - domain.y[1]) * size.h;
+    ann._ya.l2p = function() {
+        return 0.5 * (1 - ann.pdata[1] / ann.pdata[3]) * size.h * (domain.y[1] - domain.y[0]);
+    };
+}
+
+},{"../../lib":728,"../../plots/cartesian/axes":772}],598:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+var handleAnnotationCommonDefaults = require('../annotations/common_defaults');
+var attributes = require('./attributes');
+
+module.exports = function handleDefaults(sceneLayoutIn, sceneLayoutOut, opts) {
+    handleArrayContainerDefaults(sceneLayoutIn, sceneLayoutOut, {
+        name: 'annotations',
+        handleItemDefaults: handleAnnotationDefaults,
+        fullLayout: opts.fullLayout
+    });
+};
+
+function handleAnnotationDefaults(annIn, annOut, sceneLayout, opts, itemOpts) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(annIn, annOut, attributes, attr, dflt);
+    }
+
+    function coercePosition(axLetter) {
+        var axName = axLetter + 'axis';
+
+        // mock in such way that getFromId grabs correct 3D axis
+        var gdMock = { _fullLayout: {} };
+        gdMock._fullLayout[axName] = sceneLayout[axName];
+
+        return Axes.coercePosition(annOut, gdMock, coerce, axLetter, axLetter, 0.5);
+    }
+
+
+    var visible = coerce('visible', !itemOpts.itemIsNotPlainObject);
+    if(!visible) return annOut;
+
+    handleAnnotationCommonDefaults(annIn, annOut, opts.fullLayout, coerce);
+
+    coercePosition('x');
+    coercePosition('y');
+    coercePosition('z');
+
+    // if you have one coordinate you should all three
+    Lib.noneOrAll(annIn, annOut, ['x', 'y', 'z']);
+
+    // hard-set here for completeness
+    annOut.xref = 'x';
+    annOut.yref = 'y';
+    annOut.zref = 'z';
+
+    coerce('xanchor');
+    coerce('yanchor');
+    coerce('xshift');
+    coerce('yshift');
+
+    if(annOut.showarrow) {
+        annOut.axref = 'pixel';
+        annOut.ayref = 'pixel';
+
+        // TODO maybe default values should be bigger than the 2D case?
+        coerce('ax', -10);
+        coerce('ay', -30);
+
+        // if you have one part of arrow length you should have both
+        Lib.noneOrAll(annIn, annOut, ['ax', 'ay']);
+    }
+
+    return annOut;
+}
+
+},{"../../lib":728,"../../plots/array_container_defaults":769,"../../plots/cartesian/axes":772,"../annotations/common_defaults":590,"./attributes":596}],599:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var drawRaw = require('../annotations/draw').drawRaw;
+var project = require('../../plots/gl3d/project');
+var axLetters = ['x', 'y', 'z'];
+
+module.exports = function draw(scene) {
+    var fullSceneLayout = scene.fullSceneLayout;
+    var dataScale = scene.dataScale;
+    var anns = fullSceneLayout.annotations;
+
+    for(var i = 0; i < anns.length; i++) {
+        var ann = anns[i];
+        var annotationIsOffscreen = false;
+
+        for(var j = 0; j < 3; j++) {
+            var axLetter = axLetters[j];
+            var pos = ann[axLetter];
+            var ax = fullSceneLayout[axLetter + 'axis'];
+            var posFraction = ax.r2fraction(pos);
+
+            if(posFraction < 0 || posFraction > 1) {
+                annotationIsOffscreen = true;
+                break;
+            }
+        }
+
+        if(annotationIsOffscreen) {
+            scene.fullLayout._infolayer
+                .select('.annotation-' + scene.id + '[data-index="' + i + '"]')
+                .remove();
+        } else {
+            ann.pdata = project(scene.glplot.cameraParams, [
+                fullSceneLayout.xaxis.r2l(ann.x) * dataScale[0],
+                fullSceneLayout.yaxis.r2l(ann.y) * dataScale[1],
+                fullSceneLayout.zaxis.r2l(ann.z) * dataScale[2]
+            ]);
+
+            drawRaw(scene.graphDiv, ann, i, scene.id, ann._xa, ann._ya);
+        }
+    }
+};
+
+},{"../../plots/gl3d/project":820,"../annotations/draw":593}],600:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    moduleType: 'component',
+    name: 'annotations3d',
+
+    schema: {
+        subplots: {
+            scene: {annotations: require('./attributes')}
+        }
+    },
+
+    layoutAttributes: require('./attributes'),
+    handleDefaults: require('./defaults'),
+
+    convert: require('./convert'),
+    draw: require('./draw')
+};
+
+},{"./attributes":596,"./convert":597,"./defaults":598,"./draw":599}],601:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// a trimmed down version of:
+// https://github.com/alexcjohnson/world-calendars/blob/master/dist/index.js
+
+module.exports = require('world-calendars/dist/main');
+
+require('world-calendars/dist/plus');
+
+require('world-calendars/dist/calendars/chinese');
+require('world-calendars/dist/calendars/coptic');
+require('world-calendars/dist/calendars/discworld');
+require('world-calendars/dist/calendars/ethiopian');
+require('world-calendars/dist/calendars/hebrew');
+require('world-calendars/dist/calendars/islamic');
+require('world-calendars/dist/calendars/julian');
+require('world-calendars/dist/calendars/mayan');
+require('world-calendars/dist/calendars/nanakshahi');
+require('world-calendars/dist/calendars/nepali');
+require('world-calendars/dist/calendars/persian');
+require('world-calendars/dist/calendars/taiwan');
+require('world-calendars/dist/calendars/thai');
+require('world-calendars/dist/calendars/ummalqura');
+
+},{"world-calendars/dist/calendars/chinese":567,"world-calendars/dist/calendars/coptic":568,"world-calendars/dist/calendars/discworld":569,"world-calendars/dist/calendars/ethiopian":570,"world-calendars/dist/calendars/hebrew":571,"world-calendars/dist/calendars/islamic":572,"world-calendars/dist/calendars/julian":573,"world-calendars/dist/calendars/mayan":574,"world-calendars/dist/calendars/nanakshahi":575,"world-calendars/dist/calendars/nepali":576,"world-calendars/dist/calendars/persia [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var calendars = require('./calendars');
+
+var Lib = require('../../lib');
+var constants = require('../../constants/numerical');
+
+var EPOCHJD = constants.EPOCHJD;
+var ONEDAY = constants.ONEDAY;
+
+var attributes = {
+    valType: 'enumerated',
+    values: Object.keys(calendars.calendars),
+    
+    editType: 'calc',
+    dflt: 'gregorian'
+};
+
+var handleDefaults = function(contIn, contOut, attr, dflt) {
+    var attrs = {};
+    attrs[attr] = attributes;
+
+    return Lib.coerce(contIn, contOut, attrs, attr, dflt);
+};
+
+var handleTraceDefaults = function(traceIn, traceOut, coords, layout) {
+    for(var i = 0; i < coords.length; i++) {
+        handleDefaults(traceIn, traceOut, coords[i] + 'calendar', layout.calendar);
+    }
+};
+
+// each calendar needs its own default canonical tick. I would love to use
+// 2000-01-01 (or even 0000-01-01) for them all but they don't necessarily
+// all support either of those dates. Instead I'll use the most significant
+// number they *do* support, biased toward the present day.
+var CANONICAL_TICK = {
+    chinese: '2000-01-01',
+    coptic: '2000-01-01',
+    discworld: '2000-01-01',
+    ethiopian: '2000-01-01',
+    hebrew: '5000-01-01',
+    islamic: '1000-01-01',
+    julian: '2000-01-01',
+    mayan: '5000-01-01',
+    nanakshahi: '1000-01-01',
+    nepali: '2000-01-01',
+    persian: '1000-01-01',
+    jalali: '1000-01-01',
+    taiwan: '1000-01-01',
+    thai: '2000-01-01',
+    ummalqura: '1400-01-01'
+};
+
+// Start on a Sunday - for week ticks
+// Discworld and Mayan calendars don't have 7-day weeks but we're going to give them
+// 7-day week ticks so start on our Sundays.
+// If anyone really cares we can customize the auto tick spacings for these calendars.
+var CANONICAL_SUNDAY = {
+    chinese: '2000-01-02',
+    coptic: '2000-01-03',
+    discworld: '2000-01-03',
+    ethiopian: '2000-01-05',
+    hebrew: '5000-01-01',
+    islamic: '1000-01-02',
+    julian: '2000-01-03',
+    mayan: '5000-01-01',
+    nanakshahi: '1000-01-05',
+    nepali: '2000-01-05',
+    persian: '1000-01-01',
+    jalali: '1000-01-01',
+    taiwan: '1000-01-04',
+    thai: '2000-01-04',
+    ummalqura: '1400-01-06'
+};
+
+var DFLTRANGE = {
+    chinese: ['2000-01-01', '2001-01-01'],
+    coptic: ['1700-01-01', '1701-01-01'],
+    discworld: ['1800-01-01', '1801-01-01'],
+    ethiopian: ['2000-01-01', '2001-01-01'],
+    hebrew: ['5700-01-01', '5701-01-01'],
+    islamic: ['1400-01-01', '1401-01-01'],
+    julian: ['2000-01-01', '2001-01-01'],
+    mayan: ['5200-01-01', '5201-01-01'],
+    nanakshahi: ['0500-01-01', '0501-01-01'],
+    nepali: ['2000-01-01', '2001-01-01'],
+    persian: ['1400-01-01', '1401-01-01'],
+    jalali: ['1400-01-01', '1401-01-01'],
+    taiwan: ['0100-01-01', '0101-01-01'],
+    thai: ['2500-01-01', '2501-01-01'],
+    ummalqura: ['1400-01-01', '1401-01-01']
+};
+
+/*
+ * convert d3 templates to world-calendars templates, so our users only need
+ * to know d3's specifiers. Map space padding to no padding, and unknown fields
+ * to an ugly placeholder
+ */
+var UNKNOWN = '##';
+var d3ToWorldCalendars = {
+    'd': {'0': 'dd', '-': 'd'}, // 2-digit or unpadded day of month
+    'e': {'0': 'd', '-': 'd'}, // alternate, always unpadded day of month
+    'a': {'0': 'D', '-': 'D'}, // short weekday name
+    'A': {'0': 'DD', '-': 'DD'}, // full weekday name
+    'j': {'0': 'oo', '-': 'o'}, // 3-digit or unpadded day of the year
+    'W': {'0': 'ww', '-': 'w'}, // 2-digit or unpadded week of the year (Monday first)
+    'm': {'0': 'mm', '-': 'm'}, // 2-digit or unpadded month number
+    'b': {'0': 'M', '-': 'M'}, // short month name
+    'B': {'0': 'MM', '-': 'MM'}, // full month name
+    'y': {'0': 'yy', '-': 'yy'}, // 2-digit year (map unpadded to zero-padded)
+    'Y': {'0': 'yyyy', '-': 'yyyy'}, // 4-digit year (map unpadded to zero-padded)
+    'U': UNKNOWN, // Sunday-first week of the year
+    'w': UNKNOWN, // day of the week [0(sunday),6]
+    // combined format, we replace the date part with the world-calendar version
+    // and the %X stays there for d3 to handle with time parts
+    'c': {'0': 'D M d %X yyyy', '-': 'D M d %X yyyy'},
+    'x': {'0': 'mm/dd/yyyy', '-': 'mm/dd/yyyy'}
+};
+
+function worldCalFmt(fmt, x, calendar) {
+    var dateJD = Math.floor((x + 0.05) / ONEDAY) + EPOCHJD,
+        cDate = getCal(calendar).fromJD(dateJD),
+        i = 0,
+        modifier, directive, directiveLen, directiveObj, replacementPart;
+    while((i = fmt.indexOf('%', i)) !== -1) {
+        modifier = fmt.charAt(i + 1);
+        if(modifier === '0' || modifier === '-' || modifier === '_') {
+            directiveLen = 3;
+            directive = fmt.charAt(i + 2);
+            if(modifier === '_') modifier = '-';
+        }
+        else {
+            directive = modifier;
+            modifier = '0';
+            directiveLen = 2;
+        }
+        directiveObj = d3ToWorldCalendars[directive];
+        if(!directiveObj) {
+            i += directiveLen;
+        }
+        else {
+            // code is recognized as a date part but world-calendars doesn't support it
+            if(directiveObj === UNKNOWN) replacementPart = UNKNOWN;
+
+            // format the cDate according to the translated directive
+            else replacementPart = cDate.formatDate(directiveObj[modifier]);
+
+            fmt = fmt.substr(0, i) + replacementPart + fmt.substr(i + directiveLen);
+            i += replacementPart.length;
+        }
+    }
+    return fmt;
+}
+
+// cache world calendars, so we don't have to reinstantiate
+// during each date-time conversion
+var allCals = {};
+function getCal(calendar) {
+    var calendarObj = allCals[calendar];
+    if(calendarObj) return calendarObj;
+
+    calendarObj = allCals[calendar] = calendars.instance(calendar);
+    return calendarObj;
+}
+
+function makeAttrs(description) {
+    return Lib.extendFlat({}, attributes, { description: description });
+}
+
+function makeTraceAttrsDescription(coord) {
+    return 'Sets the calendar system to use with `' + coord + '` date data.';
+}
+
+var xAttrs = {
+    xcalendar: makeAttrs(makeTraceAttrsDescription('x'))
+};
+
+var xyAttrs = Lib.extendFlat({}, xAttrs, {
+    ycalendar: makeAttrs(makeTraceAttrsDescription('y'))
+});
+
+var xyzAttrs = Lib.extendFlat({}, xyAttrs, {
+    zcalendar: makeAttrs(makeTraceAttrsDescription('z'))
+});
+
+var axisAttrs = makeAttrs([
+    'Sets the calendar system to use for `range` and `tick0`',
+    'if this is a date axis. This does not set the calendar for',
+    'interpreting data on this axis, that\'s specified in the trace',
+    'or via the global `layout.calendar`'
+].join(' '));
+
+module.exports = {
+    moduleType: 'component',
+    name: 'calendars',
+
+    schema: {
+        traces: {
+            scatter: xyAttrs,
+            bar: xyAttrs,
+            box: xyAttrs,
+            heatmap: xyAttrs,
+            contour: xyAttrs,
+            histogram: xyAttrs,
+            histogram2d: xyAttrs,
+            histogram2dcontour: xyAttrs,
+            scatter3d: xyzAttrs,
+            surface: xyzAttrs,
+            mesh3d: xyzAttrs,
+            scattergl: xyAttrs,
+            ohlc: xAttrs,
+            candlestick: xAttrs
+        },
+        layout: {
+            calendar: makeAttrs([
+                'Sets the default calendar system to use for interpreting and',
+                'displaying dates throughout the plot.'
+            ].join(' '))
+        },
+        subplots: {
+            xaxis: {calendar: axisAttrs},
+            yaxis: {calendar: axisAttrs},
+            scene: {
+                xaxis: {calendar: axisAttrs},
+                // TODO: it's actually redundant to include yaxis and zaxis here
+                // because in the scene attributes these are the same object so merging
+                // into one merges into them all. However, I left them in for parity with
+                // cartesian, where yaxis is unused until we Plotschema.get() when we
+                // use its presence or absence to determine whether to delete attributes
+                // from yaxis if they only apply to x (rangeselector/rangeslider)
+                yaxis: {calendar: axisAttrs},
+                zaxis: {calendar: axisAttrs}
+            }
+        },
+        transforms: {
+            filter: {
+                valuecalendar: makeAttrs([
+                    'Sets the calendar system to use for `value`, if it is a date.'
+                ].join(' ')),
+                targetcalendar: makeAttrs([
+                    'Sets the calendar system to use for `target`, if it is an',
+                    'array of dates. If `target` is a string (eg *x*) we use the',
+                    'corresponding trace attribute (eg `xcalendar`) if it exists,',
+                    'even if `targetcalendar` is provided.'
+                ].join(' '))
+            }
+        }
+    },
+
+    layoutAttributes: attributes,
+
+    handleDefaults: handleDefaults,
+    handleTraceDefaults: handleTraceDefaults,
+
+    CANONICAL_SUNDAY: CANONICAL_SUNDAY,
+    CANONICAL_TICK: CANONICAL_TICK,
+    DFLTRANGE: DFLTRANGE,
+
+    getCal: getCal,
+    worldCalFmt: worldCalFmt
+};
+
+},{"../../constants/numerical":707,"../../lib":728,"./calendars":601}],603:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+// IMPORTANT - default colors should be in hex for compatibility
+exports.defaults = [
+    '#1f77b4',  // muted blue
+    '#ff7f0e',  // safety orange
+    '#2ca02c',  // cooked asparagus green
+    '#d62728',  // brick red
+    '#9467bd',  // muted purple
+    '#8c564b',  // chestnut brown
+    '#e377c2',  // raspberry yogurt pink
+    '#7f7f7f',  // middle gray
+    '#bcbd22',  // curry yellow-green
+    '#17becf'   // blue-teal
+];
+
+exports.defaultLine = '#444';
+
+exports.lightLine = '#eee';
+
+exports.background = '#fff';
+
+exports.borderLine = '#BEC8D9';
+
+// with axis.color and Color.interp we aren't using lightLine
+// itself anymore, instead interpolating between axis.color
+// and the background color using tinycolor.mix. lightFraction
+// gives back exactly lightLine if the other colors are defaults.
+exports.lightFraction = 100 * (0xe - 0x4) / (0xf - 0x4);
+
+},{}],604:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var tinycolor = require('tinycolor2');
+var isNumeric = require('fast-isnumeric');
+
+var color = module.exports = {};
+
+var colorAttrs = require('./attributes');
+color.defaults = colorAttrs.defaults;
+var defaultLine = color.defaultLine = colorAttrs.defaultLine;
+color.lightLine = colorAttrs.lightLine;
+var background = color.background = colorAttrs.background;
+
+/*
+ * tinyRGB: turn a tinycolor into an rgb string, but
+ * unlike the built-in tinycolor.toRgbString this never includes alpha
+ */
+color.tinyRGB = function(tc) {
+    var c = tc.toRgb();
+    return 'rgb(' + Math.round(c.r) + ', ' +
+        Math.round(c.g) + ', ' + Math.round(c.b) + ')';
+};
+
+color.rgb = function(cstr) { return color.tinyRGB(tinycolor(cstr)); };
+
+color.opacity = function(cstr) { return cstr ? tinycolor(cstr).getAlpha() : 0; };
+
+color.addOpacity = function(cstr, op) {
+    var c = tinycolor(cstr).toRgb();
+    return 'rgba(' + Math.round(c.r) + ', ' +
+        Math.round(c.g) + ', ' + Math.round(c.b) + ', ' + op + ')';
+};
+
+// combine two colors into one apparent color
+// if back has transparency or is missing,
+// color.background is assumed behind it
+color.combine = function(front, back) {
+    var fc = tinycolor(front).toRgb();
+    if(fc.a === 1) return tinycolor(front).toRgbString();
+
+    var bc = tinycolor(back || background).toRgb(),
+        bcflat = bc.a === 1 ? bc : {
+            r: 255 * (1 - bc.a) + bc.r * bc.a,
+            g: 255 * (1 - bc.a) + bc.g * bc.a,
+            b: 255 * (1 - bc.a) + bc.b * bc.a
+        },
+        fcflat = {
+            r: bcflat.r * (1 - fc.a) + fc.r * fc.a,
+            g: bcflat.g * (1 - fc.a) + fc.g * fc.a,
+            b: bcflat.b * (1 - fc.a) + fc.b * fc.a
+        };
+    return tinycolor(fcflat).toRgbString();
+};
+
+/*
+ * Create a color that contrasts with cstr.
+ *
+ * If cstr is a dark color, we lighten it; if it's light, we darken.
+ *
+ * If lightAmount / darkAmount are used, we adjust by these percentages,
+ * otherwise we go all the way to white or black.
+ */
+color.contrast = function(cstr, lightAmount, darkAmount) {
+    var tc = tinycolor(cstr);
+
+    if(tc.getAlpha() !== 1) tc = tinycolor(color.combine(cstr, background));
+
+    var newColor = tc.isDark() ?
+        (lightAmount ? tc.lighten(lightAmount) : background) :
+        (darkAmount ? tc.darken(darkAmount) : defaultLine);
+
+    return newColor.toString();
+};
+
+color.stroke = function(s, c) {
+    var tc = tinycolor(c);
+    s.style({'stroke': color.tinyRGB(tc), 'stroke-opacity': tc.getAlpha()});
+};
+
+color.fill = function(s, c) {
+    var tc = tinycolor(c);
+    s.style({
+        'fill': color.tinyRGB(tc),
+        'fill-opacity': tc.getAlpha()
+    });
+};
+
+// search container for colors with the deprecated rgb(fractions) format
+// and convert them to rgb(0-255 values)
+color.clean = function(container) {
+    if(!container || typeof container !== 'object') return;
+
+    var keys = Object.keys(container),
+        i,
+        j,
+        key,
+        val;
+
+    for(i = 0; i < keys.length; i++) {
+        key = keys[i];
+        val = container[key];
+
+        // only sanitize keys that end in "color" or "colorscale"
+        if(key.substr(key.length - 5) === 'color') {
+            if(Array.isArray(val)) {
+                for(j = 0; j < val.length; j++) val[j] = cleanOne(val[j]);
+            }
+            else container[key] = cleanOne(val);
+        }
+        else if(key.substr(key.length - 10) === 'colorscale' && Array.isArray(val)) {
+            // colorscales have the format [[0, color1], [frac, color2], ... [1, colorN]]
+            for(j = 0; j < val.length; j++) {
+                if(Array.isArray(val[j])) val[j][1] = cleanOne(val[j][1]);
+            }
+        }
+        // recurse into arrays of objects, and plain objects
+        else if(Array.isArray(val)) {
+            var el0 = val[0];
+            if(!Array.isArray(el0) && el0 && typeof el0 === 'object') {
+                for(j = 0; j < val.length; j++) color.clean(val[j]);
+            }
+        }
+        else if(val && typeof val === 'object') color.clean(val);
+    }
+};
+
+function cleanOne(val) {
+    if(isNumeric(val) || typeof val !== 'string') return val;
+
+    var valTrim = val.trim();
+    if(valTrim.substr(0, 3) !== 'rgb') return val;
+
+    var match = valTrim.match(/^rgba?\s*\(([^()]*)\)$/);
+    if(!match) return val;
+
+    var parts = match[1].trim().split(/\s*[\s,]\s*/),
+        rgba = valTrim.charAt(3) === 'a' && parts.length === 4;
+    if(!rgba && parts.length !== 3) return val;
+
+    for(var i = 0; i < parts.length; i++) {
+        if(!parts[i].length) return val;
+        parts[i] = Number(parts[i]);
+
+        // all parts must be non-negative numbers
+        if(!(parts[i] >= 0)) return val;
+        // alpha>1 gets clipped to 1
+        if(i === 3) {
+            if(parts[i] > 1) parts[i] = 1;
+        }
+        // r, g, b must be < 1 (ie 1 itself is not allowed)
+        else if(parts[i] >= 1) return val;
+    }
+
+    var rgbStr = Math.round(parts[0] * 255) + ', ' +
+        Math.round(parts[1] * 255) + ', ' +
+        Math.round(parts[2] * 255);
+
+    if(rgba) return 'rgba(' + rgbStr + ', ' + parts[3] + ')';
+    return 'rgb(' + rgbStr + ')';
+}
+
+},{"./attributes":603,"fast-isnumeric":131,"tinycolor2":534}],605:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var axesAttrs = require('../../plots/cartesian/layout_attributes');
+var fontAttrs = require('../../plots/font_attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+
+module.exports = overrideAll({
+// TODO: only right is supported currently
+//     orient: {
+//         valType: 'enumerated',
+//         
+//         values: ['left', 'right', 'top', 'bottom'],
+//         dflt: 'right',
+//         
+//     },
+    thicknessmode: {
+        valType: 'enumerated',
+        values: ['fraction', 'pixels'],
+        
+        dflt: 'pixels',
+        
+    },
+    thickness: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 30,
+        
+    },
+    lenmode: {
+        valType: 'enumerated',
+        values: ['fraction', 'pixels'],
+        
+        dflt: 'fraction',
+        
+    },
+    len: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        
+    },
+    x: {
+        valType: 'number',
+        dflt: 1.02,
+        min: -2,
+        max: 3,
+        
+        
+    },
+    xanchor: {
+        valType: 'enumerated',
+        values: ['left', 'center', 'right'],
+        dflt: 'left',
+        
+        
+    },
+    xpad: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 10,
+        
+    },
+    y: {
+        valType: 'number',
+        
+        dflt: 0.5,
+        min: -2,
+        max: 3,
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['top', 'middle', 'bottom'],
+        
+        dflt: 'middle',
+        
+    },
+    ypad: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 10,
+        
+    },
+    // a possible line around the bar itself
+    outlinecolor: axesAttrs.linecolor,
+    outlinewidth: axesAttrs.linewidth,
+    // Should outlinewidth have {dflt: 0} ?
+    // another possible line outside the padding and tick labels
+    bordercolor: axesAttrs.linecolor,
+    borderwidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 0,
+        
+    },
+    bgcolor: {
+        valType: 'color',
+        
+        dflt: 'rgba(0,0,0,0)',
+        
+    },
+    // tick and title properties named and function exactly as in axes
+    tickmode: axesAttrs.tickmode,
+    nticks: axesAttrs.nticks,
+    tick0: axesAttrs.tick0,
+    dtick: axesAttrs.dtick,
+    tickvals: axesAttrs.tickvals,
+    ticktext: axesAttrs.ticktext,
+    ticks: extendFlat({}, axesAttrs.ticks, {dflt: ''}),
+    ticklen: axesAttrs.ticklen,
+    tickwidth: axesAttrs.tickwidth,
+    tickcolor: axesAttrs.tickcolor,
+    showticklabels: axesAttrs.showticklabels,
+    tickfont: fontAttrs({
+        
+    }),
+    tickangle: axesAttrs.tickangle,
+    tickformat: axesAttrs.tickformat,
+    tickprefix: axesAttrs.tickprefix,
+    showtickprefix: axesAttrs.showtickprefix,
+    ticksuffix: axesAttrs.ticksuffix,
+    showticksuffix: axesAttrs.showticksuffix,
+    separatethousands: axesAttrs.separatethousands,
+    exponentformat: axesAttrs.exponentformat,
+    showexponent: axesAttrs.showexponent,
+    title: {
+        valType: 'string',
+        
+        dflt: 'Click to enter colorscale title',
+        
+    },
+    titlefont: fontAttrs({
+        
+    }),
+    titleside: {
+        valType: 'enumerated',
+        values: ['right', 'top', 'bottom'],
+        
+        dflt: 'top',
+        
+    }
+}, 'colorbars', 'from-root');
+
+},{"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/cartesian/layout_attributes":783,"../../plots/font_attributes":796}],606:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleTickValueDefaults = require('../../plots/cartesian/tick_value_defaults');
+var handleTickMarkDefaults = require('../../plots/cartesian/tick_mark_defaults');
+var handleTickLabelDefaults = require('../../plots/cartesian/tick_label_defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function colorbarDefaults(containerIn, containerOut, layout) {
+    var colorbarOut = containerOut.colorbar = {},
+        colorbarIn = containerIn.colorbar || {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(colorbarIn, colorbarOut, attributes, attr, dflt);
+    }
+
+    var thicknessmode = coerce('thicknessmode');
+    coerce('thickness', (thicknessmode === 'fraction') ?
+        30 / (layout.width - layout.margin.l - layout.margin.r) :
+        30
+    );
+
+    var lenmode = coerce('lenmode');
+    coerce('len', (lenmode === 'fraction') ?
+        1 :
+        layout.height - layout.margin.t - layout.margin.b
+    );
+
+    coerce('x');
+    coerce('xanchor');
+    coerce('xpad');
+    coerce('y');
+    coerce('yanchor');
+    coerce('ypad');
+    Lib.noneOrAll(colorbarIn, colorbarOut, ['x', 'y']);
+
+    coerce('outlinecolor');
+    coerce('outlinewidth');
+    coerce('bordercolor');
+    coerce('borderwidth');
+    coerce('bgcolor');
+
+    handleTickValueDefaults(colorbarIn, colorbarOut, coerce, 'linear');
+
+    handleTickLabelDefaults(colorbarIn, colorbarOut, coerce, 'linear',
+        {outerTicks: false, font: layout.font, noHover: true});
+
+    handleTickMarkDefaults(colorbarIn, colorbarOut, coerce, 'linear',
+        {outerTicks: false, font: layout.font, noHover: true});
+
+    coerce('title');
+    Lib.coerceFont(coerce, 'titlefont', layout.font);
+    coerce('titleside');
+};
+
+},{"../../lib":728,"../../plots/cartesian/tick_label_defaults":790,"../../plots/cartesian/tick_mark_defaults":791,"../../plots/cartesian/tick_value_defaults":792,"./attributes":605}],607:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var tinycolor = require('tinycolor2');
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+var dragElement = require('../dragelement');
+var Lib = require('../../lib');
+var extendFlat = require('../../lib/extend').extendFlat;
+var setCursor = require('../../lib/setcursor');
+var Drawing = require('../drawing');
+var Color = require('../color');
+var Titles = require('../titles');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var LINE_SPACING = require('../../constants/alignment').LINE_SPACING;
+
+var handleAxisDefaults = require('../../plots/cartesian/axis_defaults');
+var handleAxisPositionDefaults = require('../../plots/cartesian/position_defaults');
+var axisLayoutAttrs = require('../../plots/cartesian/layout_attributes');
+
+var attributes = require('./attributes');
+
+
+module.exports = function draw(gd, id) {
+    // opts: options object, containing everything from attributes
+    // plus a few others that are the equivalent of the colorbar "data"
+    var opts = {};
+    Object.keys(attributes).forEach(function(k) {
+        opts[k] = null;
+    });
+    // fillcolor can be a d3 scale, domain is z values, range is colors
+    // or leave it out for no fill,
+    // or set to a string constant for single-color fill
+    opts.fillcolor = null;
+    // line.color has the same options as fillcolor
+    opts.line = {color: null, width: null, dash: null};
+    // levels of lines to draw.
+    // note that this DOES NOT determine the extent of the bar
+    // that's given by the domain of fillcolor
+    // (or line.color if no fillcolor domain)
+    opts.levels = {start: null, end: null, size: null};
+    // separate fill levels (for example, heatmap coloring of a
+    // contour map) if this is omitted, fillcolors will be
+    // evaluated halfway between levels
+    opts.filllevels = null;
+
+    function component() {
+        var fullLayout = gd._fullLayout,
+            gs = fullLayout._size;
+        if((typeof opts.fillcolor !== 'function') &&
+                (typeof opts.line.color !== 'function')) {
+            fullLayout._infolayer.selectAll('g.' + id).remove();
+            return;
+        }
+        var zrange = d3.extent(((typeof opts.fillcolor === 'function') ?
+            opts.fillcolor : opts.line.color).domain());
+        var linelevels = [];
+        var filllevels = [];
+        var linecolormap = typeof opts.line.color === 'function' ?
+            opts.line.color : function() { return opts.line.color; };
+        var fillcolormap = typeof opts.fillcolor === 'function' ?
+            opts.fillcolor : function() { return opts.fillcolor; };
+        var l;
+        var i;
+
+        var l0 = opts.levels.end + opts.levels.size / 100,
+            ls = opts.levels.size,
+            zr0 = (1.001 * zrange[0] - 0.001 * zrange[1]),
+            zr1 = (1.001 * zrange[1] - 0.001 * zrange[0]);
+        for(i = 0; i < 1e5; i++) {
+            l = opts.levels.start + i * ls;
+            if(ls > 0 ? (l >= l0) : (l <= l0)) break;
+            if(l > zr0 && l < zr1) linelevels.push(l);
+        }
+
+        if(typeof opts.fillcolor === 'function') {
+            if(opts.filllevels) {
+                l0 = opts.filllevels.end + opts.filllevels.size / 100;
+                ls = opts.filllevels.size;
+                for(i = 0; i < 1e5; i++) {
+                    l = opts.filllevels.start + i * ls;
+                    if(ls > 0 ? (l >= l0) : (l <= l0)) break;
+                    if(l > zrange[0] && l < zrange[1]) filllevels.push(l);
+                }
+            }
+            else {
+                filllevels = linelevels.map(function(v) {
+                    return v - opts.levels.size / 2;
+                });
+                filllevels.push(filllevels[filllevels.length - 1] +
+                    opts.levels.size);
+            }
+        }
+        else if(opts.fillcolor && typeof opts.fillcolor === 'string') {
+            // doesn't matter what this value is, with a single value
+            // we'll make a single fill rect covering the whole bar
+            filllevels = [0];
+        }
+
+        if(opts.levels.size < 0) {
+            linelevels.reverse();
+            filllevels.reverse();
+        }
+
+        // now make a Plotly Axes object to scale with and draw ticks
+        // TODO: does not support orientation other than right
+
+        // we calculate pixel sizes based on the specified graph size,
+        // not the actual (in case something pushed the margins around)
+        // which is a little odd but avoids an odd iterative effect
+        // when the colorbar itself is pushing the margins.
+        // but then the fractional size is calculated based on the
+        // actual graph size, so that the axes will size correctly.
+        var originalPlotHeight = fullLayout.height - fullLayout.margin.t - fullLayout.margin.b,
+            originalPlotWidth = fullLayout.width - fullLayout.margin.l - fullLayout.margin.r,
+            thickPx = Math.round(opts.thickness *
+                (opts.thicknessmode === 'fraction' ? originalPlotWidth : 1)),
+            thickFrac = thickPx / gs.w,
+            lenPx = Math.round(opts.len *
+                (opts.lenmode === 'fraction' ? originalPlotHeight : 1)),
+            lenFrac = lenPx / gs.h,
+            xpadFrac = opts.xpad / gs.w,
+            yExtraPx = (opts.borderwidth + opts.outlinewidth) / 2,
+            ypadFrac = opts.ypad / gs.h,
+
+            // x positioning: do it initially just for left anchor,
+            // then fix at the end (since we don't know the width yet)
+            xLeft = Math.round(opts.x * gs.w + opts.xpad),
+            // for dragging... this is getting a little muddled...
+            xLeftFrac = opts.x - thickFrac *
+                ({middle: 0.5, right: 1}[opts.xanchor]||0),
+
+            // y positioning we can do correctly from the start
+            yBottomFrac = opts.y + lenFrac *
+                (({top: -0.5, bottom: 0.5}[opts.yanchor] || 0) - 0.5),
+            yBottomPx = Math.round(gs.h * (1 - yBottomFrac)),
+            yTopPx = yBottomPx - lenPx,
+            titleEl,
+            cbAxisIn = {
+                type: 'linear',
+                range: zrange,
+                tickmode: opts.tickmode,
+                nticks: opts.nticks,
+                tick0: opts.tick0,
+                dtick: opts.dtick,
+                tickvals: opts.tickvals,
+                ticktext: opts.ticktext,
+                ticks: opts.ticks,
+                ticklen: opts.ticklen,
+                tickwidth: opts.tickwidth,
+                tickcolor: opts.tickcolor,
+                showticklabels: opts.showticklabels,
+                tickfont: opts.tickfont,
+                tickangle: opts.tickangle,
+                tickformat: opts.tickformat,
+                exponentformat: opts.exponentformat,
+                separatethousands: opts.separatethousands,
+                showexponent: opts.showexponent,
+                showtickprefix: opts.showtickprefix,
+                tickprefix: opts.tickprefix,
+                showticksuffix: opts.showticksuffix,
+                ticksuffix: opts.ticksuffix,
+                title: opts.title,
+                titlefont: opts.titlefont,
+                showline: true,
+                anchor: 'free',
+                position: 1
+            },
+            cbAxisOut = {
+                type: 'linear',
+                _id: 'y' + id
+            },
+            axisOptions = {
+                letter: 'y',
+                font: fullLayout.font,
+                noHover: true,
+                calendar: fullLayout.calendar  // not really necessary (yet?)
+            };
+
+        // Coerce w.r.t. Axes layoutAttributes:
+        // re-use axes.js logic without updating _fullData
+        function coerce(attr, dflt) {
+            return Lib.coerce(cbAxisIn, cbAxisOut, axisLayoutAttrs, attr, dflt);
+        }
+
+        // Prepare the Plotly axis object
+        handleAxisDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions, fullLayout);
+        handleAxisPositionDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions);
+
+        // position can't go in through supplyDefaults
+        // because that restricts it to [0,1]
+        cbAxisOut.position = opts.x + xpadFrac + thickFrac;
+
+        // save for other callers to access this axis
+        component.axis = cbAxisOut;
+
+        if(['top', 'bottom'].indexOf(opts.titleside) !== -1) {
+            cbAxisOut.titleside = opts.titleside;
+            cbAxisOut.titlex = opts.x + xpadFrac;
+            cbAxisOut.titley = yBottomFrac +
+                (opts.titleside === 'top' ? lenFrac - ypadFrac : ypadFrac);
+        }
+
+        if(opts.line.color && opts.tickmode === 'auto') {
+            cbAxisOut.tickmode = 'linear';
+            cbAxisOut.tick0 = opts.levels.start;
+            var dtick = opts.levels.size;
+            // expand if too many contours, so we don't get too many ticks
+            var autoNtick = Lib.constrain(
+                    (yBottomPx - yTopPx) / 50, 4, 15) + 1,
+                dtFactor = (zrange[1] - zrange[0]) /
+                    ((opts.nticks || autoNtick) * dtick);
+            if(dtFactor > 1) {
+                var dtexp = Math.pow(10, Math.floor(
+                    Math.log(dtFactor) / Math.LN10));
+                dtick *= dtexp * Lib.roundUp(dtFactor / dtexp, [2, 5, 10]);
+                // if the contours are at round multiples, reset tick0
+                // so they're still at round multiples. Otherwise,
+                // keep the first label on the first contour level
+                if((Math.abs(opts.levels.start) /
+                        opts.levels.size + 1e-6) % 1 < 2e-6) {
+                    cbAxisOut.tick0 = 0;
+                }
+            }
+            cbAxisOut.dtick = dtick;
+        }
+
+        // set domain after init, because we may want to
+        // allow it outside [0,1]
+        cbAxisOut.domain = [
+            yBottomFrac + ypadFrac,
+            yBottomFrac + lenFrac - ypadFrac
+        ];
+        cbAxisOut.setScale();
+
+        // now draw the elements
+        var container = fullLayout._infolayer.selectAll('g.' + id).data([0]);
+        container.enter().append('g').classed(id, true)
+            .each(function() {
+                var s = d3.select(this);
+                s.append('rect').classed('cbbg', true);
+                s.append('g').classed('cbfills', true);
+                s.append('g').classed('cblines', true);
+                s.append('g').classed('cbaxis', true).classed('crisp', true);
+                s.append('g').classed('cbtitleunshift', true)
+                    .append('g').classed('cbtitle', true);
+                s.append('rect').classed('cboutline', true);
+                s.select('.cbtitle').datum(0);
+            });
+        container.attr('transform', 'translate(' + Math.round(gs.l) +
+            ',' + Math.round(gs.t) + ')');
+        // TODO: this opposite transform is a hack until we make it
+        // more rational which items get this offset
+        var titleCont = container.select('.cbtitleunshift')
+            .attr('transform', 'translate(-' +
+                Math.round(gs.l) + ',-' +
+                Math.round(gs.t) + ')');
+
+        cbAxisOut._axislayer = container.select('.cbaxis');
+        var titleHeight = 0;
+        if(['top', 'bottom'].indexOf(opts.titleside) !== -1) {
+            // draw the title so we know how much room it needs
+            // when we squish the axis. This one only applies to
+            // top or bottom titles, not right side.
+            var x = gs.l + (opts.x + xpadFrac) * gs.w,
+                fontSize = cbAxisOut.titlefont.size,
+                y;
+
+            if(opts.titleside === 'top') {
+                y = (1 - (yBottomFrac + lenFrac - ypadFrac)) * gs.h +
+                    gs.t + 3 + fontSize * 0.75;
+            }
+            else {
+                y = (1 - (yBottomFrac + ypadFrac)) * gs.h +
+                    gs.t - 3 - fontSize * 0.25;
+            }
+            drawTitle(cbAxisOut._id + 'title', {
+                attributes: {x: x, y: y, 'text-anchor': 'start'}
+            });
+        }
+
+        function drawAxis() {
+            if(['top', 'bottom'].indexOf(opts.titleside) !== -1) {
+                // squish the axis top to make room for the title
+                var titleGroup = container.select('.cbtitle'),
+                    titleText = titleGroup.select('text'),
+                    titleTrans =
+                        [-opts.outlinewidth / 2, opts.outlinewidth / 2],
+                    mathJaxNode = titleGroup
+                        .select('.h' + cbAxisOut._id + 'title-math-group')
+                        .node(),
+                    lineSize = 15.6;
+                if(titleText.node()) {
+                    lineSize =
+                        parseInt(titleText.node().style.fontSize, 10) * LINE_SPACING;
+                }
+                if(mathJaxNode) {
+                    titleHeight = Drawing.bBox(mathJaxNode).height;
+                    if(titleHeight > lineSize) {
+                        // not entirely sure how mathjax is doing
+                        // vertical alignment, but this seems to work.
+                        titleTrans[1] -= (titleHeight - lineSize) / 2;
+                    }
+                }
+                else if(titleText.node() &&
+                        !titleText.classed('js-placeholder')) {
+                    titleHeight = Drawing.bBox(titleText.node()).height;
+                }
+                if(titleHeight) {
+                    // buffer btwn colorbar and title
+                    // TODO: configurable
+                    titleHeight += 5;
+
+                    if(opts.titleside === 'top') {
+                        cbAxisOut.domain[1] -= titleHeight / gs.h;
+                        titleTrans[1] *= -1;
+                    }
+                    else {
+                        cbAxisOut.domain[0] += titleHeight / gs.h;
+                        var nlines = svgTextUtils.lineCount(titleText);
+                        titleTrans[1] += (1 - nlines) * lineSize;
+                    }
+
+                    titleGroup.attr('transform',
+                        'translate(' + titleTrans + ')');
+
+                    cbAxisOut.setScale();
+                }
+            }
+
+            container.selectAll('.cbfills,.cblines,.cbaxis')
+                .attr('transform', 'translate(0,' +
+                    Math.round(gs.h * (1 - cbAxisOut.domain[1])) + ')');
+
+            var fills = container.select('.cbfills')
+                .selectAll('rect.cbfill')
+                    .data(filllevels);
+            fills.enter().append('rect')
+                .classed('cbfill', true)
+                .style('stroke', 'none');
+            fills.exit().remove();
+            fills.each(function(d, i) {
+                var z = [
+                    (i === 0) ? zrange[0] :
+                        (filllevels[i] + filllevels[i - 1]) / 2,
+                    (i === filllevels.length - 1) ? zrange[1] :
+                        (filllevels[i] + filllevels[i + 1]) / 2
+                ]
+                .map(cbAxisOut.c2p)
+                .map(Math.round);
+
+                // offset the side adjoining the next rectangle so they
+                // overlap, to prevent antialiasing gaps
+                if(i !== filllevels.length - 1) {
+                    z[1] += (z[1] > z[0]) ? 1 : -1;
+                }
+
+
+                // Tinycolor can't handle exponents and
+                // at this scale, removing it makes no difference.
+                var colorString = fillcolormap(d).replace('e-', ''),
+                    opaqueColor = tinycolor(colorString).toHexString();
+
+                // Colorbar cannot currently support opacities so we
+                // use an opaque fill even when alpha channels present
+                d3.select(this).attr({
+                    x: xLeft,
+                    width: Math.max(thickPx, 2),
+                    y: d3.min(z),
+                    height: Math.max(d3.max(z) - d3.min(z), 2),
+                    fill: opaqueColor
+                });
+            });
+
+            var lines = container.select('.cblines')
+                .selectAll('path.cbline')
+                    .data(opts.line.color && opts.line.width ?
+                        linelevels : []);
+            lines.enter().append('path')
+                .classed('cbline', true);
+            lines.exit().remove();
+            lines.each(function(d) {
+                d3.select(this)
+                    .attr('d', 'M' + xLeft + ',' +
+                        (Math.round(cbAxisOut.c2p(d)) + (opts.line.width / 2) % 1) +
+                        'h' + thickPx)
+                    .call(Drawing.lineGroupStyle,
+                        opts.line.width, linecolormap(d), opts.line.dash);
+            });
+
+            // force full redraw of labels and ticks
+            cbAxisOut._axislayer.selectAll('g.' + cbAxisOut._id + 'tick,path')
+                .remove();
+
+            cbAxisOut._pos = xLeft + thickPx +
+                (opts.outlinewidth||0) / 2 - (opts.ticks === 'outside' ? 1 : 0);
+            cbAxisOut.side = 'right';
+
+            // separate out axis and title drawing,
+            // so we don't need such complicated logic in Titles.draw
+            // if title is on the top or bottom, we've already drawn it
+            // this title call only handles side=right
+            return Lib.syncOrAsync([
+                function() {
+                    return Axes.doTicks(gd, cbAxisOut, true);
+                },
+                function() {
+                    if(['top', 'bottom'].indexOf(opts.titleside) === -1) {
+                        var fontSize = cbAxisOut.titlefont.size,
+                            y = cbAxisOut._offset + cbAxisOut._length / 2,
+                            x = gs.l + (cbAxisOut.position || 0) * gs.w + ((cbAxisOut.side === 'right') ?
+                                10 + fontSize * ((cbAxisOut.showticklabels ? 1 : 0.5)) :
+                                -10 - fontSize * ((cbAxisOut.showticklabels ? 0.5 : 0)));
+
+                        // the 'h' + is a hack to get around the fact that
+                        // convertToTspans rotates any 'y...' class by 90 degrees.
+                        // TODO: find a better way to control this.
+                        drawTitle('h' + cbAxisOut._id + 'title', {
+                            avoid: {
+                                selection: d3.select(gd).selectAll('g.' + cbAxisOut._id + 'tick'),
+                                side: opts.titleside,
+                                offsetLeft: gs.l,
+                                offsetTop: gs.t,
+                                maxShift: fullLayout.width
+                            },
+                            attributes: {x: x, y: y, 'text-anchor': 'middle'},
+                            transform: {rotate: '-90', offset: 0}
+                        });
+                    }
+                }]);
+        }
+
+        function drawTitle(titleClass, titleOpts) {
+            var trace = getTrace(),
+                propName;
+            if(Registry.traceIs(trace, 'markerColorscale')) {
+                propName = 'marker.colorbar.title';
+            }
+            else propName = 'colorbar.title';
+
+            var dfltTitleOpts = {
+                propContainer: cbAxisOut,
+                propName: propName,
+                traceIndex: trace.index,
+                dfltName: 'colorscale',
+                containerGroup: container.select('.cbtitle')
+            };
+
+            // this class-to-rotate thing with convertToTspans is
+            // getting hackier and hackier... delete groups with the
+            // wrong class (in case earlier the colorbar was drawn on
+            // a different side, I think?)
+            var otherClass = titleClass.charAt(0) === 'h' ?
+                titleClass.substr(1) : ('h' + titleClass);
+            container.selectAll('.' + otherClass + ',.' + otherClass + '-math-group')
+                .remove();
+
+            Titles.draw(gd, titleClass,
+                extendFlat(dfltTitleOpts, titleOpts || {}));
+        }
+
+        function positionCB() {
+            // wait for the axis & title to finish rendering before
+            // continuing positioning
+            // TODO: why are we redrawing multiple times now with this?
+            // I guess autoMargin doesn't like being post-promise?
+            var innerWidth = thickPx + opts.outlinewidth / 2 +
+                    Drawing.bBox(cbAxisOut._axislayer.node()).width;
+            titleEl = titleCont.select('text');
+            if(titleEl.node() && !titleEl.classed('js-placeholder')) {
+                var mathJaxNode = titleCont
+                        .select('.h' + cbAxisOut._id + 'title-math-group')
+                        .node(),
+                    titleWidth;
+                if(mathJaxNode &&
+                        ['top', 'bottom'].indexOf(opts.titleside) !== -1) {
+                    titleWidth = Drawing.bBox(mathJaxNode).width;
+                }
+                else {
+                    // note: the formula below works for all titlesides,
+                    // (except for top/bottom mathjax, above)
+                    // but the weird gs.l is because the titleunshift
+                    // transform gets removed by Drawing.bBox
+                    titleWidth =
+                        Drawing.bBox(titleCont.node()).right -
+                        xLeft - gs.l;
+                }
+                innerWidth = Math.max(innerWidth, titleWidth);
+            }
+
+            var outerwidth = 2 * opts.xpad + innerWidth +
+                    opts.borderwidth + opts.outlinewidth / 2,
+                outerheight = yBottomPx - yTopPx;
+
+            container.select('.cbbg').attr({
+                x: xLeft - opts.xpad -
+                    (opts.borderwidth + opts.outlinewidth) / 2,
+                y: yTopPx - yExtraPx,
+                width: Math.max(outerwidth, 2),
+                height: Math.max(outerheight + 2 * yExtraPx, 2)
+            })
+            .call(Color.fill, opts.bgcolor)
+            .call(Color.stroke, opts.bordercolor)
+            .style({'stroke-width': opts.borderwidth});
+
+            container.selectAll('.cboutline').attr({
+                x: xLeft,
+                y: yTopPx + opts.ypad +
+                    (opts.titleside === 'top' ? titleHeight : 0),
+                width: Math.max(thickPx, 2),
+                height: Math.max(outerheight - 2 * opts.ypad - titleHeight, 2)
+            })
+            .call(Color.stroke, opts.outlinecolor)
+            .style({
+                fill: 'None',
+                'stroke-width': opts.outlinewidth
+            });
+
+            // fix positioning for xanchor!='left'
+            var xoffset = ({center: 0.5, right: 1}[opts.xanchor] || 0) *
+                outerwidth;
+            container.attr('transform',
+                'translate(' + (gs.l - xoffset) + ',' + gs.t + ')');
+
+            // auto margin adjustment
+            Plots.autoMargin(gd, id, {
+                x: opts.x,
+                y: opts.y,
+                l: outerwidth * ({right: 1, center: 0.5}[opts.xanchor] || 0),
+                r: outerwidth * ({left: 1, center: 0.5}[opts.xanchor] || 0),
+                t: outerheight * ({bottom: 1, middle: 0.5}[opts.yanchor] || 0),
+                b: outerheight * ({top: 1, middle: 0.5}[opts.yanchor] || 0)
+            });
+        }
+
+        var cbDone = Lib.syncOrAsync([
+            Plots.previousPromises,
+            drawAxis,
+            Plots.previousPromises,
+            positionCB
+        ], gd);
+
+        if(cbDone && cbDone.then) (gd._promises || []).push(cbDone);
+
+        // dragging...
+        if(gd._context.edits.colorbarPosition) {
+            var t0,
+                xf,
+                yf;
+
+            dragElement.init({
+                element: container.node(),
+                gd: gd,
+                prepFn: function() {
+                    t0 = container.attr('transform');
+                    setCursor(container);
+                },
+                moveFn: function(dx, dy) {
+                    container.attr('transform',
+                        t0 + ' ' + 'translate(' + dx + ',' + dy + ')');
+
+                    xf = dragElement.align(xLeftFrac + (dx / gs.w), thickFrac,
+                        0, 1, opts.xanchor);
+                    yf = dragElement.align(yBottomFrac - (dy / gs.h), lenFrac,
+                        0, 1, opts.yanchor);
+
+                    var csr = dragElement.getCursor(xf, yf,
+                        opts.xanchor, opts.yanchor);
+                    setCursor(container, csr);
+                },
+                doneFn: function(dragged) {
+                    setCursor(container);
+
+                    if(dragged && xf !== undefined && yf !== undefined) {
+                        Plotly.restyle(gd,
+                            {'colorbar.x': xf, 'colorbar.y': yf},
+                            getTrace().index);
+                    }
+                }
+            });
+        }
+        return cbDone;
+    }
+
+    function getTrace() {
+        var idNum = id.substr(2),
+            i,
+            trace;
+        for(i = 0; i < gd._fullData.length; i++) {
+            trace = gd._fullData[i];
+            if(trace.uid === idNum) return trace;
+        }
+    }
+
+    // setter/getters for every item defined in opts
+    Object.keys(opts).forEach(function(name) {
+        component[name] = function(v) {
+            // getter
+            if(!arguments.length) return opts[name];
+
+            // setter - for multi-part properties,
+            // set only the parts that are provided
+            opts[name] = Lib.isPlainObject(opts[name]) ?
+                 Lib.extendFlat(opts[name], v) :
+                 v;
+
+            return component;
+        };
+    });
+
+    // or use .options to set multiple options at once via a dictionary
+    component.options = function(o) {
+        Object.keys(o).forEach(function(name) {
+            // in case something random comes through
+            // that's not an option, ignore it
+            if(typeof component[name] === 'function') {
+                component[name](o[name]);
+            }
+        });
+        return component;
+    };
+
+    component._opts = opts;
+
+    return component;
+};
+
+},{"../../constants/alignment":701,"../../lib":728,"../../lib/extend":717,"../../lib/setcursor":746,"../../lib/svg_text_utils":750,"../../plotly":767,"../../plots/cartesian/axes":772,"../../plots/cartesian/axis_defaults":774,"../../plots/cartesian/layout_attributes":783,"../../plots/cartesian/position_defaults":786,"../../plots/plots":831,"../../registry":846,"../color":604,"../dragelement":625,"../drawing":628,"../titles":694,"./attributes":605,"d3":122,"tinycolor2":534}],608:[function( [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+module.exports = function hasColorbar(container) {
+    return Lib.isPlainObject(container.colorbar);
+};
+
+},{"../../lib":728}],609:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    zauto: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calc',
+        impliedEdits: {zmin: undefined, zmax: undefined},
+        
+    },
+    zmin: {
+        valType: 'number',
+        
+        dflt: null,
+        editType: 'plot',
+        impliedEdits: {zauto: false},
+        
+    },
+    zmax: {
+        valType: 'number',
+        
+        dflt: null,
+        editType: 'plot',
+        impliedEdits: {zauto: false},
+        
+    },
+    colorscale: {
+        valType: 'colorscale',
+        
+        editType: 'calc',
+        impliedEdits: {autocolorscale: false},
+        
+    },
+    autocolorscale: {
+        valType: 'boolean',
+        
+        dflt: true,  // gets overrode in 'heatmap' & 'surface' for backwards comp.
+        editType: 'calc',
+        impliedEdits: {colorscale: undefined},
+        
+    },
+    reversescale: {
+        valType: 'boolean',
+        
+        dflt: false,
+        editType: 'calc',
+        
+    },
+    showscale: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calc',
+        
+    }
+};
+
+},{}],610:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var scales = require('./scales');
+var flipScale = require('./flip_scale');
+
+
+module.exports = function calc(trace, vals, containerStr, cLetter) {
+    var container, inputContainer;
+
+    if(containerStr) {
+        container = Lib.nestedProperty(trace, containerStr).get();
+        inputContainer = Lib.nestedProperty(trace._input, containerStr).get();
+    }
+    else {
+        container = trace;
+        inputContainer = trace._input;
+    }
+
+    var autoAttr = cLetter + 'auto',
+        minAttr = cLetter + 'min',
+        maxAttr = cLetter + 'max',
+        auto = container[autoAttr],
+        min = container[minAttr],
+        max = container[maxAttr],
+        scl = container.colorscale;
+
+    if(auto !== false || min === undefined) {
+        min = Lib.aggNums(Math.min, null, vals);
+    }
+
+    if(auto !== false || max === undefined) {
+        max = Lib.aggNums(Math.max, null, vals);
+    }
+
+    if(min === max) {
+        min -= 0.5;
+        max += 0.5;
+    }
+
+    container[minAttr] = min;
+    container[maxAttr] = max;
+
+    inputContainer[minAttr] = min;
+    inputContainer[maxAttr] = max;
+
+    /*
+     * If auto was explicitly false but min or max was missing,
+     * we filled in the missing piece here but later the trace does
+     * not look auto.
+     * Otherwise make sure the trace still looks auto as far as later
+     * changes are concerned.
+     */
+    inputContainer[autoAttr] = (auto !== false ||
+        (min === undefined && max === undefined));
+
+    if(container.autocolorscale) {
+        if(min * max < 0) scl = scales.RdBu;
+        else if(min >= 0) scl = scales.Reds;
+        else scl = scales.Blues;
+
+        // reversescale is handled at the containerOut level
+        inputContainer.colorscale = scl;
+        if(container.reversescale) scl = flipScale(scl);
+        container.colorscale = scl;
+    }
+};
+
+},{"../../lib":728,"./flip_scale":615,"./scales":622}],611:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorScaleAttributes = require('./attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var palettes = require('./scales.js');
+
+/*
+ * Make all the attributes for a regular colorscale:
+ *  color, colorscale, cauto, cmin, cmax, autocolorscale, reversescale
+ *
+ * @param {string} context:
+ *   the container this is in (*marker*, *marker.line* etc)
+ * @param {optional string} editTypeOverride:
+ *   most of these attributes already require a recalc, but the ones that do not
+ *   have editType *style* or *plot* unless you override (presumably with *calc*)
+ * @param {optional bool} autoColorDflt:
+ *   normally autocolorscale.dflt is `true`, but pass `false` to override
+ *
+ * @return {object} the finished attributes object
+ */
+module.exports = function makeColorScaleAttributes(context, editTypeOverride, autoColorDflt) {
+    var contextHead = context ? (context + '.') : '';
+
+    return {
+        color: {
+            valType: 'color',
+            arrayOk: true,
+            
+            editType: editTypeOverride || 'style',
+            
+        },
+        colorscale: extendFlat({}, colorScaleAttributes.colorscale, {
+            
+        }),
+        cauto: extendFlat({}, colorScaleAttributes.zauto, {
+            impliedEdits: {cmin: undefined, cmax: undefined},
+            
+        }),
+        cmax: extendFlat({}, colorScaleAttributes.zmax, {
+            editType: editTypeOverride || colorScaleAttributes.zmax.editType,
+            impliedEdits: {cauto: false},
+            
+        }),
+        cmin: extendFlat({}, colorScaleAttributes.zmin, {
+            editType: editTypeOverride || colorScaleAttributes.zmin.editType,
+            impliedEdits: {cauto: false},
+            
+        }),
+        autocolorscale: extendFlat({}, colorScaleAttributes.autocolorscale, {
+            
+            dflt: autoColorDflt === false ? autoColorDflt : colorScaleAttributes.autocolorscale.dflt
+        }),
+        reversescale: extendFlat({}, colorScaleAttributes.reversescale, {
+            
+        })
+    };
+};
+
+},{"../../lib/extend":717,"./attributes":609,"./scales.js":622}],612:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scales = require('./scales');
+
+
+module.exports = scales.RdBu;
+
+},{"./scales":622}],613:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+
+var hasColorbar = require('../colorbar/has_colorbar');
+var colorbarDefaults = require('../colorbar/defaults');
+var isValidScale = require('./is_valid_scale');
+var flipScale = require('./flip_scale');
+
+
+module.exports = function colorScaleDefaults(traceIn, traceOut, layout, coerce, opts) {
+    var prefix = opts.prefix,
+        cLetter = opts.cLetter,
+        containerStr = prefix.slice(0, prefix.length - 1),
+        containerIn = prefix ?
+            Lib.nestedProperty(traceIn, containerStr).get() || {} :
+            traceIn,
+        containerOut = prefix ?
+            Lib.nestedProperty(traceOut, containerStr).get() || {} :
+            traceOut,
+        minIn = containerIn[cLetter + 'min'],
+        maxIn = containerIn[cLetter + 'max'],
+        sclIn = containerIn.colorscale;
+
+    var validMinMax = isNumeric(minIn) && isNumeric(maxIn) && (minIn < maxIn);
+    coerce(prefix + cLetter + 'auto', !validMinMax);
+    coerce(prefix + cLetter + 'min');
+    coerce(prefix + cLetter + 'max');
+
+    // handles both the trace case (autocolorscale is false by default) and
+    // the marker and marker.line case (autocolorscale is true by default)
+    var autoColorscaleDftl;
+    if(sclIn !== undefined) autoColorscaleDftl = !isValidScale(sclIn);
+    coerce(prefix + 'autocolorscale', autoColorscaleDftl);
+    var sclOut = coerce(prefix + 'colorscale');
+
+    // reversescale is handled at the containerOut level
+    var reverseScale = coerce(prefix + 'reversescale');
+    if(reverseScale) containerOut.colorscale = flipScale(sclOut);
+
+    // ... until Scatter.colorbar can handle marker line colorbars
+    if(prefix === 'marker.line.') return;
+
+    // handle both the trace case where the dflt is listed in attributes and
+    // the marker case where the dflt is determined by hasColorbar
+    var showScaleDftl;
+    if(prefix) showScaleDftl = hasColorbar(containerIn);
+    var showScale = coerce(prefix + 'showscale', showScaleDftl);
+
+    if(showScale) colorbarDefaults(containerIn, containerOut, layout);
+};
+
+},{"../../lib":728,"../colorbar/defaults":606,"../colorbar/has_colorbar":608,"./flip_scale":615,"./is_valid_scale":619,"fast-isnumeric":131}],614:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/**
+ * Extract colorscale into numeric domain and color range.
+ *
+ * @param {array} scl colorscale array of arrays
+ * @param {number} cmin minimum color value (used to clamp scale)
+ * @param {number} cmax maximum color value (used to clamp scale)
+ */
+module.exports = function extractScale(scl, cmin, cmax) {
+    var N = scl.length,
+        domain = new Array(N),
+        range = new Array(N);
+
+    for(var i = 0; i < N; i++) {
+        var si = scl[i];
+
+        domain[i] = cmin + si[0] * (cmax - cmin);
+        range[i] = si[1];
+    }
+
+    return {
+        domain: domain,
+        range: range
+    };
+};
+
+},{}],615:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function flipScale(scl) {
+    var N = scl.length,
+        sclNew = new Array(N),
+        si;
+
+    for(var i = N - 1, j = 0; i >= 0; i--, j++) {
+        si = scl[i];
+        sclNew[j] = [1 - si[0], si[1]];
+    }
+
+    return sclNew;
+};
+
+},{}],616:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scales = require('./scales');
+var defaultScale = require('./default_scale');
+var isValidScaleArray = require('./is_valid_scale_array');
+
+
+module.exports = function getScale(scl, dflt) {
+    if(!dflt) dflt = defaultScale;
+    if(!scl) return dflt;
+
+    function parseScale() {
+        try {
+            scl = scales[scl] || JSON.parse(scl);
+        }
+        catch(e) {
+            scl = dflt;
+        }
+    }
+
+    if(typeof scl === 'string') {
+        parseScale();
+        // occasionally scl is double-JSON encoded...
+        if(typeof scl === 'string') parseScale();
+    }
+
+    if(!isValidScaleArray(scl)) return dflt;
+    return scl;
+};
+
+},{"./default_scale":612,"./is_valid_scale_array":620,"./scales":622}],617:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+
+var isValidScale = require('./is_valid_scale');
+
+
+module.exports = function hasColorscale(trace, containerStr) {
+    var container = containerStr ?
+            Lib.nestedProperty(trace, containerStr).get() || {} :
+            trace,
+        color = container.color,
+        isArrayWithOneNumber = false;
+
+    if(Array.isArray(color)) {
+        for(var i = 0; i < color.length; i++) {
+            if(isNumeric(color[i])) {
+                isArrayWithOneNumber = true;
+                break;
+            }
+        }
+    }
+
+    return (
+        Lib.isPlainObject(container) && (
+            isArrayWithOneNumber ||
+            container.showscale === true ||
+            (isNumeric(container.cmin) && isNumeric(container.cmax)) ||
+            isValidScale(container.colorscale) ||
+            Lib.isPlainObject(container.colorbar)
+        )
+    );
+};
+
+},{"../../lib":728,"./is_valid_scale":619,"fast-isnumeric":131}],618:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+exports.scales = require('./scales');
+
+exports.defaultScale = require('./default_scale');
+
+exports.attributes = require('./attributes');
+
+exports.handleDefaults = require('./defaults');
+
+exports.calc = require('./calc');
+
+exports.hasColorscale = require('./has_colorscale');
+
+exports.isValidScale = require('./is_valid_scale');
+
+exports.getScale = require('./get_scale');
+
+exports.flipScale = require('./flip_scale');
+
+exports.extractScale = require('./extract_scale');
+
+exports.makeColorScaleFunc = require('./make_color_scale_func');
+
+},{"./attributes":609,"./calc":610,"./default_scale":612,"./defaults":613,"./extract_scale":614,"./flip_scale":615,"./get_scale":616,"./has_colorscale":617,"./is_valid_scale":619,"./make_color_scale_func":621,"./scales":622}],619:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scales = require('./scales');
+var isValidScaleArray = require('./is_valid_scale_array');
+
+
+module.exports = function isValidScale(scl) {
+    if(scales[scl] !== undefined) return true;
+    else return isValidScaleArray(scl);
+};
+
+},{"./is_valid_scale_array":620,"./scales":622}],620:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var tinycolor = require('tinycolor2');
+
+
+module.exports = function isValidScaleArray(scl) {
+    var highestVal = 0;
+
+    if(!Array.isArray(scl) || scl.length < 2) return false;
+
+    if(!scl[0] || !scl[scl.length - 1]) return false;
+
+    if(+scl[0][0] !== 0 || +scl[scl.length - 1][0] !== 1) return false;
+
+    for(var i = 0; i < scl.length; i++) {
+        var si = scl[i];
+
+        if(si.length !== 2 || +si[0] < highestVal || !tinycolor(si[1]).isValid()) {
+            return false;
+        }
+
+        highestVal = +si[0];
+    }
+
+    return true;
+};
+
+},{"tinycolor2":534}],621:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var tinycolor = require('tinycolor2');
+var isNumeric = require('fast-isnumeric');
+
+var Color = require('../color');
+
+/**
+ * General colorscale function generator.
+ *
+ * @param {object} specs output of Colorscale.extractScale or precomputed domain, range.
+ *  - domain {array}
+ *  - range {array}
+ *
+ * @param {object} opts
+ *  - noNumericCheck {boolean} if true, scale func bypasses numeric checks
+ *  - returnArray {boolean} if true, scale func return 4-item array instead of color strings
+ *
+ * @return {function}
+ */
+module.exports = function makeColorScaleFunc(specs, opts) {
+    opts = opts || {};
+
+    var domain = specs.domain,
+        range = specs.range,
+        N = range.length,
+        _range = new Array(N);
+
+    for(var i = 0; i < N; i++) {
+        var rgba = tinycolor(range[i]).toRgb();
+        _range[i] = [rgba.r, rgba.g, rgba.b, rgba.a];
+    }
+
+    var _sclFunc = d3.scale.linear()
+        .domain(domain)
+        .range(_range)
+        .clamp(true);
+
+    var noNumericCheck = opts.noNumericCheck,
+        returnArray = opts.returnArray,
+        sclFunc;
+
+    if(noNumericCheck && returnArray) {
+        sclFunc = _sclFunc;
+    }
+    else if(noNumericCheck) {
+        sclFunc = function(v) {
+            return colorArray2rbga(_sclFunc(v));
+        };
+    }
+    else if(returnArray) {
+        sclFunc = function(v) {
+            if(isNumeric(v)) return _sclFunc(v);
+            else if(tinycolor(v).isValid()) return v;
+            else return Color.defaultLine;
+        };
+    }
+    else {
+        sclFunc = function(v) {
+            if(isNumeric(v)) return colorArray2rbga(_sclFunc(v));
+            else if(tinycolor(v).isValid()) return v;
+            else return Color.defaultLine;
+        };
+    }
+
+    // colorbar draw looks into the d3 scale closure for domain and range
+
+    sclFunc.domain = _sclFunc.domain;
+
+    sclFunc.range = function() { return range; };
+
+    return sclFunc;
+};
+
+function colorArray2rbga(colorArray) {
+    var colorObj = {
+        r: colorArray[0],
+        g: colorArray[1],
+        b: colorArray[2],
+        a: colorArray[3]
+    };
+
+    return tinycolor(colorObj).toRgbString();
+}
+
+},{"../color":604,"d3":122,"fast-isnumeric":131,"tinycolor2":534}],622:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    'Greys': [
+        [0, 'rgb(0,0,0)'], [1, 'rgb(255,255,255)']
+    ],
+
+    'YlGnBu': [
+        [0, 'rgb(8,29,88)'], [0.125, 'rgb(37,52,148)'],
+        [0.25, 'rgb(34,94,168)'], [0.375, 'rgb(29,145,192)'],
+        [0.5, 'rgb(65,182,196)'], [0.625, 'rgb(127,205,187)'],
+        [0.75, 'rgb(199,233,180)'], [0.875, 'rgb(237,248,217)'],
+        [1, 'rgb(255,255,217)']
+    ],
+
+    'Greens': [
+        [0, 'rgb(0,68,27)'], [0.125, 'rgb(0,109,44)'],
+        [0.25, 'rgb(35,139,69)'], [0.375, 'rgb(65,171,93)'],
+        [0.5, 'rgb(116,196,118)'], [0.625, 'rgb(161,217,155)'],
+        [0.75, 'rgb(199,233,192)'], [0.875, 'rgb(229,245,224)'],
+        [1, 'rgb(247,252,245)']
+    ],
+
+    'YlOrRd': [
+        [0, 'rgb(128,0,38)'], [0.125, 'rgb(189,0,38)'],
+        [0.25, 'rgb(227,26,28)'], [0.375, 'rgb(252,78,42)'],
+        [0.5, 'rgb(253,141,60)'], [0.625, 'rgb(254,178,76)'],
+        [0.75, 'rgb(254,217,118)'], [0.875, 'rgb(255,237,160)'],
+        [1, 'rgb(255,255,204)']
+    ],
+
+    'Bluered': [
+        [0, 'rgb(0,0,255)'], [1, 'rgb(255,0,0)']
+    ],
+
+    // modified RdBu based on
+    // www.sandia.gov/~kmorel/documents/ColorMaps/ColorMapsExpanded.pdf
+    'RdBu': [
+        [0, 'rgb(5,10,172)'], [0.35, 'rgb(106,137,247)'],
+        [0.5, 'rgb(190,190,190)'], [0.6, 'rgb(220,170,132)'],
+        [0.7, 'rgb(230,145,90)'], [1, 'rgb(178,10,28)']
+    ],
+
+    // Scale for non-negative numeric values
+    'Reds': [
+        [0, 'rgb(220,220,220)'], [0.2, 'rgb(245,195,157)'],
+        [0.4, 'rgb(245,160,105)'], [1, 'rgb(178,10,28)']
+    ],
+
+    // Scale for non-positive numeric values
+    'Blues': [
+        [0, 'rgb(5,10,172)'], [0.35, 'rgb(40,60,190)'],
+        [0.5, 'rgb(70,100,245)'], [0.6, 'rgb(90,120,245)'],
+        [0.7, 'rgb(106,137,247)'], [1, 'rgb(220,220,220)']
+    ],
+
+    'Picnic': [
+        [0, 'rgb(0,0,255)'], [0.1, 'rgb(51,153,255)'],
+        [0.2, 'rgb(102,204,255)'], [0.3, 'rgb(153,204,255)'],
+        [0.4, 'rgb(204,204,255)'], [0.5, 'rgb(255,255,255)'],
+        [0.6, 'rgb(255,204,255)'], [0.7, 'rgb(255,153,255)'],
+        [0.8, 'rgb(255,102,204)'], [0.9, 'rgb(255,102,102)'],
+        [1, 'rgb(255,0,0)']
+    ],
+
+    'Rainbow': [
+        [0, 'rgb(150,0,90)'], [0.125, 'rgb(0,0,200)'],
+        [0.25, 'rgb(0,25,255)'], [0.375, 'rgb(0,152,255)'],
+        [0.5, 'rgb(44,255,150)'], [0.625, 'rgb(151,255,0)'],
+        [0.75, 'rgb(255,234,0)'], [0.875, 'rgb(255,111,0)'],
+        [1, 'rgb(255,0,0)']
+    ],
+
+    'Portland': [
+        [0, 'rgb(12,51,131)'], [0.25, 'rgb(10,136,186)'],
+        [0.5, 'rgb(242,211,56)'], [0.75, 'rgb(242,143,56)'],
+        [1, 'rgb(217,30,30)']
+    ],
+
+    'Jet': [
+        [0, 'rgb(0,0,131)'], [0.125, 'rgb(0,60,170)'],
+        [0.375, 'rgb(5,255,255)'], [0.625, 'rgb(255,255,0)'],
+        [0.875, 'rgb(250,0,0)'], [1, 'rgb(128,0,0)']
+    ],
+
+    'Hot': [
+        [0, 'rgb(0,0,0)'], [0.3, 'rgb(230,0,0)'],
+        [0.6, 'rgb(255,210,0)'], [1, 'rgb(255,255,255)']
+    ],
+
+    'Blackbody': [
+        [0, 'rgb(0,0,0)'], [0.2, 'rgb(230,0,0)'],
+        [0.4, 'rgb(230,210,0)'], [0.7, 'rgb(255,255,255)'],
+        [1, 'rgb(160,200,255)']
+    ],
+
+    'Earth': [
+        [0, 'rgb(0,0,130)'], [0.1, 'rgb(0,180,180)'],
+        [0.2, 'rgb(40,210,40)'], [0.4, 'rgb(230,230,50)'],
+        [0.6, 'rgb(120,70,20)'], [1, 'rgb(255,255,255)']
+    ],
+
+    'Electric': [
+        [0, 'rgb(0,0,0)'], [0.15, 'rgb(30,0,100)'],
+        [0.4, 'rgb(120,0,100)'], [0.6, 'rgb(160,90,0)'],
+        [0.8, 'rgb(230,200,0)'], [1, 'rgb(255,250,220)']
+    ],
+
+    'Viridis': [
+        [0, '#440154'], [0.06274509803921569, '#48186a'],
+        [0.12549019607843137, '#472d7b'], [0.18823529411764706, '#424086'],
+        [0.25098039215686274, '#3b528b'], [0.3137254901960784, '#33638d'],
+        [0.3764705882352941, '#2c728e'], [0.4392156862745098, '#26828e'],
+        [0.5019607843137255, '#21918c'], [0.5647058823529412, '#1fa088'],
+        [0.6274509803921569, '#28ae80'], [0.6901960784313725, '#3fbc73'],
+        [0.7529411764705882, '#5ec962'], [0.8156862745098039, '#84d44b'],
+        [0.8784313725490196, '#addc30'], [0.9411764705882353, '#d8e219'],
+        [1, '#fde725']
+    ]
+};
+
+},{}],623:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+// for automatic alignment on dragging, <1/3 means left align,
+// >2/3 means right, and between is center. Pick the right fraction
+// based on where you are, and return the fraction corresponding to
+// that position on the object
+module.exports = function align(v, dv, v0, v1, anchor) {
+    var vmin = (v - v0) / (v1 - v0),
+        vmax = vmin + dv / (v1 - v0),
+        vc = (vmin + vmax) / 2;
+
+    // explicitly specified anchor
+    if(anchor === 'left' || anchor === 'bottom') return vmin;
+    if(anchor === 'center' || anchor === 'middle') return vc;
+    if(anchor === 'right' || anchor === 'top') return vmax;
+
+    // automatic based on position
+    if(vmin < (2 / 3) - vc) return vmin;
+    if(vmax > (4 / 3) - vc) return vmax;
+    return vc;
+};
+
+},{}],624:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+// set cursors pointing toward the closest corner/side,
+// to indicate alignment
+// x and y are 0-1, fractions of the plot area
+var cursorset = [
+    ['sw-resize', 's-resize', 'se-resize'],
+    ['w-resize', 'move', 'e-resize'],
+    ['nw-resize', 'n-resize', 'ne-resize']
+];
+
+module.exports = function getCursor(x, y, xanchor, yanchor) {
+    if(xanchor === 'left') x = 0;
+    else if(xanchor === 'center') x = 1;
+    else if(xanchor === 'right') x = 2;
+    else x = Lib.constrain(Math.floor(x * 3), 0, 2);
+
+    if(yanchor === 'bottom') y = 0;
+    else if(yanchor === 'middle') y = 1;
+    else if(yanchor === 'top') y = 2;
+    else y = Lib.constrain(Math.floor(y * 3), 0, 2);
+
+    return cursorset[y][x];
+};
+
+},{"../../lib":728}],625:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var mouseOffset = require('mouse-event-offset');
+var hasHover = require('has-hover');
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+
+var constants = require('../../plots/cartesian/constants');
+var interactConstants = require('../../constants/interactions');
+
+var dragElement = module.exports = {};
+
+dragElement.align = require('./align');
+dragElement.getCursor = require('./cursor');
+
+var unhover = require('./unhover');
+dragElement.unhover = unhover.wrapped;
+dragElement.unhoverRaw = unhover.raw;
+
+/**
+ * Abstracts click & drag interactions
+ *
+ * During the interaction, a "coverSlip" element - a transparent
+ * div covering the whole page - is created, which has two key effects:
+ * - Lets you drag beyond the boundaries of the plot itself without
+ *   dropping (but if you drag all the way out of the browser window the
+ *   interaction will end)
+ * - Freezes the cursor: whatever mouse cursor the drag element had when the
+ *   interaction started gets copied to the coverSlip for use until mouseup
+ *
+ * @param {object} options with keys:
+ *      element (required) the DOM element to drag
+ *      prepFn (optional) function(event, startX, startY)
+ *          executed on mousedown
+ *          startX and startY are the clientX and clientY pixel position
+ *          of the mousedown event
+ *      moveFn (optional) function(dx, dy, dragged)
+ *          executed on move
+ *          dx and dy are the net pixel offset of the drag,
+ *          dragged is true/false, has the mouse moved enough to
+ *          constitute a drag
+ *      doneFn (optional) function(dragged, numClicks, e)
+ *          executed on mouseup, or mouseout of window since
+ *          we don't get events after that
+ *          dragged is as in moveFn
+ *          numClicks is how many clicks we've registered within
+ *          a doubleclick time
+ *          e is the original event
+ */
+dragElement.init = function init(options) {
+    var gd = options.gd;
+    var numClicks = 1;
+    var DBLCLICKDELAY = interactConstants.DBLCLICKDELAY;
+    var element = options.element;
+
+    var startX,
+        startY,
+        newMouseDownTime,
+        cursor,
+        dragCover,
+        initialTarget;
+
+    if(!gd._mouseDownTime) gd._mouseDownTime = 0;
+
+    element.style.pointerEvents = 'all';
+
+    element.onmousedown = onStart;
+    element.ontouchstart = onStart;
+
+    function onStart(e) {
+        if(e.buttons && e.buttons === 2) {    // right click
+            return;
+        }
+
+        // make dragging and dragged into properties of gd
+        // so that others can look at and modify them
+        gd._dragged = false;
+        gd._dragging = true;
+        var offset = pointerOffset(e);
+        startX = offset[0];
+        startY = offset[1];
+        initialTarget = e.target;
+
+        newMouseDownTime = (new Date()).getTime();
+        if(newMouseDownTime - gd._mouseDownTime < DBLCLICKDELAY) {
+            // in a click train
+            numClicks += 1;
+        }
+        else {
+            // new click train
+            numClicks = 1;
+            gd._mouseDownTime = newMouseDownTime;
+        }
+
+        if(options.prepFn) options.prepFn(e, startX, startY);
+
+        if(hasHover) {
+            dragCover = coverSlip();
+            dragCover.style.cursor = window.getComputedStyle(element).cursor;
+        }
+        else {
+            // document acts as a dragcover for mobile, bc we can't create dragcover dynamically
+            dragCover = document;
+            cursor = window.getComputedStyle(document.documentElement).cursor;
+            document.documentElement.style.cursor = window.getComputedStyle(element).cursor;
+        }
+
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onDone);
+        document.addEventListener('touchmove', onMove);
+        document.addEventListener('touchend', onDone);
+
+        return Lib.pauseEvent(e);
+    }
+
+    function onMove(e) {
+        var offset = pointerOffset(e);
+        var dx = offset[0] - startX;
+        var dy = offset[1] - startY;
+        var minDrag = options.minDrag || constants.MINDRAG;
+
+        if(Math.abs(dx) < minDrag) dx = 0;
+        if(Math.abs(dy) < minDrag) dy = 0;
+        if(dx || dy) {
+            gd._dragged = true;
+            dragElement.unhover(gd);
+        }
+
+        if(options.moveFn) options.moveFn(dx, dy, gd._dragged);
+
+        return Lib.pauseEvent(e);
+    }
+
+    function onDone(e) {
+        document.removeEventListener('mousemove', onMove);
+        document.removeEventListener('mouseup', onDone);
+        document.removeEventListener('touchmove', onMove);
+        document.removeEventListener('touchend', onDone);
+
+        if(hasHover) {
+            Lib.removeElement(dragCover);
+        }
+        else if(cursor) {
+            dragCover.documentElement.style.cursor = cursor;
+            cursor = null;
+        }
+
+        if(!gd._dragging) {
+            gd._dragged = false;
+            return;
+        }
+        gd._dragging = false;
+
+        // don't count as a dblClick unless the mouseUp is also within
+        // the dblclick delay
+        if((new Date()).getTime() - gd._mouseDownTime > DBLCLICKDELAY) {
+            numClicks = Math.max(numClicks - 1, 1);
+        }
+
+        if(options.doneFn) options.doneFn(gd._dragged, numClicks, e);
+
+        if(!gd._dragged) {
+            var e2;
+
+            try {
+                e2 = new MouseEvent('click', e);
+            }
+            catch(err) {
+                var offset = pointerOffset(e);
+                e2 = document.createEvent('MouseEvents');
+                e2.initMouseEvent('click',
+                    e.bubbles, e.cancelable,
+                    e.view, e.detail,
+                    e.screenX, e.screenY,
+                    offset[0], offset[1],
+                    e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+                    e.button, e.relatedTarget);
+            }
+
+            initialTarget.dispatchEvent(e2);
+        }
+
+        finishDrag(gd);
+
+        gd._dragged = false;
+
+        return Lib.pauseEvent(e);
+    }
+};
+
+function coverSlip() {
+    var cover = document.createElement('div');
+
+    cover.className = 'dragcover';
+    var cStyle = cover.style;
+    cStyle.position = 'fixed';
+    cStyle.left = 0;
+    cStyle.right = 0;
+    cStyle.top = 0;
+    cStyle.bottom = 0;
+    cStyle.zIndex = 999999999;
+    cStyle.background = 'none';
+
+    document.body.appendChild(cover);
+
+    return cover;
+}
+
+dragElement.coverSlip = coverSlip;
+
+function finishDrag(gd) {
+    gd._dragging = false;
+    if(gd._replotPending) Plotly.plot(gd);
+}
+
+function pointerOffset(e) {
+    return mouseOffset(
+        e.changedTouches ? e.changedTouches[0] : e,
+        document.body
+    );
+}
+
+},{"../../constants/interactions":706,"../../lib":728,"../../plotly":767,"../../plots/cartesian/constants":777,"./align":623,"./cursor":624,"./unhover":626,"has-hover":288,"mouse-event-offset":453}],626:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+var Events = require('../../lib/events');
+var throttle = require('../../lib/throttle');
+var getGraphDiv = require('../../lib/get_graph_div');
+
+var hoverConstants = require('../fx/constants');
+
+var unhover = module.exports = {};
+
+
+unhover.wrapped = function(gd, evt, subplot) {
+    gd = getGraphDiv(gd);
+
+    // Important, clear any queued hovers
+    throttle.clear(gd._fullLayout._uid + hoverConstants.HOVERID);
+
+    unhover.raw(gd, evt, subplot);
+};
+
+
+// remove hover effects on mouse out, and emit unhover event
+unhover.raw = function unhoverRaw(gd, evt) {
+    var fullLayout = gd._fullLayout;
+    var oldhoverdata = gd._hoverdata;
+
+    if(!evt) evt = {};
+    if(evt.target &&
+       Events.triggerHandler(gd, 'plotly_beforehover', evt) === false) {
+        return;
+    }
+
+    fullLayout._hoverlayer.selectAll('g').remove();
+    fullLayout._hoverlayer.selectAll('line').remove();
+    fullLayout._hoverlayer.selectAll('circle').remove();
+    gd._hoverdata = undefined;
+
+    if(evt.target && oldhoverdata) {
+        gd.emit('plotly_unhover', {
+            event: evt,
+            points: oldhoverdata
+        });
+    }
+};
+
+},{"../../lib/events":716,"../../lib/get_graph_div":723,"../../lib/throttle":751,"../fx/constants":640}],627:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+exports.dash = {
+    valType: 'string',
+    // string type usually doesn't take values... this one should really be
+    // a special type or at least a special coercion function, from the GUI
+    // you only get these values but elsewhere the user can supply a list of
+    // dash lengths in px, and it will be honored
+    values: ['solid', 'dot', 'dash', 'longdash', 'dashdot', 'longdashdot'],
+    dflt: 'solid',
+    
+    editType: 'style',
+    
+};
+
+},{}],628:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+var tinycolor = require('tinycolor2');
+
+var Registry = require('../../registry');
+var Color = require('../color');
+var Colorscale = require('../colorscale');
+var Lib = require('../../lib');
+var svgTextUtils = require('../../lib/svg_text_utils');
+
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+var alignment = require('../../constants/alignment');
+var LINE_SPACING = alignment.LINE_SPACING;
+
+var subTypes = require('../../traces/scatter/subtypes');
+var makeBubbleSizeFn = require('../../traces/scatter/make_bubble_size_func');
+
+var drawing = module.exports = {};
+
+// -----------------------------------------------------
+// styling functions for plot elements
+// -----------------------------------------------------
+
+drawing.font = function(s, family, size, color) {
+    // also allow the form font(s, {family, size, color})
+    if(Lib.isPlainObject(family)) {
+        color = family.color;
+        size = family.size;
+        family = family.family;
+    }
+    if(family) s.style('font-family', family);
+    if(size + 1) s.style('font-size', size + 'px');
+    if(color) s.call(Color.fill, color);
+};
+
+/*
+ * Positioning helpers
+ * Note: do not use `setPosition` with <text> nodes modified by
+ * `svgTextUtils.convertToTspans`. Use `svgTextUtils.positionText`
+ * instead, so that <tspan.line> elements get updated to match.
+ */
+drawing.setPosition = function(s, x, y) { s.attr('x', x).attr('y', y); };
+drawing.setSize = function(s, w, h) { s.attr('width', w).attr('height', h); };
+drawing.setRect = function(s, x, y, w, h) {
+    s.call(drawing.setPosition, x, y).call(drawing.setSize, w, h);
+};
+
+/** Translate node
+ *
+ * @param {object} d : calcdata point item
+ * @param {sel} sel : d3 selction of node to translate
+ * @param {object} xa : corresponding full xaxis object
+ * @param {object} ya : corresponding full yaxis object
+ *
+ * @return {boolean} :
+ *  true if selection got translated
+ *  false if selection could not get translated
+ */
+drawing.translatePoint = function(d, sel, xa, ya) {
+    var x = xa.c2p(d.x);
+    var y = ya.c2p(d.y);
+
+    if(isNumeric(x) && isNumeric(y) && sel.node()) {
+        // for multiline text this works better
+        if(sel.node().nodeName === 'text') {
+            sel.attr('x', x).attr('y', y);
+        } else {
+            sel.attr('transform', 'translate(' + x + ',' + y + ')');
+        }
+    } else {
+        return false;
+    }
+
+    return true;
+};
+
+drawing.translatePoints = function(s, xa, ya) {
+    s.each(function(d) {
+        var sel = d3.select(this);
+        drawing.translatePoint(d, sel, xa, ya);
+    });
+};
+
+drawing.hideOutsideRangePoint = function(d, sel, xa, ya) {
+    sel.attr(
+        'display',
+        xa.isPtWithinRange(d) && ya.isPtWithinRange(d) ? null : 'none'
+    );
+};
+
+drawing.hideOutsideRangePoints = function(points, subplot) {
+    if(!subplot._hasClipOnAxisFalse) return;
+
+    var xa = subplot.xaxis;
+    var ya = subplot.yaxis;
+
+    points.each(function(d) {
+        drawing.hideOutsideRangePoint(d, d3.select(this), xa, ya);
+    });
+};
+
+drawing.crispRound = function(gd, lineWidth, dflt) {
+    // for lines that disable antialiasing we want to
+    // make sure the width is an integer, and at least 1 if it's nonzero
+
+    if(!lineWidth || !isNumeric(lineWidth)) return dflt || 0;
+
+    // but not for static plots - these don't get antialiased anyway.
+    if(gd._context.staticPlot) return lineWidth;
+
+    if(lineWidth < 1) return 1;
+    return Math.round(lineWidth);
+};
+
+drawing.singleLineStyle = function(d, s, lw, lc, ld) {
+    s.style('fill', 'none');
+    var line = (((d || [])[0] || {}).trace || {}).line || {},
+        lw1 = lw || line.width||0,
+        dash = ld || line.dash || '';
+
+    Color.stroke(s, lc || line.color);
+    drawing.dashLine(s, dash, lw1);
+};
+
+drawing.lineGroupStyle = function(s, lw, lc, ld) {
+    s.style('fill', 'none')
+    .each(function(d) {
+        var line = (((d || [])[0] || {}).trace || {}).line || {},
+            lw1 = lw || line.width||0,
+            dash = ld || line.dash || '';
+
+        d3.select(this)
+            .call(Color.stroke, lc || line.color)
+            .call(drawing.dashLine, dash, lw1);
+    });
+};
+
+drawing.dashLine = function(s, dash, lineWidth) {
+    lineWidth = +lineWidth || 0;
+
+    dash = drawing.dashStyle(dash, lineWidth);
+
+    s.style({
+        'stroke-dasharray': dash,
+        'stroke-width': lineWidth + 'px'
+    });
+};
+
+drawing.dashStyle = function(dash, lineWidth) {
+    lineWidth = +lineWidth || 1;
+    var dlw = Math.max(lineWidth, 3);
+
+    if(dash === 'solid') dash = '';
+    else if(dash === 'dot') dash = dlw + 'px,' + dlw + 'px';
+    else if(dash === 'dash') dash = (3 * dlw) + 'px,' + (3 * dlw) + 'px';
+    else if(dash === 'longdash') dash = (5 * dlw) + 'px,' + (5 * dlw) + 'px';
+    else if(dash === 'dashdot') {
+        dash = (3 * dlw) + 'px,' + dlw + 'px,' + dlw + 'px,' + dlw + 'px';
+    }
+    else if(dash === 'longdashdot') {
+        dash = (5 * dlw) + 'px,' + (2 * dlw) + 'px,' + dlw + 'px,' + (2 * dlw) + 'px';
+    }
+    // otherwise user wrote the dasharray themselves - leave it be
+
+    return dash;
+};
+
+// Same as fillGroupStyle, except in this case the selection may be a transition
+drawing.singleFillStyle = function(sel) {
+    var node = d3.select(sel.node());
+    var data = node.data();
+    var fillcolor = (((data[0] || [])[0] || {}).trace || {}).fillcolor;
+    if(fillcolor) {
+        sel.call(Color.fill, fillcolor);
+    }
+};
+
+drawing.fillGroupStyle = function(s) {
+    s.style('stroke-width', 0)
+    .each(function(d) {
+        var shape = d3.select(this);
+        try {
+            shape.call(Color.fill, d[0].trace.fillcolor);
+        }
+        catch(e) {
+            Lib.error(e, s);
+            shape.remove();
+        }
+    });
+};
+
+var SYMBOLDEFS = require('./symbol_defs');
+
+drawing.symbolNames = [];
+drawing.symbolFuncs = [];
+drawing.symbolNeedLines = {};
+drawing.symbolNoDot = {};
+drawing.symbolList = [];
+
+Object.keys(SYMBOLDEFS).forEach(function(k) {
+    var symDef = SYMBOLDEFS[k];
+    drawing.symbolList = drawing.symbolList.concat(
+        [symDef.n, k, symDef.n + 100, k + '-open']);
+    drawing.symbolNames[symDef.n] = k;
+    drawing.symbolFuncs[symDef.n] = symDef.f;
+    if(symDef.needLine) {
+        drawing.symbolNeedLines[symDef.n] = true;
+    }
+    if(symDef.noDot) {
+        drawing.symbolNoDot[symDef.n] = true;
+    }
+    else {
+        drawing.symbolList = drawing.symbolList.concat(
+            [symDef.n + 200, k + '-dot', symDef.n + 300, k + '-open-dot']);
+    }
+});
+var MAXSYMBOL = drawing.symbolNames.length,
+    // add a dot in the middle of the symbol
+    DOTPATH = 'M0,0.5L0.5,0L0,-0.5L-0.5,0Z';
+
+drawing.symbolNumber = function(v) {
+    if(typeof v === 'string') {
+        var vbase = 0;
+        if(v.indexOf('-open') > 0) {
+            vbase = 100;
+            v = v.replace('-open', '');
+        }
+        if(v.indexOf('-dot') > 0) {
+            vbase += 200;
+            v = v.replace('-dot', '');
+        }
+        v = drawing.symbolNames.indexOf(v);
+        if(v >= 0) { v += vbase; }
+    }
+    if((v % 100 >= MAXSYMBOL) || v >= 400) { return 0; }
+    return Math.floor(Math.max(v, 0));
+};
+
+function singlePointStyle(d, sel, trace, markerScale, lineScale, marker, markerLine, gd) {
+    // only scatter & box plots get marker path and opacity
+    // bars, histograms don't
+    if(Registry.traceIs(trace, 'symbols')) {
+        var sizeFn = makeBubbleSizeFn(trace);
+
+        sel.attr('d', function(d) {
+            var r;
+
+            // handle multi-trace graph edit case
+            if(d.ms === 'various' || marker.size === 'various') r = 3;
+            else {
+                r = subTypes.isBubble(trace) ?
+                        sizeFn(d.ms) : (marker.size || 6) / 2;
+            }
+
+            // store the calculated size so hover can use it
+            d.mrc = r;
+
+            // turn the symbol into a sanitized number
+            var x = drawing.symbolNumber(d.mx || marker.symbol) || 0,
+                xBase = x % 100;
+
+            // save if this marker is open
+            // because that impacts how to handle colors
+            d.om = x % 200 >= 100;
+
+            return drawing.symbolFuncs[xBase](r) +
+                (x >= 200 ? DOTPATH : '');
+        })
+        .style('opacity', function(d) {
+            return (d.mo + 1 || marker.opacity + 1) - 1;
+        });
+    }
+
+    var perPointGradient = false;
+
+    // 'so' is suspected outliers, for box plots
+    var fillColor,
+        lineColor,
+        lineWidth;
+    if(d.so) {
+        lineWidth = markerLine.outlierwidth;
+        lineColor = markerLine.outliercolor;
+        fillColor = marker.outliercolor;
+    }
+    else {
+        lineWidth = (d.mlw + 1 || markerLine.width + 1 ||
+            // TODO: we need the latter for legends... can we get rid of it?
+            (d.trace ? d.trace.marker.line.width : 0) + 1) - 1;
+
+        if('mlc' in d) lineColor = d.mlcc = lineScale(d.mlc);
+        // weird case: array wasn't long enough to apply to every point
+        else if(Array.isArray(markerLine.color)) lineColor = Color.defaultLine;
+        else lineColor = markerLine.color;
+
+        if(Array.isArray(marker.color)) {
+            fillColor = Color.defaultLine;
+            perPointGradient = true;
+        }
+
+        if('mc' in d) fillColor = d.mcc = markerScale(d.mc);
+        else fillColor = marker.color || 'rgba(0,0,0,0)';
+    }
+
+    if(d.om) {
+        // open markers can't have zero linewidth, default to 1px,
+        // and use fill color as stroke color
+        sel.call(Color.stroke, fillColor)
+            .style({
+                'stroke-width': (lineWidth || 1) + 'px',
+                fill: 'none'
+            });
+    }
+    else {
+        sel.style('stroke-width', lineWidth + 'px');
+
+        var markerGradient = marker.gradient;
+
+        var gradientType = d.mgt;
+        if(gradientType) perPointGradient = true;
+        else gradientType = markerGradient && markerGradient.type;
+
+        if(gradientType && gradientType !== 'none') {
+            var gradientColor = d.mgc;
+            if(gradientColor) perPointGradient = true;
+            else gradientColor = markerGradient.color;
+
+            var gradientID = 'g' + gd._fullLayout._uid + '-' + trace.uid;
+            if(perPointGradient) gradientID += '-' + d.i;
+
+            sel.call(drawing.gradient, gd, gradientID, gradientType, fillColor, gradientColor);
+        }
+        else {
+            sel.call(Color.fill, fillColor);
+        }
+
+        if(lineWidth) {
+            sel.call(Color.stroke, lineColor);
+        }
+    }
+}
+
+var HORZGRADIENT = {x1: 1, x2: 0, y1: 0, y2: 0};
+var VERTGRADIENT = {x1: 0, x2: 0, y1: 1, y2: 0};
+
+drawing.gradient = function(sel, gd, gradientID, type, color1, color2) {
+    var gradient = gd._fullLayout._defs.select('.gradients')
+        .selectAll('#' + gradientID)
+        .data([type + color1 + color2], Lib.identity);
+
+    gradient.exit().remove();
+
+    gradient.enter()
+        .append(type === 'radial' ? 'radialGradient' : 'linearGradient')
+        .each(function() {
+            var el = d3.select(this);
+            if(type === 'horizontal') el.attr(HORZGRADIENT);
+            else if(type === 'vertical') el.attr(VERTGRADIENT);
+
+            el.attr('id', gradientID);
+
+            var tc1 = tinycolor(color1);
+            var tc2 = tinycolor(color2);
+
+            el.append('stop').attr({
+                offset: '0%',
+                'stop-color': Color.tinyRGB(tc2),
+                'stop-opacity': tc2.getAlpha()
+            });
+
+            el.append('stop').attr({
+                offset: '100%',
+                'stop-color': Color.tinyRGB(tc1),
+                'stop-opacity': tc1.getAlpha()
+            });
+        });
+
+    sel.style({
+        fill: 'url(#' + gradientID + ')',
+        'fill-opacity': null
+    });
+};
+
+/*
+ * Make the gradients container and clear out any previous gradients.
+ * We never collect all the gradients we need in one place,
+ * so we can't ever remove gradients that have stopped being useful,
+ * except all at once before a full redraw.
+ * The upside of this is arbitrary points can share gradient defs
+ */
+drawing.initGradients = function(gd) {
+    var gradientsGroup = gd._fullLayout._defs.selectAll('.gradients').data([0]);
+    gradientsGroup.enter().append('g').classed('gradients', true);
+
+    gradientsGroup.selectAll('linearGradient,radialGradient').remove();
+};
+
+drawing.singlePointStyle = function(d, sel, trace, markerScale, lineScale, gd) {
+    var marker = trace.marker;
+
+    singlePointStyle(d, sel, trace, markerScale, lineScale, marker, marker.line, gd);
+
+};
+
+drawing.pointStyle = function(s, trace, gd) {
+    if(!s.size()) return;
+
+    // allow array marker and marker line colors to be
+    // scaled by given max and min to colorscales
+    var marker = trace.marker;
+    var markerScale = drawing.tryColorscale(marker, '');
+    var lineScale = drawing.tryColorscale(marker, 'line');
+
+    s.each(function(d) {
+        drawing.singlePointStyle(d, d3.select(this), trace, markerScale, lineScale, gd);
+    });
+};
+
+drawing.tryColorscale = function(marker, prefix) {
+    var cont = prefix ? Lib.nestedProperty(marker, prefix).get() : marker,
+        scl = cont.colorscale,
+        colorArray = cont.color;
+
+    if(scl && Array.isArray(colorArray)) {
+        return Colorscale.makeColorScaleFunc(
+            Colorscale.extractScale(scl, cont.cmin, cont.cmax)
+        );
+    }
+    else return Lib.identity;
+};
+
+// draw text at points
+var TEXTOFFSETSIGN = {start: 1, end: -1, middle: 0, bottom: 1, top: -1};
+drawing.textPointStyle = function(s, trace, gd) {
+    s.each(function(d) {
+        var p = d3.select(this);
+        var text = Lib.extractOption(d, trace, 'tx', 'text');
+
+        if(!text) {
+            p.remove();
+            return;
+        }
+
+        var pos = d.tp || trace.textposition,
+            v = pos.indexOf('top') !== -1 ? 'top' :
+                pos.indexOf('bottom') !== -1 ? 'bottom' : 'middle',
+            h = pos.indexOf('left') !== -1 ? 'end' :
+                pos.indexOf('right') !== -1 ? 'start' : 'middle',
+            fontSize = d.ts || trace.textfont.size,
+            // if markers are shown, offset a little more than
+            // the nominal marker size
+            // ie 2/1.6 * nominal, bcs some markers are a bit bigger
+            r = d.mrc ? (d.mrc / 0.8 + 1) : 0;
+
+        fontSize = (isNumeric(fontSize) && fontSize > 0) ? fontSize : 0;
+
+        p.call(drawing.font,
+                d.tf || trace.textfont.family,
+                fontSize,
+                d.tc || trace.textfont.color)
+            .attr('text-anchor', h)
+            .text(text)
+            .call(svgTextUtils.convertToTspans, gd);
+
+        var pgroup = d3.select(this.parentNode);
+        var numLines = (svgTextUtils.lineCount(p) - 1) * LINE_SPACING + 1;
+        var dx = TEXTOFFSETSIGN[h] * r;
+        var dy = fontSize * 0.75 + TEXTOFFSETSIGN[v] * r +
+                (TEXTOFFSETSIGN[v] - 1) * numLines * fontSize / 2;
+
+        // fix the overall text group position
+        pgroup.attr('transform', 'translate(' + dx + ',' + dy + ')');
+    });
+};
+
+// generalized Catmull-Rom splines, per
+// http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf
+var CatmullRomExp = 0.5;
+drawing.smoothopen = function(pts, smoothness) {
+    if(pts.length < 3) { return 'M' + pts.join('L');}
+    var path = 'M' + pts[0],
+        tangents = [], i;
+    for(i = 1; i < pts.length - 1; i++) {
+        tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness));
+    }
+    path += 'Q' + tangents[0][0] + ' ' + pts[1];
+    for(i = 2; i < pts.length - 1; i++) {
+        path += 'C' + tangents[i - 2][1] + ' ' + tangents[i - 1][0] + ' ' + pts[i];
+    }
+    path += 'Q' + tangents[pts.length - 3][1] + ' ' + pts[pts.length - 1];
+    return path;
+};
+
+drawing.smoothclosed = function(pts, smoothness) {
+    if(pts.length < 3) { return 'M' + pts.join('L') + 'Z'; }
+    var path = 'M' + pts[0],
+        pLast = pts.length - 1,
+        tangents = [makeTangent(pts[pLast],
+                        pts[0], pts[1], smoothness)],
+        i;
+    for(i = 1; i < pLast; i++) {
+        tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness));
+    }
+    tangents.push(
+        makeTangent(pts[pLast - 1], pts[pLast], pts[0], smoothness)
+    );
+
+    for(i = 1; i <= pLast; i++) {
+        path += 'C' + tangents[i - 1][1] + ' ' + tangents[i][0] + ' ' + pts[i];
+    }
+    path += 'C' + tangents[pLast][1] + ' ' + tangents[0][0] + ' ' + pts[0] + 'Z';
+    return path;
+};
+
+function makeTangent(prevpt, thispt, nextpt, smoothness) {
+    var d1x = prevpt[0] - thispt[0],
+        d1y = prevpt[1] - thispt[1],
+        d2x = nextpt[0] - thispt[0],
+        d2y = nextpt[1] - thispt[1],
+        d1a = Math.pow(d1x * d1x + d1y * d1y, CatmullRomExp / 2),
+        d2a = Math.pow(d2x * d2x + d2y * d2y, CatmullRomExp / 2),
+        numx = (d2a * d2a * d1x - d1a * d1a * d2x) * smoothness,
+        numy = (d2a * d2a * d1y - d1a * d1a * d2y) * smoothness,
+        denom1 = 3 * d2a * (d1a + d2a),
+        denom2 = 3 * d1a * (d1a + d2a);
+    return [
+        [
+            d3.round(thispt[0] + (denom1 && numx / denom1), 2),
+            d3.round(thispt[1] + (denom1 && numy / denom1), 2)
+        ], [
+            d3.round(thispt[0] - (denom2 && numx / denom2), 2),
+            d3.round(thispt[1] - (denom2 && numy / denom2), 2)
+        ]
+    ];
+}
+
+// step paths - returns a generator function for paths
+// with the given step shape
+var STEPPATH = {
+    hv: function(p0, p1) {
+        return 'H' + d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2);
+    },
+    vh: function(p0, p1) {
+        return 'V' + d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2);
+    },
+    hvh: function(p0, p1) {
+        return 'H' + d3.round((p0[0] + p1[0]) / 2, 2) + 'V' +
+            d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2);
+    },
+    vhv: function(p0, p1) {
+        return 'V' + d3.round((p0[1] + p1[1]) / 2, 2) + 'H' +
+            d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2);
+    }
+};
+var STEPLINEAR = function(p0, p1) {
+    return 'L' + d3.round(p1[0], 2) + ',' + d3.round(p1[1], 2);
+};
+drawing.steps = function(shape) {
+    var onestep = STEPPATH[shape] || STEPLINEAR;
+    return function(pts) {
+        var path = 'M' + d3.round(pts[0][0], 2) + ',' + d3.round(pts[0][1], 2);
+        for(var i = 1; i < pts.length; i++) {
+            path += onestep(pts[i - 1], pts[i]);
+        }
+        return path;
+    };
+};
+
+// off-screen svg render testing element, shared by the whole page
+// uses the id 'js-plotly-tester' and stores it in drawing.tester
+drawing.makeTester = function() {
+    var tester = d3.select('body')
+        .selectAll('#js-plotly-tester')
+        .data([0]);
+
+    tester.enter().append('svg')
+        .attr('id', 'js-plotly-tester')
+        .attr(xmlnsNamespaces.svgAttrs)
+        .style({
+            position: 'absolute',
+            left: '-10000px',
+            top: '-10000px',
+            width: '9000px',
+            height: '9000px',
+            'z-index': '1'
+        });
+
+    // browsers differ on how they describe the bounding rect of
+    // the svg if its contents spill over... so make a 1x1px
+    // reference point we can measure off of.
+    var testref = tester.selectAll('.js-reference-point').data([0]);
+    testref.enter().append('path')
+        .classed('js-reference-point', true)
+        .attr('d', 'M0,0H1V1H0Z')
+        .style({
+            'stroke-width': 0,
+            fill: 'black'
+        });
+
+    drawing.tester = tester;
+    drawing.testref = testref;
+};
+
+/*
+ * use our offscreen tester to get a clientRect for an element,
+ * in a reference frame where it isn't translated (or transformed) and
+ * its anchor point is at (0,0)
+ * always returns a copy of the bbox, so the caller can modify it safely
+ *
+ * @param {SVGElement} node: the element to measure. If possible this should be
+ *   a <text> or MathJax <g> element that's already passed through
+ *   `convertToTspans` because in that case we can cache the results, but it's
+ *   possible to pass in any svg element.
+ *
+ * @param {boolean} inTester: is this element already in `drawing.tester`?
+ *   If you are measuring a dummy element, rather than one you really intend
+ *   to use on the plot, making it in `drawing.tester` in the first place
+ *   allows us to test faster because it cuts out cloning and appending it.
+ *
+ * @param {string} hash: for internal use only, if we already know the cache key
+ *   for this element beforehand.
+ *
+ * @return {object}: a plain object containing the width, height, left, right,
+ *   top, and bottom of `node`
+ */
+drawing.savedBBoxes = {};
+var savedBBoxesCount = 0;
+var maxSavedBBoxes = 10000;
+
+drawing.bBox = function(node, inTester, hash) {
+    /*
+     * Cache elements we've already measured so we don't have to
+     * remeasure the same thing many times
+     * We have a few bBox callers though who pass a node larger than
+     * a <text> or a MathJax <g>, such as an axis group containing many labels.
+     * These will not generate a hash (unless we figure out an appropriate
+     * hash key for them) and thus we will not hash them.
+     */
+    if(!hash) hash = nodeHash(node);
+    var out;
+    if(hash) {
+        out = drawing.savedBBoxes[hash];
+        if(out) return Lib.extendFlat({}, out);
+    }
+    else if(node.childNodes.length === 1) {
+        /*
+         * If we have only one child element, which is itself hashable, make
+         * a new hash from this element plus its x,y,transform
+         * These bounding boxes *include* x,y,transform - mostly for use by
+         * callers trying to avoid overlaps (ie titles)
+         */
+        var innerNode = node.childNodes[0];
+
+        hash = nodeHash(innerNode);
+        if(hash) {
+            var x = +innerNode.getAttribute('x') || 0;
+            var y = +innerNode.getAttribute('y') || 0;
+            var transform = innerNode.getAttribute('transform');
+
+            if(!transform) {
+                // in this case, just varying x and y, don't bother caching
+                // the final bBox because the alteration is quick.
+                var innerBB = drawing.bBox(innerNode, false, hash);
+                if(x) {
+                    innerBB.left += x;
+                    innerBB.right += x;
+                }
+                if(y) {
+                    innerBB.top += y;
+                    innerBB.bottom += y;
+                }
+                return innerBB;
+            }
+            /*
+             * else we have a transform - rather than make a complicated
+             * (and error-prone and probably slow) transform parser/calculator,
+             * just continue on calculating the boundingClientRect of the group
+             * and use the new composite hash to cache it.
+             * That said, `innerNode.transform.baseVal` is an array of
+             * `SVGTransform` objects, that *do* seem to have a nice matrix
+             * multiplication interface that we could use to avoid making
+             * another getBoundingClientRect call...
+             */
+            hash += '~' + x + '~' + y + '~' + transform;
+
+            out = drawing.savedBBoxes[hash];
+            if(out) return Lib.extendFlat({}, out);
+        }
+    }
+    var testNode, tester;
+    if(inTester) {
+        testNode = node;
+    }
+    else {
+        tester = drawing.tester.node();
+
+        // copy the node to test into the tester
+        testNode = node.cloneNode(true);
+        tester.appendChild(testNode);
+    }
+
+    // standardize its position (and newline tspans if any)
+    d3.select(testNode)
+        .attr('transform', null)
+        .call(svgTextUtils.positionText, 0, 0);
+
+    var testRect = testNode.getBoundingClientRect();
+    var refRect = drawing.testref
+        .node()
+        .getBoundingClientRect();
+
+    if(!inTester) tester.removeChild(testNode);
+
+    var bb = {
+        height: testRect.height,
+        width: testRect.width,
+        left: testRect.left - refRect.left,
+        top: testRect.top - refRect.top,
+        right: testRect.right - refRect.left,
+        bottom: testRect.bottom - refRect.top
+    };
+
+    // make sure we don't have too many saved boxes,
+    // or a long session could overload on memory
+    // by saving boxes for long-gone elements
+    if(savedBBoxesCount >= maxSavedBBoxes) {
+        drawing.savedBBoxes = {};
+        savedBBoxesCount = 0;
+    }
+
+    // cache this bbox
+    if(hash) drawing.savedBBoxes[hash] = bb;
+    savedBBoxesCount++;
+
+    return Lib.extendFlat({}, bb);
+};
+
+// capture everything about a node (at least in our usage) that
+// impacts its bounding box, given that bBox clears x, y, and transform
+function nodeHash(node) {
+    var inputText = node.getAttribute('data-unformatted');
+    if(inputText === null) return;
+    return inputText +
+        node.getAttribute('data-math') +
+        node.getAttribute('text-anchor') +
+        node.getAttribute('style');
+}
+
+/*
+ * make a robust clipPath url from a local id
+ * note! We'd better not be exporting from a page
+ * with a <base> or the svg will not be portable!
+ */
+drawing.setClipUrl = function(s, localId) {
+    if(!localId) {
+        s.attr('clip-path', null);
+        return;
+    }
+
+    var url = '#' + localId,
+        base = d3.select('base');
+
+    // add id to location href w/o hashes if any)
+    if(base.size() && base.attr('href')) {
+        url = window.location.href.split('#')[0] + url;
+    }
+
+    s.attr('clip-path', 'url(' + url + ')');
+};
+
+drawing.getTranslate = function(element) {
+    // Note the separator [^\d] between x and y in this regex
+    // We generally use ',' but IE will convert it to ' '
+    var re = /.*\btranslate\((-?\d*\.?\d*)[^-\d]*(-?\d*\.?\d*)[^\d].*/,
+        getter = element.attr ? 'attr' : 'getAttribute',
+        transform = element[getter]('transform') || '';
+
+    var translate = transform.replace(re, function(match, p1, p2) {
+        return [p1, p2].join(' ');
+    })
+    .split(' ');
+
+    return {
+        x: +translate[0] || 0,
+        y: +translate[1] || 0
+    };
+};
+
+drawing.setTranslate = function(element, x, y) {
+
+    var re = /(\btranslate\(.*?\);?)/,
+        getter = element.attr ? 'attr' : 'getAttribute',
+        setter = element.attr ? 'attr' : 'setAttribute',
+        transform = element[getter]('transform') || '';
+
+    x = x || 0;
+    y = y || 0;
+
+    transform = transform.replace(re, '').trim();
+    transform += ' translate(' + x + ', ' + y + ')';
+    transform = transform.trim();
+
+    element[setter]('transform', transform);
+
+    return transform;
+};
+
+drawing.getScale = function(element) {
+
+    var re = /.*\bscale\((\d*\.?\d*)[^\d]*(\d*\.?\d*)[^\d].*/,
+        getter = element.attr ? 'attr' : 'getAttribute',
+        transform = element[getter]('transform') || '';
+
+    var translate = transform.replace(re, function(match, p1, p2) {
+        return [p1, p2].join(' ');
+    })
+    .split(' ');
+
+    return {
+        x: +translate[0] || 1,
+        y: +translate[1] || 1
+    };
+};
+
+drawing.setScale = function(element, x, y) {
+
+    var re = /(\bscale\(.*?\);?)/,
+        getter = element.attr ? 'attr' : 'getAttribute',
+        setter = element.attr ? 'attr' : 'setAttribute',
+        transform = element[getter]('transform') || '';
+
+    x = x || 1;
+    y = y || 1;
+
+    transform = transform.replace(re, '').trim();
+    transform += ' scale(' + x + ', ' + y + ')';
+    transform = transform.trim();
+
+    element[setter]('transform', transform);
+
+    return transform;
+};
+
+drawing.setPointGroupScale = function(selection, x, y) {
+    var t, scale, re;
+
+    x = x || 1;
+    y = y || 1;
+
+    if(x === 1 && y === 1) {
+        scale = '';
+    } else {
+        // The same scale transform for every point:
+        scale = ' scale(' + x + ',' + y + ')';
+    }
+
+    // A regex to strip any existing scale:
+    re = /\s*sc.*/;
+
+    selection.each(function() {
+        // Get the transform:
+        t = (this.getAttribute('transform') || '').replace(re, '');
+        t += scale;
+        t = t.trim();
+
+        // Append the scale transform
+        this.setAttribute('transform', t);
+    });
+
+    return scale;
+};
+
+var TEXT_POINT_LAST_TRANSLATION_RE = /translate\([^)]*\)\s*$/;
+
+drawing.setTextPointsScale = function(selection, xScale, yScale) {
+    selection.each(function() {
+        var transforms;
+        var el = d3.select(this);
+        var text = el.select('text');
+
+        if(!text.node()) return;
+
+        var x = parseFloat(text.attr('x') || 0);
+        var y = parseFloat(text.attr('y') || 0);
+
+        var existingTransform = (el.attr('transform') || '').match(TEXT_POINT_LAST_TRANSLATION_RE);
+
+        if(xScale === 1 && yScale === 1) {
+            transforms = [];
+        } else {
+            transforms = [
+                'translate(' + x + ',' + y + ')',
+                'scale(' + xScale + ',' + yScale + ')',
+                'translate(' + (-x) + ',' + (-y) + ')',
+            ];
+        }
+
+        if(existingTransform) {
+            transforms.push(existingTransform);
+        }
+
+        el.attr('transform', transforms.join(' '));
+    });
+};
+
+},{"../../constants/alignment":701,"../../constants/xmlns_namespaces":709,"../../lib":728,"../../lib/svg_text_utils":750,"../../registry":846,"../../traces/scatter/make_bubble_size_func":1047,"../../traces/scatter/subtypes":1052,"../color":604,"../colorscale":618,"./symbol_defs":629,"d3":122,"fast-isnumeric":131,"tinycolor2":534}],629:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+/** Marker symbol definitions
+ * users can specify markers either by number or name
+ * add 100 (or '-open') and you get an open marker
+ *  open markers have no fill and use line color as the stroke color
+ * add 200 (or '-dot') and you get a dot in the middle
+ * add both and you get both
+ */
+
+module.exports = {
+    circle: {
+        n: 0,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs +
+                'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z';
+        }
+    },
+    square: {
+        n: 1,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z';
+        }
+    },
+    diamond: {
+        n: 2,
+        f: function(r) {
+            var rd = d3.round(r * 1.3, 2);
+            return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z';
+        }
+    },
+    cross: {
+        n: 3,
+        f: function(r) {
+            var rc = d3.round(r * 0.4, 2),
+                rc2 = d3.round(r * 1.2, 2);
+            return 'M' + rc2 + ',' + rc + 'H' + rc + 'V' + rc2 + 'H-' + rc +
+                'V' + rc + 'H-' + rc2 + 'V-' + rc + 'H-' + rc + 'V-' + rc2 +
+                'H' + rc + 'V-' + rc + 'H' + rc2 + 'Z';
+        }
+    },
+    x: {
+        n: 4,
+        f: function(r) {
+            var rx = d3.round(r * 0.8 / Math.sqrt(2), 2),
+                ne = 'l' + rx + ',' + rx,
+                se = 'l' + rx + ',-' + rx,
+                sw = 'l-' + rx + ',-' + rx,
+                nw = 'l-' + rx + ',' + rx;
+            return 'M0,' + rx + ne + se + sw + se + sw + nw + sw + nw + ne + nw + ne + 'Z';
+        }
+    },
+    'triangle-up': {
+        n: 5,
+        f: function(r) {
+            var rt = d3.round(r * 2 / Math.sqrt(3), 2),
+                r2 = d3.round(r / 2, 2),
+                rs = d3.round(r, 2);
+            return 'M-' + rt + ',' + r2 + 'H' + rt + 'L0,-' + rs + 'Z';
+        }
+    },
+    'triangle-down': {
+        n: 6,
+        f: function(r) {
+            var rt = d3.round(r * 2 / Math.sqrt(3), 2),
+                r2 = d3.round(r / 2, 2),
+                rs = d3.round(r, 2);
+            return 'M-' + rt + ',-' + r2 + 'H' + rt + 'L0,' + rs + 'Z';
+        }
+    },
+    'triangle-left': {
+        n: 7,
+        f: function(r) {
+            var rt = d3.round(r * 2 / Math.sqrt(3), 2),
+                r2 = d3.round(r / 2, 2),
+                rs = d3.round(r, 2);
+            return 'M' + r2 + ',-' + rt + 'V' + rt + 'L-' + rs + ',0Z';
+        }
+    },
+    'triangle-right': {
+        n: 8,
+        f: function(r) {
+            var rt = d3.round(r * 2 / Math.sqrt(3), 2),
+                r2 = d3.round(r / 2, 2),
+                rs = d3.round(r, 2);
+            return 'M-' + r2 + ',-' + rt + 'V' + rt + 'L' + rs + ',0Z';
+        }
+    },
+    'triangle-ne': {
+        n: 9,
+        f: function(r) {
+            var r1 = d3.round(r * 0.6, 2),
+                r2 = d3.round(r * 1.2, 2);
+            return 'M-' + r2 + ',-' + r1 + 'H' + r1 + 'V' + r2 + 'Z';
+        }
+    },
+    'triangle-se': {
+        n: 10,
+        f: function(r) {
+            var r1 = d3.round(r * 0.6, 2),
+                r2 = d3.round(r * 1.2, 2);
+            return 'M' + r1 + ',-' + r2 + 'V' + r1 + 'H-' + r2 + 'Z';
+        }
+    },
+    'triangle-sw': {
+        n: 11,
+        f: function(r) {
+            var r1 = d3.round(r * 0.6, 2),
+                r2 = d3.round(r * 1.2, 2);
+            return 'M' + r2 + ',' + r1 + 'H-' + r1 + 'V-' + r2 + 'Z';
+        }
+    },
+    'triangle-nw': {
+        n: 12,
+        f: function(r) {
+            var r1 = d3.round(r * 0.6, 2),
+                r2 = d3.round(r * 1.2, 2);
+            return 'M-' + r1 + ',' + r2 + 'V-' + r1 + 'H' + r2 + 'Z';
+        }
+    },
+    pentagon: {
+        n: 13,
+        f: function(r) {
+            var x1 = d3.round(r * 0.951, 2),
+                x2 = d3.round(r * 0.588, 2),
+                y0 = d3.round(-r, 2),
+                y1 = d3.round(r * -0.309, 2),
+                y2 = d3.round(r * 0.809, 2);
+            return 'M' + x1 + ',' + y1 + 'L' + x2 + ',' + y2 + 'H-' + x2 +
+                'L-' + x1 + ',' + y1 + 'L0,' + y0 + 'Z';
+        }
+    },
+    hexagon: {
+        n: 14,
+        f: function(r) {
+            var y0 = d3.round(r, 2),
+                y1 = d3.round(r / 2, 2),
+                x = d3.round(r * Math.sqrt(3) / 2, 2);
+            return 'M' + x + ',-' + y1 + 'V' + y1 + 'L0,' + y0 +
+                'L-' + x + ',' + y1 + 'V-' + y1 + 'L0,-' + y0 + 'Z';
+        }
+    },
+    hexagon2: {
+        n: 15,
+        f: function(r) {
+            var x0 = d3.round(r, 2),
+                x1 = d3.round(r / 2, 2),
+                y = d3.round(r * Math.sqrt(3) / 2, 2);
+            return 'M-' + x1 + ',' + y + 'H' + x1 + 'L' + x0 +
+                ',0L' + x1 + ',-' + y + 'H-' + x1 + 'L-' + x0 + ',0Z';
+        }
+    },
+    octagon: {
+        n: 16,
+        f: function(r) {
+            var a = d3.round(r * 0.924, 2),
+                b = d3.round(r * 0.383, 2);
+            return 'M-' + b + ',-' + a + 'H' + b + 'L' + a + ',-' + b + 'V' + b +
+                'L' + b + ',' + a + 'H-' + b + 'L-' + a + ',' + b + 'V-' + b + 'Z';
+        }
+    },
+    star: {
+        n: 17,
+        f: function(r) {
+            var rs = r * 1.4,
+                x1 = d3.round(rs * 0.225, 2),
+                x2 = d3.round(rs * 0.951, 2),
+                x3 = d3.round(rs * 0.363, 2),
+                x4 = d3.round(rs * 0.588, 2),
+                y0 = d3.round(-rs, 2),
+                y1 = d3.round(rs * -0.309, 2),
+                y3 = d3.round(rs * 0.118, 2),
+                y4 = d3.round(rs * 0.809, 2),
+                y5 = d3.round(rs * 0.382, 2);
+            return 'M' + x1 + ',' + y1 + 'H' + x2 + 'L' + x3 + ',' + y3 +
+                'L' + x4 + ',' + y4 + 'L0,' + y5 + 'L-' + x4 + ',' + y4 +
+                'L-' + x3 + ',' + y3 + 'L-' + x2 + ',' + y1 + 'H-' + x1 +
+                'L0,' + y0 + 'Z';
+        }
+    },
+    hexagram: {
+        n: 18,
+        f: function(r) {
+            var y = d3.round(r * 0.66, 2),
+                x1 = d3.round(r * 0.38, 2),
+                x2 = d3.round(r * 0.76, 2);
+            return 'M-' + x2 + ',0l-' + x1 + ',-' + y + 'h' + x2 +
+                'l' + x1 + ',-' + y + 'l' + x1 + ',' + y + 'h' + x2 +
+                'l-' + x1 + ',' + y + 'l' + x1 + ',' + y + 'h-' + x2 +
+                'l-' + x1 + ',' + y + 'l-' + x1 + ',-' + y + 'h-' + x2 + 'Z';
+        }
+    },
+    'star-triangle-up': {
+        n: 19,
+        f: function(r) {
+            var x = d3.round(r * Math.sqrt(3) * 0.8, 2),
+                y1 = d3.round(r * 0.8, 2),
+                y2 = d3.round(r * 1.6, 2),
+                rc = d3.round(r * 4, 2),
+                aPart = 'A ' + rc + ',' + rc + ' 0 0 1 ';
+            return 'M-' + x + ',' + y1 + aPart + x + ',' + y1 +
+                aPart + '0,-' + y2 + aPart + '-' + x + ',' + y1 + 'Z';
+        }
+    },
+    'star-triangle-down': {
+        n: 20,
+        f: function(r) {
+            var x = d3.round(r * Math.sqrt(3) * 0.8, 2),
+                y1 = d3.round(r * 0.8, 2),
+                y2 = d3.round(r * 1.6, 2),
+                rc = d3.round(r * 4, 2),
+                aPart = 'A ' + rc + ',' + rc + ' 0 0 1 ';
+            return 'M' + x + ',-' + y1 + aPart + '-' + x + ',-' + y1 +
+                aPart + '0,' + y2 + aPart + x + ',-' + y1 + 'Z';
+        }
+    },
+    'star-square': {
+        n: 21,
+        f: function(r) {
+            var rp = d3.round(r * 1.1, 2),
+                rc = d3.round(r * 2, 2),
+                aPart = 'A ' + rc + ',' + rc + ' 0 0 1 ';
+            return 'M-' + rp + ',-' + rp + aPart + '-' + rp + ',' + rp +
+                aPart + rp + ',' + rp + aPart + rp + ',-' + rp +
+                aPart + '-' + rp + ',-' + rp + 'Z';
+        }
+    },
+    'star-diamond': {
+        n: 22,
+        f: function(r) {
+            var rp = d3.round(r * 1.4, 2),
+                rc = d3.round(r * 1.9, 2),
+                aPart = 'A ' + rc + ',' + rc + ' 0 0 1 ';
+            return 'M-' + rp + ',0' + aPart + '0,' + rp +
+                aPart + rp + ',0' + aPart + '0,-' + rp +
+                aPart + '-' + rp + ',0' + 'Z';
+        }
+    },
+    'diamond-tall': {
+        n: 23,
+        f: function(r) {
+            var x = d3.round(r * 0.7, 2),
+                y = d3.round(r * 1.4, 2);
+            return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z';
+        }
+    },
+    'diamond-wide': {
+        n: 24,
+        f: function(r) {
+            var x = d3.round(r * 1.4, 2),
+                y = d3.round(r * 0.7, 2);
+            return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z';
+        }
+    },
+    hourglass: {
+        n: 25,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M' + rs + ',' + rs + 'H-' + rs + 'L' + rs + ',-' + rs + 'H-' + rs + 'Z';
+        },
+        noDot: true
+    },
+    bowtie: {
+        n: 26,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M' + rs + ',' + rs + 'V-' + rs + 'L-' + rs + ',' + rs + 'V-' + rs + 'Z';
+        },
+        noDot: true
+    },
+    'circle-cross': {
+        n: 27,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs +
+                'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs +
+                'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'circle-x': {
+        n: 28,
+        f: function(r) {
+            var rs = d3.round(r, 2),
+                rc = d3.round(r / Math.sqrt(2), 2);
+            return 'M' + rc + ',' + rc + 'L-' + rc + ',-' + rc +
+                'M' + rc + ',-' + rc + 'L-' + rc + ',' + rc +
+                'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs +
+                'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'square-cross': {
+        n: 29,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs +
+                'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'square-x': {
+        n: 30,
+        f: function(r) {
+            var rs = d3.round(r, 2);
+            return 'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs +
+                'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs +
+                'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'diamond-cross': {
+        n: 31,
+        f: function(r) {
+            var rd = d3.round(r * 1.3, 2);
+            return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' +
+                'M0,-' + rd + 'V' + rd + 'M-' + rd + ',0H' + rd;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'diamond-x': {
+        n: 32,
+        f: function(r) {
+            var rd = d3.round(r * 1.3, 2),
+                r2 = d3.round(r * 0.65, 2);
+            return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' +
+                'M-' + r2 + ',-' + r2 + 'L' + r2 + ',' + r2 +
+                'M-' + r2 + ',' + r2 + 'L' + r2 + ',-' + r2;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'cross-thin': {
+        n: 33,
+        f: function(r) {
+            var rc = d3.round(r * 1.4, 2);
+            return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'x-thin': {
+        n: 34,
+        f: function(r) {
+            var rx = d3.round(r, 2);
+            return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx +
+                'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx;
+        },
+        needLine: true,
+        noDot: true
+    },
+    asterisk: {
+        n: 35,
+        f: function(r) {
+            var rc = d3.round(r * 1.2, 2);
+            var rs = d3.round(r * 0.85, 2);
+            return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc +
+                'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs +
+                'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs;
+        },
+        needLine: true,
+        noDot: true
+    },
+    hash: {
+        n: 36,
+        f: function(r) {
+            var r1 = d3.round(r / 2, 2),
+                r2 = d3.round(r, 2);
+            return 'M' + r1 + ',' + r2 + 'V-' + r2 +
+                'm-' + r2 + ',0V' + r2 +
+                'M' + r2 + ',' + r1 + 'H-' + r2 +
+                'm0,-' + r2 + 'H' + r2;
+        },
+        needLine: true
+    },
+    'y-up': {
+        n: 37,
+        f: function(r) {
+            var x = d3.round(r * 1.2, 2),
+                y0 = d3.round(r * 1.6, 2),
+                y1 = d3.round(r * 0.8, 2);
+            return 'M-' + x + ',' + y1 + 'L0,0M' + x + ',' + y1 + 'L0,0M0,-' + y0 + 'L0,0';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'y-down': {
+        n: 38,
+        f: function(r) {
+            var x = d3.round(r * 1.2, 2),
+                y0 = d3.round(r * 1.6, 2),
+                y1 = d3.round(r * 0.8, 2);
+            return 'M-' + x + ',-' + y1 + 'L0,0M' + x + ',-' + y1 + 'L0,0M0,' + y0 + 'L0,0';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'y-left': {
+        n: 39,
+        f: function(r) {
+            var y = d3.round(r * 1.2, 2),
+                x0 = d3.round(r * 1.6, 2),
+                x1 = d3.round(r * 0.8, 2);
+            return 'M' + x1 + ',' + y + 'L0,0M' + x1 + ',-' + y + 'L0,0M-' + x0 + ',0L0,0';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'y-right': {
+        n: 40,
+        f: function(r) {
+            var y = d3.round(r * 1.2, 2),
+                x0 = d3.round(r * 1.6, 2),
+                x1 = d3.round(r * 0.8, 2);
+            return 'M-' + x1 + ',' + y + 'L0,0M-' + x1 + ',-' + y + 'L0,0M' + x0 + ',0L0,0';
+        },
+        needLine: true,
+        noDot: true
+    },
+    'line-ew': {
+        n: 41,
+        f: function(r) {
+            var rc = d3.round(r * 1.4, 2);
+            return 'M' + rc + ',0H-' + rc;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'line-ns': {
+        n: 42,
+        f: function(r) {
+            var rc = d3.round(r * 1.4, 2);
+            return 'M0,' + rc + 'V-' + rc;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'line-ne': {
+        n: 43,
+        f: function(r) {
+            var rx = d3.round(r, 2);
+            return 'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx;
+        },
+        needLine: true,
+        noDot: true
+    },
+    'line-nw': {
+        n: 44,
+        f: function(r) {
+            var rx = d3.round(r, 2);
+            return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx;
+        },
+        needLine: true,
+        noDot: true
+    }
+};
+
+},{"d3":122}],630:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    visible: {
+        valType: 'boolean',
+        
+        editType: 'calc',
+        
+    },
+    type: {
+        valType: 'enumerated',
+        values: ['percent', 'constant', 'sqrt', 'data'],
+        
+        editType: 'calc',
+        
+    },
+    symmetric: {
+        valType: 'boolean',
+        
+        editType: 'calc',
+        
+    },
+    array: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    arrayminus: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    value: {
+        valType: 'number',
+        min: 0,
+        dflt: 10,
+        
+        editType: 'calc',
+        
+    },
+    valueminus: {
+        valType: 'number',
+        min: 0,
+        dflt: 10,
+        
+        editType: 'calc',
+        
+    },
+    traceref: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'style'
+    },
+    tracerefminus: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'style'
+    },
+    copy_ystyle: {
+        valType: 'boolean',
+        
+        editType: 'plot'
+    },
+    copy_zstyle: {
+        valType: 'boolean',
+        
+        editType: 'style'
+    },
+    color: {
+        valType: 'color',
+        
+        editType: 'style',
+        
+    },
+    thickness: {
+        valType: 'number',
+        min: 0,
+        dflt: 2,
+        
+        editType: 'style',
+        
+    },
+    width: {
+        valType: 'number',
+        min: 0,
+        
+        editType: 'plot',
+        
+    },
+    editType: 'calc',
+
+    _deprecated: {
+        opacity: {
+            valType: 'number',
+            
+            editType: 'style',
+            
+        }
+    }
+};
+
+},{}],631:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+
+var makeComputeError = require('./compute_error');
+
+
+module.exports = function calc(gd) {
+    var calcdata = gd.calcdata;
+
+    for(var i = 0; i < calcdata.length; i++) {
+        var calcTrace = calcdata[i],
+            trace = calcTrace[0].trace;
+
+        if(!Registry.traceIs(trace, 'errorBarsOK')) continue;
+
+        var xa = Axes.getFromId(gd, trace.xaxis),
+            ya = Axes.getFromId(gd, trace.yaxis);
+
+        calcOneAxis(calcTrace, trace, xa, 'x');
+        calcOneAxis(calcTrace, trace, ya, 'y');
+    }
+};
+
+function calcOneAxis(calcTrace, trace, axis, coord) {
+    var opts = trace['error_' + coord] || {},
+        isVisible = (opts.visible && ['linear', 'log'].indexOf(axis.type) !== -1),
+        vals = [];
+
+    if(!isVisible) return;
+
+    var computeError = makeComputeError(opts);
+
+    for(var i = 0; i < calcTrace.length; i++) {
+        var calcPt = calcTrace[i],
+            calcCoord = calcPt[coord];
+
+        if(!isNumeric(axis.c2l(calcCoord))) continue;
+
+        var errors = computeError(calcCoord, i);
+        if(isNumeric(errors[0]) && isNumeric(errors[1])) {
+            var shoe = calcPt[coord + 's'] = calcCoord - errors[0],
+                hat = calcPt[coord + 'h'] = calcCoord + errors[1];
+            vals.push(shoe, hat);
+        }
+    }
+
+    Axes.expand(axis, vals, {padded: true});
+}
+
+},{"../../plots/cartesian/axes":772,"../../registry":846,"./compute_error":632,"fast-isnumeric":131}],632:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+/**
+ * Error bar computing function generator
+ *
+ * N.B. The generated function does not clean the dataPt entries. Non-numeric
+ * entries result in undefined error magnitudes.
+ *
+ * @param {object} opts error bar attributes
+ *
+ * @return {function} :
+ *      @param {numeric} dataPt data point from where to compute the error magnitude
+ *      @param {number} index index of dataPt in its corresponding data array
+ *      @return {array}
+ *        - error[0] : error magnitude in the negative direction
+ *        - error[1] : " " " " positive "
+ */
+module.exports = function makeComputeError(opts) {
+    var type = opts.type,
+        symmetric = opts.symmetric;
+
+    if(type === 'data') {
+        var array = opts.array,
+            arrayminus = opts.arrayminus;
+
+        if(symmetric || arrayminus === undefined) {
+            return function computeError(dataPt, index) {
+                var val = +(array[index]);
+                return [val, val];
+            };
+        }
+        else {
+            return function computeError(dataPt, index) {
+                return [+arrayminus[index], +array[index]];
+            };
+        }
+    }
+    else {
+        var computeErrorValue = makeComputeErrorValue(type, opts.value),
+            computeErrorValueMinus = makeComputeErrorValue(type, opts.valueminus);
+
+        if(symmetric || opts.valueminus === undefined) {
+            return function computeError(dataPt) {
+                var val = computeErrorValue(dataPt);
+                return [val, val];
+            };
+        }
+        else {
+            return function computeError(dataPt) {
+                return [
+                    computeErrorValueMinus(dataPt),
+                    computeErrorValue(dataPt)
+                ];
+            };
+        }
+    }
+};
+
+/**
+ * Compute error bar magnitude (for all types except data)
+ *
+ * @param {string} type error bar type
+ * @param {numeric} value error bar value
+ *
+ * @return {function} :
+ *      @param {numeric} dataPt
+ */
+function makeComputeErrorValue(type, value) {
+    if(type === 'percent') {
+        return function(dataPt) {
+            return Math.abs(dataPt * value / 100);
+        };
+    }
+    if(type === 'constant') {
+        return function() {
+            return Math.abs(value);
+        };
+    }
+    if(type === 'sqrt') {
+        return function(dataPt) {
+            return Math.sqrt(Math.abs(dataPt));
+        };
+    }
+}
+
+},{}],633:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+
+var attributes = require('./attributes');
+
+
+module.exports = function(traceIn, traceOut, defaultColor, opts) {
+    var objName = 'error_' + opts.axis,
+        containerOut = traceOut[objName] = {},
+        containerIn = traceIn[objName] || {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, attributes, attr, dflt);
+    }
+
+    var hasErrorBars = (
+        containerIn.array !== undefined ||
+        containerIn.value !== undefined ||
+        containerIn.type === 'sqrt'
+    );
+
+    var visible = coerce('visible', hasErrorBars);
+
+    if(visible === false) return;
+
+    var type = coerce('type', 'array' in containerIn ? 'data' : 'percent'),
+        symmetric = true;
+
+    if(type !== 'sqrt') {
+        symmetric = coerce('symmetric',
+            !((type === 'data' ? 'arrayminus' : 'valueminus') in containerIn));
+    }
+
+    if(type === 'data') {
+        var array = coerce('array');
+        if(!array) containerOut.array = [];
+        coerce('traceref');
+        if(!symmetric) {
+            var arrayminus = coerce('arrayminus');
+            if(!arrayminus) containerOut.arrayminus = [];
+            coerce('tracerefminus');
+        }
+    }
+    else if(type === 'percent' || type === 'constant') {
+        coerce('value');
+        if(!symmetric) coerce('valueminus');
+    }
+
+    var copyAttr = 'copy_' + opts.inherit + 'style';
+    if(opts.inherit) {
+        var inheritObj = traceOut['error_' + opts.inherit];
+        if((inheritObj || {}).visible) {
+            coerce(copyAttr, !(containerIn.color ||
+                               isNumeric(containerIn.thickness) ||
+                               isNumeric(containerIn.width)));
+        }
+    }
+    if(!opts.inherit || !containerOut[copyAttr]) {
+        coerce('color', defaultColor);
+        coerce('thickness');
+        coerce('width', Registry.traceIs(traceOut, 'gl3d') ? 0 : 4);
+    }
+};
+
+},{"../../lib":728,"../../registry":846,"./attributes":630,"fast-isnumeric":131}],634:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var errorBars = module.exports = {};
+
+errorBars.attributes = require('./attributes');
+
+errorBars.supplyDefaults = require('./defaults');
+
+errorBars.calc = require('./calc');
+
+errorBars.calcFromTrace = function(trace, layout) {
+    var x = trace.x || [],
+        y = trace.y || [],
+        len = x.length || y.length;
+
+    var calcdataMock = new Array(len);
+
+    for(var i = 0; i < len; i++) {
+        calcdataMock[i] = {
+            x: x[i],
+            y: y[i]
+        };
+    }
+
+    calcdataMock[0].trace = trace;
+
+    errorBars.calc({
+        calcdata: [calcdataMock],
+        _fullLayout: layout
+    });
+
+    return calcdataMock;
+};
+
+errorBars.plot = require('./plot');
+
+errorBars.style = require('./style');
+
+errorBars.hoverInfo = function(calcPoint, trace, hoverPoint) {
+    if((trace.error_y || {}).visible) {
+        hoverPoint.yerr = calcPoint.yh - calcPoint.y;
+        if(!trace.error_y.symmetric) hoverPoint.yerrneg = calcPoint.y - calcPoint.ys;
+    }
+    if((trace.error_x || {}).visible) {
+        hoverPoint.xerr = calcPoint.xh - calcPoint.x;
+        if(!trace.error_x.symmetric) hoverPoint.xerrneg = calcPoint.x - calcPoint.xs;
+    }
+};
+
+},{"./attributes":630,"./calc":631,"./defaults":633,"./plot":635,"./style":636}],635:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var Drawing = require('../drawing');
+var subTypes = require('../../traces/scatter/subtypes');
+
+module.exports = function plot(traces, plotinfo, transitionOpts) {
+    var isNew;
+
+    var xa = plotinfo.xaxis;
+    var ya = plotinfo.yaxis;
+
+    var hasAnimation = transitionOpts && transitionOpts.duration > 0;
+
+    traces.each(function(d) {
+        var trace = d[0].trace,
+            // || {} is in case the trace (specifically scatterternary)
+            // doesn't support error bars at all, but does go through
+            // the scatter.plot mechanics, which calls ErrorBars.plot
+            // internally
+            xObj = trace.error_x || {},
+            yObj = trace.error_y || {};
+
+        var keyFunc;
+
+        if(trace.ids) {
+            keyFunc = function(d) {return d.id;};
+        }
+
+        var sparse = (
+            subTypes.hasMarkers(trace) &&
+            trace.marker.maxdisplayed > 0
+        );
+
+        if(!yObj.visible && !xObj.visible) d = [];
+
+        var errorbars = d3.select(this).selectAll('g.errorbar')
+            .data(d, keyFunc);
+
+        errorbars.exit().remove();
+
+        if(!d.length) return;
+
+        if(!xObj.visible) errorbars.selectAll('path.xerror').remove();
+        if(!yObj.visible) errorbars.selectAll('path.yerror').remove();
+
+        errorbars.style('opacity', 1);
+
+        var enter = errorbars.enter().append('g')
+            .classed('errorbar', true);
+
+        if(hasAnimation) {
+            enter.style('opacity', 0).transition()
+                .duration(transitionOpts.duration)
+                .style('opacity', 1);
+        }
+
+        Drawing.setClipUrl(errorbars, plotinfo.layerClipId);
+
+        errorbars.each(function(d) {
+            var errorbar = d3.select(this);
+            var coords = errorCoords(d, xa, ya);
+
+            if(sparse && !d.vis) return;
+
+            var path;
+
+            if(yObj.visible && isNumeric(coords.x) &&
+                    isNumeric(coords.yh) &&
+                    isNumeric(coords.ys)) {
+                var yw = yObj.width;
+
+                path = 'M' + (coords.x - yw) + ',' +
+                    coords.yh + 'h' + (2 * yw) + // hat
+                    'm-' + yw + ',0V' + coords.ys; // bar
+
+
+                if(!coords.noYS) path += 'm-' + yw + ',0h' + (2 * yw); // shoe
+
+                var yerror = errorbar.select('path.yerror');
+
+                isNew = !yerror.size();
+
+                if(isNew) {
+                    yerror = errorbar.append('path')
+                        .style('vector-effect', 'non-scaling-stroke')
+                        .classed('yerror', true);
+                } else if(hasAnimation) {
+                    yerror = yerror
+                        .transition()
+                            .duration(transitionOpts.duration)
+                            .ease(transitionOpts.easing);
+                }
+
+                yerror.attr('d', path);
+            }
+
+            if(xObj.visible && isNumeric(coords.y) &&
+                    isNumeric(coords.xh) &&
+                    isNumeric(coords.xs)) {
+                var xw = (xObj.copy_ystyle ? yObj : xObj).width;
+
+                path = 'M' + coords.xh + ',' +
+                    (coords.y - xw) + 'v' + (2 * xw) + // hat
+                    'm0,-' + xw + 'H' + coords.xs; // bar
+
+                if(!coords.noXS) path += 'm0,-' + xw + 'v' + (2 * xw); // shoe
+
+                var xerror = errorbar.select('path.xerror');
+
+                isNew = !xerror.size();
+
+                if(isNew) {
+                    xerror = errorbar.append('path')
+                        .style('vector-effect', 'non-scaling-stroke')
+                        .classed('xerror', true);
+                } else if(hasAnimation) {
+                    xerror = xerror
+                        .transition()
+                            .duration(transitionOpts.duration)
+                            .ease(transitionOpts.easing);
+                }
+
+                xerror.attr('d', path);
+            }
+        });
+    });
+};
+
+// compute the coordinates of the error-bar objects
+function errorCoords(d, xa, ya) {
+    var out = {
+        x: xa.c2p(d.x),
+        y: ya.c2p(d.y)
+    };
+
+    // calculate the error bar size and hat and shoe locations
+    if(d.yh !== undefined) {
+        out.yh = ya.c2p(d.yh);
+        out.ys = ya.c2p(d.ys);
+
+        // if the shoes go off-scale (ie log scale, error bars past zero)
+        // clip the bar and hide the shoes
+        if(!isNumeric(out.ys)) {
+            out.noYS = true;
+            out.ys = ya.c2p(d.ys, true);
+        }
+    }
+
+    if(d.xh !== undefined) {
+        out.xh = xa.c2p(d.xh);
+        out.xs = xa.c2p(d.xs);
+
+        if(!isNumeric(out.xs)) {
+            out.noXS = true;
+            out.xs = xa.c2p(d.xs, true);
+        }
+    }
+
+    return out;
+}
+
+},{"../../traces/scatter/subtypes":1052,"../drawing":628,"d3":122,"fast-isnumeric":131}],636:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Color = require('../color');
+
+
+module.exports = function style(traces) {
+    traces.each(function(d) {
+        var trace = d[0].trace,
+            yObj = trace.error_y || {},
+            xObj = trace.error_x || {};
+
+        var s = d3.select(this);
+
+        s.selectAll('path.yerror')
+            .style('stroke-width', yObj.thickness + 'px')
+            .call(Color.stroke, yObj.color);
+
+        if(xObj.copy_ystyle) xObj = yObj;
+
+        s.selectAll('path.xerror')
+            .style('stroke-width', xObj.thickness + 'px')
+            .call(Color.stroke, xObj.color);
+    });
+};
+
+},{"../color":604,"d3":122}],637:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+
+module.exports = {
+    hoverlabel: {
+        bgcolor: {
+            valType: 'color',
+            
+            arrayOk: true,
+            editType: 'none',
+            
+        },
+        bordercolor: {
+            valType: 'color',
+            
+            arrayOk: true,
+            editType: 'none',
+            
+        },
+        font: fontAttrs({
+            arrayOk: true,
+            editType: 'none',
+            
+        }),
+        namelength: {
+            valType: 'integer',
+            min: -1,
+            arrayOk: true,
+            
+            editType: 'none',
+            
+        },
+        editType: 'calc'
+    }
+};
+
+},{"../../plots/font_attributes":796}],638:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Registry = require('../../registry');
+
+module.exports = function calc(gd) {
+    var calcdata = gd.calcdata;
+    var fullLayout = gd._fullLayout;
+
+    function makeCoerceHoverInfo(trace) {
+        return function(val) {
+            return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout);
+        };
+    }
+
+    for(var i = 0; i < calcdata.length; i++) {
+        var cd = calcdata[i];
+        var trace = cd[0].trace;
+
+        // don't include hover calc fields for pie traces
+        // as calcdata items might be sorted by value and
+        // won't match the data array order.
+        if(Registry.traceIs(trace, 'pie')) continue;
+
+        var fillFn = Registry.traceIs(trace, '2dMap') ? paste : Lib.fillArray;
+
+        fillFn(trace.hoverinfo, cd, 'hi', makeCoerceHoverInfo(trace));
+
+        if(!trace.hoverlabel) continue;
+
+        fillFn(trace.hoverlabel.bgcolor, cd, 'hbg');
+        fillFn(trace.hoverlabel.bordercolor, cd, 'hbc');
+        fillFn(trace.hoverlabel.font.size, cd, 'hts');
+        fillFn(trace.hoverlabel.font.color, cd, 'htc');
+        fillFn(trace.hoverlabel.font.family, cd, 'htf');
+        fillFn(trace.hoverlabel.namelength, cd, 'hnl');
+    }
+};
+
+function paste(traceAttr, cd, cdAttr, fn) {
+    fn = fn || Lib.identity;
+
+    if(Array.isArray(traceAttr)) {
+        cd[0][cdAttr] = fn(traceAttr);
+    }
+}
+
+},{"../../lib":728,"../../registry":846}],639:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+var hover = require('./hover').hover;
+
+module.exports = function click(gd, evt, subplot) {
+    var annotationsDone = Registry.getComponentMethod('annotations', 'onClick')(gd, gd._hoverdata);
+
+    // fallback to fail-safe in case the plot type's hover method doesn't pass the subplot.
+    // Ternary, for example, didn't, but it was caught because tested.
+    if(subplot !== undefined) {
+        // The true flag at the end causes it to re-run the hover computation to figure out *which*
+        // point is being clicked. Without this, clicking is somewhat unreliable.
+        hover(gd, evt, subplot, true);
+    }
+
+    function emitClick() { gd.emit('plotly_click', {points: gd._hoverdata, event: evt}); }
+
+    if(gd._hoverdata && evt && evt.target) {
+        if(annotationsDone && annotationsDone.then) {
+            annotationsDone.then(emitClick);
+        }
+        else emitClick();
+
+        // why do we get a double event without this???
+        if(evt.stopImmediatePropagation) evt.stopImmediatePropagation();
+    }
+};
+
+},{"../../registry":846,"./hover":643}],640:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    // max pixels away from mouse to allow a point to highlight
+    MAXDIST: 20,
+
+    // hover labels for multiple horizontal bars get tilted by this angle
+    YANGLE: 60,
+
+    // size and display constants for hover text
+
+    // pixel size of hover arrows
+    HOVERARROWSIZE: 6,
+    // pixels padding around text
+    HOVERTEXTPAD: 3,
+    // hover font
+    HOVERFONTSIZE: 13,
+    HOVERFONT: 'Arial, sans-serif',
+
+    // minimum time (msec) between hover calls
+    HOVERMINTIME: 50,
+
+    // ID suffix (with fullLayout._uid) for hover events in the throttle cache
+    HOVERID: '-hover'
+};
+
+},{}],641:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+var handleHoverLabelDefaults = require('./hoverlabel_defaults');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    handleHoverLabelDefaults(traceIn, traceOut, coerce, layout.hoverlabel);
+};
+
+},{"../../lib":728,"./attributes":637,"./hoverlabel_defaults":644}],642:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var constants = require('./constants');
+
+// look for either subplot or xaxis and yaxis attributes
+exports.getSubplot = function getSubplot(trace) {
+    return trace.subplot || (trace.xaxis + trace.yaxis) || trace.geo;
+};
+
+// convenience functions for mapping all relevant axes
+exports.flat = function flat(subplots, v) {
+    var out = new Array(subplots.length);
+    for(var i = 0; i < subplots.length; i++) {
+        out[i] = v;
+    }
+    return out;
+};
+
+exports.p2c = function p2c(axArray, v) {
+    var out = new Array(axArray.length);
+    for(var i = 0; i < axArray.length; i++) {
+        out[i] = axArray[i].p2c(v);
+    }
+    return out;
+};
+
+exports.getDistanceFunction = function getDistanceFunction(mode, dx, dy, dxy) {
+    if(mode === 'closest') return dxy || quadrature(dx, dy);
+    return mode === 'x' ? dx : dy;
+};
+
+exports.getClosest = function getClosest(cd, distfn, pointData) {
+    // do we already have a point number? (array mode only)
+    if(pointData.index !== false) {
+        if(pointData.index >= 0 && pointData.index < cd.length) {
+            pointData.distance = 0;
+        }
+        else pointData.index = false;
+    }
+    else {
+        // apply the distance function to each data point
+        // this is the longest loop... if this bogs down, we may need
+        // to create pre-sorted data (by x or y), not sure how to
+        // do this for 'closest'
+        for(var i = 0; i < cd.length; i++) {
+            var newDistance = distfn(cd[i]);
+            if(newDistance <= pointData.distance) {
+                pointData.index = i;
+                pointData.distance = newDistance;
+            }
+        }
+    }
+    return pointData;
+};
+
+// for bar charts and others with finite-size objects: you must be inside
+// it to see its hover info, so distance is infinite outside.
+// But make distance inside be at least 1/4 MAXDIST, and a little bigger
+// for bigger bars, to prioritize scatter and smaller bars over big bars
+//
+// note that for closest mode, two inbox's will get added in quadrature
+// args are (signed) difference from the two opposite edges
+// count one edge as in, so that over continuous ranges you never get a gap
+exports.inbox = function inbox(v0, v1) {
+    if(v0 * v1 < 0 || v0 === 0) {
+        return constants.MAXDIST * (0.6 - 0.3 / Math.max(3, Math.abs(v0 - v1)));
+    }
+    return Infinity;
+};
+
+function quadrature(dx, dy) {
+    return function(di) {
+        var x = dx(di),
+            y = dy(di);
+        return Math.sqrt(x * x + y * y);
+    };
+}
+
+/** Appends values inside array attributes corresponding to given point number
+ *
+ * @param {object} pointData : point data object (gets mutated here)
+ * @param {object} trace : full trace object
+ * @param {number} pointNumber : point number
+ */
+exports.appendArrayPointValue = function(pointData, trace, pointNumber) {
+    var arrayAttrs = trace._arrayAttrs;
+
+    if(!arrayAttrs) {
+        return;
+    }
+
+    for(var i = 0; i < arrayAttrs.length; i++) {
+        var astr = arrayAttrs[i];
+        var key;
+
+        if(astr === 'ids') key = 'id';
+        else if(astr === 'locations') key = 'location';
+        else key = astr;
+
+        if(pointData[key] === undefined) {
+            var val = Lib.nestedProperty(trace, astr).get();
+
+            if(Array.isArray(pointNumber)) {
+                if(Array.isArray(val) && Array.isArray(val[pointNumber[0]])) {
+                    pointData[key] = val[pointNumber[0]][pointNumber[1]];
+                }
+            } else {
+                pointData[key] = val[pointNumber];
+            }
+        }
+    }
+};
+
+},{"../../lib":728,"./constants":640}],643:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+var tinycolor = require('tinycolor2');
+
+var Lib = require('../../lib');
+var Events = require('../../lib/events');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var overrideCursor = require('../../lib/override_cursor');
+var Drawing = require('../drawing');
+var Color = require('../color');
+var dragElement = require('../dragelement');
+var Axes = require('../../plots/cartesian/axes');
+var Registry = require('../../registry');
+
+var helpers = require('./helpers');
+var constants = require('./constants');
+
+// hover labels for multiple horizontal bars get tilted by some angle,
+// then need to be offset differently if they overlap
+var YANGLE = constants.YANGLE;
+var YA_RADIANS = Math.PI * YANGLE / 180;
+
+// expansion of projected height
+var YFACTOR = 1 / Math.sin(YA_RADIANS);
+
+// to make the appropriate post-rotation x offset,
+// you need both x and y offsets
+var YSHIFTX = Math.cos(YA_RADIANS);
+var YSHIFTY = Math.sin(YA_RADIANS);
+
+// size and display constants for hover text
+var HOVERARROWSIZE = constants.HOVERARROWSIZE;
+var HOVERTEXTPAD = constants.HOVERTEXTPAD;
+
+// fx.hover: highlight data on hover
+// evt can be a mousemove event, or an object with data about what points
+//   to hover on
+//      {xpx,ypx[,hovermode]} - pixel locations from top left
+//          (with optional overriding hovermode)
+//      {xval,yval[,hovermode]} - data values
+//      [{curveNumber,(pointNumber|xval and/or yval)}] -
+//              array of specific points to highlight
+//          pointNumber is a single integer if gd.data[curveNumber] is 1D,
+//              or a two-element array if it's 2D
+//          xval and yval are data values,
+//              1D data may specify either or both,
+//              2D data must specify both
+// subplot is an id string (default "xy")
+// makes use of gl.hovermode, which can be:
+//      x (find the points with the closest x values, ie a column),
+//      closest (find the single closest point)
+//    internally there are two more that occasionally get used:
+//      y (pick out a row - only used for multiple horizontal bar charts)
+//      array (used when the user specifies an explicit
+//          array of points to hover on)
+//
+// We wrap the hovers in a timer, to limit their frequency.
+// The actual rendering is done by private function _hover.
+exports.hover = function hover(gd, evt, subplot, noHoverEvent) {
+    gd = Lib.getGraphDiv(gd);
+
+    Lib.throttle(
+        gd._fullLayout._uid + constants.HOVERID,
+        constants.HOVERMINTIME,
+        function() { _hover(gd, evt, subplot, noHoverEvent); }
+    );
+};
+
+/*
+ * Draw a single hover item in a pre-existing svg container somewhere
+ * hoverItem should have keys:
+ *    - x and y (or x0, x1, y0, and y1):
+ *      the pixel position to mark, relative to opts.container
+ *    - xLabel, yLabel, zLabel, text, and name:
+ *      info to go in the label
+ *    - color:
+ *      the background color for the label.
+ *    - idealAlign (optional):
+ *      'left' or 'right' for which side of the x/y box to try to put this on first
+ *    - borderColor (optional):
+ *      color for the border, defaults to strongest contrast with color
+ *    - fontFamily (optional):
+ *      string, the font for this label, defaults to constants.HOVERFONT
+ *    - fontSize (optional):
+ *      the label font size, defaults to constants.HOVERFONTSIZE
+ *    - fontColor (optional):
+ *      defaults to borderColor
+ * opts should have keys:
+ *    - bgColor:
+ *      the background color this is against, used if the trace is
+ *      non-opaque, and for the name, which goes outside the box
+ *    - container:
+ *      a <svg> or <g> element to add the hover label to
+ *    - outerContainer:
+ *      normally a parent of `container`, sets the bounding box to use to
+ *      constrain the hover label and determine whether to show it on the left or right
+ */
+exports.loneHover = function loneHover(hoverItem, opts) {
+    var pointData = {
+        color: hoverItem.color || Color.defaultLine,
+        x0: hoverItem.x0 || hoverItem.x || 0,
+        x1: hoverItem.x1 || hoverItem.x || 0,
+        y0: hoverItem.y0 || hoverItem.y || 0,
+        y1: hoverItem.y1 || hoverItem.y || 0,
+        xLabel: hoverItem.xLabel,
+        yLabel: hoverItem.yLabel,
+        zLabel: hoverItem.zLabel,
+        text: hoverItem.text,
+        name: hoverItem.name,
+        idealAlign: hoverItem.idealAlign,
+
+        // optional extra bits of styling
+        borderColor: hoverItem.borderColor,
+        fontFamily: hoverItem.fontFamily,
+        fontSize: hoverItem.fontSize,
+        fontColor: hoverItem.fontColor,
+
+        // filler to make createHoverText happy
+        trace: {
+            index: 0,
+            hoverinfo: ''
+        },
+        xa: {_offset: 0},
+        ya: {_offset: 0},
+        index: 0
+    };
+
+    var container3 = d3.select(opts.container),
+        outerContainer3 = opts.outerContainer ?
+            d3.select(opts.outerContainer) : container3;
+
+    var fullOpts = {
+        hovermode: 'closest',
+        rotateLabels: false,
+        bgColor: opts.bgColor || Color.background,
+        container: container3,
+        outerContainer: outerContainer3
+    };
+
+    var hoverLabel = createHoverText([pointData], fullOpts, opts.gd);
+    alignHoverText(hoverLabel, fullOpts.rotateLabels);
+
+    return hoverLabel.node();
+};
+
+// The actual implementation is here:
+function _hover(gd, evt, subplot, noHoverEvent) {
+    if((subplot === 'pie' || subplot === 'sankey') && !noHoverEvent) {
+        gd.emit('plotly_hover', {
+            event: evt.originalEvent,
+            points: [evt]
+        });
+        return;
+    }
+
+    if(!subplot) subplot = 'xy';
+
+    // if the user passed in an array of subplots,
+    // use those instead of finding overlayed plots
+    var subplots = Array.isArray(subplot) ? subplot : [subplot];
+
+    var fullLayout = gd._fullLayout,
+        plots = fullLayout._plots || [],
+        plotinfo = plots[subplot];
+
+    // list of all overlaid subplots to look at
+    if(plotinfo) {
+        var overlayedSubplots = plotinfo.overlays.map(function(pi) {
+            return pi.id;
+        });
+
+        subplots = subplots.concat(overlayedSubplots);
+    }
+
+    var len = subplots.length,
+        xaArray = new Array(len),
+        yaArray = new Array(len);
+
+    for(var i = 0; i < len; i++) {
+        var spId = subplots[i];
+
+        // 'cartesian' case
+        var plotObj = plots[spId];
+        if(plotObj) {
+
+            // TODO make sure that fullLayout_plots axis refs
+            // get updated properly so that we don't have
+            // to use Axes.getFromId in general.
+
+            xaArray[i] = Axes.getFromId(gd, plotObj.xaxis._id);
+            yaArray[i] = Axes.getFromId(gd, plotObj.yaxis._id);
+            continue;
+        }
+
+        // other subplot types
+        var _subplot = fullLayout[spId]._subplot;
+        xaArray[i] = _subplot.xaxis;
+        yaArray[i] = _subplot.yaxis;
+    }
+
+    var hovermode = evt.hovermode || fullLayout.hovermode;
+
+    if(['x', 'y', 'closest'].indexOf(hovermode) === -1 || !gd.calcdata ||
+            gd.querySelector('.zoombox') || gd._dragging) {
+        return dragElement.unhoverRaw(gd, evt);
+    }
+
+        // hoverData: the set of candidate points we've found to highlight
+    var hoverData = [],
+
+        // searchData: the data to search in. Mostly this is just a copy of
+        // gd.calcdata, filtered to the subplot and overlays we're on
+        // but if a point array is supplied it will be a mapping
+        // of indicated curves
+        searchData = [],
+
+        // [x|y]valArray: the axis values of the hover event
+        // mapped onto each of the currently selected overlaid subplots
+        xvalArray,
+        yvalArray,
+
+        // used in loops
+        itemnum,
+        curvenum,
+        cd,
+        trace,
+        subplotId,
+        subploti,
+        mode,
+        xval,
+        yval,
+        pointData,
+        closedataPreviousLength;
+
+    // Figure out what we're hovering on:
+    // mouse location or user-supplied data
+
+    if(Array.isArray(evt)) {
+        // user specified an array of points to highlight
+        hovermode = 'array';
+        for(itemnum = 0; itemnum < evt.length; itemnum++) {
+            cd = gd.calcdata[evt[itemnum].curveNumber||0];
+            if(cd[0].trace.hoverinfo !== 'skip') {
+                searchData.push(cd);
+            }
+        }
+    }
+    else {
+        for(curvenum = 0; curvenum < gd.calcdata.length; curvenum++) {
+            cd = gd.calcdata[curvenum];
+            trace = cd[0].trace;
+            if(trace.hoverinfo !== 'skip' && subplots.indexOf(helpers.getSubplot(trace)) !== -1) {
+                searchData.push(cd);
+            }
+        }
+
+        // [x|y]px: the pixels (from top left) of the mouse location
+        // on the currently selected plot area
+        var hasUserCalledHover = !evt.target,
+            xpx, ypx;
+
+        if(hasUserCalledHover) {
+            if('xpx' in evt) xpx = evt.xpx;
+            else xpx = xaArray[0]._length / 2;
+
+            if('ypx' in evt) ypx = evt.ypx;
+            else ypx = yaArray[0]._length / 2;
+        }
+        else {
+            // fire the beforehover event and quit if it returns false
+            // note that we're only calling this on real mouse events, so
+            // manual calls to fx.hover will always run.
+            if(Events.triggerHandler(gd, 'plotly_beforehover', evt) === false) {
+                return;
+            }
+
+            var dbb = evt.target.getBoundingClientRect();
+
+            xpx = evt.clientX - dbb.left;
+            ypx = evt.clientY - dbb.top;
+
+            // in case hover was called from mouseout into hovertext,
+            // it's possible you're not actually over the plot anymore
+            if(xpx < 0 || xpx > dbb.width || ypx < 0 || ypx > dbb.height) {
+                return dragElement.unhoverRaw(gd, evt);
+            }
+        }
+
+        if('xval' in evt) xvalArray = helpers.flat(subplots, evt.xval);
+        else xvalArray = helpers.p2c(xaArray, xpx);
+
+        if('yval' in evt) yvalArray = helpers.flat(subplots, evt.yval);
+        else yvalArray = helpers.p2c(yaArray, ypx);
+
+        if(!isNumeric(xvalArray[0]) || !isNumeric(yvalArray[0])) {
+            Lib.warn('Fx.hover failed', evt, gd);
+            return dragElement.unhoverRaw(gd, evt);
+        }
+    }
+
+    // the pixel distance to beat as a matching point
+    // in 'x' or 'y' mode this resets for each trace
+    var distance = Infinity;
+
+    // find the closest point in each trace
+    // this is minimum dx and/or dy, depending on mode
+    // and the pixel position for the label (labelXpx, labelYpx)
+    for(curvenum = 0; curvenum < searchData.length; curvenum++) {
+        cd = searchData[curvenum];
+
+        // filter out invisible or broken data
+        if(!cd || !cd[0] || !cd[0].trace || cd[0].trace.visible !== true) continue;
+
+        trace = cd[0].trace;
+
+        // Explicitly bail out for these two. I don't know how to otherwise prevent
+        // the rest of this function from running and failing
+        if(['carpet', 'contourcarpet'].indexOf(trace._module.name) !== -1) continue;
+
+        subplotId = helpers.getSubplot(trace);
+        subploti = subplots.indexOf(subplotId);
+
+        // within one trace mode can sometimes be overridden
+        mode = hovermode;
+
+        // container for new point, also used to pass info into module.hoverPoints
+        pointData = {
+            // trace properties
+            cd: cd,
+            trace: trace,
+            xa: xaArray[subploti],
+            ya: yaArray[subploti],
+            // point properties - override all of these
+            index: false, // point index in trace - only used by plotly.js hoverdata consumers
+            distance: Math.min(distance, constants.MAXDIST), // pixel distance or pseudo-distance
+            color: Color.defaultLine, // trace color
+            name: trace.name,
+            x0: undefined,
+            x1: undefined,
+            y0: undefined,
+            y1: undefined,
+            xLabelVal: undefined,
+            yLabelVal: undefined,
+            zLabelVal: undefined,
+            text: undefined
+        };
+
+        // add ref to subplot object (non-cartesian case)
+        if(fullLayout[subplotId]) {
+            pointData.subplot = fullLayout[subplotId]._subplot;
+        }
+
+        closedataPreviousLength = hoverData.length;
+
+        // for a highlighting array, figure out what
+        // we're searching for with this element
+        if(mode === 'array') {
+            var selection = evt[curvenum];
+            if('pointNumber' in selection) {
+                pointData.index = selection.pointNumber;
+                mode = 'closest';
+            }
+            else {
+                mode = '';
+                if('xval' in selection) {
+                    xval = selection.xval;
+                    mode = 'x';
+                }
+                if('yval' in selection) {
+                    yval = selection.yval;
+                    mode = mode ? 'closest' : 'y';
+                }
+            }
+        }
+        else {
+            xval = xvalArray[subploti];
+            yval = yvalArray[subploti];
+        }
+
+        // Now find the points.
+        if(trace._module && trace._module.hoverPoints) {
+            var newPoints = trace._module.hoverPoints(pointData, xval, yval, mode);
+            if(newPoints) {
+                var newPoint;
+                for(var newPointNum = 0; newPointNum < newPoints.length; newPointNum++) {
+                    newPoint = newPoints[newPointNum];
+                    if(isNumeric(newPoint.x0) && isNumeric(newPoint.y0)) {
+                        hoverData.push(cleanPoint(newPoint, hovermode));
+                    }
+                }
+            }
+        }
+        else {
+            Lib.log('Unrecognized trace type in hover:', trace);
+        }
+
+        // in closest mode, remove any existing (farther) points
+        // and don't look any farther than this latest point (or points, if boxes)
+        if(hovermode === 'closest' && hoverData.length > closedataPreviousLength) {
+            hoverData.splice(0, closedataPreviousLength);
+            distance = hoverData[0].distance;
+        }
+    }
+
+    // nothing left: remove all labels and quit
+    if(hoverData.length === 0) return dragElement.unhoverRaw(gd, evt);
+
+    hoverData.sort(function(d1, d2) { return d1.distance - d2.distance; });
+
+    // lastly, emit custom hover/unhover events
+    var oldhoverdata = gd._hoverdata,
+        newhoverdata = [];
+
+    // pull out just the data that's useful to
+    // other people and send it to the event
+    for(itemnum = 0; itemnum < hoverData.length; itemnum++) {
+        var pt = hoverData[itemnum];
+
+        var out = {
+            data: pt.trace._input,
+            fullData: pt.trace,
+            curveNumber: pt.trace.index,
+            pointNumber: pt.index
+        };
+
+        if(pt.trace._module.eventData) out = pt.trace._module.eventData(out, pt);
+        else {
+            out.x = pt.xVal;
+            out.y = pt.yVal;
+            out.xaxis = pt.xa;
+            out.yaxis = pt.ya;
+
+            if(pt.zLabelVal !== undefined) out.z = pt.zLabelVal;
+        }
+
+        helpers.appendArrayPointValue(out, pt.trace, pt.index);
+        newhoverdata.push(out);
+    }
+
+    gd._hoverdata = newhoverdata;
+
+    if(hoverChanged(gd, evt, oldhoverdata) && fullLayout._hasCartesian) {
+        var spikelineOpts = {
+            hovermode: hovermode,
+            fullLayout: fullLayout,
+            container: fullLayout._hoverlayer,
+            outerContainer: fullLayout._paperdiv
+        };
+        createSpikelines(hoverData, spikelineOpts);
+    }
+
+    // if there's more than one horz bar trace,
+    // rotate the labels so they don't overlap
+    var rotateLabels = hovermode === 'y' && searchData.length > 1;
+
+    var bgColor = Color.combine(
+        fullLayout.plot_bgcolor || Color.background,
+        fullLayout.paper_bgcolor
+    );
+
+    var labelOpts = {
+        hovermode: hovermode,
+        rotateLabels: rotateLabels,
+        bgColor: bgColor,
+        container: fullLayout._hoverlayer,
+        outerContainer: fullLayout._paperdiv,
+        commonLabelOpts: fullLayout.hoverlabel
+    };
+
+    var hoverLabels = createHoverText(hoverData, labelOpts, gd);
+
+    hoverAvoidOverlaps(hoverData, rotateLabels ? 'xa' : 'ya');
+
+    alignHoverText(hoverLabels, rotateLabels);
+
+    // TODO: tagName hack is needed to appease geo.js's hack of using evt.target=true
+    // we should improve the "fx" API so other plots can use it without these hack.
+    if(evt.target && evt.target.tagName) {
+        var hasClickToShow = Registry.getComponentMethod('annotations', 'hasClickToShow')(gd, newhoverdata);
+        overrideCursor(d3.select(evt.target), hasClickToShow ? 'pointer' : '');
+    }
+
+    // don't emit events if called manually
+    if(!evt.target || noHoverEvent || !hoverChanged(gd, evt, oldhoverdata)) return;
+
+    if(oldhoverdata) {
+        gd.emit('plotly_unhover', {
+            event: evt,
+            points: oldhoverdata
+        });
+    }
+
+    gd.emit('plotly_hover', {
+        event: evt,
+        points: gd._hoverdata,
+        xaxes: xaArray,
+        yaxes: yaArray,
+        xvals: xvalArray,
+        yvals: yvalArray
+    });
+}
+
+function createHoverText(hoverData, opts, gd) {
+    var hovermode = opts.hovermode;
+    var rotateLabels = opts.rotateLabels;
+    var bgColor = opts.bgColor;
+    var container = opts.container;
+    var outerContainer = opts.outerContainer;
+    var commonLabelOpts = opts.commonLabelOpts || {};
+
+    // opts.fontFamily/Size are used for the common label
+    // and as defaults for each hover label, though the individual labels
+    // can override this.
+    var fontFamily = opts.fontFamily || constants.HOVERFONT;
+    var fontSize = opts.fontSize || constants.HOVERFONTSIZE;
+
+    var c0 = hoverData[0];
+    var xa = c0.xa;
+    var ya = c0.ya;
+    var commonAttr = hovermode === 'y' ? 'yLabel' : 'xLabel';
+    var t0 = c0[commonAttr];
+    var t00 = (String(t0) || '').split(' ')[0];
+    var outerContainerBB = outerContainer.node().getBoundingClientRect();
+    var outerTop = outerContainerBB.top;
+    var outerWidth = outerContainerBB.width;
+    var outerHeight = outerContainerBB.height;
+
+    // show the common label, if any, on the axis
+    // never show a common label in array mode,
+    // even if sometimes there could be one
+    var showCommonLabel = c0.distance <= constants.MAXDIST &&
+                          (hovermode === 'x' || hovermode === 'y');
+
+    // all hover traces hoverinfo must contain the hovermode
+    // to have common labels
+    var i, traceHoverinfo;
+    for(i = 0; i < hoverData.length; i++) {
+        traceHoverinfo = hoverData[i].hoverinfo || hoverData[i].trace.hoverinfo;
+        var parts = traceHoverinfo.split('+');
+        if(parts.indexOf('all') === -1 &&
+            parts.indexOf(hovermode) === -1) {
+            showCommonLabel = false;
+            break;
+        }
+    }
+
+    var commonLabel = container.selectAll('g.axistext')
+        .data(showCommonLabel ? [0] : []);
+    commonLabel.enter().append('g')
+        .classed('axistext', true);
+    commonLabel.exit().remove();
+
+    commonLabel.each(function() {
+        var label = d3.select(this),
+            lpath = label.selectAll('path').data([0]),
+            ltext = label.selectAll('text').data([0]);
+
+        lpath.enter().append('path')
+            .style({'stroke-width': '1px'});
+
+        lpath.style({
+            fill: commonLabelOpts.bgcolor || Color.defaultLine,
+            stroke: commonLabelOpts.bordercolor || Color.background,
+        });
+
+        ltext.enter().append('text')
+            // prohibit tex interpretation until we can handle
+            // tex and regular text together
+            .attr('data-notex', 1);
+
+        ltext.text(t0)
+            .call(Drawing.font,
+                commonLabelOpts.font.family || fontFamily,
+                commonLabelOpts.font.size || fontSize,
+                commonLabelOpts.font.color || Color.background
+             )
+            .call(svgTextUtils.positionText, 0, 0)
+            .call(svgTextUtils.convertToTspans, gd);
+
+        label.attr('transform', '');
+
+        var tbb = ltext.node().getBoundingClientRect();
+        if(hovermode === 'x') {
+            ltext.attr('text-anchor', 'middle')
+                .call(svgTextUtils.positionText, 0, (xa.side === 'top' ?
+                    (outerTop - tbb.bottom - HOVERARROWSIZE - HOVERTEXTPAD) :
+                    (outerTop - tbb.top + HOVERARROWSIZE + HOVERTEXTPAD)));
+
+            var topsign = xa.side === 'top' ? '-' : '';
+            lpath.attr('d', 'M0,0' +
+                'L' + HOVERARROWSIZE + ',' + topsign + HOVERARROWSIZE +
+                'H' + (HOVERTEXTPAD + tbb.width / 2) +
+                'v' + topsign + (HOVERTEXTPAD * 2 + tbb.height) +
+                'H-' + (HOVERTEXTPAD + tbb.width / 2) +
+                'V' + topsign + HOVERARROWSIZE + 'H-' + HOVERARROWSIZE + 'Z');
+
+            label.attr('transform', 'translate(' +
+                (xa._offset + (c0.x0 + c0.x1) / 2) + ',' +
+                (ya._offset + (xa.side === 'top' ? 0 : ya._length)) + ')');
+        }
+        else {
+            ltext.attr('text-anchor', ya.side === 'right' ? 'start' : 'end')
+                .call(svgTextUtils.positionText,
+                    (ya.side === 'right' ? 1 : -1) * (HOVERTEXTPAD + HOVERARROWSIZE),
+                    outerTop - tbb.top - tbb.height / 2);
+
+            var leftsign = ya.side === 'right' ? '' : '-';
+            lpath.attr('d', 'M0,0' +
+                'L' + leftsign + HOVERARROWSIZE + ',' + HOVERARROWSIZE +
+                'V' + (HOVERTEXTPAD + tbb.height / 2) +
+                'h' + leftsign + (HOVERTEXTPAD * 2 + tbb.width) +
+                'V-' + (HOVERTEXTPAD + tbb.height / 2) +
+                'H' + leftsign + HOVERARROWSIZE + 'V-' + HOVERARROWSIZE + 'Z');
+
+            label.attr('transform', 'translate(' +
+                (xa._offset + (ya.side === 'right' ? xa._length : 0)) + ',' +
+                (ya._offset + (c0.y0 + c0.y1) / 2) + ')');
+        }
+        // remove the "close but not quite" points
+        // because of error bars, only take up to a space
+        hoverData = hoverData.filter(function(d) {
+            return (d.zLabelVal !== undefined) ||
+                (d[commonAttr] || '').split(' ')[0] === t00;
+        });
+    });
+
+    // show all the individual labels
+
+    // first create the objects
+    var hoverLabels = container.selectAll('g.hovertext')
+        .data(hoverData, function(d) {
+            return [d.trace.index, d.index, d.x0, d.y0, d.name, d.attr, d.xa, d.ya || ''].join(',');
+        });
+    hoverLabels.enter().append('g')
+        .classed('hovertext', true)
+        .each(function() {
+            var g = d3.select(this);
+            // trace name label (rect and text.name)
+            g.append('rect')
+                .call(Color.fill, Color.addOpacity(bgColor, 0.8));
+            g.append('text').classed('name', true);
+            // trace data label (path and text.nums)
+            g.append('path')
+                .style('stroke-width', '1px');
+            g.append('text').classed('nums', true)
+                .call(Drawing.font, fontFamily, fontSize);
+        });
+    hoverLabels.exit().remove();
+
+    // then put the text in, position the pointer to the data,
+    // and figure out sizes
+    hoverLabels.each(function(d) {
+        var g = d3.select(this).attr('transform', ''),
+            name = '',
+            text = '';
+
+            // combine possible non-opaque trace color with bgColor
+        var baseColor = Color.opacity(d.color) ? d.color : Color.defaultLine;
+        var traceColor = Color.combine(baseColor, bgColor);
+
+        // find a contrasting color for border and text
+        var contrastColor = d.borderColor || Color.contrast(traceColor);
+
+        // to get custom 'name' labels pass cleanPoint
+        if(d.nameOverride !== undefined) d.name = d.nameOverride;
+
+        if(d.name) {
+            // strip out our pseudo-html elements from d.name (if it exists at all)
+            name = svgTextUtils.plainText(d.name || '');
+
+            var nameLength = Math.round(d.nameLength);
+
+            if(nameLength > -1 && name.length > nameLength) {
+                if(nameLength > 3) name = name.substr(0, nameLength - 3) + '...';
+                else name = name.substr(0, nameLength);
+            }
+        }
+
+        // used by other modules (initially just ternary) that
+        // manage their own hoverinfo independent of cleanPoint
+        // the rest of this will still apply, so such modules
+        // can still put things in (x|y|z)Label, text, and name
+        // and hoverinfo will still determine their visibility
+        if(d.extraText !== undefined) text += d.extraText;
+
+        if(d.zLabel !== undefined) {
+            if(d.xLabel !== undefined) text += 'x: ' + d.xLabel + '<br>';
+            if(d.yLabel !== undefined) text += 'y: ' + d.yLabel + '<br>';
+            text += (text ? 'z: ' : '') + d.zLabel;
+        }
+        else if(showCommonLabel && d[hovermode + 'Label'] === t0) {
+            text = d[(hovermode === 'x' ? 'y' : 'x') + 'Label'] || '';
+        }
+        else if(d.xLabel === undefined) {
+            if(d.yLabel !== undefined) text = d.yLabel;
+        }
+        else if(d.yLabel === undefined) text = d.xLabel;
+        else text = '(' + d.xLabel + ', ' + d.yLabel + ')';
+
+        if(d.text && !Array.isArray(d.text)) {
+            text += (text ? '<br>' : '') + d.text;
+        }
+
+        // if 'text' is empty at this point,
+        // put 'name' in main label and don't show secondary label
+        if(text === '') {
+            // if 'name' is also empty, remove entire label
+            if(name === '') g.remove();
+            text = name;
+        }
+
+        // main label
+        var tx = g.select('text.nums')
+            .call(Drawing.font,
+                d.fontFamily || fontFamily,
+                d.fontSize || fontSize,
+                d.fontColor || contrastColor)
+            .text(text)
+            .attr('data-notex', 1)
+            .call(svgTextUtils.positionText, 0, 0)
+            .call(svgTextUtils.convertToTspans, gd);
+
+        var tx2 = g.select('text.name'),
+            tx2width = 0;
+
+        // secondary label for non-empty 'name'
+        if(name && name !== text) {
+            tx2.call(Drawing.font,
+                    d.fontFamily || fontFamily,
+                    d.fontSize || fontSize,
+                    traceColor)
+                .text(name)
+                .attr('data-notex', 1)
+                .call(svgTextUtils.positionText, 0, 0)
+                .call(svgTextUtils.convertToTspans, gd);
+            tx2width = tx2.node().getBoundingClientRect().width + 2 * HOVERTEXTPAD;
+        }
+        else {
+            tx2.remove();
+            g.select('rect').remove();
+        }
+
+        g.select('path')
+            .style({
+                fill: traceColor,
+                stroke: contrastColor
+            });
+        var tbb = tx.node().getBoundingClientRect(),
+            htx = d.xa._offset + (d.x0 + d.x1) / 2,
+            hty = d.ya._offset + (d.y0 + d.y1) / 2,
+            dx = Math.abs(d.x1 - d.x0),
+            dy = Math.abs(d.y1 - d.y0),
+            txTotalWidth = tbb.width + HOVERARROWSIZE + HOVERTEXTPAD + tx2width,
+            anchorStartOK,
+            anchorEndOK;
+
+        d.ty0 = outerTop - tbb.top;
+        d.bx = tbb.width + 2 * HOVERTEXTPAD;
+        d.by = tbb.height + 2 * HOVERTEXTPAD;
+        d.anchor = 'start';
+        d.txwidth = tbb.width;
+        d.tx2width = tx2width;
+        d.offset = 0;
+
+        if(rotateLabels) {
+            d.pos = htx;
+            anchorStartOK = hty + dy / 2 + txTotalWidth <= outerHeight;
+            anchorEndOK = hty - dy / 2 - txTotalWidth >= 0;
+            if((d.idealAlign === 'top' || !anchorStartOK) && anchorEndOK) {
+                hty -= dy / 2;
+                d.anchor = 'end';
+            } else if(anchorStartOK) {
+                hty += dy / 2;
+                d.anchor = 'start';
+            } else d.anchor = 'middle';
+        }
+        else {
+            d.pos = hty;
+            anchorStartOK = htx + dx / 2 + txTotalWidth <= outerWidth;
+            anchorEndOK = htx - dx / 2 - txTotalWidth >= 0;
+            if((d.idealAlign === 'left' || !anchorStartOK) && anchorEndOK) {
+                htx -= dx / 2;
+                d.anchor = 'end';
+            } else if(anchorStartOK) {
+                htx += dx / 2;
+                d.anchor = 'start';
+            } else d.anchor = 'middle';
+        }
+
+        tx.attr('text-anchor', d.anchor);
+        if(tx2width) tx2.attr('text-anchor', d.anchor);
+        g.attr('transform', 'translate(' + htx + ',' + hty + ')' +
+            (rotateLabels ? 'rotate(' + YANGLE + ')' : ''));
+    });
+
+    return hoverLabels;
+}
+
+// Make groups of touching points, and within each group
+// move each point so that no labels overlap, but the average
+// label position is the same as it was before moving. Indicentally,
+// this is equivalent to saying all the labels are on equal linear
+// springs about their initial position. Initially, each point is
+// its own group, but as we find overlaps we will clump the points.
+//
+// Also, there are hard constraints at the edges of the graphs,
+// that push all groups to the middle so they are visible. I don't
+// know what happens if the group spans all the way from one edge to
+// the other, though it hardly matters - there's just too much
+// information then.
+function hoverAvoidOverlaps(hoverData, ax) {
+    var nummoves = 0,
+
+        // make groups of touching points
+        pointgroups = hoverData
+            .map(function(d, i) {
+                var axis = d[ax];
+                return [{
+                    i: i,
+                    dp: 0,
+                    pos: d.pos,
+                    posref: d.posref,
+                    size: d.by * (axis._id.charAt(0) === 'x' ? YFACTOR : 1) / 2,
+                    pmin: axis._offset,
+                    pmax: axis._offset + axis._length
+                }];
+            })
+            .sort(function(a, b) { return a[0].posref - b[0].posref; }),
+        donepositioning,
+        topOverlap,
+        bottomOverlap,
+        i, j,
+        pti,
+        sumdp;
+
+    function constrainGroup(grp) {
+        var minPt = grp[0],
+            maxPt = grp[grp.length - 1];
+
+        // overlap with the top - positive vals are overlaps
+        topOverlap = minPt.pmin - minPt.pos - minPt.dp + minPt.size;
+
+        // overlap with the bottom - positive vals are overlaps
+        bottomOverlap = maxPt.pos + maxPt.dp + maxPt.size - minPt.pmax;
+
+        // check for min overlap first, so that we always
+        // see the largest labels
+        // allow for .01px overlap, so we don't get an
+        // infinite loop from rounding errors
+        if(topOverlap > 0.01) {
+            for(j = grp.length - 1; j >= 0; j--) grp[j].dp += topOverlap;
+            donepositioning = false;
+        }
+        if(bottomOverlap < 0.01) return;
+        if(topOverlap < -0.01) {
+            // make sure we're not pushing back and forth
+            for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap;
+            donepositioning = false;
+        }
+        if(!donepositioning) return;
+
+        // no room to fix positioning, delete off-screen points
+
+        // first see how many points we need to delete
+        var deleteCount = 0;
+        for(i = 0; i < grp.length; i++) {
+            pti = grp[i];
+            if(pti.pos + pti.dp + pti.size > minPt.pmax) deleteCount++;
+        }
+
+        // start by deleting points whose data is off screen
+        for(i = grp.length - 1; i >= 0; i--) {
+            if(deleteCount <= 0) break;
+            pti = grp[i];
+
+            // pos has already been constrained to [pmin,pmax]
+            // so look for points close to that to delete
+            if(pti.pos > minPt.pmax - 1) {
+                pti.del = true;
+                deleteCount--;
+            }
+        }
+        for(i = 0; i < grp.length; i++) {
+            if(deleteCount <= 0) break;
+            pti = grp[i];
+
+            // pos has already been constrained to [pmin,pmax]
+            // so look for points close to that to delete
+            if(pti.pos < minPt.pmin + 1) {
+                pti.del = true;
+                deleteCount--;
+
+                // shift the whole group minus into this new space
+                bottomOverlap = pti.size * 2;
+                for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap;
+            }
+        }
+        // then delete points that go off the bottom
+        for(i = grp.length - 1; i >= 0; i--) {
+            if(deleteCount <= 0) break;
+            pti = grp[i];
+            if(pti.pos + pti.dp + pti.size > minPt.pmax) {
+                pti.del = true;
+                deleteCount--;
+            }
+        }
+    }
+
+    // loop through groups, combining them if they overlap,
+    // until nothing moves
+    while(!donepositioning && nummoves <= hoverData.length) {
+        // to avoid infinite loops, don't move more times
+        // than there are traces
+        nummoves++;
+
+        // assume nothing will move in this iteration,
+        // reverse this if it does
+        donepositioning = true;
+        i = 0;
+        while(i < pointgroups.length - 1) {
+                // the higher (g0) and lower (g1) point group
+            var g0 = pointgroups[i],
+                g1 = pointgroups[i + 1],
+
+                // the lowest point in the higher group (p0)
+                // the highest point in the lower group (p1)
+                p0 = g0[g0.length - 1],
+                p1 = g1[0];
+            topOverlap = p0.pos + p0.dp + p0.size - p1.pos - p1.dp + p1.size;
+
+            // Only group points that lie on the same axes
+            if(topOverlap > 0.01 && (p0.pmin === p1.pmin) && (p0.pmax === p1.pmax)) {
+                // push the new point(s) added to this group out of the way
+                for(j = g1.length - 1; j >= 0; j--) g1[j].dp += topOverlap;
+
+                // add them to the group
+                g0.push.apply(g0, g1);
+                pointgroups.splice(i + 1, 1);
+
+                // adjust for minimum average movement
+                sumdp = 0;
+                for(j = g0.length - 1; j >= 0; j--) sumdp += g0[j].dp;
+                bottomOverlap = sumdp / g0.length;
+                for(j = g0.length - 1; j >= 0; j--) g0[j].dp -= bottomOverlap;
+                donepositioning = false;
+            }
+            else i++;
+        }
+
+        // check if we're going off the plot on either side and fix
+        pointgroups.forEach(constrainGroup);
+    }
+
+    // now put these offsets into hoverData
+    for(i = pointgroups.length - 1; i >= 0; i--) {
+        var grp = pointgroups[i];
+        for(j = grp.length - 1; j >= 0; j--) {
+            var pt = grp[j],
+                hoverPt = hoverData[pt.i];
+            hoverPt.offset = pt.dp;
+            hoverPt.del = pt.del;
+        }
+    }
+}
+
+function alignHoverText(hoverLabels, rotateLabels) {
+    // finally set the text positioning relative to the data and draw the
+    // box around it
+    hoverLabels.each(function(d) {
+        var g = d3.select(this);
+        if(d.del) {
+            g.remove();
+            return;
+        }
+        var horzSign = d.anchor === 'end' ? -1 : 1,
+            tx = g.select('text.nums'),
+            alignShift = {start: 1, end: -1, middle: 0}[d.anchor],
+            txx = alignShift * (HOVERARROWSIZE + HOVERTEXTPAD),
+            tx2x = txx + alignShift * (d.txwidth + HOVERTEXTPAD),
+            offsetX = 0,
+            offsetY = d.offset;
+        if(d.anchor === 'middle') {
+            txx -= d.tx2width / 2;
+            tx2x -= d.tx2width / 2;
+        }
+        if(rotateLabels) {
+            offsetY *= -YSHIFTY;
+            offsetX = d.offset * YSHIFTX;
+        }
+
+        g.select('path').attr('d', d.anchor === 'middle' ?
+            // middle aligned: rect centered on data
+            ('M-' + (d.bx / 2) + ',-' + (d.by / 2) + 'h' + d.bx + 'v' + d.by + 'h-' + d.bx + 'Z') :
+            // left or right aligned: side rect with arrow to data
+            ('M0,0L' + (horzSign * HOVERARROWSIZE + offsetX) + ',' + (HOVERARROWSIZE + offsetY) +
+                'v' + (d.by / 2 - HOVERARROWSIZE) +
+                'h' + (horzSign * d.bx) +
+                'v-' + d.by +
+                'H' + (horzSign * HOVERARROWSIZE + offsetX) +
+                'V' + (offsetY - HOVERARROWSIZE) +
+                'Z'));
+
+        tx.call(svgTextUtils.positionText,
+            txx + offsetX, offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD);
+
+        if(d.tx2width) {
+            g.select('text.name')
+                .call(svgTextUtils.positionText,
+                    tx2x + alignShift * HOVERTEXTPAD + offsetX,
+                    offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD);
+            g.select('rect')
+                .call(Drawing.setRect,
+                    tx2x + (alignShift - 1) * d.tx2width / 2 + offsetX,
+                    offsetY - d.by / 2 - 1,
+                    d.tx2width, d.by + 2);
+        }
+    });
+}
+
+function cleanPoint(d, hovermode) {
+    var index = d.index;
+    var trace = d.trace || {};
+    var cd0 = d.cd[0];
+    var cd = d.cd[index] || {};
+
+    var getVal = Array.isArray(index) ?
+        function(calcKey, traceKey) {
+            return Lib.castOption(cd0, index, calcKey) ||
+                Lib.extractOption({}, trace, '', traceKey);
+        } :
+        function(calcKey, traceKey) {
+            return Lib.extractOption(cd, trace, calcKey, traceKey);
+        };
+
+    function fill(key, calcKey, traceKey) {
+        var val = getVal(calcKey, traceKey);
+        if(val) d[key] = val;
+    }
+
+    fill('hoverinfo', 'hi', 'hoverinfo');
+    fill('color', 'hbg', 'hoverlabel.bgcolor');
+    fill('borderColor', 'hbc', 'hoverlabel.bordercolor');
+    fill('fontFamily', 'htf', 'hoverlabel.font.family');
+    fill('fontSize', 'hts', 'hoverlabel.font.size');
+    fill('fontColor', 'htc', 'hoverlabel.font.color');
+    fill('nameLength', 'hnl', 'hoverlabel.namelength');
+
+    d.posref = hovermode === 'y' ? (d.x0 + d.x1) / 2 : (d.y0 + d.y1) / 2;
+
+    // then constrain all the positions to be on the plot
+    d.x0 = Lib.constrain(d.x0, 0, d.xa._length);
+    d.x1 = Lib.constrain(d.x1, 0, d.xa._length);
+    d.y0 = Lib.constrain(d.y0, 0, d.ya._length);
+    d.y1 = Lib.constrain(d.y1, 0, d.ya._length);
+
+    // and convert the x and y label values into objects
+    // formatted as text, with font info
+    var logOffScale;
+    if(d.xLabelVal !== undefined) {
+        logOffScale = (d.xa.type === 'log' && d.xLabelVal <= 0);
+        var xLabelObj = Axes.tickText(d.xa,
+                d.xa.c2l(logOffScale ? -d.xLabelVal : d.xLabelVal), 'hover');
+        if(logOffScale) {
+            if(d.xLabelVal === 0) d.xLabel = '0';
+            else d.xLabel = '-' + xLabelObj.text;
+        }
+        // TODO: should we do something special if the axis calendar and
+        // the data calendar are different? Somehow display both dates with
+        // their system names? Right now it will just display in the axis calendar
+        // but users could add the other one as text.
+        else d.xLabel = xLabelObj.text;
+        d.xVal = d.xa.c2d(d.xLabelVal);
+    }
+
+    if(d.yLabelVal !== undefined) {
+        logOffScale = (d.ya.type === 'log' && d.yLabelVal <= 0);
+        var yLabelObj = Axes.tickText(d.ya,
+                d.ya.c2l(logOffScale ? -d.yLabelVal : d.yLabelVal), 'hover');
+        if(logOffScale) {
+            if(d.yLabelVal === 0) d.yLabel = '0';
+            else d.yLabel = '-' + yLabelObj.text;
+        }
+        // TODO: see above TODO
+        else d.yLabel = yLabelObj.text;
+        d.yVal = d.ya.c2d(d.yLabelVal);
+    }
+
+    if(d.zLabelVal !== undefined) d.zLabel = String(d.zLabelVal);
+
+    // for box means and error bars, add the range to the label
+    if(!isNaN(d.xerr) && !(d.xa.type === 'log' && d.xerr <= 0)) {
+        var xeText = Axes.tickText(d.xa, d.xa.c2l(d.xerr), 'hover').text;
+        if(d.xerrneg !== undefined) {
+            d.xLabel += ' +' + xeText + ' / -' +
+                Axes.tickText(d.xa, d.xa.c2l(d.xerrneg), 'hover').text;
+        }
+        else d.xLabel += ' ± ' + xeText;
+
+        // small distance penalty for error bars, so that if there are
+        // traces with errors and some without, the error bar label will
+        // hoist up to the point
+        if(hovermode === 'x') d.distance += 1;
+    }
+    if(!isNaN(d.yerr) && !(d.ya.type === 'log' && d.yerr <= 0)) {
+        var yeText = Axes.tickText(d.ya, d.ya.c2l(d.yerr), 'hover').text;
+        if(d.yerrneg !== undefined) {
+            d.yLabel += ' +' + yeText + ' / -' +
+                Axes.tickText(d.ya, d.ya.c2l(d.yerrneg), 'hover').text;
+        }
+        else d.yLabel += ' ± ' + yeText;
+
+        if(hovermode === 'y') d.distance += 1;
+    }
+
+    var infomode = d.hoverinfo || d.trace.hoverinfo;
+    if(infomode !== 'all') {
+        infomode = infomode.split('+');
+        if(infomode.indexOf('x') === -1) d.xLabel = undefined;
+        if(infomode.indexOf('y') === -1) d.yLabel = undefined;
+        if(infomode.indexOf('z') === -1) d.zLabel = undefined;
+        if(infomode.indexOf('text') === -1) d.text = undefined;
+        if(infomode.indexOf('name') === -1) d.name = undefined;
+    }
+
+    return d;
+}
+
+function createSpikelines(hoverData, opts) {
+    var hovermode = opts.hovermode;
+    var container = opts.container;
+    var c0 = hoverData[0];
+    var xa = c0.xa;
+    var ya = c0.ya;
+    var showX = xa.showspikes;
+    var showY = ya.showspikes;
+
+    // Remove old spikeline items
+    container.selectAll('.spikeline').remove();
+
+    if(hovermode !== 'closest' || !(showX || showY)) return;
+
+    var fullLayout = opts.fullLayout;
+    var xPoint = xa._offset + (c0.x0 + c0.x1) / 2;
+    var yPoint = ya._offset + (c0.y0 + c0.y1) / 2;
+    var contrastColor = Color.combine(fullLayout.plot_bgcolor, fullLayout.paper_bgcolor);
+    var dfltDashColor = tinycolor.readability(c0.color, contrastColor) < 1.5 ?
+            Color.contrast(contrastColor) : c0.color;
+
+    if(showY) {
+        var yMode = ya.spikemode;
+        var yThickness = ya.spikethickness;
+        var yColor = ya.spikecolor || dfltDashColor;
+        var yBB = ya._boundingBox;
+        var xEdge = ((yBB.left + yBB.right) / 2) < xPoint ? yBB.right : yBB.left;
+
+        if(yMode.indexOf('toaxis') !== -1 || yMode.indexOf('across') !== -1) {
+            var xBase = xEdge;
+            var xEndSpike = xPoint;
+            if(yMode.indexOf('across') !== -1) {
+                xBase = ya._counterSpan[0];
+                xEndSpike = ya._counterSpan[1];
+            }
+
+            // Background horizontal Line (to y-axis)
+            container.append('line')
+                .attr({
+                    'x1': xBase,
+                    'x2': xEndSpike,
+                    'y1': yPoint,
+                    'y2': yPoint,
+                    'stroke-width': yThickness + 2,
+                    'stroke': contrastColor
+                })
+                .classed('spikeline', true)
+                .classed('crisp', true);
+
+            // Foreground horizontal line (to y-axis)
+            container.append('line')
+                .attr({
+                    'x1': xBase,
+                    'x2': xEndSpike,
+                    'y1': yPoint,
+                    'y2': yPoint,
+                    'stroke-width': yThickness,
+                    'stroke': yColor,
+                    'stroke-dasharray': Drawing.dashStyle(ya.spikedash, yThickness)
+                })
+                .classed('spikeline', true)
+                .classed('crisp', true);
+        }
+        // Y axis marker
+        if(yMode.indexOf('marker') !== -1) {
+            container.append('circle')
+                .attr({
+                    'cx': xEdge + (ya.side !== 'right' ? yThickness : -yThickness),
+                    'cy': yPoint,
+                    'r': yThickness,
+                    'fill': yColor
+                })
+                .classed('spikeline', true);
+        }
+    }
+
+    if(showX) {
+        var xMode = xa.spikemode;
+        var xThickness = xa.spikethickness;
+        var xColor = xa.spikecolor || dfltDashColor;
+        var xBB = xa._boundingBox;
+        var yEdge = ((xBB.top + xBB.bottom) / 2) < yPoint ? xBB.bottom : xBB.top;
+
+        if(xMode.indexOf('toaxis') !== -1 || xMode.indexOf('across') !== -1) {
+            var yBase = yEdge;
+            var yEndSpike = yPoint;
+            if(xMode.indexOf('across') !== -1) {
+                yBase = xa._counterSpan[0];
+                yEndSpike = xa._counterSpan[1];
+            }
+
+            // Background vertical line (to x-axis)
+            container.append('line')
+                .attr({
+                    'x1': xPoint,
+                    'x2': xPoint,
+                    'y1': yBase,
+                    'y2': yEndSpike,
+                    'stroke-width': xThickness + 2,
+                    'stroke': contrastColor
+                })
+                .classed('spikeline', true)
+                .classed('crisp', true);
+
+            // Foreground vertical line (to x-axis)
+            container.append('line')
+                .attr({
+                    'x1': xPoint,
+                    'x2': xPoint,
+                    'y1': yBase,
+                    'y2': yEndSpike,
+                    'stroke-width': xThickness,
+                    'stroke': xColor,
+                    'stroke-dasharray': Drawing.dashStyle(xa.spikedash, xThickness)
+                })
+                .classed('spikeline', true)
+                .classed('crisp', true);
+        }
+
+        // X axis marker
+        if(xMode.indexOf('marker') !== -1) {
+            container.append('circle')
+                .attr({
+                    'cx': xPoint,
+                    'cy': yEdge - (xa.side !== 'top' ? xThickness : -xThickness),
+                    'r': xThickness,
+                    'fill': xColor
+                })
+                .classed('spikeline', true);
+        }
+    }
+}
+
+function hoverChanged(gd, evt, oldhoverdata) {
+    // don't emit any events if nothing changed
+    if(!oldhoverdata || oldhoverdata.length !== gd._hoverdata.length) return true;
+
+    for(var i = oldhoverdata.length - 1; i >= 0; i--) {
+        var oldPt = oldhoverdata[i],
+            newPt = gd._hoverdata[i];
+        if(oldPt.curveNumber !== newPt.curveNumber ||
+                String(oldPt.pointNumber) !== String(newPt.pointNumber)) {
+            return true;
+        }
+    }
+    return false;
+}
+
+},{"../../lib":728,"../../lib/events":716,"../../lib/override_cursor":738,"../../lib/svg_text_utils":750,"../../plots/cartesian/axes":772,"../../registry":846,"../color":604,"../dragelement":625,"../drawing":628,"./constants":640,"./helpers":642,"d3":122,"fast-isnumeric":131,"tinycolor2":534}],644:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+module.exports = function handleHoverLabelDefaults(contIn, contOut, coerce, opts) {
+    opts = opts || {};
+
+    coerce('hoverlabel.bgcolor', opts.bgcolor);
+    coerce('hoverlabel.bordercolor', opts.bordercolor);
+    coerce('hoverlabel.namelength', opts.namelength);
+    Lib.coerceFont(coerce, 'hoverlabel.font', opts.font);
+};
+
+},{"../../lib":728}],645:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var Lib = require('../../lib');
+var dragElement = require('../dragelement');
+var helpers = require('./helpers');
+var layoutAttributes = require('./layout_attributes');
+
+module.exports = {
+    moduleType: 'component',
+    name: 'fx',
+
+    constants: require('./constants'),
+    schema: {
+        layout: layoutAttributes
+    },
+
+    attributes: require('./attributes'),
+    layoutAttributes: layoutAttributes,
+
+    supplyLayoutGlobalDefaults: require('./layout_global_defaults'),
+    supplyDefaults: require('./defaults'),
+    supplyLayoutDefaults: require('./layout_defaults'),
+
+    calc: require('./calc'),
+
+    getDistanceFunction: helpers.getDistanceFunction,
+    getClosest: helpers.getClosest,
+    inbox: helpers.inbox,
+    appendArrayPointValue: helpers.appendArrayPointValue,
+
+    castHoverOption: castHoverOption,
+    castHoverinfo: castHoverinfo,
+
+    hover: require('./hover').hover,
+    unhover: dragElement.unhover,
+
+    loneHover: require('./hover').loneHover,
+    loneUnhover: loneUnhover,
+
+    click: require('./click')
+};
+
+function loneUnhover(containerOrSelection) {
+    // duck type whether the arg is a d3 selection because ie9 doesn't
+    // handle instanceof like modern browsers do.
+    var selection = Lib.isD3Selection(containerOrSelection) ?
+            containerOrSelection :
+            d3.select(containerOrSelection);
+
+    selection.selectAll('g.hovertext').remove();
+    selection.selectAll('.spikeline').remove();
+}
+
+// helpers for traces that use Fx.loneHover
+
+function castHoverOption(trace, ptNumber, attr) {
+    return Lib.castOption(trace, ptNumber, 'hoverlabel.' + attr);
+}
+
+function castHoverinfo(trace, fullLayout, ptNumber) {
+    function _coerce(val) {
+        return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout);
+    }
+
+    return Lib.castOption(trace, ptNumber, 'hoverinfo', _coerce);
+}
+
+},{"../../lib":728,"../dragelement":625,"./attributes":637,"./calc":638,"./click":639,"./constants":640,"./defaults":641,"./helpers":642,"./hover":643,"./layout_attributes":646,"./layout_defaults":647,"./layout_global_defaults":648,"d3":122}],646:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var constants = require('./constants');
+
+var fontAttrs = require('../../plots/font_attributes')({
+    editType: 'none',
+    
+});
+fontAttrs.family.dflt = constants.HOVERFONT;
+fontAttrs.size.dflt = constants.HOVERFONTSIZE;
+
+module.exports = {
+    dragmode: {
+        valType: 'enumerated',
+        
+        values: ['zoom', 'pan', 'select', 'lasso', 'orbit', 'turntable'],
+        dflt: 'zoom',
+        editType: 'modebar',
+        
+    },
+    hovermode: {
+        valType: 'enumerated',
+        
+        values: ['x', 'y', 'closest', false],
+        editType: 'modebar',
+        
+    },
+
+    hoverlabel: {
+        bgcolor: {
+            valType: 'color',
+            
+            editType: 'none',
+            
+        },
+        bordercolor: {
+            valType: 'color',
+            
+            editType: 'none',
+            
+        },
+        font: fontAttrs,
+        namelength: {
+            valType: 'integer',
+            min: -1,
+            dflt: 15,
+            
+            editType: 'none',
+            
+        },
+        editType: 'none'
+    }
+};
+
+},{"../../plots/font_attributes":796,"./constants":640}],647:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var layoutAttributes = require('./layout_attributes');
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt);
+    }
+
+    coerce('dragmode');
+
+    var hovermodeDflt;
+    if(layoutOut._has('cartesian')) {
+        // flag for 'horizontal' plots:
+        // determines the state of the mode bar 'compare' hovermode button
+        layoutOut._isHoriz = isHoriz(fullData);
+        hovermodeDflt = layoutOut._isHoriz ? 'y' : 'x';
+    }
+    else hovermodeDflt = 'closest';
+
+    coerce('hovermode', hovermodeDflt);
+
+    // if only mapbox or geo subplots is present on graph,
+    // reset 'zoom' dragmode to 'pan' until 'zoom' is implemented,
+    // so that the correct modebar button is active
+    var hasMapbox = layoutOut._has('mapbox');
+    var hasGeo = layoutOut._has('geo');
+    var len = layoutOut._basePlotModules.length;
+
+    if(layoutOut.dragmode === 'zoom' && (
+        ((hasMapbox || hasGeo) && len === 1) ||
+        (hasMapbox && hasGeo && len === 2)
+    )) {
+        layoutOut.dragmode = 'pan';
+    }
+};
+
+function isHoriz(fullData) {
+    var out = true;
+
+    for(var i = 0; i < fullData.length; i++) {
+        var trace = fullData[i];
+
+        if(trace.orientation !== 'h') {
+            out = false;
+            break;
+        }
+    }
+
+    return out;
+}
+
+},{"../../lib":728,"./layout_attributes":646}],648:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleHoverLabelDefaults = require('./hoverlabel_defaults');
+var layoutAttributes = require('./layout_attributes');
+
+module.exports = function supplyLayoutGlobalDefaults(layoutIn, layoutOut) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt);
+    }
+
+    handleHoverLabelDefaults(layoutIn, layoutOut, coerce);
+};
+
+},{"../../lib":728,"./hoverlabel_defaults":644,"./layout_attributes":646}],649:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var cartesianConstants = require('../../plots/cartesian/constants');
+
+
+module.exports = {
+    _isLinkedToArray: 'image',
+
+    visible: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'arraydraw',
+        
+    },
+
+    source: {
+        valType: 'string',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    layer: {
+        valType: 'enumerated',
+        values: ['below', 'above'],
+        dflt: 'above',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    sizex: {
+        valType: 'number',
+        
+        dflt: 0,
+        editType: 'arraydraw',
+        
+    },
+
+    sizey: {
+        valType: 'number',
+        
+        dflt: 0,
+        editType: 'arraydraw',
+        
+    },
+
+    sizing: {
+        valType: 'enumerated',
+        values: ['fill', 'contain', 'stretch'],
+        dflt: 'contain',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    opacity: {
+        valType: 'number',
+        
+        min: 0,
+        max: 1,
+        dflt: 1,
+        editType: 'arraydraw',
+        
+    },
+
+    x: {
+        valType: 'any',
+        
+        dflt: 0,
+        editType: 'arraydraw',
+        
+    },
+
+    y: {
+        valType: 'any',
+        
+        dflt: 0,
+        editType: 'arraydraw',
+        
+    },
+
+    xanchor: {
+        valType: 'enumerated',
+        values: ['left', 'center', 'right'],
+        dflt: 'left',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    yanchor: {
+        valType: 'enumerated',
+        values: ['top', 'middle', 'bottom'],
+        dflt: 'top',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    xref: {
+        valType: 'enumerated',
+        values: [
+            'paper',
+            cartesianConstants.idRegex.x.toString()
+        ],
+        dflt: 'paper',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    yref: {
+        valType: 'enumerated',
+        values: [
+            'paper',
+            cartesianConstants.idRegex.y.toString()
+        ],
+        dflt: 'paper',
+        
+        editType: 'arraydraw',
+        
+    },
+    editType: 'arraydraw'
+};
+
+},{"../../plots/cartesian/constants":777}],650:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var toLogRange = require('../../lib/to_log_range');
+
+/*
+ * convertCoords: when converting an axis between log and linear
+ * you need to alter any images on that axis to keep them
+ * pointing at the same data point.
+ * In v2.0 this will become obsolete (or perhaps size will still need conversion?)
+ * we convert size by declaring that the maximum extent *in data units* should be
+ * the same, assuming the image is anchored by its center (could remove that restriction
+ * if we think it's important) even though the actual left and right values will not be
+ * quite the same since the scale becomes nonlinear (and central anchor means the pixel
+ * center of the image, not the data units center)
+ *
+ * gd: the plot div
+ * ax: the axis being changed
+ * newType: the type it's getting
+ * doExtra: function(attr, val) from inside relayout that sets the attribute.
+ *     Use this to make the changes as it's aware if any other changes in the
+ *     same relayout call should override this conversion.
+ */
+module.exports = function convertCoords(gd, ax, newType, doExtra) {
+    ax = ax || {};
+
+    var toLog = (newType === 'log') && (ax.type === 'linear'),
+        fromLog = (newType === 'linear') && (ax.type === 'log');
+
+    if(!(toLog || fromLog)) return;
+
+    var images = gd._fullLayout.images,
+        axLetter = ax._id.charAt(0),
+        image,
+        attrPrefix;
+
+    for(var i = 0; i < images.length; i++) {
+        image = images[i];
+        attrPrefix = 'images[' + i + '].';
+
+        if(image[axLetter + 'ref'] === ax._id) {
+            var currentPos = image[axLetter],
+                currentSize = image['size' + axLetter],
+                newPos = null,
+                newSize = null;
+
+            if(toLog) {
+                newPos = toLogRange(currentPos, ax.range);
+
+                // this is the inverse of the conversion we do in fromLog below
+                // so that the conversion is reversible (notice the fromLog conversion
+                // is like sinh, and this one looks like arcsinh)
+                var dx = currentSize / Math.pow(10, newPos) / 2;
+                newSize = 2 * Math.log(dx + Math.sqrt(1 + dx * dx)) / Math.LN10;
+            }
+            else {
+                newPos = Math.pow(10, currentPos);
+                newSize = newPos * (Math.pow(10, currentSize / 2) - Math.pow(10, -currentSize / 2));
+            }
+
+            // if conversion failed, delete the value so it can get a default later on
+            if(!isNumeric(newPos)) {
+                newPos = null;
+                newSize = null;
+            }
+            else if(!isNumeric(newSize)) newSize = null;
+
+            doExtra(attrPrefix + axLetter, newPos);
+            doExtra(attrPrefix + 'size' + axLetter, newSize);
+        }
+    }
+};
+
+},{"../../lib/to_log_range":752,"fast-isnumeric":131}],651:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+
+var attributes = require('./attributes');
+var name = 'images';
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
+    var opts = {
+        name: name,
+        handleItemDefaults: imageDefaults
+    };
+
+    handleArrayContainerDefaults(layoutIn, layoutOut, opts);
+};
+
+
+function imageDefaults(imageIn, imageOut, fullLayout) {
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(imageIn, imageOut, attributes, attr, dflt);
+    }
+
+    var source = coerce('source');
+    var visible = coerce('visible', !!source);
+
+    if(!visible) return imageOut;
+
+    coerce('layer');
+    coerce('xanchor');
+    coerce('yanchor');
+    coerce('sizex');
+    coerce('sizey');
+    coerce('sizing');
+    coerce('opacity');
+
+    var gdMock = { _fullLayout: fullLayout },
+        axLetters = ['x', 'y'];
+
+    for(var i = 0; i < 2; i++) {
+        // 'paper' is the fallback axref
+        var axLetter = axLetters[i],
+            axRef = Axes.coerceRef(imageIn, imageOut, gdMock, axLetter, 'paper');
+
+        Axes.coercePosition(imageOut, gdMock, coerce, axRef, axLetter, 0);
+    }
+
+    return imageOut;
+}
+
+},{"../../lib":728,"../../plots/array_container_defaults":769,"../../plots/cartesian/axes":772,"./attributes":649}],652:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var Drawing = require('../drawing');
+var Axes = require('../../plots/cartesian/axes');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+
+module.exports = function draw(gd) {
+    var fullLayout = gd._fullLayout,
+        imageDataAbove = [],
+        imageDataSubplot = {},
+        imageDataBelow = [],
+        subplot,
+        i;
+
+    // Sort into top, subplot, and bottom layers
+    for(i = 0; i < fullLayout.images.length; i++) {
+        var img = fullLayout.images[i];
+
+        if(img.visible) {
+            if(img.layer === 'below' && img.xref !== 'paper' && img.yref !== 'paper') {
+                subplot = img.xref + img.yref;
+
+                var plotinfo = fullLayout._plots[subplot];
+
+                if(!plotinfo) {
+                    // Fall back to _imageLowerLayer in case the requested subplot doesn't exist.
+                    // This can happen if you reference the image to an x / y axis combination
+                    // that doesn't have any data on it (and layer is below)
+                    imageDataBelow.push(img);
+                    continue;
+                }
+
+                if(plotinfo.mainplot) {
+                    subplot = plotinfo.mainplot.id;
+                }
+
+                if(!imageDataSubplot[subplot]) {
+                    imageDataSubplot[subplot] = [];
+                }
+                imageDataSubplot[subplot].push(img);
+            } else if(img.layer === 'above') {
+                imageDataAbove.push(img);
+            } else {
+                imageDataBelow.push(img);
+            }
+        }
+    }
+
+
+    var anchors = {
+        x: {
+            left: { sizing: 'xMin', offset: 0 },
+            center: { sizing: 'xMid', offset: -1 / 2 },
+            right: { sizing: 'xMax', offset: -1 }
+        },
+        y: {
+            top: { sizing: 'YMin', offset: 0 },
+            middle: { sizing: 'YMid', offset: -1 / 2 },
+            bottom: { sizing: 'YMax', offset: -1 }
+        }
+    };
+
+
+    // Images must be converted to dataURL's for exporting.
+    function setImage(d) {
+        var thisImage = d3.select(this);
+
+        if(this.img && this.img.src === d.source) {
+            return;
+        }
+
+        thisImage.attr('xmlns', xmlnsNamespaces.svg);
+
+        var imagePromise = new Promise(function(resolve) {
+
+            var img = new Image();
+            this.img = img;
+
+            // If not set, a `tainted canvas` error is thrown
+            img.setAttribute('crossOrigin', 'anonymous');
+            img.onerror = errorHandler;
+            img.onload = function() {
+                var canvas = document.createElement('canvas');
+                canvas.width = this.width;
+                canvas.height = this.height;
+
+                var ctx = canvas.getContext('2d');
+                ctx.drawImage(this, 0, 0);
+
+                var dataURL = canvas.toDataURL('image/png');
+
+                thisImage.attr('xlink:href', dataURL);
+
+                // resolve promise in onload handler instead of on 'load' to support IE11
+                // see https://github.com/plotly/plotly.js/issues/1685
+                // for more details
+                resolve();
+            };
+
+
+            thisImage.on('error', errorHandler);
+
+            img.src = d.source;
+
+            function errorHandler() {
+                thisImage.remove();
+                resolve();
+            }
+        }.bind(this));
+
+        gd._promises.push(imagePromise);
+    }
+
+    function applyAttributes(d) {
+        var thisImage = d3.select(this);
+
+        // Axes if specified
+        var xa = Axes.getFromId(gd, d.xref),
+            ya = Axes.getFromId(gd, d.yref);
+
+        var size = fullLayout._size,
+            width = xa ? Math.abs(xa.l2p(d.sizex) - xa.l2p(0)) : d.sizex * size.w,
+            height = ya ? Math.abs(ya.l2p(d.sizey) - ya.l2p(0)) : d.sizey * size.h;
+
+        // Offsets for anchor positioning
+        var xOffset = width * anchors.x[d.xanchor].offset,
+            yOffset = height * anchors.y[d.yanchor].offset;
+
+        var sizing = anchors.x[d.xanchor].sizing + anchors.y[d.yanchor].sizing;
+
+        // Final positions
+        var xPos = (xa ? xa.r2p(d.x) + xa._offset : d.x * size.w + size.l) + xOffset,
+            yPos = (ya ? ya.r2p(d.y) + ya._offset : size.h - d.y * size.h + size.t) + yOffset;
+
+
+        // Construct the proper aspectRatio attribute
+        switch(d.sizing) {
+            case 'fill':
+                sizing += ' slice';
+                break;
+
+            case 'stretch':
+                sizing = 'none';
+                break;
+        }
+
+        thisImage.attr({
+            x: xPos,
+            y: yPos,
+            width: width,
+            height: height,
+            preserveAspectRatio: sizing,
+            opacity: d.opacity
+        });
+
+
+        // Set proper clipping on images
+        var xId = xa ? xa._id : '',
+            yId = ya ? ya._id : '',
+            clipAxes = xId + yId;
+
+        thisImage.call(Drawing.setClipUrl, clipAxes ?
+            ('clip' + fullLayout._uid + clipAxes) :
+            null
+        );
+    }
+
+    var imagesBelow = fullLayout._imageLowerLayer.selectAll('image')
+            .data(imageDataBelow),
+        imagesAbove = fullLayout._imageUpperLayer.selectAll('image')
+            .data(imageDataAbove);
+
+    imagesBelow.enter().append('image');
+    imagesAbove.enter().append('image');
+
+    imagesBelow.exit().remove();
+    imagesAbove.exit().remove();
+
+    imagesBelow.each(function(d) {
+        setImage.bind(this)(d);
+        applyAttributes.bind(this)(d);
+    });
+    imagesAbove.each(function(d) {
+        setImage.bind(this)(d);
+        applyAttributes.bind(this)(d);
+    });
+
+    var allSubplots = Object.keys(fullLayout._plots);
+    for(i = 0; i < allSubplots.length; i++) {
+        subplot = allSubplots[i];
+        var subplotObj = fullLayout._plots[subplot];
+
+        // filter out overlaid plots (which havd their images on the main plot)
+        // and gl2d plots (which don't support below images, at least not yet)
+        if(!subplotObj.imagelayer) continue;
+
+        var imagesOnSubplot = subplotObj.imagelayer.selectAll('image')
+            // even if there are no images on this subplot, we need to run
+            // enter and exit in case there were previously
+            .data(imageDataSubplot[subplot] || []);
+
+        imagesOnSubplot.enter().append('image');
+        imagesOnSubplot.exit().remove();
+
+        imagesOnSubplot.each(function(d) {
+            setImage.bind(this)(d);
+            applyAttributes.bind(this)(d);
+        });
+    }
+};
+
+},{"../../constants/xmlns_namespaces":709,"../../plots/cartesian/axes":772,"../drawing":628,"d3":122}],653:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    moduleType: 'component',
+    name: 'images',
+
+    layoutAttributes: require('./attributes'),
+    supplyLayoutDefaults: require('./defaults'),
+
+    draw: require('./draw'),
+
+    convertCoords: require('./convert_coords')
+};
+
+},{"./attributes":649,"./convert_coords":650,"./defaults":651,"./draw":652}],654:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+/**
+ * Determine the position anchor property of x/y xanchor/yanchor components.
+ *
+ * - values < 1/3 align the low side at that fraction,
+ * - values [1/3, 2/3] align the center at that fraction,
+ * - values > 2/3 align the right at that fraction.
+ */
+
+exports.isRightAnchor = function isRightAnchor(opts) {
+    return (
+        opts.xanchor === 'right' ||
+        (opts.xanchor === 'auto' && opts.x >= 2 / 3)
+    );
+};
+
+exports.isCenterAnchor = function isCenterAnchor(opts) {
+    return (
+        opts.xanchor === 'center' ||
+        (opts.xanchor === 'auto' && opts.x > 1 / 3 && opts.x < 2 / 3)
+    );
+};
+
+exports.isBottomAnchor = function isBottomAnchor(opts) {
+    return (
+        opts.yanchor === 'bottom' ||
+        (opts.yanchor === 'auto' && opts.y <= 1 / 3)
+    );
+};
+
+exports.isMiddleAnchor = function isMiddleAnchor(opts) {
+    return (
+        opts.yanchor === 'middle' ||
+        (opts.yanchor === 'auto' && opts.y > 1 / 3 && opts.y < 2 / 3)
+    );
+};
+
+},{}],655:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var colorAttrs = require('../color/attributes');
+
+
+module.exports = {
+    bgcolor: {
+        valType: 'color',
+        
+        editType: 'legend',
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'legend',
+        
+    },
+    borderwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'legend',
+        
+    },
+    font: fontAttrs({
+        editType: 'legend',
+        
+    }),
+    orientation: {
+        valType: 'enumerated',
+        values: ['v', 'h'],
+        dflt: 'v',
+        
+        editType: 'legend',
+        
+    },
+    traceorder: {
+        valType: 'flaglist',
+        flags: ['reversed', 'grouped'],
+        extras: ['normal'],
+        
+        editType: 'legend',
+        
+    },
+    tracegroupgap: {
+        valType: 'number',
+        min: 0,
+        dflt: 10,
+        
+        editType: 'legend',
+        
+    },
+    x: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: 1.02,
+        
+        editType: 'legend',
+        
+    },
+    xanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'left', 'center', 'right'],
+        dflt: 'left',
+        
+        editType: 'legend',
+        
+    },
+    y: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: 1,
+        
+        editType: 'legend',
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'top', 'middle', 'bottom'],
+        dflt: 'auto',
+        
+        editType: 'legend',
+        
+    },
+    editType: 'legend'
+};
+
+},{"../../plots/font_attributes":796,"../color/attributes":603}],656:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    scrollBarWidth: 4,
+    scrollBarHeight: 20,
+    scrollBarColor: '#808BA4',
+    scrollBarMargin: 4
+};
+
+},{}],657:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+
+var attributes = require('./attributes');
+var basePlotLayoutAttributes = require('../../plots/layout_attributes');
+var helpers = require('./helpers');
+
+
+module.exports = function legendDefaults(layoutIn, layoutOut, fullData) {
+    var containerIn = layoutIn.legend || {},
+        containerOut = layoutOut.legend = {};
+
+    var visibleTraces = 0,
+        defaultOrder = 'normal',
+        defaultX,
+        defaultY,
+        defaultXAnchor,
+        defaultYAnchor;
+
+    for(var i = 0; i < fullData.length; i++) {
+        var trace = fullData[i];
+
+        if(helpers.legendGetsTrace(trace)) {
+            visibleTraces++;
+            // always show the legend by default if there's a pie
+            if(Registry.traceIs(trace, 'pie')) visibleTraces++;
+        }
+
+        if((Registry.traceIs(trace, 'bar') && layoutOut.barmode === 'stack') ||
+                ['tonextx', 'tonexty'].indexOf(trace.fill) !== -1) {
+            defaultOrder = helpers.isGrouped({traceorder: defaultOrder}) ?
+                'grouped+reversed' : 'reversed';
+        }
+
+        if(trace.legendgroup !== undefined && trace.legendgroup !== '') {
+            defaultOrder = helpers.isReversed({traceorder: defaultOrder}) ?
+                'reversed+grouped' : 'grouped';
+        }
+    }
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, attributes, attr, dflt);
+    }
+
+    var showLegend = Lib.coerce(layoutIn, layoutOut,
+        basePlotLayoutAttributes, 'showlegend', visibleTraces > 1);
+
+    if(showLegend === false) return;
+
+    coerce('bgcolor', layoutOut.paper_bgcolor);
+    coerce('bordercolor');
+    coerce('borderwidth');
+    Lib.coerceFont(coerce, 'font', layoutOut.font);
+
+    coerce('orientation');
+    if(containerOut.orientation === 'h') {
+        var xaxis = layoutIn.xaxis;
+        if(xaxis && xaxis.rangeslider && xaxis.rangeslider.visible) {
+            defaultX = 0;
+            defaultXAnchor = 'left';
+            defaultY = 1.1;
+            defaultYAnchor = 'bottom';
+        }
+        else {
+            defaultX = 0;
+            defaultXAnchor = 'left';
+            defaultY = -0.1;
+            defaultYAnchor = 'top';
+        }
+    }
+
+    coerce('traceorder', defaultOrder);
+    if(helpers.isGrouped(layoutOut.legend)) coerce('tracegroupgap');
+
+    coerce('x', defaultX);
+    coerce('xanchor', defaultXAnchor);
+    coerce('y', defaultY);
+    coerce('yanchor', defaultYAnchor);
+    Lib.noneOrAll(containerIn, containerOut, ['x', 'y']);
+};
+
+},{"../../lib":728,"../../plots/layout_attributes":822,"../../registry":846,"./attributes":655,"./helpers":661}],658:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Registry = require('../../registry');
+var dragElement = require('../dragelement');
+var Drawing = require('../drawing');
+var Color = require('../color');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var handleClick = require('./handle_click');
+
+var constants = require('./constants');
+var interactConstants = require('../../constants/interactions');
+var LINE_SPACING = require('../../constants/alignment').LINE_SPACING;
+
+var getLegendData = require('./get_legend_data');
+var style = require('./style');
+var helpers = require('./helpers');
+var anchorUtils = require('./anchor_utils');
+
+var DBLCLICKDELAY = interactConstants.DBLCLICKDELAY;
+
+module.exports = function draw(gd) {
+    var fullLayout = gd._fullLayout;
+    var clipId = 'legend' + fullLayout._uid;
+
+    if(!fullLayout._infolayer || !gd.calcdata) return;
+
+    if(!gd._legendMouseDownTime) gd._legendMouseDownTime = 0;
+
+    var opts = fullLayout.legend,
+        legendData = fullLayout.showlegend && getLegendData(gd.calcdata, opts),
+        hiddenSlices = fullLayout.hiddenlabels || [];
+
+    if(!fullLayout.showlegend || !legendData.length) {
+        fullLayout._infolayer.selectAll('.legend').remove();
+        fullLayout._topdefs.select('#' + clipId).remove();
+
+        Plots.autoMargin(gd, 'legend');
+        return;
+    }
+
+    var legend = fullLayout._infolayer.selectAll('g.legend')
+        .data([0]);
+
+    legend.enter().append('g')
+        .attr({
+            'class': 'legend',
+            'pointer-events': 'all'
+        });
+
+    var clipPath = fullLayout._topdefs.selectAll('#' + clipId)
+        .data([0]);
+
+    clipPath.enter().append('clipPath')
+        .attr('id', clipId)
+        .append('rect');
+
+    var bg = legend.selectAll('rect.bg')
+        .data([0]);
+
+    bg.enter().append('rect').attr({
+        'class': 'bg',
+        'shape-rendering': 'crispEdges'
+    });
+
+    bg.call(Color.stroke, opts.bordercolor);
+    bg.call(Color.fill, opts.bgcolor);
+    bg.style('stroke-width', opts.borderwidth + 'px');
+
+    var scrollBox = legend.selectAll('g.scrollbox')
+        .data([0]);
+
+    scrollBox.enter().append('g')
+        .attr('class', 'scrollbox');
+
+    var scrollBar = legend.selectAll('rect.scrollbar')
+        .data([0]);
+
+    scrollBar.enter().append('rect')
+        .attr({
+            'class': 'scrollbar',
+            'rx': 20,
+            'ry': 2,
+            'width': 0,
+            'height': 0
+        })
+        .call(Color.fill, '#808BA4');
+
+    var groups = scrollBox.selectAll('g.groups')
+        .data(legendData);
+
+    groups.enter().append('g')
+        .attr('class', 'groups');
+
+    groups.exit().remove();
+
+    var traces = groups.selectAll('g.traces')
+        .data(Lib.identity);
+
+    traces.enter().append('g').attr('class', 'traces');
+    traces.exit().remove();
+
+    traces.call(style, gd)
+        .style('opacity', function(d) {
+            var trace = d[0].trace;
+            if(Registry.traceIs(trace, 'pie')) {
+                return hiddenSlices.indexOf(d[0].label) !== -1 ? 0.5 : 1;
+            } else {
+                return trace.visible === 'legendonly' ? 0.5 : 1;
+            }
+        })
+        .each(function() {
+            d3.select(this)
+                .call(drawTexts, gd)
+                .call(setupTraceToggle, gd);
+        });
+
+    var firstRender = legend.enter().size() !== 0;
+    if(firstRender) {
+        computeLegendDimensions(gd, groups, traces);
+        expandMargin(gd);
+    }
+
+    // Position and size the legend
+    var lxMin = 0,
+        lxMax = fullLayout.width,
+        lyMin = 0,
+        lyMax = fullLayout.height;
+
+    computeLegendDimensions(gd, groups, traces);
+
+    if(opts.height > lyMax) {
+        // If the legend doesn't fit in the plot area,
+        // do not expand the vertical margins.
+        expandHorizontalMargin(gd);
+    } else {
+        expandMargin(gd);
+    }
+
+    // Scroll section must be executed after repositionLegend.
+    // It requires the legend width, height, x and y to position the scrollbox
+    // and these values are mutated in repositionLegend.
+    var gs = fullLayout._size,
+        lx = gs.l + gs.w * opts.x,
+        ly = gs.t + gs.h * (1 - opts.y);
+
+    if(anchorUtils.isRightAnchor(opts)) {
+        lx -= opts.width;
+    }
+    else if(anchorUtils.isCenterAnchor(opts)) {
+        lx -= opts.width / 2;
+    }
+
+    if(anchorUtils.isBottomAnchor(opts)) {
+        ly -= opts.height;
+    }
+    else if(anchorUtils.isMiddleAnchor(opts)) {
+        ly -= opts.height / 2;
+    }
+
+    // Make sure the legend left and right sides are visible
+    var legendWidth = opts.width,
+        legendWidthMax = gs.w;
+
+    if(legendWidth > legendWidthMax) {
+        lx = gs.l;
+        legendWidth = legendWidthMax;
+    }
+    else {
+        if(lx + legendWidth > lxMax) lx = lxMax - legendWidth;
+        if(lx < lxMin) lx = lxMin;
+        legendWidth = Math.min(lxMax - lx, opts.width);
+    }
+
+    // Make sure the legend top and bottom are visible
+    // (legends with a scroll bar are not allowed to stretch beyond the extended
+    // margins)
+    var legendHeight = opts.height,
+        legendHeightMax = gs.h;
+
+    if(legendHeight > legendHeightMax) {
+        ly = gs.t;
+        legendHeight = legendHeightMax;
+    }
+    else {
+        if(ly + legendHeight > lyMax) ly = lyMax - legendHeight;
+        if(ly < lyMin) ly = lyMin;
+        legendHeight = Math.min(lyMax - ly, opts.height);
+    }
+
+    // Set size and position of all the elements that make up a legend:
+    // legend, background and border, scroll box and scroll bar
+    Drawing.setTranslate(legend, lx, ly);
+
+    var scrollBarYMax = legendHeight -
+            constants.scrollBarHeight -
+            2 * constants.scrollBarMargin,
+        scrollBoxYMax = opts.height - legendHeight,
+        scrollBarY,
+        scrollBoxY;
+
+    if(opts.height <= legendHeight || gd._context.staticPlot) {
+        // if scrollbar should not be shown.
+        bg.attr({
+            width: legendWidth - opts.borderwidth,
+            height: legendHeight - opts.borderwidth,
+            x: opts.borderwidth / 2,
+            y: opts.borderwidth / 2
+        });
+
+        Drawing.setTranslate(scrollBox, 0, 0);
+
+        clipPath.select('rect').attr({
+            width: legendWidth - 2 * opts.borderwidth,
+            height: legendHeight - 2 * opts.borderwidth,
+            x: opts.borderwidth,
+            y: opts.borderwidth
+        });
+
+        scrollBox.call(Drawing.setClipUrl, clipId);
+    }
+    else {
+        scrollBarY = constants.scrollBarMargin,
+        scrollBoxY = scrollBox.attr('data-scroll') || 0;
+
+        // increase the background and clip-path width
+        // by the scrollbar width and margin
+        bg.attr({
+            width: legendWidth -
+                2 * opts.borderwidth +
+                constants.scrollBarWidth +
+                constants.scrollBarMargin,
+            height: legendHeight - opts.borderwidth,
+            x: opts.borderwidth / 2,
+            y: opts.borderwidth / 2
+        });
+
+        clipPath.select('rect').attr({
+            width: legendWidth -
+                2 * opts.borderwidth +
+                constants.scrollBarWidth +
+                constants.scrollBarMargin,
+            height: legendHeight - 2 * opts.borderwidth,
+            x: opts.borderwidth,
+            y: opts.borderwidth - scrollBoxY
+        });
+
+        scrollBox.call(Drawing.setClipUrl, clipId);
+
+        if(firstRender) scrollHandler(scrollBarY, scrollBoxY);
+
+        legend.on('wheel', null);  // to be safe, remove previous listeners
+        legend.on('wheel', function() {
+            scrollBoxY = Lib.constrain(
+                scrollBox.attr('data-scroll') -
+                    d3.event.deltaY / scrollBarYMax * scrollBoxYMax,
+                -scrollBoxYMax, 0);
+            scrollBarY = constants.scrollBarMargin -
+                scrollBoxY / scrollBoxYMax * scrollBarYMax;
+            scrollHandler(scrollBarY, scrollBoxY);
+            if(scrollBoxY !== 0 && scrollBoxY !== -scrollBoxYMax) {
+                d3.event.preventDefault();
+            }
+        });
+
+        // to be safe, remove previous listeners
+        scrollBar.on('.drag', null);
+        scrollBox.on('.drag', null);
+
+        var drag = d3.behavior.drag().on('drag', function() {
+            scrollBarY = Lib.constrain(
+                d3.event.y - constants.scrollBarHeight / 2,
+                constants.scrollBarMargin,
+                constants.scrollBarMargin + scrollBarYMax);
+            scrollBoxY = - (scrollBarY - constants.scrollBarMargin) /
+                scrollBarYMax * scrollBoxYMax;
+            scrollHandler(scrollBarY, scrollBoxY);
+        });
+
+        scrollBar.call(drag);
+        scrollBox.call(drag);
+    }
+
+
+    function scrollHandler(scrollBarY, scrollBoxY) {
+        scrollBox
+            .attr('data-scroll', scrollBoxY)
+            .call(Drawing.setTranslate, 0, scrollBoxY);
+
+        scrollBar.call(
+            Drawing.setRect,
+            legendWidth,
+            scrollBarY,
+            constants.scrollBarWidth,
+            constants.scrollBarHeight
+        );
+        clipPath.select('rect').attr({
+            y: opts.borderwidth - scrollBoxY
+        });
+    }
+
+    if(gd._context.edits.legendPosition) {
+        var xf, yf, x0, y0;
+
+        legend.classed('cursor-move', true);
+
+        dragElement.init({
+            element: legend.node(),
+            gd: gd,
+            prepFn: function() {
+                var transform = Drawing.getTranslate(legend);
+
+                x0 = transform.x;
+                y0 = transform.y;
+            },
+            moveFn: function(dx, dy) {
+                var newX = x0 + dx,
+                    newY = y0 + dy;
+
+                Drawing.setTranslate(legend, newX, newY);
+
+                xf = dragElement.align(newX, 0, gs.l, gs.l + gs.w, opts.xanchor);
+                yf = dragElement.align(newY, 0, gs.t + gs.h, gs.t, opts.yanchor);
+            },
+            doneFn: function(dragged, numClicks, e) {
+                if(dragged && xf !== undefined && yf !== undefined) {
+                    Plotly.relayout(gd, {'legend.x': xf, 'legend.y': yf});
+                } else {
+                    var clickedTrace =
+                        fullLayout._infolayer.selectAll('g.traces').filter(function() {
+                            var bbox = this.getBoundingClientRect();
+                            return (e.clientX >= bbox.left && e.clientX <= bbox.right &&
+                                e.clientY >= bbox.top && e.clientY <= bbox.bottom);
+                        });
+                    if(clickedTrace.size() > 0) {
+                        if(numClicks === 1) {
+                            legend._clickTimeout = setTimeout(function() { handleClick(clickedTrace, gd, numClicks); }, DBLCLICKDELAY);
+                        } else if(numClicks === 2) {
+                            if(legend._clickTimeout) {
+                                clearTimeout(legend._clickTimeout);
+                            }
+                            handleClick(clickedTrace, gd, numClicks);
+                        }
+                    }
+                }
+            }
+        });
+    }
+};
+
+function drawTexts(g, gd) {
+    var legendItem = g.data()[0][0],
+        fullLayout = gd._fullLayout,
+        trace = legendItem.trace,
+        isPie = Registry.traceIs(trace, 'pie'),
+        traceIndex = trace.index,
+        name = isPie ? legendItem.label : trace.name;
+
+    var text = g.selectAll('text.legendtext')
+        .data([0]);
+
+    text.enter().append('text').classed('legendtext', true);
+
+    text.attr('text-anchor', 'start')
+        .classed('user-select-none', true)
+        .call(Drawing.font, fullLayout.legend.font)
+        .text(name);
+
+    function textLayout(s) {
+        svgTextUtils.convertToTspans(s, gd, function() {
+            computeTextDimensions(g, gd);
+        });
+    }
+
+    if(gd._context.edits.legendText && !isPie) {
+        text.call(svgTextUtils.makeEditable, {gd: gd})
+            .call(textLayout)
+            .on('edit', function(text) {
+                this.text(text)
+                    .call(textLayout);
+
+                var origText = text;
+
+                if(!this.text()) text = ' \u0020\u0020 ';
+
+                var transforms, direction;
+                var fullInput = legendItem.trace._fullInput || {};
+                var update = {};
+
+                // N.B. this block isn't super clean,
+                // is unfortunately untested at the moment,
+                // and only works for for 'ohlc' and 'candlestick',
+                // but should be generalized for other one-to-many transforms
+                if(['ohlc', 'candlestick'].indexOf(fullInput.type) !== -1) {
+                    transforms = legendItem.trace.transforms;
+                    direction = transforms[transforms.length - 1].direction;
+
+                    update[direction + '.name'] = text;
+                } else if(Registry.hasTransform(fullInput, 'groupby')) {
+                    var groupbyIndices = Registry.getTransformIndices(fullInput, 'groupby');
+                    var index = groupbyIndices[groupbyIndices.length - 1];
+
+                    var kcont = Lib.keyedContainer(fullInput, 'transforms[' + index + '].styles', 'target', 'value.name');
+
+                    if(origText === '') {
+                        kcont.remove(legendItem.trace._group);
+                    } else {
+                        kcont.set(legendItem.trace._group, text);
+                    }
+
+                    update = kcont.constructUpdate();
+                } else {
+                    update.name = text;
+                }
+
+                return Plotly.restyle(gd, update, traceIndex);
+            });
+    } else {
+        text.call(textLayout);
+    }
+}
+
+function setupTraceToggle(g, gd) {
+    var newMouseDownTime,
+        numClicks = 1;
+
+    var traceToggle = g.selectAll('rect')
+        .data([0]);
+
+    traceToggle.enter().append('rect')
+        .classed('legendtoggle', true)
+        .style('cursor', 'pointer')
+        .attr('pointer-events', 'all')
+        .call(Color.fill, 'rgba(0,0,0,0)');
+
+
+    traceToggle.on('mousedown', function() {
+        newMouseDownTime = (new Date()).getTime();
+        if(newMouseDownTime - gd._legendMouseDownTime < DBLCLICKDELAY) {
+            // in a click train
+            numClicks += 1;
+        }
+        else {
+            // new click train
+            numClicks = 1;
+            gd._legendMouseDownTime = newMouseDownTime;
+        }
+    });
+    traceToggle.on('mouseup', function() {
+        if(gd._dragged || gd._editing) return;
+        var legend = gd._fullLayout.legend;
+
+        if((new Date()).getTime() - gd._legendMouseDownTime > DBLCLICKDELAY) {
+            numClicks = Math.max(numClicks - 1, 1);
+        }
+
+        if(numClicks === 1) {
+            legend._clickTimeout = setTimeout(function() { handleClick(g, gd, numClicks); }, DBLCLICKDELAY);
+        } else if(numClicks === 2) {
+            if(legend._clickTimeout) {
+                clearTimeout(legend._clickTimeout);
+            }
+            gd._legendMouseDownTime = 0;
+            handleClick(g, gd, numClicks);
+        }
+    });
+}
+
+function computeTextDimensions(g, gd) {
+    var legendItem = g.data()[0][0];
+
+    if(!legendItem.trace.showlegend) {
+        g.remove();
+        return;
+    }
+
+    var mathjaxGroup = g.select('g[class*=math-group]');
+    var mathjaxNode = mathjaxGroup.node();
+    var opts = gd._fullLayout.legend;
+    var lineHeight = opts.font.size * LINE_SPACING;
+    var height, width;
+
+    if(mathjaxNode) {
+        var mathjaxBB = Drawing.bBox(mathjaxNode);
+
+        height = mathjaxBB.height;
+        width = mathjaxBB.width;
+
+        Drawing.setTranslate(mathjaxGroup, 0, (height / 4));
+    }
+    else {
+        var text = g.select('.legendtext');
+        var textLines = svgTextUtils.lineCount(text);
+        var textNode = text.node();
+
+        height = lineHeight * textLines;
+        width = textNode ? Drawing.bBox(textNode).width : 0;
+
+        // approximation to height offset to center the font
+        // to avoid getBoundingClientRect
+        var textY = lineHeight * (0.3 + (1 - textLines) / 2);
+        // TODO: this 40 should go in a constants file (along with other
+        // values related to the legend symbol size)
+        svgTextUtils.positionText(text, 40, textY);
+    }
+
+    height = Math.max(height, 16) + 3;
+
+    legendItem.height = height;
+    legendItem.width = width;
+}
+
+function computeLegendDimensions(gd, groups, traces) {
+    var fullLayout = gd._fullLayout;
+    var opts = fullLayout.legend;
+    var borderwidth = opts.borderwidth;
+    var isGrouped = helpers.isGrouped(opts);
+
+    var extraWidth = 0;
+
+    opts.width = 0;
+    opts.height = 0;
+
+    if(helpers.isVertical(opts)) {
+        if(isGrouped) {
+            groups.each(function(d, i) {
+                Drawing.setTranslate(this, 0, i * opts.tracegroupgap);
+            });
+        }
+
+        traces.each(function(d) {
+            var legendItem = d[0],
+                textHeight = legendItem.height,
+                textWidth = legendItem.width;
+
+            Drawing.setTranslate(this,
+                borderwidth,
+                (5 + borderwidth + opts.height + textHeight / 2));
+
+            opts.height += textHeight;
+            opts.width = Math.max(opts.width, textWidth);
+        });
+
+        opts.width += 45 + borderwidth * 2;
+        opts.height += 10 + borderwidth * 2;
+
+        if(isGrouped) {
+            opts.height += (opts._lgroupsLength - 1) * opts.tracegroupgap;
+        }
+
+        extraWidth = 40;
+    }
+    else if(isGrouped) {
+        var groupXOffsets = [opts.width],
+            groupData = groups.data();
+
+        for(var i = 0, n = groupData.length; i < n; i++) {
+            var textWidths = groupData[i].map(function(legendItemArray) {
+                return legendItemArray[0].width;
+            });
+
+            var groupWidth = 40 + Math.max.apply(null, textWidths);
+
+            opts.width += opts.tracegroupgap + groupWidth;
+
+            groupXOffsets.push(opts.width);
+        }
+
+        groups.each(function(d, i) {
+            Drawing.setTranslate(this, groupXOffsets[i], 0);
+        });
+
+        groups.each(function() {
+            var group = d3.select(this),
+                groupTraces = group.selectAll('g.traces'),
+                groupHeight = 0;
+
+            groupTraces.each(function(d) {
+                var legendItem = d[0],
+                    textHeight = legendItem.height;
+
+                Drawing.setTranslate(this,
+                    0,
+                    (5 + borderwidth + groupHeight + textHeight / 2));
+
+                groupHeight += textHeight;
+            });
+
+            opts.height = Math.max(opts.height, groupHeight);
+        });
+
+        opts.height += 10 + borderwidth * 2;
+        opts.width += borderwidth * 2;
+    }
+    else {
+        var rowHeight = 0,
+            maxTraceHeight = 0,
+            maxTraceWidth = 0,
+            offsetX = 0;
+
+        // calculate largest width for traces and use for width of all legend items
+        traces.each(function(d) {
+            maxTraceWidth = Math.max(40 + d[0].width, maxTraceWidth);
+        });
+
+        traces.each(function(d) {
+            var legendItem = d[0],
+                traceWidth = maxTraceWidth,
+                traceGap = opts.tracegroupgap || 5;
+
+            if((borderwidth + offsetX + traceGap + traceWidth) > (fullLayout.width - (fullLayout.margin.r + fullLayout.margin.l))) {
+                offsetX = 0;
+                rowHeight = rowHeight + maxTraceHeight;
+                opts.height = opts.height + maxTraceHeight;
+                // reset for next row
+                maxTraceHeight = 0;
+            }
+
+            Drawing.setTranslate(this,
+                (borderwidth + offsetX),
+                (5 + borderwidth + legendItem.height / 2) + rowHeight);
+
+            opts.width += traceGap + traceWidth;
+            opts.height = Math.max(opts.height, legendItem.height);
+
+            // keep track of tallest trace in group
+            offsetX += traceGap + traceWidth;
+            maxTraceHeight = Math.max(legendItem.height, maxTraceHeight);
+        });
+
+        opts.width += borderwidth * 2;
+        opts.height += 10 + borderwidth * 2;
+
+    }
+
+    // make sure we're only getting full pixels
+    opts.width = Math.ceil(opts.width);
+    opts.height = Math.ceil(opts.height);
+
+    traces.each(function(d) {
+        var legendItem = d[0],
+            bg = d3.select(this).select('.legendtoggle');
+
+        bg.call(Drawing.setRect,
+            0,
+            -legendItem.height / 2,
+            (gd._context.edits.legendText ? 0 : opts.width) + extraWidth,
+            legendItem.height
+        );
+    });
+}
+
+function expandMargin(gd) {
+    var fullLayout = gd._fullLayout,
+        opts = fullLayout.legend;
+
+    var xanchor = 'left';
+    if(anchorUtils.isRightAnchor(opts)) {
+        xanchor = 'right';
+    }
+    else if(anchorUtils.isCenterAnchor(opts)) {
+        xanchor = 'center';
+    }
+
+    var yanchor = 'top';
+    if(anchorUtils.isBottomAnchor(opts)) {
+        yanchor = 'bottom';
+    }
+    else if(anchorUtils.isMiddleAnchor(opts)) {
+        yanchor = 'middle';
+    }
+
+    // lastly check if the margin auto-expand has changed
+    Plots.autoMargin(gd, 'legend', {
+        x: opts.x,
+        y: opts.y,
+        l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0),
+        r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0),
+        b: opts.height * ({top: 1, middle: 0.5}[yanchor] || 0),
+        t: opts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0)
+    });
+}
+
+function expandHorizontalMargin(gd) {
+    var fullLayout = gd._fullLayout,
+        opts = fullLayout.legend;
+
+    var xanchor = 'left';
+    if(anchorUtils.isRightAnchor(opts)) {
+        xanchor = 'right';
+    }
+    else if(anchorUtils.isCenterAnchor(opts)) {
+        xanchor = 'center';
+    }
+
+    // lastly check if the margin auto-expand has changed
+    Plots.autoMargin(gd, 'legend', {
+        x: opts.x,
+        y: 0.5,
+        l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0),
+        r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0),
+        b: 0,
+        t: 0
+    });
+}
+
+},{"../../constants/alignment":701,"../../constants/interactions":706,"../../lib":728,"../../lib/svg_text_utils":750,"../../plotly":767,"../../plots/plots":831,"../../registry":846,"../color":604,"../dragelement":625,"../drawing":628,"./anchor_utils":654,"./constants":656,"./get_legend_data":659,"./handle_click":660,"./helpers":661,"./style":663,"d3":122}],659:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var helpers = require('./helpers');
+
+
+module.exports = function getLegendData(calcdata, opts) {
+    var lgroupToTraces = {},
+        lgroups = [],
+        hasOneNonBlankGroup = false,
+        slicesShown = {},
+        lgroupi = 0;
+
+    var i, j;
+
+    function addOneItem(legendGroup, legendItem) {
+        // each '' legend group is treated as a separate group
+        if(legendGroup === '' || !helpers.isGrouped(opts)) {
+            var uniqueGroup = '~~i' + lgroupi; // TODO: check this against fullData legendgroups?
+
+            lgroups.push(uniqueGroup);
+            lgroupToTraces[uniqueGroup] = [[legendItem]];
+            lgroupi++;
+        }
+        else if(lgroups.indexOf(legendGroup) === -1) {
+            lgroups.push(legendGroup);
+            hasOneNonBlankGroup = true;
+            lgroupToTraces[legendGroup] = [[legendItem]];
+        }
+        else lgroupToTraces[legendGroup].push([legendItem]);
+    }
+
+    // build an { legendgroup: [cd0, cd0], ... } object
+    for(i = 0; i < calcdata.length; i++) {
+        var cd = calcdata[i],
+            cd0 = cd[0],
+            trace = cd0.trace,
+            lgroup = trace.legendgroup;
+
+        if(!helpers.legendGetsTrace(trace) || !trace.showlegend) continue;
+
+        if(Registry.traceIs(trace, 'pie')) {
+            if(!slicesShown[lgroup]) slicesShown[lgroup] = {};
+
+            for(j = 0; j < cd.length; j++) {
+                var labelj = cd[j].label;
+
+                if(!slicesShown[lgroup][labelj]) {
+                    addOneItem(lgroup, {
+                        label: labelj,
+                        color: cd[j].color,
+                        i: cd[j].i,
+                        trace: trace
+                    });
+
+                    slicesShown[lgroup][labelj] = true;
+                }
+            }
+        }
+
+        else addOneItem(lgroup, cd0);
+    }
+
+    // won't draw a legend in this case
+    if(!lgroups.length) return [];
+
+    // rearrange lgroupToTraces into a d3-friendly array of arrays
+    var lgroupsLength = lgroups.length,
+        ltraces,
+        legendData;
+
+    if(hasOneNonBlankGroup && helpers.isGrouped(opts)) {
+        legendData = new Array(lgroupsLength);
+
+        for(i = 0; i < lgroupsLength; i++) {
+            ltraces = lgroupToTraces[lgroups[i]];
+            legendData[i] = helpers.isReversed(opts) ? ltraces.reverse() : ltraces;
+        }
+    }
+    else {
+        // collapse all groups into one if all groups are blank
+        legendData = [new Array(lgroupsLength)];
+
+        for(i = 0; i < lgroupsLength; i++) {
+            ltraces = lgroupToTraces[lgroups[i]][0];
+            legendData[0][helpers.isReversed(opts) ? lgroupsLength - i - 1 : i] = ltraces;
+        }
+        lgroupsLength = 1;
+    }
+
+    // needed in repositionLegend
+    opts._lgroupsLength = lgroupsLength;
+    return legendData;
+};
+
+},{"../../registry":846,"./helpers":661}],660:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+var Registry = require('../../registry');
+
+var SHOWISOLATETIP = true;
+
+module.exports = function handleClick(g, gd, numClicks) {
+    if(gd._dragged || gd._editing) return;
+
+    var hiddenSlices = gd._fullLayout.hiddenlabels ?
+        gd._fullLayout.hiddenlabels.slice() :
+        [];
+
+    var legendItem = g.data()[0][0];
+    var fullData = gd._fullData;
+    var fullTrace = legendItem.trace;
+    var legendgroup = fullTrace.legendgroup;
+
+    var i, j, kcont, key, keys, val;
+    var attrUpdate = {};
+    var attrIndices = [];
+    var carrs = [];
+    var carrIdx = [];
+
+    function insertUpdate(traceIndex, key, value) {
+        var attrIndex = attrIndices.indexOf(traceIndex);
+        var valueArray = attrUpdate[key];
+        if(!valueArray) {
+            valueArray = attrUpdate[key] = [];
+        }
+
+        if(attrIndices.indexOf(traceIndex) === -1) {
+            attrIndices.push(traceIndex);
+            attrIndex = attrIndices.length - 1;
+        }
+
+        valueArray[attrIndex] = value;
+
+        return attrIndex;
+    }
+
+    function setVisibility(fullTrace, visibility) {
+        var fullInput = fullTrace._fullInput;
+        if(Registry.hasTransform(fullInput, 'groupby')) {
+            var kcont = carrs[fullInput.index];
+            if(!kcont) {
+                var groupbyIndices = Registry.getTransformIndices(fullInput, 'groupby');
+                var lastGroupbyIndex = groupbyIndices[groupbyIndices.length - 1];
+                kcont = Lib.keyedContainer(fullInput, 'transforms[' + lastGroupbyIndex + '].styles', 'target', 'value.visible');
+                carrs[fullInput.index] = kcont;
+            }
+
+            var curState = kcont.get(fullTrace._group);
+
+            // If not specified, assume visible. This happens if there are other style
+            // properties set for a group but not the visibility. There are many similar
+            // ways to do this (e.g. why not just `curState = fullTrace.visible`??? The
+            // answer is: because it breaks other things like groupby trace names in
+            // subtle ways.)
+            if(curState === undefined) {
+                curState = true;
+            }
+
+            if(curState !== false) {
+                // true -> legendonly. All others toggle to true:
+                kcont.set(fullTrace._group, visibility);
+            }
+            carrIdx[fullInput.index] = insertUpdate(fullInput.index, 'visible', fullInput.visible === false ? false : true);
+        } else {
+            // false -> false (not possible since will not be visible in legend)
+            // true -> legendonly
+            // legendonly -> true
+            var nextVisibility = fullInput.visible === false ? false : visibility;
+
+            insertUpdate(fullInput.index, 'visible', nextVisibility);
+        }
+    }
+
+    if(numClicks === 1 && SHOWISOLATETIP && gd.data && gd._context.showTips) {
+        Lib.notifier('Double click on legend to isolate individual trace', 'long');
+        SHOWISOLATETIP = false;
+    } else {
+        SHOWISOLATETIP = false;
+    }
+
+    if(Registry.traceIs(fullTrace, 'pie')) {
+        var thisLabel = legendItem.label,
+            thisLabelIndex = hiddenSlices.indexOf(thisLabel);
+
+        if(numClicks === 1) {
+            if(thisLabelIndex === -1) hiddenSlices.push(thisLabel);
+            else hiddenSlices.splice(thisLabelIndex, 1);
+        } else if(numClicks === 2) {
+            hiddenSlices = [];
+            gd.calcdata[0].forEach(function(d) {
+                if(thisLabel !== d.label) {
+                    hiddenSlices.push(d.label);
+                }
+            });
+            if(gd._fullLayout.hiddenlabels && gd._fullLayout.hiddenlabels.length === hiddenSlices.length && thisLabelIndex === -1) {
+                hiddenSlices = [];
+            }
+        }
+
+        Plotly.relayout(gd, 'hiddenlabels', hiddenSlices);
+    } else {
+        var hasLegendgroup = legendgroup && legendgroup.length;
+        var traceIndicesInGroup = [];
+        var tracei;
+        if(hasLegendgroup) {
+            for(i = 0; i < fullData.length; i++) {
+                tracei = fullData[i];
+                if(!tracei.visible) continue;
+                if(tracei.legendgroup === legendgroup) {
+                    traceIndicesInGroup.push(i);
+                }
+            }
+        }
+
+        if(numClicks === 1) {
+            var nextVisibility;
+
+            switch(fullTrace.visible) {
+                case true:
+                    nextVisibility = 'legendonly';
+                    break;
+                case false:
+                    nextVisibility = false;
+                    break;
+                case 'legendonly':
+                    nextVisibility = true;
+                    break;
+            }
+
+            if(hasLegendgroup) {
+                for(i = 0; i < fullData.length; i++) {
+                    if(fullData[i].visible !== false && fullData[i].legendgroup === legendgroup) {
+                        setVisibility(fullData[i], nextVisibility);
+                    }
+                }
+            } else {
+                setVisibility(fullTrace, nextVisibility);
+            }
+        } else if(numClicks === 2) {
+            // Compute the clicked index. expandedIndex does what we want for expanded traces
+            // but also culls hidden traces. That means we have some work to do.
+            var isClicked, isInGroup, otherState;
+            var isIsolated = true;
+            for(i = 0; i < fullData.length; i++) {
+                isClicked = fullData[i] === fullTrace;
+                if(isClicked) continue;
+
+                isInGroup = (hasLegendgroup && fullData[i].legendgroup === legendgroup);
+
+                if(!isInGroup && fullData[i].visible === true && !Registry.traceIs(fullData[i], 'notLegendIsolatable')) {
+                    isIsolated = false;
+                    break;
+                }
+            }
+
+            for(i = 0; i < fullData.length; i++) {
+                // False is sticky; we don't change it.
+                if(fullData[i].visible === false) continue;
+
+                if(Registry.traceIs(fullData[i], 'notLegendIsolatable')) {
+                    continue;
+                }
+
+                switch(fullTrace.visible) {
+                    case 'legendonly':
+                        setVisibility(fullData[i], true);
+                        break;
+                    case true:
+                        otherState = isIsolated ? true : 'legendonly';
+                        isClicked = fullData[i] === fullTrace;
+                        isInGroup = isClicked || (hasLegendgroup && fullData[i].legendgroup === legendgroup);
+                        setVisibility(fullData[i], isInGroup ? true : otherState);
+                        break;
+                }
+            }
+        }
+
+        for(i = 0; i < carrs.length; i++) {
+            kcont = carrs[i];
+            if(!kcont) continue;
+            var update = kcont.constructUpdate();
+
+            var updateKeys = Object.keys(update);
+            for(j = 0; j < updateKeys.length; j++) {
+                key = updateKeys[j];
+                val = attrUpdate[key] = attrUpdate[key] || [];
+                val[carrIdx[i]] = update[key];
+            }
+        }
+
+        // The length of the value arrays should be equal and any unspecified
+        // values should be explicitly undefined for them to get properly culled
+        // as updates and not accidentally reset to the default value. This fills
+        // out sparse arrays with the required number of undefined values:
+        keys = Object.keys(attrUpdate);
+        for(i = 0; i < keys.length; i++) {
+            key = keys[i];
+            for(j = 0; j < attrIndices.length; j++) {
+                // Use hasOwnPropety to protect against falsey values:
+                if(!attrUpdate[key].hasOwnProperty(j)) {
+                    attrUpdate[key][j] = undefined;
+                }
+            }
+        }
+
+        Plotly.restyle(gd, attrUpdate, attrIndices);
+    }
+};
+
+},{"../../lib":728,"../../plotly":767,"../../registry":846}],661:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+
+
+exports.legendGetsTrace = function legendGetsTrace(trace) {
+    return trace.visible && Registry.traceIs(trace, 'showLegend');
+};
+
+exports.isGrouped = function isGrouped(legendLayout) {
+    return (legendLayout.traceorder || '').indexOf('grouped') !== -1;
+};
+
+exports.isVertical = function isVertical(legendLayout) {
+    return legendLayout.orientation !== 'h';
+};
+
+exports.isReversed = function isReversed(legendLayout) {
+    return (legendLayout.traceorder || '').indexOf('reversed') !== -1;
+};
+
+},{"../../registry":846}],662:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+    moduleType: 'component',
+    name: 'legend',
+
+    layoutAttributes: require('./attributes'),
+    supplyLayoutDefaults: require('./defaults'),
+
+    draw: require('./draw'),
+    style: require('./style')
+};
+
+},{"./attributes":655,"./defaults":657,"./draw":658,"./style":663}],663:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var Drawing = require('../drawing');
+var Color = require('../color');
+
+var subTypes = require('../../traces/scatter/subtypes');
+var stylePie = require('../../traces/pie/style_one');
+
+
+module.exports = function style(s, gd) {
+    s.each(function(d) {
+        var traceGroup = d3.select(this);
+
+        var layers = traceGroup.selectAll('g.layers')
+            .data([0]);
+        layers.enter().append('g')
+            .classed('layers', true);
+        layers.style('opacity', d[0].trace.opacity);
+
+        var fill = layers
+            .selectAll('g.legendfill')
+                .data([d]);
+        fill.enter().append('g')
+            .classed('legendfill', true);
+
+        var line = layers
+            .selectAll('g.legendlines')
+                .data([d]);
+        line.enter().append('g')
+            .classed('legendlines', true);
+
+        var symbol = layers
+            .selectAll('g.legendsymbols')
+                .data([d]);
+        symbol.enter().append('g')
+            .classed('legendsymbols', true);
+
+        symbol.selectAll('g.legendpoints')
+            .data([d])
+          .enter().append('g')
+            .classed('legendpoints', true);
+    })
+    .each(styleBars)
+    .each(styleBoxes)
+    .each(stylePies)
+    .each(styleLines)
+    .each(stylePoints);
+
+    function styleLines(d) {
+        var trace = d[0].trace,
+            showFill = trace.visible && trace.fill && trace.fill !== 'none',
+            showLine = subTypes.hasLines(trace);
+
+        if(trace && trace._module && trace._module.name === 'contourcarpet') {
+            showLine = trace.contours.showlines;
+            showFill = trace.contours.coloring === 'fill';
+        }
+
+        var fill = d3.select(this).select('.legendfill').selectAll('path')
+            .data(showFill ? [d] : []);
+        fill.enter().append('path').classed('js-fill', true);
+        fill.exit().remove();
+        fill.attr('d', 'M5,0h30v6h-30z')
+            .call(Drawing.fillGroupStyle);
+
+        var line = d3.select(this).select('.legendlines').selectAll('path')
+            .data(showLine ? [d] : []);
+        line.enter().append('path').classed('js-line', true)
+            .attr('d', 'M5,0h30');
+        line.exit().remove();
+        line.call(Drawing.lineGroupStyle);
+    }
+
+    function stylePoints(d) {
+        var d0 = d[0],
+            trace = d0.trace,
+            showMarkers = subTypes.hasMarkers(trace),
+            showText = subTypes.hasText(trace),
+            showLines = subTypes.hasLines(trace);
+
+        var dMod, tMod;
+
+        // 'scatter3d' and 'scattergeo' don't use gd.calcdata yet;
+        // use d0.trace to infer arrayOk attributes
+
+        function boundVal(attrIn, arrayToValFn, bounds) {
+            var valIn = Lib.nestedProperty(trace, attrIn).get(),
+                valToBound = (Array.isArray(valIn) && arrayToValFn) ?
+                    arrayToValFn(valIn) : valIn;
+
+            if(bounds) {
+                if(valToBound < bounds[0]) return bounds[0];
+                else if(valToBound > bounds[1]) return bounds[1];
+            }
+            return valToBound;
+        }
+
+        function pickFirst(array) { return array[0]; }
+
+        // constrain text, markers, etc so they'll fit on the legend
+        if(showMarkers || showText || showLines) {
+            var dEdit = {},
+                tEdit = {};
+
+            if(showMarkers) {
+                dEdit.mc = boundVal('marker.color', pickFirst);
+                dEdit.mo = boundVal('marker.opacity', Lib.mean, [0.2, 1]);
+                dEdit.ms = boundVal('marker.size', Lib.mean, [2, 16]);
+                dEdit.mlc = boundVal('marker.line.color', pickFirst);
+                dEdit.mlw = boundVal('marker.line.width', Lib.mean, [0, 5]);
+                tEdit.marker = {
+                    sizeref: 1,
+                    sizemin: 1,
+                    sizemode: 'diameter'
+                };
+            }
+
+            if(showLines) {
+                tEdit.line = {
+                    width: boundVal('line.width', pickFirst, [0, 10])
+                };
+            }
+
+            if(showText) {
+                dEdit.tx = 'Aa';
+                dEdit.tp = boundVal('textposition', pickFirst);
+                dEdit.ts = 10;
+                dEdit.tc = boundVal('textfont.color', pickFirst);
+                dEdit.tf = boundVal('textfont.family', pickFirst);
+            }
+
+            dMod = [Lib.minExtend(d0, dEdit)];
+            tMod = Lib.minExtend(trace, tEdit);
+        }
+
+        var ptgroup = d3.select(this).select('g.legendpoints');
+
+        var pts = ptgroup.selectAll('path.scatterpts')
+            .data(showMarkers ? dMod : []);
+        pts.enter().append('path').classed('scatterpts', true)
+            .attr('transform', 'translate(20,0)');
+        pts.exit().remove();
+        pts.call(Drawing.pointStyle, tMod, gd);
+
+        // 'mrc' is set in pointStyle and used in textPointStyle:
+        // constrain it here
+        if(showMarkers) dMod[0].mrc = 3;
+
+        var txt = ptgroup.selectAll('g.pointtext')
+            .data(showText ? dMod : []);
+        txt.enter()
+            .append('g').classed('pointtext', true)
+                .append('text').attr('transform', 'translate(20,0)');
+        txt.exit().remove();
+        txt.selectAll('text').call(Drawing.textPointStyle, tMod, gd);
+    }
+
+    function styleBars(d) {
+        var trace = d[0].trace,
+            marker = trace.marker || {},
+            markerLine = marker.line || {},
+            barpath = d3.select(this).select('g.legendpoints')
+                .selectAll('path.legendbar')
+                .data(Registry.traceIs(trace, 'bar') ? [d] : []);
+        barpath.enter().append('path').classed('legendbar', true)
+            .attr('d', 'M6,6H-6V-6H6Z')
+            .attr('transform', 'translate(20,0)');
+        barpath.exit().remove();
+        barpath.each(function(d) {
+            var p = d3.select(this),
+                d0 = d[0],
+                w = (d0.mlw + 1 || markerLine.width + 1) - 1;
+
+            p.style('stroke-width', w + 'px')
+                .call(Color.fill, d0.mc || marker.color);
+
+            if(w) {
+                p.call(Color.stroke, d0.mlc || markerLine.color);
+            }
+        });
+    }
+
+    function styleBoxes(d) {
+        var trace = d[0].trace,
+            pts = d3.select(this).select('g.legendpoints')
+                .selectAll('path.legendbox')
+                .data(Registry.traceIs(trace, 'box') && trace.visible ? [d] : []);
+        pts.enter().append('path').classed('legendbox', true)
+            // if we want the median bar, prepend M6,0H-6
+            .attr('d', 'M6,6H-6V-6H6Z')
+            .attr('transform', 'translate(20,0)');
+        pts.exit().remove();
+        pts.each(function() {
+            var w = trace.line.width,
+                p = d3.select(this);
+
+            p.style('stroke-width', w + 'px')
+                .call(Color.fill, trace.fillcolor);
+
+            if(w) {
+                p.call(Color.stroke, trace.line.color);
+            }
+        });
+    }
+
+    function stylePies(d) {
+        var trace = d[0].trace,
+            pts = d3.select(this).select('g.legendpoints')
+                .selectAll('path.legendpie')
+                .data(Registry.traceIs(trace, 'pie') && trace.visible ? [d] : []);
+        pts.enter().append('path').classed('legendpie', true)
+            .attr('d', 'M6,6H-6V-6H6Z')
+            .attr('transform', 'translate(20,0)');
+        pts.exit().remove();
+
+        if(pts.size()) pts.call(stylePie, d[0], trace);
+    }
+};
+
+},{"../../lib":728,"../../registry":846,"../../traces/pie/style_one":1017,"../../traces/scatter/subtypes":1052,"../color":604,"../drawing":628,"d3":122}],664:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+var Axes = require('../../plots/cartesian/axes');
+var Lib = require('../../lib');
+var downloadImage = require('../../snapshot/download');
+var Icons = require('../../../build/ploticon');
+
+
+var modeBarButtons = module.exports = {};
+
+/**
+ * ModeBar buttons configuration
+ *
+ * @param {string} name
+ *      name / id of the buttons (for tracking)
+ * @param {string} title
+ *      text that appears while hovering over the button,
+ *      enter null, false or '' for no hover text
+ * @param {string} icon
+ *      svg icon object associated with the button
+ *      can be linked to Plotly.Icons to use the default plotly icons
+ * @param {string} [gravity]
+ *      icon positioning
+ * @param {function} click
+ *      click handler associated with the button, a function of
+ *      'gd' (the main graph object) and
+ *      'ev' (the event object)
+ * @param {string} [attr]
+ *      attribute associated with button,
+ *      use this with 'val' to keep track of the state
+ * @param {*} [val]
+ *      initial 'attr' value, can be a function of gd
+ * @param {boolean} [toggle]
+ *      is the button a toggle button?
+ */
+
+modeBarButtons.toImage = {
+    name: 'toImage',
+    title: 'Download plot as a png',
+    icon: Icons.camera,
+    click: function(gd) {
+        var format = 'png';
+
+        Lib.notifier('Taking snapshot - this may take a few seconds', 'long');
+
+        if(Lib.isIE()) {
+            Lib.notifier('IE only supports svg.  Changing format to svg.', 'long');
+            format = 'svg';
+        }
+
+        downloadImage(gd, {'format': format})
+          .then(function(filename) {
+              Lib.notifier('Snapshot succeeded - ' + filename, 'long');
+          })
+          .catch(function() {
+              Lib.notifier('Sorry there was a problem downloading your snapshot!', 'long');
+          });
+    }
+};
+
+modeBarButtons.sendDataToCloud = {
+    name: 'sendDataToCloud',
+    title: 'Save and edit plot in cloud',
+    icon: Icons.disk,
+    click: function(gd) {
+        Plots.sendDataToCloud(gd);
+    }
+};
+
+modeBarButtons.zoom2d = {
+    name: 'zoom2d',
+    title: 'Zoom',
+    attr: 'dragmode',
+    val: 'zoom',
+    icon: Icons.zoombox,
+    click: handleCartesian
+};
+
+modeBarButtons.pan2d = {
+    name: 'pan2d',
+    title: 'Pan',
+    attr: 'dragmode',
+    val: 'pan',
+    icon: Icons.pan,
+    click: handleCartesian
+};
+
+modeBarButtons.select2d = {
+    name: 'select2d',
+    title: 'Box Select',
+    attr: 'dragmode',
+    val: 'select',
+    icon: Icons.selectbox,
+    click: handleCartesian
+};
+
+modeBarButtons.lasso2d = {
+    name: 'lasso2d',
+    title: 'Lasso Select',
+    attr: 'dragmode',
+    val: 'lasso',
+    icon: Icons.lasso,
+    click: handleCartesian
+};
+
+modeBarButtons.zoomIn2d = {
+    name: 'zoomIn2d',
+    title: 'Zoom in',
+    attr: 'zoom',
+    val: 'in',
+    icon: Icons.zoom_plus,
+    click: handleCartesian
+};
+
+modeBarButtons.zoomOut2d = {
+    name: 'zoomOut2d',
+    title: 'Zoom out',
+    attr: 'zoom',
+    val: 'out',
+    icon: Icons.zoom_minus,
+    click: handleCartesian
+};
+
+modeBarButtons.autoScale2d = {
+    name: 'autoScale2d',
+    title: 'Autoscale',
+    attr: 'zoom',
+    val: 'auto',
+    icon: Icons.autoscale,
+    click: handleCartesian
+};
+
+modeBarButtons.resetScale2d = {
+    name: 'resetScale2d',
+    title: 'Reset axes',
+    attr: 'zoom',
+    val: 'reset',
+    icon: Icons.home,
+    click: handleCartesian
+};
+
+modeBarButtons.hoverClosestCartesian = {
+    name: 'hoverClosestCartesian',
+    title: 'Show closest data on hover',
+    attr: 'hovermode',
+    val: 'closest',
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: handleCartesian
+};
+
+modeBarButtons.hoverCompareCartesian = {
+    name: 'hoverCompareCartesian',
+    title: 'Compare data on hover',
+    attr: 'hovermode',
+    val: function(gd) {
+        return gd._fullLayout._isHoriz ? 'y' : 'x';
+    },
+    icon: Icons.tooltip_compare,
+    gravity: 'ne',
+    click: handleCartesian
+};
+
+function handleCartesian(gd, ev) {
+    var button = ev.currentTarget,
+        astr = button.getAttribute('data-attr'),
+        val = button.getAttribute('data-val') || true,
+        fullLayout = gd._fullLayout,
+        aobj = {},
+        axList = Axes.list(gd, null, true),
+        ax,
+        allEnabled = 'on',
+        i;
+
+    if(astr === 'zoom') {
+        var mag = (val === 'in') ? 0.5 : 2,
+            r0 = (1 + mag) / 2,
+            r1 = (1 - mag) / 2;
+
+        var axName;
+
+        for(i = 0; i < axList.length; i++) {
+            ax = axList[i];
+
+            if(!ax.fixedrange) {
+                axName = ax._name;
+                if(val === 'auto') aobj[axName + '.autorange'] = true;
+                else if(val === 'reset') {
+                    if(ax._rangeInitial === undefined) {
+                        aobj[axName + '.autorange'] = true;
+                    }
+                    else {
+                        var rangeInitial = ax._rangeInitial.slice();
+                        aobj[axName + '.range[0]'] = rangeInitial[0];
+                        aobj[axName + '.range[1]'] = rangeInitial[1];
+                    }
+                    if(ax._showSpikeInitial !== undefined) {
+                        aobj[axName + '.showspikes'] = ax._showSpikeInitial;
+                        if(allEnabled === 'on' && !ax._showSpikeInitial) {
+                            allEnabled = 'off';
+                        }
+                    }
+                }
+                else {
+                    var rangeNow = [
+                        ax.r2l(ax.range[0]),
+                        ax.r2l(ax.range[1]),
+                    ];
+
+                    var rangeNew = [
+                        r0 * rangeNow[0] + r1 * rangeNow[1],
+                        r0 * rangeNow[1] + r1 * rangeNow[0]
+                    ];
+
+                    aobj[axName + '.range[0]'] = ax.l2r(rangeNew[0]);
+                    aobj[axName + '.range[1]'] = ax.l2r(rangeNew[1]);
+                }
+            }
+        }
+        fullLayout._cartesianSpikesEnabled = allEnabled;
+    }
+    else {
+        // if ALL traces have orientation 'h', 'hovermode': 'x' otherwise: 'y'
+        if(astr === 'hovermode' && (val === 'x' || val === 'y')) {
+            val = fullLayout._isHoriz ? 'y' : 'x';
+            button.setAttribute('data-val', val);
+            if(val !== 'closest') {
+                fullLayout._cartesianSpikesEnabled = 'off';
+            }
+        } else if(astr === 'hovermode' && val === 'closest') {
+            for(i = 0; i < axList.length; i++) {
+                ax = axList[i];
+                if(allEnabled === 'on' && !ax.showspikes) {
+                    allEnabled = 'off';
+                }
+            }
+            fullLayout._cartesianSpikesEnabled = allEnabled;
+        }
+
+        aobj[astr] = val;
+    }
+
+    Plotly.relayout(gd, aobj);
+}
+
+modeBarButtons.zoom3d = {
+    name: 'zoom3d',
+    title: 'Zoom',
+    attr: 'scene.dragmode',
+    val: 'zoom',
+    icon: Icons.zoombox,
+    click: handleDrag3d
+};
+
+modeBarButtons.pan3d = {
+    name: 'pan3d',
+    title: 'Pan',
+    attr: 'scene.dragmode',
+    val: 'pan',
+    icon: Icons.pan,
+    click: handleDrag3d
+};
+
+modeBarButtons.orbitRotation = {
+    name: 'orbitRotation',
+    title: 'orbital rotation',
+    attr: 'scene.dragmode',
+    val: 'orbit',
+    icon: Icons['3d_rotate'],
+    click: handleDrag3d
+};
+
+modeBarButtons.tableRotation = {
+    name: 'tableRotation',
+    title: 'turntable rotation',
+    attr: 'scene.dragmode',
+    val: 'turntable',
+    icon: Icons['z-axis'],
+    click: handleDrag3d
+};
+
+function handleDrag3d(gd, ev) {
+    var button = ev.currentTarget,
+        attr = button.getAttribute('data-attr'),
+        val = button.getAttribute('data-val') || true,
+        fullLayout = gd._fullLayout,
+        sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'),
+        layoutUpdate = {};
+
+    var parts = attr.split('.');
+
+    for(var i = 0; i < sceneIds.length; i++) {
+        layoutUpdate[sceneIds[i] + '.' + parts[1]] = val;
+    }
+
+    Plotly.relayout(gd, layoutUpdate);
+}
+
+modeBarButtons.resetCameraDefault3d = {
+    name: 'resetCameraDefault3d',
+    title: 'Reset camera to default',
+    attr: 'resetDefault',
+    icon: Icons.home,
+    click: handleCamera3d
+};
+
+modeBarButtons.resetCameraLastSave3d = {
+    name: 'resetCameraLastSave3d',
+    title: 'Reset camera to last save',
+    attr: 'resetLastSave',
+    icon: Icons.movie,
+    click: handleCamera3d
+};
+
+function handleCamera3d(gd, ev) {
+    var button = ev.currentTarget,
+        attr = button.getAttribute('data-attr'),
+        fullLayout = gd._fullLayout,
+        sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'),
+        aobj = {};
+
+    for(var i = 0; i < sceneIds.length; i++) {
+        var sceneId = sceneIds[i],
+            key = sceneId + '.camera',
+            scene = fullLayout[sceneId]._scene;
+
+        if(attr === 'resetDefault') {
+            aobj[key] = null;
+        }
+        else if(attr === 'resetLastSave') {
+            aobj[key] = Lib.extendDeep({}, scene.cameraInitial);
+        }
+    }
+
+    Plotly.relayout(gd, aobj);
+}
+
+modeBarButtons.hoverClosest3d = {
+    name: 'hoverClosest3d',
+    title: 'Toggle show closest data on hover',
+    attr: 'hovermode',
+    val: null,
+    toggle: true,
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: handleHover3d
+};
+
+function handleHover3d(gd, ev) {
+    var button = ev.currentTarget,
+        val = button._previousVal || false,
+        layout = gd.layout,
+        fullLayout = gd._fullLayout,
+        sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d');
+
+    var axes = ['xaxis', 'yaxis', 'zaxis'],
+        spikeAttrs = ['showspikes', 'spikesides', 'spikethickness', 'spikecolor'];
+
+    // initialize 'current spike' object to be stored in the DOM
+    var currentSpikes = {},
+        axisSpikes = {},
+        layoutUpdate = {};
+
+    if(val) {
+        layoutUpdate = Lib.extendDeep(layout, val);
+        button._previousVal = null;
+    }
+    else {
+        layoutUpdate = {
+            'allaxes.showspikes': false
+        };
+
+        for(var i = 0; i < sceneIds.length; i++) {
+            var sceneId = sceneIds[i],
+                sceneLayout = fullLayout[sceneId],
+                sceneSpikes = currentSpikes[sceneId] = {};
+
+            sceneSpikes.hovermode = sceneLayout.hovermode;
+            layoutUpdate[sceneId + '.hovermode'] = false;
+
+            // copy all the current spike attrs
+            for(var j = 0; j < 3; j++) {
+                var axis = axes[j];
+                axisSpikes = sceneSpikes[axis] = {};
+
+                for(var k = 0; k < spikeAttrs.length; k++) {
+                    var spikeAttr = spikeAttrs[k];
+                    axisSpikes[spikeAttr] = sceneLayout[axis][spikeAttr];
+                }
+            }
+        }
+
+        button._previousVal = Lib.extendDeep({}, currentSpikes);
+    }
+
+    Plotly.relayout(gd, layoutUpdate);
+}
+
+modeBarButtons.zoomInGeo = {
+    name: 'zoomInGeo',
+    title: 'Zoom in',
+    attr: 'zoom',
+    val: 'in',
+    icon: Icons.zoom_plus,
+    click: handleGeo
+};
+
+modeBarButtons.zoomOutGeo = {
+    name: 'zoomOutGeo',
+    title: 'Zoom out',
+    attr: 'zoom',
+    val: 'out',
+    icon: Icons.zoom_minus,
+    click: handleGeo
+};
+
+modeBarButtons.resetGeo = {
+    name: 'resetGeo',
+    title: 'Reset',
+    attr: 'reset',
+    val: null,
+    icon: Icons.autoscale,
+    click: handleGeo
+};
+
+modeBarButtons.hoverClosestGeo = {
+    name: 'hoverClosestGeo',
+    title: 'Toggle show closest data on hover',
+    attr: 'hovermode',
+    val: null,
+    toggle: true,
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: toggleHover
+};
+
+function handleGeo(gd, ev) {
+    var button = ev.currentTarget;
+    var attr = button.getAttribute('data-attr');
+    var val = button.getAttribute('data-val') || true;
+    var fullLayout = gd._fullLayout;
+    var geoIds = Plots.getSubplotIds(fullLayout, 'geo');
+
+    for(var i = 0; i < geoIds.length; i++) {
+        var id = geoIds[i];
+        var geoLayout = fullLayout[id];
+
+        if(attr === 'zoom') {
+            var scale = geoLayout.projection.scale;
+            var newScale = (val === 'in') ? 2 * scale : 0.5 * scale;
+
+            Plotly.relayout(gd, id + '.projection.scale', newScale);
+        } else if(attr === 'reset') {
+            resetView(gd, 'geo');
+        }
+    }
+}
+
+modeBarButtons.hoverClosestGl2d = {
+    name: 'hoverClosestGl2d',
+    title: 'Toggle show closest data on hover',
+    attr: 'hovermode',
+    val: null,
+    toggle: true,
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: toggleHover
+};
+
+modeBarButtons.hoverClosestPie = {
+    name: 'hoverClosestPie',
+    title: 'Toggle show closest data on hover',
+    attr: 'hovermode',
+    val: 'closest',
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: toggleHover
+};
+
+function toggleHover(gd) {
+    var fullLayout = gd._fullLayout;
+
+    var onHoverVal;
+    if(fullLayout._has('cartesian')) {
+        onHoverVal = fullLayout._isHoriz ? 'y' : 'x';
+    }
+    else onHoverVal = 'closest';
+
+    var newHover = gd._fullLayout.hovermode ? false : onHoverVal;
+
+    Plotly.relayout(gd, 'hovermode', newHover);
+}
+
+// buttons when more then one plot types are present
+
+modeBarButtons.toggleHover = {
+    name: 'toggleHover',
+    title: 'Toggle show closest data on hover',
+    attr: 'hovermode',
+    val: null,
+    toggle: true,
+    icon: Icons.tooltip_basic,
+    gravity: 'ne',
+    click: function(gd, ev) {
+        toggleHover(gd);
+
+        // the 3d hovermode update must come
+        // last so that layout.hovermode update does not
+        // override scene?.hovermode?.layout.
+        handleHover3d(gd, ev);
+    }
+};
+
+modeBarButtons.resetViews = {
+    name: 'resetViews',
+    title: 'Reset views',
+    icon: Icons.home,
+    click: function(gd, ev) {
+        var button = ev.currentTarget;
+
+        button.setAttribute('data-attr', 'zoom');
+        button.setAttribute('data-val', 'reset');
+        handleCartesian(gd, ev);
+
+        button.setAttribute('data-attr', 'resetLastSave');
+        handleCamera3d(gd, ev);
+
+        resetView(gd, 'geo');
+        resetView(gd, 'mapbox');
+    }
+};
+
+modeBarButtons.toggleSpikelines = {
+    name: 'toggleSpikelines',
+    title: 'Toggle Spike Lines',
+    icon: Icons.spikeline,
+    attr: '_cartesianSpikesEnabled',
+    val: 'on',
+    click: function(gd) {
+        var fullLayout = gd._fullLayout;
+
+        fullLayout._cartesianSpikesEnabled = fullLayout.hovermode === 'closest' ?
+            (fullLayout._cartesianSpikesEnabled === 'on' ? 'off' : 'on') : 'on';
+
+        var aobj = setSpikelineVisibility(gd);
+
+        aobj.hovermode = 'closest';
+        Plotly.relayout(gd, aobj);
+    }
+};
+
+function setSpikelineVisibility(gd) {
+    var fullLayout = gd._fullLayout,
+        axList = Axes.list(gd, null, true),
+        ax,
+        axName,
+        aobj = {};
+
+    for(var i = 0; i < axList.length; i++) {
+        ax = axList[i];
+        axName = ax._name;
+        aobj[axName + '.showspikes'] = fullLayout._cartesianSpikesEnabled === 'on' ? true : false;
+    }
+
+    return aobj;
+}
+
+modeBarButtons.resetViewMapbox = {
+    name: 'resetViewMapbox',
+    title: 'Reset view',
+    attr: 'reset',
+    icon: Icons.home,
+    click: function(gd) {
+        resetView(gd, 'mapbox');
+    }
+};
+
+function resetView(gd, subplotType) {
+    var fullLayout = gd._fullLayout;
+    var subplotIds = Plots.getSubplotIds(fullLayout, subplotType);
+    var aObj = {};
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var id = subplotIds[i];
+        var subplotObj = fullLayout[id]._subplot;
+        var viewInitial = subplotObj.viewInitial;
+        var viewKeys = Object.keys(viewInitial);
+
+        for(var j = 0; j < viewKeys.length; j++) {
+            var key = viewKeys[j];
+            aObj[id + '.' + key] = viewInitial[key];
+        }
+    }
+
+    Plotly.relayout(gd, aObj);
+}
+
+},{"../../../build/ploticon":2,"../../lib":728,"../../plotly":767,"../../plots/cartesian/axes":772,"../../plots/plots":831,"../../snapshot/download":848}],665:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+exports.manage = require('./manage');
+
+},{"./manage":666}],666:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var scatterSubTypes = require('../../traces/scatter/subtypes');
+var Registry = require('../../registry');
+
+var createModeBar = require('./modebar');
+var modeBarButtons = require('./buttons');
+
+/**
+ * ModeBar wrapper around 'create' and 'update',
+ * chooses buttons to pass to ModeBar constructor based on
+ * plot type and plot config.
+ *
+ * @param {object} gd main plot object
+ *
+ */
+module.exports = function manageModeBar(gd) {
+    var fullLayout = gd._fullLayout,
+        context = gd._context,
+        modeBar = fullLayout._modeBar;
+
+    if(!context.displayModeBar) {
+        if(modeBar) {
+            modeBar.destroy();
+            delete fullLayout._modeBar;
+        }
+        return;
+    }
+
+    if(!Array.isArray(context.modeBarButtonsToRemove)) {
+        throw new Error([
+            '*modeBarButtonsToRemove* configuration options',
+            'must be an array.'
+        ].join(' '));
+    }
+
+    if(!Array.isArray(context.modeBarButtonsToAdd)) {
+        throw new Error([
+            '*modeBarButtonsToAdd* configuration options',
+            'must be an array.'
+        ].join(' '));
+    }
+
+    var customButtons = context.modeBarButtons;
+    var buttonGroups;
+
+    if(Array.isArray(customButtons) && customButtons.length) {
+        buttonGroups = fillCustomButton(customButtons);
+    }
+    else {
+        buttonGroups = getButtonGroups(
+            gd,
+            context.modeBarButtonsToRemove,
+            context.modeBarButtonsToAdd
+        );
+    }
+
+    if(modeBar) modeBar.update(gd, buttonGroups);
+    else fullLayout._modeBar = createModeBar(gd, buttonGroups);
+};
+
+// logic behind which buttons are displayed by default
+function getButtonGroups(gd, buttonsToRemove, buttonsToAdd) {
+    var fullLayout = gd._fullLayout;
+    var fullData = gd._fullData;
+
+    var hasCartesian = fullLayout._has('cartesian');
+    var hasGL3D = fullLayout._has('gl3d');
+    var hasGeo = fullLayout._has('geo');
+    var hasPie = fullLayout._has('pie');
+    var hasGL2D = fullLayout._has('gl2d');
+    var hasTernary = fullLayout._has('ternary');
+    var hasMapbox = fullLayout._has('mapbox');
+
+    var groups = [];
+
+    function addGroup(newGroup) {
+        var out = [];
+
+        for(var i = 0; i < newGroup.length; i++) {
+            var button = newGroup[i];
+            if(buttonsToRemove.indexOf(button) !== -1) continue;
+            out.push(modeBarButtons[button]);
+        }
+
+        groups.push(out);
+    }
+
+    // buttons common to all plot types
+    addGroup(['toImage', 'sendDataToCloud']);
+
+    // graphs with more than one plot types get 'union buttons'
+    // which reset the view or toggle hover labels across all subplots.
+    if((hasCartesian || hasGL2D || hasPie || hasTernary) + hasGeo + hasGL3D > 1) {
+        addGroup(['resetViews', 'toggleHover']);
+        return appendButtonsToGroups(groups, buttonsToAdd);
+    }
+
+    if(hasGL3D) {
+        addGroup(['zoom3d', 'pan3d', 'orbitRotation', 'tableRotation']);
+        addGroup(['resetCameraDefault3d', 'resetCameraLastSave3d']);
+        addGroup(['hoverClosest3d']);
+    }
+
+    var allAxesFixed = areAllAxesFixed(fullLayout),
+        dragModeGroup = [];
+
+    if(((hasCartesian || hasGL2D) && !allAxesFixed) || hasTernary) {
+        dragModeGroup = ['zoom2d', 'pan2d'];
+    }
+    if(hasMapbox || hasGeo) {
+        dragModeGroup = ['pan2d'];
+    }
+    if(isSelectable(fullData)) {
+        dragModeGroup.push('select2d');
+        dragModeGroup.push('lasso2d');
+    }
+    if(dragModeGroup.length) addGroup(dragModeGroup);
+
+    if((hasCartesian || hasGL2D) && !allAxesFixed && !hasTernary) {
+        addGroup(['zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d']);
+    }
+
+    if(hasCartesian && hasPie) {
+        addGroup(['toggleHover']);
+    } else if(hasGL2D) {
+        addGroup(['hoverClosestGl2d']);
+    } else if(hasCartesian) {
+        addGroup(['toggleSpikelines', 'hoverClosestCartesian', 'hoverCompareCartesian']);
+    } else if(hasPie) {
+        addGroup(['hoverClosestPie']);
+    } else if(hasMapbox) {
+        addGroup(['resetViewMapbox', 'toggleHover']);
+    } else if(hasGeo) {
+        addGroup(['zoomInGeo', 'zoomOutGeo', 'resetGeo']);
+        addGroup(['hoverClosestGeo']);
+    }
+
+    return appendButtonsToGroups(groups, buttonsToAdd);
+}
+
+function areAllAxesFixed(fullLayout) {
+    var axList = Axes.list({_fullLayout: fullLayout}, null, true);
+    var allFixed = true;
+
+    for(var i = 0; i < axList.length; i++) {
+        if(!axList[i].fixedrange) {
+            allFixed = false;
+            break;
+        }
+    }
+
+    return allFixed;
+}
+
+// look for traces that support selection
+// to be updated as we add more selectPoints handlers
+function isSelectable(fullData) {
+    var selectable = false;
+
+    for(var i = 0; i < fullData.length; i++) {
+        if(selectable) break;
+
+        var trace = fullData[i];
+
+        if(!trace._module || !trace._module.selectPoints) continue;
+
+        if(Registry.traceIs(trace, 'scatter-like')) {
+            if(scatterSubTypes.hasMarkers(trace) || scatterSubTypes.hasText(trace)) {
+                selectable = true;
+            }
+        }
+        // assume that in general if the trace module has selectPoints,
+        // then it's selectable. Scatter is an exception to this because it must
+        // have markers or text, not just be a scatter type.
+        else selectable = true;
+    }
+
+    return selectable;
+}
+
+function appendButtonsToGroups(groups, buttons) {
+    if(buttons.length) {
+        if(Array.isArray(buttons[0])) {
+            for(var i = 0; i < buttons.length; i++) {
+                groups.push(buttons[i]);
+            }
+        }
+        else groups.push(buttons);
+    }
+
+    return groups;
+}
+
+// fill in custom buttons referring to default mode bar buttons
+function fillCustomButton(customButtons) {
+    for(var i = 0; i < customButtons.length; i++) {
+        var buttonGroup = customButtons[i];
+
+        for(var j = 0; j < buttonGroup.length; j++) {
+            var button = buttonGroup[j];
+
+            if(typeof button === 'string') {
+                if(modeBarButtons[button] !== undefined) {
+                    customButtons[i][j] = modeBarButtons[button];
+                }
+                else {
+                    throw new Error([
+                        '*modeBarButtons* configuration options',
+                        'invalid button name'
+                    ].join(' '));
+                }
+            }
+        }
+    }
+
+    return customButtons;
+}
+
+},{"../../plots/cartesian/axes":772,"../../registry":846,"../../traces/scatter/subtypes":1052,"./buttons":664,"./modebar":667}],667:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../../lib');
+var Icons = require('../../../build/ploticon');
+
+
+/**
+ * UI controller for interactive plots
+ * @Class
+ * @Param {object} opts
+ * @Param {object} opts.buttons    nested arrays of grouped buttons config objects
+ * @Param {object} opts.container  container div to append modeBar
+ * @Param {object} opts.graphInfo  primary plot object containing data and layout
+ */
+function ModeBar(opts) {
+    this.container = opts.container;
+    this.element = document.createElement('div');
+
+    this.update(opts.graphInfo, opts.buttons);
+
+    this.container.appendChild(this.element);
+}
+
+var proto = ModeBar.prototype;
+
+/**
+ * Update modeBar (buttons and logo)
+ *
+ * @param {object} graphInfo  primary plot object containing data and layout
+ * @param {array of arrays} buttons nested arrays of grouped buttons to initialize
+ *
+ */
+proto.update = function(graphInfo, buttons) {
+    this.graphInfo = graphInfo;
+
+    var context = this.graphInfo._context;
+
+    if(context.displayModeBar === 'hover') {
+        this.element.className = 'modebar modebar--hover';
+    }
+    else this.element.className = 'modebar';
+
+    // if buttons or logo have changed, redraw modebar interior
+    var needsNewButtons = !this.hasButtons(buttons),
+        needsNewLogo = (this.hasLogo !== context.displaylogo);
+
+    if(needsNewButtons || needsNewLogo) {
+        this.removeAllButtons();
+
+        this.updateButtons(buttons);
+
+        if(context.displaylogo) {
+            this.element.appendChild(this.getLogo());
+            this.hasLogo = true;
+        }
+    }
+
+    this.updateActiveButton();
+};
+
+proto.updateButtons = function(buttons) {
+    var _this = this;
+
+    this.buttons = buttons;
+    this.buttonElements = [];
+    this.buttonsNames = [];
+
+    this.buttons.forEach(function(buttonGroup) {
+        var group = _this.createGroup();
+
+        buttonGroup.forEach(function(buttonConfig) {
+            var buttonName = buttonConfig.name;
+            if(!buttonName) {
+                throw new Error('must provide button \'name\' in button config');
+            }
+            if(_this.buttonsNames.indexOf(buttonName) !== -1) {
+                throw new Error('button name \'' + buttonName + '\' is taken');
+            }
+            _this.buttonsNames.push(buttonName);
+
+            var button = _this.createButton(buttonConfig);
+            _this.buttonElements.push(button);
+            group.appendChild(button);
+        });
+
+        _this.element.appendChild(group);
+    });
+};
+
+/**
+ * Empty div for containing a group of buttons
+ * @Return {HTMLelement}
+ */
+proto.createGroup = function() {
+    var group = document.createElement('div');
+    group.className = 'modebar-group';
+
+    return group;
+};
+
+/**
+ * Create a new button div and set constant and configurable attributes
+ * @Param {object} config (see ./buttons.js for more info)
+ * @Return {HTMLelement}
+ */
+proto.createButton = function(config) {
+    var _this = this,
+        button = document.createElement('a');
+
+    button.setAttribute('rel', 'tooltip');
+    button.className = 'modebar-btn';
+
+    var title = config.title;
+    if(title === undefined) title = config.name;
+    if(title || title === 0) button.setAttribute('data-title', title);
+
+    if(config.attr !== undefined) button.setAttribute('data-attr', config.attr);
+
+    var val = config.val;
+    if(val !== undefined) {
+        if(typeof val === 'function') val = val(this.graphInfo);
+        button.setAttribute('data-val', val);
+    }
+
+    var click = config.click;
+    if(typeof click !== 'function') {
+        throw new Error('must provide button \'click\' function in button config');
+    }
+    else {
+        button.addEventListener('click', function(ev) {
+            config.click(_this.graphInfo, ev);
+
+            // only needed for 'hoverClosestGeo' which does not call relayout
+            _this.updateActiveButton(ev.currentTarget);
+        });
+    }
+
+    button.setAttribute('data-toggle', config.toggle || false);
+    if(config.toggle) d3.select(button).classed('active', true);
+
+    button.appendChild(this.createIcon(config.icon || Icons.question, config.name));
+    button.setAttribute('data-gravity', config.gravity || 'n');
+
+    return button;
+};
+
+/**
+ * Add an icon to a button
+ * @Param {object} thisIcon
+ * @Param {number} thisIcon.width
+ * @Param {string} thisIcon.path
+ * @Return {HTMLelement}
+ */
+proto.createIcon = function(thisIcon, name) {
+    var iconHeight = thisIcon.ascent - thisIcon.descent,
+        svgNS = 'http://www.w3.org/2000/svg',
+        icon = document.createElementNS(svgNS, 'svg'),
+        path = document.createElementNS(svgNS, 'path');
+
+    icon.setAttribute('height', '1em');
+    icon.setAttribute('width', (thisIcon.width / iconHeight) + 'em');
+    icon.setAttribute('viewBox', [0, 0, thisIcon.width, iconHeight].join(' '));
+
+    var transform = name === 'toggleSpikelines' ?
+        'matrix(1.5 0 0 -1.5 0 ' + thisIcon.ascent + ')' :
+        'matrix(1 0 0 -1 0 ' + thisIcon.ascent + ')';
+
+    path.setAttribute('d', thisIcon.path);
+    path.setAttribute('transform', transform);
+    icon.appendChild(path);
+
+    return icon;
+};
+
+/**
+ * Updates active button with attribute specified in layout
+ * @Param {object} graphInfo plot object containing data and layout
+ * @Return {HTMLelement}
+ */
+proto.updateActiveButton = function(buttonClicked) {
+    var fullLayout = this.graphInfo._fullLayout,
+        dataAttrClicked = (buttonClicked !== undefined) ?
+            buttonClicked.getAttribute('data-attr') :
+            null;
+
+    this.buttonElements.forEach(function(button) {
+        var thisval = button.getAttribute('data-val') || true,
+            dataAttr = button.getAttribute('data-attr'),
+            isToggleButton = (button.getAttribute('data-toggle') === 'true'),
+            button3 = d3.select(button);
+
+        // Use 'data-toggle' and 'buttonClicked' to toggle buttons
+        // that have no one-to-one equivalent in fullLayout
+        if(isToggleButton) {
+            if(dataAttr === dataAttrClicked) {
+                button3.classed('active', !button3.classed('active'));
+            }
+        }
+        else {
+            var val = (dataAttr === null) ?
+                dataAttr :
+                Lib.nestedProperty(fullLayout, dataAttr).get();
+
+            button3.classed('active', val === thisval);
+        }
+
+    });
+};
+
+/**
+ * Check if modeBar is configured as button configuration argument
+ *
+ * @Param {object} buttons 2d array of grouped button config objects
+ * @Return {boolean}
+ */
+proto.hasButtons = function(buttons) {
+    var currentButtons = this.buttons;
+
+    if(!currentButtons) return false;
+
+    if(buttons.length !== currentButtons.length) return false;
+
+    for(var i = 0; i < buttons.length; ++i) {
+        if(buttons[i].length !== currentButtons[i].length) return false;
+        for(var j = 0; j < buttons[i].length; j++) {
+            if(buttons[i][j].name !== currentButtons[i][j].name) return false;
+        }
+    }
+
+    return true;
+};
+
+/**
+ * @return {HTMLDivElement} The logo image wrapped in a group
+ */
+proto.getLogo = function() {
+    var group = this.createGroup(),
+        a = document.createElement('a');
+
+    a.href = 'https://plot.ly/';
+    a.target = '_blank';
+    a.setAttribute('data-title', 'Produced with Plotly');
+    a.className = 'modebar-btn plotlyjsicon modebar-btn--logo';
+
+    a.appendChild(this.createIcon(Icons.plotlylogo));
+
+    group.appendChild(a);
+    return group;
+};
+
+proto.removeAllButtons = function() {
+    while(this.element.firstChild) {
+        this.element.removeChild(this.element.firstChild);
+    }
+
+    this.hasLogo = false;
+};
+
+proto.destroy = function() {
+    Lib.removeElement(this.container.querySelector('.modebar'));
+};
+
+function createModeBar(gd, buttons) {
+    var fullLayout = gd._fullLayout;
+
+    var modeBar = new ModeBar({
+        graphInfo: gd,
+        container: fullLayout._paperdiv.node(),
+        buttons: buttons
+    });
+
+    if(fullLayout._privateplot) {
+        d3.select(modeBar.element).append('span')
+            .classed('badge-private float--left', true)
+            .text('PRIVATE');
+    }
+
+    return modeBar;
+}
+
+module.exports = createModeBar;
+
+},{"../../../build/ploticon":2,"../../lib":728,"d3":122}],668:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var colorAttrs = require('../color/attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var buttonAttrs = require('./button_attributes');
+
+buttonAttrs = extendFlat(buttonAttrs, {
+    _isLinkedToArray: 'button',
+
+    
+});
+
+module.exports = {
+    visible: {
+        valType: 'boolean',
+        
+        editType: 'plot',
+        
+    },
+
+    buttons: buttonAttrs,
+
+    x: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        
+        editType: 'plot',
+        
+    },
+    xanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'left', 'center', 'right'],
+        dflt: 'left',
+        
+        editType: 'plot',
+        
+    },
+    y: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        
+        editType: 'plot',
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'top', 'middle', 'bottom'],
+        dflt: 'bottom',
+        
+        editType: 'plot',
+        
+    },
+
+    font: fontAttrs({
+        editType: 'plot',
+        
+    }),
+
+    bgcolor: {
+        valType: 'color',
+        dflt: colorAttrs.lightLine,
+        
+        editType: 'plot',
+        
+    },
+    activecolor: {
+        valType: 'color',
+        
+        editType: 'plot',
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'plot',
+        
+    },
+    borderwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'plot',
+        
+    },
+    editType: 'plot'
+};
+
+},{"../../lib/extend":717,"../../plots/font_attributes":796,"../color/attributes":603,"./button_attributes":669}],669:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    step: {
+        valType: 'enumerated',
+        
+        values: ['month', 'year', 'day', 'hour', 'minute', 'second', 'all'],
+        dflt: 'month',
+        editType: 'plot',
+        
+    },
+    stepmode: {
+        valType: 'enumerated',
+        
+        values: ['backward', 'todate'],
+        dflt: 'backward',
+        editType: 'plot',
+        
+    },
+    count: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        editType: 'plot',
+        
+    },
+    label: {
+        valType: 'string',
+        
+        editType: 'plot',
+        
+    },
+    editType: 'plot'
+};
+
+},{}],670:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+
+    // 'y' position pad above counter axis domain
+    yPad: 0.02,
+
+    // minimum button width (regardless of text size)
+    minButtonWidth: 30,
+
+    // buttons rect radii
+    rx: 3,
+    ry: 3,
+
+    // light fraction used to compute the 'activecolor' default
+    lightAmount: 25,
+    darkAmount: 10
+};
+
+},{}],671:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Color = require('../color');
+
+var attributes = require('./attributes');
+var buttonAttrs = require('./button_attributes');
+var constants = require('./constants');
+
+
+module.exports = function handleDefaults(containerIn, containerOut, layout, counterAxes, calendar) {
+    var selectorIn = containerIn.rangeselector || {},
+        selectorOut = containerOut.rangeselector = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(selectorIn, selectorOut, attributes, attr, dflt);
+    }
+
+    var buttons = buttonsDefaults(selectorIn, selectorOut, calendar);
+
+    var visible = coerce('visible', buttons.length > 0);
+    if(!visible) return;
+
+    var posDflt = getPosDflt(containerOut, layout, counterAxes);
+    coerce('x', posDflt[0]);
+    coerce('y', posDflt[1]);
+    Lib.noneOrAll(containerIn, containerOut, ['x', 'y']);
+
+    coerce('xanchor');
+    coerce('yanchor');
+
+    Lib.coerceFont(coerce, 'font', layout.font);
+
+    var bgColor = coerce('bgcolor');
+    coerce('activecolor', Color.contrast(bgColor, constants.lightAmount, constants.darkAmount));
+    coerce('bordercolor');
+    coerce('borderwidth');
+};
+
+function buttonsDefaults(containerIn, containerOut, calendar) {
+    var buttonsIn = containerIn.buttons || [],
+        buttonsOut = containerOut.buttons = [];
+
+    var buttonIn, buttonOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt);
+    }
+
+    for(var i = 0; i < buttonsIn.length; i++) {
+        buttonIn = buttonsIn[i];
+        buttonOut = {};
+
+        if(!Lib.isPlainObject(buttonIn)) continue;
+
+        var step = coerce('step');
+        if(step !== 'all') {
+            if(calendar && calendar !== 'gregorian' && (step === 'month' || step === 'year')) {
+                buttonOut.stepmode = 'backward';
+            }
+            else {
+                coerce('stepmode');
+            }
+
+            coerce('count');
+        }
+
+        coerce('label');
+
+        buttonOut._index = i;
+        buttonsOut.push(buttonOut);
+    }
+
+    return buttonsOut;
+}
+
+function getPosDflt(containerOut, layout, counterAxes) {
+    var anchoredList = counterAxes.filter(function(ax) {
+        return layout[ax].anchor === containerOut._id;
+    });
+
+    var posY = 0;
+    for(var i = 0; i < anchoredList.length; i++) {
+        var domain = layout[anchoredList[i]].domain;
+        if(domain) posY = Math.max(domain[1], posY);
+    }
+
+    return [containerOut.domain[0], posY + constants.yPad];
+}
+
+},{"../../lib":728,"../color":604,"./attributes":668,"./button_attributes":669,"./constants":670}],672:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+var Color = require('../color');
+var Drawing = require('../drawing');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var axisIds = require('../../plots/cartesian/axis_ids');
+var anchorUtils = require('../legend/anchor_utils');
+
+var LINE_SPACING = require('../../constants/alignment').LINE_SPACING;
+
+var constants = require('./constants');
+var getUpdateObject = require('./get_update_object');
+
+
+module.exports = function draw(gd) {
+    var fullLayout = gd._fullLayout;
+
+    var selectors = fullLayout._infolayer.selectAll('.rangeselector')
+        .data(makeSelectorData(gd), selectorKeyFunc);
+
+    selectors.enter().append('g')
+        .classed('rangeselector', true);
+
+    selectors.exit().remove();
+
+    selectors.style({
+        cursor: 'pointer',
+        'pointer-events': 'all'
+    });
+
+    selectors.each(function(d) {
+        var selector = d3.select(this),
+            axisLayout = d,
+            selectorLayout = axisLayout.rangeselector;
+
+        var buttons = selector.selectAll('g.button')
+            .data(selectorLayout.buttons);
+
+        buttons.enter().append('g')
+            .classed('button', true);
+
+        buttons.exit().remove();
+
+        buttons.each(function(d) {
+            var button = d3.select(this);
+            var update = getUpdateObject(axisLayout, d);
+
+            d.isActive = isActive(axisLayout, d, update);
+
+            button.call(drawButtonRect, selectorLayout, d);
+            button.call(drawButtonText, selectorLayout, d, gd);
+
+            button.on('click', function() {
+                if(gd._dragged) return;
+
+                Plotly.relayout(gd, update);
+            });
+
+            button.on('mouseover', function() {
+                d.isHovered = true;
+                button.call(drawButtonRect, selectorLayout, d);
+            });
+
+            button.on('mouseout', function() {
+                d.isHovered = false;
+                button.call(drawButtonRect, selectorLayout, d);
+            });
+        });
+
+        // N.B. this mutates selectorLayout
+        reposition(gd, buttons, selectorLayout, axisLayout._name);
+
+        selector.attr('transform', 'translate(' +
+            selectorLayout.lx + ',' + selectorLayout.ly +
+        ')');
+    });
+
+};
+
+function makeSelectorData(gd) {
+    var axes = axisIds.list(gd, 'x', true);
+    var data = [];
+
+    for(var i = 0; i < axes.length; i++) {
+        var axis = axes[i];
+
+        if(axis.rangeselector && axis.rangeselector.visible) {
+            data.push(axis);
+        }
+    }
+
+    return data;
+}
+
+function selectorKeyFunc(d) {
+    return d._id;
+}
+
+function isActive(axisLayout, opts, update) {
+    if(opts.step === 'all') {
+        return axisLayout.autorange === true;
+    }
+    else {
+        var keys = Object.keys(update);
+
+        return (
+            axisLayout.range[0] === update[keys[0]] &&
+            axisLayout.range[1] === update[keys[1]]
+        );
+    }
+}
+
+function drawButtonRect(button, selectorLayout, d) {
+    var rect = button.selectAll('rect')
+        .data([0]);
+
+    rect.enter().append('rect')
+        .classed('selector-rect', true);
+
+    rect.attr('shape-rendering', 'crispEdges');
+
+    rect.attr({
+        'rx': constants.rx,
+        'ry': constants.ry
+    });
+
+    rect.call(Color.stroke, selectorLayout.bordercolor)
+        .call(Color.fill, getFillColor(selectorLayout, d))
+        .style('stroke-width', selectorLayout.borderwidth + 'px');
+}
+
+function getFillColor(selectorLayout, d) {
+    return (d.isActive || d.isHovered) ?
+        selectorLayout.activecolor :
+        selectorLayout.bgcolor;
+}
+
+function drawButtonText(button, selectorLayout, d, gd) {
+    function textLayout(s) {
+        svgTextUtils.convertToTspans(s, gd);
+    }
+
+    var text = button.selectAll('text')
+        .data([0]);
+
+    text.enter().append('text')
+        .classed('selector-text', true)
+        .classed('user-select-none', true);
+
+    text.attr('text-anchor', 'middle');
+
+    text.call(Drawing.font, selectorLayout.font)
+        .text(getLabel(d))
+        .call(textLayout);
+}
+
+function getLabel(opts) {
+    if(opts.label) return opts.label;
+
+    if(opts.step === 'all') return 'all';
+
+    return opts.count + opts.step.charAt(0);
+}
+
+function reposition(gd, buttons, opts, axName) {
+    opts.width = 0;
+    opts.height = 0;
+
+    var borderWidth = opts.borderwidth;
+
+    buttons.each(function() {
+        var button = d3.select(this);
+        var text = button.select('.selector-text');
+
+        var tHeight = opts.font.size * LINE_SPACING;
+        var hEff = Math.max(tHeight * svgTextUtils.lineCount(text), 16) + 3;
+
+        opts.height = Math.max(opts.height, hEff);
+    });
+
+    buttons.each(function() {
+        var button = d3.select(this);
+        var rect = button.select('.selector-rect');
+        var text = button.select('.selector-text');
+
+        var tWidth = text.node() && Drawing.bBox(text.node()).width;
+        var tHeight = opts.font.size * LINE_SPACING;
+        var tLines = svgTextUtils.lineCount(text);
+
+        var wEff = Math.max(tWidth + 10, constants.minButtonWidth);
+
+        // TODO add MathJax support
+
+        // TODO add buttongap attribute
+
+        button.attr('transform', 'translate(' +
+            (borderWidth + opts.width) + ',' + borderWidth +
+        ')');
+
+        rect.attr({
+            x: 0,
+            y: 0,
+            width: wEff,
+            height: opts.height
+        });
+
+        svgTextUtils.positionText(text, wEff / 2,
+            opts.height / 2 - ((tLines - 1) * tHeight / 2) + 3);
+
+        opts.width += wEff + 5;
+    });
+
+    buttons.selectAll('rect').attr('height', opts.height);
+
+    var graphSize = gd._fullLayout._size;
+    opts.lx = graphSize.l + graphSize.w * opts.x;
+    opts.ly = graphSize.t + graphSize.h * (1 - opts.y);
+
+    var xanchor = 'left';
+    if(anchorUtils.isRightAnchor(opts)) {
+        opts.lx -= opts.width;
+        xanchor = 'right';
+    }
+    if(anchorUtils.isCenterAnchor(opts)) {
+        opts.lx -= opts.width / 2;
+        xanchor = 'center';
+    }
+
+    var yanchor = 'top';
+    if(anchorUtils.isBottomAnchor(opts)) {
+        opts.ly -= opts.height;
+        yanchor = 'bottom';
+    }
+    if(anchorUtils.isMiddleAnchor(opts)) {
+        opts.ly -= opts.height / 2;
+        yanchor = 'middle';
+    }
+
+    opts.width = Math.ceil(opts.width);
+    opts.height = Math.ceil(opts.height);
+    opts.lx = Math.round(opts.lx);
+    opts.ly = Math.round(opts.ly);
+
+    Plots.autoMargin(gd, axName + '-range-selector', {
+        x: opts.x,
+        y: opts.y,
+        l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0),
+        r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0),
+        b: opts.height * ({top: 1, middle: 0.5}[yanchor] || 0),
+        t: opts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0)
+    });
+}
+
+},{"../../constants/alignment":701,"../../lib/svg_text_utils":750,"../../plotly":767,"../../plots/cartesian/axis_ids":775,"../../plots/plots":831,"../color":604,"../drawing":628,"../legend/anchor_utils":654,"./constants":670,"./get_update_object":673,"d3":122}],673:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+module.exports = function getUpdateObject(axisLayout, buttonLayout) {
+    var axName = axisLayout._name;
+    var update = {};
+
+    if(buttonLayout.step === 'all') {
+        update[axName + '.autorange'] = true;
+    }
+    else {
+        var xrange = getXRange(axisLayout, buttonLayout);
+
+        update[axName + '.range[0]'] = xrange[0];
+        update[axName + '.range[1]'] = xrange[1];
+    }
+
+    return update;
+};
+
+function getXRange(axisLayout, buttonLayout) {
+    var currentRange = axisLayout.range;
+    var base = new Date(axisLayout.r2l(currentRange[1]));
+
+    var step = buttonLayout.step,
+        count = buttonLayout.count;
+
+    var range0;
+
+    switch(buttonLayout.stepmode) {
+        case 'backward':
+            range0 = axisLayout.l2r(+d3.time[step].utc.offset(base, -count));
+            break;
+
+        case 'todate':
+            var base2 = d3.time[step].utc.offset(base, -count);
+
+            range0 = axisLayout.l2r(+d3.time[step].utc.ceil(base2));
+            break;
+    }
+
+    var range1 = currentRange[1];
+
+    return [range0, range1];
+}
+
+},{"d3":122}],674:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    moduleType: 'component',
+    name: 'rangeselector',
+
+    schema: {
+        subplots: {
+            xaxis: {rangeselector: require('./attributes')}
+        }
+    },
+
+    layoutAttributes: require('./attributes'),
+    handleDefaults: require('./defaults'),
+
+    draw: require('./draw')
+};
+
+},{"./attributes":668,"./defaults":671,"./draw":672}],675:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttributes = require('../color/attributes');
+
+module.exports = {
+    bgcolor: {
+        valType: 'color',
+        dflt: colorAttributes.background,
+        
+        editType: 'calc',
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: colorAttributes.defaultLine,
+        
+        editType: 'calc',
+        
+    },
+    borderwidth: {
+        valType: 'integer',
+        dflt: 0,
+        min: 0,
+        
+        editType: 'calc',
+        
+    },
+    autorange: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    range: {
+        valType: 'info_array',
+        
+        items: [
+            {valType: 'any', editType: 'calc'},
+            {valType: 'any', editType: 'calc'}
+        ],
+        editType: 'calc',
+        
+    },
+    thickness: {
+        valType: 'number',
+        dflt: 0.15,
+        min: 0,
+        max: 1,
+        
+        editType: 'calc',
+        
+    },
+    visible: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    editType: 'calc'
+};
+
+},{"../color/attributes":603}],676:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var constants = require('./constants');
+
+module.exports = function calcAutorange(gd) {
+    var axes = Axes.list(gd, 'x', true);
+
+    // Compute new slider range using axis autorange if necessary.
+    //
+    // Copy back range to input range slider container to skip
+    // this step in subsequent draw calls.
+
+    for(var i = 0; i < axes.length; i++) {
+        var ax = axes[i],
+            opts = ax[constants.name];
+
+        // Don't try calling getAutoRange if _min and _max are filled in.
+        // This happens on updates where the calc step is skipped.
+
+        if(opts && opts.visible && opts.autorange && ax._min.length && ax._max.length) {
+            opts._input.autorange = true;
+            opts._input.range = opts.range = Axes.getAutoRange(ax);
+        }
+    }
+};
+
+},{"../../plots/cartesian/axes":772,"./constants":677}],677:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+
+    // attribute container name
+    name: 'rangeslider',
+
+    // class names
+
+    containerClassName: 'rangeslider-container',
+    bgClassName: 'rangeslider-bg',
+    rangePlotClassName: 'rangeslider-rangeplot',
+
+    maskMinClassName: 'rangeslider-mask-min',
+    maskMaxClassName: 'rangeslider-mask-max',
+    slideBoxClassName: 'rangeslider-slidebox',
+
+    grabberMinClassName: 'rangeslider-grabber-min',
+    grabAreaMinClassName: 'rangeslider-grabarea-min',
+    handleMinClassName: 'rangeslider-handle-min',
+
+    grabberMaxClassName: 'rangeslider-grabber-max',
+    grabAreaMaxClassName: 'rangeslider-grabarea-max',
+    handleMaxClassName: 'rangeslider-handle-max',
+
+    // style constants
+
+    maskColor: 'rgba(0,0,0,0.4)',
+
+    slideBoxFill: 'transparent',
+    slideBoxCursor: 'ew-resize',
+
+    grabAreaFill: 'transparent',
+    grabAreaCursor: 'col-resize',
+    grabAreaWidth: 10,
+
+    handleWidth: 4,
+    handleRadius: 1,
+    handleStrokeWidth: 1,
+
+    extraPad: 15
+};
+
+},{}],678:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+
+module.exports = function handleDefaults(layoutIn, layoutOut, axName) {
+    if(!layoutIn[axName].rangeslider) return;
+
+    // not super proud of this (maybe store _ in axis object instead
+    if(!Lib.isPlainObject(layoutIn[axName].rangeslider)) {
+        layoutIn[axName].rangeslider = {};
+    }
+
+    var containerIn = layoutIn[axName].rangeslider,
+        axOut = layoutOut[axName],
+        containerOut = axOut.rangeslider = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, attributes, attr, dflt);
+    }
+
+    var visible = coerce('visible');
+    if(!visible) return;
+
+    coerce('bgcolor', layoutOut.plot_bgcolor);
+    coerce('bordercolor');
+    coerce('borderwidth');
+    coerce('thickness');
+
+    coerce('autorange', !axOut.isValidRange(containerIn.range));
+    coerce('range');
+
+    // Expand slider range to the axis range
+    // TODO: what if the ranges are reversed?
+    if(containerOut.range) {
+        var outRange = containerOut.range,
+            axRange = axOut.range;
+
+        outRange[0] = axOut.l2r(Math.min(axOut.r2l(outRange[0]), axOut.r2l(axRange[0])));
+        outRange[1] = axOut.l2r(Math.max(axOut.r2l(outRange[1]), axOut.r2l(axRange[1])));
+    }
+
+    axOut.cleanRange('rangeslider.range');
+
+    // to map back range slider (auto) range
+    containerOut._input = containerIn;
+};
+
+},{"../../lib":728,"./attributes":675}],679:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+
+var Lib = require('../../lib');
+var Drawing = require('../drawing');
+var Color = require('../color');
+
+var Cartesian = require('../../plots/cartesian');
+var Axes = require('../../plots/cartesian/axes');
+
+var dragElement = require('../dragelement');
+var setCursor = require('../../lib/setcursor');
+
+var constants = require('./constants');
+
+
+module.exports = function(gd) {
+    var fullLayout = gd._fullLayout,
+        rangeSliderData = makeRangeSliderData(fullLayout);
+
+    /*
+     * <g container />
+     *  <rect bg />
+     *  < .... range plot />
+     *  <rect mask-min />
+     *  <rect mask-max />
+     *  <rect slidebox />
+     *  <g grabber-min />
+     *      <rect handle-min />
+     *      <rect grabare-min />
+     *  <g grabber-max />
+     *      <rect handle-max />
+     *      <rect grabare-max />
+     *
+     *  ...
+     */
+
+    function keyFunction(axisOpts) {
+        return axisOpts._name;
+    }
+
+    var rangeSliders = fullLayout._infolayer
+        .selectAll('g.' + constants.containerClassName)
+        .data(rangeSliderData, keyFunction);
+
+    rangeSliders.enter().append('g')
+        .classed(constants.containerClassName, true)
+        .attr('pointer-events', 'all');
+
+    // remove exiting sliders and their corresponding clip paths
+    rangeSliders.exit().each(function(axisOpts) {
+        var rangeSlider = d3.select(this),
+            opts = axisOpts[constants.name];
+
+        rangeSlider.remove();
+        fullLayout._topdefs.select('#' + opts._clipId).remove();
+    });
+
+    // remove push margin object(s)
+    if(rangeSliders.exit().size()) clearPushMargins(gd);
+
+    // return early if no range slider is visible
+    if(rangeSliderData.length === 0) return;
+
+    // for all present range sliders
+    rangeSliders.each(function(axisOpts) {
+        var rangeSlider = d3.select(this),
+            opts = axisOpts[constants.name],
+            oppAxisOpts = fullLayout[Axes.id2name(axisOpts.anchor)];
+
+        // update range slider dimensions
+
+        var margin = fullLayout.margin,
+            graphSize = fullLayout._size,
+            domain = axisOpts.domain,
+            oppDomain = oppAxisOpts.domain,
+            tickHeight = (axisOpts._boundingBox || {}).height || 0;
+
+        opts._id = constants.name + axisOpts._id;
+        opts._clipId = opts._id + '-' + fullLayout._uid;
+
+        opts._width = graphSize.w * (domain[1] - domain[0]);
+        opts._height = (fullLayout.height - margin.b - margin.t) * opts.thickness;
+        opts._offsetShift = Math.floor(opts.borderwidth / 2);
+
+        var x = Math.round(margin.l + (graphSize.w * domain[0]));
+
+        var y = Math.round(
+            margin.t + graphSize.h * (1 - oppDomain[0]) +
+            tickHeight +
+            opts._offsetShift + constants.extraPad
+        );
+
+        rangeSlider.attr('transform', 'translate(' + x + ',' + y + ')');
+
+        // update data <--> pixel coordinate conversion methods
+
+        var range0 = axisOpts.r2l(opts.range[0]),
+            range1 = axisOpts.r2l(opts.range[1]),
+            dist = range1 - range0;
+
+        opts.p2d = function(v) {
+            return (v / opts._width) * dist + range0;
+        };
+
+        opts.d2p = function(v) {
+            return (v - range0) / dist * opts._width;
+        };
+
+        opts._rl = [range0, range1];
+
+        // update inner nodes
+
+        rangeSlider
+            .call(drawBg, gd, axisOpts, opts)
+            .call(addClipPath, gd, axisOpts, opts)
+            .call(drawRangePlot, gd, axisOpts, opts)
+            .call(drawMasks, gd, axisOpts, opts)
+            .call(drawSlideBox, gd, axisOpts, opts)
+            .call(drawGrabbers, gd, axisOpts, opts);
+
+        // setup drag element
+        setupDragElement(rangeSlider, gd, axisOpts, opts);
+
+        // update current range
+        setPixelRange(rangeSlider, gd, axisOpts, opts);
+
+        // update margins
+
+        Plots.autoMargin(gd, opts._id, {
+            x: domain[0],
+            y: oppDomain[0],
+            l: 0,
+            r: 0,
+            t: 0,
+            b: opts._height + margin.b + tickHeight,
+            pad: constants.extraPad + opts._offsetShift * 2
+        });
+
+    });
+};
+
+function makeRangeSliderData(fullLayout) {
+    var axes = Axes.list({ _fullLayout: fullLayout }, 'x', true),
+        name = constants.name,
+        out = [];
+
+    if(fullLayout._has('gl2d')) return out;
+
+    for(var i = 0; i < axes.length; i++) {
+        var ax = axes[i];
+
+        if(ax[name] && ax[name].visible) out.push(ax);
+    }
+
+    return out;
+}
+
+function setupDragElement(rangeSlider, gd, axisOpts, opts) {
+    var slideBox = rangeSlider.select('rect.' + constants.slideBoxClassName).node(),
+        grabAreaMin = rangeSlider.select('rect.' + constants.grabAreaMinClassName).node(),
+        grabAreaMax = rangeSlider.select('rect.' + constants.grabAreaMaxClassName).node();
+
+    rangeSlider.on('mousedown', function() {
+        var event = d3.event,
+            target = event.target,
+            startX = event.clientX,
+            offsetX = startX - rangeSlider.node().getBoundingClientRect().left,
+            minVal = opts.d2p(axisOpts._rl[0]),
+            maxVal = opts.d2p(axisOpts._rl[1]);
+
+        var dragCover = dragElement.coverSlip();
+
+        dragCover.addEventListener('mousemove', mouseMove);
+        dragCover.addEventListener('mouseup', mouseUp);
+
+        function mouseMove(e) {
+            var delta = +e.clientX - startX;
+            var pixelMin, pixelMax, cursor;
+
+            switch(target) {
+                case slideBox:
+                    cursor = 'ew-resize';
+                    pixelMin = minVal + delta;
+                    pixelMax = maxVal + delta;
+                    break;
+
+                case grabAreaMin:
+                    cursor = 'col-resize';
+                    pixelMin = minVal + delta;
+                    pixelMax = maxVal;
+                    break;
+
+                case grabAreaMax:
+                    cursor = 'col-resize';
+                    pixelMin = minVal;
+                    pixelMax = maxVal + delta;
+                    break;
+
+                default:
+                    cursor = 'ew-resize';
+                    pixelMin = offsetX;
+                    pixelMax = offsetX + delta;
+                    break;
+            }
+
+            if(pixelMax < pixelMin) {
+                var tmp = pixelMax;
+                pixelMax = pixelMin;
+                pixelMin = tmp;
+            }
+
+            opts._pixelMin = pixelMin;
+            opts._pixelMax = pixelMax;
+
+            setCursor(d3.select(dragCover), cursor);
+            setDataRange(rangeSlider, gd, axisOpts, opts);
+        }
+
+        function mouseUp() {
+            dragCover.removeEventListener('mousemove', mouseMove);
+            dragCover.removeEventListener('mouseup', mouseUp);
+            Lib.removeElement(dragCover);
+        }
+    });
+}
+
+function setDataRange(rangeSlider, gd, axisOpts, opts) {
+
+    function clamp(v) {
+        return axisOpts.l2r(Lib.constrain(v, opts._rl[0], opts._rl[1]));
+    }
+
+    var dataMin = clamp(opts.p2d(opts._pixelMin)),
+        dataMax = clamp(opts.p2d(opts._pixelMax));
+
+    window.requestAnimationFrame(function() {
+        Plotly.relayout(gd, axisOpts._name + '.range', [dataMin, dataMax]);
+    });
+}
+
+function setPixelRange(rangeSlider, gd, axisOpts, opts) {
+    var hw2 = constants.handleWidth / 2;
+
+    function clamp(v) {
+        return Lib.constrain(v, 0, opts._width);
+    }
+
+    function clampHandle(v) {
+        return Lib.constrain(v, -hw2, opts._width + hw2);
+    }
+
+    var pixelMin = clamp(opts.d2p(axisOpts._rl[0])),
+        pixelMax = clamp(opts.d2p(axisOpts._rl[1]));
+
+    rangeSlider.select('rect.' + constants.slideBoxClassName)
+        .attr('x', pixelMin)
+        .attr('width', pixelMax - pixelMin);
+
+    rangeSlider.select('rect.' + constants.maskMinClassName)
+        .attr('width', pixelMin);
+
+    rangeSlider.select('rect.' + constants.maskMaxClassName)
+        .attr('x', pixelMax)
+        .attr('width', opts._width - pixelMax);
+
+    // add offset for crispier corners
+    // https://github.com/plotly/plotly.js/pull/1409
+    var offset = 0.5;
+
+    var xMin = Math.round(clampHandle(pixelMin - hw2)) - offset,
+        xMax = Math.round(clampHandle(pixelMax - hw2)) + offset;
+
+    rangeSlider.select('g.' + constants.grabberMinClassName)
+        .attr('transform', 'translate(' + xMin + ',' + offset + ')');
+
+    rangeSlider.select('g.' + constants.grabberMaxClassName)
+        .attr('transform', 'translate(' + xMax + ',' + offset + ')');
+}
+
+function drawBg(rangeSlider, gd, axisOpts, opts) {
+    var bg = rangeSlider.selectAll('rect.' + constants.bgClassName)
+        .data([0]);
+
+    bg.enter().append('rect')
+        .classed(constants.bgClassName, true)
+        .attr({
+            x: 0,
+            y: 0,
+            'shape-rendering': 'crispEdges'
+        });
+
+    var borderCorrect = (opts.borderwidth % 2) === 0 ?
+            opts.borderwidth :
+            opts.borderwidth - 1;
+
+    var offsetShift = -opts._offsetShift;
+    var lw = Drawing.crispRound(gd, opts.borderwidth);
+
+    bg.attr({
+        width: opts._width + borderCorrect,
+        height: opts._height + borderCorrect,
+        transform: 'translate(' + offsetShift + ',' + offsetShift + ')',
+        fill: opts.bgcolor,
+        stroke: opts.bordercolor,
+        'stroke-width': lw
+    });
+}
+
+function addClipPath(rangeSlider, gd, axisOpts, opts) {
+    var fullLayout = gd._fullLayout;
+
+    var clipPath = fullLayout._topdefs.selectAll('#' + opts._clipId)
+        .data([0]);
+
+    clipPath.enter().append('clipPath')
+        .attr('id', opts._clipId)
+        .append('rect')
+        .attr({ x: 0, y: 0 });
+
+    clipPath.select('rect').attr({
+        width: opts._width,
+        height: opts._height
+    });
+}
+
+function drawRangePlot(rangeSlider, gd, axisOpts, opts) {
+    var subplotData = Axes.getSubplots(gd, axisOpts),
+        calcData = gd.calcdata;
+
+    var rangePlots = rangeSlider.selectAll('g.' + constants.rangePlotClassName)
+        .data(subplotData, Lib.identity);
+
+    rangePlots.enter().append('g')
+        .attr('class', function(id) { return constants.rangePlotClassName + ' ' + id; })
+        .call(Drawing.setClipUrl, opts._clipId);
+
+    rangePlots.order();
+
+    rangePlots.exit().remove();
+
+    var mainplotinfo;
+
+    rangePlots.each(function(id, i) {
+        var plotgroup = d3.select(this),
+            isMainPlot = (i === 0);
+
+        var oppAxisOpts = Axes.getFromId(gd, id, 'y'),
+            oppAxisName = oppAxisOpts._name;
+
+        var mockFigure = {
+            data: [],
+            layout: {
+                xaxis: {
+                    type: axisOpts.type,
+                    domain: [0, 1],
+                    range: opts.range.slice(),
+                    calendar: axisOpts.calendar
+                },
+                width: opts._width,
+                height: opts._height,
+                margin: { t: 0, b: 0, l: 0, r: 0 }
+            }
+        };
+
+        mockFigure.layout[oppAxisName] = {
+            type: oppAxisOpts.type,
+            domain: [0, 1],
+            range: oppAxisOpts.range.slice(),
+            calendar: oppAxisOpts.calendar
+        };
+
+        Plots.supplyDefaults(mockFigure);
+
+        var xa = mockFigure._fullLayout.xaxis,
+            ya = mockFigure._fullLayout[oppAxisName];
+
+        var plotinfo = {
+            id: id,
+            plotgroup: plotgroup,
+            xaxis: xa,
+            yaxis: ya
+        };
+
+        if(isMainPlot) mainplotinfo = plotinfo;
+        else {
+            plotinfo.mainplot = 'xy';
+            plotinfo.mainplotinfo = mainplotinfo;
+        }
+
+        Cartesian.rangePlot(gd, plotinfo, filterRangePlotCalcData(calcData, id));
+    });
+}
+
+function filterRangePlotCalcData(calcData, subplotId) {
+    var out = [];
+
+    for(var i = 0; i < calcData.length; i++) {
+        var calcTrace = calcData[i],
+            trace = calcTrace[0].trace;
+
+        if(trace.xaxis + trace.yaxis === subplotId) {
+            out.push(calcTrace);
+        }
+    }
+
+    return out;
+}
+
+function drawMasks(rangeSlider, gd, axisOpts, opts) {
+    var maskMin = rangeSlider.selectAll('rect.' + constants.maskMinClassName)
+        .data([0]);
+
+    maskMin.enter().append('rect')
+        .classed(constants.maskMinClassName, true)
+        .attr({ x: 0, y: 0 })
+        .attr('shape-rendering', 'crispEdges');
+
+    maskMin
+        .attr('height', opts._height)
+        .call(Color.fill, constants.maskColor);
+
+    var maskMax = rangeSlider.selectAll('rect.' + constants.maskMaxClassName)
+        .data([0]);
+
+    maskMax.enter().append('rect')
+        .classed(constants.maskMaxClassName, true)
+        .attr('y', 0)
+        .attr('shape-rendering', 'crispEdges');
+
+    maskMax
+        .attr('height', opts._height)
+        .call(Color.fill, constants.maskColor);
+}
+
+function drawSlideBox(rangeSlider, gd, axisOpts, opts) {
+    if(gd._context.staticPlot) return;
+
+    var slideBox = rangeSlider.selectAll('rect.' + constants.slideBoxClassName)
+        .data([0]);
+
+    slideBox.enter().append('rect')
+        .classed(constants.slideBoxClassName, true)
+        .attr('y', 0)
+        .attr('cursor', constants.slideBoxCursor)
+        .attr('shape-rendering', 'crispEdges');
+
+    slideBox.attr({
+        height: opts._height,
+        fill: constants.slideBoxFill
+    });
+}
+
+function drawGrabbers(rangeSlider, gd, axisOpts, opts) {
+
+    // <g grabber />
+
+    var grabberMin = rangeSlider.selectAll('g.' + constants.grabberMinClassName)
+        .data([0]);
+    grabberMin.enter().append('g')
+        .classed(constants.grabberMinClassName, true);
+
+    var grabberMax = rangeSlider.selectAll('g.' + constants.grabberMaxClassName)
+        .data([0]);
+    grabberMax.enter().append('g')
+        .classed(constants.grabberMaxClassName, true);
+
+    // <g handle />
+
+    var handleFixAttrs = {
+        x: 0,
+        width: constants.handleWidth,
+        rx: constants.handleRadius,
+        fill: Color.background,
+        stroke: Color.defaultLine,
+        'stroke-width': constants.handleStrokeWidth,
+        'shape-rendering': 'crispEdges'
+    };
+
+    var handleDynamicAttrs = {
+        y: Math.round(opts._height / 4),
+        height: Math.round(opts._height / 2),
+    };
+
+    var handleMin = grabberMin.selectAll('rect.' + constants.handleMinClassName)
+        .data([0]);
+    handleMin.enter().append('rect')
+        .classed(constants.handleMinClassName, true)
+        .attr(handleFixAttrs);
+    handleMin.attr(handleDynamicAttrs);
+
+    var handleMax = grabberMax.selectAll('rect.' + constants.handleMaxClassName)
+        .data([0]);
+    handleMax.enter().append('rect')
+        .classed(constants.handleMaxClassName, true)
+        .attr(handleFixAttrs);
+    handleMax.attr(handleDynamicAttrs);
+
+    // <g grabarea />
+
+    if(gd._context.staticPlot) return;
+
+    var grabAreaFixAttrs = {
+        width: constants.grabAreaWidth,
+        x: 0,
+        y: 0,
+        fill: constants.grabAreaFill,
+        cursor: constants.grabAreaCursor
+    };
+
+    var grabAreaMin = grabberMin.selectAll('rect.' + constants.grabAreaMinClassName)
+        .data([0]);
+    grabAreaMin.enter().append('rect')
+        .classed(constants.grabAreaMinClassName, true)
+        .attr(grabAreaFixAttrs);
+    grabAreaMin.attr('height', opts._height);
+
+    var grabAreaMax = grabberMax.selectAll('rect.' + constants.grabAreaMaxClassName)
+        .data([0]);
+    grabAreaMax.enter().append('rect')
+        .classed(constants.grabAreaMaxClassName, true)
+        .attr(grabAreaFixAttrs);
+    grabAreaMax.attr('height', opts._height);
+}
+
+function clearPushMargins(gd) {
+    var pushMargins = gd._fullLayout._pushmargin || {},
+        keys = Object.keys(pushMargins);
+
+    for(var i = 0; i < keys.length; i++) {
+        var k = keys[i];
+
+        if(k.indexOf(constants.name) !== -1) {
+            Plots.autoMargin(gd, k);
+        }
+    }
+}
+
+},{"../../lib":728,"../../lib/setcursor":746,"../../plotly":767,"../../plots/cartesian":782,"../../plots/cartesian/axes":772,"../../plots/plots":831,"../color":604,"../dragelement":625,"../drawing":628,"./constants":677,"d3":122}],680:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    moduleType: 'component',
+    name: 'rangeslider',
+
+    schema: {
+        subplots: {
+            xaxis: {rangeslider: require('./attributes')}
+        }
+    },
+
+    layoutAttributes: require('./attributes'),
+    handleDefaults: require('./defaults'),
+    calcAutorange: require('./calc_autorange'),
+    draw: require('./draw')
+};
+
+},{"./attributes":675,"./calc_autorange":676,"./defaults":678,"./draw":679}],681:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var annAttrs = require('../annotations/attributes');
+var scatterLineAttrs = require('../../traces/scatter/attributes').line;
+var dash = require('../drawing/attributes').dash;
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = {
+    _isLinkedToArray: 'shape',
+
+    visible: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calcIfAutorange',
+        
+    },
+
+    type: {
+        valType: 'enumerated',
+        values: ['circle', 'rect', 'path', 'line'],
+        
+        editType: 'calcIfAutorange',
+        
+    },
+
+    layer: {
+        valType: 'enumerated',
+        values: ['below', 'above'],
+        dflt: 'above',
+        
+        editType: 'arraydraw',
+        
+    },
+
+    xref: extendFlat({}, annAttrs.xref, {
+        
+    }),
+    x0: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    x1: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+
+    yref: extendFlat({}, annAttrs.yref, {
+        
+    }),
+    y0: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    y1: {
+        valType: 'any',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+
+    path: {
+        valType: 'string',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+
+    opacity: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 1,
+        
+        editType: 'arraydraw',
+        
+    },
+    line: {
+        color: extendFlat({}, scatterLineAttrs.color, {editType: 'arraydraw'}),
+        width: extendFlat({}, scatterLineAttrs.width, {editType: 'calcIfAutorange'}),
+        dash: extendFlat({}, dash, {editType: 'arraydraw'}),
+        
+        editType: 'calcIfAutorange'
+    },
+    fillcolor: {
+        valType: 'color',
+        dflt: 'rgba(0,0,0,0)',
+        
+        editType: 'arraydraw',
+        
+    },
+    editType: 'arraydraw'
+};
+
+},{"../../lib/extend":717,"../../traces/scatter/attributes":1031,"../annotations/attributes":587,"../drawing/attributes":627}],682:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var constants = require('./constants');
+var helpers = require('./helpers');
+
+
+module.exports = function calcAutorange(gd) {
+    var fullLayout = gd._fullLayout,
+        shapeList = Lib.filterVisible(fullLayout.shapes);
+
+    if(!shapeList.length || !gd._fullData.length) return;
+
+    for(var i = 0; i < shapeList.length; i++) {
+        var shape = shapeList[i],
+            ppad = shape.line.width / 2;
+
+        var ax, bounds;
+
+        if(shape.xref !== 'paper') {
+            ax = Axes.getFromId(gd, shape.xref);
+            bounds = shapeBounds(ax, shape.x0, shape.x1, shape.path, constants.paramIsX);
+            if(bounds) Axes.expand(ax, bounds, {ppad: ppad});
+        }
+
+        if(shape.yref !== 'paper') {
+            ax = Axes.getFromId(gd, shape.yref);
+            bounds = shapeBounds(ax, shape.y0, shape.y1, shape.path, constants.paramIsY);
+            if(bounds) Axes.expand(ax, bounds, {ppad: ppad});
+        }
+    }
+};
+
+function shapeBounds(ax, v0, v1, path, paramsToUse) {
+    var convertVal = (ax.type === 'category') ? ax.r2c : ax.d2c;
+
+    if(v0 !== undefined) return [convertVal(v0), convertVal(v1)];
+    if(!path) return;
+
+    var min = Infinity,
+        max = -Infinity,
+        segments = path.match(constants.segmentRE),
+        i,
+        segment,
+        drawnParam,
+        params,
+        val;
+
+    if(ax.type === 'date') convertVal = helpers.decodeDate(convertVal);
+
+    for(i = 0; i < segments.length; i++) {
+        segment = segments[i];
+        drawnParam = paramsToUse[segment.charAt(0)].drawn;
+        if(drawnParam === undefined) continue;
+
+        params = segments[i].substr(1).match(constants.paramRE);
+        if(!params || params.length < drawnParam) continue;
+
+        val = convertVal(params[drawnParam]);
+        if(val < min) min = val;
+        if(val > max) max = val;
+    }
+    if(max >= min) return [min, max];
+}
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"./constants":683,"./helpers":686}],683:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+    segmentRE: /[MLHVQCTSZ][^MLHVQCTSZ]*/g,
+    paramRE: /[^\s,]+/g,
+
+    // which numbers in each path segment are x (or y) values
+    // drawn is which param is a drawn point, as opposed to a
+    // control point (which doesn't count toward autorange.
+    // TODO: this means curved paths could extend beyond the
+    // autorange bounds. This is a bit tricky to get right
+    // unless we revert to bounding boxes, but perhaps there's
+    // a calculation we could do...)
+    paramIsX: {
+        M: {0: true, drawn: 0},
+        L: {0: true, drawn: 0},
+        H: {0: true, drawn: 0},
+        V: {},
+        Q: {0: true, 2: true, drawn: 2},
+        C: {0: true, 2: true, 4: true, drawn: 4},
+        T: {0: true, drawn: 0},
+        S: {0: true, 2: true, drawn: 2},
+        // A: {0: true, 5: true},
+        Z: {}
+    },
+
+    paramIsY: {
+        M: {1: true, drawn: 1},
+        L: {1: true, drawn: 1},
+        H: {},
+        V: {0: true, drawn: 0},
+        Q: {1: true, 3: true, drawn: 3},
+        C: {1: true, 3: true, 5: true, drawn: 5},
+        T: {1: true, drawn: 1},
+        S: {1: true, 3: true, drawn: 5},
+        // A: {1: true, 6: true},
+        Z: {}
+    },
+
+    numParams: {
+        M: 2,
+        L: 2,
+        H: 1,
+        V: 1,
+        Q: 4,
+        C: 6,
+        T: 2,
+        S: 4,
+        // A: 7,
+        Z: 0
+    }
+};
+
+},{}],684:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+var handleShapeDefaults = require('./shape_defaults');
+
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
+    var opts = {
+        name: 'shapes',
+        handleItemDefaults: handleShapeDefaults
+    };
+
+    handleArrayContainerDefaults(layoutIn, layoutOut, opts);
+};
+
+},{"../../plots/array_container_defaults":769,"./shape_defaults":688}],685:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var Color = require('../color');
+var Drawing = require('../drawing');
+
+var dragElement = require('../dragelement');
+var setCursor = require('../../lib/setcursor');
+
+var constants = require('./constants');
+var helpers = require('./helpers');
+
+
+// Shapes are stored in gd.layout.shapes, an array of objects
+// index can point to one item in this array,
+//  or non-numeric to simply add a new one
+//  or -1 to modify all existing
+// opt can be the full options object, or one key (to be set to value)
+//  or undefined to simply redraw
+// if opt is blank, val can be 'add' or a full options object to add a new
+//  annotation at that point in the array, or 'remove' to delete this one
+
+module.exports = {
+    draw: draw,
+    drawOne: drawOne
+};
+
+function draw(gd) {
+    var fullLayout = gd._fullLayout;
+
+    // Remove previous shapes before drawing new in shapes in fullLayout.shapes
+    fullLayout._shapeUpperLayer.selectAll('path').remove();
+    fullLayout._shapeLowerLayer.selectAll('path').remove();
+    fullLayout._shapeSubplotLayers.selectAll('path').remove();
+
+    for(var i = 0; i < fullLayout.shapes.length; i++) {
+        if(fullLayout.shapes[i].visible) {
+            drawOne(gd, i);
+        }
+    }
+
+    // may need to resurrect this if we put text (LaTeX) in shapes
+    // return Plots.previousPromises(gd);
+}
+
+function drawOne(gd, index) {
+    // remove the existing shape if there is one.
+    // because indices can change, we need to look in all shape layers
+    gd._fullLayout._paper
+        .selectAll('.shapelayer [data-index="' + index + '"]')
+        .remove();
+
+    var optionsIn = (gd.layout.shapes || [])[index],
+        options = gd._fullLayout.shapes[index];
+
+    // this shape is gone - quit now after deleting it
+    // TODO: use d3 idioms instead of deleting and redrawing every time
+    if(!optionsIn || options.visible === false) return;
+
+    if(options.layer !== 'below') {
+        drawShape(gd._fullLayout._shapeUpperLayer);
+    }
+    else if(options.xref === 'paper' || options.yref === 'paper') {
+        drawShape(gd._fullLayout._shapeLowerLayer);
+    }
+    else {
+        var plotinfo = gd._fullLayout._plots[options.xref + options.yref];
+        if(plotinfo) {
+            var mainPlot = plotinfo.mainplotinfo || plotinfo;
+            drawShape(mainPlot.shapelayer);
+        }
+        else {
+            // Fall back to _shapeLowerLayer in case the requested subplot doesn't exist.
+            // This can happen if you reference the shape to an x / y axis combination
+            // that doesn't have any data on it (and layer is below)
+            drawShape(gd._fullLayout._shapeLowerLayer);
+        }
+    }
+
+    function drawShape(shapeLayer) {
+        var attrs = {
+                'data-index': index,
+                'fill-rule': 'evenodd',
+                d: getPathString(gd, options)
+            },
+            lineColor = options.line.width ?
+                options.line.color : 'rgba(0,0,0,0)';
+
+        var path = shapeLayer.append('path')
+            .attr(attrs)
+            .style('opacity', options.opacity)
+            .call(Color.stroke, lineColor)
+            .call(Color.fill, options.fillcolor)
+            .call(Drawing.dashLine, options.line.dash, options.line.width);
+
+        // note that for layer="below" the clipAxes can be different from the
+        // subplot we're drawing this in. This could cause problems if the shape
+        // spans two subplots. See https://github.com/plotly/plotly.js/issues/1452
+        var clipAxes = (options.xref + options.yref).replace(/paper/g, '');
+
+        path.call(Drawing.setClipUrl, clipAxes ?
+            ('clip' + gd._fullLayout._uid + clipAxes) :
+            null
+        );
+
+        if(gd._context.edits.shapePosition) setupDragElement(gd, path, options, index);
+    }
+}
+
+function setupDragElement(gd, shapePath, shapeOptions, index) {
+    var MINWIDTH = 10,
+        MINHEIGHT = 10;
+
+    var update;
+    var x0, y0, x1, y1, astrX0, astrY0, astrX1, astrY1;
+    var n0, s0, w0, e0, astrN, astrS, astrW, astrE, optN, optS, optW, optE;
+    var pathIn, astrPath;
+
+    var xa, ya, x2p, y2p, p2x, p2y;
+
+    var dragOptions = {
+            element: shapePath.node(),
+            gd: gd,
+            prepFn: startDrag,
+            doneFn: endDrag
+        },
+        dragBBox = dragOptions.element.getBoundingClientRect(),
+        dragMode;
+
+    dragElement.init(dragOptions);
+
+    shapePath.node().onmousemove = updateDragMode;
+
+    function updateDragMode(evt) {
+        // choose 'move' or 'resize'
+        // based on initial position of cursor within the drag element
+        var w = dragBBox.right - dragBBox.left,
+            h = dragBBox.bottom - dragBBox.top,
+            x = evt.clientX - dragBBox.left,
+            y = evt.clientY - dragBBox.top,
+            cursor = (w > MINWIDTH && h > MINHEIGHT && !evt.shiftKey) ?
+                dragElement.getCursor(x / w, 1 - y / h) :
+                'move';
+
+        setCursor(shapePath, cursor);
+
+        // possible values 'move', 'sw', 'w', 'se', 'e', 'ne', 'n', 'nw' and 'w'
+        dragMode = cursor.split('-')[0];
+    }
+
+    function startDrag(evt) {
+        // setup conversion functions
+        xa = Axes.getFromId(gd, shapeOptions.xref);
+        ya = Axes.getFromId(gd, shapeOptions.yref);
+
+        x2p = helpers.getDataToPixel(gd, xa);
+        y2p = helpers.getDataToPixel(gd, ya, true);
+        p2x = helpers.getPixelToData(gd, xa);
+        p2y = helpers.getPixelToData(gd, ya, true);
+
+        // setup update strings and initial values
+        var astr = 'shapes[' + index + ']';
+        if(shapeOptions.type === 'path') {
+            pathIn = shapeOptions.path;
+            astrPath = astr + '.path';
+        }
+        else {
+            x0 = x2p(shapeOptions.x0);
+            y0 = y2p(shapeOptions.y0);
+            x1 = x2p(shapeOptions.x1);
+            y1 = y2p(shapeOptions.y1);
+
+            astrX0 = astr + '.x0';
+            astrY0 = astr + '.y0';
+            astrX1 = astr + '.x1';
+            astrY1 = astr + '.y1';
+        }
+
+        if(x0 < x1) {
+            w0 = x0; astrW = astr + '.x0'; optW = 'x0';
+            e0 = x1; astrE = astr + '.x1'; optE = 'x1';
+        }
+        else {
+            w0 = x1; astrW = astr + '.x1'; optW = 'x1';
+            e0 = x0; astrE = astr + '.x0'; optE = 'x0';
+        }
+        if(y0 < y1) {
+            n0 = y0; astrN = astr + '.y0'; optN = 'y0';
+            s0 = y1; astrS = astr + '.y1'; optS = 'y1';
+        }
+        else {
+            n0 = y1; astrN = astr + '.y1'; optN = 'y1';
+            s0 = y0; astrS = astr + '.y0'; optS = 'y0';
+        }
+
+        update = {};
+
+        // setup dragMode and the corresponding handler
+        updateDragMode(evt);
+        dragOptions.moveFn = (dragMode === 'move') ? moveShape : resizeShape;
+    }
+
+    function endDrag(dragged) {
+        setCursor(shapePath);
+        if(dragged) {
+            Plotly.relayout(gd, update);
+        }
+    }
+
+    function moveShape(dx, dy) {
+        if(shapeOptions.type === 'path') {
+            var moveX = function moveX(x) { return p2x(x2p(x) + dx); };
+            if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX);
+
+            var moveY = function moveY(y) { return p2y(y2p(y) + dy); };
+            if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY);
+
+            shapeOptions.path = movePath(pathIn, moveX, moveY);
+            update[astrPath] = shapeOptions.path;
+        }
+        else {
+            update[astrX0] = shapeOptions.x0 = p2x(x0 + dx);
+            update[astrY0] = shapeOptions.y0 = p2y(y0 + dy);
+            update[astrX1] = shapeOptions.x1 = p2x(x1 + dx);
+            update[astrY1] = shapeOptions.y1 = p2y(y1 + dy);
+        }
+
+        shapePath.attr('d', getPathString(gd, shapeOptions));
+    }
+
+    function resizeShape(dx, dy) {
+        if(shapeOptions.type === 'path') {
+            // TODO: implement path resize
+            var moveX = function moveX(x) { return p2x(x2p(x) + dx); };
+            if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX);
+
+            var moveY = function moveY(y) { return p2y(y2p(y) + dy); };
+            if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY);
+
+            shapeOptions.path = movePath(pathIn, moveX, moveY);
+            update[astrPath] = shapeOptions.path;
+        }
+        else {
+            var newN = (~dragMode.indexOf('n')) ? n0 + dy : n0,
+                newS = (~dragMode.indexOf('s')) ? s0 + dy : s0,
+                newW = (~dragMode.indexOf('w')) ? w0 + dx : w0,
+                newE = (~dragMode.indexOf('e')) ? e0 + dx : e0;
+
+            if(newS - newN > MINHEIGHT) {
+                update[astrN] = shapeOptions[optN] = p2y(newN);
+                update[astrS] = shapeOptions[optS] = p2y(newS);
+            }
+
+            if(newE - newW > MINWIDTH) {
+                update[astrW] = shapeOptions[optW] = p2x(newW);
+                update[astrE] = shapeOptions[optE] = p2x(newE);
+            }
+        }
+
+        shapePath.attr('d', getPathString(gd, shapeOptions));
+    }
+}
+
+function getPathString(gd, options) {
+    var type = options.type,
+        xa = Axes.getFromId(gd, options.xref),
+        ya = Axes.getFromId(gd, options.yref),
+        gs = gd._fullLayout._size,
+        x2r,
+        x2p,
+        y2r,
+        y2p;
+
+    if(xa) {
+        x2r = helpers.shapePositionToRange(xa);
+        x2p = function(v) { return xa._offset + xa.r2p(x2r(v, true)); };
+    }
+    else {
+        x2p = function(v) { return gs.l + gs.w * v; };
+    }
+
+    if(ya) {
+        y2r = helpers.shapePositionToRange(ya);
+        y2p = function(v) { return ya._offset + ya.r2p(y2r(v, true)); };
+    }
+    else {
+        y2p = function(v) { return gs.t + gs.h * (1 - v); };
+    }
+
+    if(type === 'path') {
+        if(xa && xa.type === 'date') x2p = helpers.decodeDate(x2p);
+        if(ya && ya.type === 'date') y2p = helpers.decodeDate(y2p);
+        return convertPath(options.path, x2p, y2p);
+    }
+
+    var x0 = x2p(options.x0),
+        x1 = x2p(options.x1),
+        y0 = y2p(options.y0),
+        y1 = y2p(options.y1);
+
+    if(type === 'line') return 'M' + x0 + ',' + y0 + 'L' + x1 + ',' + y1;
+    if(type === 'rect') return 'M' + x0 + ',' + y0 + 'H' + x1 + 'V' + y1 + 'H' + x0 + 'Z';
+    // circle
+    var cx = (x0 + x1) / 2,
+        cy = (y0 + y1) / 2,
+        rx = Math.abs(cx - x0),
+        ry = Math.abs(cy - y0),
+        rArc = 'A' + rx + ',' + ry,
+        rightPt = (cx + rx) + ',' + cy,
+        topPt = cx + ',' + (cy - ry);
+    return 'M' + rightPt + rArc + ' 0 1,1 ' + topPt +
+        rArc + ' 0 0,1 ' + rightPt + 'Z';
+}
+
+
+function convertPath(pathIn, x2p, y2p) {
+    // convert an SVG path string from data units to pixels
+    return pathIn.replace(constants.segmentRE, function(segment) {
+        var paramNumber = 0,
+            segmentType = segment.charAt(0),
+            xParams = constants.paramIsX[segmentType],
+            yParams = constants.paramIsY[segmentType],
+            nParams = constants.numParams[segmentType];
+
+        var paramString = segment.substr(1).replace(constants.paramRE, function(param) {
+            if(xParams[paramNumber]) param = x2p(param);
+            else if(yParams[paramNumber]) param = y2p(param);
+            paramNumber++;
+
+            if(paramNumber > nParams) param = 'X';
+            return param;
+        });
+
+        if(paramNumber > nParams) {
+            paramString = paramString.replace(/[\s,]*X.*/, '');
+            Lib.log('Ignoring extra params in segment ' + segment);
+        }
+
+        return segmentType + paramString;
+    });
+}
+
+function movePath(pathIn, moveX, moveY) {
+    return pathIn.replace(constants.segmentRE, function(segment) {
+        var paramNumber = 0,
+            segmentType = segment.charAt(0),
+            xParams = constants.paramIsX[segmentType],
+            yParams = constants.paramIsY[segmentType],
+            nParams = constants.numParams[segmentType];
+
+        var paramString = segment.substr(1).replace(constants.paramRE, function(param) {
+            if(paramNumber >= nParams) return param;
+
+            if(xParams[paramNumber]) param = moveX(param);
+            else if(yParams[paramNumber]) param = moveY(param);
+
+            paramNumber++;
+
+            return param;
+        });
+
+        return segmentType + paramString;
+    });
+}
+
+},{"../../lib":728,"../../lib/setcursor":746,"../../plotly":767,"../../plots/cartesian/axes":772,"../color":604,"../dragelement":625,"../drawing":628,"./constants":683,"./helpers":686}],686:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+// special position conversion functions... category axis positions can't be
+// specified by their data values, because they don't make a continuous mapping.
+// so these have to be specified in terms of the category serial numbers,
+// but can take fractional values. Other axis types we specify position based on
+// the actual data values.
+// TODO: in V2.0 (when log axis ranges are in data units) range and shape position
+// will be identical, so rangeToShapePosition and shapePositionToRange can be
+// removed entirely.
+
+exports.rangeToShapePosition = function(ax) {
+    return (ax.type === 'log') ? ax.r2d : function(v) { return v; };
+};
+
+exports.shapePositionToRange = function(ax) {
+    return (ax.type === 'log') ? ax.d2r : function(v) { return v; };
+};
+
+exports.decodeDate = function(convertToPx) {
+    return function(v) {
+        if(v.replace) v = v.replace('_', ' ');
+        return convertToPx(v);
+    };
+};
+
+exports.encodeDate = function(convertToDate) {
+    return function(v) { return convertToDate(v).replace(' ', '_'); };
+};
+
+exports.getDataToPixel = function(gd, axis, isVertical) {
+    var gs = gd._fullLayout._size,
+        dataToPixel;
+
+    if(axis) {
+        var d2r = exports.shapePositionToRange(axis);
+
+        dataToPixel = function(v) {
+            return axis._offset + axis.r2p(d2r(v, true));
+        };
+
+        if(axis.type === 'date') dataToPixel = exports.decodeDate(dataToPixel);
+    }
+    else if(isVertical) {
+        dataToPixel = function(v) { return gs.t + gs.h * (1 - v); };
+    }
+    else {
+        dataToPixel = function(v) { return gs.l + gs.w * v; };
+    }
+
+    return dataToPixel;
+};
+
+exports.getPixelToData = function(gd, axis, isVertical) {
+    var gs = gd._fullLayout._size,
+        pixelToData;
+
+    if(axis) {
+        var r2d = exports.rangeToShapePosition(axis);
+        pixelToData = function(p) { return r2d(axis.p2r(p - axis._offset)); };
+    }
+    else if(isVertical) {
+        pixelToData = function(p) { return 1 - (p - gs.t) / gs.h; };
+    }
+    else {
+        pixelToData = function(p) { return (p - gs.l) / gs.w; };
+    }
+
+    return pixelToData;
+};
+
+},{}],687:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var drawModule = require('./draw');
+
+module.exports = {
+    moduleType: 'component',
+    name: 'shapes',
+
+    layoutAttributes: require('./attributes'),
+    supplyLayoutDefaults: require('./defaults'),
+
+    calcAutorange: require('./calc_autorange'),
+    draw: drawModule.draw,
+    drawOne: drawModule.drawOne
+};
+
+},{"./attributes":681,"./calc_autorange":682,"./defaults":684,"./draw":685}],688:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var attributes = require('./attributes');
+var helpers = require('./helpers');
+
+
+module.exports = function handleShapeDefaults(shapeIn, shapeOut, fullLayout, opts, itemOpts) {
+    opts = opts || {};
+    itemOpts = itemOpts || {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(shapeIn, shapeOut, attributes, attr, dflt);
+    }
+
+    var visible = coerce('visible', !itemOpts.itemIsNotPlainObject);
+
+    if(!visible) return shapeOut;
+
+    coerce('layer');
+    coerce('opacity');
+    coerce('fillcolor');
+    coerce('line.color');
+    coerce('line.width');
+    coerce('line.dash');
+
+    var dfltType = shapeIn.path ? 'path' : 'rect',
+        shapeType = coerce('type', dfltType);
+
+    // positioning
+    var axLetters = ['x', 'y'];
+    for(var i = 0; i < 2; i++) {
+        var axLetter = axLetters[i],
+            gdMock = {_fullLayout: fullLayout};
+
+        // xref, yref
+        var axRef = Axes.coerceRef(shapeIn, shapeOut, gdMock, axLetter, '', 'paper');
+
+        if(shapeType !== 'path') {
+            var dflt0 = 0.25,
+                dflt1 = 0.75,
+                ax,
+                pos2r,
+                r2pos;
+
+            if(axRef !== 'paper') {
+                ax = Axes.getFromId(gdMock, axRef);
+                r2pos = helpers.rangeToShapePosition(ax);
+                pos2r = helpers.shapePositionToRange(ax);
+            }
+            else {
+                pos2r = r2pos = Lib.identity;
+            }
+
+            // hack until V2.0 when log has regular range behavior - make it look like other
+            // ranges to send to coerce, then put it back after
+            // this is all to give reasonable default position behavior on log axes, which is
+            // a pretty unimportant edge case so we could just ignore this.
+            var attr0 = axLetter + '0',
+                attr1 = axLetter + '1',
+                in0 = shapeIn[attr0],
+                in1 = shapeIn[attr1];
+            shapeIn[attr0] = pos2r(shapeIn[attr0], true);
+            shapeIn[attr1] = pos2r(shapeIn[attr1], true);
+
+            // x0, x1 (and y0, y1)
+            Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr0, dflt0);
+            Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr1, dflt1);
+
+            // hack part 2
+            shapeOut[attr0] = r2pos(shapeOut[attr0]);
+            shapeOut[attr1] = r2pos(shapeOut[attr1]);
+            shapeIn[attr0] = in0;
+            shapeIn[attr1] = in1;
+        }
+    }
+
+    if(shapeType === 'path') {
+        coerce('path');
+    }
+    else {
+        Lib.noneOrAll(shapeIn, shapeOut, ['x0', 'x1', 'y0', 'y1']);
+    }
+
+    return shapeOut;
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"./attributes":681,"./helpers":686}],689:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var padAttrs = require('../../plots/pad_attributes');
+var extendDeepAll = require('../../lib/extend').extendDeepAll;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+var animationAttrs = require('../../plots/animation_attributes');
+var constants = require('./constants');
+
+var stepsAttrs = {
+    _isLinkedToArray: 'step',
+
+    method: {
+        valType: 'enumerated',
+        values: ['restyle', 'relayout', 'animate', 'update', 'skip'],
+        dflt: 'restyle',
+        
+        
+    },
+    args: {
+        valType: 'info_array',
+        
+        freeLength: true,
+        items: [
+            { valType: 'any' },
+            { valType: 'any' },
+            { valType: 'any' }
+        ],
+        
+    },
+    label: {
+        valType: 'string',
+        
+        
+    },
+    value: {
+        valType: 'string',
+        
+        
+    },
+    execute: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    }
+};
+
+module.exports = overrideAll({
+    _isLinkedToArray: 'slider',
+
+    visible: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    },
+
+    active: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 0,
+        
+    },
+
+    steps: stepsAttrs,
+
+    lenmode: {
+        valType: 'enumerated',
+        values: ['fraction', 'pixels'],
+        
+        dflt: 'fraction',
+        
+    },
+    len: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        
+    },
+    x: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: 0,
+        
+        
+    },
+    pad: extendDeepAll({}, padAttrs, {
+        
+    }, {t: {dflt: 20}}),
+    xanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'left', 'center', 'right'],
+        dflt: 'left',
+        
+        
+    },
+    y: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: 0,
+        
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'top', 'middle', 'bottom'],
+        dflt: 'top',
+        
+        
+    },
+
+    transition: {
+        duration: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 150,
+            
+        },
+        easing: {
+            valType: 'enumerated',
+            values: animationAttrs.transition.easing.values,
+            
+            dflt: 'cubic-in-out',
+            
+        }
+    },
+
+    currentvalue: {
+        visible: {
+            valType: 'boolean',
+            
+            dflt: true,
+            
+        },
+
+        xanchor: {
+            valType: 'enumerated',
+            values: ['left', 'center', 'right'],
+            dflt: 'left',
+            
+            
+        },
+
+        offset: {
+            valType: 'number',
+            dflt: 10,
+            
+            
+        },
+
+        prefix: {
+            valType: 'string',
+            
+            
+        },
+
+        suffix: {
+            valType: 'string',
+            
+            
+        },
+
+        font: fontAttrs({
+            
+        })
+    },
+
+    font: fontAttrs({
+        
+    }),
+
+    activebgcolor: {
+        valType: 'color',
+        
+        dflt: constants.gripBgActiveColor,
+        
+    },
+    bgcolor: {
+        valType: 'color',
+        
+        dflt: constants.railBgColor,
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: constants.railBorderColor,
+        
+        
+    },
+    borderwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: constants.railBorderWidth,
+        
+        
+    },
+    ticklen: {
+        valType: 'number',
+        min: 0,
+        dflt: constants.tickLength,
+        
+        
+    },
+    tickcolor: {
+        valType: 'color',
+        dflt: constants.tickColor,
+        
+        
+    },
+    tickwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        
+    },
+    minorticklen: {
+        valType: 'number',
+        min: 0,
+        dflt: constants.minorTickLength,
+        
+        
+    }
+}, 'arraydraw', 'from-root');
+
+},{"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/animation_attributes":768,"../../plots/font_attributes":796,"../../plots/pad_attributes":830,"./constants":690}],690:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+
+    // layout attribute name
+    name: 'sliders',
+
+    // class names
+    containerClassName: 'slider-container',
+    groupClassName: 'slider-group',
+    inputAreaClass: 'slider-input-area',
+    railRectClass: 'slider-rail-rect',
+    railTouchRectClass: 'slider-rail-touch-rect',
+    gripRectClass: 'slider-grip-rect',
+    tickRectClass: 'slider-tick-rect',
+    inputProxyClass: 'slider-input-proxy',
+    labelsClass: 'slider-labels',
+    labelGroupClass: 'slider-label-group',
+    labelClass: 'slider-label',
+    currentValueClass: 'slider-current-value',
+
+    railHeight: 5,
+
+    // DOM attribute name in button group keeping track
+    // of active update menu
+    menuIndexAttrName: 'slider-active-index',
+
+    // id root pass to Plots.autoMargin
+    autoMarginIdRoot: 'slider-',
+
+    // min item width / height
+    minWidth: 30,
+    minHeight: 30,
+
+    // padding around item text
+    textPadX: 40,
+
+    // arrow offset off right edge
+    arrowOffsetX: 4,
+
+    railRadius: 2,
+    railWidth: 5,
+    railBorder: 4,
+    railBorderWidth: 1,
+    railBorderColor: '#bec8d9',
+    railBgColor: '#f8fafc',
+
+    // The distance of the rail from the edge of the touchable area
+    // Slightly less than the step inset because of the curved edges
+    // of the rail
+    railInset: 8,
+
+    // The distance from the extremal tick marks to the edge of the
+    // touchable area. This is basically the same as the grip radius,
+    // but for other styles it wouldn't really need to be.
+    stepInset: 10,
+
+    gripRadius: 10,
+    gripWidth: 20,
+    gripHeight: 20,
+    gripBorder: 20,
+    gripBorderWidth: 1,
+    gripBorderColor: '#bec8d9',
+    gripBgColor: '#f6f8fa',
+    gripBgActiveColor: '#dbdde0',
+
+    labelPadding: 8,
+    labelOffset: 0,
+
+    tickWidth: 1,
+    tickColor: '#333',
+    tickOffset: 25,
+    tickLength: 7,
+
+    minorTickOffset: 25,
+    minorTickColor: '#333',
+    minorTickLength: 4,
+
+    // Extra space below the current value label:
+    currentValuePadding: 8,
+    currentValueInset: 0,
+};
+
+},{}],691:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+
+var attributes = require('./attributes');
+var constants = require('./constants');
+
+var name = constants.name;
+var stepAttrs = attributes.steps;
+
+
+module.exports = function slidersDefaults(layoutIn, layoutOut) {
+    var opts = {
+        name: name,
+        handleItemDefaults: sliderDefaults
+    };
+
+    handleArrayContainerDefaults(layoutIn, layoutOut, opts);
+};
+
+function sliderDefaults(sliderIn, sliderOut, layoutOut) {
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(sliderIn, sliderOut, attributes, attr, dflt);
+    }
+
+    var steps = stepsDefaults(sliderIn, sliderOut);
+
+    var visible = coerce('visible', steps.length > 0);
+    if(!visible) return;
+
+    coerce('active');
+
+    coerce('x');
+    coerce('y');
+    Lib.noneOrAll(sliderIn, sliderOut, ['x', 'y']);
+
+    coerce('xanchor');
+    coerce('yanchor');
+
+    coerce('len');
+    coerce('lenmode');
+
+    coerce('pad.t');
+    coerce('pad.r');
+    coerce('pad.b');
+    coerce('pad.l');
+
+    Lib.coerceFont(coerce, 'font', layoutOut.font);
+
+    var currentValueIsVisible = coerce('currentvalue.visible');
+
+    if(currentValueIsVisible) {
+        coerce('currentvalue.xanchor');
+        coerce('currentvalue.prefix');
+        coerce('currentvalue.suffix');
+        coerce('currentvalue.offset');
+
+        Lib.coerceFont(coerce, 'currentvalue.font', sliderOut.font);
+    }
+
+    coerce('transition.duration');
+    coerce('transition.easing');
+
+    coerce('bgcolor');
+    coerce('activebgcolor');
+    coerce('bordercolor');
+    coerce('borderwidth');
+    coerce('ticklen');
+    coerce('tickwidth');
+    coerce('tickcolor');
+    coerce('minorticklen');
+}
+
+function stepsDefaults(sliderIn, sliderOut) {
+    var valuesIn = sliderIn.steps || [],
+        valuesOut = sliderOut.steps = [];
+
+    var valueIn, valueOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(valueIn, valueOut, stepAttrs, attr, dflt);
+    }
+
+    for(var i = 0; i < valuesIn.length; i++) {
+        valueIn = valuesIn[i];
+        valueOut = {};
+
+        coerce('method');
+
+        if(!Lib.isPlainObject(valueIn) || (valueOut.method !== 'skip' && !Array.isArray(valueIn.args))) {
+            continue;
+        }
+
+        coerce('args');
+        coerce('label', 'step-' + i);
+        coerce('value', valueOut.label);
+        coerce('execute');
+
+        valuesOut.push(valueOut);
+    }
+
+    return valuesOut;
+}
+
+},{"../../lib":728,"../../plots/array_container_defaults":769,"./attributes":689,"./constants":690}],692:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plots = require('../../plots/plots');
+var Color = require('../color');
+var Drawing = require('../drawing');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var anchorUtils = require('../legend/anchor_utils');
+
+var constants = require('./constants');
+var LINE_SPACING = require('../../constants/alignment').LINE_SPACING;
+
+
+module.exports = function draw(gd) {
+    var fullLayout = gd._fullLayout,
+        sliderData = makeSliderData(fullLayout, gd);
+
+    // draw a container for *all* sliders:
+    var sliders = fullLayout._infolayer
+        .selectAll('g.' + constants.containerClassName)
+        .data(sliderData.length > 0 ? [0] : []);
+
+    sliders.enter().append('g')
+        .classed(constants.containerClassName, true)
+        .style('cursor', 'ew-resize');
+
+    sliders.exit().remove();
+
+    // If no more sliders, clear the margisn:
+    if(sliders.exit().size()) clearPushMargins(gd);
+
+    // Return early if no menus visible:
+    if(sliderData.length === 0) return;
+
+    var sliderGroups = sliders.selectAll('g.' + constants.groupClassName)
+        .data(sliderData, keyFunction);
+
+    sliderGroups.enter().append('g')
+        .classed(constants.groupClassName, true);
+
+    sliderGroups.exit().each(function(sliderOpts) {
+        d3.select(this).remove();
+
+        sliderOpts._commandObserver.remove();
+        delete sliderOpts._commandObserver;
+
+        Plots.autoMargin(gd, constants.autoMarginIdRoot + sliderOpts._index);
+    });
+
+    // Find the dimensions of the sliders:
+    for(var i = 0; i < sliderData.length; i++) {
+        var sliderOpts = sliderData[i];
+        findDimensions(gd, sliderOpts);
+    }
+
+    sliderGroups.each(function(sliderOpts) {
+        // If it has fewer than two options, it's not really a slider:
+        if(sliderOpts.steps.length < 2) return;
+
+        var gSlider = d3.select(this);
+
+        computeLabelSteps(sliderOpts);
+
+        Plots.manageCommandObserver(gd, sliderOpts, sliderOpts.steps, function(data) {
+            // NB: Same as below. This is *not* always the same as sliderOpts since
+            // if a new set of steps comes in, the reference in this callback would
+            // be invalid. We need to refetch it from the slider group, which is
+            // the join data that creates this slider. So if this slider still exists,
+            // the group should be valid, *to the best of my knowledge.* If not,
+            // we'd have to look it up by d3 data join index/key.
+            var opts = gSlider.data()[0];
+
+            if(opts.active === data.index) return;
+            if(opts._dragging) return;
+
+            setActive(gd, gSlider, opts, data.index, false, true);
+        });
+
+        drawSlider(gd, d3.select(this), sliderOpts);
+    });
+};
+
+// This really only just filters by visibility:
+function makeSliderData(fullLayout, gd) {
+    var contOpts = fullLayout[constants.name],
+        sliderData = [];
+
+    for(var i = 0; i < contOpts.length; i++) {
+        var item = contOpts[i];
+        if(!item.visible || !item.steps.length) continue;
+        item.gd = gd;
+        sliderData.push(item);
+    }
+
+    return sliderData;
+}
+
+// This is set in the defaults step:
+function keyFunction(opts) {
+    return opts._index;
+}
+
+// Compute the dimensions (mutates sliderOpts):
+function findDimensions(gd, sliderOpts) {
+    var sliderLabels = Drawing.tester.selectAll('g.' + constants.labelGroupClass)
+        .data(sliderOpts.steps);
+
+    sliderLabels.enter().append('g')
+        .classed(constants.labelGroupClass, true);
+
+    // loop over fake buttons to find width / height
+    var maxLabelWidth = 0;
+    var labelHeight = 0;
+    sliderLabels.each(function(stepOpts) {
+        var labelGroup = d3.select(this);
+
+        var text = drawLabel(labelGroup, {step: stepOpts}, sliderOpts);
+
+        var textNode = text.node();
+        if(textNode) {
+            var bBox = Drawing.bBox(textNode);
+            labelHeight = Math.max(labelHeight, bBox.height);
+            maxLabelWidth = Math.max(maxLabelWidth, bBox.width);
+        }
+    });
+
+    sliderLabels.remove();
+
+    sliderOpts.inputAreaWidth = Math.max(
+        constants.railWidth,
+        constants.gripHeight
+    );
+
+    // calculate some overall dimensions - some of these are needed for
+    // calculating the currentValue dimensions
+    var graphSize = gd._fullLayout._size;
+    sliderOpts.lx = graphSize.l + graphSize.w * sliderOpts.x;
+    sliderOpts.ly = graphSize.t + graphSize.h * (1 - sliderOpts.y);
+
+    if(sliderOpts.lenmode === 'fraction') {
+        // fraction:
+        sliderOpts.outerLength = Math.round(graphSize.w * sliderOpts.len);
+    } else {
+        // pixels:
+        sliderOpts.outerLength = sliderOpts.len;
+    }
+
+    // Set the length-wise padding so that the grip ends up *on* the end of
+    // the bar when at either extreme
+    sliderOpts.lenPad = Math.round(constants.gripWidth * 0.5);
+
+    // The length of the rail, *excluding* padding on either end:
+    sliderOpts.inputAreaStart = 0;
+    sliderOpts.inputAreaLength = Math.round(sliderOpts.outerLength - sliderOpts.pad.l - sliderOpts.pad.r);
+
+    var textableInputLength = sliderOpts.inputAreaLength - 2 * constants.stepInset;
+    var availableSpacePerLabel = textableInputLength / (sliderOpts.steps.length - 1);
+    var computedSpacePerLabel = maxLabelWidth + constants.labelPadding;
+    sliderOpts.labelStride = Math.max(1, Math.ceil(computedSpacePerLabel / availableSpacePerLabel));
+    sliderOpts.labelHeight = labelHeight;
+
+    // loop over all possible values for currentValue to find the
+    // area we need for it
+    sliderOpts.currentValueMaxWidth = 0;
+    sliderOpts.currentValueHeight = 0;
+    sliderOpts.currentValueTotalHeight = 0;
+    sliderOpts.currentValueMaxLines = 1;
+
+    if(sliderOpts.currentvalue.visible) {
+        // Get the dimensions of the current value label:
+        var dummyGroup = Drawing.tester.append('g');
+
+        sliderLabels.each(function(stepOpts) {
+            var curValPrefix = drawCurrentValue(dummyGroup, sliderOpts, stepOpts.label);
+            var curValSize = (curValPrefix.node() && Drawing.bBox(curValPrefix.node())) || {width: 0, height: 0};
+            var lines = svgTextUtils.lineCount(curValPrefix);
+            sliderOpts.currentValueMaxWidth = Math.max(sliderOpts.currentValueMaxWidth, Math.ceil(curValSize.width));
+            sliderOpts.currentValueHeight = Math.max(sliderOpts.currentValueHeight, Math.ceil(curValSize.height));
+            sliderOpts.currentValueMaxLines = Math.max(sliderOpts.currentValueMaxLines, lines);
+        });
+
+        sliderOpts.currentValueTotalHeight = sliderOpts.currentValueHeight + sliderOpts.currentvalue.offset;
+
+        dummyGroup.remove();
+    }
+
+    sliderOpts.height = sliderOpts.currentValueTotalHeight + constants.tickOffset + sliderOpts.ticklen + constants.labelOffset + sliderOpts.labelHeight + sliderOpts.pad.t + sliderOpts.pad.b;
+
+    var xanchor = 'left';
+    if(anchorUtils.isRightAnchor(sliderOpts)) {
+        sliderOpts.lx -= sliderOpts.outerLength;
+        xanchor = 'right';
+    }
+    if(anchorUtils.isCenterAnchor(sliderOpts)) {
+        sliderOpts.lx -= sliderOpts.outerLength / 2;
+        xanchor = 'center';
+    }
+
+    var yanchor = 'top';
+    if(anchorUtils.isBottomAnchor(sliderOpts)) {
+        sliderOpts.ly -= sliderOpts.height;
+        yanchor = 'bottom';
+    }
+    if(anchorUtils.isMiddleAnchor(sliderOpts)) {
+        sliderOpts.ly -= sliderOpts.height / 2;
+        yanchor = 'middle';
+    }
+
+    sliderOpts.outerLength = Math.ceil(sliderOpts.outerLength);
+    sliderOpts.height = Math.ceil(sliderOpts.height);
+    sliderOpts.lx = Math.round(sliderOpts.lx);
+    sliderOpts.ly = Math.round(sliderOpts.ly);
+
+    Plots.autoMargin(gd, constants.autoMarginIdRoot + sliderOpts._index, {
+        x: sliderOpts.x,
+        y: sliderOpts.y,
+        l: sliderOpts.outerLength * ({right: 1, center: 0.5}[xanchor] || 0),
+        r: sliderOpts.outerLength * ({left: 1, center: 0.5}[xanchor] || 0),
+        b: sliderOpts.height * ({top: 1, middle: 0.5}[yanchor] || 0),
+        t: sliderOpts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0)
+    });
+}
+
+function drawSlider(gd, sliderGroup, sliderOpts) {
+    // This is related to the other long notes in this file regarding what happens
+    // when slider steps disappear. This particular fix handles what happens when
+    // the *current* slider step is removed. The drawing functions will error out
+    // when they fail to find it, so the fix for now is that it will just draw the
+    // slider in the first position but will not execute the command.
+    if(sliderOpts.active >= sliderOpts.steps.length) {
+        sliderOpts.active = 0;
+    }
+
+    // These are carefully ordered for proper z-ordering:
+    sliderGroup
+        .call(drawCurrentValue, sliderOpts)
+        .call(drawRail, sliderOpts)
+        .call(drawLabelGroup, sliderOpts)
+        .call(drawTicks, sliderOpts)
+        .call(drawTouchRect, gd, sliderOpts)
+        .call(drawGrip, gd, sliderOpts);
+
+    // Position the rectangle:
+    Drawing.setTranslate(sliderGroup, sliderOpts.lx + sliderOpts.pad.l, sliderOpts.ly + sliderOpts.pad.t);
+
+    sliderGroup.call(setGripPosition, sliderOpts, sliderOpts.active / (sliderOpts.steps.length - 1), false);
+    sliderGroup.call(drawCurrentValue, sliderOpts);
+
+}
+
+function drawCurrentValue(sliderGroup, sliderOpts, valueOverride) {
+    if(!sliderOpts.currentvalue.visible) return;
+
+    var x0, textAnchor;
+    var text = sliderGroup.selectAll('text')
+        .data([0]);
+
+    switch(sliderOpts.currentvalue.xanchor) {
+        case 'right':
+            // This is anchored left and adjusted by the width of the longest label
+            // so that the prefix doesn't move. The goal of this is to emphasize
+            // what's actually changing and make the update less distracting.
+            x0 = sliderOpts.inputAreaLength - constants.currentValueInset - sliderOpts.currentValueMaxWidth;
+            textAnchor = 'left';
+            break;
+        case 'center':
+            x0 = sliderOpts.inputAreaLength * 0.5;
+            textAnchor = 'middle';
+            break;
+        default:
+            x0 = constants.currentValueInset;
+            textAnchor = 'left';
+    }
+
+    text.enter().append('text')
+        .classed(constants.labelClass, true)
+        .classed('user-select-none', true)
+        .attr({
+            'text-anchor': textAnchor,
+            'data-notex': 1
+        });
+
+    var str = sliderOpts.currentvalue.prefix ? sliderOpts.currentvalue.prefix : '';
+
+    if(typeof valueOverride === 'string') {
+        str += valueOverride;
+    } else {
+        var curVal = sliderOpts.steps[sliderOpts.active].label;
+        str += curVal;
+    }
+
+    if(sliderOpts.currentvalue.suffix) {
+        str += sliderOpts.currentvalue.suffix;
+    }
+
+    text.call(Drawing.font, sliderOpts.currentvalue.font)
+        .text(str)
+        .call(svgTextUtils.convertToTspans, sliderOpts.gd);
+
+    var lines = svgTextUtils.lineCount(text);
+
+    var y0 = (sliderOpts.currentValueMaxLines + 1 - lines) *
+        sliderOpts.currentvalue.font.size * LINE_SPACING;
+
+    svgTextUtils.positionText(text, x0, y0);
+
+    return text;
+}
+
+function drawGrip(sliderGroup, gd, sliderOpts) {
+    var grip = sliderGroup.selectAll('rect.' + constants.gripRectClass)
+        .data([0]);
+
+    grip.enter().append('rect')
+        .classed(constants.gripRectClass, true)
+        .call(attachGripEvents, gd, sliderGroup, sliderOpts)
+        .style('pointer-events', 'all');
+
+    grip.attr({
+        width: constants.gripWidth,
+        height: constants.gripHeight,
+        rx: constants.gripRadius,
+        ry: constants.gripRadius,
+    })
+        .call(Color.stroke, sliderOpts.bordercolor)
+        .call(Color.fill, sliderOpts.bgcolor)
+        .style('stroke-width', sliderOpts.borderwidth + 'px');
+}
+
+function drawLabel(item, data, sliderOpts) {
+    var text = item.selectAll('text')
+        .data([0]);
+
+    text.enter().append('text')
+        .classed(constants.labelClass, true)
+        .classed('user-select-none', true)
+        .attr({
+            'text-anchor': 'middle',
+            'data-notex': 1
+        });
+
+    text.call(Drawing.font, sliderOpts.font)
+        .text(data.step.label)
+        .call(svgTextUtils.convertToTspans, sliderOpts.gd);
+
+    return text;
+}
+
+function drawLabelGroup(sliderGroup, sliderOpts) {
+    var labels = sliderGroup.selectAll('g.' + constants.labelsClass)
+        .data([0]);
+
+    labels.enter().append('g')
+        .classed(constants.labelsClass, true);
+
+    var labelItems = labels.selectAll('g.' + constants.labelGroupClass)
+        .data(sliderOpts.labelSteps);
+
+    labelItems.enter().append('g')
+        .classed(constants.labelGroupClass, true);
+
+    labelItems.exit().remove();
+
+    labelItems.each(function(d) {
+        var item = d3.select(this);
+
+        item.call(drawLabel, d, sliderOpts);
+
+        Drawing.setTranslate(item,
+            normalizedValueToPosition(sliderOpts, d.fraction),
+            constants.tickOffset +
+                sliderOpts.ticklen +
+                // position is the baseline of the top line of text only, even
+                // if the label spans multiple lines
+                sliderOpts.font.size * LINE_SPACING +
+                constants.labelOffset +
+                sliderOpts.currentValueTotalHeight
+        );
+    });
+
+}
+
+function handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, doTransition) {
+    var quantizedPosition = Math.round(normalizedPosition * (sliderOpts.steps.length - 1));
+
+    if(quantizedPosition !== sliderOpts.active) {
+        setActive(gd, sliderGroup, sliderOpts, quantizedPosition, true, doTransition);
+    }
+}
+
+function setActive(gd, sliderGroup, sliderOpts, index, doCallback, doTransition) {
+    var previousActive = sliderOpts.active;
+    sliderOpts._input.active = sliderOpts.active = index;
+
+    var step = sliderOpts.steps[sliderOpts.active];
+
+    sliderGroup.call(setGripPosition, sliderOpts, sliderOpts.active / (sliderOpts.steps.length - 1), doTransition);
+    sliderGroup.call(drawCurrentValue, sliderOpts);
+
+    gd.emit('plotly_sliderchange', {
+        slider: sliderOpts,
+        step: sliderOpts.steps[sliderOpts.active],
+        interaction: doCallback,
+        previousActive: previousActive
+    });
+
+    if(step && step.method && doCallback) {
+        if(sliderGroup._nextMethod) {
+            // If we've already queued up an update, just overwrite it with the most recent:
+            sliderGroup._nextMethod.step = step;
+            sliderGroup._nextMethod.doCallback = doCallback;
+            sliderGroup._nextMethod.doTransition = doTransition;
+        } else {
+            sliderGroup._nextMethod = {step: step, doCallback: doCallback, doTransition: doTransition};
+            sliderGroup._nextMethodRaf = window.requestAnimationFrame(function() {
+                var _step = sliderGroup._nextMethod.step;
+                if(!_step.method) return;
+
+                if(_step.execute) {
+                    Plots.executeAPICommand(gd, _step.method, _step.args);
+                }
+
+                sliderGroup._nextMethod = null;
+                sliderGroup._nextMethodRaf = null;
+            });
+        }
+    }
+}
+
+function attachGripEvents(item, gd, sliderGroup) {
+    var node = sliderGroup.node();
+    var $gd = d3.select(gd);
+
+    // NB: This is *not* the same as sliderOpts itself! These callbacks
+    // are in a closure so this array won't actually be correct if the
+    // steps have changed since this was initialized. The sliderGroup,
+    // however, has not changed since that *is* the slider, so it must
+    // be present to receive mouse events.
+    function getSliderOpts() {
+        return sliderGroup.data()[0];
+    }
+
+    item.on('mousedown', function() {
+        var sliderOpts = getSliderOpts();
+        gd.emit('plotly_sliderstart', {slider: sliderOpts});
+
+        var grip = sliderGroup.select('.' + constants.gripRectClass);
+
+        d3.event.stopPropagation();
+        d3.event.preventDefault();
+        grip.call(Color.fill, sliderOpts.activebgcolor);
+
+        var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]);
+        handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, true);
+        sliderOpts._dragging = true;
+
+        $gd.on('mousemove', function() {
+            var sliderOpts = getSliderOpts();
+            var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]);
+            handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, false);
+        });
+
+        $gd.on('mouseup', function() {
+            var sliderOpts = getSliderOpts();
+            sliderOpts._dragging = false;
+            grip.call(Color.fill, sliderOpts.bgcolor);
+            $gd.on('mouseup', null);
+            $gd.on('mousemove', null);
+
+            gd.emit('plotly_sliderend', {
+                slider: sliderOpts,
+                step: sliderOpts.steps[sliderOpts.active]
+            });
+        });
+    });
+}
+
+function drawTicks(sliderGroup, sliderOpts) {
+    var tick = sliderGroup.selectAll('rect.' + constants.tickRectClass)
+        .data(sliderOpts.steps);
+
+    tick.enter().append('rect')
+        .classed(constants.tickRectClass, true);
+
+    tick.exit().remove();
+
+    tick.attr({
+        width: sliderOpts.tickwidth + 'px',
+        'shape-rendering': 'crispEdges'
+    });
+
+    tick.each(function(d, i) {
+        var isMajor = i % sliderOpts.labelStride === 0;
+        var item = d3.select(this);
+
+        item
+            .attr({height: isMajor ? sliderOpts.ticklen : sliderOpts.minorticklen})
+            .call(Color.fill, isMajor ? sliderOpts.tickcolor : sliderOpts.tickcolor);
+
+        Drawing.setTranslate(item,
+            normalizedValueToPosition(sliderOpts, i / (sliderOpts.steps.length - 1)) - 0.5 * sliderOpts.tickwidth,
+            (isMajor ? constants.tickOffset : constants.minorTickOffset) + sliderOpts.currentValueTotalHeight
+        );
+    });
+
+}
+
+function computeLabelSteps(sliderOpts) {
+    sliderOpts.labelSteps = [];
+    var i0 = 0;
+    var nsteps = sliderOpts.steps.length;
+
+    for(var i = i0; i < nsteps; i += sliderOpts.labelStride) {
+        sliderOpts.labelSteps.push({
+            fraction: i / (nsteps - 1),
+            step: sliderOpts.steps[i]
+        });
+    }
+}
+
+function setGripPosition(sliderGroup, sliderOpts, position, doTransition) {
+    var grip = sliderGroup.select('rect.' + constants.gripRectClass);
+
+    var x = normalizedValueToPosition(sliderOpts, position);
+
+    // If this is true, then *this component* is already invoking its own command
+    // and has triggered its own animation.
+    if(sliderOpts._invokingCommand) return;
+
+    var el = grip;
+    if(doTransition && sliderOpts.transition.duration > 0) {
+        el = el.transition()
+            .duration(sliderOpts.transition.duration)
+            .ease(sliderOpts.transition.easing);
+    }
+
+    // Drawing.setTranslate doesn't work here becasue of the transition duck-typing.
+    // It's also not necessary because there are no other transitions to preserve.
+    el.attr('transform', 'translate(' + (x - constants.gripWidth * 0.5) + ',' + (sliderOpts.currentValueTotalHeight) + ')');
+}
+
+// Convert a number from [0-1] to a pixel position relative to the slider group container:
+function normalizedValueToPosition(sliderOpts, normalizedPosition) {
+    return sliderOpts.inputAreaStart + constants.stepInset +
+        (sliderOpts.inputAreaLength - 2 * constants.stepInset) * Math.min(1, Math.max(0, normalizedPosition));
+}
+
+// Convert a position relative to the slider group to a nubmer in [0, 1]
+function positionToNormalizedValue(sliderOpts, position) {
+    return Math.min(1, Math.max(0, (position - constants.stepInset - sliderOpts.inputAreaStart) / (sliderOpts.inputAreaLength - 2 * constants.stepInset - 2 * sliderOpts.inputAreaStart)));
+}
+
+function drawTouchRect(sliderGroup, gd, sliderOpts) {
+    var rect = sliderGroup.selectAll('rect.' + constants.railTouchRectClass)
+        .data([0]);
+
+    rect.enter().append('rect')
+        .classed(constants.railTouchRectClass, true)
+        .call(attachGripEvents, gd, sliderGroup, sliderOpts)
+        .style('pointer-events', 'all');
+
+    rect.attr({
+        width: sliderOpts.inputAreaLength,
+        height: Math.max(sliderOpts.inputAreaWidth, constants.tickOffset + sliderOpts.ticklen + sliderOpts.labelHeight)
+    })
+        .call(Color.fill, sliderOpts.bgcolor)
+        .attr('opacity', 0);
+
+    Drawing.setTranslate(rect, 0, sliderOpts.currentValueTotalHeight);
+}
+
+function drawRail(sliderGroup, sliderOpts) {
+    var rect = sliderGroup.selectAll('rect.' + constants.railRectClass)
+        .data([0]);
+
+    rect.enter().append('rect')
+        .classed(constants.railRectClass, true);
+
+    var computedLength = sliderOpts.inputAreaLength - constants.railInset * 2;
+
+    rect.attr({
+        width: computedLength,
+        height: constants.railWidth,
+        rx: constants.railRadius,
+        ry: constants.railRadius,
+        'shape-rendering': 'crispEdges'
+    })
+        .call(Color.stroke, sliderOpts.bordercolor)
+        .call(Color.fill, sliderOpts.bgcolor)
+        .style('stroke-width', sliderOpts.borderwidth + 'px');
+
+    Drawing.setTranslate(rect,
+        constants.railInset,
+        (sliderOpts.inputAreaWidth - constants.railWidth) * 0.5 + sliderOpts.currentValueTotalHeight
+    );
+}
+
+function clearPushMargins(gd) {
+    var pushMargins = gd._fullLayout._pushmargin || {},
+        keys = Object.keys(pushMargins);
+
+    for(var i = 0; i < keys.length; i++) {
+        var k = keys[i];
+
+        if(k.indexOf(constants.autoMarginIdRoot) !== -1) {
+            Plots.autoMargin(gd, k);
+        }
+    }
+}
+
+},{"../../constants/alignment":701,"../../lib/svg_text_utils":750,"../../plots/plots":831,"../color":604,"../drawing":628,"../legend/anchor_utils":654,"./constants":690,"d3":122}],693:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var constants = require('./constants');
+
+module.exports = {
+    moduleType: 'component',
+    name: constants.name,
+
+    layoutAttributes: require('./attributes'),
+    supplyLayoutDefaults: require('./defaults'),
+
+    draw: require('./draw')
+};
+
+},{"./attributes":689,"./constants":690,"./defaults":691,"./draw":692}],694:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var Plotly = require('../../plotly');
+var Plots = require('../../plots/plots');
+var Lib = require('../../lib');
+var Drawing = require('../drawing');
+var Color = require('../color');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var interactConstants = require('../../constants/interactions');
+
+var PLACEHOLDER_RE = /Click to enter .+ title/;
+
+var Titles = module.exports = {};
+
+/**
+ * Titles - (re)draw titles on the axes and plot:
+ * @param {DOM element} gd - the graphDiv
+ * @param {string} titleClass - the css class of this title
+ * @param {object} options - how and what to draw
+ *      propContainer - the layout object containing `title` and `titlefont`
+ *          attributes that apply to this title
+ *      propName - the full name of the title property (for Plotly.relayout)
+ *      [traceIndex] - include only if this property applies to one trace
+ *          (such as a colorbar title) - then editing pipes to Plotly.restyle
+ *          instead of Plotly.relayout
+ *      dfltName - the name of the title in placeholder text
+ *      [avoid] {object} - include if this title should move to avoid other elements
+ *          selection - d3 selection of elements to avoid
+ *          side - which direction to move if there is a conflict
+ *          [offsetLeft] - if these elements are subject to a translation
+ *              wrt the title element
+ *          [offsetTop]
+ *      attributes {object} - position and alignment attributes
+ *          x - pixels
+ *          y - pixels
+ *          text-anchor - start|middle|end
+ *      transform {object} - how to transform the title after positioning
+ *          rotate - degrees
+ *          offset - shift up/down in the rotated frame (unused?)
+ *      containerGroup - if an svg <g> element already exists to hold this
+ *          title, include here. Otherwise it will go in fullLayout._infolayer
+ */
+Titles.draw = function(gd, titleClass, options) {
+    var cont = options.propContainer;
+    var prop = options.propName;
+    var traceIndex = options.traceIndex;
+    var name = options.dfltName;
+    var avoid = options.avoid || {};
+    var attributes = options.attributes;
+    var transform = options.transform;
+    var group = options.containerGroup;
+
+    var fullLayout = gd._fullLayout;
+    var font = cont.titlefont.family;
+    var fontSize = cont.titlefont.size;
+    var fontColor = cont.titlefont.color;
+
+    var opacity = 1;
+    var isplaceholder = false;
+    var txt = cont.title.trim();
+
+    // only make this title editable if we positively identify its property
+    // as one that has editing enabled.
+    var editAttr;
+    if(prop === 'title') editAttr = 'titleText';
+    else if(prop.indexOf('axis') !== -1) editAttr = 'axisTitleText';
+    else if(prop.indexOf('colorbar' !== -1)) editAttr = 'colorbarTitleText';
+    var editable = gd._context.edits[editAttr];
+
+    if(txt === '') opacity = 0;
+    if(txt.match(PLACEHOLDER_RE)) {
+        opacity = 0.2;
+        isplaceholder = true;
+        if(!editable) txt = '';
+    }
+
+    var elShouldExist = txt || editable;
+
+    if(!group) {
+        group = fullLayout._infolayer.selectAll('.g-' + titleClass)
+            .data([0]);
+        group.enter().append('g')
+            .classed('g-' + titleClass, true);
+    }
+
+    var el = group.selectAll('text')
+        .data(elShouldExist ? [0] : []);
+    el.enter().append('text');
+    el.text(txt)
+        // this is hacky, but convertToTspans uses the class
+        // to determine whether to rotate mathJax...
+        // so we need to clear out any old class and put the
+        // correct one (only relevant for colorbars, at least
+        // for now) - ie don't use .classed
+        .attr('class', titleClass);
+    el.exit().remove();
+
+    if(!elShouldExist) return;
+
+    function titleLayout(titleEl) {
+        Lib.syncOrAsync([drawTitle, scootTitle], titleEl);
+    }
+
+    function drawTitle(titleEl) {
+        titleEl.attr('transform', transform ?
+            'rotate(' + [transform.rotate, attributes.x, attributes.y] +
+                ') translate(0, ' + transform.offset + ')' :
+            null);
+
+        titleEl.style({
+            'font-family': font,
+            'font-size': d3.round(fontSize, 2) + 'px',
+            fill: Color.rgb(fontColor),
+            opacity: opacity * Color.opacity(fontColor),
+            'font-weight': Plots.fontWeight
+        })
+        .attr(attributes)
+        .call(svgTextUtils.convertToTspans, gd);
+
+        return Plots.previousPromises(gd);
+    }
+
+    function scootTitle(titleElIn) {
+        var titleGroup = d3.select(titleElIn.node().parentNode);
+
+        if(avoid && avoid.selection && avoid.side && txt) {
+            titleGroup.attr('transform', null);
+
+            // move toward avoid.side (= left, right, top, bottom) if needed
+            // can include pad (pixels, default 2)
+            var shift = 0;
+            var backside = {
+                left: 'right',
+                right: 'left',
+                top: 'bottom',
+                bottom: 'top'
+            }[avoid.side];
+            var shiftSign = (['left', 'top'].indexOf(avoid.side) !== -1) ?
+                    -1 : 1;
+            var pad = isNumeric(avoid.pad) ? avoid.pad : 2;
+            var titlebb = Drawing.bBox(titleGroup.node());
+            var paperbb = {
+                left: 0,
+                top: 0,
+                right: fullLayout.width,
+                bottom: fullLayout.height
+            };
+            var maxshift = avoid.maxShift || (
+                (paperbb[avoid.side] - titlebb[avoid.side]) *
+                ((avoid.side === 'left' || avoid.side === 'top') ? -1 : 1));
+            // Prevent the title going off the paper
+            if(maxshift < 0) shift = maxshift;
+            else {
+                // so we don't have to offset each avoided element,
+                // give the title the opposite offset
+                var offsetLeft = avoid.offsetLeft || 0;
+                var offsetTop = avoid.offsetTop || 0;
+                titlebb.left -= offsetLeft;
+                titlebb.right -= offsetLeft;
+                titlebb.top -= offsetTop;
+                titlebb.bottom -= offsetTop;
+
+                // iterate over a set of elements (avoid.selection)
+                // to avoid collisions with
+                avoid.selection.each(function() {
+                    var avoidbb = Drawing.bBox(this);
+
+                    if(Lib.bBoxIntersect(titlebb, avoidbb, pad)) {
+                        shift = Math.max(shift, shiftSign * (
+                            avoidbb[avoid.side] - titlebb[backside]) + pad);
+                    }
+                });
+                shift = Math.min(maxshift, shift);
+            }
+            if(shift > 0 || maxshift < 0) {
+                var shiftTemplate = {
+                    left: [-shift, 0],
+                    right: [shift, 0],
+                    top: [0, -shift],
+                    bottom: [0, shift]
+                }[avoid.side];
+                titleGroup.attr('transform',
+                    'translate(' + shiftTemplate + ')');
+            }
+        }
+    }
+
+    el.call(titleLayout);
+
+    var placeholderText = 'Click to enter ' + name + ' title';
+
+    function setPlaceholder() {
+        opacity = 0;
+        isplaceholder = true;
+        txt = placeholderText;
+        el.text(txt)
+            .on('mouseover.opacity', function() {
+                d3.select(this).transition()
+                    .duration(interactConstants.SHOW_PLACEHOLDER).style('opacity', 1);
+            })
+            .on('mouseout.opacity', function() {
+                d3.select(this).transition()
+                    .duration(interactConstants.HIDE_PLACEHOLDER).style('opacity', 0);
+            });
+    }
+
+    if(editable) {
+        if(!txt) setPlaceholder();
+        else el.on('.opacity', null);
+
+        el.call(svgTextUtils.makeEditable, {gd: gd})
+            .on('edit', function(text) {
+                if(traceIndex !== undefined) Plotly.restyle(gd, prop, text, traceIndex);
+                else Plotly.relayout(gd, prop, text);
+            })
+            .on('cancel', function() {
+                this.text(this.attr('data-unformatted'))
+                    .call(titleLayout);
+            })
+            .on('input', function(d) {
+                this.text(d || ' ')
+                    .call(svgTextUtils.positionText, attributes.x, attributes.y);
+            });
+    }
+    el.classed('js-placeholder', isplaceholder);
+};
+
+},{"../../constants/interactions":706,"../../lib":728,"../../lib/svg_text_utils":750,"../../plotly":767,"../../plots/plots":831,"../color":604,"../drawing":628,"d3":122,"fast-isnumeric":131}],695:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var colorAttrs = require('../color/attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+var padAttrs = require('../../plots/pad_attributes');
+
+var buttonsAttrs = {
+    _isLinkedToArray: 'button',
+
+    method: {
+        valType: 'enumerated',
+        values: ['restyle', 'relayout', 'animate', 'update', 'skip'],
+        dflt: 'restyle',
+        
+        
+    },
+    args: {
+        valType: 'info_array',
+        
+        freeLength: true,
+        items: [
+            {valType: 'any'},
+            {valType: 'any'},
+            {valType: 'any'}
+        ],
+        
+    },
+    label: {
+        valType: 'string',
+        
+        dflt: '',
+        
+    },
+    execute: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    }
+};
+
+module.exports = overrideAll({
+    _isLinkedToArray: 'updatemenu',
+    _arrayAttrRegexps: [/^updatemenus\[(0|[1-9][0-9]+)\]\.buttons/],
+
+    visible: {
+        valType: 'boolean',
+        
+        
+    },
+
+    type: {
+        valType: 'enumerated',
+        values: ['dropdown', 'buttons'],
+        dflt: 'dropdown',
+        
+        
+    },
+
+    direction: {
+        valType: 'enumerated',
+        values: ['left', 'right', 'up', 'down'],
+        dflt: 'down',
+        
+        
+    },
+
+    active: {
+        valType: 'integer',
+        
+        min: -1,
+        dflt: 0,
+        
+    },
+
+    showactive: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    },
+
+    buttons: buttonsAttrs,
+
+    x: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: -0.05,
+        
+        
+    },
+    xanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'left', 'center', 'right'],
+        dflt: 'right',
+        
+        
+    },
+    y: {
+        valType: 'number',
+        min: -2,
+        max: 3,
+        dflt: 1,
+        
+        
+    },
+    yanchor: {
+        valType: 'enumerated',
+        values: ['auto', 'top', 'middle', 'bottom'],
+        dflt: 'top',
+        
+        
+    },
+
+    pad: extendFlat({}, padAttrs, {
+        
+    }),
+
+    font: fontAttrs({
+        
+    }),
+
+    bgcolor: {
+        valType: 'color',
+        
+        
+    },
+    bordercolor: {
+        valType: 'color',
+        dflt: colorAttrs.borderLine,
+        
+        
+    },
+    borderwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'arraydraw',
+        
+    }
+}, 'arraydraw', 'from-root');
+
+},{"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/font_attributes":796,"../../plots/pad_attributes":830,"../color/attributes":603}],696:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+
+    // layout attribute name
+    name: 'updatemenus',
+
+    // class names
+    containerClassName: 'updatemenu-container',
+    headerGroupClassName: 'updatemenu-header-group',
+    headerClassName: 'updatemenu-header',
+    headerArrowClassName: 'updatemenu-header-arrow',
+    dropdownButtonGroupClassName: 'updatemenu-dropdown-button-group',
+    dropdownButtonClassName: 'updatemenu-dropdown-button',
+    buttonClassName: 'updatemenu-button',
+    itemRectClassName: 'updatemenu-item-rect',
+    itemTextClassName: 'updatemenu-item-text',
+
+    // DOM attribute name in button group keeping track
+    // of active update menu
+    menuIndexAttrName: 'updatemenu-active-index',
+
+    // id root pass to Plots.autoMargin
+    autoMarginIdRoot: 'updatemenu-',
+
+    // options when 'active: -1'
+    blankHeaderOpts: { label: '  ' },
+
+    // min item width / height
+    minWidth: 30,
+    minHeight: 30,
+
+    // padding around item text
+    textPadX: 24,
+    arrowPadX: 16,
+
+    // item rect radii
+    rx: 2,
+    ry: 2,
+
+    // item  text x offset off left edge
+    textOffsetX: 12,
+
+    // item  text y offset (w.r.t. middle)
+    textOffsetY: 3,
+
+    // arrow offset off right edge
+    arrowOffsetX: 4,
+
+    // gap between header and buttons
+    gapButtonHeader: 5,
+
+    // gap between between buttons
+    gapButton: 2,
+
+    // color given to active buttons
+    activeColor: '#F4FAFF',
+
+    // color given to hovered buttons
+    hoverColor: '#F4FAFF',
+
+    // symbol for menu open arrow
+    arrowSymbol: {
+        left: '◄',
+        right: '►',
+        up: '▲',
+        down: '▼'
+    }
+};
+
+},{}],697:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleArrayContainerDefaults = require('../../plots/array_container_defaults');
+
+var attributes = require('./attributes');
+var constants = require('./constants');
+
+var name = constants.name;
+var buttonAttrs = attributes.buttons;
+
+
+module.exports = function updateMenusDefaults(layoutIn, layoutOut) {
+    var opts = {
+        name: name,
+        handleItemDefaults: menuDefaults
+    };
+
+    handleArrayContainerDefaults(layoutIn, layoutOut, opts);
+};
+
+function menuDefaults(menuIn, menuOut, layoutOut) {
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(menuIn, menuOut, attributes, attr, dflt);
+    }
+
+    var buttons = buttonsDefaults(menuIn, menuOut);
+
+    var visible = coerce('visible', buttons.length > 0);
+    if(!visible) return;
+
+    coerce('active');
+    coerce('direction');
+    coerce('type');
+    coerce('showactive');
+
+    coerce('x');
+    coerce('y');
+    Lib.noneOrAll(menuIn, menuOut, ['x', 'y']);
+
+    coerce('xanchor');
+    coerce('yanchor');
+
+    coerce('pad.t');
+    coerce('pad.r');
+    coerce('pad.b');
+    coerce('pad.l');
+
+    Lib.coerceFont(coerce, 'font', layoutOut.font);
+
+    coerce('bgcolor', layoutOut.paper_bgcolor);
+    coerce('bordercolor');
+    coerce('borderwidth');
+}
+
+function buttonsDefaults(menuIn, menuOut) {
+    var buttonsIn = menuIn.buttons || [],
+        buttonsOut = menuOut.buttons = [];
+
+    var buttonIn, buttonOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt);
+    }
+
+    for(var i = 0; i < buttonsIn.length; i++) {
+        buttonIn = buttonsIn[i];
+        buttonOut = {};
+
+        coerce('method');
+
+        if(!Lib.isPlainObject(buttonIn) || (buttonOut.method !== 'skip' && !Array.isArray(buttonIn.args))) {
+            continue;
+        }
+
+        coerce('args');
+        coerce('label');
+        coerce('execute');
+
+        buttonOut._index = i;
+        buttonsOut.push(buttonOut);
+    }
+
+    return buttonsOut;
+}
+
+},{"../../lib":728,"../../plots/array_container_defaults":769,"./attributes":695,"./constants":696}],698:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plots = require('../../plots/plots');
+var Color = require('../color');
+var Drawing = require('../drawing');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var anchorUtils = require('../legend/anchor_utils');
+
+var LINE_SPACING = require('../../constants/alignment').LINE_SPACING;
+
+var constants = require('./constants');
+var ScrollBox = require('./scrollbox');
+
+module.exports = function draw(gd) {
+    var fullLayout = gd._fullLayout,
+        menuData = makeMenuData(fullLayout);
+
+    /* Update menu data is bound to the header-group.
+     * The items in the header group are always present.
+     *
+     * Upon clicking on a header its corresponding button
+     * data is bound to the button-group.
+     *
+     * We draw all headers in one group before all buttons
+     * so that the buttons *always* appear above the headers.
+     *
+     * Note that only one set of buttons are visible at once.
+     *
+     * <g container />
+     *
+     *     <g header-group />
+     *         <g item header />
+     *         <text item header-arrow />
+     *     <g header-group />
+     *         <g item header />
+     *         <text item header-arrow />
+     *     ...
+     *
+     *     <g button-group />
+     *         <g item button />
+     *         <g item button />
+     *         ...
+     */
+
+    // draw update menu container
+    var menus = fullLayout._infolayer
+        .selectAll('g.' + constants.containerClassName)
+        .data(menuData.length > 0 ? [0] : []);
+
+    menus.enter().append('g')
+        .classed(constants.containerClassName, true)
+        .style('cursor', 'pointer');
+
+    menus.exit().remove();
+
+    // remove push margin object(s)
+    if(menus.exit().size()) clearPushMargins(gd);
+
+    // return early if no update menus are visible
+    if(menuData.length === 0) return;
+
+    // join header group
+    var headerGroups = menus.selectAll('g.' + constants.headerGroupClassName)
+        .data(menuData, keyFunction);
+
+    headerGroups.enter().append('g')
+        .classed(constants.headerGroupClassName, true);
+
+    // draw dropdown button container
+    var gButton = menus.selectAll('g.' + constants.dropdownButtonGroupClassName)
+        .data([0]);
+
+    gButton.enter().append('g')
+        .classed(constants.dropdownButtonGroupClassName, true)
+        .style('pointer-events', 'all');
+
+    // find dimensions before plotting anything (this mutates menuOpts)
+    for(var i = 0; i < menuData.length; i++) {
+        var menuOpts = menuData[i];
+        findDimensions(gd, menuOpts);
+    }
+
+    // setup scrollbox
+    var scrollBoxId = 'updatemenus' + fullLayout._uid,
+        scrollBox = new ScrollBox(gd, gButton, scrollBoxId);
+
+    // remove exiting header, remove dropped buttons and reset margins
+    if(headerGroups.enter().size()) {
+        gButton
+            .call(removeAllButtons)
+            .attr(constants.menuIndexAttrName, '-1');
+    }
+
+    headerGroups.exit().each(function(menuOpts) {
+        d3.select(this).remove();
+
+        gButton
+            .call(removeAllButtons)
+            .attr(constants.menuIndexAttrName, '-1');
+
+        Plots.autoMargin(gd, constants.autoMarginIdRoot + menuOpts._index);
+    });
+
+    // draw headers!
+    headerGroups.each(function(menuOpts) {
+        var gHeader = d3.select(this);
+
+        var _gButton = menuOpts.type === 'dropdown' ? gButton : null;
+        Plots.manageCommandObserver(gd, menuOpts, menuOpts.buttons, function(data) {
+            setActive(gd, menuOpts, menuOpts.buttons[data.index], gHeader, _gButton, scrollBox, data.index, true);
+        });
+
+        if(menuOpts.type === 'dropdown') {
+            drawHeader(gd, gHeader, gButton, scrollBox, menuOpts);
+
+            // if this menu is active, update the dropdown container
+            if(isActive(gButton, menuOpts)) {
+                drawButtons(gd, gHeader, gButton, scrollBox, menuOpts);
+            }
+        } else {
+            drawButtons(gd, gHeader, null, null, menuOpts);
+        }
+
+    });
+};
+
+function makeMenuData(fullLayout) {
+    var contOpts = fullLayout[constants.name],
+        menuData = [];
+
+    // Filter visible dropdowns and attach '_index' to each
+    // fullLayout options object to be used for 'object constancy'
+    // in the data join key function.
+
+    for(var i = 0; i < contOpts.length; i++) {
+        var item = contOpts[i];
+
+        if(item.visible) menuData.push(item);
+    }
+
+    return menuData;
+}
+
+// Note that '_index' is set at the default step,
+// it corresponds to the menu index in the user layout update menu container.
+// Because a menu can b set invisible,
+// this is a more 'consistent' field than the index in the menuData.
+function keyFunction(menuOpts) {
+    return menuOpts._index;
+}
+
+function isFolded(gButton) {
+    return +gButton.attr(constants.menuIndexAttrName) === -1;
+}
+
+function isActive(gButton, menuOpts) {
+    return +gButton.attr(constants.menuIndexAttrName) === menuOpts._index;
+}
+
+function setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex, isSilentUpdate) {
+    // update 'active' attribute in menuOpts
+    menuOpts._input.active = menuOpts.active = buttonIndex;
+
+    if(menuOpts.type === 'buttons') {
+        drawButtons(gd, gHeader, null, null, menuOpts);
+    }
+    else if(menuOpts.type === 'dropdown') {
+        // fold up buttons and redraw header
+        gButton.attr(constants.menuIndexAttrName, '-1');
+
+        drawHeader(gd, gHeader, gButton, scrollBox, menuOpts);
+
+        if(!isSilentUpdate) {
+            drawButtons(gd, gHeader, gButton, scrollBox, menuOpts);
+        }
+    }
+}
+
+function drawHeader(gd, gHeader, gButton, scrollBox, menuOpts) {
+    var header = gHeader.selectAll('g.' + constants.headerClassName)
+        .data([0]);
+
+    header.enter().append('g')
+        .classed(constants.headerClassName, true)
+        .style('pointer-events', 'all');
+
+    var active = menuOpts.active,
+        headerOpts = menuOpts.buttons[active] || constants.blankHeaderOpts,
+        posOpts = { y: menuOpts.pad.t, yPad: 0, x: menuOpts.pad.l, xPad: 0, index: 0 },
+        positionOverrides = {
+            width: menuOpts.headerWidth,
+            height: menuOpts.headerHeight
+        };
+
+    header
+        .call(drawItem, menuOpts, headerOpts, gd)
+        .call(setItemPosition, menuOpts, posOpts, positionOverrides);
+
+    // draw drop arrow at the right edge
+    var arrow = gHeader.selectAll('text.' + constants.headerArrowClassName)
+        .data([0]);
+
+    arrow.enter().append('text')
+        .classed(constants.headerArrowClassName, true)
+        .classed('user-select-none', true)
+        .attr('text-anchor', 'end')
+        .call(Drawing.font, menuOpts.font)
+        .text(constants.arrowSymbol[menuOpts.direction]);
+
+    arrow.attr({
+        x: menuOpts.headerWidth - constants.arrowOffsetX + menuOpts.pad.l,
+        y: menuOpts.headerHeight / 2 + constants.textOffsetY + menuOpts.pad.t
+    });
+
+    header.on('click', function() {
+        gButton.call(removeAllButtons);
+
+
+        // if this menu is active, fold the dropdown container
+        // otherwise, make this menu active
+        gButton.attr(
+            constants.menuIndexAttrName,
+            isActive(gButton, menuOpts) ?
+                -1 :
+                String(menuOpts._index)
+        );
+
+        drawButtons(gd, gHeader, gButton, scrollBox, menuOpts);
+    });
+
+    header.on('mouseover', function() {
+        header.call(styleOnMouseOver);
+    });
+
+    header.on('mouseout', function() {
+        header.call(styleOnMouseOut, menuOpts);
+    });
+
+    // translate header group
+    Drawing.setTranslate(gHeader, menuOpts.lx, menuOpts.ly);
+}
+
+function drawButtons(gd, gHeader, gButton, scrollBox, menuOpts) {
+    // If this is a set of buttons, set pointer events = all since we play
+    // some minor games with which container is which in order to simplify
+    // the drawing of *either* buttons or menus
+    if(!gButton) {
+        gButton = gHeader;
+        gButton.attr('pointer-events', 'all');
+    }
+
+    var buttonData = (!isFolded(gButton) || menuOpts.type === 'buttons') ?
+        menuOpts.buttons :
+        [];
+
+    var klass = menuOpts.type === 'dropdown' ? constants.dropdownButtonClassName : constants.buttonClassName;
+
+    var buttons = gButton.selectAll('g.' + klass)
+        .data(buttonData);
+
+    var enter = buttons.enter().append('g')
+        .classed(klass, true);
+
+    var exit = buttons.exit();
+
+    if(menuOpts.type === 'dropdown') {
+        enter.attr('opacity', '0')
+            .transition()
+            .attr('opacity', '1');
+
+        exit.transition()
+            .attr('opacity', '0')
+            .remove();
+    } else {
+        exit.remove();
+    }
+
+    var x0 = 0;
+    var y0 = 0;
+
+    var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1;
+
+    if(menuOpts.type === 'dropdown') {
+        if(isVertical) {
+            y0 = menuOpts.headerHeight + constants.gapButtonHeader;
+        } else {
+            x0 = menuOpts.headerWidth + constants.gapButtonHeader;
+        }
+    }
+
+    if(menuOpts.type === 'dropdown' && menuOpts.direction === 'up') {
+        y0 = -constants.gapButtonHeader + constants.gapButton - menuOpts.openHeight;
+    }
+
+    if(menuOpts.type === 'dropdown' && menuOpts.direction === 'left') {
+        x0 = -constants.gapButtonHeader + constants.gapButton - menuOpts.openWidth;
+    }
+
+    var posOpts = {
+        x: menuOpts.lx + x0 + menuOpts.pad.l,
+        y: menuOpts.ly + y0 + menuOpts.pad.t,
+        yPad: constants.gapButton,
+        xPad: constants.gapButton,
+        index: 0,
+    };
+
+    var scrollBoxPosition = {
+        l: posOpts.x + menuOpts.borderwidth,
+        t: posOpts.y + menuOpts.borderwidth
+    };
+
+    buttons.each(function(buttonOpts, buttonIndex) {
+        var button = d3.select(this);
+
+        button
+            .call(drawItem, menuOpts, buttonOpts, gd)
+            .call(setItemPosition, menuOpts, posOpts);
+
+        button.on('click', function() {
+            // skip `dragend` events
+            if(d3.event.defaultPrevented) return;
+
+            setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex);
+
+            if(buttonOpts.execute) {
+                Plots.executeAPICommand(gd, buttonOpts.method, buttonOpts.args);
+            }
+
+            gd.emit('plotly_buttonclicked', {menu: menuOpts, button: buttonOpts, active: menuOpts.active});
+        });
+
+        button.on('mouseover', function() {
+            button.call(styleOnMouseOver);
+        });
+
+        button.on('mouseout', function() {
+            button.call(styleOnMouseOut, menuOpts);
+            buttons.call(styleButtons, menuOpts);
+        });
+    });
+
+    buttons.call(styleButtons, menuOpts);
+
+    if(isVertical) {
+        scrollBoxPosition.w = Math.max(menuOpts.openWidth, menuOpts.headerWidth);
+        scrollBoxPosition.h = posOpts.y - scrollBoxPosition.t;
+    }
+    else {
+        scrollBoxPosition.w = posOpts.x - scrollBoxPosition.l;
+        scrollBoxPosition.h = Math.max(menuOpts.openHeight, menuOpts.headerHeight);
+    }
+
+    scrollBoxPosition.direction = menuOpts.direction;
+
+    if(scrollBox) {
+        if(buttons.size()) {
+            drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, scrollBoxPosition);
+        }
+        else {
+            hideScrollBox(scrollBox);
+        }
+    }
+}
+
+function drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, position) {
+    // enable the scrollbox
+    var direction = menuOpts.direction,
+        isVertical = (direction === 'up' || direction === 'down');
+
+    var active = menuOpts.active,
+        translateX, translateY,
+        i;
+    if(isVertical) {
+        translateY = 0;
+        for(i = 0; i < active; i++) {
+            translateY += menuOpts.heights[i] + constants.gapButton;
+        }
+    }
+    else {
+        translateX = 0;
+        for(i = 0; i < active; i++) {
+            translateX += menuOpts.widths[i] + constants.gapButton;
+        }
+    }
+
+    scrollBox.enable(position, translateX, translateY);
+
+    if(scrollBox.hbar) {
+        scrollBox.hbar
+            .attr('opacity', '0')
+            .transition()
+            .attr('opacity', '1');
+    }
+
+    if(scrollBox.vbar) {
+        scrollBox.vbar
+            .attr('opacity', '0')
+            .transition()
+            .attr('opacity', '1');
+    }
+}
+
+function hideScrollBox(scrollBox) {
+    var hasHBar = !!scrollBox.hbar,
+        hasVBar = !!scrollBox.vbar;
+
+    if(hasHBar) {
+        scrollBox.hbar
+            .transition()
+            .attr('opacity', '0')
+            .each('end', function() {
+                hasHBar = false;
+                if(!hasVBar) scrollBox.disable();
+            });
+    }
+
+    if(hasVBar) {
+        scrollBox.vbar
+            .transition()
+            .attr('opacity', '0')
+            .each('end', function() {
+                hasVBar = false;
+                if(!hasHBar) scrollBox.disable();
+            });
+    }
+}
+
+function drawItem(item, menuOpts, itemOpts, gd) {
+    item.call(drawItemRect, menuOpts)
+        .call(drawItemText, menuOpts, itemOpts, gd);
+}
+
+function drawItemRect(item, menuOpts) {
+    var rect = item.selectAll('rect')
+        .data([0]);
+
+    rect.enter().append('rect')
+        .classed(constants.itemRectClassName, true)
+        .attr({
+            rx: constants.rx,
+            ry: constants.ry,
+            'shape-rendering': 'crispEdges'
+        });
+
+    rect.call(Color.stroke, menuOpts.bordercolor)
+        .call(Color.fill, menuOpts.bgcolor)
+        .style('stroke-width', menuOpts.borderwidth + 'px');
+}
+
+function drawItemText(item, menuOpts, itemOpts, gd) {
+    var text = item.selectAll('text')
+        .data([0]);
+
+    text.enter().append('text')
+        .classed(constants.itemTextClassName, true)
+        .classed('user-select-none', true)
+        .attr({
+            'text-anchor': 'start',
+            'data-notex': 1
+        });
+
+    text.call(Drawing.font, menuOpts.font)
+        .text(itemOpts.label)
+        .call(svgTextUtils.convertToTspans, gd);
+}
+
+function styleButtons(buttons, menuOpts) {
+    var active = menuOpts.active;
+
+    buttons.each(function(buttonOpts, i) {
+        var button = d3.select(this);
+
+        if(i === active && menuOpts.showactive) {
+            button.select('rect.' + constants.itemRectClassName)
+                .call(Color.fill, constants.activeColor);
+        }
+    });
+}
+
+function styleOnMouseOver(item) {
+    item.select('rect.' + constants.itemRectClassName)
+        .call(Color.fill, constants.hoverColor);
+}
+
+function styleOnMouseOut(item, menuOpts) {
+    item.select('rect.' + constants.itemRectClassName)
+        .call(Color.fill, menuOpts.bgcolor);
+}
+
+// find item dimensions (this mutates menuOpts)
+function findDimensions(gd, menuOpts) {
+    menuOpts.width1 = 0;
+    menuOpts.height1 = 0;
+    menuOpts.heights = [];
+    menuOpts.widths = [];
+    menuOpts.totalWidth = 0;
+    menuOpts.totalHeight = 0;
+    menuOpts.openWidth = 0;
+    menuOpts.openHeight = 0;
+    menuOpts.lx = 0;
+    menuOpts.ly = 0;
+
+    var fakeButtons = Drawing.tester.selectAll('g.' + constants.dropdownButtonClassName)
+        .data(menuOpts.buttons);
+
+    fakeButtons.enter().append('g')
+        .classed(constants.dropdownButtonClassName, true);
+
+    var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1;
+
+    // loop over fake buttons to find width / height
+    fakeButtons.each(function(buttonOpts, i) {
+        var button = d3.select(this);
+
+        button.call(drawItem, menuOpts, buttonOpts, gd);
+
+        var text = button.select('.' + constants.itemTextClassName);
+
+        // width is given by max width of all buttons
+        var tWidth = text.node() && Drawing.bBox(text.node()).width;
+        var wEff = Math.max(tWidth + constants.textPadX, constants.minWidth);
+
+        // height is determined by item text
+        var tHeight = menuOpts.font.size * LINE_SPACING;
+        var tLines = svgTextUtils.lineCount(text);
+        var hEff = Math.max(tHeight * tLines, constants.minHeight) + constants.textOffsetY;
+
+        hEff = Math.ceil(hEff);
+        wEff = Math.ceil(wEff);
+
+        // Store per-item sizes since a row of horizontal buttons, for example,
+        // don't all need to be the same width:
+        menuOpts.widths[i] = wEff;
+        menuOpts.heights[i] = hEff;
+
+        // Height and width of individual element:
+        menuOpts.height1 = Math.max(menuOpts.height1, hEff);
+        menuOpts.width1 = Math.max(menuOpts.width1, wEff);
+
+        if(isVertical) {
+            menuOpts.totalWidth = Math.max(menuOpts.totalWidth, wEff);
+            menuOpts.openWidth = menuOpts.totalWidth;
+            menuOpts.totalHeight += hEff + constants.gapButton;
+            menuOpts.openHeight += hEff + constants.gapButton;
+        } else {
+            menuOpts.totalWidth += wEff + constants.gapButton;
+            menuOpts.openWidth += wEff + constants.gapButton;
+            menuOpts.totalHeight = Math.max(menuOpts.totalHeight, hEff);
+            menuOpts.openHeight = menuOpts.totalHeight;
+        }
+    });
+
+    if(isVertical) {
+        menuOpts.totalHeight -= constants.gapButton;
+    } else {
+        menuOpts.totalWidth -= constants.gapButton;
+    }
+
+
+    menuOpts.headerWidth = menuOpts.width1 + constants.arrowPadX;
+    menuOpts.headerHeight = menuOpts.height1;
+
+    if(menuOpts.type === 'dropdown') {
+        if(isVertical) {
+            menuOpts.width1 += constants.arrowPadX;
+            menuOpts.totalHeight = menuOpts.height1;
+        } else {
+            menuOpts.totalWidth = menuOpts.width1;
+        }
+        menuOpts.totalWidth += constants.arrowPadX;
+    }
+
+    fakeButtons.remove();
+
+    var paddedWidth = menuOpts.totalWidth + menuOpts.pad.l + menuOpts.pad.r;
+    var paddedHeight = menuOpts.totalHeight + menuOpts.pad.t + menuOpts.pad.b;
+
+    var graphSize = gd._fullLayout._size;
+    menuOpts.lx = graphSize.l + graphSize.w * menuOpts.x;
+    menuOpts.ly = graphSize.t + graphSize.h * (1 - menuOpts.y);
+
+    var xanchor = 'left';
+    if(anchorUtils.isRightAnchor(menuOpts)) {
+        menuOpts.lx -= paddedWidth;
+        xanchor = 'right';
+    }
+    if(anchorUtils.isCenterAnchor(menuOpts)) {
+        menuOpts.lx -= paddedWidth / 2;
+        xanchor = 'center';
+    }
+
+    var yanchor = 'top';
+    if(anchorUtils.isBottomAnchor(menuOpts)) {
+        menuOpts.ly -= paddedHeight;
+        yanchor = 'bottom';
+    }
+    if(anchorUtils.isMiddleAnchor(menuOpts)) {
+        menuOpts.ly -= paddedHeight / 2;
+        yanchor = 'middle';
+    }
+
+    menuOpts.totalWidth = Math.ceil(menuOpts.totalWidth);
+    menuOpts.totalHeight = Math.ceil(menuOpts.totalHeight);
+    menuOpts.lx = Math.round(menuOpts.lx);
+    menuOpts.ly = Math.round(menuOpts.ly);
+
+    Plots.autoMargin(gd, constants.autoMarginIdRoot + menuOpts._index, {
+        x: menuOpts.x,
+        y: menuOpts.y,
+        l: paddedWidth * ({right: 1, center: 0.5}[xanchor] || 0),
+        r: paddedWidth * ({left: 1, center: 0.5}[xanchor] || 0),
+        b: paddedHeight * ({top: 1, middle: 0.5}[yanchor] || 0),
+        t: paddedHeight * ({bottom: 1, middle: 0.5}[yanchor] || 0)
+    });
+}
+
+// set item positions (mutates posOpts)
+function setItemPosition(item, menuOpts, posOpts, overrideOpts) {
+    overrideOpts = overrideOpts || {};
+    var rect = item.select('.' + constants.itemRectClassName);
+    var text = item.select('.' + constants.itemTextClassName);
+    var borderWidth = menuOpts.borderwidth;
+    var index = posOpts.index;
+
+    Drawing.setTranslate(item, borderWidth + posOpts.x, borderWidth + posOpts.y);
+
+    var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1;
+    var finalHeight = overrideOpts.height || (isVertical ? menuOpts.heights[index] : menuOpts.height1);
+
+    rect.attr({
+        x: 0,
+        y: 0,
+        width: overrideOpts.width || (isVertical ? menuOpts.width1 : menuOpts.widths[index]),
+        height: finalHeight
+    });
+
+    var tHeight = menuOpts.font.size * LINE_SPACING;
+    var tLines = svgTextUtils.lineCount(text);
+    var spanOffset = ((tLines - 1) * tHeight / 2);
+
+    svgTextUtils.positionText(text, constants.textOffsetX,
+        finalHeight / 2 - spanOffset + constants.textOffsetY);
+
+    if(isVertical) {
+        posOpts.y += menuOpts.heights[index] + posOpts.yPad;
+    } else {
+        posOpts.x += menuOpts.widths[index] + posOpts.xPad;
+    }
+
+    posOpts.index++;
+}
+
+function removeAllButtons(gButton) {
+    gButton.selectAll('g.' + constants.dropdownButtonClassName).remove();
+}
+
+function clearPushMargins(gd) {
+    var pushMargins = gd._fullLayout._pushmargin || {};
+    var keys = Object.keys(pushMargins);
+
+    for(var i = 0; i < keys.length; i++) {
+        var k = keys[i];
+
+        if(k.indexOf(constants.autoMarginIdRoot) !== -1) {
+            Plots.autoMargin(gd, k);
+        }
+    }
+}
+
+},{"../../constants/alignment":701,"../../lib/svg_text_utils":750,"../../plots/plots":831,"../color":604,"../drawing":628,"../legend/anchor_utils":654,"./constants":696,"./scrollbox":700,"d3":122}],699:[function(require,module,exports){
+arguments[4][693][0].apply(exports,arguments)
+},{"./attributes":695,"./constants":696,"./defaults":697,"./draw":698,"dup":693}],700:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = ScrollBox;
+
+var d3 = require('d3');
+
+var Color = require('../color');
+var Drawing = require('../drawing');
+
+var Lib = require('../../lib');
+
+/**
+ * Helper class to setup a scroll box
+ *
+ * @class
+ * @param           gd          Plotly's graph div
+ * @param           container   Container to be scroll-boxed (as a D3 selection)
+ * @param {string}  id          Id for the clip path to implement the scroll box
+ */
+function ScrollBox(gd, container, id) {
+    this.gd = gd;
+    this.container = container;
+    this.id = id;
+
+    // See ScrollBox.prototype.enable for further definition
+    this.position = null;  // scrollbox position
+    this.translateX = null;  // scrollbox horizontal translation
+    this.translateY = null;  // scrollbox vertical translation
+    this.hbar = null;  // horizontal scrollbar D3 selection
+    this.vbar = null;  // vertical scrollbar D3 selection
+
+    // <rect> element to capture pointer events
+    this.bg = this.container.selectAll('rect.scrollbox-bg').data([0]);
+
+    this.bg.exit()
+        .on('.drag', null)
+        .on('wheel', null)
+        .remove();
+
+    this.bg.enter().append('rect')
+        .classed('scrollbox-bg', true)
+        .style('pointer-events', 'all')
+        .attr({
+            opacity: 0,
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        });
+}
+
+// scroll bar dimensions
+ScrollBox.barWidth = 2;
+ScrollBox.barLength = 20;
+ScrollBox.barRadius = 2;
+ScrollBox.barPad = 1;
+ScrollBox.barColor = '#808BA4';
+
+/**
+ * If needed, setup a clip path and scrollbars
+ *
+ * @method
+ * @param {Object}  position
+ * @param {number}  position.l  Left side position (in pixels)
+ * @param {number}  position.t  Top side (in pixels)
+ * @param {number}  position.w  Width (in pixels)
+ * @param {number}  position.h  Height (in pixels)
+ * @param {string}  [position.direction='down']
+ *                  Either 'down', 'left', 'right' or 'up'
+ * @param {number}  [translateX=0]  Horizontal offset (in pixels)
+ * @param {number}  [translateY=0]  Vertical offset (in pixels)
+ */
+ScrollBox.prototype.enable = function enable(position, translateX, translateY) {
+    var fullLayout = this.gd._fullLayout,
+        fullWidth = fullLayout.width,
+        fullHeight = fullLayout.height;
+
+    // compute position of scrollbox
+    this.position = position;
+
+    var l = this.position.l,
+        w = this.position.w,
+        t = this.position.t,
+        h = this.position.h,
+        direction = this.position.direction,
+        isDown = (direction === 'down'),
+        isLeft = (direction === 'left'),
+        isRight = (direction === 'right'),
+        isUp = (direction === 'up'),
+        boxW = w,
+        boxH = h,
+        boxL, boxR,
+        boxT, boxB;
+
+    if(!isDown && !isLeft && !isRight && !isUp) {
+        this.position.direction = 'down';
+        isDown = true;
+    }
+
+    var isVertical = isDown || isUp;
+    if(isVertical) {
+        boxL = l;
+        boxR = boxL + boxW;
+
+        if(isDown) {
+            // anchor to top side
+            boxT = t;
+            boxB = Math.min(boxT + boxH, fullHeight);
+            boxH = boxB - boxT;
+        }
+        else {
+            // anchor to bottom side
+            boxB = t + boxH;
+            boxT = Math.max(boxB - boxH, 0);
+            boxH = boxB - boxT;
+        }
+    }
+    else {
+        boxT = t;
+        boxB = boxT + boxH;
+
+        if(isLeft) {
+            // anchor to right side
+            boxR = l + boxW;
+            boxL = Math.max(boxR - boxW, 0);
+            boxW = boxR - boxL;
+        }
+        else {
+            // anchor to left side
+            boxL = l;
+            boxR = Math.min(boxL + boxW, fullWidth);
+            boxW = boxR - boxL;
+        }
+    }
+
+    this._box = {
+        l: boxL,
+        t: boxT,
+        w: boxW,
+        h: boxH
+    };
+
+    // compute position of horizontal scroll bar
+    var needsHorizontalScrollBar = (w > boxW),
+        hbarW = ScrollBox.barLength + 2 * ScrollBox.barPad,
+        hbarH = ScrollBox.barWidth + 2 * ScrollBox.barPad,
+        // draw horizontal scrollbar on the bottom side
+        hbarL = l,
+        hbarT = t + h;
+
+    if(hbarT + hbarH > fullHeight) hbarT = fullHeight - hbarH;
+
+    var hbar = this.container.selectAll('rect.scrollbar-horizontal').data(
+            (needsHorizontalScrollBar) ? [0] : []);
+
+    hbar.exit()
+        .on('.drag', null)
+        .remove();
+
+    hbar.enter().append('rect')
+        .classed('scrollbar-horizontal', true)
+        .call(Color.fill, ScrollBox.barColor);
+
+    if(needsHorizontalScrollBar) {
+        this.hbar = hbar.attr({
+            'rx': ScrollBox.barRadius,
+            'ry': ScrollBox.barRadius,
+            'x': hbarL,
+            'y': hbarT,
+            'width': hbarW,
+            'height': hbarH
+        });
+
+        // hbar center moves between hbarXMin and hbarXMin + hbarTranslateMax
+        this._hbarXMin = hbarL + hbarW / 2;
+        this._hbarTranslateMax = boxW - hbarW;
+    }
+    else {
+        delete this.hbar;
+        delete this._hbarXMin;
+        delete this._hbarTranslateMax;
+    }
+
+    // compute position of vertical scroll bar
+    var needsVerticalScrollBar = (h > boxH),
+        vbarW = ScrollBox.barWidth + 2 * ScrollBox.barPad,
+        vbarH = ScrollBox.barLength + 2 * ScrollBox.barPad,
+        // draw vertical scrollbar on the right side
+        vbarL = l + w,
+        vbarT = t;
+
+    if(vbarL + vbarW > fullWidth) vbarL = fullWidth - vbarW;
+
+    var vbar = this.container.selectAll('rect.scrollbar-vertical').data(
+            (needsVerticalScrollBar) ? [0] : []);
+
+    vbar.exit()
+        .on('.drag', null)
+        .remove();
+
+    vbar.enter().append('rect')
+        .classed('scrollbar-vertical', true)
+        .call(Color.fill, ScrollBox.barColor);
+
+    if(needsVerticalScrollBar) {
+        this.vbar = vbar.attr({
+            'rx': ScrollBox.barRadius,
+            'ry': ScrollBox.barRadius,
+            'x': vbarL,
+            'y': vbarT,
+            'width': vbarW,
+            'height': vbarH
+        });
+
+        // vbar center moves between vbarYMin and vbarYMin + vbarTranslateMax
+        this._vbarYMin = vbarT + vbarH / 2;
+        this._vbarTranslateMax = boxH - vbarH;
+    }
+    else {
+        delete this.vbar;
+        delete this._vbarYMin;
+        delete this._vbarTranslateMax;
+    }
+
+    // setup a clip path (if scroll bars are needed)
+    var clipId = this.id,
+        clipL = boxL - 0.5,
+        clipR = (needsVerticalScrollBar) ? boxR + vbarW + 0.5 : boxR + 0.5,
+        clipT = boxT - 0.5,
+        clipB = (needsHorizontalScrollBar) ? boxB + hbarH + 0.5 : boxB + 0.5;
+
+    var clipPath = fullLayout._topdefs.selectAll('#' + clipId)
+        .data((needsHorizontalScrollBar || needsVerticalScrollBar) ? [0] : []);
+
+    clipPath.exit().remove();
+
+    clipPath.enter()
+        .append('clipPath').attr('id', clipId)
+        .append('rect');
+
+    if(needsHorizontalScrollBar || needsVerticalScrollBar) {
+        this._clipRect = clipPath.select('rect').attr({
+            x: Math.floor(clipL),
+            y: Math.floor(clipT),
+            width: Math.ceil(clipR) - Math.floor(clipL),
+            height: Math.ceil(clipB) - Math.floor(clipT)
+        });
+
+        this.container.call(Drawing.setClipUrl, clipId);
+
+        this.bg.attr({
+            x: l,
+            y: t,
+            width: w,
+            height: h
+        });
+    }
+    else {
+        this.bg.attr({
+            width: 0,
+            height: 0
+        });
+        this.container
+            .on('wheel', null)
+            .on('.drag', null)
+            .call(Drawing.setClipUrl, null);
+        delete this._clipRect;
+    }
+
+    // set up drag listeners (if scroll bars are needed)
+    if(needsHorizontalScrollBar || needsVerticalScrollBar) {
+        var onBoxDrag = d3.behavior.drag()
+            .on('dragstart', function() {
+                d3.event.sourceEvent.preventDefault();
+            })
+            .on('drag', this._onBoxDrag.bind(this));
+
+        this.container
+            .on('wheel', null)
+            .on('wheel', this._onBoxWheel.bind(this))
+            .on('.drag', null)
+            .call(onBoxDrag);
+
+        var onBarDrag = d3.behavior.drag()
+            .on('dragstart', function() {
+                d3.event.sourceEvent.preventDefault();
+                d3.event.sourceEvent.stopPropagation();
+            })
+            .on('drag', this._onBarDrag.bind(this));
+
+        if(needsHorizontalScrollBar) {
+            this.hbar
+                .on('.drag', null)
+                .call(onBarDrag);
+        }
+
+        if(needsVerticalScrollBar) {
+            this.vbar
+                .on('.drag', null)
+                .call(onBarDrag);
+        }
+    }
+
+    // set scrollbox translation
+    this.setTranslate(translateX, translateY);
+};
+
+/**
+ * If present, remove clip-path and scrollbars
+ *
+ * @method
+ */
+ScrollBox.prototype.disable = function disable() {
+    if(this.hbar || this.vbar) {
+        this.bg.attr({
+            width: 0,
+            height: 0
+        });
+        this.container
+            .on('wheel', null)
+            .on('.drag', null)
+            .call(Drawing.setClipUrl, null);
+        delete this._clipRect;
+    }
+
+    if(this.hbar) {
+        this.hbar.on('.drag', null);
+        this.hbar.remove();
+        delete this.hbar;
+        delete this._hbarXMin;
+        delete this._hbarTranslateMax;
+    }
+
+    if(this.vbar) {
+        this.vbar.on('.drag', null);
+        this.vbar.remove();
+        delete this.vbar;
+        delete this._vbarYMin;
+        delete this._vbarTranslateMax;
+    }
+};
+
+/**
+ * Handles scroll box drag events
+ *
+ * @method
+ */
+ScrollBox.prototype._onBoxDrag = function onBarDrag() {
+    var translateX = this.translateX,
+        translateY = this.translateY;
+
+    if(this.hbar) {
+        translateX -= d3.event.dx;
+    }
+
+    if(this.vbar) {
+        translateY -= d3.event.dy;
+    }
+
+    this.setTranslate(translateX, translateY);
+};
+
+/**
+ * Handles scroll box wheel events
+ *
+ * @method
+ */
+ScrollBox.prototype._onBoxWheel = function onBarWheel() {
+    var translateX = this.translateX,
+        translateY = this.translateY;
+
+    if(this.hbar) {
+        translateX += d3.event.deltaY;
+    }
+
+    if(this.vbar) {
+        translateY += d3.event.deltaY;
+    }
+
+    this.setTranslate(translateX, translateY);
+};
+
+/**
+ * Handles scroll bar drag events
+ *
+ * @method
+ */
+ScrollBox.prototype._onBarDrag = function onBarDrag() {
+    var translateX = this.translateX,
+        translateY = this.translateY;
+
+    if(this.hbar) {
+        var xMin = translateX + this._hbarXMin,
+            xMax = xMin + this._hbarTranslateMax,
+            x = Lib.constrain(d3.event.x, xMin, xMax),
+            xf = (x - xMin) / (xMax - xMin);
+
+        var translateXMax = this.position.w - this._box.w;
+
+        translateX = xf * translateXMax;
+    }
+
+    if(this.vbar) {
+        var yMin = translateY + this._vbarYMin,
+            yMax = yMin + this._vbarTranslateMax,
+            y = Lib.constrain(d3.event.y, yMin, yMax),
+            yf = (y - yMin) / (yMax - yMin);
+
+        var translateYMax = this.position.h - this._box.h;
+
+        translateY = yf * translateYMax;
+    }
+
+    this.setTranslate(translateX, translateY);
+};
+
+/**
+ * Set clip path and scroll bar translate transform
+ *
+ * @method
+ * @param {number}  [translateX=0]  Horizontal offset (in pixels)
+ * @param {number}  [translateY=0]  Vertical offset (in pixels)
+ */
+ScrollBox.prototype.setTranslate = function setTranslate(translateX, translateY) {
+    // store translateX and translateY (needed by mouse event handlers)
+    var translateXMax = this.position.w - this._box.w,
+        translateYMax = this.position.h - this._box.h;
+
+    translateX = Lib.constrain(translateX || 0, 0, translateXMax);
+    translateY = Lib.constrain(translateY || 0, 0, translateYMax);
+
+    this.translateX = translateX;
+    this.translateY = translateY;
+
+    this.container.call(Drawing.setTranslate,
+        this._box.l - this.position.l - translateX,
+        this._box.t - this.position.t - translateY);
+
+    if(this._clipRect) {
+        this._clipRect.attr({
+            x: Math.floor(this.position.l + translateX - 0.5),
+            y: Math.floor(this.position.t + translateY - 0.5)
+        });
+    }
+
+    if(this.hbar) {
+        var xf = translateX / translateXMax;
+
+        this.hbar.call(Drawing.setTranslate,
+            translateX + xf * this._hbarTranslateMax,
+            translateY);
+    }
+
+    if(this.vbar) {
+        var yf = translateY / translateYMax;
+
+        this.vbar.call(Drawing.setTranslate,
+            translateX,
+            translateY + yf * this._vbarTranslateMax);
+    }
+};
+
+},{"../../lib":728,"../color":604,"../drawing":628,"d3":122}],701:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// fraction of some size to get to a named position
+module.exports = {
+    // from bottom left: this is the origin of our paper-reference
+    // positioning system
+    FROM_BL: {
+        left: 0,
+        center: 0.5,
+        right: 1,
+        bottom: 0,
+        middle: 0.5,
+        top: 1
+    },
+    // from top left: this is the screen pixel positioning origin
+    FROM_TL: {
+        left: 0,
+        center: 0.5,
+        right: 1,
+        bottom: 1,
+        middle: 0.5,
+        top: 0
+    },
+    // multiple of fontSize to get the vertical offset between lines
+    LINE_SPACING: 1.3,
+
+    // multiple of fontSize to shift from the baseline to the midline
+    // (to use when we don't calculate this shift from Drawing.bBox)
+    // To be precise this should be half the cap height (capital letter)
+    // of the font, and according to wikipedia:
+    //   an "average" font might have a cap height of 70% of the em
+    // https://en.wikipedia.org/wiki/Em_(typography)#History
+    MID_SHIFT: 0.35
+};
+
+},{}],702:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = {
+    solid: [1],
+    dot: [1, 1],
+    dash: [4, 1],
+    longdash: [8, 1],
+    dashdot: [4, 1, 1, 1],
+    longdashdot: [8, 1, 1, 1]
+};
+
+},{}],703:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var extendFlat = require('../lib/extend').extendFlat;
+
+var symbolsWithOpenSupport = {
+    'circle': {
+        unicode: '●'
+    },
+    'square': {
+        unicode: '■'
+    },
+    'diamond': {
+        unicode: '◆'
+    },
+    'cross': {
+        unicode: '✚'
+    },
+    'x': {
+        unicode: '❌'
+    },
+    'triangle-up': {
+        unicode: '▲'
+    },
+    'triangle-down': {
+        unicode: '▼'
+    },
+    'triangle-left': {
+        unicode: '◄'
+    },
+    'triangle-right': {
+        unicode: '►'
+    },
+    'triangle-ne': {
+        unicode: '◥'
+    },
+    'triangle-nw': {
+        unicode: '◤'
+    },
+    'triangle-se': {
+        unicode: '◢'
+    },
+    'triangle-sw': {
+        unicode: '◣'
+    },
+    'pentagon': {
+        unicode: '⬟'
+    },
+    'hexagon': {
+        unicode: '⬢'
+    },
+    'hexagon2': {
+        unicode: '⬣'
+    },
+    'star': {
+        unicode: '★'
+    },
+    'diamond-tall': {
+        unicode: '♦'
+    },
+    'bowtie': {
+        unicode: '⧓'
+    },
+    'diamond-x': {
+        unicode: '❖'
+    },
+    'cross-thin': {
+        unicode: '+',
+        noBorder: true
+    },
+    'asterisk': {
+        unicode: '✳',
+        noBorder: true
+    },
+    'y-up': {
+        unicode: '⅄',
+        noBorder: true
+    },
+    'y-down': {
+        unicode: 'Y',
+        noBorder: true
+    },
+    'line-ew': {
+        unicode: '─',
+        noBorder: true
+    },
+    'line-ns': {
+        unicode: '│',
+        noBorder: true
+    }
+};
+
+var openSymbols = {};
+var keys = Object.keys(symbolsWithOpenSupport);
+
+for(var i = 0; i < keys.length; i++) {
+    var k = keys[i];
+    openSymbols[k + '-open'] = extendFlat({}, symbolsWithOpenSupport[k]);
+}
+
+var otherSymbols = {
+    'circle-cross-open': {
+        unicode: '⨁',
+        noFill: true
+    },
+    'circle-x-open': {
+        unicode: '⨂',
+        noFill: true
+    },
+    'square-cross-open': {
+        unicode: '⊞',
+        noFill: true
+    },
+    'square-x-open': {
+        unicode: '⊠',
+        noFill: true
+    }
+};
+
+module.exports = extendFlat({},
+    symbolsWithOpenSupport,
+    openSymbols,
+    otherSymbols
+);
+
+},{"../lib/extend":717}],704:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = {
+    solid: [[], 0],
+    dot: [[0.5, 1], 200],
+    dash: [[0.5, 1], 50],
+    longdash: [[0.5, 1], 10],
+    dashdot: [[0.5, 0.625, 0.875, 1], 50],
+    longdashdot: [[0.5, 0.7, 0.8, 1], 10]
+};
+
+},{}],705:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = {
+    circle: '●',
+    'circle-open': '○',
+    square: '■',
+    'square-open': '□',
+    diamond: '◆',
+    'diamond-open': '◇',
+    cross: '+',
+    x: '❌'
+};
+
+},{}],706:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    /**
+     * Timing information for interactive elements
+     */
+    SHOW_PLACEHOLDER: 100,
+    HIDE_PLACEHOLDER: 1000,
+
+    // ms between first mousedown and 2nd mouseup to constitute dblclick...
+    // we don't seem to have access to the system setting
+    DBLCLICKDELAY: 300,
+
+    // opacity dimming fraction for points that are not in selection
+    DESELECTDIM: 0.2
+};
+
+},{}],707:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    /**
+     * Standardize all missing data in calcdata to use undefined
+     * never null or NaN.
+     * That way we can use !==undefined, or !== BADNUM,
+     * to test for real data
+     */
+    BADNUM: undefined,
+
+    /*
+     * Limit certain operations to well below floating point max value
+     * to avoid glitches: Make sure that even when you multiply it by the
+     * number of pixels on a giant screen it still works
+     */
+    FP_SAFE: Number.MAX_VALUE / 10000,
+
+    /*
+     * conversion of date units to milliseconds
+     * year and month constants are marked "AVG"
+     * to remind us that not all years and months
+     * have the same length
+     */
+    ONEAVGYEAR: 31557600000, // 365.25 days
+    ONEAVGMONTH: 2629800000, // 1/12 of ONEAVGYEAR
+    ONEDAY: 86400000,
+    ONEHOUR: 3600000,
+    ONEMIN: 60000,
+    ONESEC: 1000,
+
+    /*
+     * For fast conversion btwn world calendars and epoch ms, the Julian Day Number
+     * of the unix epoch. From calendars.instance().newDate(1970, 1, 1).toJD()
+     */
+    EPOCHJD: 2440587.5,
+
+    /*
+     * Are two values nearly equal? Compare to 1PPM
+     */
+    ALMOST_EQUAL: 1 - 1e-6,
+
+    /*
+     * not a number, but for displaying numbers: the "minus sign" symbol is
+     * wider than the regular ascii dash "-"
+     */
+    MINUS_SIGN: '\u2212'
+};
+
+},{}],708:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+// N.B. HTML entities are listed without the leading '&' and trailing ';'
+// https://www.freeformatter.com/html-entities.html
+
+module.exports = {
+    entityToUnicode: {
+        'mu': 'μ',
+        '#956': 'μ',
+
+        'amp': '&',
+        '#28': '&',
+
+        'lt': '<',
+        '#60': '<',
+
+        'gt': '>',
+        '#62': '>',
+
+        'nbsp': ' ',
+        '#160': ' ',
+
+        'times': '×',
+        '#215': '×',
+
+        'plusmn': '±',
+        '#177': '±',
+
+        'deg': '°',
+        '#176': '°'
+    }
+};
+
+},{}],709:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+exports.xmlns = 'http://www.w3.org/2000/xmlns/';
+exports.svg = 'http://www.w3.org/2000/svg';
+exports.xlink = 'http://www.w3.org/1999/xlink';
+
+// the 'old' d3 quirk got fix in v3.5.7
+// https://github.com/mbostock/d3/commit/a6f66e9dd37f764403fc7c1f26be09ab4af24fed
+exports.svgAttrs = {
+    xmlns: exports.svg,
+    'xmlns:xlink': exports.xlink
+};
+
+},{}],710:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Export the plotly.js API methods.
+ */
+
+var Plotly = require('./plotly');
+
+// package version injected by `npm run preprocess`
+exports.version = '1.31.2';
+
+// inject promise polyfill
+require('es6-promise').polyfill();
+
+// inject plot css
+require('../build/plotcss');
+
+// inject default MathJax config
+require('./fonts/mathjax_config');
+
+// plot api
+exports.plot = Plotly.plot;
+exports.newPlot = Plotly.newPlot;
+exports.restyle = Plotly.restyle;
+exports.relayout = Plotly.relayout;
+exports.redraw = Plotly.redraw;
+exports.update = Plotly.update;
+exports.extendTraces = Plotly.extendTraces;
+exports.prependTraces = Plotly.prependTraces;
+exports.addTraces = Plotly.addTraces;
+exports.deleteTraces = Plotly.deleteTraces;
+exports.moveTraces = Plotly.moveTraces;
+exports.purge = Plotly.purge;
+exports.setPlotConfig = require('./plot_api/set_plot_config');
+exports.register = require('./plot_api/register');
+exports.toImage = require('./plot_api/to_image');
+exports.downloadImage = require('./snapshot/download');
+exports.validate = require('./plot_api/validate');
+exports.addFrames = Plotly.addFrames;
+exports.deleteFrames = Plotly.deleteFrames;
+exports.animate = Plotly.animate;
+
+// scatter is the only trace included by default
+exports.register(require('./traces/scatter'));
+
+// register all registrable components modules
+exports.register([
+    require('./components/fx'),
+    require('./components/legend'),
+    require('./components/annotations'),
+    require('./components/annotations3d'),
+    require('./components/shapes'),
+    require('./components/images'),
+    require('./components/updatemenus'),
+    require('./components/sliders'),
+    require('./components/rangeslider'),
+    require('./components/rangeselector')
+]);
+
+// plot icons
+exports.Icons = require('../build/ploticon');
+
+// unofficial 'beta' plot methods, use at your own risk
+exports.Plots = Plotly.Plots;
+exports.Fx = require('./components/fx');
+exports.Snapshot = require('./snapshot');
+exports.PlotSchema = require('./plot_api/plot_schema');
+exports.Queue = require('./lib/queue');
+
+// export d3 used in the bundle
+exports.d3 = require('d3');
+
+},{"../build/plotcss":1,"../build/ploticon":2,"./components/annotations":595,"./components/annotations3d":600,"./components/fx":645,"./components/images":653,"./components/legend":662,"./components/rangeselector":674,"./components/rangeslider":680,"./components/shapes":687,"./components/sliders":693,"./components/updatemenus":699,"./fonts/mathjax_config":711,"./lib/queue":741,"./plot_api/plot_schema":761,"./plot_api/register":762,"./plot_api/set_plot_config":763,"./plot_api/to_image":765 [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/* global MathJax:false */
+
+/**
+ * Check and configure MathJax
+ */
+if(typeof MathJax !== 'undefined') {
+    exports.MathJax = true;
+
+    MathJax.Hub.Config({
+        messageStyle: 'none',
+        skipStartupTypeset: true,
+        displayAlign: 'left',
+        tex2jax: {
+            inlineMath: [['$', '$'], ['\\(', '\\)']]
+        }
+    });
+
+    MathJax.Hub.Configured();
+} else {
+    exports.MathJax = false;
+}
+
+},{}],712:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var BADNUM = require('../constants/numerical').BADNUM;
+
+// precompile for speed
+var JUNK = /^['"%,$#\s']+|[, ]|['"%,$#\s']+$/g;
+
+/**
+ * cleanNumber: remove common leading and trailing cruft
+ * Always returns either a number or BADNUM.
+ */
+module.exports = function cleanNumber(v) {
+    if(typeof v === 'string') {
+        v = v.replace(JUNK, '');
+    }
+
+    if(isNumeric(v)) return Number(v);
+
+    return BADNUM;
+};
+
+},{"../constants/numerical":707,"fast-isnumeric":131}],713:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var tinycolor = require('tinycolor2');
+
+var baseTraceAttrs = require('../plots/attributes');
+var getColorscale = require('../components/colorscale/get_scale');
+var colorscaleNames = Object.keys(require('../components/colorscale/scales'));
+var nestedProperty = require('./nested_property');
+var counterRegex = require('./regex').counter;
+
+exports.valObjectMeta = {
+    data_array: {
+        // You can use *dflt=[] to force said array to exist though.
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(Array.isArray(v)) propOut.set(v);
+            else if(dflt !== undefined) propOut.set(dflt);
+        }
+    },
+    enumerated: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(opts.coerceNumber) v = +v;
+            if(opts.values.indexOf(v) === -1) propOut.set(dflt);
+            else propOut.set(v);
+        },
+        validateFunction: function(v, opts) {
+            if(opts.coerceNumber) v = +v;
+
+            var values = opts.values;
+            for(var i = 0; i < values.length; i++) {
+                var k = String(values[i]);
+
+                if((k.charAt(0) === '/' && k.charAt(k.length - 1) === '/')) {
+                    var regex = new RegExp(k.substr(1, k.length - 2));
+                    if(regex.test(v)) return true;
+                } else if(v === values[i]) return true;
+            }
+            return false;
+        }
+    },
+    'boolean': {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(v === true || v === false) propOut.set(v);
+            else propOut.set(dflt);
+        }
+    },
+    number: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(!isNumeric(v) ||
+                    (opts.min !== undefined && v < opts.min) ||
+                    (opts.max !== undefined && v > opts.max)) {
+                propOut.set(dflt);
+            }
+            else propOut.set(+v);
+        }
+    },
+    integer: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(v % 1 || !isNumeric(v) ||
+                    (opts.min !== undefined && v < opts.min) ||
+                    (opts.max !== undefined && v > opts.max)) {
+                propOut.set(dflt);
+            }
+            else propOut.set(+v);
+        }
+    },
+    string: {
+        
+        
+        // TODO 'values shouldn't be in there (edge case: 'dash' in Scatter)
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(typeof v !== 'string') {
+                var okToCoerce = (typeof v === 'number');
+
+                if(opts.strict === true || !okToCoerce) propOut.set(dflt);
+                else propOut.set(String(v));
+            }
+            else if(opts.noBlank && !v) propOut.set(dflt);
+            else propOut.set(v);
+        }
+    },
+    color: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(tinycolor(v).isValid()) propOut.set(v);
+            else propOut.set(dflt);
+        }
+    },
+    colorscale: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            propOut.set(getColorscale(v, dflt));
+        }
+    },
+    angle: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(v === 'auto') propOut.set('auto');
+            else if(!isNumeric(v)) propOut.set(dflt);
+            else {
+                if(Math.abs(v) > 180) v -= Math.round(v / 360) * 360;
+                propOut.set(+v);
+            }
+        }
+    },
+    subplotid: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(typeof v === 'string' && counterRegex(dflt).test(v)) {
+                propOut.set(v);
+                return;
+            }
+            propOut.set(dflt);
+        },
+        validateFunction: function(v, opts) {
+            var dflt = opts.dflt;
+
+            if(v === dflt) return true;
+            if(typeof v !== 'string') return false;
+            if(counterRegex(dflt).test(v)) return true;
+
+            return false;
+        }
+    },
+    flaglist: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(typeof v !== 'string') {
+                propOut.set(dflt);
+                return;
+            }
+            if((opts.extras || []).indexOf(v) !== -1) {
+                propOut.set(v);
+                return;
+            }
+            var vParts = v.split('+'),
+                i = 0;
+            while(i < vParts.length) {
+                var vi = vParts[i];
+                if(opts.flags.indexOf(vi) === -1 || vParts.indexOf(vi) < i) {
+                    vParts.splice(i, 1);
+                }
+                else i++;
+            }
+            if(!vParts.length) propOut.set(dflt);
+            else propOut.set(vParts.join('+'));
+        }
+    },
+    any: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt) {
+            if(v === undefined) propOut.set(dflt);
+            else propOut.set(v);
+        }
+    },
+    info_array: {
+        
+        
+        
+        coerceFunction: function(v, propOut, dflt, opts) {
+            if(!Array.isArray(v)) {
+                propOut.set(dflt);
+                return;
+            }
+
+            var items = opts.items,
+                vOut = [];
+            dflt = Array.isArray(dflt) ? dflt : [];
+
+            for(var i = 0; i < items.length; i++) {
+                exports.coerce(v, vOut, items, '[' + i + ']', dflt[i]);
+            }
+
+            propOut.set(vOut);
+        },
+        validateFunction: function(v, opts) {
+            if(!Array.isArray(v)) return false;
+
+            var items = opts.items;
+
+            // when free length is off, input and declared lengths must match
+            if(!opts.freeLength && v.length !== items.length) return false;
+
+            // valid when all input items are valid
+            for(var i = 0; i < v.length; i++) {
+                var isItemValid = exports.validate(v[i], opts.items[i]);
+
+                if(!isItemValid) return false;
+            }
+
+            return true;
+        }
+    }
+};
+
+/**
+ * Ensures that container[attribute] has a valid value.
+ *
+ * attributes[attribute] is an object with possible keys:
+ * - valType: data_array, enumerated, boolean, ... as in valObjectMeta
+ * - values: (enumerated only) array of allowed vals
+ * - min, max: (number, integer only) inclusive bounds on allowed vals
+ *      either or both may be omitted
+ * - dflt: if attribute is invalid or missing, use this default
+ *      if dflt is provided as an argument to lib.coerce it takes precedence
+ *      as a convenience, returns the value it finally set
+ */
+exports.coerce = function(containerIn, containerOut, attributes, attribute, dflt) {
+    var opts = nestedProperty(attributes, attribute).get(),
+        propIn = nestedProperty(containerIn, attribute),
+        propOut = nestedProperty(containerOut, attribute),
+        v = propIn.get();
+
+    if(dflt === undefined) dflt = opts.dflt;
+
+    /**
+     * arrayOk: value MAY be an array, then we do no value checking
+     * at this point, because it can be more complicated than the
+     * individual form (eg. some array vals can be numbers, even if the
+     * single values must be color strings)
+     */
+    if(opts.arrayOk && Array.isArray(v)) {
+        propOut.set(v);
+        return v;
+    }
+
+    exports.valObjectMeta[opts.valType].coerceFunction(v, propOut, dflt, opts);
+
+    return propOut.get();
+};
+
+/**
+ * Variation on coerce
+ *
+ * Uses coerce to get attribute value if user input is valid,
+ * returns attribute default if user input it not valid or
+ * returns false if there is no user input.
+ */
+exports.coerce2 = function(containerIn, containerOut, attributes, attribute, dflt) {
+    var propIn = nestedProperty(containerIn, attribute),
+        propOut = exports.coerce(containerIn, containerOut, attributes, attribute, dflt),
+        valIn = propIn.get();
+
+    return (valIn !== undefined && valIn !== null) ? propOut : false;
+};
+
+/*
+ * Shortcut to coerce the three font attributes
+ *
+ * 'coerce' is a lib.coerce wrapper with implied first three arguments
+ */
+exports.coerceFont = function(coerce, attr, dfltObj) {
+    var out = {};
+
+    dfltObj = dfltObj || {};
+
+    out.family = coerce(attr + '.family', dfltObj.family);
+    out.size = coerce(attr + '.size', dfltObj.size);
+    out.color = coerce(attr + '.color', dfltObj.color);
+
+    return out;
+};
+
+/** Coerce shortcut for 'hoverinfo'
+ * handling 1-vs-multi-trace dflt logic
+ *
+ * @param {object} traceIn : user trace object
+ * @param {object} traceOut : full trace object (requires _module ref)
+ * @param {object} layoutOut : full layout object (require _dataLength ref)
+ * @return {any} : the coerced value
+ */
+exports.coerceHoverinfo = function(traceIn, traceOut, layoutOut) {
+    var moduleAttrs = traceOut._module.attributes;
+    var attrs = moduleAttrs.hoverinfo ?
+        {hoverinfo: moduleAttrs.hoverinfo} :
+        baseTraceAttrs;
+
+    var valObj = attrs.hoverinfo;
+    var dflt;
+
+    if(layoutOut._dataLength === 1) {
+        var flags = valObj.dflt === 'all' ?
+            valObj.flags.slice() :
+            valObj.dflt.split('+');
+
+        flags.splice(flags.indexOf('name'), 1);
+        dflt = flags.join('+');
+    }
+
+    return exports.coerce(traceIn, traceOut, attrs, 'hoverinfo', dflt);
+};
+
+exports.validate = function(value, opts) {
+    var valObjectDef = exports.valObjectMeta[opts.valType];
+
+    if(opts.arrayOk && Array.isArray(value)) return true;
+
+    if(valObjectDef.validateFunction) {
+        return valObjectDef.validateFunction(value, opts);
+    }
+
+    var failed = {},
+        out = failed,
+        propMock = { set: function(v) { out = v; } };
+
+    // 'failed' just something mutable that won't be === anything else
+
+    valObjectDef.coerceFunction(value, propMock, failed, opts);
+    return out !== failed;
+};
+
+},{"../components/colorscale/get_scale":616,"../components/colorscale/scales":622,"../plots/attributes":770,"./nested_property":735,"./regex":742,"fast-isnumeric":131,"tinycolor2":534}],714:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var logError = require('./loggers').error;
+var mod = require('./mod');
+
+var constants = require('../constants/numerical');
+var BADNUM = constants.BADNUM;
+var ONEDAY = constants.ONEDAY;
+var ONEHOUR = constants.ONEHOUR;
+var ONEMIN = constants.ONEMIN;
+var ONESEC = constants.ONESEC;
+var EPOCHJD = constants.EPOCHJD;
+
+var Registry = require('../registry');
+
+var utcFormat = d3.time.format.utc;
+
+var DATETIME_REGEXP = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\d)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d:?\d\d)?)?)?)?)?\s*$/m;
+// special regex for chinese calendars to support yyyy-mmi-dd etc for intercalary months
+var DATETIME_REGEXP_CN = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\di?)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d:?\d\d)?)?)?)?)?\s*$/m;
+
+// for 2-digit years, the first year we map them onto
+var YFIRST = new Date().getFullYear() - 70;
+
+function isWorldCalendar(calendar) {
+    return (
+        calendar &&
+        Registry.componentsRegistry.calendars &&
+        typeof calendar === 'string' && calendar !== 'gregorian'
+    );
+}
+
+/*
+ * dateTick0: get the canonical tick for this calendar
+ *
+ * bool sunday is for week ticks, shift it to a Sunday.
+ */
+exports.dateTick0 = function(calendar, sunday) {
+    if(isWorldCalendar(calendar)) {
+        return sunday ?
+            Registry.getComponentMethod('calendars', 'CANONICAL_SUNDAY')[calendar] :
+            Registry.getComponentMethod('calendars', 'CANONICAL_TICK')[calendar];
+    }
+    else {
+        return sunday ? '2000-01-02' : '2000-01-01';
+    }
+};
+
+/*
+ * dfltRange: for each calendar, give a valid default range
+ */
+exports.dfltRange = function(calendar) {
+    if(isWorldCalendar(calendar)) {
+        return Registry.getComponentMethod('calendars', 'DFLTRANGE')[calendar];
+    }
+    else {
+        return ['2000-01-01', '2001-01-01'];
+    }
+};
+
+// is an object a javascript date?
+exports.isJSDate = function(v) {
+    return typeof v === 'object' && v !== null && typeof v.getTime === 'function';
+};
+
+// The absolute limits of our date-time system
+// This is a little weird: we use MIN_MS and MAX_MS in dateTime2ms
+// but we use dateTime2ms to calculate them (after defining it!)
+var MIN_MS, MAX_MS;
+
+/**
+ * dateTime2ms - turn a date object or string s into milliseconds
+ * (relative to 1970-01-01, per javascript standard)
+ * optional calendar (string) to use a non-gregorian calendar
+ *
+ * Returns BADNUM if it doesn't find a date
+ *
+ * strings should have the form:
+ *
+ *    -?YYYY-mm-dd<sep>HH:MM:SS.sss<tzInfo>?
+ *
+ * <sep>: space (our normal standard) or T or t (ISO-8601)
+ * <tzInfo>: Z, z, or [+\-]HH:?MM and we THROW IT AWAY
+ * this format comes from https://tools.ietf.org/html/rfc3339#section-5.6
+ * but we allow it even with a space as the separator
+ *
+ * May truncate after any full field, and sss can be any length
+ * even >3 digits, though javascript dates truncate to milliseconds,
+ * we keep as much as javascript numeric precision can hold, but we only
+ * report back up to 100 microsecond precision, because most dates support
+ * this precision (close to 1970 support more, very far away support less)
+ *
+ * Expanded to support negative years to -9999 but you must always
+ * give 4 digits, except for 2-digit positive years which we assume are
+ * near the present time.
+ * Note that we follow ISO 8601:2004: there *is* a year 0, which
+ * is 1BC/BCE, and -1===2BC etc.
+ *
+ * World calendars: not all of these *have* agreed extensions to this full range,
+ * if you have another calendar system but want a date range outside its validity,
+ * you can use a gregorian date string prefixed with 'G' or 'g'.
+ *
+ * Where to cut off 2-digit years between 1900s and 2000s?
+ * from http://support.microsoft.com/kb/244664:
+ *   1930-2029 (the most retro of all...)
+ * but in my mac chrome from eg. d=new Date(Date.parse('8/19/50')):
+ *   1950-2049
+ * by Java, from http://stackoverflow.com/questions/2024273/:
+ *   now-80 - now+19
+ * or FileMaker Pro, from
+ *      http://www.filemaker.com/12help/html/add_view_data.4.21.html:
+ *   now-70 - now+29
+ * but python strptime etc, via
+ *      http://docs.python.org/py3k/library/time.html:
+ *   1969-2068 (super forward-looking, but static, not sliding!)
+ *
+ * lets go with now-70 to now+29, and if anyone runs into this problem
+ * they can learn the hard way not to use 2-digit years, as no choice we
+ * make now will cover all possibilities. mostly this will all be taken
+ * care of in initial parsing, should only be an issue for hand-entered data
+ * currently (2016) this range is:
+ *   1946-2045
+ */
+exports.dateTime2ms = function(s, calendar) {
+    // first check if s is a date object
+    if(exports.isJSDate(s)) {
+        // Convert to the UTC milliseconds that give the same
+        // hours as this date has in the local timezone
+        s = Number(s) - s.getTimezoneOffset() * ONEMIN;
+        if(s >= MIN_MS && s <= MAX_MS) return s;
+        return BADNUM;
+    }
+    // otherwise only accept strings and numbers
+    if(typeof s !== 'string' && typeof s !== 'number') return BADNUM;
+
+    s = String(s);
+
+    var isWorld = isWorldCalendar(calendar);
+
+    // to handle out-of-range dates in international calendars, accept
+    // 'G' as a prefix to force the built-in gregorian calendar.
+    var s0 = s.charAt(0);
+    if(isWorld && (s0 === 'G' || s0 === 'g')) {
+        s = s.substr(1);
+        calendar = '';
+    }
+
+    var isChinese = isWorld && calendar.substr(0, 7) === 'chinese';
+
+    var match = s.match(isChinese ? DATETIME_REGEXP_CN : DATETIME_REGEXP);
+    if(!match) return BADNUM;
+    var y = match[1],
+        m = match[3] || '1',
+        d = Number(match[5] || 1),
+        H = Number(match[7] || 0),
+        M = Number(match[9] || 0),
+        S = Number(match[11] || 0);
+
+    if(isWorld) {
+        // disallow 2-digit years for world calendars
+        if(y.length === 2) return BADNUM;
+        y = Number(y);
+
+        var cDate;
+        try {
+            var calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar);
+            if(isChinese) {
+                var isIntercalary = m.charAt(m.length - 1) === 'i';
+                m = parseInt(m, 10);
+                cDate = calInstance.newDate(y, calInstance.toMonthIndex(y, m, isIntercalary), d);
+            }
+            else {
+                cDate = calInstance.newDate(y, Number(m), d);
+            }
+        }
+        catch(e) { return BADNUM; } // Invalid ... date
+
+        if(!cDate) return BADNUM;
+
+        return ((cDate.toJD() - EPOCHJD) * ONEDAY) +
+            (H * ONEHOUR) + (M * ONEMIN) + (S * ONESEC);
+    }
+
+    if(y.length === 2) {
+        y = (Number(y) + 2000 - YFIRST) % 100 + YFIRST;
+    }
+    else y = Number(y);
+
+    // new Date uses months from 0; subtract 1 here just so we
+    // don't have to do it again during the validity test below
+    m -= 1;
+
+    // javascript takes new Date(0..99,m,d) to mean 1900-1999, so
+    // to support years 0-99 we need to use setFullYear explicitly
+    // Note that 2000 is a leap year.
+    var date = new Date(Date.UTC(2000, m, d, H, M));
+    date.setUTCFullYear(y);
+
+    if(date.getUTCMonth() !== m) return BADNUM;
+    if(date.getUTCDate() !== d) return BADNUM;
+
+    return date.getTime() + S * ONESEC;
+};
+
+MIN_MS = exports.MIN_MS = exports.dateTime2ms('-9999');
+MAX_MS = exports.MAX_MS = exports.dateTime2ms('9999-12-31 23:59:59.9999');
+
+// is string s a date? (see above)
+exports.isDateTime = function(s, calendar) {
+    return (exports.dateTime2ms(s, calendar) !== BADNUM);
+};
+
+// pad a number with zeroes, to given # of digits before the decimal point
+function lpad(val, digits) {
+    return String(val + Math.pow(10, digits)).substr(1);
+}
+
+/**
+ * Turn ms into string of the form YYYY-mm-dd HH:MM:SS.ssss
+ * Crop any trailing zeros in time, except never stop right after hours
+ * (we could choose to crop '-01' from date too but for now we always
+ * show the whole date)
+ * Optional range r is the data range that applies, also in ms.
+ * If rng is big, the later parts of time will be omitted
+ */
+var NINETYDAYS = 90 * ONEDAY;
+var THREEHOURS = 3 * ONEHOUR;
+var FIVEMIN = 5 * ONEMIN;
+exports.ms2DateTime = function(ms, r, calendar) {
+    if(typeof ms !== 'number' || !(ms >= MIN_MS && ms <= MAX_MS)) return BADNUM;
+
+    if(!r) r = 0;
+
+    var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10),
+        msRounded = Math.round(ms - msecTenths / 10),
+        dateStr, h, m, s, msec10, d;
+
+    if(isWorldCalendar(calendar)) {
+        var dateJD = Math.floor(msRounded / ONEDAY) + EPOCHJD,
+            timeMs = Math.floor(mod(ms, ONEDAY));
+        try {
+            dateStr = Registry.getComponentMethod('calendars', 'getCal')(calendar)
+                .fromJD(dateJD).formatDate('yyyy-mm-dd');
+        }
+        catch(e) {
+            // invalid date in this calendar - fall back to Gyyyy-mm-dd
+            dateStr = utcFormat('G%Y-%m-%d')(new Date(msRounded));
+        }
+
+        // yyyy does NOT guarantee 4-digit years. YYYY mostly does, but does
+        // other things for a few calendars, so we can't trust it. Just pad
+        // it manually (after the '-' if there is one)
+        if(dateStr.charAt(0) === '-') {
+            while(dateStr.length < 11) dateStr = '-0' + dateStr.substr(1);
+        }
+        else {
+            while(dateStr.length < 10) dateStr = '0' + dateStr;
+        }
+
+        // TODO: if this is faster, we could use this block for extracting
+        // the time components of regular gregorian too
+        h = (r < NINETYDAYS) ? Math.floor(timeMs / ONEHOUR) : 0;
+        m = (r < NINETYDAYS) ? Math.floor((timeMs % ONEHOUR) / ONEMIN) : 0;
+        s = (r < THREEHOURS) ? Math.floor((timeMs % ONEMIN) / ONESEC) : 0;
+        msec10 = (r < FIVEMIN) ? (timeMs % ONESEC) * 10 + msecTenths : 0;
+    }
+    else {
+        d = new Date(msRounded);
+
+        dateStr = utcFormat('%Y-%m-%d')(d);
+
+        // <90 days: add hours and minutes - never *only* add hours
+        h = (r < NINETYDAYS) ? d.getUTCHours() : 0;
+        m = (r < NINETYDAYS) ? d.getUTCMinutes() : 0;
+        // <3 hours: add seconds
+        s = (r < THREEHOURS) ? d.getUTCSeconds() : 0;
+        // <5 minutes: add ms (plus one extra digit, this is msec*10)
+        msec10 = (r < FIVEMIN) ? d.getUTCMilliseconds() * 10 + msecTenths : 0;
+    }
+
+    return includeTime(dateStr, h, m, s, msec10);
+};
+
+// For converting old-style milliseconds to date strings,
+// we use the local timezone rather than UTC like we use
+// everywhere else, both for backward compatibility and
+// because that's how people mostly use javasript date objects.
+// Clip one extra day off our date range though so we can't get
+// thrown beyond the range by the timezone shift.
+exports.ms2DateTimeLocal = function(ms) {
+    if(!(ms >= MIN_MS + ONEDAY && ms <= MAX_MS - ONEDAY)) return BADNUM;
+
+    var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10),
+        d = new Date(Math.round(ms - msecTenths / 10)),
+        dateStr = d3.time.format('%Y-%m-%d')(d),
+        h = d.getHours(),
+        m = d.getMinutes(),
+        s = d.getSeconds(),
+        msec10 = d.getUTCMilliseconds() * 10 + msecTenths;
+
+    return includeTime(dateStr, h, m, s, msec10);
+};
+
+function includeTime(dateStr, h, m, s, msec10) {
+    // include each part that has nonzero data in or after it
+    if(h || m || s || msec10) {
+        dateStr += ' ' + lpad(h, 2) + ':' + lpad(m, 2);
+        if(s || msec10) {
+            dateStr += ':' + lpad(s, 2);
+            if(msec10) {
+                var digits = 4;
+                while(msec10 % 10 === 0) {
+                    digits -= 1;
+                    msec10 /= 10;
+                }
+                dateStr += '.' + lpad(msec10, digits);
+            }
+        }
+    }
+    return dateStr;
+}
+
+// normalize date format to date string, in case it starts as
+// a Date object or milliseconds
+// optional dflt is the return value if cleaning fails
+exports.cleanDate = function(v, dflt, calendar) {
+    if(exports.isJSDate(v) || typeof v === 'number') {
+        // do not allow milliseconds (old) or jsdate objects (inherently
+        // described as gregorian dates) with world calendars
+        if(isWorldCalendar(calendar)) {
+            logError('JS Dates and milliseconds are incompatible with world calendars', v);
+            return dflt;
+        }
+
+        // NOTE: if someone puts in a year as a number rather than a string,
+        // this will mistakenly convert it thinking it's milliseconds from 1970
+        // that is: '2012' -> Jan. 1, 2012, but 2012 -> 2012 epoch milliseconds
+        v = exports.ms2DateTimeLocal(+v);
+        if(!v && dflt !== undefined) return dflt;
+    }
+    else if(!exports.isDateTime(v, calendar)) {
+        logError('unrecognized date', v);
+        return dflt;
+    }
+    return v;
+};
+
+/*
+ *  Date formatting for ticks and hovertext
+ */
+
+/*
+ * modDateFormat: Support world calendars, and add one item to
+ * d3's vocabulary:
+ * %{n}f where n is the max number of digits of fractional seconds
+ */
+var fracMatch = /%\d?f/g;
+function modDateFormat(fmt, x, calendar) {
+
+    fmt = fmt.replace(fracMatch, function(match) {
+        var digits = Math.min(+(match.charAt(1)) || 6, 6),
+            fracSecs = ((x / 1000 % 1) + 2)
+                .toFixed(digits)
+                .substr(2).replace(/0+$/, '') || '0';
+        return fracSecs;
+    });
+
+    var d = new Date(Math.floor(x + 0.05));
+
+    if(isWorldCalendar(calendar)) {
+        try {
+            fmt = Registry.getComponentMethod('calendars', 'worldCalFmt')(fmt, x, calendar);
+        }
+        catch(e) {
+            return 'Invalid';
+        }
+    }
+    return utcFormat(fmt)(d);
+}
+
+/*
+ * formatTime: create a time string from:
+ *   x: milliseconds
+ *   tr: tickround ('M', 'S', or # digits)
+ * only supports UTC times (where every day is 24 hours and 0 is at midnight)
+ */
+var MAXSECONDS = [59, 59.9, 59.99, 59.999, 59.9999];
+function formatTime(x, tr) {
+    var timePart = mod(x + 0.05, ONEDAY);
+
+    var timeStr = lpad(Math.floor(timePart / ONEHOUR), 2) + ':' +
+        lpad(mod(Math.floor(timePart / ONEMIN), 60), 2);
+
+    if(tr !== 'M') {
+        if(!isNumeric(tr)) tr = 0; // should only be 'S'
+
+        /*
+         * this is a weird one - and shouldn't come up unless people
+         * monkey with tick0 in weird ways, but we need to do something!
+         * IN PARTICULAR we had better not display garbage (see below)
+         * for numbers we always round to the nearest increment of the
+         * precision we're showing, and this seems like the right way to
+         * handle seconds and milliseconds, as they have a decimal point
+         * and people will interpret that to mean rounding like numbers.
+         * but for larger increments we floor the value: it's always
+         * 2013 until the ball drops on the new year. We could argue about
+         * which field it is where we start rounding (should 12:08:59
+         * round to 12:09 if we're stopping at minutes?) but for now I'll
+         * say we round seconds but floor everything else. BUT that means
+         * we need to never round up to 60 seconds, ie 23:59:60
+         */
+        var sec = Math.min(mod(x / ONESEC, 60), MAXSECONDS[tr]);
+
+        var secStr = (100 + sec).toFixed(tr).substr(1);
+        if(tr > 0) {
+            secStr = secStr.replace(/0+$/, '').replace(/[\.]$/, '');
+        }
+
+        timeStr += ':' + secStr;
+    }
+    return timeStr;
+}
+
+var yearFormat = utcFormat('%Y'),
+    monthFormat = utcFormat('%b %Y'),
+    dayFormat = utcFormat('%b %-d'),
+    yearMonthDayFormat = utcFormat('%b %-d, %Y');
+
+function yearFormatWorld(cDate) { return cDate.formatDate('yyyy'); }
+function monthFormatWorld(cDate) { return cDate.formatDate('M yyyy'); }
+function dayFormatWorld(cDate) { return cDate.formatDate('M d'); }
+function yearMonthDayFormatWorld(cDate) { return cDate.formatDate('M d, yyyy'); }
+
+/*
+ * formatDate: turn a date into tick or hover label text.
+ *
+ *   x: milliseconds, the value to convert
+ *   fmt: optional, an explicit format string (d3 format, even for world calendars)
+ *   tr: tickround ('y', 'm', 'd', 'M', 'S', or # digits)
+ *      used if no explicit fmt is provided
+ *   calendar: optional string, the world calendar system to use
+ *
+ * returns the date/time as a string, potentially with the leading portion
+ * on a separate line (after '\n')
+ * Note that this means if you provide an explicit format which includes '\n'
+ * the axis may choose to strip things after it when they don't change from
+ * one tick to the next (as it does with automatic formatting)
+ */
+exports.formatDate = function(x, fmt, tr, calendar) {
+    var headStr,
+        dateStr;
+
+    calendar = isWorldCalendar(calendar) && calendar;
+
+    if(fmt) return modDateFormat(fmt, x, calendar);
+
+    if(calendar) {
+        try {
+            var dateJD = Math.floor((x + 0.05) / ONEDAY) + EPOCHJD,
+                cDate = Registry.getComponentMethod('calendars', 'getCal')(calendar)
+                    .fromJD(dateJD);
+
+            if(tr === 'y') dateStr = yearFormatWorld(cDate);
+            else if(tr === 'm') dateStr = monthFormatWorld(cDate);
+            else if(tr === 'd') {
+                headStr = yearFormatWorld(cDate);
+                dateStr = dayFormatWorld(cDate);
+            }
+            else {
+                headStr = yearMonthDayFormatWorld(cDate);
+                dateStr = formatTime(x, tr);
+            }
+        }
+        catch(e) { return 'Invalid'; }
+    }
+    else {
+        var d = new Date(Math.floor(x + 0.05));
+
+        if(tr === 'y') dateStr = yearFormat(d);
+        else if(tr === 'm') dateStr = monthFormat(d);
+        else if(tr === 'd') {
+            headStr = yearFormat(d);
+            dateStr = dayFormat(d);
+        }
+        else {
+            headStr = yearMonthDayFormat(d);
+            dateStr = formatTime(x, tr);
+        }
+    }
+
+    return dateStr + (headStr ? '\n' + headStr : '');
+};
+
+/*
+ * incrementMonth: make a new milliseconds value from the given one,
+ * having changed the month
+ *
+ * special case for world calendars: multiples of 12 are treated as years,
+ * even for calendar systems that don't have (always or ever) 12 months/year
+ * TODO: perhaps we need a different code for year increments to support this?
+ *
+ * ms (number): the initial millisecond value
+ * dMonth (int): the (signed) number of months to shift
+ * calendar (string): the calendar system to use
+ *
+ * changing month does not (and CANNOT) always preserve day, since
+ * months have different lengths. The worst example of this is:
+ *   d = new Date(1970,0,31); d.setMonth(1) -> Feb 31 turns into Mar 3
+ *
+ * But we want to be able to iterate over the last day of each month,
+ * regardless of what its number is.
+ * So shift 3 days forward, THEN set the new month, then unshift:
+ *   1/31 -> 2/28 (or 29) -> 3/31 -> 4/30 -> ...
+ *
+ * Note that odd behavior still exists if you start from the 26th-28th:
+ *   1/28 -> 2/28 -> 3/31
+ * but at least you can't shift any dates into the wrong month,
+ * and ticks on these days incrementing by month would be very unusual
+ */
+var THREEDAYS = 3 * ONEDAY;
+exports.incrementMonth = function(ms, dMonth, calendar) {
+    calendar = isWorldCalendar(calendar) && calendar;
+
+    // pull time out and operate on pure dates, then add time back at the end
+    // this gives maximum precision - not that we *normally* care if we're
+    // incrementing by month, but better to be safe!
+    var timeMs = mod(ms, ONEDAY);
+    ms = Math.round(ms - timeMs);
+
+    if(calendar) {
+        try {
+            var dateJD = Math.round(ms / ONEDAY) + EPOCHJD,
+                calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar),
+                cDate = calInstance.fromJD(dateJD);
+
+            if(dMonth % 12) calInstance.add(cDate, dMonth, 'm');
+            else calInstance.add(cDate, dMonth / 12, 'y');
+
+            return (cDate.toJD() - EPOCHJD) * ONEDAY + timeMs;
+        }
+        catch(e) {
+            logError('invalid ms ' + ms + ' in calendar ' + calendar);
+            // then keep going in gregorian even though the result will be 'Invalid'
+        }
+    }
+
+    var y = new Date(ms + THREEDAYS);
+    return y.setUTCMonth(y.getUTCMonth() + dMonth) + timeMs - THREEDAYS;
+};
+
+/*
+ * findExactDates: what fraction of data is exact days, months, or years?
+ *
+ * data: array of millisecond values
+ * calendar (string) the calendar to test against
+ */
+exports.findExactDates = function(data, calendar) {
+    var exactYears = 0,
+        exactMonths = 0,
+        exactDays = 0,
+        blankCount = 0,
+        d,
+        di;
+
+    var calInstance = (
+        isWorldCalendar(calendar) &&
+        Registry.getComponentMethod('calendars', 'getCal')(calendar)
+    );
+
+    for(var i = 0; i < data.length; i++) {
+        di = data[i];
+
+        // not date data at all
+        if(!isNumeric(di)) {
+            blankCount ++;
+            continue;
+        }
+
+        // not an exact date
+        if(di % ONEDAY) continue;
+
+        if(calInstance) {
+            try {
+                d = calInstance.fromJD(di / ONEDAY + EPOCHJD);
+                if(d.day() === 1) {
+                    if(d.month() === 1) exactYears++;
+                    else exactMonths++;
+                }
+                else exactDays++;
+            }
+            catch(e) {
+                // invalid date in this calendar - ignore it here.
+            }
+        }
+        else {
+            d = new Date(di);
+            if(d.getUTCDate() === 1) {
+                if(d.getUTCMonth() === 0) exactYears++;
+                else exactMonths++;
+            }
+            else exactDays++;
+        }
+    }
+    exactMonths += exactYears;
+    exactDays += exactMonths;
+
+    var dataCount = data.length - blankCount;
+
+    return {
+        exactYears: exactYears / dataCount,
+        exactMonths: exactMonths / dataCount,
+        exactDays: exactDays / dataCount
+    };
+};
+
+},{"../constants/numerical":707,"../registry":846,"./loggers":732,"./mod":734,"d3":122,"fast-isnumeric":131}],715:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Ensures an array has the right amount of storage space. If it doesn't
+ * exist, it creates an array. If it does exist, it returns it if too
+ * short or truncates it in-place.
+ *
+ * The goal is to just reuse memory to avoid a bit of excessive garbage
+ * collection.
+ */
+module.exports = function ensureArray(out, n) {
+    if(!Array.isArray(out)) out = [];
+
+    // If too long, truncate. (If too short, it will grow
+    // automatically so we don't care about that case)
+    out.length = n;
+
+    return out;
+};
+
+},{}],716:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/* global jQuery:false */
+
+var EventEmitter = require('events').EventEmitter;
+
+var Events = {
+
+    init: function(plotObj) {
+
+        /*
+         * If we have already instantiated an emitter for this plot
+         * return early.
+         */
+        if(plotObj._ev instanceof EventEmitter) return plotObj;
+
+        var ev = new EventEmitter();
+        var internalEv = new EventEmitter();
+
+        /*
+         * Assign to plot._ev while we still live in a land
+         * where plot is a DOM element with stuff attached to it.
+         * In the future we can make plot the event emitter itself.
+         */
+        plotObj._ev = ev;
+
+        /*
+         * Create a second event handler that will manage events *internally*.
+         * This allows parts of plotly to respond to thing like relayout without
+         * having to use the user-facing event handler. They cannot peacefully
+         * coexist on the same handler because a user invoking
+         * plotObj.removeAllListeners() would detach internal events, breaking
+         * plotly.
+         */
+        plotObj._internalEv = internalEv;
+
+        /*
+         * Assign bound methods from the ev to the plot object. These methods
+         * will reference the 'this' of plot._ev even though they are methods
+         * of plot. This will keep the event machinery away from the plot object
+         * which currently is often a DOM element but presents an API that will
+         * continue to function when plot becomes an emitter. Not all EventEmitter
+         * methods have been bound to `plot` as some do not currently add value to
+         * the Plotly event API.
+         */
+        plotObj.on = ev.on.bind(ev);
+        plotObj.once = ev.once.bind(ev);
+        plotObj.removeListener = ev.removeListener.bind(ev);
+        plotObj.removeAllListeners = ev.removeAllListeners.bind(ev);
+
+        /*
+         * Create funtions for managing internal events. These are *only* triggered
+         * by the mirroring of external events via the emit function.
+         */
+        plotObj._internalOn = internalEv.on.bind(internalEv);
+        plotObj._internalOnce = internalEv.once.bind(internalEv);
+        plotObj._removeInternalListener = internalEv.removeListener.bind(internalEv);
+        plotObj._removeAllInternalListeners = internalEv.removeAllListeners.bind(internalEv);
+
+        /*
+         * We must wrap emit to continue to support JQuery events. The idea
+         * is to check to see if the user is using JQuery events, if they are
+         * we emit JQuery events to trigger user handlers as well as the EventEmitter
+         * events.
+         */
+        plotObj.emit = function(event, data) {
+            if(typeof jQuery !== 'undefined') {
+                jQuery(plotObj).trigger(event, data);
+            }
+
+            ev.emit(event, data);
+            internalEv.emit(event, data);
+        };
+
+        return plotObj;
+    },
+
+    /*
+     * This function behaves like jQueries triggerHandler. It calls
+     * all handlers for a particular event and returns the return value
+     * of the LAST handler. This function also triggers jQuery's
+     * triggerHandler for backwards compatibility.
+     *
+     * Note: triggerHandler has been recommended for deprecation in v2.0.0,
+     * so the additional behavior of triggerHandler triggering internal events
+     * is deliberate excluded in order to avoid reinforcing more usage.
+     */
+    triggerHandler: function(plotObj, event, data) {
+        var jQueryHandlerValue;
+        var nodeEventHandlerValue;
+        /*
+         * If Jquery exists run all its handlers for this event and
+         * collect the return value of the LAST handler function
+         */
+        if(typeof jQuery !== 'undefined') {
+            jQueryHandlerValue = jQuery(plotObj).triggerHandler(event, data);
+        }
+
+        /*
+         * Now run all the node style event handlers
+         */
+        var ev = plotObj._ev;
+        if(!ev) return jQueryHandlerValue;
+
+        var handlers = ev._events[event];
+        if(!handlers) return jQueryHandlerValue;
+
+        /*
+         * handlers can be function or an array of functions
+         */
+        if(typeof handlers === 'function') handlers = [handlers];
+        var lastHandler = handlers.pop();
+
+        /*
+         * Call all the handlers except the last one.
+         */
+        for(var i = 0; i < handlers.length; i++) {
+            handlers[i](data);
+        }
+
+        /*
+         * Now call the final handler and collect its value
+         */
+        nodeEventHandlerValue = lastHandler(data);
+
+        /*
+         * Return either the jquery handler value if it exists or the
+         * nodeEventHandler value. Jquery event value superceeds nodejs
+         * events for backwards compatability reasons.
+         */
+        return jQueryHandlerValue !== undefined ? jQueryHandlerValue :
+            nodeEventHandlerValue;
+    },
+
+    purge: function(plotObj) {
+        delete plotObj._ev;
+        delete plotObj.on;
+        delete plotObj.once;
+        delete plotObj.removeListener;
+        delete plotObj.removeAllListeners;
+        delete plotObj.emit;
+
+        delete plotObj._ev;
+        delete plotObj._internalEv;
+        delete plotObj._internalOn;
+        delete plotObj._internalOnce;
+        delete plotObj._removeInternalListener;
+        delete plotObj._removeAllInternalListeners;
+
+        return plotObj;
+    }
+
+};
+
+module.exports = Events;
+
+},{"events":129}],717:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isPlainObject = require('./is_plain_object.js');
+var isArray = Array.isArray;
+
+function primitivesLoopSplice(source, target) {
+    var i, value;
+    for(i = 0; i < source.length; i++) {
+        value = source[i];
+        if(value !== null && typeof(value) === 'object') {
+            return false;
+        }
+        if(value !== void(0)) {
+            target[i] = value;
+        }
+    }
+    return true;
+}
+
+exports.extendFlat = function() {
+    return _extend(arguments, false, false, false);
+};
+
+exports.extendDeep = function() {
+    return _extend(arguments, true, false, false);
+};
+
+exports.extendDeepAll = function() {
+    return _extend(arguments, true, true, false);
+};
+
+exports.extendDeepNoArrays = function() {
+    return _extend(arguments, true, false, true);
+};
+
+/*
+ * Inspired by https://github.com/justmoon/node-extend/blob/master/index.js
+ * All credit to the jQuery authors for perfecting this amazing utility.
+ *
+ * API difference with jQuery version:
+ * - No optional boolean (true -> deep extend) first argument,
+ *   use `extendFlat` for first-level only extend and
+ *   use `extendDeep` for a deep extend.
+ *
+ * Other differences with jQuery version:
+ * - Uses a modern (and faster) isPlainObject routine.
+ * - Expected to work with object {} and array [] arguments only.
+ * - Does not check for circular structure.
+ *   FYI: jQuery only does a check across one level.
+ *   Warning: this might result in infinite loops.
+ *
+ */
+function _extend(inputs, isDeep, keepAllKeys, noArrayCopies) {
+    var target = inputs[0],
+        length = inputs.length;
+
+    var input, key, src, copy, copyIsArray, clone, allPrimitives;
+
+    if(length === 2 && isArray(target) && isArray(inputs[1]) && target.length === 0) {
+
+        allPrimitives = primitivesLoopSplice(inputs[1], target);
+
+        if(allPrimitives) {
+            return target;
+        } else {
+            target.splice(0, target.length); // reset target and continue to next block
+        }
+    }
+
+    for(var i = 1; i < length; i++) {
+        input = inputs[i];
+
+        for(key in input) {
+            src = target[key];
+            copy = input[key];
+
+            // Stop early and just transfer the array if array copies are disallowed:
+            if(noArrayCopies && isArray(copy)) {
+                target[key] = copy;
+            }
+
+            // recurse if we're merging plain objects or arrays
+            else if(isDeep && copy && (isPlainObject(copy) || (copyIsArray = isArray(copy)))) {
+                if(copyIsArray) {
+                    copyIsArray = false;
+                    clone = src && isArray(src) ? src : [];
+                } else {
+                    clone = src && isPlainObject(src) ? src : {};
+                }
+
+                // never move original objects, clone them
+                target[key] = _extend([clone, copy], isDeep, keepAllKeys, noArrayCopies);
+            }
+
+            // don't bring in undefined values, except for extendDeepAll
+            else if(typeof copy !== 'undefined' || keepAllKeys) {
+                target[key] = copy;
+            }
+        }
+    }
+
+    return target;
+}
+
+},{"./is_plain_object.js":730}],718:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+/**
+ * Return news array containing only the unique items
+ * found in input array.
+ *
+ * IMPORTANT: Note that items are considered unique
+ * if `String({})` is unique. For example;
+ *
+ *  Lib.filterUnique([ { a: 1 }, { b: 2 } ])
+ *
+ *  returns [{ a: 1 }]
+ *
+ * and
+ *
+ *  Lib.filterUnique([ '1', 1 ])
+ *
+ *  returns ['1']
+ *
+ *
+ * @param {array} array base array
+ * @return {array} new filtered array
+ */
+module.exports = function filterUnique(array) {
+    var seen = {},
+        out = [],
+        j = 0;
+
+    for(var i = 0; i < array.length; i++) {
+        var item = array[i];
+
+        if(seen[item] !== 1) {
+            seen[item] = 1;
+            out[j++] = item;
+        }
+    }
+
+    return out;
+};
+
+},{}],719:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/** Filter out object items with visible !== true
+ *  insider array container.
+ *
+ *  @param {array of objects} container
+ *  @return {array of objects} of length <= container
+ *
+ */
+module.exports = function filterVisible(container) {
+    var out = [];
+
+    for(var i = 0; i < container.length; i++) {
+        var item = container[i];
+
+        if(item.visible === true) out.push(item);
+    }
+
+    return out;
+};
+
+},{}],720:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var countryRegex = require('country-regex');
+var Lib = require('../lib');
+
+
+// make list of all country iso3 ids from at runtime
+var countryIds = Object.keys(countryRegex);
+
+var locationmodeToIdFinder = {
+    'ISO-3': Lib.identity,
+    'USA-states': Lib.identity,
+    'country names': countryNameToISO3
+};
+
+exports.locationToFeature = function(locationmode, location, features) {
+    var locationId = getLocationId(locationmode, location);
+
+    if(locationId) {
+        for(var i = 0; i < features.length; i++) {
+            var feature = features[i];
+
+            if(feature.id === locationId) return feature;
+        }
+
+        Lib.warn([
+            'Location with id', locationId,
+            'does not have a matching topojson feature at this resolution.'
+        ].join(' '));
+    }
+
+    return false;
+};
+
+function getLocationId(locationmode, location) {
+    var idFinder = locationmodeToIdFinder[locationmode];
+    return idFinder(location);
+}
+
+function countryNameToISO3(countryName) {
+    for(var i = 0; i < countryIds.length; i++) {
+        var iso3 = countryIds[i],
+            regex = new RegExp(countryRegex[iso3]);
+
+        if(regex.test(countryName.trim().toLowerCase())) return iso3;
+    }
+
+    Lib.warn('Unrecognized country name: ' + countryName + '.');
+
+    return false;
+}
+
+},{"../lib":728,"country-regex":107}],721:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var BADNUM = require('../constants/numerical').BADNUM;
+
+/**
+ * Convert calcTrace to GeoJSON 'MultiLineString' coordinate arrays
+ *
+ * @param {object} calcTrace
+ *  gd.calcdata item.
+ *  Note that calcTrace[i].lonlat is assumed to be defined
+ *
+ * @return {array}
+ *  return line coords array (or array of arrays)
+ *
+ */
+exports.calcTraceToLineCoords = function(calcTrace) {
+    var trace = calcTrace[0].trace;
+    var connectgaps = trace.connectgaps;
+
+    var coords = [];
+    var lineString = [];
+
+    for(var i = 0; i < calcTrace.length; i++) {
+        var calcPt = calcTrace[i];
+        var lonlat = calcPt.lonlat;
+
+        if(lonlat[0] !== BADNUM) {
+            lineString.push(lonlat);
+        } else if(!connectgaps && lineString.length > 0) {
+            coords.push(lineString);
+            lineString = [];
+        }
+    }
+
+    if(lineString.length > 0) {
+        coords.push(lineString);
+    }
+
+    return coords;
+};
+
+
+/**
+ * Make line ('LineString' or 'MultiLineString') GeoJSON
+ *
+ * @param {array} coords
+ *  results form calcTraceToLineCoords
+ * @return {object} out
+ *  GeoJSON object
+ *
+ */
+exports.makeLine = function(coords) {
+    if(coords.length === 1) {
+        return {
+            type: 'LineString',
+            coordinates: coords[0]
+        };
+    } else {
+        return {
+            type: 'MultiLineString',
+            coordinates: coords
+        };
+    }
+};
+
+/**
+ * Make polygon ('Polygon' or 'MultiPolygon') GeoJSON
+ *
+ * @param {array} coords
+ *  results form calcTraceToLineCoords
+ * @return {object} out
+ *  GeoJSON object
+ */
+exports.makePolygon = function(coords) {
+    if(coords.length === 1) {
+        return {
+            type: 'Polygon',
+            coordinates: coords
+        };
+    } else {
+        var _coords = new Array(coords.length);
+
+        for(var i = 0; i < coords.length; i++) {
+            _coords[i] = [coords[i]];
+        }
+
+        return {
+            type: 'MultiPolygon',
+            coordinates: _coords
+        };
+    }
+};
+
+/**
+ * Make blank GeoJSON
+ *
+ * @return {object}
+ *  Blank GeoJSON object
+ *
+ */
+exports.makeBlank = function() {
+    return {
+        type: 'Point',
+        coordinates: []
+    };
+};
+
+},{"../constants/numerical":707}],722:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var mod = require('./mod');
+
+/*
+ * look for intersection of two line segments
+ *   (1->2 and 3->4) - returns array [x,y] if they do, null if not
+ */
+exports.segmentsIntersect = segmentsIntersect;
+function segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4) {
+    var a = x2 - x1,
+        b = x3 - x1,
+        c = x4 - x3,
+        d = y2 - y1,
+        e = y3 - y1,
+        f = y4 - y3,
+        det = a * f - c * d;
+    // parallel lines? intersection is undefined
+    // ignore the case where they are colinear
+    if(det === 0) return null;
+    var t = (b * f - c * e) / det,
+        u = (b * d - a * e) / det;
+    // segments do not intersect?
+    if(u < 0 || u > 1 || t < 0 || t > 1) return null;
+
+    return {x: x1 + a * t, y: y1 + d * t};
+}
+
+/*
+ * find the minimum distance between two line segments (1->2 and 3->4)
+ */
+exports.segmentDistance = function segmentDistance(x1, y1, x2, y2, x3, y3, x4, y4) {
+    if(segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4)) return 0;
+
+    // the two segments and their lengths squared
+    var x12 = x2 - x1;
+    var y12 = y2 - y1;
+    var x34 = x4 - x3;
+    var y34 = y4 - y3;
+    var l2_12 = x12 * x12 + y12 * y12;
+    var l2_34 = x34 * x34 + y34 * y34;
+
+    // calculate distance squared, then take the sqrt at the very end
+    var dist2 = Math.min(
+        perpDistance2(x12, y12, l2_12, x3 - x1, y3 - y1),
+        perpDistance2(x12, y12, l2_12, x4 - x1, y4 - y1),
+        perpDistance2(x34, y34, l2_34, x1 - x3, y1 - y3),
+        perpDistance2(x34, y34, l2_34, x2 - x3, y2 - y3)
+    );
+
+    return Math.sqrt(dist2);
+};
+
+/*
+ * distance squared from segment ab to point c
+ * [xab, yab] is the vector b-a
+ * [xac, yac] is the vector c-a
+ * l2_ab is the length squared of (b-a), just to simplify calculation
+ */
+function perpDistance2(xab, yab, l2_ab, xac, yac) {
+    var fc_ab = (xac * xab + yac * yab);
+    if(fc_ab < 0) {
+        // point c is closer to point a
+        return xac * xac + yac * yac;
+    }
+    else if(fc_ab > l2_ab) {
+        // point c is closer to point b
+        var xbc = xac - xab;
+        var ybc = yac - yab;
+        return xbc * xbc + ybc * ybc;
+    }
+    else {
+        // perpendicular distance is the shortest
+        var crossProduct = xac * yab - yac * xab;
+        return crossProduct * crossProduct / l2_ab;
+    }
+}
+
+// a very short-term cache for getTextLocation, just because
+// we're often looping over the same locations multiple times
+// invalidated as soon as we look at a different path
+var locationCache, workingPath, workingTextWidth;
+
+// turn a path and position along it into x, y, and angle for the given text
+exports.getTextLocation = function getTextLocation(path, totalPathLen, positionOnPath, textWidth) {
+    if(path !== workingPath || textWidth !== workingTextWidth) {
+        locationCache = {};
+        workingPath = path;
+        workingTextWidth = textWidth;
+    }
+    if(locationCache[positionOnPath]) {
+        return locationCache[positionOnPath];
+    }
+
+    // for the angle, use points on the path separated by the text width
+    // even though due to curvature, the text will cover a bit more than that
+    var p0 = path.getPointAtLength(mod(positionOnPath - textWidth / 2, totalPathLen));
+    var p1 = path.getPointAtLength(mod(positionOnPath + textWidth / 2, totalPathLen));
+    // note: atan handles 1/0 nicely
+    var theta = Math.atan((p1.y - p0.y) / (p1.x - p0.x));
+    // center the text at 2/3 of the center position plus 1/3 the p0/p1 midpoint
+    // that's the average position of this segment, assuming it's roughly quadratic
+    var pCenter = path.getPointAtLength(mod(positionOnPath, totalPathLen));
+    var x = (pCenter.x * 4 + p0.x + p1.x) / 6;
+    var y = (pCenter.y * 4 + p0.y + p1.y) / 6;
+
+    var out = {x: x, y: y, theta: theta};
+    locationCache[positionOnPath] = out;
+    return out;
+};
+
+exports.clearLocationCache = function() {
+    workingPath = null;
+};
+
+/*
+ * Find the segment of `path` that's within the visible area
+ * given by `bounds` {left, right, top, bottom}, to within a
+ * precision of `buffer` px
+ *
+ * returns: undefined if nothing is visible, else object:
+ * {
+ *   min: position where the path first enters bounds, or 0 if it
+ *        starts within bounds
+ *   max: position where the path last exits bounds, or the path length
+ *        if it finishes within bounds
+ *   len: max - min, ie the length of visible path
+ *   total: the total path length - just included so the caller doesn't
+ *        need to call path.getTotalLength() again
+ *   isClosed: true iff the start and end points of the path are both visible
+ *        and are at the same point
+ * }
+ *
+ * Works by starting from either end and repeatedly finding the distance from
+ * that point to the plot area, and if it's outside the plot, moving along the
+ * path by that distance (because the plot must be at least that far away on
+ * the path). Note that if a path enters, exits, and re-enters the plot, we
+ * will not capture this behavior.
+ */
+exports.getVisibleSegment = function getVisibleSegment(path, bounds, buffer) {
+    var left = bounds.left;
+    var right = bounds.right;
+    var top = bounds.top;
+    var bottom = bounds.bottom;
+
+    var pMin = 0;
+    var pTotal = path.getTotalLength();
+    var pMax = pTotal;
+
+    var pt0, ptTotal;
+
+    function getDistToPlot(len) {
+        var pt = path.getPointAtLength(len);
+
+        // hold on to the start and end points for `closed`
+        if(len === 0) pt0 = pt;
+        else if(len === pTotal) ptTotal = pt;
+
+        var dx = (pt.x < left) ? left - pt.x : (pt.x > right ? pt.x - right : 0);
+        var dy = (pt.y < top) ? top - pt.y : (pt.y > bottom ? pt.y - bottom : 0);
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+
+    var distToPlot = getDistToPlot(pMin);
+    while(distToPlot) {
+        pMin += distToPlot + buffer;
+        if(pMin > pMax) return;
+        distToPlot = getDistToPlot(pMin);
+    }
+
+    distToPlot = getDistToPlot(pMax);
+    while(distToPlot) {
+        pMax -= distToPlot + buffer;
+        if(pMin > pMax) return;
+        distToPlot = getDistToPlot(pMax);
+    }
+
+    return {
+        min: pMin,
+        max: pMax,
+        len: pMax - pMin,
+        total: pTotal,
+        isClosed: pMin === 0 && pMax === pTotal &&
+            Math.abs(pt0.x - ptTotal.x) < 0.1 &&
+            Math.abs(pt0.y - ptTotal.y) < 0.1
+    };
+};
+
+},{"./mod":734}],723:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * Allow referencing a graph DOM element either directly
+ * or by its id string
+ *
+ * @param {HTMLDivElement|string} gd: a graph element or its id
+ *
+ * @returns {HTMLDivElement} the DOM element of the graph
+ */
+module.exports = function(gd) {
+    var gdElement;
+
+    if(typeof gd === 'string') {
+        gdElement = document.getElementById(gd);
+
+        if(gdElement === null) {
+            throw new Error('No DOM element with id \'' + gd + '\' exists on the page.');
+        }
+
+        return gdElement;
+    }
+    else if(gd === null || gd === undefined) {
+        throw new Error('DOM element provided is null or undefined');
+    }
+
+    return gd;  // otherwise assume that gd is a DOM element
+};
+
+},{}],724:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var rgba = require('color-rgba');
+
+var Colorscale = require('../components/colorscale');
+var colorDflt = require('../components/color/attributes').defaultLine;
+
+var colorDfltRgba = rgba(colorDflt);
+var opacityDflt = 1;
+
+function calculateColor(colorIn, opacityIn) {
+    var colorOut = colorIn;
+    colorOut[3] *= opacityIn;
+    return colorOut;
+}
+
+function validateColor(colorIn) {
+    if(isNumeric(colorIn)) return colorDfltRgba;
+
+    var colorOut = rgba(colorIn);
+
+    return colorOut.length ? colorOut : colorDfltRgba;
+}
+
+function validateOpacity(opacityIn) {
+    return isNumeric(opacityIn) ? opacityIn : opacityDflt;
+}
+
+function formatColor(containerIn, opacityIn, len) {
+    var colorIn = containerIn.color,
+        isArrayColorIn = Array.isArray(colorIn),
+        isArrayOpacityIn = Array.isArray(opacityIn),
+        colorOut = [];
+
+    var sclFunc, getColor, getOpacity, colori, opacityi;
+
+    if(containerIn.colorscale !== undefined) {
+        sclFunc = Colorscale.makeColorScaleFunc(
+            Colorscale.extractScale(
+                containerIn.colorscale,
+                containerIn.cmin,
+                containerIn.cmax
+            )
+        );
+    }
+    else {
+        sclFunc = validateColor;
+    }
+
+    if(isArrayColorIn) {
+        getColor = function(c, i) {
+            return c[i] === undefined ? colorDfltRgba : rgba(sclFunc(c[i]));
+        };
+    }
+    else getColor = validateColor;
+
+    if(isArrayOpacityIn) {
+        getOpacity = function(o, i) {
+            return o[i] === undefined ? opacityDflt : validateOpacity(o[i]);
+        };
+    }
+    else getOpacity = validateOpacity;
+
+    if(isArrayColorIn || isArrayOpacityIn) {
+        for(var i = 0; i < len; i++) {
+            colori = getColor(colorIn, i);
+            opacityi = getOpacity(opacityIn, i);
+            colorOut[i] = calculateColor(colori, opacityi);
+        }
+    }
+    else colorOut = calculateColor(rgba(colorIn), opacityIn);
+
+    return colorOut;
+}
+
+module.exports = formatColor;
+
+},{"../components/color/attributes":603,"../components/colorscale":618,"color-rgba":95,"fast-isnumeric":131}],725:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var identity = require('./identity');
+
+function wrap(d) {return [d];}
+
+module.exports = {
+
+    // The D3 data binding concept and the General Update Pattern promotes the idea of
+    // traversing into the scenegraph by using the `.data(fun, keyFun)` call.
+    // The `fun` is most often a `repeat`, ie. the elements beneath a `<g>` element need
+    // access to the same data, or a `descend`, which fans a scenegraph node into a bunch of
+    // of elements, e.g. points, lines, rows, requiring an array as input.
+    // The role of the `keyFun` is to identify what elements are being entered/exited/updated,
+    // otherwise D3 reverts to using a plain index which would screw up `transition`s.
+    keyFun: function(d) {return d.key;},
+    repeat: wrap,
+    descend: identity,
+
+    // Plotly.js uses a convention of storing the actual contents of the `calcData` as the
+    // element zero of a container array. These helpers are just used for clarity as a
+    // newcomer to the codebase may not know what the `[0]` is, and whether there can be further
+    // elements (not atm).
+    wrap: wrap,
+    unwrap: function(d) {return d[0];}
+};
+
+},{"./identity":727}],726:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var toSuperScript = require('superscript-text');
+var stringMappings = require('../constants/string_mappings');
+
+function fixSuperScript(x) {
+    var idx = 0;
+
+    while((idx = x.indexOf('<sup>', idx)) >= 0) {
+        var nidx = x.indexOf('</sup>', idx);
+        if(nidx < idx) break;
+
+        x = x.slice(0, idx) + toSuperScript(x.slice(idx + 5, nidx)) + x.slice(nidx + 6);
+    }
+
+    return x;
+}
+
+function fixBR(x) {
+    return x.replace(/\<br\>/g, '\n');
+}
+
+function stripTags(x) {
+    return x.replace(/\<.*\>/g, '');
+}
+
+function fixEntities(x) {
+    var entityToUnicode = stringMappings.entityToUnicode;
+    var idx = 0;
+
+    while((idx = x.indexOf('&', idx)) >= 0) {
+        var nidx = x.indexOf(';', idx);
+        if(nidx < idx) {
+            idx += 1;
+            continue;
+        }
+
+        var entity = entityToUnicode[x.slice(idx + 1, nidx)];
+        if(entity) {
+            x = x.slice(0, idx) + entity + x.slice(nidx + 1);
+        } else {
+            x = x.slice(0, idx) + x.slice(nidx + 1);
+        }
+    }
+
+    return x;
+}
+
+function convertHTMLToUnicode(html) {
+    return '' +
+        fixEntities(
+        stripTags(
+        fixSuperScript(
+        fixBR(
+          html))));
+}
+
+module.exports = convertHTMLToUnicode;
+
+},{"../constants/string_mappings":708,"superscript-text":530}],727:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// Simple helper functions
+// none of these need any external deps
+
+module.exports = function identity(d) { return d; };
+
+},{}],728:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var numConstants = require('../constants/numerical');
+var FP_SAFE = numConstants.FP_SAFE;
+var BADNUM = numConstants.BADNUM;
+
+var lib = module.exports = {};
+
+lib.nestedProperty = require('./nested_property');
+lib.keyedContainer = require('./keyed_container');
+lib.relativeAttr = require('./relative_attr');
+lib.isPlainObject = require('./is_plain_object');
+lib.isArray = require('./is_array');
+lib.mod = require('./mod');
+lib.toLogRange = require('./to_log_range');
+lib.relinkPrivateKeys = require('./relink_private');
+lib.ensureArray = require('./ensure_array');
+
+var coerceModule = require('./coerce');
+lib.valObjectMeta = coerceModule.valObjectMeta;
+lib.coerce = coerceModule.coerce;
+lib.coerce2 = coerceModule.coerce2;
+lib.coerceFont = coerceModule.coerceFont;
+lib.coerceHoverinfo = coerceModule.coerceHoverinfo;
+lib.validate = coerceModule.validate;
+
+var datesModule = require('./dates');
+lib.dateTime2ms = datesModule.dateTime2ms;
+lib.isDateTime = datesModule.isDateTime;
+lib.ms2DateTime = datesModule.ms2DateTime;
+lib.ms2DateTimeLocal = datesModule.ms2DateTimeLocal;
+lib.cleanDate = datesModule.cleanDate;
+lib.isJSDate = datesModule.isJSDate;
+lib.formatDate = datesModule.formatDate;
+lib.incrementMonth = datesModule.incrementMonth;
+lib.dateTick0 = datesModule.dateTick0;
+lib.dfltRange = datesModule.dfltRange;
+lib.findExactDates = datesModule.findExactDates;
+lib.MIN_MS = datesModule.MIN_MS;
+lib.MAX_MS = datesModule.MAX_MS;
+
+var searchModule = require('./search');
+lib.findBin = searchModule.findBin;
+lib.sorterAsc = searchModule.sorterAsc;
+lib.sorterDes = searchModule.sorterDes;
+lib.distinctVals = searchModule.distinctVals;
+lib.roundUp = searchModule.roundUp;
+
+var statsModule = require('./stats');
+lib.aggNums = statsModule.aggNums;
+lib.len = statsModule.len;
+lib.mean = statsModule.mean;
+lib.variance = statsModule.variance;
+lib.stdev = statsModule.stdev;
+lib.interp = statsModule.interp;
+
+var matrixModule = require('./matrix');
+lib.init2dArray = matrixModule.init2dArray;
+lib.transposeRagged = matrixModule.transposeRagged;
+lib.dot = matrixModule.dot;
+lib.translationMatrix = matrixModule.translationMatrix;
+lib.rotationMatrix = matrixModule.rotationMatrix;
+lib.rotationXYMatrix = matrixModule.rotationXYMatrix;
+lib.apply2DTransform = matrixModule.apply2DTransform;
+lib.apply2DTransform2 = matrixModule.apply2DTransform2;
+
+var geom2dModule = require('./geometry2d');
+lib.segmentsIntersect = geom2dModule.segmentsIntersect;
+lib.segmentDistance = geom2dModule.segmentDistance;
+lib.getTextLocation = geom2dModule.getTextLocation;
+lib.clearLocationCache = geom2dModule.clearLocationCache;
+lib.getVisibleSegment = geom2dModule.getVisibleSegment;
+
+var extendModule = require('./extend');
+lib.extendFlat = extendModule.extendFlat;
+lib.extendDeep = extendModule.extendDeep;
+lib.extendDeepAll = extendModule.extendDeepAll;
+lib.extendDeepNoArrays = extendModule.extendDeepNoArrays;
+
+var loggersModule = require('./loggers');
+lib.log = loggersModule.log;
+lib.warn = loggersModule.warn;
+lib.error = loggersModule.error;
+
+var regexModule = require('./regex');
+lib.counterRegex = regexModule.counter;
+
+var throttleModule = require('./throttle');
+lib.throttle = throttleModule.throttle;
+lib.throttleDone = throttleModule.done;
+lib.clearThrottle = throttleModule.clear;
+
+lib.getGraphDiv = require('./get_graph_div');
+
+lib.notifier = require('./notifier');
+
+lib.filterUnique = require('./filter_unique');
+lib.filterVisible = require('./filter_visible');
+lib.pushUnique = require('./push_unique');
+
+lib.cleanNumber = require('./clean_number');
+
+lib.ensureNumber = function num(v) {
+    if(!isNumeric(v)) return BADNUM;
+    v = Number(v);
+    if(v < -FP_SAFE || v > FP_SAFE) return BADNUM;
+    return isNumeric(v) ? Number(v) : BADNUM;
+};
+
+lib.noop = require('./noop');
+lib.identity = require('./identity');
+
+/**
+ * swap x and y of the same attribute in container cont
+ * specify attr with a ? in place of x/y
+ * you can also swap other things than x/y by providing part1 and part2
+ */
+lib.swapAttrs = function(cont, attrList, part1, part2) {
+    if(!part1) part1 = 'x';
+    if(!part2) part2 = 'y';
+    for(var i = 0; i < attrList.length; i++) {
+        var attr = attrList[i],
+            xp = lib.nestedProperty(cont, attr.replace('?', part1)),
+            yp = lib.nestedProperty(cont, attr.replace('?', part2)),
+            temp = xp.get();
+        xp.set(yp.get());
+        yp.set(temp);
+    }
+};
+
+/**
+ * to prevent event bubbling, in particular text selection during drag.
+ * see http://stackoverflow.com/questions/5429827/
+ *      how-can-i-prevent-text-element-selection-with-cursor-drag
+ * for maximum effect use:
+ *      return pauseEvent(e);
+ */
+lib.pauseEvent = function(e) {
+    if(e.stopPropagation) e.stopPropagation();
+    if(e.preventDefault) e.preventDefault();
+    e.cancelBubble = true;
+    return false;
+};
+
+/**
+ * SVG painter's algo worked around with reinsertion
+ */
+lib.raiseToTop = function raiseToTop(elem) {
+    elem.parentNode.appendChild(elem);
+};
+
+/**
+ * cancel a possibly pending transition; returned selection may be used by caller
+ */
+lib.cancelTransition = function(selection) {
+    return selection.transition().duration(0);
+};
+
+// constrain - restrict a number v to be between v0 and v1
+lib.constrain = function(v, v0, v1) {
+    if(v0 > v1) return Math.max(v1, Math.min(v0, v));
+    return Math.max(v0, Math.min(v1, v));
+};
+
+/**
+ * do two bounding boxes from getBoundingClientRect,
+ * ie {left,right,top,bottom,width,height}, overlap?
+ * takes optional padding pixels
+ */
+lib.bBoxIntersect = function(a, b, pad) {
+    pad = pad || 0;
+    return (a.left <= b.right + pad &&
+            b.left <= a.right + pad &&
+            a.top <= b.bottom + pad &&
+            b.top <= a.bottom + pad);
+};
+
+/*
+ * simpleMap: alternative to Array.map that only
+ * passes on the element and up to 2 extra args you
+ * provide (but not the array index or the whole array)
+ *
+ * array: the array to map it to
+ * func: the function to apply
+ * x1, x2: optional extra args
+ */
+lib.simpleMap = function(array, func, x1, x2) {
+    var len = array.length,
+        out = new Array(len);
+    for(var i = 0; i < len; i++) out[i] = func(array[i], x1, x2);
+    return out;
+};
+
+// random string generator
+lib.randstr = function randstr(existing, bits, base) {
+    /*
+     * Include number of bits, the base of the string you want
+     * and an optional array of existing strings to avoid.
+     */
+    if(!base) base = 16;
+    if(bits === undefined) bits = 24;
+    if(bits <= 0) return '0';
+
+    var digits = Math.log(Math.pow(2, bits)) / Math.log(base),
+        res = '',
+        i,
+        b,
+        x;
+
+    for(i = 2; digits === Infinity; i *= 2) {
+        digits = Math.log(Math.pow(2, bits / i)) / Math.log(base) * i;
+    }
+
+    var rem = digits - Math.floor(digits);
+
+    for(i = 0; i < Math.floor(digits); i++) {
+        x = Math.floor(Math.random() * base).toString(base);
+        res = x + res;
+    }
+
+    if(rem) {
+        b = Math.pow(base, rem);
+        x = Math.floor(Math.random() * b).toString(base);
+        res = x + res;
+    }
+
+    var parsed = parseInt(res, base);
+    if((existing && (existing.indexOf(res) > -1)) ||
+         (parsed !== Infinity && parsed >= Math.pow(2, bits))) {
+        return randstr(existing, bits, base);
+    }
+    else return res;
+};
+
+lib.OptionControl = function(opt, optname) {
+    /*
+     * An environment to contain all option setters and
+     * getters that collectively modify opts.
+     *
+     * You can call up opts from any function in new object
+     * as this.optname || this.opt
+     *
+     * See FitOpts for example of usage
+     */
+    if(!opt) opt = {};
+    if(!optname) optname = 'opt';
+
+    var self = {};
+    self.optionList = [];
+
+    self._newoption = function(optObj) {
+        optObj[optname] = opt;
+        self[optObj.name] = optObj;
+        self.optionList.push(optObj);
+    };
+
+    self['_' + optname] = opt;
+    return self;
+};
+
+/**
+ * lib.smooth: smooth arrayIn by convolving with
+ * a hann window with given full width at half max
+ * bounce the ends in, so the output has the same length as the input
+ */
+lib.smooth = function(arrayIn, FWHM) {
+    FWHM = Math.round(FWHM) || 0; // only makes sense for integers
+    if(FWHM < 2) return arrayIn;
+
+    var alen = arrayIn.length,
+        alen2 = 2 * alen,
+        wlen = 2 * FWHM - 1,
+        w = new Array(wlen),
+        arrayOut = new Array(alen),
+        i,
+        j,
+        k,
+        v;
+
+    // first make the window array
+    for(i = 0; i < wlen; i++) {
+        w[i] = (1 - Math.cos(Math.PI * (i + 1) / FWHM)) / (2 * FWHM);
+    }
+
+    // now do the convolution
+    for(i = 0; i < alen; i++) {
+        v = 0;
+        for(j = 0; j < wlen; j++) {
+            k = i + j + 1 - FWHM;
+
+            // multibounce
+            if(k < -alen) k -= alen2 * Math.round(k / alen2);
+            else if(k >= alen2) k -= alen2 * Math.floor(k / alen2);
+
+            // single bounce
+            if(k < 0) k = - 1 - k;
+            else if(k >= alen) k = alen2 - 1 - k;
+
+            v += arrayIn[k] * w[j];
+        }
+        arrayOut[i] = v;
+    }
+
+    return arrayOut;
+};
+
+/**
+ * syncOrAsync: run a sequence of functions synchronously
+ * as long as its returns are not promises (ie have no .then)
+ * includes one argument arg to send to all functions...
+ * this is mainly just to prevent us having to make wrapper functions
+ * when the only purpose of the wrapper is to reference gd
+ * and a final step to be executed at the end
+ * TODO: if there's an error and everything is sync,
+ * this doesn't happen yet because we want to make sure
+ * that it gets reported
+ */
+lib.syncOrAsync = function(sequence, arg, finalStep) {
+    var ret, fni;
+
+    function continueAsync() {
+        return lib.syncOrAsync(sequence, arg, finalStep);
+    }
+
+    while(sequence.length) {
+        fni = sequence.splice(0, 1)[0];
+        ret = fni(arg);
+
+        if(ret && ret.then) {
+            return ret.then(continueAsync)
+                .then(undefined, lib.promiseError);
+        }
+    }
+
+    return finalStep && finalStep(arg);
+};
+
+
+/**
+ * Helper to strip trailing slash, from
+ * http://stackoverflow.com/questions/6680825/return-string-without-trailing-slash
+ */
+lib.stripTrailingSlash = function(str) {
+    if(str.substr(-1) === '/') return str.substr(0, str.length - 1);
+    return str;
+};
+
+lib.noneOrAll = function(containerIn, containerOut, attrList) {
+    /**
+     * some attributes come together, so if you have one of them
+     * in the input, you should copy the default values of the others
+     * to the input as well.
+     */
+    if(!containerIn) return;
+
+    var hasAny = false,
+        hasAll = true,
+        i,
+        val;
+
+    for(i = 0; i < attrList.length; i++) {
+        val = containerIn[attrList[i]];
+        if(val !== undefined && val !== null) hasAny = true;
+        else hasAll = false;
+    }
+
+    if(hasAny && !hasAll) {
+        for(i = 0; i < attrList.length; i++) {
+            containerIn[attrList[i]] = containerOut[attrList[i]];
+        }
+    }
+};
+
+/** merges calcdata field (given by cdAttr) with traceAttr values
+ *
+ * N.B. Loop over minimum of cd.length and traceAttr.length
+ * i.e. it does not try to fill in beyond traceAttr.length-1
+ *
+ * @param {array} traceAttr : trace attribute
+ * @param {object} cd : calcdata trace
+ * @param {string} cdAttr : calcdata key
+ */
+lib.mergeArray = function(traceAttr, cd, cdAttr) {
+    if(Array.isArray(traceAttr)) {
+        var imax = Math.min(traceAttr.length, cd.length);
+        for(var i = 0; i < imax; i++) cd[i][cdAttr] = traceAttr[i];
+    }
+};
+
+/** fills calcdata field (given by cdAttr) with traceAttr values
+ *  or function of traceAttr values (e.g. some fallback)
+ *
+ * N.B. Loops over all cd items.
+ *
+ * @param {array} traceAttr : trace attribute
+ * @param {object} cd : calcdata trace
+ * @param {string} cdAttr : calcdata key
+ * @param {function} [fn] : optional function to apply to each array item
+ */
+lib.fillArray = function(traceAttr, cd, cdAttr, fn) {
+    fn = fn || lib.identity;
+
+    if(Array.isArray(traceAttr)) {
+        for(var i = 0; i < cd.length; i++) {
+            cd[i][cdAttr] = fn(traceAttr[i]);
+        }
+    }
+};
+
+/** Handler for trace-wide vs per-point options
+ *
+ * @param {object} trace : (full) trace object
+ * @param {number} ptNumber : index of the point in question
+ * @param {string} astr : attribute string
+ * @param {function} [fn] : optional function to apply to each array item
+ *
+ * @return {any}
+ */
+lib.castOption = function(trace, ptNumber, astr, fn) {
+    fn = fn || lib.identity;
+
+    var val = lib.nestedProperty(trace, astr).get();
+
+    if(Array.isArray(val)) {
+        if(Array.isArray(ptNumber) && Array.isArray(val[ptNumber[0]])) {
+            return fn(val[ptNumber[0]][ptNumber[1]]);
+        } else {
+            return fn(val[ptNumber]);
+        }
+    } else {
+        return val;
+    }
+};
+
+/** Extract option from calcdata item, correctly falling back to
+ *  trace value if not found.
+ *
+ *  @param {object} calcPt : calcdata[i][j] item
+ *  @param {object} trace : (full) trace object
+ *  @param {string} calcKey : calcdata key
+ *  @param {string} traceKey : aka trace attribute string
+ *  @return {any}
+ */
+lib.extractOption = function(calcPt, trace, calcKey, traceKey) {
+    if(calcKey in calcPt) return calcPt[calcKey];
+
+    // fallback to trace value,
+    //   must check if value isn't itself an array
+    //   which means the trace attribute has a corresponding
+    //   calcdata key, but its value is falsy
+    var traceVal = lib.nestedProperty(trace, traceKey).get();
+    if(!Array.isArray(traceVal)) return traceVal;
+};
+
+/** Returns target as set by 'target' transform attribute
+ *
+ * @param {object} trace : full trace object
+ * @param {object} transformOpts : transform option object
+ *  - target (string} :
+ *      either an attribute string referencing an array in the trace object, or
+ *      a set array.
+ *
+ * @return {array or false} : the target array (NOT a copy!!) or false if invalid
+ */
+lib.getTargetArray = function(trace, transformOpts) {
+    var target = transformOpts.target;
+
+    if(typeof target === 'string' && target) {
+        var array = lib.nestedProperty(trace, target).get();
+        return Array.isArray(array) ? array : false;
+    } else if(Array.isArray(target)) {
+        return target;
+    }
+
+    return false;
+};
+
+/**
+ * modified version of jQuery's extend to strip out private objs and functions,
+ * and cut arrays down to first <arraylen> or 1 elements
+ * because extend-like algorithms are hella slow
+ * obj2 is assumed to already be clean of these things (including no arrays)
+ */
+lib.minExtend = function(obj1, obj2) {
+    var objOut = {};
+    if(typeof obj2 !== 'object') obj2 = {};
+    var arrayLen = 3,
+        keys = Object.keys(obj1),
+        i,
+        k,
+        v;
+    for(i = 0; i < keys.length; i++) {
+        k = keys[i];
+        v = obj1[k];
+        if(k.charAt(0) === '_' || typeof v === 'function') continue;
+        else if(k === 'module') objOut[k] = v;
+        else if(Array.isArray(v)) objOut[k] = v.slice(0, arrayLen);
+        else if(v && (typeof v === 'object')) objOut[k] = lib.minExtend(obj1[k], obj2[k]);
+        else objOut[k] = v;
+    }
+
+    keys = Object.keys(obj2);
+    for(i = 0; i < keys.length; i++) {
+        k = keys[i];
+        v = obj2[k];
+        if(typeof v !== 'object' || !(k in objOut) || typeof objOut[k] !== 'object') {
+            objOut[k] = v;
+        }
+    }
+
+    return objOut;
+};
+
+lib.titleCase = function(s) {
+    return s.charAt(0).toUpperCase() + s.substr(1);
+};
+
+lib.containsAny = function(s, fragments) {
+    for(var i = 0; i < fragments.length; i++) {
+        if(s.indexOf(fragments[i]) !== -1) return true;
+    }
+    return false;
+};
+
+lib.isPlotDiv = function(el) {
+    var el3 = d3.select(el);
+    return el3.node() instanceof HTMLElement &&
+        el3.size() &&
+        el3.classed('js-plotly-plot');
+};
+
+lib.removeElement = function(el) {
+    var elParent = el && el.parentNode;
+    if(elParent) elParent.removeChild(el);
+};
+
+/**
+ * for dynamically adding style rules
+ * makes one stylesheet that contains all rules added
+ * by all calls to this function
+ */
+lib.addStyleRule = function(selector, styleString) {
+    if(!lib.styleSheet) {
+        var style = document.createElement('style');
+        // WebKit hack :(
+        style.appendChild(document.createTextNode(''));
+        document.head.appendChild(style);
+        lib.styleSheet = style.sheet;
+    }
+    var styleSheet = lib.styleSheet;
+
+    if(styleSheet.insertRule) {
+        styleSheet.insertRule(selector + '{' + styleString + '}', 0);
+    }
+    else if(styleSheet.addRule) {
+        styleSheet.addRule(selector, styleString, 0);
+    }
+    else lib.warn('addStyleRule failed');
+};
+
+lib.isIE = function() {
+    return typeof window.navigator.msSaveBlob !== 'undefined';
+};
+
+/**
+ * Duck typing to recognize a d3 selection, mostly for IE9's benefit
+ * because it doesn't handle instanceof like modern browsers
+ */
+lib.isD3Selection = function(obj) {
+    return obj && (typeof obj.classed === 'function');
+};
+
+
+/**
+ * Converts a string path to an object.
+ *
+ * When given a string containing an array element, it will create a `null`
+ * filled array of the given size.
+ *
+ * @example
+ * lib.objectFromPath('nested.test[2].path', 'value');
+ * // returns { nested: { test: [null, null, { path: 'value' }]}
+ *
+ * @param   {string}    path to nested value
+ * @param   {*}         any value to be set
+ *
+ * @return {Object} the constructed object with a full nested path
+ */
+lib.objectFromPath = function(path, value) {
+    var keys = path.split('.'),
+        tmpObj,
+        obj = tmpObj = {};
+
+    for(var i = 0; i < keys.length; i++) {
+        var key = keys[i];
+        var el = null;
+
+        var parts = keys[i].match(/(.*)\[([0-9]+)\]/);
+
+        if(parts) {
+            key = parts[1];
+            el = parts[2];
+
+            tmpObj = tmpObj[key] = [];
+
+            if(i === keys.length - 1) {
+                tmpObj[el] = value;
+            } else {
+                tmpObj[el] = {};
+            }
+
+            tmpObj = tmpObj[el];
+        } else {
+
+            if(i === keys.length - 1) {
+                tmpObj[key] = value;
+            } else {
+                tmpObj[key] = {};
+            }
+
+            tmpObj = tmpObj[key];
+        }
+    }
+
+    return obj;
+};
+
+/**
+ * Iterate through an object in-place, converting dotted properties to objects.
+ *
+ * Examples:
+ *
+ *   lib.expandObjectPaths({'nested.test.path': 'value'});
+ *     => { nested: { test: {path: 'value'}}}
+ *
+ * It also handles array notation, e.g.:
+ *
+ *   lib.expandObjectPaths({'foo[1].bar': 'value'});
+ *     => { foo: [null, {bar: value}] }
+ *
+ * It handles merges the results when two properties are specified in parallel:
+ *
+ *   lib.expandObjectPaths({'foo[1].bar': 10, 'foo[0].bar': 20});
+ *     => { foo: [{bar: 10}, {bar: 20}] }
+ *
+ * It does NOT, however, merge mulitple mutliply-nested arrays::
+ *
+ *   lib.expandObjectPaths({'marker[1].range[1]': 5, 'marker[1].range[0]': 4})
+ *     => { marker: [null, {range: 4}] }
+ */
+
+// Store this to avoid recompiling regex on *every* prop since this may happen many
+// many times for animations. Could maybe be inside the function. Not sure about
+// scoping vs. recompilation tradeoff, but at least it's not just inlining it into
+// the inner loop.
+var dottedPropertyRegex = /^([^\[\.]+)\.(.+)?/;
+var indexedPropertyRegex = /^([^\.]+)\[([0-9]+)\](\.)?(.+)?/;
+
+lib.expandObjectPaths = function(data) {
+    var match, key, prop, datum, idx, dest, trailingPath;
+    if(typeof data === 'object' && !Array.isArray(data)) {
+        for(key in data) {
+            if(data.hasOwnProperty(key)) {
+                if((match = key.match(dottedPropertyRegex))) {
+                    datum = data[key];
+                    prop = match[1];
+
+                    delete data[key];
+
+                    data[prop] = lib.extendDeepNoArrays(data[prop] || {}, lib.objectFromPath(key, lib.expandObjectPaths(datum))[prop]);
+                } else if((match = key.match(indexedPropertyRegex))) {
+                    datum = data[key];
+
+                    prop = match[1];
+                    idx = parseInt(match[2]);
+
+                    delete data[key];
+
+                    data[prop] = data[prop] || [];
+
+                    if(match[3] === '.') {
+                        // This is the case where theere are subsequent properties into which
+                        // we must recurse, e.g. transforms[0].value
+                        trailingPath = match[4];
+                        dest = data[prop][idx] = data[prop][idx] || {};
+
+                        // NB: Extend deep no arrays prevents this from working on multiple
+                        // nested properties in the same object, e.g.
+                        //
+                        // {
+                        //   foo[0].bar[1].range
+                        //   foo[0].bar[0].range
+                        // }
+                        //
+                        // In this case, the extendDeepNoArrays will overwrite one array with
+                        // the other, so that both properties *will not* be present in the
+                        // result. Fixing this would require a more intelligent tracking
+                        // of changes and merging than extendDeepNoArrays currently accomplishes.
+                        lib.extendDeepNoArrays(dest, lib.objectFromPath(trailingPath, lib.expandObjectPaths(datum)));
+                    } else {
+                        // This is the case where this property is the end of the line,
+                        // e.g. xaxis.range[0]
+                        data[prop][idx] = lib.expandObjectPaths(datum);
+                    }
+                } else {
+                    data[key] = lib.expandObjectPaths(data[key]);
+                }
+            }
+        }
+    }
+
+    return data;
+};
+
+/**
+ * Converts value to string separated by the provided separators.
+ *
+ * @example
+ * lib.numSeparate(2016, '.,');
+ * // returns '2016'
+ *
+ * @example
+ * lib.numSeparate(3000, '.,', true);
+ * // returns '3,000'
+ *
+ * @example
+ * lib.numSeparate(1234.56, '|,')
+ * // returns '1,234|56'
+ *
+ * @param   {string|number} value       the value to be converted
+ * @param   {string}    separators  string of decimal, then thousands separators
+ * @param   {boolean}    separatethousands  boolean, 4-digit integers are separated if true
+ *
+ * @return  {string}    the value that has been separated
+ */
+lib.numSeparate = function(value, separators, separatethousands) {
+    if(!separatethousands) separatethousands = false;
+
+    if(typeof separators !== 'string' || separators.length === 0) {
+        throw new Error('Separator string required for formatting!');
+    }
+
+    if(typeof value === 'number') {
+        value = String(value);
+    }
+
+    var thousandsRe = /(\d+)(\d{3})/,
+        decimalSep = separators.charAt(0),
+        thouSep = separators.charAt(1);
+
+    var x = value.split('.'),
+        x1 = x[0],
+        x2 = x.length > 1 ? decimalSep + x[1] : '';
+
+    // Years are ignored for thousands separators
+    if(thouSep && (x.length > 1 || x1.length > 4 || separatethousands)) {
+        while(thousandsRe.test(x1)) {
+            x1 = x1.replace(thousandsRe, '$1' + thouSep + '$2');
+        }
+    }
+
+    return x1 + x2;
+};
+
+var TEMPLATE_STRING_REGEX = /%{([^\s%{}]*)}/g;
+var SIMPLE_PROPERTY_REGEX = /^\w*$/;
+
+/*
+ * Substitute values from an object into a string
+ *
+ * Examples:
+ *  Lib.templateString('name: %{trace}', {trace: 'asdf'}) --> 'name: asdf'
+ *  Lib.templateString('name: %{trace[0].name}', {trace: [{name: 'asdf'}]}) --> 'name: asdf'
+ *
+ * @param {string}  input string containing %{...} template strings
+ * @param {obj}     data object containing substitution values
+ *
+ * @return {string} templated string
+ */
+
+lib.templateString = function(string, obj) {
+    // Not all that useful, but cache nestedProperty instantiation
+    // just in case it speeds things up *slightly*:
+    var getterCache = {};
+
+    return string.replace(TEMPLATE_STRING_REGEX, function(dummy, key) {
+        if(SIMPLE_PROPERTY_REGEX.test(key)) {
+            return obj[key] || '';
+        }
+        getterCache[key] = getterCache[key] || lib.nestedProperty(obj, key).get;
+        return getterCache[key]() || '';
+    });
+};
+
+},{"../constants/numerical":707,"./clean_number":712,"./coerce":713,"./dates":714,"./ensure_array":715,"./extend":717,"./filter_unique":718,"./filter_visible":719,"./geometry2d":722,"./get_graph_div":723,"./identity":727,"./is_array":729,"./is_plain_object":730,"./keyed_container":731,"./loggers":732,"./matrix":733,"./mod":734,"./nested_property":735,"./noop":736,"./notifier":737,"./push_unique":740,"./regex":742,"./relative_attr":743,"./relink_private":744,"./search":745,"./stats":748," [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * Return true for arrays, whether they're untyped or not.
+ */
+
+// IE9 fallback
+var ab = (typeof ArrayBuffer === 'undefined' || !ArrayBuffer.isView) ?
+    {isView: function() { return false; }} :
+    ArrayBuffer;
+
+module.exports = function isArray(a) {
+    return Array.isArray(a) || ab.isView(a);
+};
+
+},{}],730:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+// more info: http://stackoverflow.com/questions/18531624/isplainobject-thing
+module.exports = function isPlainObject(obj) {
+
+    // We need to be a little less strict in the `imagetest` container because
+    // of how async image requests are handled.
+    //
+    // N.B. isPlainObject(new Constructor()) will return true in `imagetest`
+    if(window && window.process && window.process.versions) {
+        return Object.prototype.toString.call(obj) === '[object Object]';
+    }
+
+    return (
+        Object.prototype.toString.call(obj) === '[object Object]' &&
+        Object.getPrototypeOf(obj) === Object.prototype
+    );
+};
+
+},{}],731:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var nestedProperty = require('./nested_property');
+
+var SIMPLE_PROPERTY_REGEX = /^\w*$/;
+
+// bitmask for deciding what's updated. Sometimes the name needs to be updated,
+// sometimes the value needs to be updated, and sometimes both do. This is just
+// a simple way to track what's updated such that it's a simple OR operation to
+// assimilate new updates.
+//
+// The only exception is the UNSET bit that tracks when we need to explicitly
+// unset and remove the property. This concrn arises because of the special
+// way in which nestedProperty handles null/undefined. When you specify `null`,
+// it prunes any unused items in the tree. I ran into some issues with it getting
+// null vs undefined confused, so UNSET is just a bit that forces the property
+// update to send `null`, removing the property explicitly rather than setting
+// it to undefined.
+var NONE = 0;
+var NAME = 1;
+var VALUE = 2;
+var BOTH = 3;
+var UNSET = 4;
+
+module.exports = function keyedContainer(baseObj, path, keyName, valueName) {
+    keyName = keyName || 'name';
+    valueName = valueName || 'value';
+    var i, arr;
+    var changeTypes = {};
+
+    if(path && path.length) { arr = nestedProperty(baseObj, path).get();
+    } else {
+        arr = baseObj;
+    }
+
+    path = path || '';
+    arr = arr || [];
+
+    // Construct an index:
+    var indexLookup = {};
+    for(i = 0; i < arr.length; i++) {
+        indexLookup[arr[i][keyName]] = i;
+    }
+
+    var isSimpleValueProp = SIMPLE_PROPERTY_REGEX.test(valueName);
+
+    var obj = {
+        // NB: this does not actually modify the baseObj
+        set: function(name, value) {
+            var changeType = value === null ? UNSET : NONE;
+
+            var idx = indexLookup[name];
+            if(idx === undefined) {
+                changeType = changeType | BOTH;
+                idx = arr.length;
+                indexLookup[name] = idx;
+            } else if(value !== (isSimpleValueProp ? arr[idx][valueName] : nestedProperty(arr[idx], valueName).get())) {
+                changeType = changeType | VALUE;
+            }
+
+            var newValue = arr[idx] = arr[idx] || {};
+            newValue[keyName] = name;
+
+            if(isSimpleValueProp) {
+                newValue[valueName] = value;
+            } else {
+                nestedProperty(newValue, valueName).set(value);
+            }
+
+            // If it's not an unset, force that bit to be unset. This is all related to the fact
+            // that undefined and null are a bit specially implemented in nestedProperties.
+            if(value !== null) {
+                changeType = changeType & ~UNSET;
+            }
+
+            changeTypes[idx] = changeTypes[idx] | changeType;
+
+            return obj;
+        },
+        get: function(name) {
+            var idx = indexLookup[name];
+
+            if(idx === undefined) {
+                return undefined;
+            } else if(isSimpleValueProp) {
+                return arr[idx][valueName];
+            } else {
+                return nestedProperty(arr[idx], valueName).get();
+            }
+        },
+        rename: function(name, newName) {
+            var idx = indexLookup[name];
+
+            if(idx === undefined) return obj;
+            changeTypes[idx] = changeTypes[idx] | NAME;
+
+            indexLookup[newName] = idx;
+            delete indexLookup[name];
+
+            arr[idx][keyName] = newName;
+
+            return obj;
+        },
+        remove: function(name) {
+            var idx = indexLookup[name];
+
+            if(idx === undefined) return obj;
+
+            var object = arr[idx];
+            if(Object.keys(object).length > 2) {
+                // This object contains more than just the key/value, so unset
+                // the value without modifying the entry otherwise:
+                changeTypes[idx] = changeTypes[idx] | VALUE;
+                return obj.set(name, null);
+            }
+
+            if(isSimpleValueProp) {
+                for(i = idx; i < arr.length; i++) {
+                    changeTypes[i] = changeTypes[i] | BOTH;
+                }
+                for(i = idx; i < arr.length; i++) {
+                    indexLookup[arr[i][keyName]]--;
+                }
+                arr.splice(idx, 1);
+                delete(indexLookup[name]);
+            } else {
+                // Perform this update *strictly* so we can check whether the result's
+                // been pruned. If so, it's a removal. If not, it's a value unset only.
+                nestedProperty(object, valueName).set(null);
+
+                // Now check if the top level nested property has any keys left. If so,
+                // the object still has values so we only want to unset the key. If not,
+                // the entire object can be removed since there's no other data.
+                // var topLevelKeys = Object.keys(object[valueName.split('.')[0]] || []);
+
+                changeTypes[idx] = changeTypes[idx] | VALUE | UNSET;
+            }
+
+            return obj;
+        },
+        constructUpdate: function() {
+            var astr, idx;
+            var update = {};
+            var changed = Object.keys(changeTypes);
+            for(var i = 0; i < changed.length; i++) {
+                idx = changed[i];
+                astr = path + '[' + idx + ']';
+                if(arr[idx]) {
+                    if(changeTypes[idx] & NAME) {
+                        update[astr + '.' + keyName] = arr[idx][keyName];
+                    }
+                    if(changeTypes[idx] & VALUE) {
+                        if(isSimpleValueProp) {
+                            update[astr + '.' + valueName] = (changeTypes[idx] & UNSET) ? null : arr[idx][valueName];
+                        } else {
+                            update[astr + '.' + valueName] = (changeTypes[idx] & UNSET) ? null : nestedProperty(arr[idx], valueName).get();
+                        }
+                    }
+                } else {
+                    update[astr] = null;
+                }
+            }
+
+            return update;
+        }
+    };
+
+    return obj;
+};
+
+},{"./nested_property":735}],732:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/* eslint-disable no-console */
+
+var config = require('../plot_api/plot_config');
+
+var loggers = module.exports = {};
+
+/**
+ * ------------------------------------------
+ * debugging tools
+ * ------------------------------------------
+ */
+
+loggers.log = function() {
+    if(config.logging > 1) {
+        var messages = ['LOG:'];
+
+        for(var i = 0; i < arguments.length; i++) {
+            messages.push(arguments[i]);
+        }
+
+        apply(console.trace || console.log, messages);
+    }
+};
+
+loggers.warn = function() {
+    if(config.logging > 0) {
+        var messages = ['WARN:'];
+
+        for(var i = 0; i < arguments.length; i++) {
+            messages.push(arguments[i]);
+        }
+
+        apply(console.trace || console.log, messages);
+    }
+};
+
+loggers.error = function() {
+    if(config.logging > 0) {
+        var messages = ['ERROR:'];
+
+        for(var i = 0; i < arguments.length; i++) {
+            messages.push(arguments[i]);
+        }
+
+        apply(console.error, messages);
+    }
+};
+
+/*
+ * Robust apply, for IE9 where console.log doesn't support
+ * apply like other functions do
+ */
+function apply(f, args) {
+    if(f.apply) {
+        f.apply(f, args);
+    }
+    else {
+        for(var i = 0; i < args.length; i++) {
+            f(args[i]);
+        }
+    }
+}
+
+},{"../plot_api/plot_config":760}],733:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+exports.init2dArray = function(rowLength, colLength) {
+    var array = new Array(rowLength);
+    for(var i = 0; i < rowLength; i++) array[i] = new Array(colLength);
+    return array;
+};
+
+/**
+ * transpose a (possibly ragged) 2d array z. inspired by
+ * http://stackoverflow.com/questions/17428587/
+ * transposing-a-2d-array-in-javascript
+ */
+exports.transposeRagged = function(z) {
+    var maxlen = 0,
+        zlen = z.length,
+        i,
+        j;
+    // Maximum row length:
+    for(i = 0; i < zlen; i++) maxlen = Math.max(maxlen, z[i].length);
+
+    var t = new Array(maxlen);
+    for(i = 0; i < maxlen; i++) {
+        t[i] = new Array(zlen);
+        for(j = 0; j < zlen; j++) t[i][j] = z[j][i];
+    }
+
+    return t;
+};
+
+// our own dot function so that we don't need to include numeric
+exports.dot = function(x, y) {
+    if(!(x.length && y.length) || x.length !== y.length) return null;
+
+    var len = x.length,
+        out,
+        i;
+
+    if(x[0].length) {
+        // mat-vec or mat-mat
+        out = new Array(len);
+        for(i = 0; i < len; i++) out[i] = exports.dot(x[i], y);
+    }
+    else if(y[0].length) {
+        // vec-mat
+        var yTranspose = exports.transposeRagged(y);
+        out = new Array(yTranspose.length);
+        for(i = 0; i < yTranspose.length; i++) out[i] = exports.dot(x, yTranspose[i]);
+    }
+    else {
+        // vec-vec
+        out = 0;
+        for(i = 0; i < len; i++) out += x[i] * y[i];
+    }
+
+    return out;
+};
+
+// translate by (x,y)
+exports.translationMatrix = function(x, y) {
+    return [[1, 0, x], [0, 1, y], [0, 0, 1]];
+};
+
+// rotate by alpha around (0,0)
+exports.rotationMatrix = function(alpha) {
+    var a = alpha * Math.PI / 180;
+    return [[Math.cos(a), -Math.sin(a), 0],
+            [Math.sin(a), Math.cos(a), 0],
+            [0, 0, 1]];
+};
+
+// rotate by alpha around (x,y)
+exports.rotationXYMatrix = function(a, x, y) {
+    return exports.dot(
+        exports.dot(exports.translationMatrix(x, y),
+                    exports.rotationMatrix(a)),
+        exports.translationMatrix(-x, -y));
+};
+
+// applies a 2D transformation matrix to either x and y params or an [x,y] array
+exports.apply2DTransform = function(transform) {
+    return function() {
+        var args = arguments;
+        if(args.length === 3) {
+            args = args[0];
+        }// from map
+        var xy = arguments.length === 1 ? args[0] : [args[0], args[1]];
+        return exports.dot(transform, [xy[0], xy[1], 1]).slice(0, 2);
+    };
+};
+
+// applies a 2D transformation matrix to an [x1,y1,x2,y2] array (to transform a segment)
+exports.apply2DTransform2 = function(transform) {
+    var at = exports.apply2DTransform(transform);
+    return function(xys) {
+        return at(xys.slice(0, 2)).concat(at(xys.slice(2, 4)));
+    };
+};
+
+},{}],734:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * sanitized modulus function that always returns in the range [0, d)
+ * rather than (-d, 0] if v is negative
+ */
+module.exports = function mod(v, d) {
+    var out = v % d;
+    return out < 0 ? out + d : out;
+};
+
+},{}],735:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var isArray = require('./is_array');
+var isPlainObject = require('./is_plain_object');
+var containerArrayMatch = require('../plot_api/container_array_match');
+
+/**
+ * convert a string s (such as 'xaxis.range[0]')
+ * representing a property of nested object into set and get methods
+ * also return the string and object so we don't have to keep track of them
+ * allows [-1] for an array index, to set a property inside all elements
+ * of an array
+ * eg if obj = {arr: [{a: 1}, {a: 2}]}
+ * you can do p = nestedProperty(obj, 'arr[-1].a')
+ * but you cannot set the array itself this way, to do that
+ * just set the whole array.
+ * eg if obj = {arr: [1, 2, 3]}
+ * you can't do nestedProperty(obj, 'arr[-1]').set(5)
+ * but you can do nestedProperty(obj, 'arr').set([5, 5, 5])
+ */
+module.exports = function nestedProperty(container, propStr) {
+    if(isNumeric(propStr)) propStr = String(propStr);
+    else if(typeof propStr !== 'string' ||
+            propStr.substr(propStr.length - 4) === '[-1]') {
+        throw 'bad property string';
+    }
+
+    var j = 0,
+        propParts = propStr.split('.'),
+        indexed,
+        indices,
+        i;
+
+    // check for parts of the nesting hierarchy that are numbers (ie array elements)
+    while(j < propParts.length) {
+        // look for non-bracket chars, then any number of [##] blocks
+        indexed = String(propParts[j]).match(/^([^\[\]]*)((\[\-?[0-9]*\])+)$/);
+        if(indexed) {
+            if(indexed[1]) propParts[j] = indexed[1];
+            // allow propStr to start with bracketed array indices
+            else if(j === 0) propParts.splice(0, 1);
+            else throw 'bad property string';
+
+            indices = indexed[2]
+                .substr(1, indexed[2].length - 2)
+                .split('][');
+
+            for(i = 0; i < indices.length; i++) {
+                j++;
+                propParts.splice(j, 0, Number(indices[i]));
+            }
+        }
+        j++;
+    }
+
+    if(typeof container !== 'object') {
+        return badContainer(container, propStr, propParts);
+    }
+
+    return {
+        set: npSet(container, propParts, propStr),
+        get: npGet(container, propParts),
+        astr: propStr,
+        parts: propParts,
+        obj: container
+    };
+};
+
+function npGet(cont, parts) {
+    return function() {
+        var curCont = cont,
+            curPart,
+            allSame,
+            out,
+            i,
+            j;
+
+        for(i = 0; i < parts.length - 1; i++) {
+            curPart = parts[i];
+            if(curPart === -1) {
+                allSame = true;
+                out = [];
+                for(j = 0; j < curCont.length; j++) {
+                    out[j] = npGet(curCont[j], parts.slice(i + 1))();
+                    if(out[j] !== out[0]) allSame = false;
+                }
+                return allSame ? out[0] : out;
+            }
+            if(typeof curPart === 'number' && !isArray(curCont)) {
+                return undefined;
+            }
+            curCont = curCont[curPart];
+            if(typeof curCont !== 'object' || curCont === null) {
+                return undefined;
+            }
+        }
+
+        // only hit this if parts.length === 1
+        if(typeof curCont !== 'object' || curCont === null) return undefined;
+
+        out = curCont[parts[i]];
+        if(out === null) return undefined;
+        return out;
+    };
+}
+
+/*
+ * Can this value be deleted? We can delete any empty object (null, undefined, [], {})
+ * EXCEPT empty data arrays, {} inside an array, or anything INSIDE an *args* array.
+ *
+ * Info arrays can be safely deleted, but not deleting them has no ill effects other
+ * than leaving a trace or layout object with some cruft in it.
+ *
+ * Deleting data arrays can change the meaning of the object, as `[]` means there is
+ * data for this attribute, it's just empty right now while `undefined` means the data
+ * should be filled in with defaults to match other data arrays.
+ *
+ * `{}` inside an array means "the default object" which is clearly different from
+ * popping it off the end of the array, or setting it `undefined` inside the array.
+ *
+ * *args* arrays get passed directly to API methods and we should respect precisely
+ * what the user has put there - although if the whole *args* array is empty it's fine
+ * to delete that.
+ *
+ * So we do some simple tests here to find known non-data arrays but don't worry too
+ * much about not deleting some arrays that would actually be safe to delete.
+ */
+var INFO_PATTERNS = /(^|\.)((domain|range)(\.[xy])?|args|parallels)$/;
+var ARGS_PATTERN = /(^|\.)args\[/;
+function isDeletable(val, propStr) {
+    if(!emptyObj(val) ||
+        (isPlainObject(val) && propStr.charAt(propStr.length - 1) === ']') ||
+        (propStr.match(ARGS_PATTERN) && val !== undefined)
+    ) {
+        return false;
+    }
+    if(!isArray(val)) return true;
+
+    if(propStr.match(INFO_PATTERNS)) return true;
+
+    var match = containerArrayMatch(propStr);
+    // if propStr matches the container array itself, index is an empty string
+    // otherwise we've matched something inside the container array, which may
+    // still be a data array.
+    return match && (match.index === '');
+}
+
+function npSet(cont, parts, propStr) {
+    return function(val) {
+        var curCont = cont,
+            propPart = '',
+            containerLevels = [[cont, propPart]],
+            toDelete = isDeletable(val, propStr),
+            curPart,
+            i;
+
+        for(i = 0; i < parts.length - 1; i++) {
+            curPart = parts[i];
+
+            if(typeof curPart === 'number' && !isArray(curCont)) {
+                throw 'array index but container is not an array';
+            }
+
+            // handle special -1 array index
+            if(curPart === -1) {
+                toDelete = !setArrayAll(curCont, parts.slice(i + 1), val, propStr);
+                if(toDelete) break;
+                else return;
+            }
+
+            if(!checkNewContainer(curCont, curPart, parts[i + 1], toDelete)) {
+                break;
+            }
+
+            curCont = curCont[curPart];
+
+            if(typeof curCont !== 'object' || curCont === null) {
+                throw 'container is not an object';
+            }
+
+            propPart = joinPropStr(propPart, curPart);
+
+            containerLevels.push([curCont, propPart]);
+        }
+
+        if(toDelete) {
+            if(i === parts.length - 1) delete curCont[parts[i]];
+            pruneContainers(containerLevels);
+        }
+        else curCont[parts[i]] = val;
+    };
+}
+
+function joinPropStr(propStr, newPart) {
+    var toAdd = newPart;
+    if(isNumeric(newPart)) toAdd = '[' + newPart + ']';
+    else if(propStr) toAdd = '.' + newPart;
+
+    return propStr + toAdd;
+}
+
+// handle special -1 array index
+function setArrayAll(containerArray, innerParts, val, propStr) {
+    var arrayVal = isArray(val),
+        allSet = true,
+        thisVal = val,
+        thisPropStr = propStr.replace('-1', 0),
+        deleteThis = arrayVal ? false : isDeletable(val, thisPropStr),
+        firstPart = innerParts[0],
+        i;
+
+    for(i = 0; i < containerArray.length; i++) {
+        thisPropStr = propStr.replace('-1', i);
+        if(arrayVal) {
+            thisVal = val[i % val.length];
+            deleteThis = isDeletable(thisVal, thisPropStr);
+        }
+        if(deleteThis) allSet = false;
+        if(!checkNewContainer(containerArray, i, firstPart, deleteThis)) {
+            continue;
+        }
+        npSet(containerArray[i], innerParts, propStr.replace('-1', i))(thisVal);
+    }
+    return allSet;
+}
+
+/**
+ * make new sub-container as needed.
+ * returns false if there's no container and none is needed
+ * because we're only deleting an attribute
+ */
+function checkNewContainer(container, part, nextPart, toDelete) {
+    if(container[part] === undefined) {
+        if(toDelete) return false;
+
+        if(typeof nextPart === 'number') container[part] = [];
+        else container[part] = {};
+    }
+    return true;
+}
+
+function pruneContainers(containerLevels) {
+    var i,
+        j,
+        curCont,
+        propPart,
+        keys,
+        remainingKeys;
+    for(i = containerLevels.length - 1; i >= 0; i--) {
+        curCont = containerLevels[i][0];
+        propPart = containerLevels[i][1];
+
+        remainingKeys = false;
+        if(isArray(curCont)) {
+            for(j = curCont.length - 1; j >= 0; j--) {
+                if(isDeletable(curCont[j], joinPropStr(propPart, j))) {
+                    if(remainingKeys) curCont[j] = undefined;
+                    else curCont.pop();
+                }
+                else remainingKeys = true;
+            }
+        }
+        else if(typeof curCont === 'object' && curCont !== null) {
+            keys = Object.keys(curCont);
+            remainingKeys = false;
+            for(j = keys.length - 1; j >= 0; j--) {
+                if(isDeletable(curCont[keys[j]], joinPropStr(propPart, keys[j]))) {
+                    delete curCont[keys[j]];
+                }
+                else remainingKeys = true;
+            }
+        }
+        if(remainingKeys) return;
+    }
+}
+
+function emptyObj(obj) {
+    if(obj === undefined || obj === null) return true;
+    if(typeof obj !== 'object') return false; // any plain value
+    if(isArray(obj)) return !obj.length; // []
+    return !Object.keys(obj).length; // {}
+}
+
+function badContainer(container, propStr, propParts) {
+    return {
+        set: function() { throw 'bad container'; },
+        get: function() {},
+        astr: propStr,
+        parts: propParts,
+        obj: container
+    };
+}
+
+},{"../plot_api/container_array_match":755,"./is_array":729,"./is_plain_object":730,"fast-isnumeric":131}],736:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// Simple helper functions
+// none of these need any external deps
+
+module.exports = function noop() {};
+
+},{}],737:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var NOTEDATA = [];
+
+/**
+ * notifier
+ * @param {String} text The person's user name
+ * @param {Number} [delay=1000] The delay time in milliseconds
+ *          or 'long' which provides 2000 ms delay time.
+ * @return {undefined} this function does not return a value
+ */
+module.exports = function(text, displayLength) {
+    if(NOTEDATA.indexOf(text) !== -1) return;
+
+    NOTEDATA.push(text);
+
+    var ts = 1000;
+    if(isNumeric(displayLength)) ts = displayLength;
+    else if(displayLength === 'long') ts = 3000;
+
+    var notifierContainer = d3.select('body')
+        .selectAll('.plotly-notifier')
+        .data([0]);
+    notifierContainer.enter()
+        .append('div')
+        .classed('plotly-notifier', true);
+
+    var notes = notifierContainer.selectAll('.notifier-note').data(NOTEDATA);
+
+    function killNote(transition) {
+        transition
+            .duration(700)
+            .style('opacity', 0)
+            .each('end', function(thisText) {
+                var thisIndex = NOTEDATA.indexOf(thisText);
+                if(thisIndex !== -1) NOTEDATA.splice(thisIndex, 1);
+                d3.select(this).remove();
+            });
+    }
+
+    notes.enter().append('div')
+        .classed('notifier-note', true)
+        .style('opacity', 0)
+        .each(function(thisText) {
+            var note = d3.select(this);
+
+            note.append('button')
+                .classed('notifier-close', true)
+                .html('×')
+                .on('click', function() {
+                    note.transition().call(killNote);
+                });
+
+            var p = note.append('p');
+            var lines = thisText.split(/<br\s*\/?>/g);
+            for(var i = 0; i < lines.length; i++) {
+                if(i) p.append('br');
+                p.append('span').text(lines[i]);
+            }
+
+            note.transition()
+                    .duration(700)
+                    .style('opacity', 1)
+                .transition()
+                    .delay(ts)
+                    .call(killNote);
+        });
+};
+
+},{"d3":122,"fast-isnumeric":131}],738:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var setCursor = require('./setcursor');
+
+var STASHATTR = 'data-savedcursor';
+var NO_CURSOR = '!!';
+
+/*
+ * works with our CSS cursor classes (see css/_cursor.scss)
+ * to override a previous cursor set on d3 single-element selections,
+ * by moving the name of the original cursor to the data-savedcursor attr.
+ * omit cursor to revert to the previously set value.
+ */
+module.exports = function overrideCursor(el3, csr) {
+    var savedCursor = el3.attr(STASHATTR);
+    if(csr) {
+        if(!savedCursor) {
+            var classes = (el3.attr('class') || '').split(' ');
+            for(var i = 0; i < classes.length; i++) {
+                var cls = classes[i];
+                if(cls.indexOf('cursor-') === 0) {
+                    el3.attr(STASHATTR, cls.substr(7))
+                        .classed(cls, false);
+                }
+            }
+            if(!el3.attr(STASHATTR)) {
+                el3.attr(STASHATTR, NO_CURSOR);
+            }
+        }
+        setCursor(el3, csr);
+    }
+    else if(savedCursor) {
+        el3.attr(STASHATTR, null);
+
+        if(savedCursor === NO_CURSOR) setCursor(el3);
+        else setCursor(el3, savedCursor);
+    }
+};
+
+},{"./setcursor":746}],739:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var dot = require('./matrix').dot;
+var BADNUM = require('../constants/numerical').BADNUM;
+
+var polygon = module.exports = {};
+
+/**
+ * Turn an array of [x, y] pairs into a polygon object
+ * that can test if points are inside it
+ *
+ * @param ptsIn Array of [x, y] pairs
+ *
+ * @returns polygon Object {xmin, xmax, ymin, ymax, pts, contains}
+ *      (x|y)(min|max) are the bounding rect of the polygon
+ *      pts is the original array, with the first pair repeated at the end
+ *      contains is a function: (pt, omitFirstEdge)
+ *          pt is the [x, y] pair to test
+ *          omitFirstEdge truthy means points exactly on the first edge don't
+ *              count. This is for use adding one polygon to another so we
+ *              don't double-count the edge where they meet.
+ *          returns boolean: is pt inside the polygon (including on its edges)
+ */
+polygon.tester = function tester(ptsIn) {
+    var pts = ptsIn.slice(),
+        xmin = pts[0][0],
+        xmax = xmin,
+        ymin = pts[0][1],
+        ymax = ymin;
+
+    pts.push(pts[0]);
+    for(var i = 1; i < pts.length; i++) {
+        xmin = Math.min(xmin, pts[i][0]);
+        xmax = Math.max(xmax, pts[i][0]);
+        ymin = Math.min(ymin, pts[i][1]);
+        ymax = Math.max(ymax, pts[i][1]);
+    }
+
+    // do we have a rectangle? Handle this here, so we can use the same
+    // tester for the rectangular case without sacrificing speed
+
+    var isRect = false,
+        rectFirstEdgeTest;
+
+    if(pts.length === 5) {
+        if(pts[0][0] === pts[1][0]) { // vert, horz, vert, horz
+            if(pts[2][0] === pts[3][0] &&
+                    pts[0][1] === pts[3][1] &&
+                    pts[1][1] === pts[2][1]) {
+                isRect = true;
+                rectFirstEdgeTest = function(pt) { return pt[0] === pts[0][0]; };
+            }
+        }
+        else if(pts[0][1] === pts[1][1]) { // horz, vert, horz, vert
+            if(pts[2][1] === pts[3][1] &&
+                    pts[0][0] === pts[3][0] &&
+                    pts[1][0] === pts[2][0]) {
+                isRect = true;
+                rectFirstEdgeTest = function(pt) { return pt[1] === pts[0][1]; };
+            }
+        }
+    }
+
+    function rectContains(pt, omitFirstEdge) {
+        var x = pt[0],
+            y = pt[1];
+
+        if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) {
+            // pt is outside the bounding box of polygon
+            return false;
+        }
+        if(omitFirstEdge && rectFirstEdgeTest(pt)) return false;
+
+        return true;
+    }
+
+    function contains(pt, omitFirstEdge) {
+        var x = pt[0],
+            y = pt[1];
+
+        if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) {
+            // pt is outside the bounding box of polygon
+            return false;
+        }
+
+        var imax = pts.length,
+            x1 = pts[0][0],
+            y1 = pts[0][1],
+            crossings = 0,
+            i,
+            x0,
+            y0,
+            xmini,
+            ycross;
+
+        for(i = 1; i < imax; i++) {
+            // find all crossings of a vertical line upward from pt with
+            // polygon segments
+            // crossings exactly at xmax don't count, unless the point is
+            // exactly on the segment, then it counts as inside.
+            x0 = x1;
+            y0 = y1;
+            x1 = pts[i][0];
+            y1 = pts[i][1];
+            xmini = Math.min(x0, x1);
+
+            // outside the bounding box of this segment, it's only a crossing
+            // if it's below the box.
+            if(x < xmini || x > Math.max(x0, x1) || y > Math.max(y0, y1)) {
+                continue;
+            }
+            else if(y < Math.min(y0, y1)) {
+                // don't count the left-most point of the segment as a crossing
+                // because we don't want to double-count adjacent crossings
+                // UNLESS the polygon turns past vertical at exactly this x
+                // Note that this is repeated below, but we can't factor it out
+                // because
+                if(x !== xmini) crossings++;
+            }
+            // inside the bounding box, check the actual line intercept
+            else {
+                // vertical segment - we know already that the point is exactly
+                // on the segment, so mark the crossing as exactly at the point.
+                if(x1 === x0) ycross = y;
+                // any other angle
+                else ycross = y0 + (x - x0) * (y1 - y0) / (x1 - x0);
+
+                // exactly on the edge: counts as inside the polygon, unless it's the
+                // first edge and we're omitting it.
+                if(y === ycross) {
+                    if(i === 1 && omitFirstEdge) return false;
+                    return true;
+                }
+
+                if(y <= ycross && x !== xmini) crossings++;
+            }
+        }
+
+        // if we've gotten this far, odd crossings means inside, even is outside
+        return crossings % 2 === 1;
+    }
+
+    return {
+        xmin: xmin,
+        xmax: xmax,
+        ymin: ymin,
+        ymax: ymax,
+        pts: pts,
+        contains: isRect ? rectContains : contains,
+        isRect: isRect
+    };
+};
+
+/**
+ * Test if a segment of a points array is bent or straight
+ *
+ * @param pts Array of [x, y] pairs
+ * @param start the index of the proposed start of the straight section
+ * @param end the index of the proposed end point
+ * @param tolerance the max distance off the line connecting start and end
+ *      before the line counts as bent
+ * @returns boolean: true means this segment is bent, false means straight
+ */
+var isBent = polygon.isSegmentBent = function isBent(pts, start, end, tolerance) {
+    var startPt = pts[start],
+        segment = [pts[end][0] - startPt[0], pts[end][1] - startPt[1]],
+        segmentSquared = dot(segment, segment),
+        segmentLen = Math.sqrt(segmentSquared),
+        unitPerp = [-segment[1] / segmentLen, segment[0] / segmentLen],
+        i,
+        part,
+        partParallel;
+
+    for(i = start + 1; i < end; i++) {
+        part = [pts[i][0] - startPt[0], pts[i][1] - startPt[1]];
+        partParallel = dot(part, segment);
+
+        if(partParallel < 0 || partParallel > segmentSquared ||
+            Math.abs(dot(part, unitPerp)) > tolerance) return true;
+    }
+    return false;
+};
+
+/**
+ * Make a filtering polygon, to minimize the number of segments
+ *
+ * @param pts Array of [x, y] pairs (must start with at least 1 pair)
+ * @param tolerance the maximum deviation from straight allowed for
+ *      removing points to simplify the polygon
+ *
+ * @returns Object {addPt, raw, filtered}
+ *      addPt is a function(pt: [x, y] pair) to add a raw point and
+ *          continue filtering
+ *      raw is all the input points
+ *      filtered is the resulting filtered Array of [x, y] pairs
+ */
+polygon.filter = function filter(pts, tolerance) {
+    var ptsFiltered = [pts[0]],
+        doneRawIndex = 0,
+        doneFilteredIndex = 0;
+
+    function addPt(pt) {
+        pts.push(pt);
+        var prevFilterLen = ptsFiltered.length,
+            iLast = doneRawIndex;
+        ptsFiltered.splice(doneFilteredIndex + 1);
+
+        for(var i = iLast + 1; i < pts.length; i++) {
+            if(i === pts.length - 1 || isBent(pts, iLast, i + 1, tolerance)) {
+                ptsFiltered.push(pts[i]);
+                if(ptsFiltered.length < prevFilterLen - 2) {
+                    doneRawIndex = i;
+                    doneFilteredIndex = ptsFiltered.length - 1;
+                }
+                iLast = i;
+            }
+        }
+    }
+
+    if(pts.length > 1) {
+        var lastPt = pts.pop();
+        addPt(lastPt);
+    }
+
+    return {
+        addPt: addPt,
+        raw: pts,
+        filtered: ptsFiltered
+    };
+};
+
+},{"../constants/numerical":707,"./matrix":733}],740:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * Push array with unique items
+ *
+ * @param {array} array
+ *  array to be filled
+ * @param {any} item
+ *  item to be or not to be inserted
+ * @return {array}
+ *  ref to array (now possibly containing one more item)
+ *
+ */
+module.exports = function pushUnique(array, item) {
+    if(item instanceof RegExp) {
+        var itemStr = item.toString(),
+            i;
+        for(i = 0; i < array.length; i++) {
+            if(array[i] instanceof RegExp && array[i].toString() === itemStr) {
+                return array;
+            }
+        }
+        array.push(item);
+    }
+    else if(item && array.indexOf(item) === -1) array.push(item);
+
+    return array;
+};
+
+},{}],741:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../lib');
+var config = require('../plot_api/plot_config');
+
+
+/**
+ * Copy arg array *without* removing `undefined` values from objects.
+ *
+ * @param gd
+ * @param args
+ * @returns {Array}
+ */
+function copyArgArray(gd, args) {
+    var copy = [];
+    var arg;
+
+    for(var i = 0; i < args.length; i++) {
+        arg = args[i];
+
+        if(arg === gd) copy[i] = arg;
+        else if(typeof arg === 'object') {
+            copy[i] = Array.isArray(arg) ?
+                Lib.extendDeep([], arg) :
+                Lib.extendDeepAll({}, arg);
+        }
+        else copy[i] = arg;
+    }
+
+    return copy;
+}
+
+
+// -----------------------------------------------------
+// Undo/Redo queue for plots
+// -----------------------------------------------------
+
+
+var queue = {};
+
+// TODO: disable/enable undo and redo buttons appropriately
+
+/**
+ * Add an item to the undoQueue for a graphDiv
+ *
+ * @param gd
+ * @param undoFunc Function undo this operation
+ * @param undoArgs Args to supply undoFunc with
+ * @param redoFunc Function to redo this operation
+ * @param redoArgs Args to supply redoFunc with
+ */
+queue.add = function(gd, undoFunc, undoArgs, redoFunc, redoArgs) {
+    var queueObj,
+        queueIndex;
+
+    // make sure we have the queue and our position in it
+    gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false};
+    queueIndex = gd.undoQueue.index;
+
+    // if we're already playing an undo or redo, or if this is an auto operation
+    // (like pane resize... any others?) then we don't save this to the undo queue
+    if(gd.autoplay) {
+        if(!gd.undoQueue.inSequence) gd.autoplay = false;
+        return;
+    }
+
+    // if we're not in a sequence or are just starting, we need a new queue item
+    if(!gd.undoQueue.sequence || gd.undoQueue.beginSequence) {
+        queueObj = {undo: {calls: [], args: []}, redo: {calls: [], args: []}};
+        gd.undoQueue.queue.splice(queueIndex, gd.undoQueue.queue.length - queueIndex, queueObj);
+        gd.undoQueue.index += 1;
+    } else {
+        queueObj = gd.undoQueue.queue[queueIndex - 1];
+    }
+    gd.undoQueue.beginSequence = false;
+
+    // we unshift to handle calls for undo in a forward for loop later
+    if(queueObj) {
+        queueObj.undo.calls.unshift(undoFunc);
+        queueObj.undo.args.unshift(undoArgs);
+        queueObj.redo.calls.push(redoFunc);
+        queueObj.redo.args.push(redoArgs);
+    }
+
+    if(gd.undoQueue.queue.length > config.queueLength) {
+        gd.undoQueue.queue.shift();
+        gd.undoQueue.index--;
+    }
+};
+
+/**
+ * Begin a sequence of undoQueue changes
+ *
+ * @param gd
+ */
+queue.startSequence = function(gd) {
+    gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false};
+    gd.undoQueue.sequence = true;
+    gd.undoQueue.beginSequence = true;
+};
+
+/**
+ * Stop a sequence of undoQueue changes
+ *
+ * Call this *after* you're sure your undo chain has ended
+ *
+ * @param gd
+ */
+queue.stopSequence = function(gd) {
+    gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false};
+    gd.undoQueue.sequence = false;
+    gd.undoQueue.beginSequence = false;
+};
+
+/**
+ * Move one step back in the undo queue, and undo the object there.
+ *
+ * @param gd
+ */
+queue.undo = function undo(gd) {
+    var queueObj, i;
+
+    if(gd.framework && gd.framework.isPolar) {
+        gd.framework.undo();
+        return;
+    }
+    if(gd.undoQueue === undefined ||
+            isNaN(gd.undoQueue.index) ||
+            gd.undoQueue.index <= 0) {
+        return;
+    }
+
+    // index is pointing to next *forward* queueObj, point to the one we're undoing
+    gd.undoQueue.index--;
+
+    // get the queueObj for instructions on how to undo
+    queueObj = gd.undoQueue.queue[gd.undoQueue.index];
+
+    // this sequence keeps things from adding to the queue during undo/redo
+    gd.undoQueue.inSequence = true;
+    for(i = 0; i < queueObj.undo.calls.length; i++) {
+        queue.plotDo(gd, queueObj.undo.calls[i], queueObj.undo.args[i]);
+    }
+    gd.undoQueue.inSequence = false;
+    gd.autoplay = false;
+};
+
+/**
+ * Redo the current object in the undo, then move forward in the queue.
+ *
+ * @param gd
+ */
+queue.redo = function redo(gd) {
+    var queueObj, i;
+
+    if(gd.framework && gd.framework.isPolar) {
+        gd.framework.redo();
+        return;
+    }
+    if(gd.undoQueue === undefined ||
+            isNaN(gd.undoQueue.index) ||
+            gd.undoQueue.index >= gd.undoQueue.queue.length) {
+        return;
+    }
+
+    // get the queueObj for instructions on how to undo
+    queueObj = gd.undoQueue.queue[gd.undoQueue.index];
+
+    // this sequence keeps things from adding to the queue during undo/redo
+    gd.undoQueue.inSequence = true;
+    for(i = 0; i < queueObj.redo.calls.length; i++) {
+        queue.plotDo(gd, queueObj.redo.calls[i], queueObj.redo.args[i]);
+    }
+    gd.undoQueue.inSequence = false;
+    gd.autoplay = false;
+
+    // index is pointing to the thing we just redid, move it
+    gd.undoQueue.index++;
+};
+
+/**
+ * Called by undo/redo to make the actual changes.
+ *
+ * Not meant to be called publically, but included for mocking out in tests.
+ *
+ * @param gd
+ * @param func
+ * @param args
+ */
+queue.plotDo = function(gd, func, args) {
+    gd.autoplay = true;
+
+    // this *won't* copy gd and it preserves `undefined` properties!
+    args = copyArgArray(gd, args);
+
+    // call the supplied function
+    func.apply(null, args);
+};
+
+module.exports = queue;
+
+},{"../lib":728,"../plot_api/plot_config":760}],742:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// Simple helper functions
+// none of these need any external deps
+
+/*
+ * make a regex for matching counter ids/names ie xaxis, xaxis2, xaxis10...
+ *  eg: regexCounter('x')
+ * tail is an optional piece after the id
+ *  eg regexCounter('scene', '.annotations') for scene2.annotations etc.
+ */
+exports.counter = function(head, tail, openEnded) {
+    return new RegExp('^' + head + '([2-9]|[1-9][0-9]+)?' +
+        (tail || '') + (openEnded ? '' : '$'));
+};
+
+},{}],743:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+// ASCEND: chop off the last nesting level - either [<n>] or .<key> - to ascend
+// the attribute tree. the remaining attrString is in match[1]
+var ASCEND = /^(.*)(\.[^\.\[\]]+|\[\d\])$/;
+
+// SIMPLEATTR: is this an un-nested attribute? (no dots or brackets)
+var SIMPLEATTR = /^[^\.\[\]]+$/;
+
+/*
+ * calculate a relative attribute string, similar to a relative path
+ *
+ * @param {string} baseAttr:
+ *   an attribute string, such as 'annotations[3].x'. The "current location"
+ *   is the attribute string minus the last component ('annotations[3]')
+ * @param {string} relativeAttr:
+ *   a route to the desired attribute string, using '^' to ascend
+ *
+ * @return {string} attrString:
+ *   for example:
+ *     relativeAttr('annotations[3].x', 'y') = 'annotations[3].y'
+ *     relativeAttr('annotations[3].x', '^[2].z') = 'annotations[2].z'
+ *     relativeAttr('annotations[3].x', '^^margin') = 'margin'
+ *     relativeAttr('annotations[3].x', '^^margin.r') = 'margin.r'
+ */
+module.exports = function(baseAttr, relativeAttr) {
+    while(relativeAttr) {
+        var match = baseAttr.match(ASCEND);
+
+        if(match) baseAttr = match[1];
+        else if(baseAttr.match(SIMPLEATTR)) baseAttr = '';
+        else throw new Error('bad relativeAttr call:' + [baseAttr, relativeAttr]);
+
+        if(relativeAttr.charAt(0) === '^') relativeAttr = relativeAttr.slice(1);
+        else break;
+    }
+
+    if(baseAttr && relativeAttr.charAt(0) !== '[') {
+        return baseAttr + '.' + relativeAttr;
+    }
+    return baseAttr + relativeAttr;
+};
+
+},{}],744:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isArray = require('./is_array');
+var isPlainObject = require('./is_plain_object');
+
+/**
+ * Relink private _keys and keys with a function value from one container
+ * to the new container.
+ * Relink means copying if object is pass-by-value and adding a reference
+ * if object is pass-by-ref.
+ * This prevents deepCopying massive structures like a webgl context.
+ */
+module.exports = function relinkPrivateKeys(toContainer, fromContainer) {
+    var keys = Object.keys(fromContainer || {});
+
+    for(var i = 0; i < keys.length; i++) {
+        var k = keys[i],
+            fromVal = fromContainer[k],
+            toVal = toContainer[k];
+
+        if(k.charAt(0) === '_' || typeof fromVal === 'function') {
+
+            // if it already exists at this point, it's something
+            // that we recreate each time around, so ignore it
+            if(k in toContainer) continue;
+
+            toContainer[k] = fromVal;
+        }
+        else if(isArray(fromVal) && isArray(toVal) && isPlainObject(fromVal[0])) {
+
+            // recurse into arrays containers
+            for(var j = 0; j < fromVal.length; j++) {
+                if(isPlainObject(fromVal[j]) && isPlainObject(toVal[j])) {
+                    relinkPrivateKeys(toVal[j], fromVal[j]);
+                }
+            }
+        }
+        else if(isPlainObject(fromVal) && isPlainObject(toVal)) {
+
+            // recurse into objects, but only if they still exist
+            relinkPrivateKeys(toVal, fromVal);
+
+            if(!Object.keys(toVal).length) delete toContainer[k];
+        }
+    }
+};
+
+},{"./is_array":729,"./is_plain_object":730}],745:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var loggers = require('./loggers');
+
+
+/**
+ * findBin - find the bin for val - note that it can return outside the
+ * bin range any pos. or neg. integer for linear bins, or -1 or
+ * bins.length-1 for explicit.
+ * bins is either an object {start,size,end} or an array length #bins+1
+ * bins can be either increasing or decreasing but must be monotonic
+ * for linear bins, we can just calculate. For listed bins, run a binary
+ * search linelow (truthy) says the bin boundary should be attributed to
+ * the lower bin rather than the default upper bin
+ */
+exports.findBin = function(val, bins, linelow) {
+    if(isNumeric(bins.start)) {
+        return linelow ?
+            Math.ceil((val - bins.start) / bins.size) - 1 :
+            Math.floor((val - bins.start) / bins.size);
+    }
+    else {
+        var n1 = 0,
+            n2 = bins.length,
+            c = 0,
+            n,
+            test;
+        if(bins[bins.length - 1] >= bins[0]) {
+            test = linelow ? lessThan : lessOrEqual;
+        } else {
+            test = linelow ? greaterOrEqual : greaterThan;
+        }
+        // c is just to avoid infinite loops if there's an error
+        while(n1 < n2 && c++ < 100) {
+            n = Math.floor((n1 + n2) / 2);
+            if(test(bins[n], val)) n1 = n + 1;
+            else n2 = n;
+        }
+        if(c > 90) loggers.log('Long binary search...');
+        return n1 - 1;
+    }
+};
+
+function lessThan(a, b) { return a < b; }
+function lessOrEqual(a, b) { return a <= b; }
+function greaterThan(a, b) { return a > b; }
+function greaterOrEqual(a, b) { return a >= b; }
+
+exports.sorterAsc = function(a, b) { return a - b; };
+exports.sorterDes = function(a, b) { return b - a; };
+
+/**
+ * find distinct values in an array, lumping together ones that appear to
+ * just be off by a rounding error
+ * return the distinct values and the minimum difference between any two
+ */
+exports.distinctVals = function(valsIn) {
+    var vals = valsIn.slice();  // otherwise we sort the original array...
+    vals.sort(exports.sorterAsc);
+
+    var l = vals.length - 1,
+        minDiff = (vals[l] - vals[0]) || 1,
+        errDiff = minDiff / (l || 1) / 10000,
+        v2 = [vals[0]];
+
+    for(var i = 0; i < l; i++) {
+        // make sure values aren't just off by a rounding error
+        if(vals[i + 1] > vals[i] + errDiff) {
+            minDiff = Math.min(minDiff, vals[i + 1] - vals[i]);
+            v2.push(vals[i + 1]);
+        }
+    }
+
+    return {vals: v2, minDiff: minDiff};
+};
+
+/**
+ * return the smallest element from (sorted) array arrayIn that's bigger than val,
+ * or (reverse) the largest element smaller than val
+ * used to find the best tick given the minimum (non-rounded) tick
+ * particularly useful for date/time where things are not powers of 10
+ * binary search is probably overkill here...
+ */
+exports.roundUp = function(val, arrayIn, reverse) {
+    var low = 0,
+        high = arrayIn.length - 1,
+        mid,
+        c = 0,
+        dlow = reverse ? 0 : 1,
+        dhigh = reverse ? 1 : 0,
+        rounded = reverse ? Math.ceil : Math.floor;
+    // c is just to avoid infinite loops if there's an error
+    while(low < high && c++ < 100) {
+        mid = rounded((low + high) / 2);
+        if(arrayIn[mid] <= val) low = mid + dlow;
+        else high = mid - dhigh;
+    }
+    return arrayIn[low];
+};
+
+},{"./loggers":732,"fast-isnumeric":131}],746:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+// works with our CSS cursor classes (see css/_cursor.scss)
+// to apply cursors to d3 single-element selections.
+// omit cursor to revert to the default.
+module.exports = function setCursor(el3, csr) {
+    (el3.attr('class') || '').split(' ').forEach(function(cls) {
+        if(cls.indexOf('cursor-') === 0) el3.classed(cls, false);
+    });
+
+    if(csr) el3.classed('cursor-' + csr, true);
+};
+
+},{}],747:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../components/color');
+
+var noop = function() {};
+
+
+/**
+ * Prints a no webgl error message into the scene container
+ * @param {scene instance} scene
+ *
+ * Expects 'scene' to have property 'container'
+ *
+ */
+module.exports = function showWebGlMsg(scene) {
+    for(var prop in scene) {
+        if(typeof scene[prop] === 'function') scene[prop] = noop;
+    }
+
+    scene.destroy = function() {
+        scene.container.parentNode.removeChild(scene.container);
+    };
+
+    var div = document.createElement('div');
+    div.textContent = 'Webgl is not supported by your browser - visit http://get.webgl.org for more info';
+    div.style.cursor = 'pointer';
+    div.style.fontSize = '24px';
+    div.style.color = Color.defaults[0];
+
+    scene.container.appendChild(div);
+    scene.container.style.background = '#FFFFFF';
+    scene.container.onclick = function() {
+        window.open('http://get.webgl.org');
+    };
+
+    // return before setting up camera and onrender methods
+    return false;
+};
+
+},{"../components/color":604}],748:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+
+/**
+ * aggNums() returns the result of an aggregate function applied to an array of
+ * values, where non-numerical values have been tossed out.
+ *
+ * @param {function} f - aggregation function (e.g., Math.min)
+ * @param {Number} v - initial value (continuing from previous calls)
+ *      if there's no continuing value, use null for selector-type
+ *      functions (max,min), or 0 for summations
+ * @param {Array} a - array to aggregate (may be nested, we will recurse,
+ *                    but all elements must have the same dimension)
+ * @param {Number} len - maximum length of a to aggregate
+ * @return {Number} - result of f applied to a starting from v
+ */
+exports.aggNums = function(f, v, a, len) {
+    var i,
+        b;
+    if(!len) len = a.length;
+    if(!isNumeric(v)) v = false;
+    if(Array.isArray(a[0])) {
+        b = new Array(len);
+        for(i = 0; i < len; i++) b[i] = exports.aggNums(f, v, a[i]);
+        a = b;
+    }
+
+    for(i = 0; i < len; i++) {
+        if(!isNumeric(v)) v = a[i];
+        else if(isNumeric(a[i])) v = f(+v, +a[i]);
+    }
+    return v;
+};
+
+/**
+ * mean & std dev functions using aggNums, so it handles non-numerics nicely
+ * even need to use aggNums instead of .length, to toss out non-numerics
+ */
+exports.len = function(data) {
+    return exports.aggNums(function(a) { return a + 1; }, 0, data);
+};
+
+exports.mean = function(data, len) {
+    if(!len) len = exports.len(data);
+    return exports.aggNums(function(a, b) { return a + b; }, 0, data) / len;
+};
+
+exports.variance = function(data, len, mean) {
+    if(!len) len = exports.len(data);
+    if(!isNumeric(mean)) mean = exports.mean(data, len);
+
+    return exports.aggNums(function(a, b) {
+        return a + Math.pow(b - mean, 2);
+    }, 0, data) / len;
+};
+
+exports.stdev = function(data, len, mean) {
+    return Math.sqrt(exports.variance(data, len, mean));
+};
+
+/**
+ * interp() computes a percentile (quantile) for a given distribution.
+ * We interpolate the distribution (to compute quantiles, we follow method #10 here:
+ * http://www.amstat.org/publications/jse/v14n3/langford.html).
+ * Typically the index or rank (n * arr.length) may be non-integer.
+ * For reference: ends are clipped to the extreme values in the array;
+ * For box plots: index you get is half a point too high (see
+ * http://en.wikipedia.org/wiki/Percentile#Nearest_rank) but note that this definition
+ * indexes from 1 rather than 0, so we subtract 1/2 (instead of add).
+ *
+ * @param {Array} arr - This array contains the values that make up the distribution.
+ * @param {Number} n - Between 0 and 1, n = p/100 is such that we compute the p^th percentile.
+ * For example, the 50th percentile (or median) corresponds to n = 0.5
+ * @return {Number} - percentile
+ */
+exports.interp = function(arr, n) {
+    if(!isNumeric(n)) throw 'n should be a finite number';
+    n = n * arr.length - 0.5;
+    if(n < 0) return arr[0];
+    if(n > arr.length - 1) return arr[arr.length - 1];
+    var frac = n % 1;
+    return frac * arr[Math.ceil(n)] + (1 - frac) * arr[Math.floor(n)];
+};
+
+},{"fast-isnumeric":131}],749:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var rgba = require('color-rgba');
+
+function str2RgbaArray(color) {
+    var colorOut = rgba(color);
+    return colorOut.length ? colorOut : [0, 0, 0, 1];
+}
+
+module.exports = str2RgbaArray;
+
+},{"color-rgba":95}],750:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/* global MathJax:false */
+
+var d3 = require('d3');
+
+var Lib = require('../lib');
+var xmlnsNamespaces = require('../constants/xmlns_namespaces');
+var stringMappings = require('../constants/string_mappings');
+var LINE_SPACING = require('../constants/alignment').LINE_SPACING;
+
+// text converter
+
+function getSize(_selection, _dimension) {
+    return _selection.node().getBoundingClientRect()[_dimension];
+}
+
+var FIND_TEX = /([^$]*)([$]+[^$]*[$]+)([^$]*)/;
+
+exports.convertToTspans = function(_context, gd, _callback) {
+    var str = _context.text();
+
+    // Until we get tex integrated more fully (so it can be used along with non-tex)
+    // allow some elements to prohibit it by attaching 'data-notex' to the original
+    var tex = (!_context.attr('data-notex')) &&
+        (typeof MathJax !== 'undefined') &&
+        str.match(FIND_TEX);
+
+    var parent = d3.select(_context.node().parentNode);
+    if(parent.empty()) return;
+    var svgClass = (_context.attr('class')) ? _context.attr('class').split(' ')[0] : 'text';
+    svgClass += '-math';
+    parent.selectAll('svg.' + svgClass).remove();
+    parent.selectAll('g.' + svgClass + '-group').remove();
+    _context.style('display', null)
+        .attr({
+            // some callers use data-unformatted *from the <text> element* in 'cancel'
+            // so we need it here even if we're going to turn it into math
+            // these two (plus style and text-anchor attributes) form the key we're
+            // going to use for Drawing.bBox
+            'data-unformatted': str,
+            'data-math': 'N'
+        });
+
+    function showText() {
+        if(!parent.empty()) {
+            svgClass = _context.attr('class') + '-math';
+            parent.select('svg.' + svgClass).remove();
+        }
+        _context.text('')
+            .style('white-space', 'pre');
+
+        var hasLink = buildSVGText(_context.node(), str);
+
+        if(hasLink) {
+            // at least in Chrome, pointer-events does not seem
+            // to be honored in children of <text> elements
+            // so if we have an anchor, we have to make the
+            // whole element respond
+            _context.style('pointer-events', 'all');
+        }
+
+        exports.positionText(_context);
+
+        if(_callback) _callback.call(_context);
+    }
+
+    if(tex) {
+        ((gd && gd._promises) || []).push(new Promise(function(resolve) {
+            _context.style('display', 'none');
+            var fontSize = parseInt(_context.node().style.fontSize, 10);
+            var config = {fontSize: fontSize};
+
+            texToSVG(tex[2], config, function(_svgEl, _glyphDefs, _svgBBox) {
+                parent.selectAll('svg.' + svgClass).remove();
+                parent.selectAll('g.' + svgClass + '-group').remove();
+
+                var newSvg = _svgEl && _svgEl.select('svg');
+                if(!newSvg || !newSvg.node()) {
+                    showText();
+                    resolve();
+                    return;
+                }
+
+                var mathjaxGroup = parent.append('g')
+                    .classed(svgClass + '-group', true)
+                    .attr({
+                        'pointer-events': 'none',
+                        'data-unformatted': str,
+                        'data-math': 'Y'
+                    });
+
+                mathjaxGroup.node().appendChild(newSvg.node());
+
+                // stitch the glyph defs
+                if(_glyphDefs && _glyphDefs.node()) {
+                    newSvg.node().insertBefore(_glyphDefs.node().cloneNode(true),
+                                               newSvg.node().firstChild);
+                }
+
+                newSvg.attr({
+                    'class': svgClass,
+                    height: _svgBBox.height,
+                    preserveAspectRatio: 'xMinYMin meet'
+                })
+                .style({overflow: 'visible', 'pointer-events': 'none'});
+
+                var fill = _context.node().style.fill || 'black';
+                newSvg.select('g').attr({fill: fill, stroke: fill});
+
+                var newSvgW = getSize(newSvg, 'width'),
+                    newSvgH = getSize(newSvg, 'height'),
+                    newX = +_context.attr('x') - newSvgW *
+                        {start: 0, middle: 0.5, end: 1}[_context.attr('text-anchor') || 'start'],
+                    // font baseline is about 1/4 fontSize below centerline
+                    textHeight = fontSize || getSize(_context, 'height'),
+                    dy = -textHeight / 4;
+
+                if(svgClass[0] === 'y') {
+                    mathjaxGroup.attr({
+                        transform: 'rotate(' + [-90, +_context.attr('x'), +_context.attr('y')] +
+                        ') translate(' + [-newSvgW / 2, dy - newSvgH / 2] + ')'
+                    });
+                    newSvg.attr({x: +_context.attr('x'), y: +_context.attr('y')});
+                }
+                else if(svgClass[0] === 'l') {
+                    newSvg.attr({x: _context.attr('x'), y: dy - (newSvgH / 2)});
+                }
+                else if(svgClass[0] === 'a') {
+                    newSvg.attr({x: 0, y: dy});
+                }
+                else {
+                    newSvg.attr({x: newX, y: (+_context.attr('y') + dy - newSvgH / 2)});
+                }
+
+                if(_callback) _callback.call(_context, mathjaxGroup);
+                resolve(mathjaxGroup);
+            });
+        }));
+    }
+    else showText();
+
+    return _context;
+};
+
+
+// MathJax
+
+var LT_MATCH = /(<|<|<)/g;
+var GT_MATCH = /(>|>|>)/g;
+
+function cleanEscapesForTex(s) {
+    return s.replace(LT_MATCH, '\\lt ')
+        .replace(GT_MATCH, '\\gt ');
+}
+
+function texToSVG(_texString, _config, _callback) {
+    var randomID = 'math-output-' + Lib.randstr([], 64);
+    var tmpDiv = d3.select('body').append('div')
+        .attr({id: randomID})
+        .style({visibility: 'hidden', position: 'absolute'})
+        .style({'font-size': _config.fontSize + 'px'})
+        .text(cleanEscapesForTex(_texString));
+
+    MathJax.Hub.Queue(['Typeset', MathJax.Hub, tmpDiv.node()], function() {
+        var glyphDefs = d3.select('body').select('#MathJax_SVG_glyphs');
+
+        if(tmpDiv.select('.MathJax_SVG').empty() || !tmpDiv.select('svg').node()) {
+            Lib.log('There was an error in the tex syntax.', _texString);
+            _callback();
+        }
+        else {
+            var svgBBox = tmpDiv.select('svg').node().getBoundingClientRect();
+            _callback(tmpDiv.select('.MathJax_SVG'), glyphDefs, svgBBox);
+        }
+
+        tmpDiv.remove();
+    });
+}
+
+var TAG_STYLES = {
+    // would like to use baseline-shift for sub/sup but FF doesn't support it
+    // so we need to use dy along with the uber hacky shift-back-to
+    // baseline below
+    sup: 'font-size:70%',
+    sub: 'font-size:70%',
+    b: 'font-weight:bold',
+    i: 'font-style:italic',
+    a: 'cursor:pointer',
+    span: '',
+    em: 'font-style:italic;font-weight:bold'
+};
+
+// baseline shifts for sub and sup
+var SHIFT_DY = {
+    sub: '0.3em',
+    sup: '-0.6em'
+};
+// reset baseline by adding a tspan (empty except for a zero-width space)
+// with dy of -70% * SHIFT_DY (because font-size=70%)
+var RESET_DY = {
+    sub: '-0.21em',
+    sup: '0.42em'
+};
+var ZERO_WIDTH_SPACE = '\u200b';
+
+/*
+ * Whitelist of protocols in user-supplied urls. Mostly we want to avoid javascript
+ * and related attack vectors. The empty items are there for IE, that in various
+ * versions treats relative paths as having different flavors of no protocol, while
+ * other browsers have these explicitly inherit the protocol of the page they're in.
+ */
+var PROTOCOLS = ['http:', 'https:', 'mailto:', '', undefined, ':'];
+
+var STRIP_TAGS = new RegExp('</?(' + Object.keys(TAG_STYLES).join('|') + ')( [^>]*)?/?>', 'g');
+
+var ENTITY_TO_UNICODE = Object.keys(stringMappings.entityToUnicode).map(function(k) {
+    return {
+        regExp: new RegExp('&' + k + ';', 'g'),
+        sub: stringMappings.entityToUnicode[k]
+    };
+});
+
+var NEWLINES = /(\r\n?|\n)/g;
+
+var SPLIT_TAGS = /(<[^<>]*>)/;
+
+var ONE_TAG = /<(\/?)([^ >]*)(\s+(.*))?>/i;
+
+var BR_TAG = /<br(\s+.*)?>/i;
+
+/*
+ * style and href: pull them out of either single or double quotes. Also
+ * - target: (_blank|_self|_parent|_top|framename)
+ *     note that you can't use target to get a popup but if you use popup,
+ *     a `framename` will be passed along as the name of the popup window.
+ *     per the spec, cannot contain whitespace.
+ *     for backward compatibility we default to '_blank'
+ * - popup: a custom one for us to enable popup (new window) links. String
+ *     for window.open -> strWindowFeatures, like 'menubar=yes,width=500,height=550'
+ *     note that at least in Chrome, you need to give at least one property
+ *     in this string or the page will open in a new tab anyway. We follow this
+ *     convention and will not make a popup if this string is empty.
+ *     per the spec, cannot contain whitespace.
+ *
+ * Because we hack in other attributes with style (sub & sup), drop any trailing
+ * semicolon in user-supplied styles so we can consistently append the tag-dependent style
+ */
+var STYLEMATCH = /(^|[\s"'])style\s*=\s*("([^"]*);?"|'([^']*);?')/i;
+var HREFMATCH = /(^|[\s"'])href\s*=\s*("([^"]*)"|'([^']*)')/i;
+var TARGETMATCH = /(^|[\s"'])target\s*=\s*("([^"\s]*)"|'([^'\s]*)')/i;
+var POPUPMATCH = /(^|[\s"'])popup\s*=\s*("([\w=,]*)"|'([\w=,]*)')/i;
+
+// dedicated matcher for these quoted regexes, that can return their results
+// in two different places
+function getQuotedMatch(_str, re) {
+    if(!_str) return null;
+    var match = _str.match(re);
+    return match && (match[3] || match[4]);
+}
+
+var COLORMATCH = /(^|;)\s*color:/;
+
+exports.plainText = function(_str) {
+    // strip out our pseudo-html so we have a readable
+    // version to put into text fields
+    return (_str || '').replace(STRIP_TAGS, ' ');
+};
+
+function replaceFromMapObject(_str, list) {
+    if(!_str) return '';
+
+    for(var i = 0; i < list.length; i++) {
+        var item = list[i];
+        _str = _str.replace(item.regExp, item.sub);
+    }
+
+    return _str;
+}
+
+function convertEntities(_str) {
+    return replaceFromMapObject(_str, ENTITY_TO_UNICODE);
+}
+
+/*
+ * buildSVGText: convert our pseudo-html into SVG tspan elements, and attach these
+ * to containerNode
+ *
+ * @param {svg text element} containerNode: the <text> node to insert this text into
+ * @param {string} str: the pseudo-html string to convert to svg
+ *
+ * @returns {bool}: does the result contain any links? We need to handle the text element
+ *   somewhat differently if it does, so just keep track of this when it happens.
+ */
+function buildSVGText(containerNode, str) {
+    str = convertEntities(str)
+        /*
+         * Normalize behavior between IE and others wrt newlines and whitespace:pre
+         * this combination makes IE barf https://github.com/plotly/plotly.js/issues/746
+         * Chrome and FF display \n, \r, or \r\n as a space in this mode.
+         * I feel like at some point we turned these into <br> but currently we don't so
+         * I'm just going to cement what we do now in Chrome and FF
+         */
+        .replace(NEWLINES, ' ');
+
+    var hasLink = false;
+
+    // as we're building the text, keep track of what elements we're nested inside
+    // nodeStack will be an array of {node, type, style, href, target, popup}
+    // where only type: 'a' gets the last 3 and node is only added when it's created
+    var nodeStack = [];
+    var currentNode;
+    var currentLine = -1;
+
+    function newLine() {
+        currentLine++;
+
+        var lineNode = document.createElementNS(xmlnsNamespaces.svg, 'tspan');
+        d3.select(lineNode).attr({
+            class: 'line',
+            dy: (currentLine * LINE_SPACING) + 'em'
+        });
+        containerNode.appendChild(lineNode);
+
+        currentNode = lineNode;
+
+        var oldNodeStack = nodeStack;
+        nodeStack = [{node: lineNode}];
+
+        if(oldNodeStack.length > 1) {
+            for(var i = 1; i < oldNodeStack.length; i++) {
+                enterNode(oldNodeStack[i]);
+            }
+        }
+    }
+
+    function enterNode(nodeSpec) {
+        var type = nodeSpec.type;
+        var nodeAttrs = {};
+        var nodeType;
+
+        if(type === 'a') {
+            nodeType = 'a';
+            var target = nodeSpec.target;
+            var href = nodeSpec.href;
+            var popup = nodeSpec.popup;
+            if(href) {
+                nodeAttrs = {
+                    'xlink:xlink:show': (target === '_blank' || target.charAt(0) !== '_') ? 'new' : 'replace',
+                    target: target,
+                    'xlink:xlink:href': href
+                };
+                if(popup) {
+                    // security: href and target are not inserted as code but
+                    // as attributes. popup is, but limited to /[A-Za-z0-9_=,]/
+                    nodeAttrs.onclick = 'window.open(this.href.baseVal,this.target.baseVal,"' +
+                        popup + '");return false;';
+                }
+            }
+        }
+        else nodeType = 'tspan';
+
+        if(nodeSpec.style) nodeAttrs.style = nodeSpec.style;
+
+        var newNode = document.createElementNS(xmlnsNamespaces.svg, nodeType);
+
+        if(type === 'sup' || type === 'sub') {
+            addTextNode(currentNode, ZERO_WIDTH_SPACE);
+            currentNode.appendChild(newNode);
+
+            var resetter = document.createElementNS(xmlnsNamespaces.svg, 'tspan');
+            addTextNode(resetter, ZERO_WIDTH_SPACE);
+            d3.select(resetter).attr('dy', RESET_DY[type]);
+            nodeAttrs.dy = SHIFT_DY[type];
+
+            currentNode.appendChild(newNode);
+            currentNode.appendChild(resetter);
+        }
+        else {
+            currentNode.appendChild(newNode);
+        }
+
+        d3.select(newNode).attr(nodeAttrs);
+
+        currentNode = nodeSpec.node = newNode;
+        nodeStack.push(nodeSpec);
+    }
+
+    function addTextNode(node, text) {
+        node.appendChild(document.createTextNode(text));
+    }
+
+    function exitNode(type) {
+        // A bare closing tag can't close the root node. If we encounter this it
+        // means there's an extra closing tag that can just be ignored:
+        if(nodeStack.length === 1) {
+            Lib.log('Ignoring unexpected end tag </' + type + '>.', str);
+            return;
+        }
+
+        var innerNode = nodeStack.pop();
+
+        if(type !== innerNode.type) {
+            Lib.log('Start tag <' + innerNode.type + '> doesnt match end tag <' +
+                type + '>. Pretending it did match.', str);
+        }
+        currentNode = nodeStack[nodeStack.length - 1].node;
+    }
+
+    var hasLines = BR_TAG.test(str);
+
+    if(hasLines) newLine();
+    else {
+        currentNode = containerNode;
+        nodeStack = [{node: containerNode}];
+    }
+
+    var parts = str.split(SPLIT_TAGS);
+    for(var i = 0; i < parts.length; i++) {
+        var parti = parts[i];
+        var match = parti.match(ONE_TAG);
+        var tagType = match && match[2].toLowerCase();
+        var tagStyle = TAG_STYLES[tagType];
+
+        if(tagType === 'br') {
+            newLine();
+        }
+        else if(tagStyle === undefined) {
+            addTextNode(currentNode, parti);
+        }
+        else {
+            // tag - open or close
+            if(match[1]) {
+                exitNode(tagType);
+            }
+            else {
+                var extra = match[4];
+
+                var nodeSpec = {type: tagType};
+
+                // now add style, from both the tag name and any extra css
+                // Most of the svg css that users will care about is just like html,
+                // but font color is different (uses fill). Let our users ignore this.
+                var css = getQuotedMatch(extra, STYLEMATCH);
+                if(css) {
+                    css = css.replace(COLORMATCH, '$1 fill:');
+                    if(tagStyle) css += ';' + tagStyle;
+                }
+                else if(tagStyle) css = tagStyle;
+
+                if(css) nodeSpec.style = css;
+
+                if(tagType === 'a') {
+                    hasLink = true;
+
+                    var href = getQuotedMatch(extra, HREFMATCH);
+
+                    if(href) {
+                        // check safe protocols
+                        var dummyAnchor = document.createElement('a');
+                        dummyAnchor.href = href;
+                        if(PROTOCOLS.indexOf(dummyAnchor.protocol) !== -1) {
+                            nodeSpec.href = encodeURI(href);
+                            nodeSpec.target = getQuotedMatch(extra, TARGETMATCH) || '_blank';
+                            nodeSpec.popup = getQuotedMatch(extra, POPUPMATCH);
+                        }
+                    }
+                }
+
+                enterNode(nodeSpec);
+            }
+        }
+    }
+
+    return hasLink;
+}
+
+exports.lineCount = function lineCount(s) {
+    return s.selectAll('tspan.line').size() || 1;
+};
+
+exports.positionText = function positionText(s, x, y) {
+    return s.each(function() {
+        var text = d3.select(this);
+
+        function setOrGet(attr, val) {
+            if(val === undefined) {
+                val = text.attr(attr);
+                if(val === null) {
+                    text.attr(attr, 0);
+                    val = 0;
+                }
+            }
+            else text.attr(attr, val);
+            return val;
+        }
+
+        var thisX = setOrGet('x', x);
+        var thisY = setOrGet('y', y);
+
+        if(this.nodeName === 'text') {
+            text.selectAll('tspan.line').attr({x: thisX, y: thisY});
+        }
+    });
+};
+
+function alignHTMLWith(_base, container, options) {
+    var alignH = options.horizontalAlign,
+        alignV = options.verticalAlign || 'top',
+        bRect = _base.node().getBoundingClientRect(),
+        cRect = container.node().getBoundingClientRect(),
+        thisRect,
+        getTop,
+        getLeft;
+
+    if(alignV === 'bottom') {
+        getTop = function() { return bRect.bottom - thisRect.height; };
+    } else if(alignV === 'middle') {
+        getTop = function() { return bRect.top + (bRect.height - thisRect.height) / 2; };
+    } else { // default: top
+        getTop = function() { return bRect.top; };
+    }
+
+    if(alignH === 'right') {
+        getLeft = function() { return bRect.right - thisRect.width; };
+    } else if(alignH === 'center') {
+        getLeft = function() { return bRect.left + (bRect.width - thisRect.width) / 2; };
+    } else { // default: left
+        getLeft = function() { return bRect.left; };
+    }
+
+    return function() {
+        thisRect = this.node().getBoundingClientRect();
+        this.style({
+            top: (getTop() - cRect.top) + 'px',
+            left: (getLeft() - cRect.left) + 'px',
+            'z-index': 1000
+        });
+        return this;
+    };
+}
+
+/*
+ * Editable title
+ * @param {d3.selection} context: the element being edited. Normally text,
+ *   but if it isn't, you should provide the styling options
+ * @param {object} options:
+ *   @param {div} options.gd: graphDiv
+ *   @param {d3.selection} options.delegate: item to bind events to if not this
+ *   @param {boolean} options.immediate: start editing now (true) or on click (false, default)
+ *   @param {string} options.fill: font color if not as shown
+ *   @param {string} options.background: background color if not as shown
+ *   @param {string} options.text: initial text, if not as shown
+ *   @param {string} options.horizontalAlign: alignment of the edit box wrt. the bound element
+ *   @param {string} options.verticalAlign: alignment of the edit box wrt. the bound element
+ */
+
+exports.makeEditable = function(context, options) {
+    var gd = options.gd;
+    var _delegate = options.delegate;
+    var dispatch = d3.dispatch('edit', 'input', 'cancel');
+    var handlerElement = _delegate || context;
+
+    context.style({'pointer-events': _delegate ? 'none' : 'all'});
+
+    if(context.size() !== 1) throw new Error('boo');
+
+    function handleClick() {
+        appendEditable();
+        context.style({opacity: 0});
+        // also hide any mathjax svg
+        var svgClass = handlerElement.attr('class'),
+            mathjaxClass;
+        if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group';
+        else mathjaxClass = '[class*=-math-group]';
+        if(mathjaxClass) {
+            d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0});
+        }
+    }
+
+    function selectElementContents(_el) {
+        var el = _el.node();
+        var range = document.createRange();
+        range.selectNodeContents(el);
+        var sel = window.getSelection();
+        sel.removeAllRanges();
+        sel.addRange(range);
+        el.focus();
+    }
+
+    function appendEditable() {
+        var plotDiv = d3.select(gd);
+        var container = plotDiv.select('.svg-container');
+        var div = container.append('div');
+        var cStyle = context.node().style;
+        var fontSize = parseFloat(cStyle.fontSize || 12);
+
+        div.classed('plugin-editable editable', true)
+            .style({
+                position: 'absolute',
+                'font-family': cStyle.fontFamily || 'Arial',
+                'font-size': fontSize,
+                color: options.fill || cStyle.fill || 'black',
+                opacity: 1,
+                'background-color': options.background || 'transparent',
+                outline: '#ffffff33 1px solid',
+                margin: [-fontSize / 8 + 1, 0, 0, -1].join('px ') + 'px',
+                padding: '0',
+                'box-sizing': 'border-box'
+            })
+            .attr({contenteditable: true})
+            .text(options.text || context.attr('data-unformatted'))
+            .call(alignHTMLWith(context, container, options))
+            .on('blur', function() {
+                gd._editing = false;
+                context.text(this.textContent)
+                    .style({opacity: 1});
+                var svgClass = d3.select(this).attr('class'),
+                    mathjaxClass;
+                if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group';
+                else mathjaxClass = '[class*=-math-group]';
+                if(mathjaxClass) {
+                    d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0});
+                }
+                var text = this.textContent;
+                d3.select(this).transition().duration(0).remove();
+                d3.select(document).on('mouseup', null);
+                dispatch.edit.call(context, text);
+            })
+            .on('focus', function() {
+                var editDiv = this;
+                gd._editing = true;
+                d3.select(document).on('mouseup', function() {
+                    if(d3.event.target === editDiv) return false;
+                    if(document.activeElement === div.node()) div.node().blur();
+                });
+            })
+            .on('keyup', function() {
+                if(d3.event.which === 27) {
+                    gd._editing = false;
+                    context.style({opacity: 1});
+                    d3.select(this)
+                        .style({opacity: 0})
+                        .on('blur', function() { return false; })
+                        .transition().remove();
+                    dispatch.cancel.call(context, this.textContent);
+                }
+                else {
+                    dispatch.input.call(context, this.textContent);
+                    d3.select(this).call(alignHTMLWith(context, container, options));
+                }
+            })
+            .on('keydown', function() {
+                if(d3.event.which === 13) this.blur();
+            })
+            .call(selectElementContents);
+    }
+
+    if(options.immediate) handleClick();
+    else handlerElement.on('click', handleClick);
+
+    return d3.rebind(context, dispatch, 'on');
+};
+
+},{"../constants/alignment":701,"../constants/string_mappings":708,"../constants/xmlns_namespaces":709,"../lib":728,"d3":122}],751:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var timerCache = {};
+
+/**
+ * Throttle a callback. `callback` executes synchronously only if
+ * more than `minInterval` milliseconds have already elapsed since the latest
+ * call (if any). Otherwise we wait until `minInterval` is over and execute the
+ * last callback received while waiting.
+ * So the first and last events in a train are always executed (eventually)
+ * but some of the events in the middle can be dropped.
+ *
+ * @param {string} id: an identifier to mark events to throttle together
+ * @param {number} minInterval: minimum time, in milliseconds, between
+ *   invocations of `callback`
+ * @param {function} callback: the function to throttle. `callback` itself
+ *   should be a purely synchronous function.
+ */
+exports.throttle = function throttle(id, minInterval, callback) {
+    var cache = timerCache[id];
+    var now = Date.now();
+
+    if(!cache) {
+        /*
+         * Throw out old items before making a new one, to prevent the cache
+         * getting overgrown, for example from old plots that have been replaced.
+         * 1 minute age is arbitrary.
+         */
+        for(var idi in timerCache) {
+            if(timerCache[idi].ts < now - 60000) {
+                delete timerCache[idi];
+            }
+        }
+        cache = timerCache[id] = {ts: 0, timer: null};
+    }
+
+    _clearTimeout(cache);
+
+    function exec() {
+        callback();
+        cache.ts = Date.now();
+        if(cache.onDone) {
+            cache.onDone();
+            cache.onDone = null;
+        }
+    }
+
+    if(now > cache.ts + minInterval) {
+        exec();
+        return;
+    }
+
+    cache.timer = setTimeout(function() {
+        exec();
+        cache.timer = null;
+    }, minInterval);
+};
+
+exports.done = function(id) {
+    var cache = timerCache[id];
+    if(!cache || !cache.timer) return Promise.resolve();
+
+    return new Promise(function(resolve) {
+        var previousOnDone = cache.onDone;
+        cache.onDone = function onDone() {
+            if(previousOnDone) previousOnDone();
+            resolve();
+            cache.onDone = null;
+        };
+    });
+};
+
+/**
+ * Clear the throttle cache for one or all timers
+ * @param {optional string} id:
+ *   if provided, clear just this timer
+ *   if omitted, clear all timers (mainly useful for testing)
+ */
+exports.clear = function(id) {
+    if(id) {
+        _clearTimeout(timerCache[id]);
+        delete timerCache[id];
+    }
+    else {
+        for(var idi in timerCache) exports.clear(idi);
+    }
+};
+
+function _clearTimeout(cache) {
+    if(cache && cache.timer !== null) {
+        clearTimeout(cache.timer);
+        cache.timer = null;
+    }
+}
+
+},{}],752:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+/**
+ * convert a linear value into a logged value, folding negative numbers into
+ * the given range
+ */
+module.exports = function toLogRange(val, range) {
+    if(val > 0) return Math.log(val) / Math.LN10;
+
+    // move a negative value reference to a log axis - just put the
+    // result at the lowest range value on the plot (or if the range also went negative,
+    // one millionth of the top of the range)
+    var newVal = Math.log(Math.min(range[0], range[1])) / Math.LN10;
+    if(!isNumeric(newVal)) newVal = Math.log(Math.max(range[0], range[1])) / Math.LN10 - 6;
+    return newVal;
+};
+
+},{"fast-isnumeric":131}],753:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var topojsonUtils = module.exports = {};
+
+var locationmodeToLayer = require('../plots/geo/constants').locationmodeToLayer;
+var topojsonFeature = require('topojson-client').feature;
+
+
+topojsonUtils.getTopojsonName = function(geoLayout) {
+    return [
+        geoLayout.scope.replace(/ /g, '-'), '_',
+        geoLayout.resolution.toString(), 'm'
+    ].join('');
+};
+
+topojsonUtils.getTopojsonPath = function(topojsonURL, topojsonName) {
+    return topojsonURL + topojsonName + '.json';
+};
+
+topojsonUtils.getTopojsonFeatures = function(trace, topojson) {
+    var layer = locationmodeToLayer[trace.locationmode],
+        obj = topojson.objects[layer];
+
+    return topojsonFeature(topojson, obj).features;
+};
+
+},{"../plots/geo/constants":798,"topojson-client":536}],754:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+function truncateFloat32(arrayIn, len) {
+    var arrayOut = new Float32Array(len);
+    for(var i = 0; i < len; i++) arrayOut[i] = arrayIn[i];
+    return arrayOut;
+}
+
+function truncateFloat64(arrayIn, len) {
+    var arrayOut = new Float64Array(len);
+    for(var i = 0; i < len; i++) arrayOut[i] = arrayIn[i];
+    return arrayOut;
+}
+
+/**
+ * Truncate a typed array to some length.
+ * For some reason, ES2015 Float32Array.prototype.slice takes
+ * 2x as long, therefore we aren't checking for its existence
+ */
+module.exports = function truncate(arrayIn, len) {
+    if(arrayIn instanceof Float32Array) return truncateFloat32(arrayIn, len);
+    if(arrayIn instanceof Float64Array) return truncateFloat64(arrayIn, len);
+    throw new Error('This array type is not yet supported by `truncate`.');
+};
+
+},{}],755:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../registry');
+
+/*
+ * containerArrayMatch: does this attribute string point into a
+ * layout container array?
+ *
+ * @param {String} astr: an attribute string, like *annotations[2].text*
+ *
+ * @returns {Object | false} Returns false if `astr` doesn't match a container
+ *  array. If it does, returns:
+ *     {array: {String}, index: {Number}, property: {String}}
+ *  ie the attribute string for the array, the index within the array (or ''
+ *  if the whole array) and the property within that (or '' if the whole array
+ *  or the whole object)
+ */
+module.exports = function containerArrayMatch(astr) {
+    var rootContainers = Registry.layoutArrayContainers,
+        regexpContainers = Registry.layoutArrayRegexes,
+        rootPart = astr.split('[')[0],
+        arrayStr,
+        match;
+
+    // look for regexp matches first, because they may be nested inside root matches
+    // eg updatemenus[i].buttons is nested inside updatemenus
+    for(var i = 0; i < regexpContainers.length; i++) {
+        match = astr.match(regexpContainers[i]);
+        if(match && match.index === 0) {
+            arrayStr = match[0];
+            break;
+        }
+    }
+
+    // now look for root matches
+    if(!arrayStr) arrayStr = rootContainers[rootContainers.indexOf(rootPart)];
+
+    if(!arrayStr) return false;
+
+    var tail = astr.substr(arrayStr.length);
+    if(!tail) return {array: arrayStr, index: '', property: ''};
+
+    match = tail.match(/^\[(0|[1-9][0-9]*)\](\.(.+))?$/);
+    if(!match) return false;
+
+    return {array: arrayStr, index: Number(match[1]), property: match[3] || ''};
+};
+
+},{"../registry":846}],756:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+var extendFlat = Lib.extendFlat;
+var isPlainObject = Lib.isPlainObject;
+
+var traceOpts = {
+    valType: 'flaglist',
+    extras: ['none'],
+    flags: ['calc', 'calcIfAutorange', 'clearAxisTypes', 'plot', 'style', 'colorbars'],
+    
+};
+
+var layoutOpts = {
+    valType: 'flaglist',
+    extras: ['none'],
+    flags: [
+        'calc', 'calcIfAutorange', 'plot', 'legend', 'ticks',
+        'layoutstyle', 'modebar', 'camera', 'arraydraw'
+    ],
+    
+};
+
+// flags for inside restyle/relayout include a few extras
+// that shouldn't be used in attributes, to deal with certain
+// combinations and conditionals efficiently
+var traceEditTypeFlags = traceOpts.flags.slice()
+    .concat(['clearCalc', 'fullReplot']);
+
+var layoutEditTypeFlags = layoutOpts.flags.slice()
+    .concat('layoutReplot');
+
+module.exports = {
+    traces: traceOpts,
+    layout: layoutOpts,
+    /*
+     * default (all false) edit flags for restyle (traces)
+     * creates a new object each call, so the caller can mutate freely
+     */
+    traceFlags: function() { return falseObj(traceEditTypeFlags); },
+
+    /*
+     * default (all false) edit flags for relayout
+     * creates a new object each call, so the caller can mutate freely
+     */
+    layoutFlags: function() { return falseObj(layoutEditTypeFlags); },
+
+    /*
+     * update `flags` with the `editType` values found in `attr`
+     */
+    update: function(flags, attr) {
+        var editType = attr.editType;
+        if(editType && editType !== 'none') {
+            var editTypeParts = editType.split('+');
+            for(var i = 0; i < editTypeParts.length; i++) {
+                flags[editTypeParts[i]] = true;
+            }
+        }
+    },
+
+    overrideAll: overrideAll
+};
+
+function falseObj(keys) {
+    var out = {};
+    for(var i = 0; i < keys.length; i++) out[keys[i]] = false;
+    return out;
+}
+
+/**
+ * For attributes that are largely copied from elsewhere into a plot type that doesn't
+ * support partial redraws - overrides the editType field of all attributes in the object
+ *
+ * @param {object} attrs: the attributes to override. Will not be mutated.
+ * @param {string} editTypeOverride: the new editType to use
+ * @param {'nested'|'from-root'} overrideContainers:
+ *   - 'nested' will override editType for nested containers but not the root.
+ *   - 'from-root' will also override editType of the root container.
+ *   Containers below the absolute top level (trace or layout root) DO need an
+ *   editType even if they are not `valObject`s themselves (eg `scatter.marker`)
+ *   to handle the case where you edit the whole container.
+ *
+ * @return {object} a new attributes object with `editType` modified as directed
+ */
+function overrideAll(attrs, editTypeOverride, overrideContainers) {
+    var out = extendFlat({}, attrs);
+    for(var key in out) {
+        var attr = out[key];
+        if(isPlainObject(attr)) {
+            out[key] = overrideOne(attr, editTypeOverride, overrideContainers, key);
+        }
+    }
+    if(overrideContainers === 'from-root') out.editType = editTypeOverride;
+
+    return out;
+}
+
+function overrideOne(attr, editTypeOverride, overrideContainers, key) {
+    if(attr.valType) {
+        var out = extendFlat({}, attr);
+        out.editType = editTypeOverride;
+
+        if(Array.isArray(attr.items)) {
+            out.items = new Array(attr.items.length);
+            for(var i = 0; i < attr.items.length; i++) {
+                out.items[i] = overrideOne(attr.items[i], editTypeOverride, 'from-root');
+            }
+        }
+        return out;
+    }
+    else {
+        // don't provide an editType for the _deprecated container
+        return overrideAll(attr, editTypeOverride,
+            (key.charAt(0) === '_') ? 'nested' : 'from-root');
+    }
+}
+
+},{"../lib":728}],757:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var m4FromQuat = require('gl-mat4/fromQuat');
+
+var Registry = require('../registry');
+var Lib = require('../lib');
+var Plots = require('../plots/plots');
+var Axes = require('../plots/cartesian/axes');
+var Color = require('../components/color');
+
+
+// clear the promise queue if one of them got rejected
+exports.clearPromiseQueue = function(gd) {
+    if(Array.isArray(gd._promises) && gd._promises.length > 0) {
+        Lib.log('Clearing previous rejected promises from queue.');
+    }
+
+    gd._promises = [];
+};
+
+// make a few changes to the layout right away
+// before it gets used for anything
+// backward compatibility and cleanup of nonstandard options
+exports.cleanLayout = function(layout) {
+    var i, j;
+
+    if(!layout) layout = {};
+
+    // cannot have (x|y)axis1, numbering goes axis, axis2, axis3...
+    if(layout.xaxis1) {
+        if(!layout.xaxis) layout.xaxis = layout.xaxis1;
+        delete layout.xaxis1;
+    }
+    if(layout.yaxis1) {
+        if(!layout.yaxis) layout.yaxis = layout.yaxis1;
+        delete layout.yaxis1;
+    }
+
+    var axList = Axes.list({_fullLayout: layout});
+    for(i = 0; i < axList.length; i++) {
+        var ax = axList[i];
+        if(ax.anchor && ax.anchor !== 'free') {
+            ax.anchor = Axes.cleanId(ax.anchor);
+        }
+        if(ax.overlaying) ax.overlaying = Axes.cleanId(ax.overlaying);
+
+        // old method of axis type - isdate and islog (before category existed)
+        if(!ax.type) {
+            if(ax.isdate) ax.type = 'date';
+            else if(ax.islog) ax.type = 'log';
+            else if(ax.isdate === false && ax.islog === false) ax.type = 'linear';
+        }
+        if(ax.autorange === 'withzero' || ax.autorange === 'tozero') {
+            ax.autorange = true;
+            ax.rangemode = 'tozero';
+        }
+        delete ax.islog;
+        delete ax.isdate;
+        delete ax.categories; // replaced by _categories
+
+        // prune empty domain arrays made before the new nestedProperty
+        if(emptyContainer(ax, 'domain')) delete ax.domain;
+
+        // autotick -> tickmode
+        if(ax.autotick !== undefined) {
+            if(ax.tickmode === undefined) {
+                ax.tickmode = ax.autotick ? 'auto' : 'linear';
+            }
+            delete ax.autotick;
+        }
+    }
+
+    var annotationsLen = Array.isArray(layout.annotations) ? layout.annotations.length : 0;
+    for(i = 0; i < annotationsLen; i++) {
+        var ann = layout.annotations[i];
+
+        if(!Lib.isPlainObject(ann)) continue;
+
+        if(ann.ref) {
+            if(ann.ref === 'paper') {
+                ann.xref = 'paper';
+                ann.yref = 'paper';
+            }
+            else if(ann.ref === 'data') {
+                ann.xref = 'x';
+                ann.yref = 'y';
+            }
+            delete ann.ref;
+        }
+
+        cleanAxRef(ann, 'xref');
+        cleanAxRef(ann, 'yref');
+    }
+
+    var shapesLen = Array.isArray(layout.shapes) ? layout.shapes.length : 0;
+    for(i = 0; i < shapesLen; i++) {
+        var shape = layout.shapes[i];
+
+        if(!Lib.isPlainObject(shape)) continue;
+
+        cleanAxRef(shape, 'xref');
+        cleanAxRef(shape, 'yref');
+    }
+
+    var legend = layout.legend;
+    if(legend) {
+        // check for old-style legend positioning (x or y is +/- 100)
+        if(legend.x > 3) {
+            legend.x = 1.02;
+            legend.xanchor = 'left';
+        }
+        else if(legend.x < -2) {
+            legend.x = -0.02;
+            legend.xanchor = 'right';
+        }
+
+        if(legend.y > 3) {
+            legend.y = 1.02;
+            legend.yanchor = 'bottom';
+        }
+        else if(legend.y < -2) {
+            legend.y = -0.02;
+            legend.yanchor = 'top';
+        }
+    }
+
+    /*
+     * Moved from rotate -> orbit for dragmode
+     */
+    if(layout.dragmode === 'rotate') layout.dragmode = 'orbit';
+
+    // cannot have scene1, numbering goes scene, scene2, scene3...
+    if(layout.scene1) {
+        if(!layout.scene) layout.scene = layout.scene1;
+        delete layout.scene1;
+    }
+
+    /*
+     * Clean up Scene layouts
+     */
+    var sceneIds = Plots.getSubplotIds(layout, 'gl3d');
+    for(i = 0; i < sceneIds.length; i++) {
+        var scene = layout[sceneIds[i]];
+
+        // clean old Camera coords
+        var cameraposition = scene.cameraposition;
+        if(Array.isArray(cameraposition) && cameraposition[0].length === 4) {
+            var rotation = cameraposition[0],
+                center = cameraposition[1],
+                radius = cameraposition[2],
+                mat = m4FromQuat([], rotation),
+                eye = [];
+
+            for(j = 0; j < 3; ++j) {
+                eye[j] = center[i] + radius * mat[2 + 4 * j];
+            }
+
+            scene.camera = {
+                eye: {x: eye[0], y: eye[1], z: eye[2]},
+                center: {x: center[0], y: center[1], z: center[2]},
+                up: {x: mat[1], y: mat[5], z: mat[9]}
+            };
+
+            delete scene.cameraposition;
+        }
+    }
+
+    // sanitize rgb(fractions) and rgba(fractions) that old tinycolor
+    // supported, but new tinycolor does not because they're not valid css
+    Color.clean(layout);
+
+    return layout;
+};
+
+function cleanAxRef(container, attr) {
+    var valIn = container[attr],
+        axLetter = attr.charAt(0);
+    if(valIn && valIn !== 'paper') {
+        container[attr] = Axes.cleanId(valIn, axLetter);
+    }
+}
+
+// Make a few changes to the data right away
+// before it gets used for anything
+exports.cleanData = function(data, existingData) {
+    // Enforce unique IDs
+    var suids = [], // seen uids --- so we can weed out incoming repeats
+        uids = data.concat(Array.isArray(existingData) ? existingData : [])
+               .filter(function(trace) { return 'uid' in trace; })
+               .map(function(trace) { return trace.uid; });
+
+    for(var tracei = 0; tracei < data.length; tracei++) {
+        var trace = data[tracei];
+        var i;
+
+        // assign uids to each trace and detect collisions.
+        if(!('uid' in trace) || suids.indexOf(trace.uid) !== -1) {
+            var newUid;
+
+            for(i = 0; i < 100; i++) {
+                newUid = Lib.randstr(uids);
+                if(suids.indexOf(newUid) === -1) break;
+            }
+            trace.uid = Lib.randstr(uids);
+            uids.push(trace.uid);
+        }
+        // keep track of already seen uids, so that if there are
+        // doubles we force the trace with a repeat uid to
+        // acquire a new one
+        suids.push(trace.uid);
+
+        // BACKWARD COMPATIBILITY FIXES
+
+        // use xbins to bin data in x, and ybins to bin data in y
+        if(trace.type === 'histogramy' && 'xbins' in trace && !('ybins' in trace)) {
+            trace.ybins = trace.xbins;
+            delete trace.xbins;
+        }
+
+        // error_y.opacity is obsolete - merge into color
+        if(trace.error_y && 'opacity' in trace.error_y) {
+            var dc = Color.defaults,
+                yeColor = trace.error_y.color ||
+                (Registry.traceIs(trace, 'bar') ? Color.defaultLine : dc[tracei % dc.length]);
+            trace.error_y.color = Color.addOpacity(
+                Color.rgb(yeColor),
+                Color.opacity(yeColor) * trace.error_y.opacity);
+            delete trace.error_y.opacity;
+        }
+
+        // convert bardir to orientation, and put the data into
+        // the axes it's eventually going to be used with
+        if('bardir' in trace) {
+            if(trace.bardir === 'h' && (Registry.traceIs(trace, 'bar') ||
+                     trace.type.substr(0, 9) === 'histogram')) {
+                trace.orientation = 'h';
+                exports.swapXYData(trace);
+            }
+            delete trace.bardir;
+        }
+
+        // now we have only one 1D histogram type, and whether
+        // it uses x or y data depends on trace.orientation
+        if(trace.type === 'histogramy') exports.swapXYData(trace);
+        if(trace.type === 'histogramx' || trace.type === 'histogramy') {
+            trace.type = 'histogram';
+        }
+
+        // scl->scale, reversescl->reversescale
+        if('scl' in trace) {
+            trace.colorscale = trace.scl;
+            delete trace.scl;
+        }
+        if('reversescl' in trace) {
+            trace.reversescale = trace.reversescl;
+            delete trace.reversescl;
+        }
+
+        // axis ids x1 -> x, y1-> y
+        if(trace.xaxis) trace.xaxis = Axes.cleanId(trace.xaxis, 'x');
+        if(trace.yaxis) trace.yaxis = Axes.cleanId(trace.yaxis, 'y');
+
+        // scene ids scene1 -> scene
+        if(Registry.traceIs(trace, 'gl3d') && trace.scene) {
+            trace.scene = Plots.subplotsRegistry.gl3d.cleanId(trace.scene);
+        }
+
+        if(!Registry.traceIs(trace, 'pie') && !Registry.traceIs(trace, 'bar')) {
+            if(Array.isArray(trace.textposition)) {
+                trace.textposition = trace.textposition.map(cleanTextPosition);
+            }
+            else if(trace.textposition) {
+                trace.textposition = cleanTextPosition(trace.textposition);
+            }
+        }
+
+        // fix typo in colorscale definition
+        if(Registry.traceIs(trace, '2dMap')) {
+            if(trace.colorscale === 'YIGnBu') trace.colorscale = 'YlGnBu';
+            if(trace.colorscale === 'YIOrRd') trace.colorscale = 'YlOrRd';
+        }
+        if(Registry.traceIs(trace, 'markerColorscale') && trace.marker) {
+            var cont = trace.marker;
+            if(cont.colorscale === 'YIGnBu') cont.colorscale = 'YlGnBu';
+            if(cont.colorscale === 'YIOrRd') cont.colorscale = 'YlOrRd';
+        }
+
+        // fix typo in surface 'highlight*' definitions
+        if(trace.type === 'surface' && Lib.isPlainObject(trace.contours)) {
+            var dims = ['x', 'y', 'z'];
+
+            for(i = 0; i < dims.length; i++) {
+                var opts = trace.contours[dims[i]];
+
+                if(!Lib.isPlainObject(opts)) continue;
+
+                if(opts.highlightColor) {
+                    opts.highlightcolor = opts.highlightColor;
+                    delete opts.highlightColor;
+                }
+
+                if(opts.highlightWidth) {
+                    opts.highlightwidth = opts.highlightWidth;
+                    delete opts.highlightWidth;
+                }
+            }
+        }
+
+        // transforms backward compatibility fixes
+        if(Array.isArray(trace.transforms)) {
+            var transforms = trace.transforms;
+
+            for(i = 0; i < transforms.length; i++) {
+                var transform = transforms[i];
+
+                if(!Lib.isPlainObject(transform)) continue;
+
+                switch(transform.type) {
+                    case 'filter':
+                        if(transform.filtersrc) {
+                            transform.target = transform.filtersrc;
+                            delete transform.filtersrc;
+                        }
+
+                        if(transform.calendar) {
+                            if(!transform.valuecalendar) {
+                                transform.valuecalendar = transform.calendar;
+                            }
+                            delete transform.calendar;
+                        }
+                        break;
+
+                    case 'groupby':
+                        // Name has changed from `style` to `styles`, so use `style` but prefer `styles`:
+                        transform.styles = transform.styles || transform.style;
+
+                        if(transform.styles && !Array.isArray(transform.styles)) {
+                            var prevStyles = transform.styles;
+                            var styleKeys = Object.keys(prevStyles);
+
+                            transform.styles = [];
+                            for(var j = 0; j < styleKeys.length; j++) {
+                                transform.styles.push({
+                                    target: styleKeys[j],
+                                    value: prevStyles[styleKeys[j]]
+                                });
+                            }
+                        }
+                        break;
+                }
+            }
+        }
+
+        // prune empty containers made before the new nestedProperty
+        if(emptyContainer(trace, 'line')) delete trace.line;
+        if('marker' in trace) {
+            if(emptyContainer(trace.marker, 'line')) delete trace.marker.line;
+            if(emptyContainer(trace, 'marker')) delete trace.marker;
+        }
+
+        // sanitize rgb(fractions) and rgba(fractions) that old tinycolor
+        // supported, but new tinycolor does not because they're not valid css
+        Color.clean(trace);
+    }
+};
+
+// textposition - support partial attributes (ie just 'top')
+// and incorrect use of middle / center etc.
+function cleanTextPosition(textposition) {
+    var posY = 'middle',
+        posX = 'center';
+    if(textposition.indexOf('top') !== -1) posY = 'top';
+    else if(textposition.indexOf('bottom') !== -1) posY = 'bottom';
+
+    if(textposition.indexOf('left') !== -1) posX = 'left';
+    else if(textposition.indexOf('right') !== -1) posX = 'right';
+
+    return posY + ' ' + posX;
+}
+
+function emptyContainer(outer, innerStr) {
+    return (innerStr in outer) &&
+        (typeof outer[innerStr] === 'object') &&
+        (Object.keys(outer[innerStr]).length === 0);
+}
+
+
+// swap all the data and data attributes associated with x and y
+exports.swapXYData = function(trace) {
+    var i;
+    Lib.swapAttrs(trace, ['?', '?0', 'd?', '?bins', 'nbins?', 'autobin?', '?src', 'error_?']);
+    if(Array.isArray(trace.z) && Array.isArray(trace.z[0])) {
+        if(trace.transpose) delete trace.transpose;
+        else trace.transpose = true;
+    }
+    if(trace.error_x && trace.error_y) {
+        var errorY = trace.error_y,
+            copyYstyle = ('copy_ystyle' in errorY) ? errorY.copy_ystyle :
+                !(errorY.color || errorY.thickness || errorY.width);
+        Lib.swapAttrs(trace, ['error_?.copy_ystyle']);
+        if(copyYstyle) {
+            Lib.swapAttrs(trace, ['error_?.color', 'error_?.thickness', 'error_?.width']);
+        }
+    }
+    if(typeof trace.hoverinfo === 'string') {
+        var hoverInfoParts = trace.hoverinfo.split('+');
+        for(i = 0; i < hoverInfoParts.length; i++) {
+            if(hoverInfoParts[i] === 'x') hoverInfoParts[i] = 'y';
+            else if(hoverInfoParts[i] === 'y') hoverInfoParts[i] = 'x';
+        }
+        trace.hoverinfo = hoverInfoParts.join('+');
+    }
+};
+
+// coerce traceIndices input to array of trace indices
+exports.coerceTraceIndices = function(gd, traceIndices) {
+    if(isNumeric(traceIndices)) {
+        return [traceIndices];
+    }
+    else if(!Array.isArray(traceIndices) || !traceIndices.length) {
+        return gd.data.map(function(_, i) { return i; });
+    }
+
+    return traceIndices;
+};
+
+/**
+ * Manages logic around array container item creation / deletion / update
+ * that nested property alone can't handle.
+ *
+ * @param {Object} np
+ *  nested property of update attribute string about trace or layout object
+ * @param {*} newVal
+ *  update value passed to restyle / relayout / update
+ * @param {Object} undoit
+ *  undo hash (N.B. undoit may be mutated here).
+ *
+ */
+exports.manageArrayContainers = function(np, newVal, undoit) {
+    var obj = np.obj,
+        parts = np.parts,
+        pLength = parts.length,
+        pLast = parts[pLength - 1];
+
+    var pLastIsNumber = isNumeric(pLast);
+
+    // delete item
+    if(pLastIsNumber && newVal === null) {
+
+        // Clear item in array container when new value is null
+        var contPath = parts.slice(0, pLength - 1).join('.'),
+            cont = Lib.nestedProperty(obj, contPath).get();
+        cont.splice(pLast, 1);
+
+        // Note that nested property clears null / undefined at end of
+        // array container, but not within them.
+    }
+    // create item
+    else if(pLastIsNumber && np.get() === undefined) {
+
+        // When adding a new item, make sure undo command will remove it
+        if(np.get() === undefined) undoit[np.astr] = null;
+
+        np.set(newVal);
+    }
+    // update item
+    else {
+
+        // If the last part of attribute string isn't a number,
+        // np.set is all we need.
+        np.set(newVal);
+    }
+};
+
+/*
+ * Match the part to strip off to turn an attribute into its parent
+ * really it should be either '.some_characters' or '[number]'
+ * but we're a little more permissive here and match either
+ * '.not_brackets_or_dot' or '[not_brackets_or_dot]'
+ */
+var ATTR_TAIL_RE = /(\.[^\[\]\.]+|\[[^\[\]\.]+\])$/;
+
+function getParent(attr) {
+    var tail = attr.search(ATTR_TAIL_RE);
+    if(tail > 0) return attr.substr(0, tail);
+}
+
+/*
+ * hasParent: does an attribute object contain a parent of the given attribute?
+ * for example, given 'images[2].x' do we also have 'images' or 'images[2]'?
+ *
+ * @param {Object} aobj
+ *  update object, whose keys are attribute strings and values are their new settings
+ * @param {string} attr
+ *  the attribute string to test against
+ * @returns {Boolean}
+ *  is a parent of attr present in aobj?
+ */
+exports.hasParent = function(aobj, attr) {
+    var attrParent = getParent(attr);
+    while(attrParent) {
+        if(attrParent in aobj) return true;
+        attrParent = getParent(attrParent);
+    }
+    return false;
+};
+
+/**
+ * Empty out types for all axes containing these traces so we auto-set them again
+ *
+ * @param {object} gd
+ * @param {[integer]} traces: trace indices to search for axes to clear the types of
+ * @param {object} layoutUpdate: any update being done concurrently to the layout,
+ *   which may supercede clearing the axis types
+ */
+var axLetters = ['x', 'y', 'z'];
+exports.clearAxisTypes = function(gd, traces, layoutUpdate) {
+    for(var i = 0; i < traces.length; i++) {
+        var trace = gd._fullData[i];
+        for(var j = 0; j < 3; j++) {
+            var ax = Axes.getFromTrace(gd, trace, axLetters[j]);
+
+            // do not clear log type - that's never an auto result so must have been intentional
+            if(ax && ax.type !== 'log') {
+                var axAttr = ax._name;
+                var sceneName = ax._id.substr(1);
+                if(sceneName.substr(0, 5) === 'scene') {
+                    if(layoutUpdate[sceneName] !== undefined) continue;
+                    axAttr = sceneName + '.' + axAttr;
+                }
+                var typeAttr = axAttr + '.type';
+
+                if(layoutUpdate[axAttr] === undefined && layoutUpdate[typeAttr] === undefined) {
+                    Lib.nestedProperty(gd.layout, typeAttr).set(null);
+                }
+            }
+        }
+    }
+};
+
+},{"../components/color":604,"../lib":728,"../plots/cartesian/axes":772,"../plots/plots":831,"../registry":846,"fast-isnumeric":131,"gl-mat4/fromQuat":178}],758:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var nestedProperty = require('../lib/nested_property');
+var isPlainObject = require('../lib/is_plain_object');
+var noop = require('../lib/noop');
+var Loggers = require('../lib/loggers');
+var sorterAsc = require('../lib/search').sorterAsc;
+var Registry = require('../registry');
+
+
+exports.containerArrayMatch = require('./container_array_match');
+
+var isAddVal = exports.isAddVal = function isAddVal(val) {
+    return val === 'add' || isPlainObject(val);
+};
+
+var isRemoveVal = exports.isRemoveVal = function isRemoveVal(val) {
+    return val === null || val === 'remove';
+};
+
+/*
+ * applyContainerArrayChanges: for managing arrays of layout components in relayout
+ * handles them all with a consistent interface.
+ *
+ * Here are the supported actions -> relayout calls -> edits we get here
+ * (as prepared in _relayout):
+ *
+ * add an empty obj -> {'annotations[2]': 'add'} -> {2: {'': 'add'}}
+ * add a specific obj -> {'annotations[2]': {attrs}} -> {2: {'': {attrs}}}
+ * delete an obj -> {'annotations[2]': 'remove'} -> {2: {'': 'remove'}}
+ *               -> {'annotations[2]': null} -> {2: {'': null}}
+ * delete the whole array -> {'annotations': 'remove'} -> {'': {'': 'remove'}}
+ *                        -> {'annotations': null} -> {'': {'': null}}
+ * edit an object -> {'annotations[2].text': 'boo'} -> {2: {'text': 'boo'}}
+ *
+ * You can combine many edits to different objects. Objects are added and edited
+ * in ascending order, then removed in descending order.
+ * For example, starting with [a, b, c], if you want to:
+ * - replace b with d:
+ *   {'annotations[1]': d, 'annotations[2]': null} (b is item 2 after adding d)
+ * - add a new item d between a and b, and edit b:
+ *    {'annotations[1]': d, 'annotations[2].x': newX} (b is item 2 after adding d)
+ * - delete b and edit c:
+ *    {'annotations[1]': null, 'annotations[2].x': newX} (c is edited before b is removed)
+ *
+ * You CANNOT combine adding/deleting an item at index `i` with edits to the same index `i`
+ * You CANNOT combine replacing/deleting the whole array with anything else (for the same array).
+ *
+ * @param {HTMLDivElement} gd
+ *  the DOM element of the graph container div
+ * @param {Lib.nestedProperty} componentType: the array we are editing
+ * @param {Object} edits
+ *  the changes to make; keys are indices to edit, values are themselves objects:
+ *  {attr: newValue} of changes to make to that index (with add/remove behavior
+ *  in special values of the empty attr)
+ * @param {Object} flags
+ *  the flags for which actions we're going to perform to display these (and
+ *  any other) changes. If we're already `recalc`ing, we don't need to redraw
+ *  individual items
+ *
+ * @returns {bool} `true` if it managed to complete drawing of the changes
+ *  `false` would mean the parent should replot.
+ */
+exports.applyContainerArrayChanges = function applyContainerArrayChanges(gd, np, edits, flags) {
+    var componentType = np.astr,
+        supplyComponentDefaults = Registry.getComponentMethod(componentType, 'supplyLayoutDefaults'),
+        draw = Registry.getComponentMethod(componentType, 'draw'),
+        drawOne = Registry.getComponentMethod(componentType, 'drawOne'),
+        replotLater = flags.replot || flags.recalc || (supplyComponentDefaults === noop) ||
+            (draw === noop),
+        layout = gd.layout,
+        fullLayout = gd._fullLayout;
+
+    if(edits['']) {
+        if(Object.keys(edits).length > 1) {
+            Loggers.warn('Full array edits are incompatible with other edits',
+                componentType);
+        }
+
+        var fullVal = edits[''][''];
+
+        if(isRemoveVal(fullVal)) np.set(null);
+        else if(Array.isArray(fullVal)) np.set(fullVal);
+        else {
+            Loggers.warn('Unrecognized full array edit value', componentType, fullVal);
+            return true;
+        }
+
+        if(replotLater) return false;
+
+        supplyComponentDefaults(layout, fullLayout);
+        draw(gd);
+        return true;
+    }
+
+    var componentNums = Object.keys(edits).map(Number).sort(sorterAsc),
+        componentArrayIn = np.get(),
+        componentArray = componentArrayIn || [],
+        // componentArrayFull is used just to keep splices in line between
+        // full and input arrays, so private keys can be copied over after
+        // redoing supplyDefaults
+        // TODO: this assumes componentArray is in gd.layout - which will not be
+        // true after we extend this to restyle
+        componentArrayFull = nestedProperty(fullLayout, componentType).get();
+
+    var deletes = [],
+        firstIndexChange = -1,
+        maxIndex = componentArray.length,
+        i,
+        j,
+        componentNum,
+        objEdits,
+        objKeys,
+        objVal,
+        adding;
+
+    // first make the add and edit changes
+    for(i = 0; i < componentNums.length; i++) {
+        componentNum = componentNums[i];
+        objEdits = edits[componentNum];
+        objKeys = Object.keys(objEdits);
+        objVal = objEdits[''],
+        adding = isAddVal(objVal);
+
+        if(componentNum < 0 || componentNum > componentArray.length - (adding ? 0 : 1)) {
+            Loggers.warn('index out of range', componentType, componentNum);
+            continue;
+        }
+
+        if(objVal !== undefined) {
+            if(objKeys.length > 1) {
+                Loggers.warn(
+                    'Insertion & removal are incompatible with edits to the same index.',
+                    componentType, componentNum);
+            }
+
+            if(isRemoveVal(objVal)) {
+                deletes.push(componentNum);
+            }
+            else if(adding) {
+                if(objVal === 'add') objVal = {};
+                componentArray.splice(componentNum, 0, objVal);
+                if(componentArrayFull) componentArrayFull.splice(componentNum, 0, {});
+            }
+            else {
+                Loggers.warn('Unrecognized full object edit value',
+                    componentType, componentNum, objVal);
+            }
+
+            if(firstIndexChange === -1) firstIndexChange = componentNum;
+        }
+        else {
+            for(j = 0; j < objKeys.length; j++) {
+                nestedProperty(componentArray[componentNum], objKeys[j]).set(objEdits[objKeys[j]]);
+            }
+        }
+    }
+
+    // now do deletes
+    for(i = deletes.length - 1; i >= 0; i--) {
+        componentArray.splice(deletes[i], 1);
+        // TODO: this drops private keys that had been stored in componentArrayFull
+        // does this have any ill effects?
+        if(componentArrayFull) componentArrayFull.splice(deletes[i], 1);
+    }
+
+    if(!componentArray.length) np.set(null);
+    else if(!componentArrayIn) np.set(componentArray);
+
+    if(replotLater) return false;
+
+    supplyComponentDefaults(layout, fullLayout);
+
+    // finally draw all the components we need to
+    // if we added or removed any, redraw all after it
+    if(drawOne !== noop) {
+        var indicesToDraw;
+        if(firstIndexChange === -1) {
+            // there's no re-indexing to do, so only redraw components that changed
+            indicesToDraw = componentNums;
+        }
+        else {
+            // in case the component array was shortened, we still need do call
+            // drawOne on the latter items so they get properly removed
+            maxIndex = Math.max(componentArray.length, maxIndex);
+            indicesToDraw = [];
+            for(i = 0; i < componentNums.length; i++) {
+                componentNum = componentNums[i];
+                if(componentNum >= firstIndexChange) break;
+                indicesToDraw.push(componentNum);
+            }
+            for(i = firstIndexChange; i < maxIndex; i++) {
+                indicesToDraw.push(i);
+            }
+        }
+        for(i = 0; i < indicesToDraw.length; i++) {
+            drawOne(gd, indicesToDraw[i]);
+        }
+    }
+    else draw(gd);
+
+    return true;
+};
+
+},{"../lib/is_plain_object":730,"../lib/loggers":732,"../lib/nested_property":735,"../lib/noop":736,"../lib/search":745,"../registry":846,"./container_array_match":755}],759:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+var hasHover = require('has-hover');
+
+var Plotly = require('../plotly');
+var Lib = require('../lib');
+var Events = require('../lib/events');
+var Queue = require('../lib/queue');
+
+var Registry = require('../registry');
+var PlotSchema = require('./plot_schema');
+var Plots = require('../plots/plots');
+var Polar = require('../plots/polar');
+var initInteractions = require('../plots/cartesian/graph_interact');
+
+var Drawing = require('../components/drawing');
+var Color = require('../components/color');
+var ErrorBars = require('../components/errorbars');
+var xmlnsNamespaces = require('../constants/xmlns_namespaces');
+var svgTextUtils = require('../lib/svg_text_utils');
+
+var manageArrays = require('./manage_arrays');
+var helpers = require('./helpers');
+var subroutines = require('./subroutines');
+var editTypes = require('./edit_types');
+
+var cartesianConstants = require('../plots/cartesian/constants');
+var axisConstraints = require('../plots/cartesian/constraints');
+var enforceAxisConstraints = axisConstraints.enforce;
+var cleanAxisConstraints = axisConstraints.clean;
+var axisIds = require('../plots/cartesian/axis_ids');
+
+
+/**
+ * Main plot-creation function
+ *
+ * @param {string id or DOM element} gd
+ *      the id or DOM element of the graph container div
+ * @param {array of objects} data
+ *      array of traces, containing the data and display information for each trace
+ * @param {object} layout
+ *      object describing the overall display of the plot,
+ *      all the stuff that doesn't pertain to any individual trace
+ * @param {object} config
+ *      configuration options (see ./plot_config.js for more info)
+ *
+ */
+Plotly.plot = function(gd, data, layout, config) {
+    var frames;
+
+    gd = Lib.getGraphDiv(gd);
+
+    // Events.init is idempotent and bails early if gd has already been init'd
+    Events.init(gd);
+
+    if(Lib.isPlainObject(data)) {
+        var obj = data;
+        data = obj.data;
+        layout = obj.layout;
+        config = obj.config;
+        frames = obj.frames;
+    }
+
+    var okToPlot = Events.triggerHandler(gd, 'plotly_beforeplot', [data, layout, config]);
+    if(okToPlot === false) return Promise.reject();
+
+    // if there's no data or layout, and this isn't yet a plotly plot
+    // container, log a warning to help plotly.js users debug
+    if(!data && !layout && !Lib.isPlotDiv(gd)) {
+        Lib.warn('Calling Plotly.plot as if redrawing ' +
+            'but this container doesn\'t yet have a plot.', gd);
+    }
+
+    function addFrames() {
+        if(frames) {
+            return Plotly.addFrames(gd, frames);
+        }
+    }
+
+    // transfer configuration options to gd until we move over to
+    // a more OO like model
+    setPlotContext(gd, config);
+
+    if(!layout) layout = {};
+
+    // hook class for plots main container (in case of plotly.js
+    // this won't be #embedded-graph or .js-tab-contents)
+    d3.select(gd).classed('js-plotly-plot', true);
+
+    // off-screen getBoundingClientRect testing space,
+    // in #js-plotly-tester (and stored as Drawing.tester)
+    // so we can share cached text across tabs
+    Drawing.makeTester();
+
+    // collect promises for any async actions during plotting
+    // any part of the plotting code can push to gd._promises, then
+    // before we move to the next step, we check that they're all
+    // complete, and empty out the promise list again.
+    if(!Array.isArray(gd._promises)) gd._promises = [];
+
+    var graphWasEmpty = ((gd.data || []).length === 0 && Array.isArray(data));
+
+    // if there is already data on the graph, append the new data
+    // if you only want to redraw, pass a non-array for data
+    if(Array.isArray(data)) {
+        helpers.cleanData(data, gd.data);
+
+        if(graphWasEmpty) gd.data = data;
+        else gd.data.push.apply(gd.data, data);
+
+        // for routines outside graph_obj that want a clean tab
+        // (rather than appending to an existing one) gd.empty
+        // is used to determine whether to make a new tab
+        gd.empty = false;
+    }
+
+    if(!gd.layout || graphWasEmpty) gd.layout = helpers.cleanLayout(layout);
+
+    // if the user is trying to drag the axes, allow new data and layout
+    // to come in but don't allow a replot.
+    if(gd._dragging && !gd._transitioning) {
+        // signal to drag handler that after everything else is done
+        // we need to replot, because something has changed
+        gd._replotPending = true;
+        return Promise.reject();
+    } else {
+        // we're going ahead with a replot now
+        gd._replotPending = false;
+    }
+
+    Plots.supplyDefaults(gd);
+
+    var fullLayout = gd._fullLayout;
+
+    // Polar plots
+    if(data && data[0] && data[0].r) return plotPolar(gd, data, layout);
+
+    // so we don't try to re-call Plotly.plot from inside
+    // legend and colorbar, if margins changed
+    fullLayout._replotting = true;
+
+    // make or remake the framework if we need to
+    if(graphWasEmpty) makePlotFramework(gd);
+
+    // polar need a different framework
+    if(gd.framework !== makePlotFramework) {
+        gd.framework = makePlotFramework;
+        makePlotFramework(gd);
+    }
+
+    // clear gradient defs on each .plot call, because we know we'll loop through all traces
+    Drawing.initGradients(gd);
+
+    // save initial show spikes once per graph
+    if(graphWasEmpty) Plotly.Axes.saveShowSpikeInitial(gd);
+
+    // prepare the data and find the autorange
+
+    // generate calcdata, if we need to
+    // to force redoing calcdata, just delete it before calling Plotly.plot
+    var recalc = !gd.calcdata || gd.calcdata.length !== (gd._fullData || []).length;
+    if(recalc) Plots.doCalcdata(gd);
+
+    // in case it has changed, attach fullData traces to calcdata
+    for(var i = 0; i < gd.calcdata.length; i++) {
+        gd.calcdata[i][0].trace = gd._fullData[i];
+    }
+
+    /*
+     * start async-friendly code - now we're actually drawing things
+     */
+
+    var oldmargins = JSON.stringify(fullLayout._size);
+
+    // draw framework first so that margin-pushing
+    // components can position themselves correctly
+    function drawFramework() {
+        var basePlotModules = fullLayout._basePlotModules;
+
+        for(var i = 0; i < basePlotModules.length; i++) {
+            if(basePlotModules[i].drawFramework) {
+                basePlotModules[i].drawFramework(gd);
+            }
+        }
+
+        return Lib.syncOrAsync([
+            subroutines.layoutStyles
+        ], gd);
+    }
+
+    // draw anything that can affect margins.
+    function marginPushers() {
+        var calcdata = gd.calcdata;
+        var i, cd, trace;
+
+        Registry.getComponentMethod('legend', 'draw')(gd);
+        Registry.getComponentMethod('rangeselector', 'draw')(gd);
+        Registry.getComponentMethod('sliders', 'draw')(gd);
+        Registry.getComponentMethod('updatemenus', 'draw')(gd);
+
+        for(i = 0; i < calcdata.length; i++) {
+            cd = calcdata[i];
+            trace = cd[0].trace;
+            if(trace.visible !== true || !trace._module.colorbar) {
+                Plots.autoMargin(gd, 'cb' + trace.uid);
+            }
+            else trace._module.colorbar(gd, cd);
+        }
+
+        Plots.doAutoMargin(gd);
+        return Plots.previousPromises(gd);
+    }
+
+    // in case the margins changed, draw margin pushers again
+    function marginPushersAgain() {
+        if(JSON.stringify(fullLayout._size) === oldmargins) return;
+
+        return Lib.syncOrAsync([
+            marginPushers,
+            subroutines.layoutStyles
+        ], gd);
+    }
+
+    function positionAndAutorange() {
+        if(!recalc) {
+            enforceAxisConstraints(gd);
+            return;
+        }
+
+        var subplots = Plots.getSubplotIds(fullLayout, 'cartesian');
+        var modules = fullLayout._modules;
+        var setPositionsArray = [];
+
+        // position and range calculations for traces that
+        // depend on each other ie bars (stacked or grouped)
+        // and boxes (grouped) push each other out of the way
+
+        var subplotInfo, i, j;
+
+        for(j = 0; j < modules.length; j++) {
+            Lib.pushUnique(setPositionsArray, modules[j].setPositions);
+        }
+
+        if(setPositionsArray.length) {
+            for(i = 0; i < subplots.length; i++) {
+                subplotInfo = fullLayout._plots[subplots[i]];
+
+                for(j = 0; j < setPositionsArray.length; j++) {
+                    setPositionsArray[j](gd, subplotInfo);
+                }
+            }
+        }
+
+        // calc and autorange for errorbars
+        ErrorBars.calc(gd);
+
+        // TODO: autosize extra for text markers and images
+        // see https://github.com/plotly/plotly.js/issues/1111
+        return Lib.syncOrAsync([
+            Registry.getComponentMethod('shapes', 'calcAutorange'),
+            Registry.getComponentMethod('annotations', 'calcAutorange'),
+            doAutoRangeAndConstraints,
+            Registry.getComponentMethod('rangeslider', 'calcAutorange')
+        ], gd);
+    }
+
+    function doAutoRangeAndConstraints() {
+        if(gd._transitioning) return;
+
+        var axList = Plotly.Axes.list(gd, '', true);
+        for(var i = 0; i < axList.length; i++) {
+            var ax = axList[i];
+            cleanAxisConstraints(gd, ax);
+
+            Plotly.Axes.doAutoRange(ax);
+        }
+
+        enforceAxisConstraints(gd);
+
+        // store initial ranges *after* enforcing constraints, otherwise
+        // we will never look like we're at the initial ranges
+        if(graphWasEmpty) Plotly.Axes.saveRangeInitial(gd);
+    }
+
+    // draw ticks, titles, and calculate axis scaling (._b, ._m)
+    function drawAxes() {
+        return Plotly.Axes.doTicks(gd, 'redraw');
+    }
+
+    // Now plot the data
+    function drawData() {
+        var calcdata = gd.calcdata,
+            i,
+            rangesliderContainers = fullLayout._infolayer.selectAll('g.rangeslider-container');
+
+        // in case of traces that were heatmaps or contour maps
+        // previously, remove them and their colorbars explicitly
+        for(i = 0; i < calcdata.length; i++) {
+            var trace = calcdata[i][0].trace,
+                isVisible = (trace.visible === true),
+                uid = trace.uid;
+
+            if(!isVisible || !Registry.traceIs(trace, '2dMap')) {
+                var query = (
+                    '.hm' + uid +
+                    ',.contour' + uid +
+                    ',#clip' + uid
+                );
+
+                fullLayout._paper
+                    .selectAll(query)
+                    .remove();
+
+                rangesliderContainers
+                    .selectAll(query)
+                    .remove();
+            }
+
+            if(!isVisible || !trace._module.colorbar) {
+                fullLayout._infolayer.selectAll('.cb' + uid).remove();
+            }
+        }
+
+        // loop over the base plot modules present on graph
+        var basePlotModules = fullLayout._basePlotModules;
+        for(i = 0; i < basePlotModules.length; i++) {
+            basePlotModules[i].plot(gd);
+        }
+
+        // keep reference to shape layers in subplots
+        var layerSubplot = fullLayout._paper.selectAll('.layer-subplot');
+        fullLayout._shapeSubplotLayers = layerSubplot.selectAll('.shapelayer');
+
+        // styling separate from drawing
+        Plots.style(gd);
+
+        // show annotations and shapes
+        Registry.getComponentMethod('shapes', 'draw')(gd);
+        Registry.getComponentMethod('annotations', 'draw')(gd);
+
+        // source links
+        Plots.addLinks(gd);
+
+        // Mark the first render as complete
+        fullLayout._replotting = false;
+
+        return Plots.previousPromises(gd);
+    }
+
+    // An initial paint must be completed before these components can be
+    // correctly sized and the whole plot re-margined. fullLayout._replotting must
+    // be set to false before these will work properly.
+    function finalDraw() {
+        Registry.getComponentMethod('shapes', 'draw')(gd);
+        Registry.getComponentMethod('images', 'draw')(gd);
+        Registry.getComponentMethod('annotations', 'draw')(gd);
+        Registry.getComponentMethod('legend', 'draw')(gd);
+        Registry.getComponentMethod('rangeslider', 'draw')(gd);
+        Registry.getComponentMethod('rangeselector', 'draw')(gd);
+        Registry.getComponentMethod('sliders', 'draw')(gd);
+        Registry.getComponentMethod('updatemenus', 'draw')(gd);
+    }
+
+    var seq = [
+        Plots.previousPromises,
+        addFrames,
+        drawFramework,
+        marginPushers,
+        marginPushersAgain,
+        positionAndAutorange,
+        subroutines.layoutStyles,
+        drawAxes,
+        drawData,
+        finalDraw,
+        initInteractions,
+        Plots.rehover,
+        Plots.previousPromises
+    ];
+
+    // even if everything we did was synchronous, return a promise
+    // so that the caller doesn't care which route we took
+    var plotDone = Lib.syncOrAsync(seq, gd);
+    if(!plotDone || !plotDone.then) plotDone = Promise.resolve();
+
+    return plotDone.then(function() {
+        gd.emit('plotly_afterplot');
+        return gd;
+    });
+};
+
+function setBackground(gd, bgColor) {
+    try {
+        gd._fullLayout._paper.style('background', bgColor);
+    } catch(e) {
+        Lib.error(e);
+    }
+}
+
+function opaqueSetBackground(gd, bgColor) {
+    var blend = Color.combine(bgColor, 'white');
+    setBackground(gd, blend);
+}
+
+function setPlotContext(gd, config) {
+    if(!gd._context) gd._context = Lib.extendDeep({}, Plotly.defaultConfig);
+    var context = gd._context;
+
+    var i, keys, key;
+
+    if(config) {
+        keys = Object.keys(config);
+        for(i = 0; i < keys.length; i++) {
+            key = keys[i];
+            if(key === 'editable' || key === 'edits') continue;
+            if(key in context) {
+                if(key === 'setBackground' && config[key] === 'opaque') {
+                    context[key] = opaqueSetBackground;
+                } else {
+                    context[key] = config[key];
+                }
+            }
+        }
+
+        // map plot3dPixelRatio to plotGlPixelRatio for backward compatibility
+        if(config.plot3dPixelRatio && !context.plotGlPixelRatio) {
+            context.plotGlPixelRatio = context.plot3dPixelRatio;
+        }
+
+        // now deal with editable and edits - first editable overrides
+        // everything, then edits refines
+        var editable = config.editable;
+        if(editable !== undefined) {
+            // we're not going to *use* context.editable, we're only going to
+            // use context.edits... but keep it for the record
+            context.editable = editable;
+
+            keys = Object.keys(context.edits);
+            for(i = 0; i < keys.length; i++) {
+                context.edits[keys[i]] = editable;
+            }
+        }
+        if(config.edits) {
+            keys = Object.keys(config.edits);
+            for(i = 0; i < keys.length; i++) {
+                key = keys[i];
+                if(key in context.edits) {
+                    context.edits[key] = config.edits[key];
+                }
+            }
+        }
+    }
+
+    // staticPlot forces a bunch of others:
+    if(context.staticPlot) {
+        context.editable = false;
+        context.edits = {};
+        context.autosizable = false;
+        context.scrollZoom = false;
+        context.doubleClick = false;
+        context.showTips = false;
+        context.showLink = false;
+        context.displayModeBar = false;
+    }
+
+    // make sure hover-only devices have mode bar visible
+    if(context.displayModeBar === 'hover' && !hasHover) {
+        context.displayModeBar = true;
+    }
+
+    // default and fallback for setBackground
+    if(context.setBackground === 'transparent' || typeof context.setBackground !== 'function') {
+        context.setBackground = setBackground;
+    }
+}
+
+function plotPolar(gd, data, layout) {
+    // build or reuse the container skeleton
+    var plotContainer = d3.select(gd).selectAll('.plot-container')
+        .data([0]);
+    plotContainer.enter()
+        .insert('div', ':first-child')
+        .classed('plot-container plotly', true);
+    var paperDiv = plotContainer.selectAll('.svg-container')
+        .data([0]);
+    paperDiv.enter().append('div')
+        .classed('svg-container', true)
+        .style('position', 'relative');
+
+    // empty it everytime for now
+    paperDiv.html('');
+
+    // fulfill gd requirements
+    if(data) gd.data = data;
+    if(layout) gd.layout = layout;
+    Polar.manager.fillLayout(gd);
+
+    // resize canvas
+    paperDiv.style({
+        width: gd._fullLayout.width + 'px',
+        height: gd._fullLayout.height + 'px'
+    });
+
+    // instantiate framework
+    gd.framework = Polar.manager.framework(gd);
+
+    // plot
+    gd.framework({data: gd.data, layout: gd.layout}, paperDiv.node());
+
+    // set undo point
+    gd.framework.setUndoPoint();
+
+    // get the resulting svg for extending it
+    var polarPlotSVG = gd.framework.svg();
+
+    // editable title
+    var opacity = 1;
+    var txt = gd._fullLayout.title;
+    if(txt === '' || !txt) opacity = 0;
+    var placeholderText = 'Click to enter title';
+
+    var titleLayout = function() {
+        this.call(svgTextUtils.convertToTspans, gd);
+        // TODO: html/mathjax
+        // TODO: center title
+    };
+
+    var title = polarPlotSVG.select('.title-group text')
+        .call(titleLayout);
+
+    if(gd._context.edits.titleText) {
+        if(!txt || txt === placeholderText) {
+            opacity = 0.2;
+            // placeholder is not going through convertToTspans
+            // so needs explicit data-unformatted
+            title.attr({'data-unformatted': placeholderText})
+                .text(placeholderText)
+                .style({opacity: opacity})
+                .on('mouseover.opacity', function() {
+                    d3.select(this).transition().duration(100)
+                        .style('opacity', 1);
+                })
+                .on('mouseout.opacity', function() {
+                    d3.select(this).transition().duration(1000)
+                        .style('opacity', 0);
+                });
+        }
+
+        var setContenteditable = function() {
+            this.call(svgTextUtils.makeEditable, {gd: gd})
+                .on('edit', function(text) {
+                    gd.framework({layout: {title: text}});
+                    this.text(text)
+                        .call(titleLayout);
+                    this.call(setContenteditable);
+                })
+                .on('cancel', function() {
+                    var txt = this.attr('data-unformatted');
+                    this.text(txt).call(titleLayout);
+                });
+        };
+        title.call(setContenteditable);
+    }
+
+    gd._context.setBackground(gd, gd._fullLayout.paper_bgcolor);
+    Plots.addLinks(gd);
+
+    return Promise.resolve();
+}
+
+// convenience function to force a full redraw, mostly for use by plotly.js
+Plotly.redraw = function(gd) {
+    gd = Lib.getGraphDiv(gd);
+
+    if(!Lib.isPlotDiv(gd)) {
+        throw new Error('This element is not a Plotly plot: ' + gd);
+    }
+
+    helpers.cleanData(gd.data, gd.data);
+    helpers.cleanLayout(gd.layout);
+
+    gd.calcdata = undefined;
+    return Plotly.plot(gd).then(function() {
+        gd.emit('plotly_redraw');
+        return gd;
+    });
+};
+
+/**
+ * Convenience function to make idempotent plot option obvious to users.
+ *
+ * @param gd
+ * @param {Object[]} data
+ * @param {Object} layout
+ * @param {Object} config
+ */
+Plotly.newPlot = function(gd, data, layout, config) {
+    gd = Lib.getGraphDiv(gd);
+
+    // remove gl contexts
+    Plots.cleanPlot([], {}, gd._fullData || {}, gd._fullLayout || {});
+
+    Plots.purge(gd);
+    return Plotly.plot(gd, data, layout, config);
+};
+
+/**
+ * Wrap negative indicies to their positive counterparts.
+ *
+ * @param {Number[]} indices An array of indices
+ * @param {Number} maxIndex The maximum index allowable (arr.length - 1)
+ */
+function positivifyIndices(indices, maxIndex) {
+    var parentLength = maxIndex + 1,
+        positiveIndices = [],
+        i,
+        index;
+
+    for(i = 0; i < indices.length; i++) {
+        index = indices[i];
+        if(index < 0) {
+            positiveIndices.push(parentLength + index);
+        } else {
+            positiveIndices.push(index);
+        }
+    }
+    return positiveIndices;
+}
+
+/**
+ * Ensures that an index array for manipulating gd.data is valid.
+ *
+ * Intended for use with addTraces, deleteTraces, and moveTraces.
+ *
+ * @param gd
+ * @param indices
+ * @param arrayName
+ */
+function assertIndexArray(gd, indices, arrayName) {
+    var i,
+        index;
+
+    for(i = 0; i < indices.length; i++) {
+        index = indices[i];
+
+        // validate that indices are indeed integers
+        if(index !== parseInt(index, 10)) {
+            throw new Error('all values in ' + arrayName + ' must be integers');
+        }
+
+        // check that all indices are in bounds for given gd.data array length
+        if(index >= gd.data.length || index < -gd.data.length) {
+            throw new Error(arrayName + ' must be valid indices for gd.data.');
+        }
+
+        // check that indices aren't repeated
+        if(indices.indexOf(index, i + 1) > -1 ||
+                index >= 0 && indices.indexOf(-gd.data.length + index) > -1 ||
+                index < 0 && indices.indexOf(gd.data.length + index) > -1) {
+            throw new Error('each index in ' + arrayName + ' must be unique.');
+        }
+    }
+}
+
+/**
+ * Private function used by Plotly.moveTraces to check input args
+ *
+ * @param gd
+ * @param currentIndices
+ * @param newIndices
+ */
+function checkMoveTracesArgs(gd, currentIndices, newIndices) {
+
+    // check that gd has attribute 'data' and 'data' is array
+    if(!Array.isArray(gd.data)) {
+        throw new Error('gd.data must be an array.');
+    }
+
+    // validate currentIndices array
+    if(typeof currentIndices === 'undefined') {
+        throw new Error('currentIndices is a required argument.');
+    } else if(!Array.isArray(currentIndices)) {
+        currentIndices = [currentIndices];
+    }
+    assertIndexArray(gd, currentIndices, 'currentIndices');
+
+    // validate newIndices array if it exists
+    if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) {
+        newIndices = [newIndices];
+    }
+    if(typeof newIndices !== 'undefined') {
+        assertIndexArray(gd, newIndices, 'newIndices');
+    }
+
+    // check currentIndices and newIndices are the same length if newIdices exists
+    if(typeof newIndices !== 'undefined' && currentIndices.length !== newIndices.length) {
+        throw new Error('current and new indices must be of equal length.');
+    }
+
+}
+/**
+ * A private function to reduce the type checking clutter in addTraces.
+ *
+ * @param gd
+ * @param traces
+ * @param newIndices
+ */
+function checkAddTracesArgs(gd, traces, newIndices) {
+    var i, value;
+
+    // check that gd has attribute 'data' and 'data' is array
+    if(!Array.isArray(gd.data)) {
+        throw new Error('gd.data must be an array.');
+    }
+
+    // make sure traces exists
+    if(typeof traces === 'undefined') {
+        throw new Error('traces must be defined.');
+    }
+
+    // make sure traces is an array
+    if(!Array.isArray(traces)) {
+        traces = [traces];
+    }
+
+    // make sure each value in traces is an object
+    for(i = 0; i < traces.length; i++) {
+        value = traces[i];
+        if(typeof value !== 'object' || (Array.isArray(value) || value === null)) {
+            throw new Error('all values in traces array must be non-array objects');
+        }
+    }
+
+    // make sure we have an index for each trace
+    if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) {
+        newIndices = [newIndices];
+    }
+    if(typeof newIndices !== 'undefined' && newIndices.length !== traces.length) {
+        throw new Error(
+            'if indices is specified, traces.length must equal indices.length'
+        );
+    }
+}
+
+/**
+ * A private function to reduce the type checking clutter in spliceTraces.
+ * Get all update Properties from gd.data. Validate inputs and outputs.
+ * Used by prependTrace and extendTraces
+ *
+ * @param gd
+ * @param update
+ * @param indices
+ * @param maxPoints
+ */
+function assertExtendTracesArgs(gd, update, indices, maxPoints) {
+
+    var maxPointsIsObject = Lib.isPlainObject(maxPoints);
+
+    if(!Array.isArray(gd.data)) {
+        throw new Error('gd.data must be an array');
+    }
+    if(!Lib.isPlainObject(update)) {
+        throw new Error('update must be a key:value object');
+    }
+
+    if(typeof indices === 'undefined') {
+        throw new Error('indices must be an integer or array of integers');
+    }
+
+    assertIndexArray(gd, indices, 'indices');
+
+    for(var key in update) {
+
+        /*
+         * Verify that the attribute to be updated contains as many trace updates
+         * as indices. Failure must result in throw and no-op
+         */
+        if(!Array.isArray(update[key]) || update[key].length !== indices.length) {
+            throw new Error('attribute ' + key + ' must be an array of length equal to indices array length');
+        }
+
+        /*
+         * if maxPoints is an object it must match keys and array lengths of 'update' 1:1
+         */
+        if(maxPointsIsObject &&
+            (!(key in maxPoints) || !Array.isArray(maxPoints[key]) ||
+            maxPoints[key].length !== update[key].length)) {
+            throw new Error('when maxPoints is set as a key:value object it must contain a 1:1 ' +
+                            'corrispondence with the keys and number of traces in the update object');
+        }
+    }
+}
+
+/**
+ * A private function to reduce the type checking clutter in spliceTraces.
+ *
+ * @param {Object|HTMLDivElement} gd
+ * @param {Object} update
+ * @param {Number[]} indices
+ * @param {Number||Object} maxPoints
+ * @return {Object[]}
+ */
+function getExtendProperties(gd, update, indices, maxPoints) {
+
+    var maxPointsIsObject = Lib.isPlainObject(maxPoints),
+        updateProps = [];
+    var trace, target, prop, insert, maxp;
+
+    // allow scalar index to represent a single trace position
+    if(!Array.isArray(indices)) indices = [indices];
+
+    // negative indices are wrapped around to their positive value. Equivalent to python indexing.
+    indices = positivifyIndices(indices, gd.data.length - 1);
+
+    // loop through all update keys and traces and harvest validated data.
+    for(var key in update) {
+
+        for(var j = 0; j < indices.length; j++) {
+
+            /*
+             * Choose the trace indexed by the indices map argument and get the prop setter-getter
+             * instance that references the key and value for this particular trace.
+             */
+            trace = gd.data[indices[j]];
+            prop = Lib.nestedProperty(trace, key);
+
+            /*
+             * Target is the existing gd.data.trace.dataArray value like "x" or "marker.size"
+             * Target must exist as an Array to allow the extend operation to be performed.
+             */
+            target = prop.get();
+            insert = update[key][j];
+
+            if(!Array.isArray(insert)) {
+                throw new Error('attribute: ' + key + ' index: ' + j + ' must be an array');
+            }
+            if(!Array.isArray(target)) {
+                throw new Error('cannot extend missing or non-array attribute: ' + key);
+            }
+
+            /*
+             * maxPoints may be an object map or a scalar. If object select the key:value, else
+             * Use the scalar maxPoints for all key and trace combinations.
+             */
+            maxp = maxPointsIsObject ? maxPoints[key][j] : maxPoints;
+
+            // could have chosen null here, -1 just tells us to not take a window
+            if(!isNumeric(maxp)) maxp = -1;
+
+            /*
+             * Wrap the nestedProperty in an object containing required data
+             * for lengthening and windowing this particular trace - key combination.
+             * Flooring maxp mirrors the behaviour of floats in the Array.slice JSnative function.
+             */
+            updateProps.push({
+                prop: prop,
+                target: target,
+                insert: insert,
+                maxp: Math.floor(maxp)
+            });
+        }
+    }
+
+    // all target and insertion data now validated
+    return updateProps;
+}
+
+/**
+ * A private function to key Extend and Prepend traces DRY
+ *
+ * @param {Object|HTMLDivElement} gd
+ * @param {Object} update
+ * @param {Number[]} indices
+ * @param {Number||Object} maxPoints
+ * @param {Function} lengthenArray
+ * @param {Function} spliceArray
+ * @return {Object}
+ */
+function spliceTraces(gd, update, indices, maxPoints, lengthenArray, spliceArray) {
+
+    assertExtendTracesArgs(gd, update, indices, maxPoints);
+
+    var updateProps = getExtendProperties(gd, update, indices, maxPoints),
+        remainder = [],
+        undoUpdate = {},
+        undoPoints = {};
+    var target, prop, maxp;
+
+    for(var i = 0; i < updateProps.length; i++) {
+
+        /*
+         * prop is the object returned by Lib.nestedProperties
+         */
+        prop = updateProps[i].prop;
+        maxp = updateProps[i].maxp;
+
+        target = lengthenArray(updateProps[i].target, updateProps[i].insert);
+
+        /*
+         * If maxp is set within post-extension trace.length, splice to maxp length.
+         * Otherwise skip function call as splice op will have no effect anyway.
+         */
+        if(maxp >= 0 && maxp < target.length) remainder = spliceArray(target, maxp);
+
+        /*
+         * to reverse this operation we need the size of the original trace as the reverse
+         * operation will need to window out any lengthening operation performed in this pass.
+         */
+        maxp = updateProps[i].target.length;
+
+        /*
+         * Magic happens here! update gd.data.trace[key] with new array data.
+         */
+        prop.set(target);
+
+        if(!Array.isArray(undoUpdate[prop.astr])) undoUpdate[prop.astr] = [];
+        if(!Array.isArray(undoPoints[prop.astr])) undoPoints[prop.astr] = [];
+
+        /*
+         * build the inverse update object for the undo operation
+         */
+        undoUpdate[prop.astr].push(remainder);
+
+        /*
+         * build the matching maxPoints undo object containing original trace lengths.
+         */
+        undoPoints[prop.astr].push(maxp);
+    }
+
+    return {update: undoUpdate, maxPoints: undoPoints};
+}
+
+/**
+ * extend && prepend traces at indices with update arrays, window trace lengths to maxPoints
+ *
+ * Extend and Prepend have identical APIs. Prepend inserts an array at the head while Extend
+ * inserts an array off the tail. Prepend truncates the tail of the array - counting maxPoints
+ * from the head, whereas Extend truncates the head of the array, counting backward maxPoints
+ * from the tail.
+ *
+ * If maxPoints is undefined, nonNumeric, negative or greater than extended trace length no
+ * truncation / windowing will be performed. If its zero, well the whole trace is truncated.
+ *
+ * @param {Object|HTMLDivElement} gd The graph div
+ * @param {Object} update The key:array map of target attributes to extend
+ * @param {Number|Number[]} indices The locations of traces to be extended
+ * @param {Number|Object} [maxPoints] Number of points for trace window after lengthening.
+ *
+ */
+Plotly.extendTraces = function extendTraces(gd, update, indices, maxPoints) {
+    gd = Lib.getGraphDiv(gd);
+
+    var undo = spliceTraces(gd, update, indices, maxPoints,
+
+                           /*
+                            * The Lengthen operation extends trace from end with insert
+                            */
+                            function(target, insert) {
+                                return target.concat(insert);
+                            },
+
+                            /*
+                             * Window the trace keeping maxPoints, counting back from the end
+                             */
+                            function(target, maxPoints) {
+                                return target.splice(0, target.length - maxPoints);
+                            });
+
+    var promise = Plotly.redraw(gd);
+
+    var undoArgs = [gd, undo.update, indices, undo.maxPoints];
+    Queue.add(gd, Plotly.prependTraces, undoArgs, extendTraces, arguments);
+
+    return promise;
+};
+
+Plotly.prependTraces = function prependTraces(gd, update, indices, maxPoints) {
+    gd = Lib.getGraphDiv(gd);
+
+    var undo = spliceTraces(gd, update, indices, maxPoints,
+
+                           /*
+                            * The Lengthen operation extends trace by appending insert to start
+                            */
+                            function(target, insert) {
+                                return insert.concat(target);
+                            },
+
+                            /*
+                             * Window the trace keeping maxPoints, counting forward from the start
+                             */
+                            function(target, maxPoints) {
+                                return target.splice(maxPoints, target.length);
+                            });
+
+    var promise = Plotly.redraw(gd);
+
+    var undoArgs = [gd, undo.update, indices, undo.maxPoints];
+    Queue.add(gd, Plotly.extendTraces, undoArgs, prependTraces, arguments);
+
+    return promise;
+};
+
+/**
+ * Add data traces to an existing graph div.
+ *
+ * @param {Object|HTMLDivElement} gd The graph div
+ * @param {Object[]} gd.data The array of traces we're adding to
+ * @param {Object[]|Object} traces The object or array of objects to add
+ * @param {Number[]|Number} [newIndices=[gd.data.length]] Locations to add traces
+ *
+ */
+Plotly.addTraces = function addTraces(gd, traces, newIndices) {
+    gd = Lib.getGraphDiv(gd);
+
+    var currentIndices = [],
+        undoFunc = Plotly.deleteTraces,
+        redoFunc = addTraces,
+        undoArgs = [gd, currentIndices],
+        redoArgs = [gd, traces],  // no newIndices here
+        i,
+        promise;
+
+    // all validation is done elsewhere to remove clutter here
+    checkAddTracesArgs(gd, traces, newIndices);
+
+    // make sure traces is an array
+    if(!Array.isArray(traces)) {
+        traces = [traces];
+    }
+
+    // make sure traces do not repeat existing ones
+    traces = traces.map(function(trace) {
+        return Lib.extendFlat({}, trace);
+    });
+
+    helpers.cleanData(traces, gd.data);
+
+    // add the traces to gd.data (no redrawing yet!)
+    for(i = 0; i < traces.length; i++) {
+        gd.data.push(traces[i]);
+    }
+
+    // to continue, we need to call moveTraces which requires currentIndices
+    for(i = 0; i < traces.length; i++) {
+        currentIndices.push(-traces.length + i);
+    }
+
+    // if the user didn't define newIndices, they just want the traces appended
+    // i.e., we can simply redraw and be done
+    if(typeof newIndices === 'undefined') {
+        promise = Plotly.redraw(gd);
+        Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+        return promise;
+    }
+
+    // make sure indices is property defined
+    if(!Array.isArray(newIndices)) {
+        newIndices = [newIndices];
+    }
+
+    try {
+
+        // this is redundant, but necessary to not catch later possible errors!
+        checkMoveTracesArgs(gd, currentIndices, newIndices);
+    }
+    catch(error) {
+
+        // something went wrong, reset gd to be safe and rethrow error
+        gd.data.splice(gd.data.length - traces.length, traces.length);
+        throw error;
+    }
+
+    // if we're here, the user has defined specific places to place the new traces
+    // this requires some extra work that moveTraces will do
+    Queue.startSequence(gd);
+    Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+    promise = Plotly.moveTraces(gd, currentIndices, newIndices);
+    Queue.stopSequence(gd);
+    return promise;
+};
+
+/**
+ * Delete traces at `indices` from gd.data array.
+ *
+ * @param {Object|HTMLDivElement} gd The graph div
+ * @param {Object[]} gd.data The array of traces we're removing from
+ * @param {Number|Number[]} indices The indices
+ */
+Plotly.deleteTraces = function deleteTraces(gd, indices) {
+    gd = Lib.getGraphDiv(gd);
+
+    var traces = [],
+        undoFunc = Plotly.addTraces,
+        redoFunc = deleteTraces,
+        undoArgs = [gd, traces, indices],
+        redoArgs = [gd, indices],
+        i,
+        deletedTrace;
+
+    // make sure indices are defined
+    if(typeof indices === 'undefined') {
+        throw new Error('indices must be an integer or array of integers.');
+    } else if(!Array.isArray(indices)) {
+        indices = [indices];
+    }
+    assertIndexArray(gd, indices, 'indices');
+
+    // convert negative indices to positive indices
+    indices = positivifyIndices(indices, gd.data.length - 1);
+
+    // we want descending here so that splicing later doesn't affect indexing
+    indices.sort(Lib.sorterDes);
+    for(i = 0; i < indices.length; i += 1) {
+        deletedTrace = gd.data.splice(indices[i], 1)[0];
+        traces.push(deletedTrace);
+    }
+
+    var promise = Plotly.redraw(gd);
+    Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+
+    return promise;
+};
+
+/**
+ * Move traces at currentIndices array to locations in newIndices array.
+ *
+ * If newIndices is omitted, currentIndices will be moved to the end. E.g.,
+ * these are equivalent:
+ *
+ * Plotly.moveTraces(gd, [1, 2, 3], [-3, -2, -1])
+ * Plotly.moveTraces(gd, [1, 2, 3])
+ *
+ * @param {Object|HTMLDivElement} gd The graph div
+ * @param {Object[]} gd.data The array of traces we're removing from
+ * @param {Number|Number[]} currentIndices The locations of traces to be moved
+ * @param {Number|Number[]} [newIndices] The locations to move traces to
+ *
+ * Example calls:
+ *
+ *      // move trace i to location x
+ *      Plotly.moveTraces(gd, i, x)
+ *
+ *      // move trace i to end of array
+ *      Plotly.moveTraces(gd, i)
+ *
+ *      // move traces i, j, k to end of array (i != j != k)
+ *      Plotly.moveTraces(gd, [i, j, k])
+ *
+ *      // move traces [i, j, k] to [x, y, z] (i != j != k) (x != y != z)
+ *      Plotly.moveTraces(gd, [i, j, k], [x, y, z])
+ *
+ *      // reorder all traces (assume there are 5--a, b, c, d, e)
+ *      Plotly.moveTraces(gd, [b, d, e, a, c])  // same as 'move to end'
+ */
+Plotly.moveTraces = function moveTraces(gd, currentIndices, newIndices) {
+    gd = Lib.getGraphDiv(gd);
+
+    var newData = [],
+        movingTraceMap = [],
+        undoFunc = moveTraces,
+        redoFunc = moveTraces,
+        undoArgs = [gd, newIndices, currentIndices],
+        redoArgs = [gd, currentIndices, newIndices],
+        i;
+
+    // to reduce complexity here, check args elsewhere
+    // this throws errors where appropriate
+    checkMoveTracesArgs(gd, currentIndices, newIndices);
+
+    // make sure currentIndices is an array
+    currentIndices = Array.isArray(currentIndices) ? currentIndices : [currentIndices];
+
+    // if undefined, define newIndices to point to the end of gd.data array
+    if(typeof newIndices === 'undefined') {
+        newIndices = [];
+        for(i = 0; i < currentIndices.length; i++) {
+            newIndices.push(-currentIndices.length + i);
+        }
+    }
+
+    // make sure newIndices is an array if it's user-defined
+    newIndices = Array.isArray(newIndices) ? newIndices : [newIndices];
+
+    // convert negative indices to positive indices (they're the same length)
+    currentIndices = positivifyIndices(currentIndices, gd.data.length - 1);
+    newIndices = positivifyIndices(newIndices, gd.data.length - 1);
+
+    // at this point, we've coerced the index arrays into predictable forms
+
+    // get the traces that aren't being moved around
+    for(i = 0; i < gd.data.length; i++) {
+
+        // if index isn't in currentIndices, include it in ignored!
+        if(currentIndices.indexOf(i) === -1) {
+            newData.push(gd.data[i]);
+        }
+    }
+
+    // get a mapping of indices to moving traces
+    for(i = 0; i < currentIndices.length; i++) {
+        movingTraceMap.push({newIndex: newIndices[i], trace: gd.data[currentIndices[i]]});
+    }
+
+    // reorder this mapping by newIndex, ascending
+    movingTraceMap.sort(function(a, b) {
+        return a.newIndex - b.newIndex;
+    });
+
+    // now, add the moving traces back in, in order!
+    for(i = 0; i < movingTraceMap.length; i += 1) {
+        newData.splice(movingTraceMap[i].newIndex, 0, movingTraceMap[i].trace);
+    }
+
+    gd.data = newData;
+
+    var promise = Plotly.redraw(gd);
+    Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+
+    return promise;
+};
+
+/**
+ * restyle: update trace attributes of an existing plot
+ *
+ * Can be called two ways.
+ *
+ * Signature 1:
+ * @param {String | HTMLDivElement} gd
+ *  the id or DOM element of the graph container div
+ * @param {String} astr
+ *  attribute string (like `'marker.symbol'`) to update
+ * @param {*} val
+ *  value to give this attribute
+ * @param {Number[] | Number} [traces]
+ *  integer or array of integers for the traces to alter (all if omitted)
+ *
+ * Signature 2:
+ * @param {String | HTMLDivElement} gd
+ *  (as in signature 1)
+ * @param {Object} aobj
+ *  attribute object `{astr1: val1, astr2: val2 ...}`
+ *  allows setting multiple attributes simultaneously
+ * @param {Number[] | Number} [traces]
+ *  (as in signature 1)
+ *
+ * `val` (or `val1`, `val2` ... in the object form) can be an array,
+ * to apply different values to each trace.
+ *
+ * If the array is too short, it will wrap around (useful for
+ * style files that want to specify cyclical default values).
+ */
+Plotly.restyle = function restyle(gd, astr, val, _traces) {
+    gd = Lib.getGraphDiv(gd);
+    helpers.clearPromiseQueue(gd);
+
+    var aobj = {};
+    if(typeof astr === 'string') aobj[astr] = val;
+    else if(Lib.isPlainObject(astr)) {
+        // the 3-arg form
+        aobj = Lib.extendFlat({}, astr);
+        if(_traces === undefined) _traces = val;
+    }
+    else {
+        Lib.warn('Restyle fail.', astr, val, _traces);
+        return Promise.reject();
+    }
+
+    if(Object.keys(aobj).length) gd.changed = true;
+
+    var traces = helpers.coerceTraceIndices(gd, _traces);
+
+    var specs = _restyle(gd, aobj, traces),
+        flags = specs.flags;
+
+    // clear calcdata and/or axis types if required so they get regenerated
+    if(flags.clearCalc) gd.calcdata = undefined;
+    if(flags.clearAxisTypes) helpers.clearAxisTypes(gd, traces, {});
+
+    // fill in redraw sequence
+    var seq = [];
+
+    if(flags.fullReplot) {
+        seq.push(Plotly.plot);
+    } else {
+        seq.push(Plots.previousPromises);
+
+        Plots.supplyDefaults(gd);
+
+        if(flags.style) seq.push(subroutines.doTraceStyle);
+        if(flags.colorbars) seq.push(subroutines.doColorBars);
+    }
+
+    seq.push(Plots.rehover);
+
+    Queue.add(gd,
+        restyle, [gd, specs.undoit, specs.traces],
+        restyle, [gd, specs.redoit, specs.traces]
+    );
+
+    var plotDone = Lib.syncOrAsync(seq, gd);
+    if(!plotDone || !plotDone.then) plotDone = Promise.resolve();
+
+    return plotDone.then(function() {
+        gd.emit('plotly_restyle', specs.eventData);
+        return gd;
+    });
+};
+
+// for undo: undefined initial vals must be turned into nulls
+// so that we unset rather than ignore them
+function undefinedToNull(val) {
+    if(val === undefined) return null;
+    return val;
+}
+
+function _restyle(gd, aobj, traces) {
+    var fullLayout = gd._fullLayout,
+        fullData = gd._fullData,
+        data = gd.data,
+        i;
+
+    // initialize flags
+    var flags = editTypes.traceFlags();
+
+    // copies of the change (and previous values of anything affected)
+    // for the undo / redo queue
+    var redoit = {},
+        undoit = {},
+        axlist,
+        flagAxForDelete = {};
+
+    // make a new empty vals array for undoit
+    function a0() { return traces.map(function() { return undefined; }); }
+
+    // for autoranging multiple axes
+    function addToAxlist(axid) {
+        var axName = Plotly.Axes.id2name(axid);
+        if(axlist.indexOf(axName) === -1) axlist.push(axName);
+    }
+
+    function autorangeAttr(axName) { return 'LAYOUT' + axName + '.autorange'; }
+
+    function rangeAttr(axName) { return 'LAYOUT' + axName + '.range'; }
+
+    // for attrs that interact (like scales & autoscales), save the
+    // old vals before making the change
+    // val=undefined will not set a value, just record what the value was.
+    // val=null will delete the attribute
+    // attr can be an array to set several at once (all to the same val)
+    function doextra(attr, val, i) {
+        if(Array.isArray(attr)) {
+            attr.forEach(function(a) { doextra(a, val, i); });
+            return;
+        }
+        // quit if explicitly setting this elsewhere
+        if(attr in aobj || helpers.hasParent(aobj, attr)) return;
+
+        var extraparam;
+        if(attr.substr(0, 6) === 'LAYOUT') {
+            extraparam = Lib.nestedProperty(gd.layout, attr.replace('LAYOUT', ''));
+        } else {
+            extraparam = Lib.nestedProperty(data[traces[i]], attr);
+        }
+
+        if(!(attr in undoit)) {
+            undoit[attr] = a0();
+        }
+        if(undoit[attr][i] === undefined) {
+            undoit[attr][i] = undefinedToNull(extraparam.get());
+        }
+        if(val !== undefined) {
+            extraparam.set(val);
+        }
+    }
+
+    // now make the changes to gd.data (and occasionally gd.layout)
+    // and figure out what kind of graphics update we need to do
+    for(var ai in aobj) {
+        if(helpers.hasParent(aobj, ai)) {
+            throw new Error('cannot set ' + ai + 'and a parent attribute simultaneously');
+        }
+
+        var vi = aobj[ai],
+            cont,
+            contFull,
+            param,
+            oldVal,
+            newVal,
+            valObject;
+
+        redoit[ai] = vi;
+
+        if(ai.substr(0, 6) === 'LAYOUT') {
+            param = Lib.nestedProperty(gd.layout, ai.replace('LAYOUT', ''));
+            undoit[ai] = [undefinedToNull(param.get())];
+            // since we're allowing val to be an array, allow it here too,
+            // even though that's meaningless
+            param.set(Array.isArray(vi) ? vi[0] : vi);
+            // ironically, the layout attrs in restyle only require replot,
+            // not relayout
+            flags.calc = true;
+            continue;
+        }
+
+        // set attribute in gd.data
+        undoit[ai] = a0();
+        for(i = 0; i < traces.length; i++) {
+            cont = data[traces[i]];
+            contFull = fullData[traces[i]];
+            param = Lib.nestedProperty(cont, ai);
+            oldVal = param.get();
+            newVal = Array.isArray(vi) ? vi[i % vi.length] : vi;
+
+            if(newVal === undefined) continue;
+
+            valObject = PlotSchema.getTraceValObject(contFull, param.parts);
+
+            if(valObject && valObject.impliedEdits && newVal !== null) {
+                for(var impliedKey in valObject.impliedEdits) {
+                    doextra(Lib.relativeAttr(ai, impliedKey), valObject.impliedEdits[impliedKey], i);
+                }
+            }
+
+            // changing colorbar size modes,
+            // make the resulting size not change
+            // note that colorbar fractional sizing is based on the
+            // original plot size, before anything (like a colorbar)
+            // increases the margins
+            else if(ai === 'colorbar.thicknessmode' && param.get() !== newVal &&
+                        ['fraction', 'pixels'].indexOf(newVal) !== -1 &&
+                        contFull.colorbar) {
+                var thicknorm =
+                    ['top', 'bottom'].indexOf(contFull.colorbar.orient) !== -1 ?
+                        (fullLayout.height - fullLayout.margin.t - fullLayout.margin.b) :
+                        (fullLayout.width - fullLayout.margin.l - fullLayout.margin.r);
+                doextra('colorbar.thickness', contFull.colorbar.thickness *
+                    (newVal === 'fraction' ? 1 / thicknorm : thicknorm), i);
+            }
+            else if(ai === 'colorbar.lenmode' && param.get() !== newVal &&
+                        ['fraction', 'pixels'].indexOf(newVal) !== -1 &&
+                        contFull.colorbar) {
+                var lennorm =
+                    ['top', 'bottom'].indexOf(contFull.colorbar.orient) !== -1 ?
+                        (fullLayout.width - fullLayout.margin.l - fullLayout.margin.r) :
+                        (fullLayout.height - fullLayout.margin.t - fullLayout.margin.b);
+                doextra('colorbar.len', contFull.colorbar.len *
+                    (newVal === 'fraction' ? 1 / lennorm : lennorm), i);
+            }
+            else if(ai === 'colorbar.tick0' || ai === 'colorbar.dtick') {
+                doextra('colorbar.tickmode', 'linear', i);
+            }
+
+            if(ai === 'type' && (newVal === 'pie') !== (oldVal === 'pie')) {
+                var labelsTo = 'x',
+                    valuesTo = 'y';
+                if((newVal === 'bar' || oldVal === 'bar') && cont.orientation === 'h') {
+                    labelsTo = 'y';
+                    valuesTo = 'x';
+                }
+                Lib.swapAttrs(cont, ['?', '?src'], 'labels', labelsTo);
+                Lib.swapAttrs(cont, ['d?', '?0'], 'label', labelsTo);
+                Lib.swapAttrs(cont, ['?', '?src'], 'values', valuesTo);
+
+                if(oldVal === 'pie') {
+                    Lib.nestedProperty(cont, 'marker.color')
+                        .set(Lib.nestedProperty(cont, 'marker.colors').get());
+
+                    // super kludgy - but if all pies are gone we won't remove them otherwise
+                    fullLayout._pielayer.selectAll('g.trace').remove();
+                } else if(Registry.traceIs(cont, 'cartesian')) {
+                    Lib.nestedProperty(cont, 'marker.colors')
+                        .set(Lib.nestedProperty(cont, 'marker.color').get());
+                    // look for axes that are no longer in use and delete them
+                    flagAxForDelete[cont.xaxis || 'x'] = true;
+                    flagAxForDelete[cont.yaxis || 'y'] = true;
+                }
+            }
+
+            undoit[ai][i] = undefinedToNull(oldVal);
+            // set the new value - if val is an array, it's one el per trace
+            // first check for attributes that get more complex alterations
+            var swapAttrs = [
+                'swapxy', 'swapxyaxes', 'orientation', 'orientationaxes'
+            ];
+            if(swapAttrs.indexOf(ai) !== -1) {
+                // setting an orientation: make sure it's changing
+                // before we swap everything else
+                if(ai === 'orientation') {
+                    param.set(newVal);
+                    // obnoxious that we need this level of coupling... but in order to
+                    // properly handle setting orientation to `null` we need to mimic
+                    // the logic inside Bars.supplyDefaults for default orientation
+                    var defaultOrientation = (cont.x && !cont.y) ? 'h' : 'v';
+                    if((param.get() || defaultOrientation) === contFull.orientation) {
+                        continue;
+                    }
+                }
+                // orientationaxes has no value,
+                // it flips everything and the axes
+                else if(ai === 'orientationaxes') {
+                    cont.orientation =
+                        {v: 'h', h: 'v'}[contFull.orientation];
+                }
+                helpers.swapXYData(cont);
+                flags.calc = flags.clearAxisTypes = true;
+            }
+            else if(Plots.dataArrayContainers.indexOf(param.parts[0]) !== -1) {
+                // TODO: use manageArrays.applyContainerArrayChanges here too
+                helpers.manageArrayContainers(param, newVal, undoit);
+                flags.calc = true;
+            }
+            else {
+                if(valObject) {
+                    // must redo calcdata when restyling array values of arrayOk attributes
+                    if(valObject.arrayOk && (Array.isArray(newVal) || Array.isArray(oldVal))) {
+                        flags.calc = true;
+                    }
+                    else editTypes.update(flags, valObject);
+                }
+                else {
+                    /*
+                     * if we couldn't find valObject,  assume a full recalc.
+                     * This can happen if you're changing type and making
+                     * some other edits too, so the modules we're
+                     * looking at don't have these attributes in them.
+                     */
+                    flags.calc = true;
+                }
+
+                // all the other ones, just modify that one attribute
+                param.set(newVal);
+            }
+        }
+
+        // swap the data attributes of the relevant x and y axes?
+        if(['swapxyaxes', 'orientationaxes'].indexOf(ai) !== -1) {
+            Plotly.Axes.swap(gd, traces);
+        }
+
+        // swap hovermode if set to "compare x/y data"
+        if(ai === 'orientationaxes') {
+            var hovermode = Lib.nestedProperty(gd.layout, 'hovermode');
+            if(hovermode.get() === 'x') {
+                hovermode.set('y');
+            } else if(hovermode.get() === 'y') {
+                hovermode.set('x');
+            }
+        }
+
+        // major enough changes deserve autoscale, autobin, and
+        // non-reversed axes so people don't get confused
+        if(['orientation', 'type'].indexOf(ai) !== -1) {
+            axlist = [];
+            for(i = 0; i < traces.length; i++) {
+                var trace = data[traces[i]];
+
+                if(Registry.traceIs(trace, 'cartesian')) {
+                    addToAxlist(trace.xaxis || 'x');
+                    addToAxlist(trace.yaxis || 'y');
+
+                    if(ai === 'type') {
+                        doextra(['autobinx', 'autobiny'], true, i);
+                    }
+                }
+            }
+
+            doextra(axlist.map(autorangeAttr), true, 0);
+            doextra(axlist.map(rangeAttr), [0, 1], 0);
+        }
+    }
+
+    // do we need to force a recalc?
+    var autorangeOn = false;
+    var axList = Plotly.Axes.list(gd);
+    for(i = 0; i < axList.length; i++) {
+        if(axList[i].autorange) {
+            autorangeOn = true;
+            break;
+        }
+    }
+
+    // check axes we've flagged for possible deletion
+    // flagAxForDelete is a hash so we can make sure we only get each axis once
+    var axListForDelete = Object.keys(flagAxForDelete);
+    axisLoop:
+    for(i = 0; i < axListForDelete.length; i++) {
+        var axId = axListForDelete[i],
+            axLetter = axId.charAt(0),
+            axAttr = axLetter + 'axis';
+
+        for(var j = 0; j < data.length; j++) {
+            if(Registry.traceIs(data[j], 'cartesian') &&
+                    (data[j][axAttr] || axLetter) === axId) {
+                continue axisLoop;
+            }
+        }
+
+        // no data on this axis - delete it.
+        doextra('LAYOUT' + Plotly.Axes.id2name(axId), null, 0);
+    }
+
+    // combine a few flags together;
+    if(flags.calc || (flags.calcIfAutorange && autorangeOn)) {
+        flags.clearCalc = true;
+    }
+    if(flags.calc || flags.plot || flags.calcIfAutorange) {
+        flags.fullReplot = true;
+    }
+
+    return {
+        flags: flags,
+        undoit: undoit,
+        redoit: redoit,
+        traces: traces,
+        eventData: Lib.extendDeepNoArrays([], [redoit, traces])
+    };
+}
+
+/**
+ * relayout: update layout attributes of an existing plot
+ *
+ * Can be called two ways:
+ *
+ * Signature 1:
+ * @param {String | HTMLDivElement} gd
+ *  the id or dom element of the graph container div
+ * @param {String} astr
+ *  attribute string (like `'xaxis.range[0]'`) to update
+ * @param {*} val
+ *  value to give this attribute
+ *
+ * Signature 2:
+ * @param {String | HTMLDivElement} gd
+ *  (as in signature 1)
+ * @param {Object} aobj
+ *  attribute object `{astr1: val1, astr2: val2 ...}`
+ *  allows setting multiple attributes simultaneously
+ */
+Plotly.relayout = function relayout(gd, astr, val) {
+    gd = Lib.getGraphDiv(gd);
+    helpers.clearPromiseQueue(gd);
+
+    if(gd.framework && gd.framework.isPolar) {
+        return Promise.resolve(gd);
+    }
+
+    var aobj = {};
+    if(typeof astr === 'string') {
+        aobj[astr] = val;
+    } else if(Lib.isPlainObject(astr)) {
+        aobj = Lib.extendFlat({}, astr);
+    } else {
+        Lib.warn('Relayout fail.', astr, val);
+        return Promise.reject();
+    }
+
+    if(Object.keys(aobj).length) gd.changed = true;
+
+    var specs = _relayout(gd, aobj),
+        flags = specs.flags;
+
+    // clear calcdata if required
+    if(flags.calc) gd.calcdata = undefined;
+
+    // fill in redraw sequence
+
+    // even if we don't have anything left in aobj,
+    // something may have happened within relayout that we
+    // need to wait for
+    var seq = [Plots.previousPromises];
+
+    if(flags.layoutReplot) {
+        seq.push(subroutines.layoutReplot);
+    }
+    else if(Object.keys(aobj).length) {
+        Plots.supplyDefaults(gd);
+
+        if(flags.legend) seq.push(subroutines.doLegend);
+        if(flags.layoutstyle) seq.push(subroutines.layoutStyles);
+        if(flags.ticks) seq.push(subroutines.doTicksRelayout);
+        if(flags.modebar) seq.push(subroutines.doModeBar);
+        if(flags.camera) seq.push(subroutines.doCamera);
+    }
+
+    seq.push(Plots.rehover);
+
+    Queue.add(gd,
+        relayout, [gd, specs.undoit],
+        relayout, [gd, specs.redoit]
+    );
+
+    var plotDone = Lib.syncOrAsync(seq, gd);
+    if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd);
+
+    return plotDone.then(function() {
+        gd.emit('plotly_relayout', specs.eventData);
+        return gd;
+    });
+};
+
+function _relayout(gd, aobj) {
+    var layout = gd.layout,
+        fullLayout = gd._fullLayout,
+        keys = Object.keys(aobj),
+        axes = Plotly.Axes.list(gd),
+        arrayEdits = {},
+        arrayStr,
+        i,
+        j;
+
+    // look for 'allaxes', split out into all axes
+    // in case of 3D the axis are nested within a scene which is held in _id
+    for(i = 0; i < keys.length; i++) {
+        if(keys[i].indexOf('allaxes') === 0) {
+            for(j = 0; j < axes.length; j++) {
+                var scene = axes[j]._id.substr(1),
+                    axisAttr = (scene.indexOf('scene') !== -1) ? (scene + '.') : '',
+                    newkey = keys[i].replace('allaxes', axisAttr + axes[j]._name);
+
+                if(!aobj[newkey]) aobj[newkey] = aobj[keys[i]];
+            }
+
+            delete aobj[keys[i]];
+        }
+    }
+
+    // initialize flags
+    var flags = editTypes.layoutFlags();
+
+    // copies of the change (and previous values of anything affected)
+    // for the undo / redo queue
+    var redoit = {},
+        undoit = {};
+
+    // for attrs that interact (like scales & autoscales), save the
+    // old vals before making the change
+    // val=undefined will not set a value, just record what the value was.
+    // attr can be an array to set several at once (all to the same val)
+    function doextra(attr, val) {
+        if(Array.isArray(attr)) {
+            attr.forEach(function(a) { doextra(a, val); });
+            return;
+        }
+
+        // if we have another value for this attribute (explicitly or
+        // via a parent) do not override with this auto-generated extra
+        if(attr in aobj || helpers.hasParent(aobj, attr)) return;
+
+        var p = Lib.nestedProperty(layout, attr);
+        if(!(attr in undoit)) {
+            undoit[attr] = undefinedToNull(p.get());
+        }
+        if(val !== undefined) p.set(val);
+    }
+
+    // for editing annotations or shapes - is it on autoscaled axes?
+    function refAutorange(obj, axLetter) {
+        if(!Lib.isPlainObject(obj)) return false;
+        var axRef = obj[axLetter + 'ref'] || axLetter,
+            ax = Plotly.Axes.getFromId(gd, axRef);
+
+        if(!ax && axRef.charAt(0) === axLetter) {
+            // fall back on the primary axis in case we've referenced a
+            // nonexistent axis (as we do above if axRef is missing).
+            // This assumes the object defaults to data referenced, which
+            // is the case for shapes and annotations but not for images.
+            // The only thing this is used for is to determine whether to
+            // do a full `recalc`, so the only ill effect of this error is
+            // to waste some time.
+            ax = Plotly.Axes.getFromId(gd, axLetter);
+        }
+        return (ax || {}).autorange;
+    }
+
+    // for constraint enforcement: keep track of all axes (as {id: name})
+    // we're editing the (auto)range of, so we can tell the others constrained
+    // to scale with them that it's OK for them to shrink
+    var rangesAltered = {};
+    var axId;
+
+    function recordAlteredAxis(pleafPlus) {
+        var axId = axisIds.name2id(pleafPlus.split('.')[0]);
+        rangesAltered[axId] = 1;
+        return axId;
+    }
+
+    // alter gd.layout
+    for(var ai in aobj) {
+        if(helpers.hasParent(aobj, ai)) {
+            throw new Error('cannot set ' + ai + 'and a parent attribute simultaneously');
+        }
+
+        var p = Lib.nestedProperty(layout, ai),
+            vi = aobj[ai],
+            plen = p.parts.length,
+            // p.parts may end with an index integer if the property is an array
+            pend = typeof p.parts[plen - 1] === 'string' ? (plen - 1) : (plen - 2),
+            // last property in chain (leaf node)
+            pleaf = p.parts[pend],
+            // leaf plus immediate parent
+            pleafPlus = p.parts[pend - 1] + '.' + pleaf,
+            // trunk nodes (everything except the leaf)
+            ptrunk = p.parts.slice(0, pend).join('.'),
+            parentIn = Lib.nestedProperty(gd.layout, ptrunk).get(),
+            parentFull = Lib.nestedProperty(fullLayout, ptrunk).get(),
+            vOld = p.get();
+
+        if(vi === undefined) continue;
+
+        redoit[ai] = vi;
+
+        // axis reverse is special - it is its own inverse
+        // op and has no flag.
+        undoit[ai] = (pleaf === 'reverse') ? vi : undefinedToNull(vOld);
+
+        var valObject = PlotSchema.getLayoutValObject(fullLayout, p.parts);
+
+        if(valObject && valObject.impliedEdits && vi !== null) {
+            for(var impliedKey in valObject.impliedEdits) {
+                doextra(Lib.relativeAttr(ai, impliedKey), valObject.impliedEdits[impliedKey]);
+            }
+        }
+
+        // Setting width or height to null must reset the graph's width / height
+        // back to its initial value as computed during the first pass in Plots.plotAutoSize.
+        //
+        // To do so, we must manually set them back here using the _initialAutoSize cache.
+        if(['width', 'height'].indexOf(ai) !== -1 && vi === null) {
+            fullLayout[ai] = gd._initialAutoSize[ai];
+        }
+        // check autorange vs range
+        else if(pleafPlus.match(/^[xyz]axis[0-9]*\.range(\[[0|1]\])?$/)) {
+            recordAlteredAxis(pleafPlus);
+            Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null);
+        }
+        else if(pleafPlus.match(/^[xyz]axis[0-9]*\.autorange$/)) {
+            recordAlteredAxis(pleafPlus);
+            Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null);
+            var axFull = Lib.nestedProperty(fullLayout, ptrunk).get();
+            if(axFull._inputDomain) {
+                // if we're autoranging and this axis has a constrained domain,
+                // reset it so we don't get locked into a shrunken size
+                axFull._input.domain = axFull._inputDomain.slice();
+            }
+        }
+        else if(pleafPlus.match(/^[xyz]axis[0-9]*\.domain(\[[0|1]\])?$/)) {
+            Lib.nestedProperty(fullLayout, ptrunk + '._inputDomain').set(null);
+        }
+
+        // toggling axis type between log and linear: we need to convert
+        // positions for components that are still using linearized values,
+        // not data values like newer components.
+        // previously we did this for log <-> not-log, but now only do it
+        // for log <-> linear
+        if(pleaf === 'type') {
+            var ax = parentIn,
+                toLog = parentFull.type === 'linear' && vi === 'log',
+                fromLog = parentFull.type === 'log' && vi === 'linear';
+
+            if(toLog || fromLog) {
+                if(!ax || !ax.range) {
+                    // 2D never gets here, but 3D does
+                    // I don't think this is needed, but left here in case there
+                    // are edge cases I'm not thinking of.
+                    doextra(ptrunk + '.autorange', true);
+                }
+                else if(!parentFull.autorange) {
+                    // toggling log without autorange: need to also recalculate ranges
+                    // because log axes use linearized values for range endpoints
+                    var r0 = ax.range[0],
+                        r1 = ax.range[1];
+                    if(toLog) {
+                        // if both limits are negative, autorange
+                        if(r0 <= 0 && r1 <= 0) {
+                            doextra(ptrunk + '.autorange', true);
+                        }
+                        // if one is negative, set it 6 orders below the other.
+                        if(r0 <= 0) r0 = r1 / 1e6;
+                        else if(r1 <= 0) r1 = r0 / 1e6;
+                        // now set the range values as appropriate
+                        doextra(ptrunk + '.range[0]', Math.log(r0) / Math.LN10);
+                        doextra(ptrunk + '.range[1]', Math.log(r1) / Math.LN10);
+                    }
+                    else {
+                        doextra(ptrunk + '.range[0]', Math.pow(10, r0));
+                        doextra(ptrunk + '.range[1]', Math.pow(10, r1));
+                    }
+                }
+                else if(toLog) {
+                    // just make sure the range is positive and in the right
+                    // order, it'll get recalculated later
+                    ax.range = (ax.range[1] > ax.range[0]) ? [1, 2] : [2, 1];
+                }
+
+                // Annotations and images also need to convert to/from linearized coords
+                // Shapes do not need this :)
+                Registry.getComponentMethod('annotations', 'convertCoords')(gd, parentFull, vi, doextra);
+                Registry.getComponentMethod('images', 'convertCoords')(gd, parentFull, vi, doextra);
+            }
+            else {
+                // any other type changes: the range from the previous type
+                // will not make sense, so autorange it.
+                doextra(ptrunk + '.autorange', true);
+                doextra(ptrunk + '.range', null);
+            }
+            Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null);
+        }
+        else if(pleaf.match(cartesianConstants.AX_NAME_PATTERN)) {
+            var fullProp = Lib.nestedProperty(fullLayout, ai).get(),
+                newType = (vi || {}).type;
+
+            // This can potentially cause strange behavior if the autotype is not
+            // numeric (linear, because we don't auto-log) but the previous type
+            // was log. That's a very strange edge case though
+            if(!newType || newType === '-') newType = 'linear';
+            Registry.getComponentMethod('annotations', 'convertCoords')(gd, fullProp, newType, doextra);
+            Registry.getComponentMethod('images', 'convertCoords')(gd, fullProp, newType, doextra);
+        }
+
+        // alter gd.layout
+
+        // collect array component edits for execution all together
+        // so we can ensure consistent behavior adding/removing items
+        // and order-independence for add/remove/edit all together in
+        // one relayout call
+        var containerArrayMatch = manageArrays.containerArrayMatch(ai);
+        if(containerArrayMatch) {
+            arrayStr = containerArrayMatch.array;
+            i = containerArrayMatch.index;
+            var propStr = containerArrayMatch.property;
+            var componentArray = Lib.nestedProperty(layout, arrayStr);
+            var obji = (componentArray || [])[i] || {};
+            var objToAutorange = obji;
+
+            var updateValObject = valObject || {editType: 'calc'};
+            var checkForAutorange = updateValObject.editType.indexOf('calcIfAutorange') !== -1;
+
+            if(i === '') {
+                // replacing the entire array - too many possibilities, just recalc
+                if(checkForAutorange) flags.calc = true;
+                else editTypes.update(flags, updateValObject);
+                checkForAutorange = false; // clear this, we're already doing a recalc
+            }
+            else if(propStr === '') {
+                // special handling of undoit if we're adding or removing an element
+                // ie 'annotations[2]' which can be {...} (add) or null (remove)
+                objToAutorange = vi;
+                if(manageArrays.isAddVal(vi)) {
+                    undoit[ai] = null;
+                }
+                else if(manageArrays.isRemoveVal(vi)) {
+                    undoit[ai] = obji;
+                    objToAutorange = obji;
+                }
+                else Lib.warn('unrecognized full object value', aobj);
+            }
+
+            if(checkForAutorange && (refAutorange(objToAutorange, 'x') || refAutorange(objToAutorange, 'y'))) {
+                flags.calc = true;
+            }
+            else editTypes.update(flags, updateValObject);
+
+
+            // prepare the edits object we'll send to applyContainerArrayChanges
+            if(!arrayEdits[arrayStr]) arrayEdits[arrayStr] = {};
+            var objEdits = arrayEdits[arrayStr][i];
+            if(!objEdits) objEdits = arrayEdits[arrayStr][i] = {};
+            objEdits[propStr] = vi;
+
+            delete aobj[ai];
+        }
+        // handle axis reversal explicitly, as there's no 'reverse' attribute
+        else if(pleaf === 'reverse') {
+            if(parentIn.range) parentIn.range.reverse();
+            else {
+                doextra(ptrunk + '.autorange', true);
+                parentIn.range = [1, 0];
+            }
+
+            if(parentFull.autorange) flags.calc = true;
+            else flags.plot = true;
+        }
+        else {
+            if(fullLayout._has('gl2d') &&
+                (ai === 'dragmode' &&
+                (vi === 'lasso' || vi === 'select') &&
+                !(vOld === 'lasso' || vOld === 'select'))
+            ) {
+                flags.calc = true;
+            }
+            else if(valObject) editTypes.update(flags, valObject);
+            else flags.calc = true;
+
+            p.set(vi);
+        }
+    }
+
+    // now we've collected component edits - execute them all together
+    for(arrayStr in arrayEdits) {
+        var finished = manageArrays.applyContainerArrayChanges(gd,
+            Lib.nestedProperty(layout, arrayStr), arrayEdits[arrayStr], flags);
+        if(!finished) flags.plot = true;
+    }
+
+    // figure out if we need to recalculate axis constraints
+    var constraints = fullLayout._axisConstraintGroups;
+    for(axId in rangesAltered) {
+        for(i = 0; i < constraints.length; i++) {
+            var group = constraints[i];
+            if(group[axId]) {
+                // Always recalc if we're changing constrained ranges.
+                // Otherwise it's possible to violate the constraints by
+                // specifying arbitrary ranges for all axes in the group.
+                // this way some ranges may expand beyond what's specified,
+                // as they do at first draw, to satisfy the constraints.
+                flags.calc = true;
+                for(var groupAxId in group) {
+                    if(!rangesAltered[groupAxId]) {
+                        axisIds.getFromId(gd, groupAxId)._constraintShrinkable = true;
+                    }
+                }
+            }
+        }
+    }
+
+    var oldWidth = fullLayout.width,
+        oldHeight = fullLayout.height;
+
+    // calculate autosizing
+    if(gd.layout.autosize) Plots.plotAutoSize(gd, gd.layout, fullLayout);
+
+    // avoid unnecessary redraws
+    var hasSizechanged = aobj.height || aobj.width ||
+        (fullLayout.width !== oldWidth) ||
+        (fullLayout.height !== oldHeight);
+
+    if(hasSizechanged) flags.calc = true;
+
+    if(flags.plot || flags.calc) {
+        flags.layoutReplot = true;
+    }
+
+    // now all attribute mods are done, as are
+    // redo and undo so we can save them
+
+    return {
+        flags: flags,
+        undoit: undoit,
+        redoit: redoit,
+        eventData: Lib.extendDeep({}, redoit)
+    };
+}
+
+/**
+ * update: update trace and layout attributes of an existing plot
+ *
+ * @param {String | HTMLDivElement} gd
+ *  the id or DOM element of the graph container div
+ * @param {Object} traceUpdate
+ *  attribute object `{astr1: val1, astr2: val2 ...}`
+ *  corresponding to updates in the plot's traces
+ * @param {Object} layoutUpdate
+ *  attribute object `{astr1: val1, astr2: val2 ...}`
+ *  corresponding to updates in the plot's layout
+ * @param {Number[] | Number} [traces]
+ *  integer or array of integers for the traces to alter (all if omitted)
+ *
+ */
+Plotly.update = function update(gd, traceUpdate, layoutUpdate, _traces) {
+    gd = Lib.getGraphDiv(gd);
+    helpers.clearPromiseQueue(gd);
+
+    if(gd.framework && gd.framework.isPolar) {
+        return Promise.resolve(gd);
+    }
+
+    if(!Lib.isPlainObject(traceUpdate)) traceUpdate = {};
+    if(!Lib.isPlainObject(layoutUpdate)) layoutUpdate = {};
+
+    if(Object.keys(traceUpdate).length) gd.changed = true;
+    if(Object.keys(layoutUpdate).length) gd.changed = true;
+
+    var traces = helpers.coerceTraceIndices(gd, _traces);
+
+    var restyleSpecs = _restyle(gd, Lib.extendFlat({}, traceUpdate), traces),
+        restyleFlags = restyleSpecs.flags;
+
+    var relayoutSpecs = _relayout(gd, Lib.extendFlat({}, layoutUpdate)),
+        relayoutFlags = relayoutSpecs.flags;
+
+    // clear calcdata and/or axis types if required
+    if(restyleFlags.clearCalc || relayoutFlags.calc) gd.calcdata = undefined;
+    if(restyleFlags.clearAxisTypes) helpers.clearAxisTypes(gd, traces, layoutUpdate);
+
+    // fill in redraw sequence
+    var seq = [];
+
+    if(restyleFlags.fullReplot && relayoutFlags.layoutReplot) {
+        var data = gd.data,
+            layout = gd.layout;
+
+        // clear existing data/layout on gd
+        // so that Plotly.plot doesn't try to extend them
+        gd.data = undefined;
+        gd.layout = undefined;
+
+        seq.push(function() { return Plotly.plot(gd, data, layout); });
+    }
+    else if(restyleFlags.fullReplot) {
+        seq.push(Plotly.plot);
+    }
+    else if(relayoutFlags.layoutReplot) {
+        seq.push(subroutines.layoutReplot);
+    }
+    else {
+        seq.push(Plots.previousPromises);
+        Plots.supplyDefaults(gd);
+
+        if(restyleFlags.style) seq.push(subroutines.doTraceStyle);
+        if(restyleFlags.colorbars) seq.push(subroutines.doColorBars);
+        if(relayoutFlags.legend) seq.push(subroutines.doLegend);
+        if(relayoutFlags.layoutstyle) seq.push(subroutines.layoutStyles);
+        if(relayoutFlags.ticks) seq.push(subroutines.doTicksRelayout);
+        if(relayoutFlags.modebar) seq.push(subroutines.doModeBar);
+        if(relayoutFlags.camera) seq.push(subroutines.doCamera);
+    }
+
+    seq.push(Plots.rehover);
+
+    Queue.add(gd,
+        update, [gd, restyleSpecs.undoit, relayoutSpecs.undoit, restyleSpecs.traces],
+        update, [gd, restyleSpecs.redoit, relayoutSpecs.redoit, restyleSpecs.traces]
+    );
+
+    var plotDone = Lib.syncOrAsync(seq, gd);
+    if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd);
+
+    return plotDone.then(function() {
+        gd.emit('plotly_update', {
+            data: restyleSpecs.eventData,
+            layout: relayoutSpecs.eventData
+        });
+
+        return gd;
+    });
+};
+
+/**
+ * Animate to a frame, sequence of frame, frame group, or frame definition
+ *
+ * @param {string id or DOM element} gd
+ *      the id or DOM element of the graph container div
+ *
+ * @param {string or object or array of strings or array of objects} frameOrGroupNameOrFrameList
+ *      a single frame, array of frames, or group to which to animate. The intent is
+ *      inferred by the type of the input. Valid inputs are:
+ *
+ *      - string, e.g. 'groupname': animate all frames of a given `group` in the order
+ *            in which they are defined via `Plotly.addFrames`.
+ *
+ *      - array of strings, e.g. ['frame1', frame2']: a list of frames by name to which
+ *            to animate in sequence
+ *
+ *      - object: {data: ...}: a frame definition to which to animate. The frame is not
+ *            and does not need to be added via `Plotly.addFrames`. It may contain any of
+ *            the properties of a frame, including `data`, `layout`, and `traces`. The
+ *            frame is used as provided and does not use the `baseframe` property.
+ *
+ *      - array of objects, e.g. [{data: ...}, {data: ...}]: a list of frame objects,
+ *            each following the same rules as a single `object`.
+ *
+ * @param {object} animationOpts
+ *      configuration for the animation
+ */
+Plotly.animate = function(gd, frameOrGroupNameOrFrameList, animationOpts) {
+    gd = Lib.getGraphDiv(gd);
+
+    if(!Lib.isPlotDiv(gd)) {
+        throw new Error(
+            'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' +
+            'to create a plot before animating it. For more details, see ' +
+            'https://plot.ly/javascript/animations/'
+        );
+    }
+
+    var trans = gd._transitionData;
+
+    // This is the queue of frames that will be animated as soon as possible. They
+    // are popped immediately upon the *start* of a transition:
+    if(!trans._frameQueue) {
+        trans._frameQueue = [];
+    }
+
+    animationOpts = Plots.supplyAnimationDefaults(animationOpts);
+    var transitionOpts = animationOpts.transition;
+    var frameOpts = animationOpts.frame;
+
+    // Since frames are popped immediately, an empty queue only means all frames have
+    // *started* to transition, not that the animation is complete. To solve that,
+    // track a separate counter that increments at the same time as frames are added
+    // to the queue, but decrements only when the transition is complete.
+    if(trans._frameWaitingCnt === undefined) {
+        trans._frameWaitingCnt = 0;
+    }
+
+    function getTransitionOpts(i) {
+        if(Array.isArray(transitionOpts)) {
+            if(i >= transitionOpts.length) {
+                return transitionOpts[0];
+            } else {
+                return transitionOpts[i];
+            }
+        } else {
+            return transitionOpts;
+        }
+    }
+
+    function getFrameOpts(i) {
+        if(Array.isArray(frameOpts)) {
+            if(i >= frameOpts.length) {
+                return frameOpts[0];
+            } else {
+                return frameOpts[i];
+            }
+        } else {
+            return frameOpts;
+        }
+    }
+
+    // Execute a callback after the wrapper function has been called n times.
+    // This is used to defer the resolution until a transition has resovled *and*
+    // the frame has completed. If it's not done this way, then we get a race
+    // condition in which the animation might resolve before a transition is complete
+    // or vice versa.
+    function callbackOnNthTime(cb, n) {
+        var cnt = 0;
+        return function() {
+            if(cb && ++cnt === n) {
+                return cb();
+            }
+        };
+    }
+
+    return new Promise(function(resolve, reject) {
+        function discardExistingFrames() {
+            if(trans._frameQueue.length === 0) {
+                return;
+            }
+
+            while(trans._frameQueue.length) {
+                var next = trans._frameQueue.pop();
+                if(next.onInterrupt) {
+                    next.onInterrupt();
+                }
+            }
+
+            gd.emit('plotly_animationinterrupted', []);
+        }
+
+        function queueFrames(frameList) {
+            if(frameList.length === 0) return;
+
+            for(var i = 0; i < frameList.length; i++) {
+                var computedFrame;
+
+                if(frameList[i].type === 'byname') {
+                    // If it's a named frame, compute it:
+                    computedFrame = Plots.computeFrame(gd, frameList[i].name);
+                } else {
+                    // Otherwise we must have been given a simple object, so treat
+                    // the input itself as the computed frame.
+                    computedFrame = frameList[i].data;
+                }
+
+                var frameOpts = getFrameOpts(i);
+                var transitionOpts = getTransitionOpts(i);
+
+                // It doesn't make much sense for the transition duration to be greater than
+                // the frame duration, so limit it:
+                transitionOpts.duration = Math.min(transitionOpts.duration, frameOpts.duration);
+
+                var nextFrame = {
+                    frame: computedFrame,
+                    name: frameList[i].name,
+                    frameOpts: frameOpts,
+                    transitionOpts: transitionOpts,
+                };
+                if(i === frameList.length - 1) {
+                    // The last frame in this .animate call stores the promise resolve
+                    // and reject callbacks. This is how we ensure that the animation
+                    // loop (which may exist as a result of a *different* .animate call)
+                    // still resolves or rejecdts this .animate call's promise. once it's
+                    // complete.
+                    nextFrame.onComplete = callbackOnNthTime(resolve, 2);
+                    nextFrame.onInterrupt = reject;
+                }
+
+                trans._frameQueue.push(nextFrame);
+            }
+
+            // Set it as never having transitioned to a frame. This will cause the animation
+            // loop to immediately transition to the next frame (which, for immediate mode,
+            // is the first frame in the list since all others would have been discarded
+            // below)
+            if(animationOpts.mode === 'immediate') {
+                trans._lastFrameAt = -Infinity;
+            }
+
+            // Only it's not already running, start a RAF loop. This could be avoided in the
+            // case that there's only one frame, but it significantly complicated the logic
+            // and only sped things up by about 5% or so for a lorenz attractor simulation.
+            // It would be a fine thing to implement, but the benefit of that optimization
+            // doesn't seem worth the extra complexity.
+            if(!trans._animationRaf) {
+                beginAnimationLoop();
+            }
+        }
+
+        function stopAnimationLoop() {
+            gd.emit('plotly_animated');
+
+            // Be sure to unset also since it's how we know whether a loop is already running:
+            window.cancelAnimationFrame(trans._animationRaf);
+            trans._animationRaf = null;
+        }
+
+        function nextFrame() {
+            if(trans._currentFrame && trans._currentFrame.onComplete) {
+                // Execute the callback and unset it to ensure it doesn't
+                // accidentally get called twice
+                trans._currentFrame.onComplete();
+            }
+
+            var newFrame = trans._currentFrame = trans._frameQueue.shift();
+
+            if(newFrame) {
+                // Since it's sometimes necessary to do deep digging into frame data,
+                // we'll consider it not 100% impossible for nulls or numbers to sneak through,
+                // so check when casting the name, just to be absolutely certain:
+                var stringName = newFrame.name ? newFrame.name.toString() : null;
+                gd._fullLayout._currentFrame = stringName;
+
+                trans._lastFrameAt = Date.now();
+                trans._timeToNext = newFrame.frameOpts.duration;
+
+                // This is simply called and it's left to .transition to decide how to manage
+                // interrupting current transitions. That means we don't need to worry about
+                // how it resolves or what happens after this:
+                Plots.transition(gd,
+                    newFrame.frame.data,
+                    newFrame.frame.layout,
+                    helpers.coerceTraceIndices(gd, newFrame.frame.traces),
+                    newFrame.frameOpts,
+                    newFrame.transitionOpts
+                ).then(function() {
+                    if(newFrame.onComplete) {
+                        newFrame.onComplete();
+                    }
+
+                });
+
+                gd.emit('plotly_animatingframe', {
+                    name: stringName,
+                    frame: newFrame.frame,
+                    animation: {
+                        frame: newFrame.frameOpts,
+                        transition: newFrame.transitionOpts,
+                    }
+                });
+            } else {
+                // If there are no more frames, then stop the RAF loop:
+                stopAnimationLoop();
+            }
+        }
+
+        function beginAnimationLoop() {
+            gd.emit('plotly_animating');
+
+            // If no timer is running, then set last frame = long ago so that the next
+            // frame is immediately transitioned:
+            trans._lastFrameAt = -Infinity;
+            trans._timeToNext = 0;
+            trans._runningTransitions = 0;
+            trans._currentFrame = null;
+
+            var doFrame = function() {
+                // This *must* be requested before nextFrame since nextFrame may decide
+                // to cancel it if there's nothing more to animated:
+                trans._animationRaf = window.requestAnimationFrame(doFrame);
+
+                // Check if we're ready for a new frame:
+                if(Date.now() - trans._lastFrameAt > trans._timeToNext) {
+                    nextFrame();
+                }
+            };
+
+            doFrame();
+        }
+
+        // This is an animate-local counter that helps match up option input list
+        // items with the particular frame.
+        var configCounter = 0;
+        function setTransitionConfig(frame) {
+            if(Array.isArray(transitionOpts)) {
+                if(configCounter >= transitionOpts.length) {
+                    frame.transitionOpts = transitionOpts[configCounter];
+                } else {
+                    frame.transitionOpts = transitionOpts[0];
+                }
+            } else {
+                frame.transitionOpts = transitionOpts;
+            }
+            configCounter++;
+            return frame;
+        }
+
+        // Disambiguate what's sort of frames have been received
+        var i, frame;
+        var frameList = [];
+        var allFrames = frameOrGroupNameOrFrameList === undefined || frameOrGroupNameOrFrameList === null;
+        var isFrameArray = Array.isArray(frameOrGroupNameOrFrameList);
+        var isSingleFrame = !allFrames && !isFrameArray && Lib.isPlainObject(frameOrGroupNameOrFrameList);
+
+        if(isSingleFrame) {
+            // In this case, a simple object has been passed to animate.
+            frameList.push({
+                type: 'object',
+                data: setTransitionConfig(Lib.extendFlat({}, frameOrGroupNameOrFrameList))
+            });
+        } else if(allFrames || ['string', 'number'].indexOf(typeof frameOrGroupNameOrFrameList) !== -1) {
+            // In this case, null or undefined has been passed so that we want to
+            // animate *all* currently defined frames
+            for(i = 0; i < trans._frames.length; i++) {
+                frame = trans._frames[i];
+
+                if(!frame) continue;
+
+                if(allFrames || String(frame.group) === String(frameOrGroupNameOrFrameList)) {
+                    frameList.push({
+                        type: 'byname',
+                        name: String(frame.name),
+                        data: setTransitionConfig({name: frame.name})
+                    });
+                }
+            }
+        } else if(isFrameArray) {
+            for(i = 0; i < frameOrGroupNameOrFrameList.length; i++) {
+                var frameOrName = frameOrGroupNameOrFrameList[i];
+                if(['number', 'string'].indexOf(typeof frameOrName) !== -1) {
+                    frameOrName = String(frameOrName);
+                    // In this case, there's an array and this frame is a string name:
+                    frameList.push({
+                        type: 'byname',
+                        name: frameOrName,
+                        data: setTransitionConfig({name: frameOrName})
+                    });
+                } else if(Lib.isPlainObject(frameOrName)) {
+                    frameList.push({
+                        type: 'object',
+                        data: setTransitionConfig(Lib.extendFlat({}, frameOrName))
+                    });
+                }
+            }
+        }
+
+        // Verify that all of these frames actually exist; return and reject if not:
+        for(i = 0; i < frameList.length; i++) {
+            frame = frameList[i];
+            if(frame.type === 'byname' && !trans._frameHash[frame.data.name]) {
+                Lib.warn('animate failure: frame not found: "' + frame.data.name + '"');
+                reject();
+                return;
+            }
+        }
+
+        // If the mode is either next or immediate, then all currently queued frames must
+        // be dumped and the corresponding .animate promises rejected.
+        if(['next', 'immediate'].indexOf(animationOpts.mode) !== -1) {
+            discardExistingFrames();
+        }
+
+        if(animationOpts.direction === 'reverse') {
+            frameList.reverse();
+        }
+
+        var currentFrame = gd._fullLayout._currentFrame;
+        if(currentFrame && animationOpts.fromcurrent) {
+            var idx = -1;
+            for(i = 0; i < frameList.length; i++) {
+                frame = frameList[i];
+                if(frame.type === 'byname' && frame.name === currentFrame) {
+                    idx = i;
+                    break;
+                }
+            }
+
+            if(idx > 0 && idx < frameList.length - 1) {
+                var filteredFrameList = [];
+                for(i = 0; i < frameList.length; i++) {
+                    frame = frameList[i];
+                    if(frameList[i].type !== 'byname' || i > idx) {
+                        filteredFrameList.push(frame);
+                    }
+                }
+                frameList = filteredFrameList;
+            }
+        }
+
+        if(frameList.length > 0) {
+            queueFrames(frameList);
+        } else {
+            // This is the case where there were simply no frames. It's a little strange
+            // since there's not much to do:
+            gd.emit('plotly_animated');
+            resolve();
+        }
+    });
+};
+
+/**
+ * Register new frames
+ *
+ * @param {string id or DOM element} gd
+ *      the id or DOM element of the graph container div
+ *
+ * @param {array of objects} frameList
+ *      list of frame definitions, in which each object includes any of:
+ *      - name: {string} name of frame to add
+ *      - data: {array of objects} trace data
+ *      - layout {object} layout definition
+ *      - traces {array} trace indices
+ *      - baseframe {string} name of frame from which this frame gets defaults
+ *
+ *  @param {array of integers) indices
+ *      an array of integer indices matching the respective frames in `frameList`. If not
+ *      provided, an index will be provided in serial order. If already used, the frame
+ *      will be overwritten.
+ */
+Plotly.addFrames = function(gd, frameList, indices) {
+    gd = Lib.getGraphDiv(gd);
+
+    var numericNameWarningCount = 0;
+
+    if(frameList === null || frameList === undefined) {
+        return Promise.resolve();
+    }
+
+    if(!Lib.isPlotDiv(gd)) {
+        throw new Error(
+            'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' +
+            'to create a plot before adding frames. For more details, see ' +
+            'https://plot.ly/javascript/animations/'
+        );
+    }
+
+    var i, frame, j, idx;
+    var _frames = gd._transitionData._frames;
+    var _hash = gd._transitionData._frameHash;
+
+
+    if(!Array.isArray(frameList)) {
+        throw new Error('addFrames failure: frameList must be an Array of frame definitions' + frameList);
+    }
+
+    // Create a sorted list of insertions since we run into lots of problems if these
+    // aren't in ascending order of index:
+    //
+    // Strictly for sorting. Make sure this is guaranteed to never collide with any
+    // already-exisisting indices:
+    var bigIndex = _frames.length + frameList.length * 2;
+
+    var insertions = [];
+    for(i = frameList.length - 1; i >= 0; i--) {
+        if(!Lib.isPlainObject(frameList[i])) continue;
+
+        var name = (_hash[frameList[i].name] || {}).name;
+        var newName = frameList[i].name;
+
+        if(name && newName && typeof newName === 'number' && _hash[name]) {
+            numericNameWarningCount++;
+
+            Lib.warn('addFrames: overwriting frame "' + _hash[name].name +
+                '" with a frame whose name of type "number" also equates to "' +
+                name + '". This is valid but may potentially lead to unexpected ' +
+                'behavior since all plotly.js frame names are stored internally ' +
+                'as strings.');
+
+            if(numericNameWarningCount > 5) {
+                Lib.warn('addFrames: This API call has yielded too many warnings. ' +
+                    'For the rest of this call, further warnings about numeric frame ' +
+                    'names will be suppressed.');
+            }
+        }
+
+        insertions.push({
+            frame: Plots.supplyFrameDefaults(frameList[i]),
+            index: (indices && indices[i] !== undefined && indices[i] !== null) ? indices[i] : bigIndex + i
+        });
+    }
+
+    // Sort this, taking note that undefined insertions end up at the end:
+    insertions.sort(function(a, b) {
+        if(a.index > b.index) return -1;
+        if(a.index < b.index) return 1;
+        return 0;
+    });
+
+    var ops = [];
+    var revops = [];
+    var frameCount = _frames.length;
+
+    for(i = insertions.length - 1; i >= 0; i--) {
+        frame = insertions[i].frame;
+
+        if(typeof frame.name === 'number') {
+            Lib.warn('Warning: addFrames accepts frames with numeric names, but the numbers are' +
+                'implicitly cast to strings');
+
+        }
+
+        if(!frame.name) {
+            // Repeatedly assign a default name, incrementing the counter each time until
+            // we get a name that's not in the hashed lookup table:
+            while(_hash[(frame.name = 'frame ' + gd._transitionData._counter++)]);
+        }
+
+        if(_hash[frame.name]) {
+            // If frame is present, overwrite its definition:
+            for(j = 0; j < _frames.length; j++) {
+                if((_frames[j] || {}).name === frame.name) break;
+            }
+            ops.push({type: 'replace', index: j, value: frame});
+            revops.unshift({type: 'replace', index: j, value: _frames[j]});
+        } else {
+            // Otherwise insert it at the end of the list:
+            idx = Math.max(0, Math.min(insertions[i].index, frameCount));
+
+            ops.push({type: 'insert', index: idx, value: frame});
+            revops.unshift({type: 'delete', index: idx});
+            frameCount++;
+        }
+    }
+
+    var undoFunc = Plots.modifyFrames,
+        redoFunc = Plots.modifyFrames,
+        undoArgs = [gd, revops],
+        redoArgs = [gd, ops];
+
+    if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+
+    return Plots.modifyFrames(gd, ops);
+};
+
+/**
+ * Delete frame
+ *
+ * @param {string id or DOM element} gd
+ *      the id or DOM element of the graph container div
+ *
+ * @param {array of integers} frameList
+ *      list of integer indices of frames to be deleted
+ */
+Plotly.deleteFrames = function(gd, frameList) {
+    gd = Lib.getGraphDiv(gd);
+
+    if(!Lib.isPlotDiv(gd)) {
+        throw new Error('This element is not a Plotly plot: ' + gd);
+    }
+
+    var i, idx;
+    var _frames = gd._transitionData._frames;
+    var ops = [];
+    var revops = [];
+
+    if(!frameList) {
+        frameList = [];
+        for(i = 0; i < _frames.length; i++) {
+            frameList.push(i);
+        }
+    }
+
+    frameList = frameList.slice(0);
+    frameList.sort();
+
+    for(i = frameList.length - 1; i >= 0; i--) {
+        idx = frameList[i];
+        ops.push({type: 'delete', index: idx});
+        revops.unshift({type: 'insert', index: idx, value: _frames[idx]});
+    }
+
+    var undoFunc = Plots.modifyFrames,
+        redoFunc = Plots.modifyFrames,
+        undoArgs = [gd, revops],
+        redoArgs = [gd, ops];
+
+    if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs);
+
+    return Plots.modifyFrames(gd, ops);
+};
+
+/**
+ * Purge a graph container div back to its initial pre-Plotly.plot state
+ *
+ * @param {string id or DOM element} gd
+ *      the id or DOM element of the graph container div
+ */
+Plotly.purge = function purge(gd) {
+    gd = Lib.getGraphDiv(gd);
+
+    var fullLayout = gd._fullLayout || {},
+        fullData = gd._fullData || [];
+
+    // remove gl contexts
+    Plots.cleanPlot([], {}, fullData, fullLayout);
+
+    // purge properties
+    Plots.purge(gd);
+
+    // purge event emitter methods
+    Events.purge(gd);
+
+    // remove plot container
+    if(fullLayout._container) fullLayout._container.remove();
+
+    // in contrast to Plotly.Plots.purge which does NOT clear _context!
+    delete gd._context;
+
+    return gd;
+};
+
+// -------------------------------------------------------
+// makePlotFramework: Create the plot container and axes
+// -------------------------------------------------------
+function makePlotFramework(gd) {
+    var gd3 = d3.select(gd);
+    var fullLayout = gd._fullLayout;
+
+    // Plot container
+    fullLayout._container = gd3.selectAll('.plot-container').data([0]);
+    fullLayout._container.enter().insert('div', ':first-child')
+        .classed('plot-container', true)
+        .classed('plotly', true);
+
+    // Make the svg container
+    fullLayout._paperdiv = fullLayout._container.selectAll('.svg-container').data([0]);
+    fullLayout._paperdiv.enter().append('div')
+        .classed('svg-container', true)
+        .style('position', 'relative');
+
+    // Make the graph containers
+    // start fresh each time we get here, so we know the order comes out
+    // right, rather than enter/exit which can muck up the order
+    // TODO: sort out all the ordering so we don't have to
+    // explicitly delete anything
+    fullLayout._glcontainer = fullLayout._paperdiv.selectAll('.gl-container')
+        .data([0]);
+    fullLayout._glcontainer.enter().append('div')
+        .classed('gl-container', true);
+
+    fullLayout._paperdiv.selectAll('.main-svg').remove();
+
+    fullLayout._paper = fullLayout._paperdiv.insert('svg', ':first-child')
+        .classed('main-svg', true);
+
+    fullLayout._toppaper = fullLayout._paperdiv.append('svg')
+        .classed('main-svg', true);
+
+    if(!fullLayout._uid) {
+        var otherUids = [];
+        d3.selectAll('defs').each(function() {
+            if(this.id) otherUids.push(this.id.split('-')[1]);
+        });
+        fullLayout._uid = Lib.randstr(otherUids);
+    }
+
+    fullLayout._paperdiv.selectAll('.main-svg')
+        .attr(xmlnsNamespaces.svgAttrs);
+
+    fullLayout._defs = fullLayout._paper.append('defs')
+        .attr('id', 'defs-' + fullLayout._uid);
+
+    fullLayout._clips = fullLayout._defs.append('g')
+        .classed('clips', true);
+
+    fullLayout._topdefs = fullLayout._toppaper.append('defs')
+        .attr('id', 'topdefs-' + fullLayout._uid);
+
+    fullLayout._topclips = fullLayout._topdefs.append('g')
+        .classed('clips', true);
+
+    fullLayout._bgLayer = fullLayout._paper.append('g')
+        .classed('bglayer', true);
+
+    fullLayout._draggers = fullLayout._paper.append('g')
+        .classed('draglayer', true);
+
+    // lower shape/image layer - note that this is behind
+    // all subplots data/grids but above the backgrounds
+    // except inset subplots, whose backgrounds are drawn
+    // inside their own group so that they appear above
+    // the data for the main subplot
+    // lower shapes and images which are fully referenced to
+    // a subplot still get drawn within the subplot's group
+    // so they will work correctly on insets
+    var layerBelow = fullLayout._paper.append('g')
+        .classed('layer-below', true);
+    fullLayout._imageLowerLayer = layerBelow.append('g')
+        .classed('imagelayer', true);
+    fullLayout._shapeLowerLayer = layerBelow.append('g')
+        .classed('shapelayer', true);
+
+    // single cartesian layer for the whole plot
+    fullLayout._cartesianlayer = fullLayout._paper.append('g').classed('cartesianlayer', true);
+
+    // single ternary layer for the whole plot
+    fullLayout._ternarylayer = fullLayout._paper.append('g').classed('ternarylayer', true);
+
+    // single geo layer for the whole plot
+    fullLayout._geolayer = fullLayout._paper.append('g').classed('geolayer', true);
+
+    // upper shape layer
+    // (only for shapes to be drawn above the whole plot, including subplots)
+    var layerAbove = fullLayout._paper.append('g')
+        .classed('layer-above', true);
+    fullLayout._imageUpperLayer = layerAbove.append('g')
+        .classed('imagelayer', true);
+    fullLayout._shapeUpperLayer = layerAbove.append('g')
+        .classed('shapelayer', true);
+
+    // single pie layer for the whole plot
+    fullLayout._pielayer = fullLayout._paper.append('g').classed('pielayer', true);
+
+    // fill in image server scrape-svg
+    fullLayout._glimages = fullLayout._paper.append('g').classed('glimages', true);
+
+    // lastly info (legend, annotations) and hover layers go on top
+    // these are in a different svg element normally, but get collapsed into a single
+    // svg when exporting (after inserting 3D)
+    fullLayout._infolayer = fullLayout._toppaper.append('g').classed('infolayer', true);
+    fullLayout._zoomlayer = fullLayout._toppaper.append('g').classed('zoomlayer', true);
+    fullLayout._hoverlayer = fullLayout._toppaper.append('g').classed('hoverlayer', true);
+
+    gd.emit('plotly_framework');
+}
+
+},{"../components/color":604,"../components/drawing":628,"../components/errorbars":634,"../constants/xmlns_namespaces":709,"../lib":728,"../lib/events":716,"../lib/queue":741,"../lib/svg_text_utils":750,"../plotly":767,"../plots/cartesian/axis_ids":775,"../plots/cartesian/constants":777,"../plots/cartesian/constraints":779,"../plots/cartesian/graph_interact":781,"../plots/plots":831,"../plots/polar":834,"../registry":846,"./edit_types":756,"./helpers":757,"./manage_arrays":758,"./plot_sc [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/**
+ * This will be transferred over to gd and overridden by
+ * config args to Plotly.plot.
+ *
+ * The defaults are the appropriate settings for plotly.js,
+ * so we get the right experience without any config argument.
+ */
+
+module.exports = {
+
+    // no interactivity, for export or image generation
+    staticPlot: false,
+
+    // we can edit titles, move annotations, etc - sets all pieces of `edits`
+    // unless a separate `edits` config item overrides individual parts
+    editable: false,
+    edits: {
+        // annotationPosition: the main anchor of the annotation, which is the
+        // text (if no arrow) or the arrow (which drags the whole thing leaving
+        // the arrow length & direction unchanged)
+        annotationPosition: false,
+        // just for annotations with arrows, change the length  and direction of the arrow
+        annotationTail: false,
+        annotationText: false,
+        axisTitleText: false,
+        colorbarPosition: false,
+        colorbarTitleText: false,
+        legendPosition: false,
+        // edit the trace name fields from the legend
+        legendText: false,
+        shapePosition: false,
+        // the global `layout.title`
+        titleText: false
+    },
+
+    // DO autosize once regardless of layout.autosize
+    // (use default width or height values otherwise)
+    autosizable: false,
+
+    // set the length of the undo/redo queue
+    queueLength: 0,
+
+    // if we DO autosize, do we fill the container or the screen?
+    fillFrame: false,
+
+    // if we DO autosize, set the frame margins in percents of plot size
+    frameMargins: 0,
+
+    // mousewheel or two-finger scroll zooms the plot
+    scrollZoom: false,
+
+    // double click interaction (false, 'reset', 'autosize' or 'reset+autosize')
+    doubleClick: 'reset+autosize',
+
+    // new users see some hints about interactivity
+    showTips: true,
+
+    // enable axis pan/zoom drag handles
+    showAxisDragHandles: true,
+
+    // enable direct range entry at the pan/zoom drag points (drag handles must be enabled above)
+    showAxisRangeEntryBoxes: true,
+
+    // link to open this plot in plotly
+    showLink: false,
+
+    // if we show a link, does it contain data or just link to a plotly file?
+    sendData: true,
+
+    // text appearing in the sendData link
+    linkText: 'Edit chart',
+
+    // false or function adding source(s) to linkText <text>
+    showSources: false,
+
+    // display the mode bar (true, false, or 'hover')
+    displayModeBar: 'hover',
+
+    // remove mode bar button by name
+    // (see ./components/modebar/buttons.js for the list of names)
+    modeBarButtonsToRemove: [],
+
+    // add mode bar button using config objects
+    // (see ./components/modebar/buttons.js for list of arguments)
+    modeBarButtonsToAdd: [],
+
+    // fully custom mode bar buttons as nested array,
+    // where the outer arrays represents button groups, and
+    // the inner arrays have buttons config objects or names of default buttons
+    // (see ./components/modebar/buttons.js for more info)
+    modeBarButtons: false,
+
+    // add the plotly logo on the end of the mode bar
+    displaylogo: true,
+
+    // increase the pixel ratio for Gl plot images
+    plotGlPixelRatio: 2,
+
+    // background setting function
+    // 'transparent' sets the background `layout.paper_color`
+    // 'opaque' blends bg color with white ensuring an opaque background
+    // or any other custom function of gd
+    setBackground: 'transparent',
+
+    // URL to topojson files used in geo charts
+    topojsonURL: 'https://cdn.plot.ly/',
+
+    // Mapbox access token (required to plot mapbox trace types)
+    // If using an Mapbox Atlas server, set this option to '',
+    // so that plotly.js won't attempt to authenticate to the public Mapbox server.
+    mapboxAccessToken: null,
+
+    // Turn all console logging on or off (errors will be thrown)
+    // This should ONLY be set via Plotly.setPlotConfig
+    logging: false,
+
+    // Set global transform to be applied to all traces with no
+    // specification needed
+    globalTransforms: []
+};
+
+},{}],761:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../registry');
+var Lib = require('../lib');
+
+var baseAttributes = require('../plots/attributes');
+var baseLayoutAttributes = require('../plots/layout_attributes');
+var frameAttributes = require('../plots/frame_attributes');
+var animationAttributes = require('../plots/animation_attributes');
+
+// polar attributes are not part of the Registry yet
+var polarAreaAttrs = require('../plots/polar/area_attributes');
+var polarAxisAttrs = require('../plots/polar/axis_attributes');
+
+var editTypes = require('./edit_types');
+
+var extendFlat = Lib.extendFlat;
+var extendDeepAll = Lib.extendDeepAll;
+
+var IS_SUBPLOT_OBJ = '_isSubplotObj';
+var IS_LINKED_TO_ARRAY = '_isLinkedToArray';
+var ARRAY_ATTR_REGEXPS = '_arrayAttrRegexps';
+var DEPRECATED = '_deprecated';
+var UNDERSCORE_ATTRS = [IS_SUBPLOT_OBJ, IS_LINKED_TO_ARRAY, ARRAY_ATTR_REGEXPS, DEPRECATED];
+
+exports.IS_SUBPLOT_OBJ = IS_SUBPLOT_OBJ;
+exports.IS_LINKED_TO_ARRAY = IS_LINKED_TO_ARRAY;
+exports.DEPRECATED = DEPRECATED;
+exports.UNDERSCORE_ATTRS = UNDERSCORE_ATTRS;
+
+/** Outputs the full plotly.js plot schema
+ *
+ * @return {object}
+ *  - defs
+ *  - traces
+ *  - layout
+ *  - transforms
+ *  - frames
+ *  - animations
+ *  - config (coming soon ...)
+ */
+exports.get = function() {
+    var traces = {};
+
+    Registry.allTypes.concat('area').forEach(function(type) {
+        traces[type] = getTraceAttributes(type);
+    });
+
+    var transforms = {};
+
+    Object.keys(Registry.transformsRegistry).forEach(function(type) {
+        transforms[type] = getTransformAttributes(type);
+    });
+
+    return {
+        defs: {
+            valObjects: Lib.valObjectMeta,
+            metaKeys: UNDERSCORE_ATTRS.concat(['description', 'role', 'editType', 'impliedEdits']),
+            editType: {
+                traces: editTypes.traces,
+                layout: editTypes.layout
+            },
+            impliedEdits: {
+                
+            }
+        },
+
+        traces: traces,
+        layout: getLayoutAttributes(),
+
+        transforms: transforms,
+
+        frames: getFramesAttributes(),
+        animation: formatAttributes(animationAttributes)
+    };
+};
+
+/**
+ * Crawl the attribute tree, recursively calling a callback function
+ *
+ * @param {object} attrs
+ *  The node of the attribute tree (e.g. the root) from which recursion originates
+ * @param {Function} callback
+ *  A callback function with the signature:
+ *          @callback callback
+ *          @param {object} attr an attribute
+ *          @param {String} attrName name string
+ *          @param {object[]} attrs all the attributes
+ *          @param {Number} level the recursion level, 0 at the root
+ * @param {Number} [specifiedLevel]
+ *  The level in the tree, in order to let the callback function detect descend or backtrack,
+ *  typically unsupplied (implied 0), just used by the self-recursive call.
+ *  The necessity arises because the tree traversal is not controlled by callback return values.
+ *  The decision to not use callback return values for controlling tree pruning arose from
+ *  the goal of keeping the crawler backwards compatible. Observe that one of the pruning conditions
+ *  precedes the callback call.
+ * @param {string} [attrString]
+ *  the path to the current attribute, as an attribute string (ie 'marker.line')
+ *  typically unsupplied, but you may supply it if you want to disambiguate which attrs tree you
+ *  are starting from
+ *
+ * @return {object} transformOut
+ *  copy of transformIn that contains attribute defaults
+ */
+exports.crawl = function(attrs, callback, specifiedLevel, attrString) {
+    var level = specifiedLevel || 0;
+    attrString = attrString || '';
+
+    Object.keys(attrs).forEach(function(attrName) {
+        var attr = attrs[attrName];
+
+        if(UNDERSCORE_ATTRS.indexOf(attrName) !== -1) return;
+
+        var fullAttrString = (attrString ? attrString + '.' : '') + attrName;
+        callback(attr, attrName, attrs, level, fullAttrString);
+
+        if(exports.isValObject(attr)) return;
+
+        if(Lib.isPlainObject(attr) && attrName !== 'impliedEdits') {
+            exports.crawl(attr, callback, level + 1, fullAttrString);
+        }
+    });
+};
+
+/** Is object a value object (or a container object)?
+ *
+ * @param {object} obj
+ * @return {boolean}
+ *  returns true for a valid value object and
+ *  false for tree nodes in the attribute hierarchy
+ */
+exports.isValObject = function(obj) {
+    return obj && obj.valType !== undefined;
+};
+
+/**
+ * Find all data array attributes in a given trace object - including
+ * `arrayOk` attributes.
+ *
+ * @param {object} trace
+ *  full trace object that contains a reference to `_module.attributes`
+ *
+ * @return {array} arrayAttributes
+ *  list of array attributes for the given trace
+ */
+exports.findArrayAttributes = function(trace) {
+    var arrayAttributes = [];
+    var stack = [];
+
+    function callback(attr, attrName, attrs, level) {
+        stack = stack.slice(0, level).concat([attrName]);
+
+        var splittableAttr = (
+            attr &&
+            (attr.valType === 'data_array' || attr.arrayOk === true) &&
+            !(stack[level - 1] === 'colorbar' && (attrName === 'ticktext' || attrName === 'tickvals'))
+        );
+
+        // Manually exclude 'colorbar.tickvals' and 'colorbar.ticktext' for now
+        // which are declared as `valType: 'data_array'` but scale independently of
+        // the coordinate arrays.
+        //
+        // Down the road, we might want to add a schema field (e.g `uncorrelatedArray: true`)
+        // to distinguish attributes of the likes.
+
+        if(!splittableAttr) return;
+
+        var astr = toAttrString(stack);
+        var val = Lib.nestedProperty(trace, astr).get();
+        if(!Array.isArray(val)) return;
+
+        arrayAttributes.push(astr);
+    }
+
+    function toAttrString(stack) {
+        return stack.join('.');
+    }
+
+    exports.crawl(baseAttributes, callback);
+    if(trace._module && trace._module.attributes) {
+        exports.crawl(trace._module.attributes, callback);
+    }
+
+    if(trace.transforms) {
+        var transforms = trace.transforms;
+
+        for(var i = 0; i < transforms.length; i++) {
+            var transform = transforms[i];
+            var module = transform._module;
+
+            if(module) {
+                stack = ['transforms[' + i + ']'];
+
+                exports.crawl(module.attributes, callback, 1);
+            }
+        }
+    }
+
+    // Look into the fullInput module attributes for array attributes
+    // to make sure that 'custom' array attributes are detected.
+    //
+    // At the moment, we need this block to make sure that
+    // ohlc and candlestick 'open', 'high', 'low', 'close' can be
+    // used with filter and groupby transforms.
+    if(trace._fullInput && trace._fullInput._module && trace._fullInput._module.attributes) {
+        exports.crawl(trace._fullInput._module.attributes, callback);
+        arrayAttributes = Lib.filterUnique(arrayAttributes);
+    }
+
+    return arrayAttributes;
+};
+
+/*
+ * Find the valObject for one attribute in an existing trace
+ *
+ * @param {object} trace
+ *  full trace object that contains a reference to `_module.attributes`
+ * @param {object} parts
+ *  an array of parts, like ['transforms', 1, 'value']
+ *  typically from nestedProperty(...).parts
+ *
+ * @return {object|false}
+ *  the valObject for this attribute, or the last found parent
+ *  in some cases the innermost valObject will not exist, for example
+ *  `valType: 'any'` attributes where we might set a part of the attribute.
+ *  In that case, stop at the deepest valObject we *do* find.
+ */
+exports.getTraceValObject = function(trace, parts) {
+    var head = parts[0];
+    var i = 1; // index to start recursing from
+    var moduleAttrs, valObject;
+
+    if(head === 'transforms') {
+        if(!Array.isArray(trace.transforms)) return false;
+        var tNum = parts[1];
+        if(!isIndex(tNum) || tNum >= trace.transforms.length) {
+            return false;
+        }
+        moduleAttrs = (Registry.transformsRegistry[trace.transforms[tNum].type] || {}).attributes;
+        valObject = moduleAttrs && moduleAttrs[parts[2]];
+        i = 3; // start recursing only inside the transform
+    }
+    else if(trace.type === 'area') {
+        valObject = polarAreaAttrs[head];
+    }
+    else {
+        // first look in the module for this trace
+        // components have already merged their trace attributes in here
+        var _module = trace._module;
+        if(!_module) _module = (Registry.modules[trace.type || baseAttributes.type.dflt] || {})._module;
+        if(!_module) return false;
+
+        moduleAttrs = _module.attributes;
+        valObject = moduleAttrs && moduleAttrs[head];
+
+        // then look in the subplot attributes
+        if(!valObject) {
+            var subplotModule = _module.basePlotModule;
+            if(subplotModule && subplotModule.attributes) {
+                valObject = subplotModule.attributes[head];
+            }
+        }
+
+        // finally look in the global attributes
+        if(!valObject) valObject = baseAttributes[head];
+    }
+
+    return recurseIntoValObject(valObject, parts, i);
+};
+
+/*
+ * Find the valObject for one layout attribute
+ *
+ * @param {array} parts
+ *  an array of parts, like ['annotations', 1, 'x']
+ *  typically from nestedProperty(...).parts
+ *
+ * @return {object|false}
+ *  the valObject for this attribute, or the last found parent
+ *  in some cases the innermost valObject will not exist, for example
+ *  `valType: 'any'` attributes where we might set a part of the attribute.
+ *  In that case, stop at the deepest valObject we *do* find.
+ */
+exports.getLayoutValObject = function(fullLayout, parts) {
+    var valObject = layoutHeadAttr(fullLayout, parts[0]);
+
+    return recurseIntoValObject(valObject, parts, 1);
+};
+
+function layoutHeadAttr(fullLayout, head) {
+    var i, key, _module, attributes;
+
+    // look for attributes of the subplot types used on the plot
+    var basePlotModules = fullLayout._basePlotModules;
+    if(basePlotModules) {
+        var out;
+        for(i = 0; i < basePlotModules.length; i++) {
+            _module = basePlotModules[i];
+            if(_module.attrRegex && _module.attrRegex.test(head)) {
+                // if a module defines overrides, these take precedence
+                // initially this is to allow gl2d different editTypes from svg cartesian
+                if(_module.layoutAttrOverrides) return _module.layoutAttrOverrides;
+
+                // otherwise take the first attributes we find
+                if(!out && _module.layoutAttributes) out = _module.layoutAttributes;
+            }
+
+            // a module can also override the behavior of base (and component) module layout attrs
+            // again see gl2d for initial use case
+            var baseOverrides = _module.baseLayoutAttrOverrides;
+            if(baseOverrides && head in baseOverrides) return baseOverrides[head];
+        }
+        if(out) return out;
+    }
+
+    // look for layout attributes contributed by traces on the plot
+    var modules = fullLayout._modules;
+    if(modules) {
+        for(i = 0; i < modules.length; i++) {
+            attributes = modules[i].layoutAttributes;
+            if(attributes && head in attributes) {
+                return attributes[head];
+            }
+        }
+    }
+
+    /*
+     * Next look in components.
+     * Components that define a schema have already merged this into
+     * base and subplot attribute defs, so ignore these.
+     * Others (older style) all put all their attributes
+     * inside a container matching the module `name`
+     * eg `attributes` (array) or `legend` (object)
+     */
+    for(key in Registry.componentsRegistry) {
+        _module = Registry.componentsRegistry[key];
+        if(!_module.schema && (head === _module.name)) {
+            return _module.layoutAttributes;
+        }
+    }
+
+    if(head in baseLayoutAttributes) return baseLayoutAttributes[head];
+
+    // Polar doesn't populate _modules or _basePlotModules
+    // just fall back on these when the others fail
+    if(head === 'radialaxis' || head === 'angularaxis') {
+        return polarAxisAttrs[head];
+    }
+    return polarAxisAttrs.layout[head] || false;
+}
+
+function recurseIntoValObject(valObject, parts, i) {
+    if(!valObject) return false;
+
+    if(valObject._isLinkedToArray) {
+        // skip array index, abort if we try to dive into an array without an index
+        if(isIndex(parts[i])) i++;
+        else if(i < parts.length) return false;
+    }
+
+    // now recurse as far as we can. Occasionally we have an attribute
+    // setting an internal part below what's
+    for(; i < parts.length; i++) {
+        var newValObject = valObject[parts[i]];
+        if(Lib.isPlainObject(newValObject)) valObject = newValObject;
+        else break;
+
+        if(i === parts.length - 1) break;
+
+        if(valObject._isLinkedToArray) {
+            i++;
+            if(!isIndex(parts[i])) return false;
+        }
+        else if(valObject.valType === 'info_array') {
+            i++;
+            var index = parts[i];
+            if(!isIndex(index) || index >= valObject.items.length) return false;
+            valObject = valObject.items[index];
+        }
+    }
+
+    return valObject;
+}
+
+function isIndex(val) {
+    return val === Math.round(val) && val >= 0;
+}
+
+function getTraceAttributes(type) {
+    var _module, basePlotModule;
+
+    if(type === 'area') {
+        _module = { attributes: polarAreaAttrs };
+        basePlotModule = {};
+    }
+    else {
+        _module = Registry.modules[type]._module,
+        basePlotModule = _module.basePlotModule;
+    }
+
+    var attributes = {};
+
+    // make 'type' the first attribute in the object
+    attributes.type = null;
+
+    // base attributes (same for all trace types)
+    extendDeepAll(attributes, baseAttributes);
+
+    // module attributes
+    extendDeepAll(attributes, _module.attributes);
+
+    // subplot attributes
+    if(basePlotModule.attributes) {
+        extendDeepAll(attributes, basePlotModule.attributes);
+    }
+
+    // 'type' gets overwritten by baseAttributes; reset it here
+    attributes.type = type;
+
+    var out = {
+        meta: _module.meta || {},
+        attributes: formatAttributes(attributes),
+    };
+
+    // trace-specific layout attributes
+    if(_module.layoutAttributes) {
+        var layoutAttributes = {};
+
+        extendDeepAll(layoutAttributes, _module.layoutAttributes);
+        out.layoutAttributes = formatAttributes(layoutAttributes);
+    }
+
+    return out;
+}
+
+function getLayoutAttributes() {
+    var layoutAttributes = {};
+    var key, _module;
+
+    // global layout attributes
+    extendDeepAll(layoutAttributes, baseLayoutAttributes);
+
+    // add base plot module layout attributes
+    for(key in Registry.subplotsRegistry) {
+        _module = Registry.subplotsRegistry[key];
+
+        if(!_module.layoutAttributes) continue;
+
+        if(_module.name === 'cartesian') {
+            handleBasePlotModule(layoutAttributes, _module, 'xaxis');
+            handleBasePlotModule(layoutAttributes, _module, 'yaxis');
+        }
+        else {
+            var astr = _module.attr === 'subplot' ? _module.name : _module.attr;
+
+            handleBasePlotModule(layoutAttributes, _module, astr);
+        }
+    }
+
+    // polar layout attributes
+    layoutAttributes = assignPolarLayoutAttrs(layoutAttributes);
+
+    // add registered components layout attributes
+    for(key in Registry.componentsRegistry) {
+        _module = Registry.componentsRegistry[key];
+        var schema = _module.schema;
+
+        /*
+         * Components with defined schema have already been merged in at register time
+         * but a few components define attributes that apply only to xaxis
+         * not yaxis (rangeselector, rangeslider) - delete from y schema.
+         * Note that the input attributes for xaxis/yaxis are the same object
+         * so it's not possible to only add them to xaxis from the start.
+         * If we ever have such asymmetry the other way, or anywhere else,
+         * we will need to extend both this code and mergeComponentAttrsToSubplot
+         * (which will not find yaxis only for example)
+         */
+        if(schema && (schema.subplots || schema.layout)) {
+            var subplots = schema.subplots;
+            if(subplots && subplots.xaxis && !subplots.yaxis) {
+                for(var xkey in subplots.xaxis) delete layoutAttributes.yaxis[xkey];
+            }
+        }
+        // older style without schema need to be explicitly merged in now
+        else if(_module.layoutAttributes) {
+            insertAttrs(layoutAttributes, _module.layoutAttributes, _module.name);
+        }
+    }
+
+    return {
+        layoutAttributes: formatAttributes(layoutAttributes)
+    };
+}
+
+function getTransformAttributes(type) {
+    var _module = Registry.transformsRegistry[type];
+    var attributes = extendDeepAll({}, _module.attributes);
+
+    // add registered components transform attributes
+    Object.keys(Registry.componentsRegistry).forEach(function(k) {
+        var _module = Registry.componentsRegistry[k];
+
+        if(_module.schema && _module.schema.transforms && _module.schema.transforms[type]) {
+            Object.keys(_module.schema.transforms[type]).forEach(function(v) {
+                insertAttrs(attributes, _module.schema.transforms[type][v], v);
+            });
+        }
+    });
+
+    return {
+        attributes: formatAttributes(attributes)
+    };
+}
+
+function getFramesAttributes() {
+    var attrs = {
+        frames: Lib.extendDeepAll({}, frameAttributes)
+    };
+
+    formatAttributes(attrs);
+
+    return attrs.frames;
+}
+
+function formatAttributes(attrs) {
+    mergeValTypeAndRole(attrs);
+    formatArrayContainers(attrs);
+
+    return attrs;
+}
+
+function mergeValTypeAndRole(attrs) {
+
+    function makeSrcAttr(attrName) {
+        return {
+            valType: 'string',
+            
+            
+            editType: 'none'
+        };
+    }
+
+    function callback(attr, attrName, attrs) {
+        if(exports.isValObject(attr)) {
+            if(attr.valType === 'data_array') {
+                // all 'data_array' attrs have role 'data'
+                attr.role = 'data';
+                // all 'data_array' attrs have a corresponding 'src' attr
+                attrs[attrName + 'src'] = makeSrcAttr(attrName);
+            }
+            else if(attr.arrayOk === true) {
+                // all 'arrayOk' attrs have a corresponding 'src' attr
+                attrs[attrName + 'src'] = makeSrcAttr(attrName);
+            }
+        }
+        else if(Lib.isPlainObject(attr)) {
+            // all attrs container objects get role 'object'
+            attr.role = 'object';
+        }
+    }
+
+    exports.crawl(attrs, callback);
+}
+
+function formatArrayContainers(attrs) {
+
+    function callback(attr, attrName, attrs) {
+        if(!attr) return;
+
+        var itemName = attr[IS_LINKED_TO_ARRAY];
+
+        if(!itemName) return;
+
+        delete attr[IS_LINKED_TO_ARRAY];
+
+        attrs[attrName] = { items: {} };
+        attrs[attrName].items[itemName] = attr;
+        attrs[attrName].role = 'object';
+    }
+
+    exports.crawl(attrs, callback);
+}
+
+function assignPolarLayoutAttrs(layoutAttributes) {
+    extendFlat(layoutAttributes, {
+        radialaxis: polarAxisAttrs.radialaxis,
+        angularaxis: polarAxisAttrs.angularaxis
+    });
+
+    extendFlat(layoutAttributes, polarAxisAttrs.layout);
+
+    return layoutAttributes;
+}
+
+function handleBasePlotModule(layoutAttributes, _module, astr) {
+    var np = Lib.nestedProperty(layoutAttributes, astr),
+        attrs = extendDeepAll({}, _module.layoutAttributes);
+
+    attrs[IS_SUBPLOT_OBJ] = true;
+    np.set(attrs);
+}
+
+function insertAttrs(baseAttrs, newAttrs, astr) {
+    var np = Lib.nestedProperty(baseAttrs, astr);
+
+    np.set(extendDeepAll(np.get() || {}, newAttrs));
+}
+
+},{"../lib":728,"../plots/animation_attributes":768,"../plots/attributes":770,"../plots/frame_attributes":797,"../plots/layout_attributes":822,"../plots/polar/area_attributes":832,"../plots/polar/axis_attributes":833,"../registry":846,"./edit_types":756}],762:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../registry');
+var Lib = require('../lib');
+
+
+module.exports = function register(_modules) {
+    if(!_modules) {
+        throw new Error('No argument passed to Plotly.register.');
+    }
+    else if(_modules && !Array.isArray(_modules)) {
+        _modules = [_modules];
+    }
+
+    for(var i = 0; i < _modules.length; i++) {
+        var newModule = _modules[i];
+
+        if(!newModule) {
+            throw new Error('Invalid module was attempted to be registered!');
+        }
+
+        switch(newModule.moduleType) {
+            case 'trace':
+                registerTraceModule(newModule);
+                break;
+
+            case 'transform':
+                registerTransformModule(newModule);
+                break;
+
+            case 'component':
+                registerComponentModule(newModule);
+                break;
+
+            default:
+                throw new Error('Invalid module was attempted to be registered!');
+        }
+    }
+};
+
+function registerTraceModule(newModule) {
+    Registry.register(newModule, newModule.name, newModule.categories, newModule.meta);
+
+    if(!Registry.subplotsRegistry[newModule.basePlotModule.name]) {
+        Registry.registerSubplot(newModule.basePlotModule);
+    }
+}
+
+function registerTransformModule(newModule) {
+    if(typeof newModule.name !== 'string') {
+        throw new Error('Transform module *name* must be a string.');
+    }
+
+    var prefix = 'Transform module ' + newModule.name;
+
+    var hasTransform = typeof newModule.transform === 'function',
+        hasCalcTransform = typeof newModule.calcTransform === 'function';
+
+
+    if(!hasTransform && !hasCalcTransform) {
+        throw new Error(prefix + ' is missing a *transform* or *calcTransform* method.');
+    }
+
+    if(hasTransform && hasCalcTransform) {
+        Lib.log([
+            prefix + ' has both a *transform* and *calcTransform* methods.',
+            'Please note that all *transform* methods are executed',
+            'before all *calcTransform* methods.'
+        ].join(' '));
+    }
+
+    if(!Lib.isPlainObject(newModule.attributes)) {
+        Lib.log(prefix + ' registered without an *attributes* object.');
+    }
+
+    if(typeof newModule.supplyDefaults !== 'function') {
+        Lib.log(prefix + ' registered without a *supplyDefaults* method.');
+    }
+
+    Registry.registerTransform(newModule);
+}
+
+function registerComponentModule(newModule) {
+    if(typeof newModule.name !== 'string') {
+        throw new Error('Component module *name* must be a string.');
+    }
+
+    Registry.registerComponent(newModule);
+}
+
+},{"../lib":728,"../registry":846}],763:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plotly = require('../plotly');
+var Lib = require('../lib');
+
+/**
+ * Extends the plot config
+ *
+ * @param {object} configObj partial plot configuration object
+ *      to extend the current plot configuration.
+ *
+ */
+module.exports = function setPlotConfig(configObj) {
+    return Lib.extendFlat(Plotly.defaultConfig, configObj);
+};
+
+},{"../lib":728,"../plotly":767}],764:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var Plotly = require('../plotly');
+var Registry = require('../registry');
+var Plots = require('../plots/plots');
+var Lib = require('../lib');
+
+var Color = require('../components/color');
+var Drawing = require('../components/drawing');
+var Titles = require('../components/titles');
+var ModeBar = require('../components/modebar');
+var initInteractions = require('../plots/cartesian/graph_interact');
+var cartesianConstants = require('../plots/cartesian/constants');
+
+exports.layoutStyles = function(gd) {
+    return Lib.syncOrAsync([Plots.doAutoMargin, exports.lsInner], gd);
+};
+
+function overlappingDomain(xDomain, yDomain, domains) {
+    for(var i = 0; i < domains.length; i++) {
+        var existingX = domains[i][0],
+            existingY = domains[i][1];
+
+        if(existingX[0] >= xDomain[1] || existingX[1] <= xDomain[0]) {
+            continue;
+        }
+        if(existingY[0] < yDomain[1] && existingY[1] > yDomain[0]) {
+            return true;
+        }
+    }
+    return false;
+}
+
+exports.lsInner = function(gd) {
+    var fullLayout = gd._fullLayout;
+    var gs = fullLayout._size;
+    var pad = gs.p;
+    var axList = Plotly.Axes.list(gd);
+
+    // _has('cartesian') means SVG specifically, not GL2D - but GL2D
+    // can still get here because it makes some of the SVG structure
+    // for shared features like selections.
+    var hasSVGCartesian = fullLayout._has('cartesian');
+    var i;
+
+    // clear axis line positions, to be set in the subplot loop below
+    for(i = 0; i < axList.length; i++) axList[i]._linepositions = {};
+
+    fullLayout._paperdiv
+        .style({
+            width: fullLayout.width + 'px',
+            height: fullLayout.height + 'px'
+        })
+        .selectAll('.main-svg')
+            .call(Drawing.setSize, fullLayout.width, fullLayout.height);
+
+    gd._context.setBackground(gd, fullLayout.paper_bgcolor);
+
+    var subplotSelection = fullLayout._paper.selectAll('g.subplot');
+
+    // figure out which backgrounds we need to draw, and in which layers
+    // to put them
+    var lowerBackgroundIDs = [];
+    var lowerDomains = [];
+    subplotSelection.each(function(subplot) {
+        var plotinfo = fullLayout._plots[subplot];
+
+        if(plotinfo.mainplot) {
+            // mainplot is a reference to the main plot this one is overlaid on
+            // so if it exists, this is an overlaid plot and we don't need to
+            // give it its own background
+            if(plotinfo.bg) {
+                plotinfo.bg.remove();
+            }
+            plotinfo.bg = undefined;
+            return;
+        }
+
+        var xDomain = plotinfo.xaxis.domain;
+        var yDomain = plotinfo.yaxis.domain;
+        var plotgroupBgData = [];
+
+        if(overlappingDomain(xDomain, yDomain, lowerDomains)) {
+            plotgroupBgData = [0];
+        }
+        else {
+            lowerBackgroundIDs.push(subplot);
+            lowerDomains.push([xDomain, yDomain]);
+        }
+
+        // create the plot group backgrounds now, since
+        // they're all independent selections
+        var plotgroupBg = plotinfo.plotgroup.selectAll('.bg')
+            .data(plotgroupBgData);
+
+        plotgroupBg.enter().append('rect')
+            .classed('bg', true);
+
+        plotgroupBg.exit().remove();
+
+        plotgroupBg.each(function() {
+            plotinfo.bg = plotgroupBg;
+            var pgNode = plotinfo.plotgroup.node();
+            pgNode.insertBefore(this, pgNode.childNodes[0]);
+        });
+    });
+
+    // now create all the lower-layer backgrounds at once now that
+    // we have the list of subplots that need them
+    var lowerBackgrounds = fullLayout._bgLayer.selectAll('.bg')
+        .data(lowerBackgroundIDs);
+
+    lowerBackgrounds.enter().append('rect')
+        .classed('bg', true);
+
+    lowerBackgrounds.exit().remove();
+
+    lowerBackgrounds.each(function(subplot) {
+        fullLayout._plots[subplot].bg = d3.select(this);
+    });
+
+    var freeFinished = {};
+    subplotSelection.each(function(subplot) {
+        var plotinfo = fullLayout._plots[subplot];
+        var xa = plotinfo.xaxis;
+        var ya = plotinfo.yaxis;
+
+        // reset scale in case the margins have changed
+        xa.setScale();
+        ya.setScale();
+
+        if(plotinfo.bg && hasSVGCartesian) {
+            plotinfo.bg
+                .call(Drawing.setRect,
+                    xa._offset - pad, ya._offset - pad,
+                    xa._length + 2 * pad, ya._length + 2 * pad)
+                .call(Color.fill, fullLayout.plot_bgcolor)
+                .style('stroke-width', 0);
+        }
+
+        // Clip so that data only shows up on the plot area.
+        plotinfo.clipId = 'clip' + fullLayout._uid + subplot + 'plot';
+
+        var plotClip = fullLayout._clips.selectAll('#' + plotinfo.clipId)
+            .data([0]);
+
+        plotClip.enter().append('clipPath')
+            .attr({
+                'class': 'plotclip',
+                'id': plotinfo.clipId
+            })
+            .append('rect');
+
+        plotClip.selectAll('rect')
+            .attr({
+                'width': xa._length,
+                'height': ya._length
+            });
+
+        Drawing.setTranslate(plotinfo.plot, xa._offset, ya._offset);
+
+        var plotClipId;
+        var layerClipId;
+
+        if(plotinfo._hasClipOnAxisFalse) {
+            plotClipId = null;
+            layerClipId = plotinfo.clipId;
+        } else {
+            plotClipId = plotinfo.clipId;
+            layerClipId = null;
+        }
+
+        Drawing.setClipUrl(plotinfo.plot, plotClipId);
+
+        for(i = 0; i < cartesianConstants.traceLayerClasses.length; i++) {
+            var layer = cartesianConstants.traceLayerClasses[i];
+            if(layer !== 'scatterlayer') {
+                plotinfo.plot.selectAll('g.' + layer).call(Drawing.setClipUrl, layerClipId);
+            }
+        }
+
+        // stash layer clipId value (null or same as clipId)
+        // to DRY up Drawing.setClipUrl calls downstream
+        plotinfo.layerClipId = layerClipId;
+
+        var xIsFree = !xa._anchorAxis;
+        var showFreeX = xIsFree && !freeFinished[xa._id];
+        var showBottom = shouldShowLine(xa, ya, 'bottom');
+        var showTop = shouldShowLine(xa, ya, 'top');
+
+        var yIsFree = !ya._anchorAxis;
+        var showFreeY = yIsFree && !freeFinished[ya._id];
+        var showLeft = shouldShowLine(ya, xa, 'left');
+        var showRight = shouldShowLine(ya, xa, 'right');
+
+        var xlw = Drawing.crispRound(gd, xa.linewidth, 1);
+        var ylw = Drawing.crispRound(gd, ya.linewidth, 1);
+
+        /*
+         * x lines get longer where they meet y lines, to make a crisp corner.
+         * The x lines get the padding (margin.pad) plus the y line width to
+         * fill up the corner nicely. Free x lines are excluded - they always
+         * span exactly the data area of the plot
+         *
+         *  | XXXXX
+         *  | XXXXX
+         *  |
+         *  +------
+         *     x1
+         *    -----
+         *     x2
+         */
+        var leftYLineWidth = findCounterAxisLineWidth(gd, xa, ylw, showLeft, 'left', axList);
+        var xLinesXLeft = (!xIsFree && leftYLineWidth) ?
+            (-pad - leftYLineWidth) : 0;
+        var rightYLineWidth = findCounterAxisLineWidth(gd, xa, ylw, showRight, 'right', axList);
+        var xLinesXRight = xa._length + ((!xIsFree && rightYLineWidth) ?
+            (pad + rightYLineWidth) : 0);
+        var xLinesYFree = gs.h * (1 - (xa.position || 0)) + ((xlw / 2) % 1);
+        var xLinesYBottom = ya._length + pad + xlw / 2;
+        var xLinesYTop = -pad - xlw / 2;
+
+        /*
+         * y lines that meet x axes get longer only by margin.pad, because
+         * the x axes fill in the corner space. Free y axes, like free x axes,
+         * always span exactly the data area of the plot
+         *
+         *   |   | XXXX
+         * y2| y1| XXXX
+         *   |   | XXXX
+         *       |
+         *       +-----
+         */
+        var connectYBottom = !yIsFree && findCounterAxisLineWidth(
+                gd, ya, xlw, showBottom, 'bottom', axList);
+        var yLinesYBottom = ya._length + (connectYBottom ? pad : 0);
+        var connectYTop = !yIsFree && findCounterAxisLineWidth(
+                gd, ya, xlw, showTop, 'top', axList);
+        var yLinesYTop = connectYTop ? -pad : 0;
+        var yLinesXFree = gs.w * (ya.position || 0) + ((ylw / 2) % 1);
+        var yLinesXLeft = -pad - ylw / 2;
+        var yLinesXRight = xa._length + pad + ylw / 2;
+
+        function xLinePath(y, showThis) {
+            if(!showThis) return '';
+            return 'M' + xLinesXLeft + ',' + y + 'H' + xLinesXRight;
+        }
+
+        function yLinePath(x, showThis) {
+            if(!showThis) return '';
+            return 'M' + x + ',' + yLinesYTop + 'V' + yLinesYBottom;
+        }
+
+        // save axis line positions for ticks, draggers, etc to reference
+        // each subplot gets an entry:
+        //    [left or bottom, right or top, free, main]
+        // main is the position at which to draw labels and draggers, if any
+        xa._linepositions[subplot] = [
+            showBottom ? xLinesYBottom : undefined,
+            showTop ? xLinesYTop : undefined,
+            showFreeX ? xLinesYFree : undefined
+        ];
+        if(xa._anchorAxis === ya) {
+            xa._linepositions[subplot][3] = xa.side === 'top' ?
+                xLinesYTop : xLinesYBottom;
+        }
+        else if(showFreeX) {
+            xa._linepositions[subplot][3] = xLinesYFree;
+        }
+
+        ya._linepositions[subplot] = [
+            showLeft ? yLinesXLeft : undefined,
+            showRight ? yLinesXRight : undefined,
+            showFreeY ? yLinesXFree : undefined
+        ];
+        if(ya._anchorAxis === xa) {
+            ya._linepositions[subplot][3] = ya.side === 'right' ?
+                yLinesXRight : yLinesXLeft;
+        }
+        else if(showFreeY) {
+            ya._linepositions[subplot][3] = yLinesXFree;
+        }
+
+        // translate all the extra stuff to have the
+        // same origin as the plot area or axes
+        var origin = 'translate(' + xa._offset + ',' + ya._offset + ')';
+        var originX = origin;
+        var originY = origin;
+        if(showFreeX) {
+            originX = 'translate(' + xa._offset + ',' + gs.t + ')';
+            xLinesYTop += ya._offset - gs.t;
+            xLinesYBottom += ya._offset - gs.t;
+        }
+        if(showFreeY) {
+            originY = 'translate(' + gs.l + ',' + ya._offset + ')';
+            yLinesXLeft += xa._offset - gs.l;
+            yLinesXRight += xa._offset - gs.l;
+        }
+
+        if(hasSVGCartesian) {
+            plotinfo.xlines
+                .attr('transform', originX)
+                .attr('d', (
+                    xLinePath(xLinesYBottom, showBottom) +
+                    xLinePath(xLinesYTop, showTop) +
+                    xLinePath(xLinesYFree, showFreeX)) ||
+                    // so it doesn't barf with no lines shown
+                    'M0,0')
+                .style('stroke-width', xlw + 'px')
+                .call(Color.stroke, xa.showline ?
+                    xa.linecolor : 'rgba(0,0,0,0)');
+            plotinfo.ylines
+                .attr('transform', originY)
+                .attr('d', (
+                    yLinePath(yLinesXLeft, showLeft) +
+                    yLinePath(yLinesXRight, showRight) +
+                    yLinePath(yLinesXFree, showFreeY)) ||
+                    'M0,0')
+                .style('stroke-width', ylw + 'px')
+                .call(Color.stroke, ya.showline ?
+                    ya.linecolor : 'rgba(0,0,0,0)');
+        }
+
+        plotinfo.xaxislayer.attr('transform', originX);
+        plotinfo.yaxislayer.attr('transform', originY);
+        plotinfo.gridlayer.attr('transform', origin);
+        plotinfo.zerolinelayer.attr('transform', origin);
+        plotinfo.draglayer.attr('transform', origin);
+
+        // mark free axes as displayed, so we don't draw them again
+        if(showFreeX) freeFinished[xa._id] = 1;
+        if(showFreeY) freeFinished[ya._id] = 1;
+    });
+
+    Plotly.Axes.makeClipPaths(gd);
+    exports.drawMainTitle(gd);
+    ModeBar.manage(gd);
+
+    return gd._promises.length && Promise.all(gd._promises);
+};
+
+function shouldShowLine(ax, counterAx, side) {
+    return (ax._anchorAxis === counterAx && (ax.mirror || ax.side === side)) ||
+        ax.mirror === 'all' || ax.mirror === 'allticks' ||
+        (ax.mirrors && ax.mirrors[counterAx._id + side]);
+}
+
+function findCounterAxes(gd, ax, axList) {
+    var counterAxes = [];
+    var anchorAx = ax._anchorAxis;
+    if(anchorAx) {
+        var counterMain = anchorAx._mainAxis;
+        if(counterAxes.indexOf(counterMain) === -1) {
+            counterAxes.push(counterMain);
+            for(var i = 0; i < axList.length; i++) {
+                if(axList[i].overlaying === counterMain._id &&
+                    counterAxes.indexOf(axList[i]) === -1
+                ) {
+                    counterAxes.push(axList[i]);
+                }
+            }
+        }
+    }
+    return counterAxes;
+}
+
+function findLineWidth(gd, axes, side) {
+    for(var i = 0; i < axes.length; i++) {
+        var ax = axes[i];
+        var anchorAx = ax._anchorAxis;
+        if(anchorAx && shouldShowLine(ax, anchorAx, side)) {
+            return Drawing.crispRound(gd, ax.linewidth);
+        }
+    }
+}
+
+function findCounterAxisLineWidth(gd, ax, subplotCounterLineWidth,
+        subplotCounterIsShown, side, axList) {
+    if(subplotCounterIsShown) return subplotCounterLineWidth;
+
+    var i;
+
+    // find all counteraxes for this one, then of these, find the
+    // first one that has a visible line on this side
+    var mainAxis = ax._mainAxis;
+    var counterAxes = findCounterAxes(gd, mainAxis, axList);
+
+    var lineWidth = findLineWidth(gd, counterAxes, side);
+    if(lineWidth) return lineWidth;
+
+    for(i = 0; i < axList.length; i++) {
+        if(axList[i].overlaying === mainAxis._id) {
+            counterAxes = findCounterAxes(gd, axList[i], axList);
+            lineWidth = findLineWidth(gd, counterAxes, side);
+            if(lineWidth) return lineWidth;
+        }
+    }
+    return 0;
+}
+
+exports.drawMainTitle = function(gd) {
+    var fullLayout = gd._fullLayout;
+
+    Titles.draw(gd, 'gtitle', {
+        propContainer: fullLayout,
+        propName: 'title',
+        dfltName: 'Plot',
+        attributes: {
+            x: fullLayout.width / 2,
+            y: fullLayout._size.t / 2,
+            'text-anchor': 'middle'
+        }
+    });
+};
+
+// First, see if we need to do arraysToCalcdata
+// call it regardless of what change we made, in case
+// supplyDefaults brought in an array that was already
+// in gd.data but not in gd._fullData previously
+exports.doTraceStyle = function(gd) {
+    for(var i = 0; i < gd.calcdata.length; i++) {
+        var cdi = gd.calcdata[i],
+            _module = ((cdi[0] || {}).trace || {})._module || {},
+            arraysToCalcdata = _module.arraysToCalcdata;
+
+        if(arraysToCalcdata) arraysToCalcdata(cdi, cdi[0].trace);
+    }
+
+    Plots.style(gd);
+    Registry.getComponentMethod('legend', 'draw')(gd);
+
+    return Plots.previousPromises(gd);
+};
+
+exports.doColorBars = function(gd) {
+    for(var i = 0; i < gd.calcdata.length; i++) {
+        var cdi0 = gd.calcdata[i][0];
+
+        if((cdi0.t || {}).cb) {
+            var trace = cdi0.trace,
+                cb = cdi0.t.cb;
+
+            if(Registry.traceIs(trace, 'contour')) {
+                cb.line({
+                    width: trace.contours.showlines !== false ?
+                        trace.line.width : 0,
+                    dash: trace.line.dash,
+                    color: trace.contours.coloring === 'line' ?
+                        cb._opts.line.color : trace.line.color
+                });
+            }
+            if(Registry.traceIs(trace, 'markerColorscale')) {
+                cb.options(trace.marker.colorbar)();
+            }
+            else cb.options(trace.colorbar)();
+        }
+    }
+
+    return Plots.previousPromises(gd);
+};
+
+// force plot() to redo the layout and replot with the modified layout
+exports.layoutReplot = function(gd) {
+    var layout = gd.layout;
+    gd.layout = undefined;
+    return Plotly.plot(gd, '', layout);
+};
+
+exports.doLegend = function(gd) {
+    Registry.getComponentMethod('legend', 'draw')(gd);
+    return Plots.previousPromises(gd);
+};
+
+exports.doTicksRelayout = function(gd) {
+    Plotly.Axes.doTicks(gd, 'redraw');
+    exports.drawMainTitle(gd);
+    return Plots.previousPromises(gd);
+};
+
+exports.doModeBar = function(gd) {
+    var fullLayout = gd._fullLayout;
+
+    ModeBar.manage(gd);
+    initInteractions(gd);
+
+    for(var i = 0; i < fullLayout._basePlotModules.length; i++) {
+        var updateFx = fullLayout._basePlotModules[i].updateFx;
+        if(updateFx) updateFx(fullLayout);
+    }
+
+
+    return Plots.previousPromises(gd);
+};
+
+exports.doCamera = function(gd) {
+    var fullLayout = gd._fullLayout,
+        sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d');
+
+    for(var i = 0; i < sceneIds.length; i++) {
+        var sceneLayout = fullLayout[sceneIds[i]],
+            scene = sceneLayout._scene;
+
+        scene.setCamera(sceneLayout.camera);
+    }
+};
+
+},{"../components/color":604,"../components/drawing":628,"../components/modebar":665,"../components/titles":694,"../lib":728,"../plotly":767,"../plots/cartesian/constants":777,"../plots/cartesian/graph_interact":781,"../plots/plots":831,"../registry":846,"d3":122}],765:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Plotly = require('../plotly');
+var Lib = require('../lib');
+
+var helpers = require('../snapshot/helpers');
+var toSVG = require('../snapshot/tosvg');
+var svgToImg = require('../snapshot/svgtoimg');
+
+var attrs = {
+    format: {
+        valType: 'enumerated',
+        values: ['png', 'jpeg', 'webp', 'svg'],
+        dflt: 'png',
+        
+    },
+    width: {
+        valType: 'number',
+        min: 1,
+        
+    },
+    height: {
+        valType: 'number',
+        min: 1,
+        
+    },
+    scale: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+    },
+    setBackground: {
+        valType: 'any',
+        dflt: false,
+        
+    },
+    imageDataOnly: {
+        valType: 'boolean',
+        dflt: false,
+        
+    }
+};
+
+var IMAGE_URL_PREFIX = /^data:image\/\w+;base64,/;
+
+/** Plotly.toImage
+ *
+ * @param {object | string | HTML div} gd
+ *   can either be a data/layout/config object
+ *   or an existing graph <div>
+ *   or an id to an existing graph <div>
+ * @param {object} opts (see above)
+ * @return {promise}
+ */
+function toImage(gd, opts) {
+    opts = opts || {};
+
+    var data;
+    var layout;
+    var config;
+
+    if(Lib.isPlainObject(gd)) {
+        data = gd.data || [];
+        layout = gd.layout || {};
+        config = gd.config || {};
+    } else {
+        gd = Lib.getGraphDiv(gd);
+        data = Lib.extendDeep([], gd.data);
+        layout = Lib.extendDeep({}, gd.layout);
+        config = gd._context;
+    }
+
+    function isImpliedOrValid(attr) {
+        return !(attr in opts) || Lib.validate(opts[attr], attrs[attr]);
+    }
+
+    if(!isImpliedOrValid('width') || !isImpliedOrValid('height')) {
+        throw new Error('Height and width should be pixel values.');
+    }
+
+    if(!isImpliedOrValid('format')) {
+        throw new Error('Image format is not jpeg, png, svg or webp.');
+    }
+
+    var fullOpts = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(opts, fullOpts, attrs, attr, dflt);
+    }
+
+    var format = coerce('format');
+    var width = coerce('width');
+    var height = coerce('height');
+    var scale = coerce('scale');
+    var setBackground = coerce('setBackground');
+    var imageDataOnly = coerce('imageDataOnly');
+
+    // put the cloned div somewhere off screen before attaching to DOM
+    var clonedGd = document.createElement('div');
+    clonedGd.style.position = 'absolute';
+    clonedGd.style.left = '-5000px';
+    document.body.appendChild(clonedGd);
+
+    // extend layout with image options
+    var layoutImage = Lib.extendFlat({}, layout);
+    if(width) layoutImage.width = width;
+    if(height) layoutImage.height = height;
+
+    // extend config for static plot
+    var configImage = Lib.extendFlat({}, config, {
+        staticPlot: true,
+        setBackground: setBackground
+    });
+
+    var redrawFunc = helpers.getRedrawFunc(clonedGd);
+
+    function wait() {
+        return new Promise(function(resolve) {
+            setTimeout(resolve, helpers.getDelay(clonedGd._fullLayout));
+        });
+    }
+
+    function convert() {
+        return new Promise(function(resolve, reject) {
+            var svg = toSVG(clonedGd, format, scale);
+            var width = clonedGd._fullLayout.width;
+            var height = clonedGd._fullLayout.height;
+
+            Plotly.purge(clonedGd);
+            document.body.removeChild(clonedGd);
+
+            if(format === 'svg') {
+                if(imageDataOnly) {
+                    return resolve(svg);
+                } else {
+                    return resolve('data:image/svg+xml,' + encodeURIComponent(svg));
+                }
+            }
+
+            var canvas = document.createElement('canvas');
+            canvas.id = Lib.randstr();
+
+            svgToImg({
+                format: format,
+                width: width,
+                height: height,
+                scale: scale,
+                canvas: canvas,
+                svg: svg,
+                // ask svgToImg to return a Promise
+                //  rather than EventEmitter
+                //  leave EventEmitter for backward
+                //  compatibility
+                promise: true
+            })
+            .then(resolve)
+            .catch(reject);
+        });
+    }
+
+    function urlToImageData(url) {
+        if(imageDataOnly) {
+            return url.replace(IMAGE_URL_PREFIX, '');
+        } else {
+            return url;
+        }
+    }
+
+    return new Promise(function(resolve, reject) {
+        Plotly.plot(clonedGd, data, layoutImage, configImage)
+            .then(redrawFunc)
+            .then(wait)
+            .then(convert)
+            .then(function(url) { resolve(urlToImageData(url)); })
+            .catch(function(err) { reject(err); });
+    });
+}
+
+module.exports = toImage;
+
+},{"../lib":728,"../plotly":767,"../snapshot/helpers":850,"../snapshot/svgtoimg":852,"../snapshot/tosvg":854}],766:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+var Lib = require('../lib');
+var Plots = require('../plots/plots');
+var PlotSchema = require('./plot_schema');
+
+var isPlainObject = Lib.isPlainObject;
+var isArray = Array.isArray;
+
+
+/**
+ * Validate a data array and layout object.
+ *
+ * @param {array} data
+ * @param {object} layout
+ *
+ * @return {array} array of error objects each containing:
+ *  - {string} code
+ *      error code ('object', 'array', 'schema', 'unused', 'invisible' or 'value')
+ *  - {string} container
+ *      container where the error occurs ('data' or 'layout')
+ *  - {number} trace
+ *      trace index of the 'data' container where the error occurs
+ *  - {array} path
+ *      nested path to the key that causes the error
+ *  - {string} astr
+ *      attribute string variant of 'path' compatible with Plotly.restyle and
+ *      Plotly.relayout.
+ *  - {string} msg
+ *      error message (shown in console in logger config argument is enable)
+ */
+module.exports = function valiate(data, layout) {
+    var schema = PlotSchema.get(),
+        errorList = [],
+        gd = {};
+
+    var dataIn, layoutIn;
+
+    if(isArray(data)) {
+        gd.data = Lib.extendDeep([], data);
+        dataIn = data;
+    }
+    else {
+        gd.data = [];
+        dataIn = [];
+        errorList.push(format('array', 'data'));
+    }
+
+    if(isPlainObject(layout)) {
+        gd.layout = Lib.extendDeep({}, layout);
+        layoutIn = layout;
+    }
+    else {
+        gd.layout = {};
+        layoutIn = {};
+        if(arguments.length > 1) {
+            errorList.push(format('object', 'layout'));
+        }
+    }
+
+    // N.B. dataIn and layoutIn are in general not the same as
+    // gd.data and gd.layout after supplyDefaults as some attributes
+    // in gd.data and gd.layout (still) get mutated during this step.
+
+    Plots.supplyDefaults(gd);
+
+    var dataOut = gd._fullData,
+        len = dataIn.length;
+
+    for(var i = 0; i < len; i++) {
+        var traceIn = dataIn[i],
+            base = ['data', i];
+
+        if(!isPlainObject(traceIn)) {
+            errorList.push(format('object', base));
+            continue;
+        }
+
+        var traceOut = dataOut[i],
+            traceType = traceOut.type,
+            traceSchema = schema.traces[traceType].attributes;
+
+        // PlotSchema does something fancy with trace 'type', reset it here
+        // to make the trace schema compatible with Lib.validate.
+        traceSchema.type = {
+            valType: 'enumerated',
+            values: [traceType]
+        };
+
+        if(traceOut.visible === false && traceIn.visible !== false) {
+            errorList.push(format('invisible', base));
+        }
+
+        crawl(traceIn, traceOut, traceSchema, errorList, base);
+
+        var transformsIn = traceIn.transforms,
+            transformsOut = traceOut.transforms;
+
+        if(transformsIn) {
+            if(!isArray(transformsIn)) {
+                errorList.push(format('array', base, ['transforms']));
+            }
+
+            base.push('transforms');
+
+            for(var j = 0; j < transformsIn.length; j++) {
+                var path = ['transforms', j],
+                    transformType = transformsIn[j].type;
+
+                if(!isPlainObject(transformsIn[j])) {
+                    errorList.push(format('object', base, path));
+                    continue;
+                }
+
+                var transformSchema = schema.transforms[transformType] ?
+                    schema.transforms[transformType].attributes :
+                    {};
+
+                // add 'type' to transform schema to validate the transform type
+                transformSchema.type = {
+                    valType: 'enumerated',
+                    values: Object.keys(schema.transforms)
+                };
+
+                crawl(transformsIn[j], transformsOut[j], transformSchema, errorList, base, path);
+            }
+        }
+    }
+
+    var layoutOut = gd._fullLayout,
+        layoutSchema = fillLayoutSchema(schema, dataOut);
+
+    crawl(layoutIn, layoutOut, layoutSchema, errorList, 'layout');
+
+    // return undefined if no validation errors were found
+    return (errorList.length === 0) ? void(0) : errorList;
+};
+
+function crawl(objIn, objOut, schema, list, base, path) {
+    path = path || [];
+
+    var keys = Object.keys(objIn);
+
+    for(var i = 0; i < keys.length; i++) {
+        var k = keys[i];
+
+        // transforms are handled separately
+        if(k === 'transforms') continue;
+
+        var p = path.slice();
+        p.push(k);
+
+        var valIn = objIn[k],
+            valOut = objOut[k];
+
+        var nestedSchema = getNestedSchema(schema, k),
+            isInfoArray = (nestedSchema || {}).valType === 'info_array',
+            isColorscale = (nestedSchema || {}).valType === 'colorscale';
+
+        if(!isInSchema(schema, k)) {
+            list.push(format('schema', base, p));
+        }
+        else if(isPlainObject(valIn) && isPlainObject(valOut)) {
+            crawl(valIn, valOut, nestedSchema, list, base, p);
+        }
+        else if(nestedSchema.items && !isInfoArray && isArray(valIn)) {
+            var items = nestedSchema.items,
+                _nestedSchema = items[Object.keys(items)[0]],
+                indexList = [];
+
+            var j, _p;
+
+            // loop over valOut items while keeping track of their
+            // corresponding input container index (given by _index)
+            for(j = 0; j < valOut.length; j++) {
+                var _index = valOut[j]._index || j;
+
+                _p = p.slice();
+                _p.push(_index);
+
+                if(isPlainObject(valIn[_index]) && isPlainObject(valOut[j])) {
+                    indexList.push(_index);
+                    crawl(valIn[_index], valOut[j], _nestedSchema, list, base, _p);
+                }
+            }
+
+            // loop over valIn to determine where it went wrong for some items
+            for(j = 0; j < valIn.length; j++) {
+                _p = p.slice();
+                _p.push(j);
+
+                if(!isPlainObject(valIn[j])) {
+                    list.push(format('object', base, _p, valIn[j]));
+                }
+                else if(indexList.indexOf(j) === -1) {
+                    list.push(format('unused', base, _p));
+                }
+            }
+        }
+        else if(!isPlainObject(valIn) && isPlainObject(valOut)) {
+            list.push(format('object', base, p, valIn));
+        }
+        else if(!isArray(valIn) && isArray(valOut) && !isInfoArray && !isColorscale) {
+            list.push(format('array', base, p, valIn));
+        }
+        else if(!(k in objOut)) {
+            list.push(format('unused', base, p, valIn));
+        }
+        else if(!Lib.validate(valIn, nestedSchema)) {
+            list.push(format('value', base, p, valIn));
+        }
+        else if(nestedSchema.valType === 'enumerated' &&
+            ((nestedSchema.coerceNumber && valIn !== +valOut) || valIn !== valOut)
+        ) {
+            list.push(format('dynamic', base, p, valIn, valOut));
+        }
+    }
+
+    return list;
+}
+
+// the 'full' layout schema depends on the traces types presents
+function fillLayoutSchema(schema, dataOut) {
+    for(var i = 0; i < dataOut.length; i++) {
+        var traceType = dataOut[i].type,
+            traceLayoutAttr = schema.traces[traceType].layoutAttributes;
+
+        if(traceLayoutAttr) {
+            Lib.extendFlat(schema.layout.layoutAttributes, traceLayoutAttr);
+        }
+    }
+
+    return schema.layout.layoutAttributes;
+}
+
+// validation error codes
+var code2msgFunc = {
+    object: function(base, astr) {
+        var prefix;
+
+        if(base === 'layout' && astr === '') prefix = 'The layout argument';
+        else if(base[0] === 'data' && astr === '') {
+            prefix = 'Trace ' + base[1] + ' in the data argument';
+        }
+        else prefix = inBase(base) + 'key ' + astr;
+
+        return prefix + ' must be linked to an object container';
+    },
+    array: function(base, astr) {
+        var prefix;
+
+        if(base === 'data') prefix = 'The data argument';
+        else prefix = inBase(base) + 'key ' + astr;
+
+        return prefix + ' must be linked to an array container';
+    },
+    schema: function(base, astr) {
+        return inBase(base) + 'key ' + astr + ' is not part of the schema';
+    },
+    unused: function(base, astr, valIn) {
+        var target = isPlainObject(valIn) ? 'container' : 'key';
+
+        return inBase(base) + target + ' ' + astr + ' did not get coerced';
+    },
+    dynamic: function(base, astr, valIn, valOut) {
+        return [
+            inBase(base) + 'key',
+            astr,
+            '(set to \'' + valIn + '\')',
+            'got reset to',
+            '\'' + valOut + '\'',
+            'during defaults.'
+        ].join(' ');
+    },
+    invisible: function(base) {
+        return 'Trace ' + base[1] + ' got defaulted to be not visible';
+    },
+    value: function(base, astr, valIn) {
+        return [
+            inBase(base) + 'key ' + astr,
+            'is set to an invalid value (' + valIn + ')'
+        ].join(' ');
+    }
+};
+
+function inBase(base) {
+    if(isArray(base)) return 'In data trace ' + base[1] + ', ';
+
+    return 'In ' + base + ', ';
+}
+
+function format(code, base, path, valIn, valOut) {
+    path = path || '';
+
+    var container, trace;
+
+    // container is either 'data' or 'layout
+    // trace is the trace index if 'data', null otherwise
+
+    if(isArray(base)) {
+        container = base[0];
+        trace = base[1];
+    }
+    else {
+        container = base;
+        trace = null;
+    }
+
+    var astr = convertPathToAttributeString(path);
+    var msg = code2msgFunc[code](base, astr, valIn, valOut);
+
+    // log to console if logger config option is enabled
+    Lib.log(msg);
+
+    return {
+        code: code,
+        container: container,
+        trace: trace,
+        path: path,
+        astr: astr,
+        msg: msg
+    };
+}
+
+function isInSchema(schema, key) {
+    var parts = splitKey(key),
+        keyMinusId = parts.keyMinusId,
+        id = parts.id;
+
+    if((keyMinusId in schema) && schema[keyMinusId]._isSubplotObj && id) {
+        return true;
+    }
+
+    return (key in schema);
+}
+
+function getNestedSchema(schema, key) {
+    var parts = splitKey(key);
+
+    return schema[parts.keyMinusId];
+}
+
+var idRegex = Lib.counterRegex('([a-z]+)');
+
+function splitKey(key) {
+    var idMatch = key.match(idRegex);
+
+    return {
+        keyMinusId: idMatch && idMatch[1],
+        id: idMatch && idMatch[2]
+    };
+}
+
+function convertPathToAttributeString(path) {
+    if(!isArray(path)) return String(path);
+
+    var astr = '';
+
+    for(var i = 0; i < path.length; i++) {
+        var p = path[i];
+
+        if(typeof p === 'number') {
+            astr = astr.substr(0, astr.length - 1) + '[' + p + ']';
+        }
+        else {
+            astr += p;
+        }
+
+        if(i < path.length - 1) astr += '.';
+    }
+
+    return astr;
+}
+
+},{"../lib":728,"../plots/plots":831,"./plot_schema":761}],767:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Pack internal modules unto an object.
+ *
+ * This object is require'ed in as 'Plotly' in numerous src and test files.
+ * Require'ing 'Plotly' bypasses circular dependencies.
+ *
+ * Future development should move away from this pattern.
+ *
+ */
+
+// configuration
+exports.defaultConfig = require('./plot_api/plot_config');
+
+// plots
+exports.Plots = require('./plots/plots');
+exports.Axes = require('./plots/cartesian/axes');
+
+// components
+exports.ModeBar = require('./components/modebar');
+
+// plot api
+require('./plot_api/plot_api');
+
+},{"./components/modebar":665,"./plot_api/plot_api":759,"./plot_api/plot_config":760,"./plots/cartesian/axes":772,"./plots/plots":831}],768:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    mode: {
+        valType: 'enumerated',
+        dflt: 'afterall',
+        
+        values: ['immediate', 'next', 'afterall'],
+        
+    },
+    direction: {
+        valType: 'enumerated',
+        
+        values: ['forward', 'reverse'],
+        dflt: 'forward',
+        
+    },
+    fromcurrent: {
+        valType: 'boolean',
+        dflt: false,
+        
+        
+    },
+    frame: {
+        duration: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 500,
+            
+        },
+        redraw: {
+            valType: 'boolean',
+            
+            dflt: true,
+            
+        },
+    },
+    transition: {
+        duration: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 500,
+            
+        },
+        easing: {
+            valType: 'enumerated',
+            dflt: 'cubic-in-out',
+            values: [
+                'linear',
+                'quad',
+                'cubic',
+                'sin',
+                'exp',
+                'circle',
+                'elastic',
+                'back',
+                'bounce',
+                'linear-in',
+                'quad-in',
+                'cubic-in',
+                'sin-in',
+                'exp-in',
+                'circle-in',
+                'elastic-in',
+                'back-in',
+                'bounce-in',
+                'linear-out',
+                'quad-out',
+                'cubic-out',
+                'sin-out',
+                'exp-out',
+                'circle-out',
+                'elastic-out',
+                'back-out',
+                'bounce-out',
+                'linear-in-out',
+                'quad-in-out',
+                'cubic-in-out',
+                'sin-in-out',
+                'exp-in-out',
+                'circle-in-out',
+                'elastic-in-out',
+                'back-in-out',
+                'bounce-in-out'
+            ],
+            
+            
+        },
+    }
+};
+
+},{}],769:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+
+
+/** Convenience wrapper for making array container logic DRY and consistent
+ *
+ * @param {object} parentObjIn
+ *  user input object where the container in question is linked
+ *  (i.e. either a user trace object or the user layout object)
+ *
+ * @param {object} parentObjOut
+ *  full object where the coerced container will be linked
+ *  (i.e. either a full trace object or the full layout object)
+ *
+ * @param {object} opts
+ *  options object:
+ *   - name {string}
+ *      name of the key linking the container in question
+ *   - handleItemDefaults {function}
+ *      defaults method to be called on each item in the array container in question
+ *
+ *      Its arguments are:
+ *          - itemIn {object} item in user layout
+ *          - itemOut {object} item in full layout
+ *          - parentObj {object} (as in closure)
+ *          - opts {object} (as in closure)
+ *          - itemOpts {object}
+ *              - itemIsNotPlainObject {boolean}
+ * N.B.
+ *
+ *  - opts is passed to handleItemDefaults so it can also store
+ *    links to supplementary data (e.g. fullData for layout components)
+ *
+ */
+module.exports = function handleArrayContainerDefaults(parentObjIn, parentObjOut, opts) {
+    var name = opts.name;
+
+    var previousContOut = parentObjOut[name];
+
+    var contIn = Lib.isArray(parentObjIn[name]) ? parentObjIn[name] : [],
+        contOut = parentObjOut[name] = [],
+        i;
+
+    for(i = 0; i < contIn.length; i++) {
+        var itemIn = contIn[i],
+            itemOut = {},
+            itemOpts = {};
+
+        if(!Lib.isPlainObject(itemIn)) {
+            itemOpts.itemIsNotPlainObject = true;
+            itemIn = {};
+        }
+
+        opts.handleItemDefaults(itemIn, itemOut, parentObjOut, opts, itemOpts);
+
+        itemOut._input = itemIn;
+        itemOut._index = i;
+
+        contOut.push(itemOut);
+    }
+
+    // in case this array gets its defaults rebuilt independent of the whole layout,
+    // relink the private keys just for this array.
+    if(Lib.isArray(previousContOut)) {
+        var len = Math.min(previousContOut.length, contOut.length);
+        for(i = 0; i < len; i++) {
+            Lib.relinkPrivateKeys(contOut[i], previousContOut[i]);
+        }
+    }
+};
+
+},{"../lib":728}],770:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fxAttrs = require('../components/fx/attributes');
+
+module.exports = {
+    type: {
+        valType: 'enumerated',
+        
+        values: [],     // listed dynamically
+        dflt: 'scatter',
+        editType: 'calc+clearAxisTypes'
+    },
+    visible: {
+        valType: 'enumerated',
+        values: [true, false, 'legendonly'],
+        
+        dflt: true,
+        editType: 'calc',
+        
+    },
+    showlegend: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'style',
+        
+    },
+    legendgroup: {
+        valType: 'string',
+        
+        dflt: '',
+        editType: 'style',
+        
+    },
+    opacity: {
+        valType: 'number',
+        
+        min: 0,
+        max: 1,
+        dflt: 1,
+        editType: 'style',
+        
+    },
+    name: {
+        valType: 'string',
+        
+        editType: 'style',
+        
+    },
+    uid: {
+        valType: 'string',
+        
+        dflt: '',
+        editType: 'calc'
+    },
+    ids: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    customdata: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    hoverinfo: {
+        valType: 'flaglist',
+        
+        flags: ['x', 'y', 'z', 'text', 'name'],
+        extras: ['all', 'none', 'skip'],
+        arrayOk: true,
+        dflt: 'all',
+        editType: 'none',
+        
+    },
+    hoverlabel: fxAttrs.hoverlabel,
+    stream: {
+        token: {
+            valType: 'string',
+            noBlank: true,
+            strict: true,
+            
+            editType: 'calc',
+            
+        },
+        maxpoints: {
+            valType: 'number',
+            min: 0,
+            max: 10000,
+            dflt: 500,
+            
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    }
+};
+
+},{"../components/fx/attributes":637}],771:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    xaxis: {
+        valType: 'subplotid',
+        
+        dflt: 'x',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    yaxis: {
+        valType: 'subplotid',
+        
+        dflt: 'y',
+        editType: 'calc+clearAxisTypes',
+        
+    }
+};
+
+},{}],772:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var Titles = require('../../components/titles');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+
+var constants = require('../../constants/numerical');
+var FP_SAFE = constants.FP_SAFE;
+var ONEAVGYEAR = constants.ONEAVGYEAR;
+var ONEAVGMONTH = constants.ONEAVGMONTH;
+var ONEDAY = constants.ONEDAY;
+var ONEHOUR = constants.ONEHOUR;
+var ONEMIN = constants.ONEMIN;
+var ONESEC = constants.ONESEC;
+var MINUS_SIGN = constants.MINUS_SIGN;
+
+var MID_SHIFT = require('../../constants/alignment').MID_SHIFT;
+
+var axes = module.exports = {};
+
+axes.layoutAttributes = require('./layout_attributes');
+axes.supplyLayoutDefaults = require('./layout_defaults');
+
+axes.setConvert = require('./set_convert');
+var autoType = require('./axis_autotype');
+
+var axisIds = require('./axis_ids');
+axes.id2name = axisIds.id2name;
+axes.cleanId = axisIds.cleanId;
+axes.list = axisIds.list;
+axes.listIds = axisIds.listIds;
+axes.getFromId = axisIds.getFromId;
+axes.getFromTrace = axisIds.getFromTrace;
+
+/*
+ * find the list of possible axes to reference with an xref or yref attribute
+ * and coerce it to that list
+ *
+ * attr: the attribute we're generating a reference for. Should end in 'x' or 'y'
+ *     but can be prefixed, like 'ax' for annotation's arrow x
+ * dflt: the default to coerce to, or blank to use the first axis (falling back on
+ *     extraOption if there is no axis)
+ * extraOption: aside from existing axes with this letter, what non-axis value is allowed?
+ *     Only required if it's different from `dflt`
+ */
+axes.coerceRef = function(containerIn, containerOut, gd, attr, dflt, extraOption) {
+    var axLetter = attr.charAt(attr.length - 1),
+        axlist = axes.listIds(gd, axLetter),
+        refAttr = attr + 'ref',
+        attrDef = {};
+
+    if(!dflt) dflt = axlist[0] || extraOption;
+    if(!extraOption) extraOption = dflt;
+
+    // data-ref annotations are not supported in gl2d yet
+
+    attrDef[refAttr] = {
+        valType: 'enumerated',
+        values: axlist.concat(extraOption ? [extraOption] : []),
+        dflt: dflt
+    };
+
+    // xref, yref
+    return Lib.coerce(containerIn, containerOut, attrDef, refAttr);
+};
+
+/*
+ * coerce position attributes (range-type) that can be either on axes or absolute
+ * (paper or pixel) referenced. The biggest complication here is that we don't know
+ * before looking at the axis whether the value must be a number or not (it may be
+ * a date string), so we can't use the regular valType='number' machinery
+ *
+ * axRef (string): the axis this position is referenced to, or:
+ *     paper: fraction of the plot area
+ *     pixel: pixels relative to some starting position
+ * attr (string): the attribute in containerOut we are coercing
+ * dflt (number): the default position, as a fraction or pixels. If the attribute
+ *     is to be axis-referenced, this will be converted to an axis data value
+ *
+ * Also cleans the values, since the attribute definition itself has to say
+ * valType: 'any' to handle date axes. This allows us to accept:
+ * - for category axes: category names, and convert them here into serial numbers.
+ *   Note that this will NOT work for axis range endpoints, because we don't know
+ *   the category list yet (it's set by ax.makeCalcdata during calc)
+ *   but it works for component (note, shape, images) positions.
+ * - for date axes: JS Dates or milliseconds, and convert to date strings
+ * - for other types: coerce them to numbers
+ */
+axes.coercePosition = function(containerOut, gd, coerce, axRef, attr, dflt) {
+    var cleanPos, pos;
+
+    if(axRef === 'paper' || axRef === 'pixel') {
+        cleanPos = Lib.ensureNumber;
+        pos = coerce(attr, dflt);
+    } else {
+        var ax = axes.getFromId(gd, axRef);
+        dflt = ax.fraction2r(dflt);
+        pos = coerce(attr, dflt);
+        cleanPos = ax.cleanPos;
+    }
+
+    containerOut[attr] = cleanPos(pos);
+};
+
+axes.cleanPosition = function(pos, gd, axRef) {
+    var cleanPos = (axRef === 'paper' || axRef === 'pixel') ?
+        Lib.ensureNumber :
+        axes.getFromId(gd, axRef).cleanPos;
+
+    return cleanPos(pos);
+};
+
+var getDataConversions = axes.getDataConversions = function(gd, trace, target, targetArray) {
+    var ax;
+
+    // If target points to an axis, use the type we already have for that
+    // axis to find the data type. Otherwise use the values to autotype.
+    var d2cTarget = (target === 'x' || target === 'y' || target === 'z') ?
+        target :
+        targetArray;
+
+    // In the case of an array target, make a mock data array
+    // and call supplyDefaults to the data type and
+    // setup the data-to-calc method.
+    if(Array.isArray(d2cTarget)) {
+        ax = {
+            type: autoType(targetArray),
+            _categories: []
+        };
+        axes.setConvert(ax);
+
+        // build up ax._categories (usually done during ax.makeCalcdata()
+        if(ax.type === 'category') {
+            for(var i = 0; i < targetArray.length; i++) {
+                ax.d2c(targetArray[i]);
+            }
+        }
+    } else {
+        ax = axes.getFromTrace(gd, trace, d2cTarget);
+    }
+
+    // if 'target' has corresponding axis
+    // -> use setConvert method
+    if(ax) return {d2c: ax.d2c, c2d: ax.c2d};
+
+    // special case for 'ids'
+    // -> cast to String
+    if(d2cTarget === 'ids') return {d2c: toString, c2d: toString};
+
+    // otherwise (e.g. numeric-array of 'marker.color' or 'marker.size')
+    // -> cast to Number
+
+    return {d2c: toNum, c2d: toNum};
+};
+
+function toNum(v) { return +v; }
+function toString(v) { return String(v); }
+
+axes.getDataToCoordFunc = function(gd, trace, target, targetArray) {
+    return getDataConversions(gd, trace, target, targetArray).d2c;
+};
+
+// get counteraxis letter for this axis (name or id)
+// this can also be used as the id for default counter axis
+axes.counterLetter = function(id) {
+    var axLetter = id.charAt(0);
+    if(axLetter === 'x') return 'y';
+    if(axLetter === 'y') return 'x';
+};
+
+// incorporate a new minimum difference and first tick into
+// forced
+// note that _forceTick0 is linearized, so needs to be turned into
+// a range value for setting tick0
+axes.minDtick = function(ax, newDiff, newFirst, allow) {
+    // doesn't make sense to do forced min dTick on log or category axes,
+    // and the plot itself may decide to cancel (ie non-grouped bars)
+    if(['log', 'category'].indexOf(ax.type) !== -1 || !allow) {
+        ax._minDtick = 0;
+    }
+    // undefined means there's nothing there yet
+    else if(ax._minDtick === undefined) {
+        ax._minDtick = newDiff;
+        ax._forceTick0 = newFirst;
+    }
+    else if(ax._minDtick) {
+        // existing minDtick is an integer multiple of newDiff
+        // (within rounding err)
+        // and forceTick0 can be shifted to newFirst
+        if((ax._minDtick / newDiff + 1e-6) % 1 < 2e-6 &&
+                (((newFirst - ax._forceTick0) / newDiff % 1) +
+                    1.000001) % 1 < 2e-6) {
+            ax._minDtick = newDiff;
+            ax._forceTick0 = newFirst;
+        }
+        // if the converse is true (newDiff is a multiple of minDtick and
+        // newFirst can be shifted to forceTick0) then do nothing - same
+        // forcing stands. Otherwise, cancel forced minimum
+        else if((newDiff / ax._minDtick + 1e-6) % 1 > 2e-6 ||
+                (((newFirst - ax._forceTick0) / ax._minDtick % 1) +
+                    1.000001) % 1 > 2e-6) {
+            ax._minDtick = 0;
+        }
+    }
+};
+
+// Find the autorange for this axis
+//
+// assumes ax._min and ax._max have already been set by calling axes.expand
+// using calcdata from all traces. These are arrays of:
+// {val: calcdata value, pad: extra pixels beyond this value}
+//
+// Returns an array of [min, max]. These are calcdata for log and category axes
+// and data for linear and date axes.
+//
+// TODO: we want to change log to data as well, but it's hard to do this
+// maintaining backward compatibility. category will always have to use calcdata
+// though, because otherwise values between categories (or outside all categories)
+// would be impossible.
+axes.getAutoRange = function(ax) {
+    var newRange = [];
+
+    var minmin = ax._min[0].val,
+        maxmax = ax._max[0].val,
+        i;
+
+    for(i = 1; i < ax._min.length; i++) {
+        if(minmin !== maxmax) break;
+        minmin = Math.min(minmin, ax._min[i].val);
+    }
+    for(i = 1; i < ax._max.length; i++) {
+        if(minmin !== maxmax) break;
+        maxmax = Math.max(maxmax, ax._max[i].val);
+    }
+
+    var j, minpt, maxpt, minbest, maxbest, dp, dv,
+        mbest = 0,
+        axReverse = false;
+
+    if(ax.range) {
+        var rng = Lib.simpleMap(ax.range, ax.r2l);
+        axReverse = rng[1] < rng[0];
+    }
+
+    // one-time setting to easily reverse the axis
+    // when plotting from code
+    if(ax.autorange === 'reversed') {
+        axReverse = true;
+        ax.autorange = true;
+    }
+
+    for(i = 0; i < ax._min.length; i++) {
+        minpt = ax._min[i];
+        for(j = 0; j < ax._max.length; j++) {
+            maxpt = ax._max[j];
+            dv = maxpt.val - minpt.val;
+            dp = ax._length - minpt.pad - maxpt.pad;
+            if(dv > 0 && dp > 0 && dv / dp > mbest) {
+                minbest = minpt;
+                maxbest = maxpt;
+                mbest = dv / dp;
+            }
+        }
+    }
+
+    if(minmin === maxmax) {
+        var lower = minmin - 1;
+        var upper = minmin + 1;
+        if(ax.rangemode === 'tozero') {
+            newRange = minmin < 0 ? [lower, 0] : [0, upper];
+        }
+        else if(ax.rangemode === 'nonnegative') {
+            newRange = [Math.max(0, lower), Math.max(0, upper)];
+        }
+        else {
+            newRange = [lower, upper];
+        }
+    }
+    else if(mbest) {
+        if(ax.type === 'linear' || ax.type === '-') {
+            if(ax.rangemode === 'tozero') {
+                if(minbest.val >= 0) {
+                    minbest = {val: 0, pad: 0};
+                }
+                if(maxbest.val <= 0) {
+                    maxbest = {val: 0, pad: 0};
+                }
+            }
+            else if(ax.rangemode === 'nonnegative') {
+                if(minbest.val - mbest * minbest.pad < 0) {
+                    minbest = {val: 0, pad: 0};
+                }
+                if(maxbest.val < 0) {
+                    maxbest = {val: 1, pad: 0};
+                }
+            }
+
+            // in case it changed again...
+            mbest = (maxbest.val - minbest.val) /
+                (ax._length - minbest.pad - maxbest.pad);
+
+        }
+
+        newRange = [
+            minbest.val - mbest * minbest.pad,
+            maxbest.val + mbest * maxbest.pad
+        ];
+    }
+
+    // don't let axis have zero size, while still respecting tozero and nonnegative
+    if(newRange[0] === newRange[1]) {
+        if(ax.rangemode === 'tozero') {
+            if(newRange[0] < 0) {
+                newRange = [newRange[0], 0];
+            }
+            else if(newRange[0] > 0) {
+                newRange = [0, newRange[0]];
+            }
+            else {
+                newRange = [0, 1];
+            }
+        }
+        else {
+            newRange = [newRange[0] - 1, newRange[0] + 1];
+            if(ax.rangemode === 'nonnegative') {
+                newRange[0] = Math.max(0, newRange[0]);
+            }
+        }
+    }
+
+    // maintain reversal
+    if(axReverse) newRange.reverse();
+
+    return Lib.simpleMap(newRange, ax.l2r || Number);
+};
+
+axes.doAutoRange = function(ax) {
+    if(!ax._length) ax.setScale();
+
+    // TODO do we really need this?
+    var hasDeps = (ax._min && ax._max && ax._min.length && ax._max.length);
+
+    if(ax.autorange && hasDeps) {
+        ax.range = axes.getAutoRange(ax);
+
+        ax._r = ax.range.slice();
+        ax._rl = Lib.simpleMap(ax._r, ax.r2l);
+
+        // doAutoRange will get called on fullLayout,
+        // but we want to report its results back to layout
+
+        var axIn = ax._input;
+        axIn.range = ax.range.slice();
+        axIn.autorange = ax.autorange;
+    }
+};
+
+// save a copy of the initial axis ranges in fullLayout
+// use them in mode bar and dblclick events
+axes.saveRangeInitial = function(gd, overwrite) {
+    var axList = axes.list(gd, '', true),
+        hasOneAxisChanged = false;
+
+    for(var i = 0; i < axList.length; i++) {
+        var ax = axList[i];
+
+        var isNew = (ax._rangeInitial === undefined);
+        var hasChanged = (
+            isNew || !(
+                ax.range[0] === ax._rangeInitial[0] &&
+                ax.range[1] === ax._rangeInitial[1]
+            )
+        );
+
+        if((isNew && ax.autorange === false) || (overwrite && hasChanged)) {
+            ax._rangeInitial = ax.range.slice();
+            hasOneAxisChanged = true;
+        }
+    }
+
+    return hasOneAxisChanged;
+};
+
+// save a copy of the initial spike visibility
+axes.saveShowSpikeInitial = function(gd, overwrite) {
+    var axList = axes.list(gd, '', true),
+        hasOneAxisChanged = false,
+        allEnabled = 'on';
+
+    for(var i = 0; i < axList.length; i++) {
+        var ax = axList[i];
+
+        var isNew = (ax._showSpikeInitial === undefined);
+        var hasChanged = (
+            isNew || !(
+                ax.showspikes === ax._showspikes
+            )
+        );
+
+        if((isNew) || (overwrite && hasChanged)) {
+            ax._showSpikeInitial = ax.showspikes;
+            hasOneAxisChanged = true;
+        }
+
+        if(allEnabled === 'on' && !ax.showspikes) {
+            allEnabled = 'off';
+        }
+    }
+    gd._fullLayout._cartesianSpikesEnabled = allEnabled;
+    return hasOneAxisChanged;
+};
+
+// axes.expand: if autoranging, include new data in the outer limits
+// for this axis
+// data is an array of numbers (ie already run through ax.d2c)
+// available options:
+//      vpad: (number or number array) pad values (data value +-vpad)
+//      ppad: (number or number array) pad pixels (pixel location +-ppad)
+//      ppadplus, ppadminus, vpadplus, vpadminus:
+//          separate padding for each side, overrides symmetric
+//      padded: (boolean) add 5% padding to both ends
+//          (unless one end is overridden by tozero)
+//      tozero: (boolean) make sure to include zero if axis is linear,
+//          and make it a tight bound if possible
+axes.expand = function(ax, data, options) {
+    var needsAutorange = (
+        ax.autorange ||
+        !!Lib.nestedProperty(ax, 'rangeslider.autorange').get()
+    );
+
+    if(!needsAutorange || !data) return;
+
+    if(!ax._min) ax._min = [];
+    if(!ax._max) ax._max = [];
+    if(!options) options = {};
+    if(!ax._m) ax.setScale();
+
+    var len = data.length,
+        extrappad = options.padded ? ax._length * 0.05 : 0,
+        tozero = options.tozero && (ax.type === 'linear' || ax.type === '-'),
+        i, j, v, di, dmin, dmax,
+        ppadiplus, ppadiminus, includeThis, vmin, vmax;
+
+    // domain-constrained axes: base extrappad on the unconstrained
+    // domain so it's consistent as the domain changes
+    if(extrappad && (ax.constrain === 'domain') && ax._inputDomain) {
+        extrappad *= (ax._inputDomain[1] - ax._inputDomain[0]) /
+            (ax.domain[1] - ax.domain[0]);
+    }
+
+    function getPad(item) {
+        if(Array.isArray(item)) {
+            return function(i) { return Math.max(Number(item[i]||0), 0); };
+        }
+        else {
+            var v = Math.max(Number(item||0), 0);
+            return function() { return v; };
+        }
+    }
+    var ppadplus = getPad((ax._m > 0 ?
+            options.ppadplus : options.ppadminus) || options.ppad || 0),
+        ppadminus = getPad((ax._m > 0 ?
+            options.ppadminus : options.ppadplus) || options.ppad || 0),
+        vpadplus = getPad(options.vpadplus || options.vpad),
+        vpadminus = getPad(options.vpadminus || options.vpad);
+
+    function addItem(i) {
+        di = data[i];
+        if(!isNumeric(di)) return;
+        ppadiplus = ppadplus(i) + extrappad;
+        ppadiminus = ppadminus(i) + extrappad;
+        vmin = di - vpadminus(i);
+        vmax = di + vpadplus(i);
+        // special case for log axes: if vpad makes this object span
+        // more than an order of mag, clip it to one order. This is so
+        // we don't have non-positive errors or absurdly large lower
+        // range due to rounding errors
+        if(ax.type === 'log' && vmin < vmax / 10) { vmin = vmax / 10; }
+
+        dmin = ax.c2l(vmin);
+        dmax = ax.c2l(vmax);
+
+        if(tozero) {
+            dmin = Math.min(0, dmin);
+            dmax = Math.max(0, dmax);
+        }
+
+        // In order to stop overflow errors, don't consider points
+        // too close to the limits of js floating point
+        function goodNumber(v) {
+            return isNumeric(v) && Math.abs(v) < FP_SAFE;
+        }
+
+        if(goodNumber(dmin)) {
+            includeThis = true;
+            // take items v from ax._min and compare them to the
+            // presently active point:
+            // - if the item supercedes the new point, set includethis false
+            // - if the new pt supercedes the item, delete it from ax._min
+            for(j = 0; j < ax._min.length && includeThis; j++) {
+                v = ax._min[j];
+                if(v.val <= dmin && v.pad >= ppadiminus) {
+                    includeThis = false;
+                }
+                else if(v.val >= dmin && v.pad <= ppadiminus) {
+                    ax._min.splice(j, 1);
+                    j--;
+                }
+            }
+            if(includeThis) {
+                ax._min.push({
+                    val: dmin,
+                    pad: (tozero && dmin === 0) ? 0 : ppadiminus
+                });
+            }
+        }
+
+        if(goodNumber(dmax)) {
+            includeThis = true;
+            for(j = 0; j < ax._max.length && includeThis; j++) {
+                v = ax._max[j];
+                if(v.val >= dmax && v.pad >= ppadiplus) {
+                    includeThis = false;
+                }
+                else if(v.val <= dmax && v.pad <= ppadiplus) {
+                    ax._max.splice(j, 1);
+                    j--;
+                }
+            }
+            if(includeThis) {
+                ax._max.push({
+                    val: dmax,
+                    pad: (tozero && dmax === 0) ? 0 : ppadiplus
+                });
+            }
+        }
+    }
+
+    // For efficiency covering monotonic or near-monotonic data,
+    // check a few points at both ends first and then sweep
+    // through the middle
+    for(i = 0; i < 6; i++) addItem(i);
+    for(i = len - 1; i > 5; i--) addItem(i);
+
+};
+
+axes.autoBin = function(data, ax, nbins, is2d, calendar) {
+    var dataMin = Lib.aggNums(Math.min, null, data),
+        dataMax = Lib.aggNums(Math.max, null, data);
+
+    if(!calendar) calendar = ax.calendar;
+
+    if(ax.type === 'category') {
+        return {
+            start: dataMin - 0.5,
+            end: dataMax + 0.5,
+            size: 1,
+            _count: dataMax - dataMin + 1
+        };
+    }
+
+    var size0;
+    if(nbins) size0 = ((dataMax - dataMin) / nbins);
+    else {
+        // totally auto: scale off std deviation so the highest bin is
+        // somewhat taller than the total number of bins, but don't let
+        // the size get smaller than the 'nice' rounded down minimum
+        // difference between values
+        var distinctData = Lib.distinctVals(data),
+            msexp = Math.pow(10, Math.floor(
+                Math.log(distinctData.minDiff) / Math.LN10)),
+            minSize = msexp * Lib.roundUp(
+                distinctData.minDiff / msexp, [0.9, 1.9, 4.9, 9.9], true);
+        size0 = Math.max(minSize, 2 * Lib.stdev(data) /
+            Math.pow(data.length, is2d ? 0.25 : 0.4));
+
+        // fallback if ax.d2c output BADNUMs
+        // e.g. when user try to plot categorical bins
+        // on a layout.xaxis.type: 'linear'
+        if(!isNumeric(size0)) size0 = 1;
+    }
+
+    // piggyback off autotick code to make "nice" bin sizes
+    var dummyAx;
+    if(ax.type === 'log') {
+        dummyAx = {
+            type: 'linear',
+            range: [dataMin, dataMax]
+        };
+    }
+    else {
+        dummyAx = {
+            type: ax.type,
+            range: Lib.simpleMap([dataMin, dataMax], ax.c2r, 0, calendar),
+            calendar: calendar
+        };
+    }
+    axes.setConvert(dummyAx);
+
+    axes.autoTicks(dummyAx, size0);
+    var binStart = axes.tickIncrement(
+            axes.tickFirst(dummyAx), dummyAx.dtick, 'reverse', calendar);
+    var binEnd, bincount;
+
+    // check for too many data points right at the edges of bins
+    // (>50% within 1% of bin edges) or all data points integral
+    // and offset the bins accordingly
+    if(typeof dummyAx.dtick === 'number') {
+        binStart = autoShiftNumericBins(binStart, data, dummyAx, dataMin, dataMax);
+
+        bincount = 1 + Math.floor((dataMax - binStart) / dummyAx.dtick);
+        binEnd = binStart + bincount * dummyAx.dtick;
+    }
+    else {
+        // month ticks - should be the only nonlinear kind we have at this point.
+        // dtick (as supplied by axes.autoTick) only has nonlinear values on
+        // date and log axes, but even if you display a histogram on a log axis
+        // we bin it on a linear axis (which one could argue against, but that's
+        // a separate issue)
+        if(dummyAx.dtick.charAt(0) === 'M') {
+            binStart = autoShiftMonthBins(binStart, data, dummyAx.dtick, dataMin, calendar);
+        }
+
+        // calculate the endpoint for nonlinear ticks - you have to
+        // just increment until you're done
+        binEnd = binStart;
+        bincount = 0;
+        while(binEnd <= dataMax) {
+            binEnd = axes.tickIncrement(binEnd, dummyAx.dtick, false, calendar);
+            bincount++;
+        }
+    }
+
+    return {
+        start: ax.c2r(binStart, 0, calendar),
+        end: ax.c2r(binEnd, 0, calendar),
+        size: dummyAx.dtick,
+        _count: bincount
+    };
+};
+
+
+function autoShiftNumericBins(binStart, data, ax, dataMin, dataMax) {
+    var edgecount = 0,
+        midcount = 0,
+        intcount = 0,
+        blankCount = 0;
+
+    function nearEdge(v) {
+        // is a value within 1% of a bin edge?
+        return (1 + (v - binStart) * 100 / ax.dtick) % 100 < 2;
+    }
+
+    for(var i = 0; i < data.length; i++) {
+        if(data[i] % 1 === 0) intcount++;
+        else if(!isNumeric(data[i])) blankCount++;
+
+        if(nearEdge(data[i])) edgecount++;
+        if(nearEdge(data[i] + ax.dtick / 2)) midcount++;
+    }
+    var dataCount = data.length - blankCount;
+
+    if(intcount === dataCount && ax.type !== 'date') {
+        // all integers: if bin size is <1, it's because
+        // that was specifically requested (large nbins)
+        // so respect that... but center the bins containing
+        // integers on those integers
+        if(ax.dtick < 1) {
+            binStart = dataMin - 0.5 * ax.dtick;
+        }
+        // otherwise start half an integer down regardless of
+        // the bin size, just enough to clear up endpoint
+        // ambiguity about which integers are in which bins.
+        else {
+            binStart -= 0.5;
+            if(binStart + ax.dtick < dataMin) binStart += ax.dtick;
+        }
+    }
+    else if(midcount < dataCount * 0.1) {
+        if(edgecount > dataCount * 0.3 ||
+                nearEdge(dataMin) || nearEdge(dataMax)) {
+            // lots of points at the edge, not many in the middle
+            // shift half a bin
+            var binshift = ax.dtick / 2;
+            binStart += (binStart + binshift < dataMin) ? binshift : -binshift;
+        }
+    }
+    return binStart;
+}
+
+
+function autoShiftMonthBins(binStart, data, dtick, dataMin, calendar) {
+    var stats = Lib.findExactDates(data, calendar);
+    // number of data points that needs to be an exact value
+    // to shift that increment to (near) the bin center
+    var threshold = 0.8;
+
+    if(stats.exactDays > threshold) {
+        var numMonths = Number(dtick.substr(1));
+
+        if((stats.exactYears > threshold) && (numMonths % 12 === 0)) {
+            // The exact middle of a non-leap-year is 1.5 days into July
+            // so if we start the bins here, all but leap years will
+            // get hover-labeled as exact years.
+            binStart = axes.tickIncrement(binStart, 'M6', 'reverse') + ONEDAY * 1.5;
+        }
+        else if(stats.exactMonths > threshold) {
+            // Months are not as clean, but if we shift half the *longest*
+            // month (31/2 days) then 31-day months will get labeled exactly
+            // and shorter months will get labeled with the correct month
+            // but shifted 12-36 hours into it.
+            binStart = axes.tickIncrement(binStart, 'M1', 'reverse') + ONEDAY * 15.5;
+        }
+        else {
+            // Shifting half a day is exact, but since these are month bins it
+            // will always give a somewhat odd-looking label, until we do something
+            // smarter like showing the bin boundaries (or the bounds of the actual
+            // data in each bin)
+            binStart -= ONEDAY / 2;
+        }
+        var nextBinStart = axes.tickIncrement(binStart, dtick);
+
+        if(nextBinStart <= dataMin) return nextBinStart;
+    }
+    return binStart;
+}
+
+// ----------------------------------------------------
+// Ticks and grids
+// ----------------------------------------------------
+
+// calculate the ticks: text, values, positioning
+// if ticks are set to automatic, determine the right values (tick0,dtick)
+// in any case, set tickround to # of digits to round tick labels to,
+// or codes to this effect for log and date scales
+axes.calcTicks = function calcTicks(ax) {
+    var rng = Lib.simpleMap(ax.range, ax.r2l);
+
+    // calculate max number of (auto) ticks to display based on plot size
+    if(ax.tickmode === 'auto' || !ax.dtick) {
+        var nt = ax.nticks,
+            minPx;
+        if(!nt) {
+            if(ax.type === 'category') {
+                minPx = ax.tickfont ? (ax.tickfont.size || 12) * 1.2 : 15;
+                nt = ax._length / minPx;
+            }
+            else {
+                minPx = ax._id.charAt(0) === 'y' ? 40 : 80;
+                nt = Lib.constrain(ax._length / minPx, 4, 9) + 1;
+            }
+        }
+
+        // add a couple of extra digits for filling in ticks when we
+        // have explicit tickvals without tick text
+        if(ax.tickmode === 'array') nt *= 100;
+
+        axes.autoTicks(ax, Math.abs(rng[1] - rng[0]) / nt);
+        // check for a forced minimum dtick
+        if(ax._minDtick > 0 && ax.dtick < ax._minDtick * 2) {
+            ax.dtick = ax._minDtick;
+            ax.tick0 = ax.l2r(ax._forceTick0);
+        }
+    }
+
+    // check for missing tick0
+    if(!ax.tick0) {
+        ax.tick0 = (ax.type === 'date') ? '2000-01-01' : 0;
+    }
+
+    // now figure out rounding of tick values
+    autoTickRound(ax);
+
+    // now that we've figured out the auto values for formatting
+    // in case we're missing some ticktext, we can break out for array ticks
+    if(ax.tickmode === 'array') return arrayTicks(ax);
+
+    // find the first tick
+    ax._tmin = axes.tickFirst(ax);
+
+    // check for reversed axis
+    var axrev = (rng[1] < rng[0]);
+
+    // return the full set of tick vals
+    var vals = [],
+        // add a tiny bit so we get ticks which may have rounded out
+        endtick = rng[1] * 1.0001 - rng[0] * 0.0001;
+    if(ax.type === 'category') {
+        endtick = (axrev) ? Math.max(-0.5, endtick) :
+            Math.min(ax._categories.length - 0.5, endtick);
+    }
+
+    var xPrevious = null;
+    var maxTicks = Math.max(1000, ax._length || 0);
+    for(var x = ax._tmin;
+            (axrev) ? (x >= endtick) : (x <= endtick);
+            x = axes.tickIncrement(x, ax.dtick, axrev, ax.calendar)) {
+        // prevent infinite loops - no more than one tick per pixel,
+        // and make sure each value is different from the previous
+        if(vals.length > maxTicks || x === xPrevious) break;
+        xPrevious = x;
+
+        vals.push(x);
+    }
+
+    // save the last tick as well as first, so we can
+    // show the exponent only on the last one
+    ax._tmax = vals[vals.length - 1];
+
+    // for showing the rest of a date when the main tick label is only the
+    // latter part: ax._prevDateHead holds what we showed most recently.
+    // Start with it cleared and mark that we're in calcTicks (ie calculating a
+    // whole string of these so we should care what the previous date head was!)
+    ax._prevDateHead = '';
+    ax._inCalcTicks = true;
+
+    var ticksOut = new Array(vals.length);
+    for(var i = 0; i < vals.length; i++) ticksOut[i] = axes.tickText(ax, vals[i]);
+
+    ax._inCalcTicks = false;
+
+    return ticksOut;
+};
+
+function arrayTicks(ax) {
+    var vals = ax.tickvals,
+        text = ax.ticktext,
+        ticksOut = new Array(vals.length),
+        rng = Lib.simpleMap(ax.range, ax.r2l),
+        r0expanded = rng[0] * 1.0001 - rng[1] * 0.0001,
+        r1expanded = rng[1] * 1.0001 - rng[0] * 0.0001,
+        tickMin = Math.min(r0expanded, r1expanded),
+        tickMax = Math.max(r0expanded, r1expanded),
+        vali,
+        i,
+        j = 0;
+
+    // without a text array, just format the given values as any other ticks
+    // except with more precision to the numbers
+    if(!Array.isArray(text)) text = [];
+
+    // make sure showing ticks doesn't accidentally add new categories
+    var tickVal2l = ax.type === 'category' ? ax.d2l_noadd : ax.d2l;
+
+    // array ticks on log axes always show the full number
+    // (if no explicit ticktext overrides it)
+    if(ax.type === 'log' && String(ax.dtick).charAt(0) !== 'L') {
+        ax.dtick = 'L' + Math.pow(10, Math.floor(Math.min(ax.range[0], ax.range[1])) - 1);
+    }
+
+    for(i = 0; i < vals.length; i++) {
+        vali = tickVal2l(vals[i]);
+        if(vali > tickMin && vali < tickMax) {
+            if(text[i] === undefined) ticksOut[j] = axes.tickText(ax, vali);
+            else ticksOut[j] = tickTextObj(ax, vali, String(text[i]));
+            j++;
+        }
+    }
+
+    if(j < vals.length) ticksOut.splice(j, vals.length - j);
+
+    return ticksOut;
+}
+
+var roundBase10 = [2, 5, 10],
+    roundBase24 = [1, 2, 3, 6, 12],
+    roundBase60 = [1, 2, 5, 10, 15, 30],
+    // 2&3 day ticks are weird, but need something btwn 1&7
+    roundDays = [1, 2, 3, 7, 14],
+    // approx. tick positions for log axes, showing all (1) and just 1, 2, 5 (2)
+    // these don't have to be exact, just close enough to round to the right value
+    roundLog1 = [-0.046, 0, 0.301, 0.477, 0.602, 0.699, 0.778, 0.845, 0.903, 0.954, 1],
+    roundLog2 = [-0.301, 0, 0.301, 0.699, 1];
+
+function roundDTick(roughDTick, base, roundingSet) {
+    return base * Lib.roundUp(roughDTick / base, roundingSet);
+}
+
+// autoTicks: calculate best guess at pleasant ticks for this axis
+// inputs:
+//      ax - an axis object
+//      roughDTick - rough tick spacing (to be turned into a nice round number)
+// outputs (into ax):
+//   tick0: starting point for ticks (not necessarily on the graph)
+//      usually 0 for numeric (=10^0=1 for log) or jan 1, 2000 for dates
+//   dtick: the actual, nice round tick spacing, usually a little larger than roughDTick
+//      if the ticks are spaced linearly (linear scale, categories,
+//          log with only full powers, date ticks < month),
+//          this will just be a number
+//      months: M#
+//      years: M# where # is 12*number of years
+//      log with linear ticks: L# where # is the linear tick spacing
+//      log showing powers plus some intermediates:
+//          D1 shows all digits, D2 shows 2 and 5
+axes.autoTicks = function(ax, roughDTick) {
+    var base;
+
+    if(ax.type === 'date') {
+        ax.tick0 = Lib.dateTick0(ax.calendar);
+        // the criteria below are all based on the rough spacing we calculate
+        // being > half of the final unit - so precalculate twice the rough val
+        var roughX2 = 2 * roughDTick;
+
+        if(roughX2 > ONEAVGYEAR) {
+            roughDTick /= ONEAVGYEAR;
+            base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10));
+            ax.dtick = 'M' + (12 * roundDTick(roughDTick, base, roundBase10));
+        }
+        else if(roughX2 > ONEAVGMONTH) {
+            roughDTick /= ONEAVGMONTH;
+            ax.dtick = 'M' + roundDTick(roughDTick, 1, roundBase24);
+        }
+        else if(roughX2 > ONEDAY) {
+            ax.dtick = roundDTick(roughDTick, ONEDAY, roundDays);
+            // get week ticks on sunday
+            // this will also move the base tick off 2000-01-01 if dtick is
+            // 2 or 3 days... but that's a weird enough case that we'll ignore it.
+            ax.tick0 = Lib.dateTick0(ax.calendar, true);
+        }
+        else if(roughX2 > ONEHOUR) {
+            ax.dtick = roundDTick(roughDTick, ONEHOUR, roundBase24);
+        }
+        else if(roughX2 > ONEMIN) {
+            ax.dtick = roundDTick(roughDTick, ONEMIN, roundBase60);
+        }
+        else if(roughX2 > ONESEC) {
+            ax.dtick = roundDTick(roughDTick, ONESEC, roundBase60);
+        }
+        else {
+            // milliseconds
+            base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10));
+            ax.dtick = roundDTick(roughDTick, base, roundBase10);
+        }
+    }
+    else if(ax.type === 'log') {
+        ax.tick0 = 0;
+        var rng = Lib.simpleMap(ax.range, ax.r2l);
+
+        if(roughDTick > 0.7) {
+            // only show powers of 10
+            ax.dtick = Math.ceil(roughDTick);
+        }
+        else if(Math.abs(rng[1] - rng[0]) < 1) {
+            // span is less than one power of 10
+            var nt = 1.5 * Math.abs((rng[1] - rng[0]) / roughDTick);
+
+            // ticks on a linear scale, labeled fully
+            roughDTick = Math.abs(Math.pow(10, rng[1]) -
+                Math.pow(10, rng[0])) / nt;
+            base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10));
+            ax.dtick = 'L' + roundDTick(roughDTick, base, roundBase10);
+        }
+        else {
+            // include intermediates between powers of 10,
+            // labeled with small digits
+            // ax.dtick = "D2" (show 2 and 5) or "D1" (show all digits)
+            ax.dtick = (roughDTick > 0.3) ? 'D2' : 'D1';
+        }
+    }
+    else if(ax.type === 'category') {
+        ax.tick0 = 0;
+        ax.dtick = Math.ceil(Math.max(roughDTick, 1));
+    }
+    else {
+        // auto ticks always start at 0
+        ax.tick0 = 0;
+        base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10));
+        ax.dtick = roundDTick(roughDTick, base, roundBase10);
+    }
+
+    // prevent infinite loops
+    if(ax.dtick === 0) ax.dtick = 1;
+
+    // TODO: this is from log axis histograms with autorange off
+    if(!isNumeric(ax.dtick) && typeof ax.dtick !== 'string') {
+        var olddtick = ax.dtick;
+        ax.dtick = 1;
+        throw 'ax.dtick error: ' + String(olddtick);
+    }
+};
+
+// after dtick is already known, find tickround = precision
+// to display in tick labels
+//   for numeric ticks, integer # digits after . to round to
+//   for date ticks, the last date part to show (y,m,d,H,M,S)
+//      or an integer # digits past seconds
+function autoTickRound(ax) {
+    var dtick = ax.dtick;
+
+    ax._tickexponent = 0;
+    if(!isNumeric(dtick) && typeof dtick !== 'string') {
+        dtick = 1;
+    }
+
+    if(ax.type === 'category') {
+        ax._tickround = null;
+    }
+    if(ax.type === 'date') {
+        // If tick0 is unusual, give tickround a bit more information
+        // not necessarily *all* the information in tick0 though, if it's really odd
+        // minimal string length for tick0: 'd' is 10, 'M' is 16, 'S' is 19
+        // take off a leading minus (year < 0) and i (intercalary month) so length is consistent
+        var tick0ms = ax.r2l(ax.tick0),
+            tick0str = ax.l2r(tick0ms).replace(/(^-|i)/g, ''),
+            tick0len = tick0str.length;
+
+        if(String(dtick).charAt(0) === 'M') {
+            // any tick0 more specific than a year: alway show the full date
+            if(tick0len > 10 || tick0str.substr(5) !== '01-01') ax._tickround = 'd';
+            // show the month unless ticks are full multiples of a year
+            else ax._tickround = (+(dtick.substr(1)) % 12 === 0) ? 'y' : 'm';
+        }
+        else if((dtick >= ONEDAY && tick0len <= 10) || (dtick >= ONEDAY * 15)) ax._tickround = 'd';
+        else if((dtick >= ONEMIN && tick0len <= 16) || (dtick >= ONEHOUR)) ax._tickround = 'M';
+        else if((dtick >= ONESEC && tick0len <= 19) || (dtick >= ONEMIN)) ax._tickround = 'S';
+        else {
+            // tickround is a number of digits of fractional seconds
+            // of any two adjacent ticks, at least one will have the maximum fractional digits
+            // of all possible ticks - so take the max. length of tick0 and the next one
+            var tick1len = ax.l2r(tick0ms + dtick).replace(/^-/, '').length;
+            ax._tickround = Math.max(tick0len, tick1len) - 20;
+        }
+    }
+    else if(isNumeric(dtick) || dtick.charAt(0) === 'L') {
+        // linear or log (except D1, D2)
+        var rng = ax.range.map(ax.r2d || Number);
+        if(!isNumeric(dtick)) dtick = Number(dtick.substr(1));
+        // 2 digits past largest digit of dtick
+        ax._tickround = 2 - Math.floor(Math.log(dtick) / Math.LN10 + 0.01);
+
+        var maxend = Math.max(Math.abs(rng[0]), Math.abs(rng[1]));
+
+        var rangeexp = Math.floor(Math.log(maxend) / Math.LN10 + 0.01);
+        if(Math.abs(rangeexp) > 3) {
+            if(isSIFormat(ax.exponentformat) && !beyondSI(rangeexp)) {
+                ax._tickexponent = 3 * Math.round((rangeexp - 1) / 3);
+            }
+            else ax._tickexponent = rangeexp;
+        }
+    }
+    // D1 or D2 (log)
+    else ax._tickround = null;
+}
+
+// months and years don't have constant millisecond values
+// (but a year is always 12 months so we only need months)
+// log-scale ticks are also not consistently spaced, except
+// for pure powers of 10
+// numeric ticks always have constant differences, other datetime ticks
+// can all be calculated as constant number of milliseconds
+axes.tickIncrement = function(x, dtick, axrev, calendar) {
+    var axSign = axrev ? -1 : 1;
+
+    // includes linear, all dates smaller than month, and pure 10^n in log
+    if(isNumeric(dtick)) return x + axSign * dtick;
+
+    // everything else is a string, one character plus a number
+    var tType = dtick.charAt(0),
+        dtSigned = axSign * Number(dtick.substr(1));
+
+    // Dates: months (or years - see Lib.incrementMonth)
+    if(tType === 'M') return Lib.incrementMonth(x, dtSigned, calendar);
+
+    // Log scales: Linear, Digits
+    else if(tType === 'L') return Math.log(Math.pow(10, x) + dtSigned) / Math.LN10;
+
+    // log10 of 2,5,10, or all digits (logs just have to be
+    // close enough to round)
+    else if(tType === 'D') {
+        var tickset = (dtick === 'D2') ? roundLog2 : roundLog1,
+            x2 = x + axSign * 0.01,
+            frac = Lib.roundUp(Lib.mod(x2, 1), tickset, axrev);
+
+        return Math.floor(x2) +
+            Math.log(d3.round(Math.pow(10, frac), 1)) / Math.LN10;
+    }
+    else throw 'unrecognized dtick ' + String(dtick);
+};
+
+// calculate the first tick on an axis
+axes.tickFirst = function(ax) {
+    var r2l = ax.r2l || Number,
+        rng = Lib.simpleMap(ax.range, r2l),
+        axrev = rng[1] < rng[0],
+        sRound = axrev ? Math.floor : Math.ceil,
+        // add a tiny extra bit to make sure we get ticks
+        // that may have been rounded out
+        r0 = rng[0] * 1.0001 - rng[1] * 0.0001,
+        dtick = ax.dtick,
+        tick0 = r2l(ax.tick0);
+
+    if(isNumeric(dtick)) {
+        var tmin = sRound((r0 - tick0) / dtick) * dtick + tick0;
+
+        // make sure no ticks outside the category list
+        if(ax.type === 'category') {
+            tmin = Lib.constrain(tmin, 0, ax._categories.length - 1);
+        }
+        return tmin;
+    }
+
+    var tType = dtick.charAt(0),
+        dtNum = Number(dtick.substr(1));
+
+    // Dates: months (or years)
+    if(tType === 'M') {
+        var cnt = 0,
+            t0 = tick0,
+            t1,
+            mult,
+            newDTick;
+
+        // This algorithm should work for *any* nonlinear (but close to linear!)
+        // tick spacing. Limit to 10 iterations, for gregorian months it's normally <=3.
+        while(cnt < 10) {
+            t1 = axes.tickIncrement(t0, dtick, axrev, ax.calendar);
+            if((t1 - r0) * (t0 - r0) <= 0) {
+                // t1 and t0 are on opposite sides of r0! we've succeeded!
+                if(axrev) return Math.min(t0, t1);
+                return Math.max(t0, t1);
+            }
+            mult = (r0 - ((t0 + t1) / 2)) / (t1 - t0);
+            newDTick = tType + ((Math.abs(Math.round(mult)) || 1) * dtNum);
+            t0 = axes.tickIncrement(t0, newDTick, mult < 0 ? !axrev : axrev, ax.calendar);
+            cnt++;
+        }
+        Lib.error('tickFirst did not converge', ax);
+        return t0;
+    }
+
+    // Log scales: Linear, Digits
+    else if(tType === 'L') {
+        return Math.log(sRound(
+            (Math.pow(10, r0) - tick0) / dtNum) * dtNum + tick0) / Math.LN10;
+    }
+    else if(tType === 'D') {
+        var tickset = (dtick === 'D2') ? roundLog2 : roundLog1,
+            frac = Lib.roundUp(Lib.mod(r0, 1), tickset, axrev);
+
+        return Math.floor(r0) +
+            Math.log(d3.round(Math.pow(10, frac), 1)) / Math.LN10;
+    }
+    else throw 'unrecognized dtick ' + String(dtick);
+};
+
+// draw the text for one tick.
+// px,py are the location on gd.paper
+// prefix is there so the x axis ticks can be dropped a line
+// ax is the axis layout, x is the tick value
+// hover is a (truthy) flag for whether to show numbers with a bit
+// more precision for hovertext
+axes.tickText = function(ax, x, hover) {
+    var out = tickTextObj(ax, x),
+        hideexp,
+        arrayMode = ax.tickmode === 'array',
+        extraPrecision = hover || arrayMode,
+        i,
+        tickVal2l = ax.type === 'category' ? ax.d2l_noadd : ax.d2l;
+
+    if(arrayMode && Array.isArray(ax.ticktext)) {
+        var rng = Lib.simpleMap(ax.range, ax.r2l),
+            minDiff = Math.abs(rng[1] - rng[0]) / 10000;
+        for(i = 0; i < ax.ticktext.length; i++) {
+            if(Math.abs(x - tickVal2l(ax.tickvals[i])) < minDiff) break;
+        }
+        if(i < ax.ticktext.length) {
+            out.text = String(ax.ticktext[i]);
+            return out;
+        }
+    }
+
+    function isHidden(showAttr) {
+        var first_or_last;
+
+        if(showAttr === undefined) return true;
+        if(hover) return showAttr === 'none';
+
+        first_or_last = {
+            first: ax._tmin,
+            last: ax._tmax
+        }[showAttr];
+
+        return showAttr !== 'all' && x !== first_or_last;
+    }
+
+    if(hover) {
+        hideexp = 'never';
+    } else {
+        hideexp = ax.exponentformat !== 'none' && isHidden(ax.showexponent) ? 'hide' : '';
+    }
+
+    if(ax.type === 'date') formatDate(ax, out, hover, extraPrecision);
+    else if(ax.type === 'log') formatLog(ax, out, hover, extraPrecision, hideexp);
+    else if(ax.type === 'category') formatCategory(ax, out);
+    else formatLinear(ax, out, hover, extraPrecision, hideexp);
+
+    // add prefix and suffix
+    if(ax.tickprefix && !isHidden(ax.showtickprefix)) out.text = ax.tickprefix + out.text;
+    if(ax.ticksuffix && !isHidden(ax.showticksuffix)) out.text += ax.ticksuffix;
+
+    return out;
+};
+
+function tickTextObj(ax, x, text) {
+    var tf = ax.tickfont || {};
+
+    return {
+        x: x,
+        dx: 0,
+        dy: 0,
+        text: text || '',
+        fontSize: tf.size,
+        font: tf.family,
+        fontColor: tf.color
+    };
+}
+
+function formatDate(ax, out, hover, extraPrecision) {
+    var tr = ax._tickround,
+        fmt = (hover && ax.hoverformat) || ax.tickformat;
+
+    if(extraPrecision) {
+        // second or sub-second precision: extra always shows max digits.
+        // for other fields, extra precision just adds one field.
+        if(isNumeric(tr)) tr = 4;
+        else tr = {y: 'm', m: 'd', d: 'M', M: 'S', S: 4}[tr];
+    }
+
+    var dateStr = Lib.formatDate(out.x, fmt, tr, ax.calendar),
+        headStr;
+
+    var splitIndex = dateStr.indexOf('\n');
+    if(splitIndex !== -1) {
+        headStr = dateStr.substr(splitIndex + 1);
+        dateStr = dateStr.substr(0, splitIndex);
+    }
+
+    if(extraPrecision) {
+        // if extraPrecision led to trailing zeros, strip them off
+        // actually, this can lead to removing even more zeros than
+        // in the original rounding, but that's fine because in these
+        // contexts uniformity is not so important (if there's even
+        // anything to be uniform with!)
+
+        // can we remove the whole time part?
+        if(dateStr === '00:00:00' || dateStr === '00:00') {
+            dateStr = headStr;
+            headStr = '';
+        }
+        else if(dateStr.length === 8) {
+            // strip off seconds if they're zero (zero fractional seconds
+            // are already omitted)
+            // but we never remove minutes and leave just hours
+            dateStr = dateStr.replace(/:00$/, '');
+        }
+    }
+
+    if(headStr) {
+        if(hover) {
+            // hover puts it all on one line, so headPart works best up front
+            // except for year headPart: turn this into "Jan 1, 2000" etc.
+            if(tr === 'd') dateStr += ', ' + headStr;
+            else dateStr = headStr + (dateStr ? ', ' + dateStr : '');
+        }
+        else if(!ax._inCalcTicks || (headStr !== ax._prevDateHead)) {
+            dateStr += '<br>' + headStr;
+            ax._prevDateHead = headStr;
+        }
+    }
+
+    out.text = dateStr;
+}
+
+function formatLog(ax, out, hover, extraPrecision, hideexp) {
+    var dtick = ax.dtick,
+        x = out.x;
+
+    if(hideexp === 'never') {
+        // If this is a hover label, then we must *never* hide the exponent
+        // for the sake of display, which could give the wrong value by
+        // potentially many orders of magnitude. If hideexp was 'never', then
+        // it's now succeeded by preventing the other condition from automating
+        // this choice. Thus we can unset it so that the axis formatting takes
+        // precedence.
+        hideexp = '';
+    }
+
+    if(extraPrecision && ((typeof dtick !== 'string') || dtick.charAt(0) !== 'L')) dtick = 'L3';
+
+    if(ax.tickformat || (typeof dtick === 'string' && dtick.charAt(0) === 'L')) {
+        out.text = numFormat(Math.pow(10, x), ax, hideexp, extraPrecision);
+    }
+    else if(isNumeric(dtick) || ((dtick.charAt(0) === 'D') && (Lib.mod(x + 0.01, 1) < 0.1))) {
+        var p = Math.round(x);
+        if(['e', 'E', 'power'].indexOf(ax.exponentformat) !== -1 ||
+                (isSIFormat(ax.exponentformat) && beyondSI(p))) {
+            if(p === 0) out.text = 1;
+            else if(p === 1) out.text = '10';
+            else if(p > 1) out.text = '10<sup>' + p + '</sup>';
+            else out.text = '10<sup>' + MINUS_SIGN + -p + '</sup>';
+
+            out.fontSize *= 1.25;
+        }
+        else {
+            out.text = numFormat(Math.pow(10, x), ax, '', 'fakehover');
+            if(dtick === 'D1' && ax._id.charAt(0) === 'y') {
+                out.dy -= out.fontSize / 6;
+            }
+        }
+    }
+    else if(dtick.charAt(0) === 'D') {
+        out.text = String(Math.round(Math.pow(10, Lib.mod(x, 1))));
+        out.fontSize *= 0.75;
+    }
+    else throw 'unrecognized dtick ' + String(dtick);
+
+    // if 9's are printed on log scale, move the 10's away a bit
+    if(ax.dtick === 'D1') {
+        var firstChar = String(out.text).charAt(0);
+        if(firstChar === '0' || firstChar === '1') {
+            if(ax._id.charAt(0) === 'y') {
+                out.dx -= out.fontSize / 4;
+            }
+            else {
+                out.dy += out.fontSize / 2;
+                out.dx += (ax.range[1] > ax.range[0] ? 1 : -1) *
+                    out.fontSize * (x < 0 ? 0.5 : 0.25);
+            }
+        }
+    }
+}
+
+function formatCategory(ax, out) {
+    var tt = ax._categories[Math.round(out.x)];
+    if(tt === undefined) tt = '';
+    out.text = String(tt);
+}
+
+function formatLinear(ax, out, hover, extraPrecision, hideexp) {
+    if(hideexp === 'never') {
+        // If this is a hover label, then we must *never* hide the exponent
+        // for the sake of display, which could give the wrong value by
+        // potentially many orders of magnitude. If hideexp was 'never', then
+        // it's now succeeded by preventing the other condition from automating
+        // this choice. Thus we can unset it so that the axis formatting takes
+        // precedence.
+        hideexp = '';
+    } else if(ax.showexponent === 'all' && Math.abs(out.x / ax.dtick) < 1e-6) {
+        // don't add an exponent to zero if we're showing all exponents
+        // so the only reason you'd show an exponent on zero is if it's the
+        // ONLY tick to get an exponent (first or last)
+        hideexp = 'hide';
+    }
+    out.text = numFormat(out.x, ax, hideexp, extraPrecision);
+}
+
+// format a number (tick value) according to the axis settings
+// new, more reliable procedure than d3.round or similar:
+// add half the rounding increment, then stringify and truncate
+// also automatically switch to sci. notation
+var SIPREFIXES = ['f', 'p', 'n', 'μ', 'm', '', 'k', 'M', 'G', 'T'];
+
+function isSIFormat(exponentFormat) {
+    return exponentFormat === 'SI' || exponentFormat === 'B';
+}
+
+// are we beyond the range of common SI prefixes?
+// 10^-16 -> 1x10^-16
+// 10^-15 -> 1f
+// ...
+// 10^14 -> 100T
+// 10^15 -> 1x10^15
+// 10^16 -> 1x10^16
+function beyondSI(exponent) {
+    return exponent > 14 || exponent < -15;
+}
+
+function numFormat(v, ax, fmtoverride, hover) {
+        // negative?
+    var isNeg = v < 0,
+        // max number of digits past decimal point to show
+        tickRound = ax._tickround,
+        exponentFormat = fmtoverride || ax.exponentformat || 'B',
+        exponent = ax._tickexponent,
+        tickformat = ax.tickformat,
+        separatethousands = ax.separatethousands;
+
+    // special case for hover: set exponent just for this value, and
+    // add a couple more digits of precision over tick labels
+    if(hover) {
+        // make a dummy axis obj to get the auto rounding and exponent
+        var ah = {
+            exponentformat: ax.exponentformat,
+            dtick: ax.showexponent === 'none' ? ax.dtick :
+                (isNumeric(v) ? Math.abs(v) || 1 : 1),
+            // if not showing any exponents, don't change the exponent
+            // from what we calculate
+            range: ax.showexponent === 'none' ? ax.range.map(ax.r2d) : [0, v || 1]
+        };
+        autoTickRound(ah);
+        tickRound = (Number(ah._tickround) || 0) + 4;
+        exponent = ah._tickexponent;
+        if(ax.hoverformat) tickformat = ax.hoverformat;
+    }
+
+    if(tickformat) return d3.format(tickformat)(v).replace(/-/g, MINUS_SIGN);
+
+    // 'epsilon' - rounding increment
+    var e = Math.pow(10, -tickRound) / 2;
+
+    // exponentFormat codes:
+    // 'e' (1.2e+6, default)
+    // 'E' (1.2E+6)
+    // 'SI' (1.2M)
+    // 'B' (same as SI except 10^9=B not G)
+    // 'none' (1200000)
+    // 'power' (1.2x10^6)
+    // 'hide' (1.2, use 3rd argument=='hide' to eg
+    //      only show exponent on last tick)
+    if(exponentFormat === 'none') exponent = 0;
+
+    // take the sign out, put it back manually at the end
+    // - makes cases easier
+    v = Math.abs(v);
+    if(v < e) {
+        // 0 is just 0, but may get exponent if it's the last tick
+        v = '0';
+        isNeg = false;
+    }
+    else {
+        v += e;
+        // take out a common exponent, if any
+        if(exponent) {
+            v *= Math.pow(10, -exponent);
+            tickRound += exponent;
+        }
+        // round the mantissa
+        if(tickRound === 0) v = String(Math.floor(v));
+        else if(tickRound < 0) {
+            v = String(Math.round(v));
+            v = v.substr(0, v.length + tickRound);
+            for(var i = tickRound; i < 0; i++) v += '0';
+        }
+        else {
+            v = String(v);
+            var dp = v.indexOf('.') + 1;
+            if(dp) v = v.substr(0, dp + tickRound).replace(/\.?0+$/, '');
+        }
+        // insert appropriate decimal point and thousands separator
+        v = Lib.numSeparate(v, ax._separators, separatethousands);
+    }
+
+    // add exponent
+    if(exponent && exponentFormat !== 'hide') {
+        if(isSIFormat(exponentFormat) && beyondSI(exponent)) exponentFormat = 'power';
+
+        var signedExponent;
+        if(exponent < 0) signedExponent = MINUS_SIGN + -exponent;
+        else if(exponentFormat !== 'power') signedExponent = '+' + exponent;
+        else signedExponent = String(exponent);
+
+        if(exponentFormat === 'e') {
+            v += 'e' + signedExponent;
+        }
+        else if(exponentFormat === 'E') {
+            v += 'E' + signedExponent;
+        }
+        else if(exponentFormat === 'power') {
+            v += '×10<sup>' + signedExponent + '</sup>';
+        }
+        else if(exponentFormat === 'B' && exponent === 9) {
+            v += 'B';
+        }
+        else if(isSIFormat(exponentFormat)) {
+            v += SIPREFIXES[exponent / 3 + 5];
+        }
+    }
+
+    // put sign back in and return
+    // replace standard minus character (which is technically a hyphen)
+    // with a true minus sign
+    if(isNeg) return MINUS_SIGN + v;
+    return v;
+}
+
+axes.subplotMatch = /^x([0-9]*)y([0-9]*)$/;
+
+// getSubplots - extract all combinations of axes we need to make plots for
+// as an array of items like 'xy', 'x2y', 'x2y2'...
+// sorted by x (x,x2,x3...) then y
+// optionally restrict to only subplots containing axis object ax
+// looks both for combinations of x and y found in the data
+// and at axes and their anchors
+axes.getSubplots = function(gd, ax) {
+    var subplots = [];
+    var i, j, sp;
+
+    // look for subplots in the data
+    var data = gd._fullData || gd.data || [];
+
+    for(i = 0; i < data.length; i++) {
+        var trace = data[i];
+
+        if(trace.visible === false || trace.visible === 'legendonly' ||
+            !(Registry.traceIs(trace, 'cartesian') || Registry.traceIs(trace, 'gl2d'))
+        ) continue;
+
+        var xId = trace.xaxis || 'x',
+            yId = trace.yaxis || 'y';
+        sp = xId + yId;
+
+        if(subplots.indexOf(sp) === -1) subplots.push(sp);
+    }
+
+    // look for subplots in the axes/anchors, so that we at least draw all axes
+    var axesList = axes.list(gd, '', true);
+
+    function hasAx2(sp, ax2) {
+        return sp.indexOf(ax2._id) !== -1;
+    }
+
+    for(i = 0; i < axesList.length; i++) {
+        var ax2 = axesList[i],
+            ax2Letter = ax2._id.charAt(0),
+            ax3Id = (ax2.anchor === 'free') ?
+                ((ax2Letter === 'x') ? 'y' : 'x') :
+                ax2.anchor,
+            ax3 = axes.getFromId(gd, ax3Id);
+
+        // look if ax2 is already represented in the data
+        var foundAx2 = false;
+        for(j = 0; j < subplots.length; j++) {
+            if(hasAx2(subplots[j], ax2)) {
+                foundAx2 = true;
+                break;
+            }
+        }
+
+        // ignore free axes that already represented in the data
+        if(ax2.anchor === 'free' && foundAx2) continue;
+
+        // ignore anchor-less axes
+        if(!ax3) continue;
+
+        sp = (ax2Letter === 'x') ?
+            ax2._id + ax3._id :
+            ax3._id + ax2._id;
+
+        if(subplots.indexOf(sp) === -1) subplots.push(sp);
+    }
+
+    // filter invalid subplots
+    var spMatch = axes.subplotMatch,
+        allSubplots = [];
+
+    for(i = 0; i < subplots.length; i++) {
+        sp = subplots[i];
+        if(spMatch.test(sp)) allSubplots.push(sp);
+    }
+
+    // sort the subplot ids
+    allSubplots.sort(function(a, b) {
+        var aMatch = a.match(spMatch),
+            bMatch = b.match(spMatch);
+
+        if(aMatch[1] === bMatch[1]) {
+            return +(aMatch[2] || 1) - (bMatch[2] || 1);
+        }
+
+        return +(aMatch[1]||0) - (bMatch[1]||0);
+    });
+
+    if(ax) return axes.findSubplotsWithAxis(allSubplots, ax);
+    return allSubplots;
+};
+
+// find all subplots with axis 'ax'
+axes.findSubplotsWithAxis = function(subplots, ax) {
+    var axMatch = new RegExp(
+        (ax._id.charAt(0) === 'x') ? ('^' + ax._id + 'y') : (ax._id + '$')
+    );
+    var subplotsWithAxis = [];
+
+    for(var i = 0; i < subplots.length; i++) {
+        var sp = subplots[i];
+        if(axMatch.test(sp)) subplotsWithAxis.push(sp);
+    }
+
+    return subplotsWithAxis;
+};
+
+// makeClipPaths: prepare clipPaths for all single axes and all possible xy pairings
+axes.makeClipPaths = function(gd) {
+    var fullLayout = gd._fullLayout;
+    var fullWidth = {_offset: 0, _length: fullLayout.width, _id: ''};
+    var fullHeight = {_offset: 0, _length: fullLayout.height, _id: ''};
+    var xaList = axes.list(gd, 'x', true);
+    var yaList = axes.list(gd, 'y', true);
+    var clipList = [];
+    var i, j;
+
+    for(i = 0; i < xaList.length; i++) {
+        clipList.push({x: xaList[i], y: fullHeight});
+        for(j = 0; j < yaList.length; j++) {
+            if(i === 0) clipList.push({x: fullWidth, y: yaList[j]});
+            clipList.push({x: xaList[i], y: yaList[j]});
+        }
+    }
+
+    // selectors don't work right with camelCase tags,
+    // have to use class instead
+    // https://groups.google.com/forum/#!topic/d3-js/6EpAzQ2gU9I
+    var axClips = fullLayout._clips.selectAll('.axesclip')
+        .data(clipList, function(d) { return d.x._id + d.y._id; });
+
+    axClips.enter().append('clipPath')
+        .classed('axesclip', true)
+        .attr('id', function(d) { return 'clip' + fullLayout._uid + d.x._id + d.y._id; })
+      .append('rect');
+
+    axClips.exit().remove();
+
+    axClips.each(function(d) {
+        d3.select(this).select('rect').attr({
+            x: d.x._offset || 0,
+            y: d.y._offset || 0,
+            width: d.x._length || 1,
+            height: d.y._length || 1
+        });
+    });
+};
+
+// doTicks: draw ticks, grids, and tick labels
+// axid: 'x', 'y', 'x2' etc,
+//     blank to do all,
+//     'redraw' to force full redraw, and reset:
+//          ax._r (stored range for use by zoom/pan)
+//          ax._rl (stored linearized range for use by zoom/pan)
+//     or can pass in an axis object directly
+axes.doTicks = function(gd, axid, skipTitle) {
+    var fullLayout = gd._fullLayout,
+        ax,
+        independent = false;
+
+    // allow passing an independent axis object instead of id
+    if(typeof axid === 'object') {
+        ax = axid;
+        axid = ax._id;
+        independent = true;
+    }
+    else {
+        ax = axes.getFromId(gd, axid);
+
+        if(axid === 'redraw') {
+            fullLayout._paper.selectAll('g.subplot').each(function(subplot) {
+                var plotinfo = fullLayout._plots[subplot],
+                    xa = plotinfo.xaxis,
+                    ya = plotinfo.yaxis;
+
+                plotinfo.xaxislayer
+                    .selectAll('.' + xa._id + 'tick').remove();
+                plotinfo.yaxislayer
+                    .selectAll('.' + ya._id + 'tick').remove();
+                plotinfo.gridlayer
+                    .selectAll('path').remove();
+                plotinfo.zerolinelayer
+                    .selectAll('path').remove();
+                fullLayout._infolayer.select('.g-' + xa._id + 'title').remove();
+                fullLayout._infolayer.select('.g-' + ya._id + 'title').remove();
+            });
+        }
+
+        if(!axid || axid === 'redraw') {
+            return Lib.syncOrAsync(axes.list(gd, '', true).map(function(ax) {
+                return function() {
+                    if(!ax._id) return;
+                    var axDone = axes.doTicks(gd, ax._id);
+                    if(axid === 'redraw') {
+                        ax._r = ax.range.slice();
+                        ax._rl = Lib.simpleMap(ax._r, ax.r2l);
+                    }
+                    return axDone;
+                };
+            }));
+        }
+    }
+
+    // make sure we only have allowed options for exponents
+    // (others can make confusing errors)
+    if(!ax.tickformat) {
+        if(['none', 'e', 'E', 'power', 'SI', 'B'].indexOf(ax.exponentformat) === -1) {
+            ax.exponentformat = 'e';
+        }
+        if(['all', 'first', 'last', 'none'].indexOf(ax.showexponent) === -1) {
+            ax.showexponent = 'all';
+        }
+    }
+
+    // set scaling to pixels
+    ax.setScale();
+
+    var axLetter = axid.charAt(0),
+        counterLetter = axes.counterLetter(axid),
+        vals = axes.calcTicks(ax),
+        datafn = function(d) { return [d.text, d.x, ax.mirror].join('_'); },
+        tcls = axid + 'tick',
+        gcls = axid + 'grid',
+        zcls = axid + 'zl',
+        pad = (ax.linewidth || 1) / 2,
+        labelStandoff = (ax.ticks === 'outside' ? ax.ticklen : 0),
+        labelShift = 0,
+        gridWidth = Drawing.crispRound(gd, ax.gridwidth, 1),
+        zeroLineWidth = Drawing.crispRound(gd, ax.zerolinewidth, gridWidth),
+        tickWidth = Drawing.crispRound(gd, ax.tickwidth, 1),
+        sides, transfn, tickpathfn, subplots,
+        i;
+
+    if(ax._counterangle && ax.ticks === 'outside') {
+        var caRad = ax._counterangle * Math.PI / 180;
+        labelStandoff = ax.ticklen * Math.cos(caRad) + 1;
+        labelShift = ax.ticklen * Math.sin(caRad);
+    }
+
+    if(ax.showticklabels && (ax.ticks === 'outside' || ax.showline)) {
+        labelStandoff += 0.2 * ax.tickfont.size;
+    }
+
+    // positioning arguments for x vs y axes
+    if(axLetter === 'x') {
+        sides = ['bottom', 'top'];
+        transfn = function(d) {
+            return 'translate(' + ax.l2p(d.x) + ',0)';
+        };
+        tickpathfn = function(shift, len) {
+            if(ax._counterangle) {
+                var caRad = ax._counterangle * Math.PI / 180;
+                return 'M0,' + shift + 'l' + (Math.sin(caRad) * len) + ',' + (Math.cos(caRad) * len);
+            }
+            else return 'M0,' + shift + 'v' + len;
+        };
+    }
+    else if(axLetter === 'y') {
+        sides = ['left', 'right'];
+        transfn = function(d) {
+            return 'translate(0,' + ax.l2p(d.x) + ')';
+        };
+        tickpathfn = function(shift, len) {
+            if(ax._counterangle) {
+                var caRad = ax._counterangle * Math.PI / 180;
+                return 'M' + shift + ',0l' + (Math.cos(caRad) * len) + ',' + (-Math.sin(caRad) * len);
+            }
+            else return 'M' + shift + ',0h' + len;
+        };
+    }
+    else {
+        Lib.warn('Unrecognized doTicks axis:', axid);
+        return;
+    }
+    var axside = ax.side || sides[0],
+    // which direction do the side[0], side[1], and free ticks go?
+    // then we flip if outside XOR y axis
+        ticksign = [-1, 1, axside === sides[1] ? 1 : -1];
+    if((ax.ticks !== 'inside') === (axLetter === 'x')) {
+        ticksign = ticksign.map(function(v) { return -v; });
+    }
+
+    if(!ax.visible) return;
+
+    // remove zero lines, grid lines, and inside ticks if they're within
+    // 1 pixel of the end
+    // The key case here is removing zero lines when the axis bound is zero.
+    function clipEnds(d) {
+        var p = ax.l2p(d.x);
+        return (p > 1 && p < ax._length - 1);
+    }
+    var valsClipped = vals.filter(clipEnds);
+
+    function drawTicks(container, tickpath) {
+        var ticks = container.selectAll('path.' + tcls)
+            .data(ax.ticks === 'inside' ? valsClipped : vals, datafn);
+        if(tickpath && ax.ticks) {
+            ticks.enter().append('path').classed(tcls, 1).classed('ticks', 1)
+                .classed('crisp', 1)
+                .call(Color.stroke, ax.tickcolor)
+                .style('stroke-width', tickWidth + 'px')
+                .attr('d', tickpath);
+            ticks.attr('transform', transfn);
+            ticks.exit().remove();
+        }
+        else ticks.remove();
+    }
+
+    function drawLabels(container, position) {
+        // tick labels - for now just the main labels.
+        // TODO: mirror labels, esp for subplots
+        var tickLabels = container.selectAll('g.' + tcls).data(vals, datafn);
+
+        if(!isNumeric(position)) {
+            tickLabels.remove();
+            drawAxTitle();
+            return;
+        }
+        if(!ax.showticklabels) {
+            tickLabels.remove();
+            drawAxTitle();
+            calcBoundingBox();
+            return;
+        }
+
+        var labelx, labely, labelanchor, labelpos0, flipit;
+        if(axLetter === 'x') {
+            flipit = (axside === 'bottom') ? 1 : -1;
+            labelx = function(d) { return d.dx + labelShift * flipit; };
+            labelpos0 = position + (labelStandoff + pad) * flipit;
+            labely = function(d) {
+                return d.dy + labelpos0 + d.fontSize *
+                    ((axside === 'bottom') ? 1 : -0.2);
+            };
+            labelanchor = function(angle) {
+                if(!isNumeric(angle) || angle === 0 || angle === 180) {
+                    return 'middle';
+                }
+                return (angle * flipit < 0) ? 'end' : 'start';
+            };
+        }
+        else {
+            flipit = (axside === 'right') ? 1 : -1;
+            labely = function(d) {
+                return d.dy + d.fontSize * MID_SHIFT - labelShift * flipit;
+            };
+            labelx = function(d) {
+                return d.dx + position + (labelStandoff + pad +
+                    ((Math.abs(ax.tickangle) === 90) ? d.fontSize / 2 : 0)) * flipit;
+            };
+            labelanchor = function(angle) {
+                if(isNumeric(angle) && Math.abs(angle) === 90) {
+                    return 'middle';
+                }
+                return axside === 'right' ? 'start' : 'end';
+            };
+        }
+        var maxFontSize = 0,
+            autoangle = 0,
+            labelsReady = [];
+        tickLabels.enter().append('g').classed(tcls, 1)
+            .append('text')
+                // only so tex has predictable alignment that we can
+                // alter later
+                .attr('text-anchor', 'middle')
+                .each(function(d) {
+                    var thisLabel = d3.select(this),
+                        newPromise = gd._promises.length;
+                    thisLabel
+                        .call(svgTextUtils.positionText, labelx(d), labely(d))
+                        .call(Drawing.font, d.font, d.fontSize, d.fontColor)
+                        .text(d.text)
+                        .call(svgTextUtils.convertToTspans, gd);
+                    newPromise = gd._promises[newPromise];
+                    if(newPromise) {
+                        // if we have an async label, we'll deal with that
+                        // all here so take it out of gd._promises and
+                        // instead position the label and promise this in
+                        // labelsReady
+                        labelsReady.push(gd._promises.pop().then(function() {
+                            positionLabels(thisLabel, ax.tickangle);
+                        }));
+                    }
+                    else {
+                        // sync label: just position it now.
+                        positionLabels(thisLabel, ax.tickangle);
+                    }
+                });
+        tickLabels.exit().remove();
+
+        tickLabels.each(function(d) {
+            maxFontSize = Math.max(maxFontSize, d.fontSize);
+        });
+
+        function positionLabels(s, angle) {
+            s.each(function(d) {
+                var anchor = labelanchor(angle);
+                var thisLabel = d3.select(this),
+                    mathjaxGroup = thisLabel.select('.text-math-group'),
+                    transform = transfn(d) +
+                        ((isNumeric(angle) && +angle !== 0) ?
+                        (' rotate(' + angle + ',' + labelx(d) + ',' +
+                            (labely(d) - d.fontSize / 2) + ')') :
+                        '');
+                if(mathjaxGroup.empty()) {
+                    thisLabel.select('text').attr({
+                        transform: transform,
+                        'text-anchor': anchor
+                    });
+                }
+                else {
+                    var mjShift =
+                        Drawing.bBox(mathjaxGroup.node()).width *
+                            {end: -0.5, start: 0.5}[anchor];
+                    mathjaxGroup.attr('transform', transform +
+                        (mjShift ? 'translate(' + mjShift + ',0)' : ''));
+                }
+            });
+        }
+
+        // make sure all labels are correctly positioned at their base angle
+        // the positionLabels call above is only for newly drawn labels.
+        // do this without waiting, using the last calculated angle to
+        // minimize flicker, then do it again when we know all labels are
+        // there, putting back the prescribed angle to check for overlaps.
+        positionLabels(tickLabels, ax._lastangle || ax.tickangle);
+
+        function allLabelsReady() {
+            return labelsReady.length && Promise.all(labelsReady);
+        }
+
+        function fixLabelOverlaps() {
+            positionLabels(tickLabels, ax.tickangle);
+
+            // check for auto-angling if x labels overlap
+            // don't auto-angle at all for log axes with
+            // base and digit format
+            if(axLetter === 'x' && !isNumeric(ax.tickangle) &&
+                    (ax.type !== 'log' || String(ax.dtick).charAt(0) !== 'D')) {
+                var lbbArray = [];
+                tickLabels.each(function(d) {
+                    var s = d3.select(this),
+                        thisLabel = s.select('.text-math-group'),
+                        x = ax.l2p(d.x);
+                    if(thisLabel.empty()) thisLabel = s.select('text');
+
+                    var bb = Drawing.bBox(thisLabel.node());
+
+                    lbbArray.push({
+                        // ignore about y, just deal with x overlaps
+                        top: 0,
+                        bottom: 10,
+                        height: 10,
+                        left: x - bb.width / 2,
+                        // impose a 2px gap
+                        right: x + bb.width / 2 + 2,
+                        width: bb.width + 2
+                    });
+                });
+                for(i = 0; i < lbbArray.length - 1; i++) {
+                    if(Lib.bBoxIntersect(lbbArray[i], lbbArray[i + 1])) {
+                        // any overlap at all - set 30 degrees
+                        autoangle = 30;
+                        break;
+                    }
+                }
+                if(autoangle) {
+                    var tickspacing = Math.abs(
+                            (vals[vals.length - 1].x - vals[0].x) * ax._m
+                        ) / (vals.length - 1);
+                    if(tickspacing < maxFontSize * 2.5) {
+                        autoangle = 90;
+                    }
+                    positionLabels(tickLabels, autoangle);
+                }
+                ax._lastangle = autoangle;
+            }
+
+            // update the axis title
+            // (so it can move out of the way if needed)
+            // TODO: separate out scoot so we don't need to do
+            // a full redraw of the title (mostly relevant for MathJax)
+            drawAxTitle();
+            return axid + ' done';
+        }
+
+        function calcBoundingBox() {
+            if(ax.showticklabels) {
+                var gdBB = gd.getBoundingClientRect();
+                var bBox = container.node().getBoundingClientRect();
+
+                /*
+                 * the way we're going to use this, the positioning that matters
+                 * is relative to the origin of gd. This is important particularly
+                 * if gd is scrollable, and may have been scrolled between the time
+                 * we calculate this and the time we use it
+                 */
+
+                ax._boundingBox = {
+                    width: bBox.width,
+                    height: bBox.height,
+                    left: bBox.left - gdBB.left,
+                    right: bBox.right - gdBB.left,
+                    top: bBox.top - gdBB.top,
+                    bottom: bBox.bottom - gdBB.top
+                };
+            } else {
+                var gs = fullLayout._size;
+                var pos;
+
+                // set dummy bbox for ticklabel-less axes
+
+                if(axLetter === 'x') {
+                    pos = ax.anchor === 'free' ?
+                        gs.t + gs.h * (1 - ax.position) :
+                        gs.t + gs.h * (1 - ax._anchorAxis.domain[{bottom: 0, top: 1}[ax.side]]);
+
+                    ax._boundingBox = {
+                        top: pos,
+                        bottom: pos,
+                        left: ax._offset,
+                        rigth: ax._offset + ax._length,
+                        width: ax._length,
+                        height: 0
+                    };
+                } else {
+                    pos = ax.anchor === 'free' ?
+                        gs.l + gs.w * ax.position :
+                        gs.l + gs.w * ax._anchorAxis.domain[{left: 0, right: 1}[ax.side]];
+
+                    ax._boundingBox = {
+                        left: pos,
+                        right: pos,
+                        bottom: ax._offset + ax._length,
+                        top: ax._offset,
+                        height: ax._length,
+                        width: 0
+                    };
+                }
+            }
+
+            /*
+             * for spikelines: what's the full domain of positions in the
+             * opposite direction that are associated with this axis?
+             * This means any axes that we make a subplot with, plus the
+             * position of the axis itself if it's free.
+             */
+            if(subplots) {
+                var fullRange = ax._counterSpan = [Infinity, -Infinity];
+
+                for(i = 0; i < subplots.length; i++) {
+                    var subplot = fullLayout._plots[subplots[i]];
+                    var counterAxis = subplot[(axLetter === 'x') ? 'yaxis' : 'xaxis'];
+
+                    extendRange(fullRange, [
+                        counterAxis._offset,
+                        counterAxis._offset + counterAxis._length
+                    ]);
+                }
+
+                if(ax.anchor === 'free') {
+                    extendRange(fullRange, (axLetter === 'x') ?
+                        [ax._boundingBox.bottom, ax._boundingBox.top] :
+                        [ax._boundingBox.right, ax._boundingBox.left]);
+                }
+            }
+
+            function extendRange(range, newRange) {
+                range[0] = Math.min(range[0], newRange[0]);
+                range[1] = Math.max(range[1], newRange[1]);
+            }
+        }
+
+        var done = Lib.syncOrAsync([
+            allLabelsReady,
+            fixLabelOverlaps,
+            calcBoundingBox
+        ]);
+        if(done && done.then) gd._promises.push(done);
+        return done;
+    }
+
+    function drawAxTitle() {
+        if(skipTitle) return;
+
+        // now this only applies to regular cartesian axes; colorbars and
+        // others ALWAYS call doTicks with skipTitle=true so they can
+        // configure their own titles.
+        var ax = axisIds.getFromId(gd, axid),
+            avoidSelection = d3.select(gd).selectAll('g.' + axid + 'tick'),
+            avoid = {
+                selection: avoidSelection,
+                side: ax.side
+            },
+            axLetter = axid.charAt(0),
+            gs = gd._fullLayout._size,
+            offsetBase = 1.5,
+            fontSize = ax.titlefont.size,
+            transform,
+            counterAxis,
+            x,
+            y;
+        if(avoidSelection.size()) {
+            var translation = Drawing.getTranslate(avoidSelection.node().parentNode);
+            avoid.offsetLeft = translation.x;
+            avoid.offsetTop = translation.y;
+        }
+
+        var titleStandoff = 10 + fontSize * offsetBase +
+            (ax.linewidth ? ax.linewidth - 1 : 0);
+
+        if(axLetter === 'x') {
+            counterAxis = (ax.anchor === 'free') ?
+                {_offset: gs.t + (1 - (ax.position || 0)) * gs.h, _length: 0} :
+                axisIds.getFromId(gd, ax.anchor);
+
+            x = ax._offset + ax._length / 2;
+            if(ax.side === 'top') {
+                y = -titleStandoff - fontSize * (ax.showticklabels ? 1 : 0);
+            }
+            else {
+                y = counterAxis._length + titleStandoff +
+                    fontSize * (ax.showticklabels ? 1.5 : 0.5);
+            }
+            y += counterAxis._offset;
+
+            if(ax.rangeslider && ax.rangeslider.visible && ax._boundingBox) {
+                y += (fullLayout.height - fullLayout.margin.b - fullLayout.margin.t) *
+                    ax.rangeslider.thickness + ax._boundingBox.height;
+            }
+
+            if(!avoid.side) avoid.side = 'bottom';
+        }
+        else {
+            counterAxis = (ax.anchor === 'free') ?
+                {_offset: gs.l + (ax.position || 0) * gs.w, _length: 0} :
+                axisIds.getFromId(gd, ax.anchor);
+
+            y = ax._offset + ax._length / 2;
+            if(ax.side === 'right') {
+                x = counterAxis._length + titleStandoff +
+                    fontSize * (ax.showticklabels ? 1 : 0.5);
+            }
+            else {
+                x = -titleStandoff - fontSize * (ax.showticklabels ? 0.5 : 0);
+            }
+            x += counterAxis._offset;
+
+            transform = {rotate: '-90', offset: 0};
+            if(!avoid.side) avoid.side = 'left';
+        }
+
+        Titles.draw(gd, axid + 'title', {
+            propContainer: ax,
+            propName: ax._name + '.title',
+            dfltName: axLetter.toUpperCase() + ' axis',
+            avoid: avoid,
+            transform: transform,
+            attributes: {x: x, y: y, 'text-anchor': 'middle'}
+        });
+    }
+
+    function traceHasBarsOrFill(trace, subplot) {
+        if(trace.visible !== true || trace.xaxis + trace.yaxis !== subplot) return false;
+        if(Registry.traceIs(trace, 'bar') && trace.orientation === {x: 'h', y: 'v'}[axLetter]) return true;
+        return trace.fill && trace.fill.charAt(trace.fill.length - 1) === axLetter;
+    }
+
+    function drawGrid(plotinfo, counteraxis, subplot) {
+        var gridcontainer = plotinfo.gridlayer,
+            zlcontainer = plotinfo.zerolinelayer,
+            gridvals = plotinfo['hidegrid' + axLetter] ? [] : valsClipped,
+            gridpath = ax._gridpath ||
+                'M0,0' + ((axLetter === 'x') ? 'v' : 'h') + counteraxis._length,
+            grid = gridcontainer.selectAll('path.' + gcls)
+                .data((ax.showgrid === false) ? [] : gridvals, datafn);
+        grid.enter().append('path').classed(gcls, 1)
+            .classed('crisp', 1)
+            .attr('d', gridpath)
+            .each(function(d) {
+                if(ax.zeroline && (ax.type === 'linear' || ax.type === '-') &&
+                        Math.abs(d.x) < ax.dtick / 100) {
+                    d3.select(this).remove();
+                }
+            });
+        grid.attr('transform', transfn)
+            .call(Color.stroke, ax.gridcolor || '#ddd')
+            .style('stroke-width', gridWidth + 'px');
+        grid.exit().remove();
+
+        // zero line
+        if(zlcontainer) {
+            var hasBarsOrFill = false;
+            for(var i = 0; i < gd._fullData.length; i++) {
+                if(traceHasBarsOrFill(gd._fullData[i], subplot)) {
+                    hasBarsOrFill = true;
+                    break;
+                }
+            }
+            var rng = Lib.simpleMap(ax.range, ax.r2l),
+                showZl = (rng[0] * rng[1] <= 0) && ax.zeroline &&
+                (ax.type === 'linear' || ax.type === '-') && gridvals.length &&
+                (hasBarsOrFill || clipEnds({x: 0}) || !ax.showline);
+            var zl = zlcontainer.selectAll('path.' + zcls)
+                .data(showZl ? [{x: 0}] : []);
+            zl.enter().append('path').classed(zcls, 1).classed('zl', 1)
+                .classed('crisp', 1)
+                .attr('d', gridpath);
+            zl.attr('transform', transfn)
+                .call(Color.stroke, ax.zerolinecolor || Color.defaultLine)
+                .style('stroke-width', zeroLineWidth + 'px');
+            zl.exit().remove();
+        }
+    }
+
+    if(independent) {
+        drawTicks(ax._axislayer, tickpathfn(ax._pos + pad * ticksign[2], ticksign[2] * ax.ticklen));
+        if(ax._counteraxis) {
+            var fictionalPlotinfo = {
+                gridlayer: ax._gridlayer,
+                zerolinelayer: ax._zerolinelayer
+            };
+            drawGrid(fictionalPlotinfo, ax._counteraxis);
+        }
+        return drawLabels(ax._axislayer, ax._pos);
+    }
+    else {
+        subplots = axes.getSubplots(gd, ax);
+        var alldone = subplots.map(function(subplot) {
+            var plotinfo = fullLayout._plots[subplot];
+
+            if(!fullLayout._has('cartesian')) return;
+
+            var container = plotinfo[axLetter + 'axislayer'],
+
+                // [bottom or left, top or right, free, main]
+                linepositions = ax._linepositions[subplot] || [],
+                counteraxis = plotinfo[counterLetter + 'axis'],
+                mainSubplot = counteraxis._id === ax.anchor,
+                ticksides = [false, false, false],
+                tickpath = '';
+
+            // ticks
+            if(ax.mirror === 'allticks') ticksides = [true, true, false];
+            else if(mainSubplot) {
+                if(ax.mirror === 'ticks') ticksides = [true, true, false];
+                else ticksides[sides.indexOf(axside)] = true;
+            }
+            if(ax.mirrors) {
+                for(i = 0; i < 2; i++) {
+                    var thisMirror = ax.mirrors[counteraxis._id + sides[i]];
+                    if(thisMirror === 'ticks' || thisMirror === 'labels') {
+                        ticksides[i] = true;
+                    }
+                }
+            }
+
+            // free axis ticks
+            if(linepositions[2] !== undefined) ticksides[2] = true;
+
+            ticksides.forEach(function(showside, sidei) {
+                var pos = linepositions[sidei],
+                    tsign = ticksign[sidei];
+                if(showside && isNumeric(pos)) {
+                    tickpath += tickpathfn(pos + pad * tsign, tsign * ax.ticklen);
+                }
+            });
+
+            drawTicks(container, tickpath);
+            drawGrid(plotinfo, counteraxis, subplot);
+            return drawLabels(container, linepositions[3]);
+        }).filter(function(onedone) { return onedone && onedone.then; });
+
+        return alldone.length ? Promise.all(alldone) : 0;
+    }
+};
+
+// swap all the presentation attributes of the axes showing these traces
+axes.swap = function(gd, traces) {
+    var axGroups = makeAxisGroups(gd, traces);
+
+    for(var i = 0; i < axGroups.length; i++) {
+        swapAxisGroup(gd, axGroups[i].x, axGroups[i].y);
+    }
+};
+
+function makeAxisGroups(gd, traces) {
+    var groups = [],
+        i,
+        j;
+
+    for(i = 0; i < traces.length; i++) {
+        var groupsi = [],
+            xi = gd._fullData[traces[i]].xaxis,
+            yi = gd._fullData[traces[i]].yaxis;
+        if(!xi || !yi) continue; // not a 2D cartesian trace?
+
+        for(j = 0; j < groups.length; j++) {
+            if(groups[j].x.indexOf(xi) !== -1 || groups[j].y.indexOf(yi) !== -1) {
+                groupsi.push(j);
+            }
+        }
+
+        if(!groupsi.length) {
+            groups.push({x: [xi], y: [yi]});
+            continue;
+        }
+
+        var group0 = groups[groupsi[0]],
+            groupj;
+
+        if(groupsi.length > 1) {
+            for(j = 1; j < groupsi.length; j++) {
+                groupj = groups[groupsi[j]];
+                mergeAxisGroups(group0.x, groupj.x);
+                mergeAxisGroups(group0.y, groupj.y);
+            }
+        }
+        mergeAxisGroups(group0.x, [xi]);
+        mergeAxisGroups(group0.y, [yi]);
+    }
+
+    return groups;
+}
+
+function mergeAxisGroups(intoSet, fromSet) {
+    for(var i = 0; i < fromSet.length; i++) {
+        if(intoSet.indexOf(fromSet[i]) === -1) intoSet.push(fromSet[i]);
+    }
+}
+
+function swapAxisGroup(gd, xIds, yIds) {
+    var i,
+        j,
+        xFullAxes = [],
+        yFullAxes = [],
+        layout = gd.layout;
+
+    for(i = 0; i < xIds.length; i++) xFullAxes.push(axes.getFromId(gd, xIds[i]));
+    for(i = 0; i < yIds.length; i++) yFullAxes.push(axes.getFromId(gd, yIds[i]));
+
+    var allAxKeys = Object.keys(xFullAxes[0]),
+        noSwapAttrs = [
+            'anchor', 'domain', 'overlaying', 'position', 'side', 'tickangle'
+        ],
+        numericTypes = ['linear', 'log'];
+
+    for(i = 0; i < allAxKeys.length; i++) {
+        var keyi = allAxKeys[i],
+            xVal = xFullAxes[0][keyi],
+            yVal = yFullAxes[0][keyi],
+            allEqual = true,
+            coerceLinearX = false,
+            coerceLinearY = false;
+        if(keyi.charAt(0) === '_' || typeof xVal === 'function' ||
+                noSwapAttrs.indexOf(keyi) !== -1) {
+            continue;
+        }
+        for(j = 1; j < xFullAxes.length && allEqual; j++) {
+            var xVali = xFullAxes[j][keyi];
+            if(keyi === 'type' && numericTypes.indexOf(xVal) !== -1 &&
+                    numericTypes.indexOf(xVali) !== -1 && xVal !== xVali) {
+                // type is special - if we find a mixture of linear and log,
+                // coerce them all to linear on flipping
+                coerceLinearX = true;
+            }
+            else if(xVali !== xVal) allEqual = false;
+        }
+        for(j = 1; j < yFullAxes.length && allEqual; j++) {
+            var yVali = yFullAxes[j][keyi];
+            if(keyi === 'type' && numericTypes.indexOf(yVal) !== -1 &&
+                    numericTypes.indexOf(yVali) !== -1 && yVal !== yVali) {
+                // type is special - if we find a mixture of linear and log,
+                // coerce them all to linear on flipping
+                coerceLinearY = true;
+            }
+            else if(yFullAxes[j][keyi] !== yVal) allEqual = false;
+        }
+        if(allEqual) {
+            if(coerceLinearX) layout[xFullAxes[0]._name].type = 'linear';
+            if(coerceLinearY) layout[yFullAxes[0]._name].type = 'linear';
+            swapAxisAttrs(layout, keyi, xFullAxes, yFullAxes);
+        }
+    }
+
+    // now swap x&y for any annotations anchored to these x & y
+    for(i = 0; i < gd._fullLayout.annotations.length; i++) {
+        var ann = gd._fullLayout.annotations[i];
+        if(xIds.indexOf(ann.xref) !== -1 &&
+                yIds.indexOf(ann.yref) !== -1) {
+            Lib.swapAttrs(layout.annotations[i], ['?']);
+        }
+    }
+}
+
+function swapAxisAttrs(layout, key, xFullAxes, yFullAxes) {
+    // in case the value is the default for either axis,
+    // look at the first axis in each list and see if
+    // this key's value is undefined
+    var np = Lib.nestedProperty,
+        xVal = np(layout[xFullAxes[0]._name], key).get(),
+        yVal = np(layout[yFullAxes[0]._name], key).get(),
+        i;
+    if(key === 'title') {
+        // special handling of placeholder titles
+        if(xVal === 'Click to enter X axis title') {
+            xVal = 'Click to enter Y axis title';
+        }
+        if(yVal === 'Click to enter Y axis title') {
+            yVal = 'Click to enter X axis title';
+        }
+    }
+
+    for(i = 0; i < xFullAxes.length; i++) {
+        np(layout, xFullAxes[i]._name + '.' + key).set(yVal);
+    }
+    for(i = 0; i < yFullAxes.length; i++) {
+        np(layout, yFullAxes[i]._name + '.' + key).set(xVal);
+    }
+}
+
+},{"../../components/color":604,"../../components/drawing":628,"../../components/titles":694,"../../constants/alignment":701,"../../constants/numerical":707,"../../lib":728,"../../lib/svg_text_utils":750,"../../registry":846,"./axis_autotype":773,"./axis_ids":775,"./layout_attributes":783,"./layout_defaults":784,"./set_convert":789,"d3":122,"fast-isnumeric":131}],773:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+module.exports = function autoType(array, calendar) {
+    if(moreDates(array, calendar)) return 'date';
+    if(category(array)) return 'category';
+    if(linearOK(array)) return 'linear';
+    else return '-';
+};
+
+// is there at least one number in array? If not, we should leave
+// ax.type empty so it can be autoset later
+function linearOK(array) {
+    if(!array) return false;
+
+    for(var i = 0; i < array.length; i++) {
+        if(isNumeric(array[i])) return true;
+    }
+
+    return false;
+}
+
+// does the array a have mostly dates rather than numbers?
+// note: some values can be neither (such as blanks, text)
+// 2- or 4-digit integers can be both, so require twice as many
+// dates as non-dates, to exclude cases with mostly 2 & 4 digit
+// numbers and a few dates
+function moreDates(a, calendar) {
+    var dcnt = 0,
+        ncnt = 0,
+        // test at most 1000 points, evenly spaced
+        inc = Math.max(1, (a.length - 1) / 1000),
+        ai;
+
+    for(var i = 0; i < a.length; i += inc) {
+        ai = a[Math.round(i)];
+        if(Lib.isDateTime(ai, calendar)) dcnt += 1;
+        if(isNumeric(ai)) ncnt += 1;
+    }
+
+    return (dcnt > ncnt * 2);
+}
+
+// are the (x,y)-values in gd.data mostly text?
+// require twice as many categories as numbers
+function category(a) {
+    // test at most 1000 points
+    var inc = Math.max(1, (a.length - 1) / 1000),
+        curvenums = 0,
+        curvecats = 0,
+        ai;
+
+    for(var i = 0; i < a.length; i += inc) {
+        ai = a[Math.round(i)];
+        if(Lib.cleanNumber(ai) !== BADNUM) curvenums++;
+        else if(typeof ai === 'string' && ai !== '' && ai !== 'None') curvecats++;
+    }
+
+    return curvecats > curvenums * 2;
+}
+
+},{"../../constants/numerical":707,"../../lib":728,"fast-isnumeric":131}],774:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var colorMix = require('tinycolor2').mix;
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var lightFraction = require('../../components/color/attributes').lightFraction;
+
+var layoutAttributes = require('./layout_attributes');
+var handleTickValueDefaults = require('./tick_value_defaults');
+var handleTickMarkDefaults = require('./tick_mark_defaults');
+var handleTickLabelDefaults = require('./tick_label_defaults');
+var handleCategoryOrderDefaults = require('./category_order_defaults');
+var setConvert = require('./set_convert');
+var orderedCategories = require('./ordered_categories');
+
+
+/**
+ * options: object containing:
+ *
+ *  letter: 'x' or 'y'
+ *  title: name of the axis (ie 'Colorbar') to go in default title
+ *  font: the default font to inherit
+ *  outerTicks: boolean, should ticks default to outside?
+ *  showGrid: boolean, should gridlines be shown by default?
+ *  noHover: boolean, this axis doesn't support hover effects?
+ *  data: the plot data, used to manage categories
+ *  bgColor: the plot background color, to calculate default gridline colors
+ */
+module.exports = function handleAxisDefaults(containerIn, containerOut, coerce, options, layoutOut) {
+    var letter = options.letter,
+        font = options.font || {},
+        defaultTitle = 'Click to enter ' +
+            (options.title || (letter.toUpperCase() + ' axis')) +
+            ' title';
+
+    function coerce2(attr, dflt) {
+        return Lib.coerce2(containerIn, containerOut, layoutAttributes, attr, dflt);
+    }
+
+    var visible = coerce('visible', !options.cheateronly);
+
+    var axType = containerOut.type;
+
+    if(axType === 'date') {
+        var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleDefaults');
+        handleCalendarDefaults(containerIn, containerOut, 'calendar', options.calendar);
+    }
+
+    setConvert(containerOut, layoutOut);
+
+    var autoRange = coerce('autorange', !containerOut.isValidRange(containerIn.range));
+
+    if(autoRange) coerce('rangemode');
+
+    coerce('range');
+    containerOut.cleanRange();
+
+    handleCategoryOrderDefaults(containerIn, containerOut, coerce);
+    containerOut._initialCategories = axType === 'category' ?
+        orderedCategories(letter, containerOut.categoryorder, containerOut.categoryarray, options.data) :
+        [];
+
+    if(!visible) return containerOut;
+
+    var dfltColor = coerce('color');
+    // if axis.color was provided, use it for fonts too; otherwise,
+    // inherit from global font color in case that was provided.
+    var dfltFontColor = (dfltColor === containerIn.color) ? dfltColor : font.color;
+
+    coerce('title', defaultTitle);
+    Lib.coerceFont(coerce, 'titlefont', {
+        family: font.family,
+        size: Math.round(font.size * 1.2),
+        color: dfltFontColor
+    });
+
+    handleTickValueDefaults(containerIn, containerOut, coerce, axType);
+    handleTickLabelDefaults(containerIn, containerOut, coerce, axType, options);
+    handleTickMarkDefaults(containerIn, containerOut, coerce, options);
+
+    var lineColor = coerce2('linecolor', dfltColor),
+        lineWidth = coerce2('linewidth'),
+        showLine = coerce('showline', !!lineColor || !!lineWidth);
+
+    if(!showLine) {
+        delete containerOut.linecolor;
+        delete containerOut.linewidth;
+    }
+
+    if(showLine || containerOut.ticks) coerce('mirror');
+
+    var gridColor = coerce2('gridcolor', colorMix(dfltColor, options.bgColor, lightFraction).toRgbString()),
+        gridWidth = coerce2('gridwidth'),
+        showGridLines = coerce('showgrid', options.showGrid || !!gridColor || !!gridWidth);
+
+    if(!showGridLines) {
+        delete containerOut.gridcolor;
+        delete containerOut.gridwidth;
+    }
+
+    var zeroLineColor = coerce2('zerolinecolor', dfltColor),
+        zeroLineWidth = coerce2('zerolinewidth'),
+        showZeroLine = coerce('zeroline', options.showGrid || !!zeroLineColor || !!zeroLineWidth);
+
+    if(!showZeroLine) {
+        delete containerOut.zerolinecolor;
+        delete containerOut.zerolinewidth;
+    }
+
+    return containerOut;
+};
+
+},{"../../components/color/attributes":603,"../../lib":728,"../../registry":846,"./category_order_defaults":776,"./layout_attributes":783,"./ordered_categories":785,"./set_convert":789,"./tick_label_defaults":790,"./tick_mark_defaults":791,"./tick_value_defaults":792,"tinycolor2":534}],775:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+var Plots = require('../plots');
+var Lib = require('../../lib');
+
+var constants = require('./constants');
+
+
+// convert between axis names (xaxis, xaxis2, etc, elements of gd.layout)
+// and axis id's (x, x2, etc). Would probably have ditched 'xaxis'
+// completely in favor of just 'x' if it weren't ingrained in the API etc.
+exports.id2name = function id2name(id) {
+    if(typeof id !== 'string' || !id.match(constants.AX_ID_PATTERN)) return;
+    var axNum = id.substr(1);
+    if(axNum === '1') axNum = '';
+    return id.charAt(0) + 'axis' + axNum;
+};
+
+exports.name2id = function name2id(name) {
+    if(!name.match(constants.AX_NAME_PATTERN)) return;
+    var axNum = name.substr(5);
+    if(axNum === '1') axNum = '';
+    return name.charAt(0) + axNum;
+};
+
+exports.cleanId = function cleanId(id, axLetter) {
+    if(!id.match(constants.AX_ID_PATTERN)) return;
+    if(axLetter && id.charAt(0) !== axLetter) return;
+
+    var axNum = id.substr(1).replace(/^0+/, '');
+    if(axNum === '1') axNum = '';
+    return id.charAt(0) + axNum;
+};
+
+// get all axis object names
+// optionally restricted to only x or y or z by string axLetter
+// and optionally 2D axes only, not those inside 3D scenes
+function listNames(gd, axLetter, only2d) {
+    var fullLayout = gd._fullLayout;
+    if(!fullLayout) return [];
+
+    function filterAxis(obj, extra) {
+        var keys = Object.keys(obj),
+            axMatch = /^[xyz]axis[0-9]*/,
+            out = [];
+
+        for(var i = 0; i < keys.length; i++) {
+            var k = keys[i];
+            if(axLetter && k.charAt(0) !== axLetter) continue;
+            if(axMatch.test(k)) out.push(extra + k);
+        }
+
+        return out.sort();
+    }
+
+    var names = filterAxis(fullLayout, '');
+    if(only2d) return names;
+
+    var sceneIds3D = Plots.getSubplotIds(fullLayout, 'gl3d') || [];
+    for(var i = 0; i < sceneIds3D.length; i++) {
+        var sceneId = sceneIds3D[i];
+        names = names.concat(
+            filterAxis(fullLayout[sceneId], sceneId + '.')
+        );
+    }
+
+    return names;
+}
+
+// get all axis objects, as restricted in listNames
+exports.list = function(gd, axletter, only2d) {
+    return listNames(gd, axletter, only2d)
+        .map(function(axName) {
+            return Lib.nestedProperty(gd._fullLayout, axName).get();
+        });
+};
+
+// get all axis ids, optionally restricted by letter
+// this only makes sense for 2d axes
+exports.listIds = function(gd, axletter) {
+    return listNames(gd, axletter, true).map(exports.name2id);
+};
+
+// get an axis object from its id 'x','x2' etc
+// optionally, id can be a subplot (ie 'x2y3') and type gets x or y from it
+exports.getFromId = function(gd, id, type) {
+    var fullLayout = gd._fullLayout;
+
+    if(type === 'x') id = id.replace(/y[0-9]*/, '');
+    else if(type === 'y') id = id.replace(/x[0-9]*/, '');
+
+    return fullLayout[exports.id2name(id)];
+};
+
+// get an axis object of specified type from the containing trace
+exports.getFromTrace = function(gd, fullTrace, type) {
+    var fullLayout = gd._fullLayout;
+    var ax = null;
+
+    if(Registry.traceIs(fullTrace, 'gl3d')) {
+        var scene = fullTrace.scene;
+        if(scene.substr(0, 5) === 'scene') {
+            ax = fullLayout[scene][type + 'axis'];
+        }
+    }
+    else {
+        ax = exports.getFromId(gd, fullTrace[type + 'axis'] || type);
+    }
+
+    return ax;
+};
+
+},{"../../lib":728,"../../registry":846,"../plots":831,"./constants":777}],776:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = function handleCategoryOrderDefaults(containerIn, containerOut, coerce) {
+    if(containerOut.type !== 'category') return;
+
+    var arrayIn = containerIn.categoryarray,
+        orderDefault;
+
+    var isValidArray = (Array.isArray(arrayIn) && arrayIn.length > 0);
+
+    // override default 'categoryorder' value when non-empty array is supplied
+    if(isValidArray) orderDefault = 'array';
+
+    var order = coerce('categoryorder', orderDefault);
+
+    // coerce 'categoryarray' only in array order case
+    if(order === 'array') coerce('categoryarray');
+
+    // cannot set 'categoryorder' to 'array' with an invalid 'categoryarray'
+    if(!isValidArray && order === 'array') {
+        containerOut.categoryorder = 'trace';
+    }
+};
+
+},{}],777:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+var counterRegex = require('../../lib').counterRegex;
+
+
+module.exports = {
+
+    idRegex: {
+        x: counterRegex('x'),
+        y: counterRegex('y')
+    },
+
+    attrRegex: counterRegex('[xy]axis'),
+
+    // axis match regular expression
+    xAxisMatch: counterRegex('xaxis'),
+    yAxisMatch: counterRegex('yaxis'),
+
+    // pattern matching axis ids and names
+    // note that this is more permissive than counterRegex, as
+    // id2name, name2id, and cleanId accept "x1" etc
+    AX_ID_PATTERN: /^[xyz][0-9]*$/,
+    AX_NAME_PATTERN: /^[xyz]axis[0-9]*$/,
+
+    // pixels to move mouse before you stop clamping to starting point
+    MINDRAG: 8,
+
+    // smallest dimension allowed for a select box
+    MINSELECT: 12,
+
+    // smallest dimension allowed for a zoombox
+    MINZOOM: 20,
+
+    // width of axis drag regions
+    DRAGGERSIZE: 20,
+
+    // max pixels off straight before a lasso select line counts as bent
+    BENDPX: 1.5,
+
+    // delay before a redraw (relayout) after smooth panning and zooming
+    REDRAWDELAY: 50,
+
+    // throttling limit (ms) for selectPoints calls
+    SELECTDELAY: 100,
+
+    // cache ID suffix for throttle
+    SELECTID: '-select',
+
+    // last resort axis ranges for x and y axes if we have no data
+    DFLTRANGEX: [-1, 6],
+    DFLTRANGEY: [-1, 4],
+
+    // Layers to keep trace types in the right order.
+    // from back to front:
+    // 1. heatmaps, 2D histos and contour maps
+    // 2. bars / 1D histos
+    // 3. errorbars for bars and scatter
+    // 4. scatter
+    // 5. box plots
+    traceLayerClasses: [
+        'imagelayer',
+        'maplayer',
+        'barlayer',
+        'carpetlayer',
+        'boxlayer',
+        'scatterlayer'
+    ],
+
+    layerValue2layerClass: {
+        'above traces': 'above',
+        'below traces': 'below'
+    }
+};
+
+},{"../../lib":728}],778:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var id2name = require('./axis_ids').id2name;
+
+
+module.exports = function handleConstraintDefaults(containerIn, containerOut, coerce, allAxisIds, layoutOut) {
+    var constraintGroups = layoutOut._axisConstraintGroups;
+    var thisID = containerOut._id;
+    var letter = thisID.charAt(0);
+
+    if(containerOut.fixedrange) return;
+
+    // coerce the constraint mechanics even if this axis has no scaleanchor
+    // because it may be the anchor of another axis.
+    coerce('constrain');
+    Lib.coerce(containerIn, containerOut, {
+        constraintoward: {
+            valType: 'enumerated',
+            values: letter === 'x' ? ['left', 'center', 'right'] : ['bottom', 'middle', 'top'],
+            dflt: letter === 'x' ? 'center' : 'middle'
+        }
+    }, 'constraintoward');
+
+    if(!containerIn.scaleanchor) return;
+
+    var constraintOpts = getConstraintOpts(constraintGroups, thisID, allAxisIds, layoutOut);
+
+    var scaleanchor = Lib.coerce(containerIn, containerOut, {
+        scaleanchor: {
+            valType: 'enumerated',
+            values: constraintOpts.linkableAxes
+        }
+    }, 'scaleanchor');
+
+    if(scaleanchor) {
+        var scaleratio = coerce('scaleratio');
+        // TODO: I suppose I could do attribute.min: Number.MIN_VALUE to avoid zero,
+        // but that seems hacky. Better way to say "must be a positive number"?
+        // Of course if you use several super-tiny values you could eventually
+        // force a product of these to zero and all hell would break loose...
+        // Likewise with super-huge values.
+        if(!scaleratio) scaleratio = containerOut.scaleratio = 1;
+
+        updateConstraintGroups(constraintGroups, constraintOpts.thisGroup,
+            thisID, scaleanchor, scaleratio);
+    }
+    else if(allAxisIds.indexOf(containerIn.scaleanchor) !== -1) {
+        Lib.warn('ignored ' + containerOut._name + '.scaleanchor: "' +
+            containerIn.scaleanchor + '" to avoid either an infinite loop ' +
+            'and possibly inconsistent scaleratios, or because the target' +
+            'axis has fixed range.');
+    }
+};
+
+function getConstraintOpts(constraintGroups, thisID, allAxisIds, layoutOut) {
+    // If this axis is already part of a constraint group, we can't
+    // scaleanchor any other axis in that group, or we'd make a loop.
+    // Filter allAxisIds to enforce this, also matching axis types.
+
+    var thisType = layoutOut[id2name(thisID)].type;
+
+    var i, j, idj, axj;
+
+    var linkableAxes = [];
+    for(j = 0; j < allAxisIds.length; j++) {
+        idj = allAxisIds[j];
+        if(idj === thisID) continue;
+
+        axj = layoutOut[id2name(idj)];
+        if(axj.type === thisType && !axj.fixedrange) linkableAxes.push(idj);
+    }
+
+    for(i = 0; i < constraintGroups.length; i++) {
+        if(constraintGroups[i][thisID]) {
+            var thisGroup = constraintGroups[i];
+
+            var linkableAxesNoLoops = [];
+            for(j = 0; j < linkableAxes.length; j++) {
+                idj = linkableAxes[j];
+                if(!thisGroup[idj]) linkableAxesNoLoops.push(idj);
+            }
+            return {linkableAxes: linkableAxesNoLoops, thisGroup: thisGroup};
+        }
+    }
+
+    return {linkableAxes: linkableAxes, thisGroup: null};
+}
+
+
+/*
+ * Add this axis to the axis constraint groups, which is the collection
+ * of axes that are all constrained together on scale.
+ *
+ * constraintGroups: a list of objects. each object is
+ * {axis_id: scale_within_group}, where scale_within_group is
+ * only important relative to the rest of the group, and defines
+ * the relative scales between all axes in the group
+ *
+ * thisGroup: the group the current axis is already in
+ * thisID: the id if the current axis
+ * scaleanchor: the id of the axis to scale it with
+ * scaleratio: the ratio of this axis to the scaleanchor axis
+ */
+function updateConstraintGroups(constraintGroups, thisGroup, thisID, scaleanchor, scaleratio) {
+    var i, j, groupi, keyj, thisGroupIndex;
+
+    if(thisGroup === null) {
+        thisGroup = {};
+        thisGroup[thisID] = 1;
+        thisGroupIndex = constraintGroups.length;
+        constraintGroups.push(thisGroup);
+    }
+    else {
+        thisGroupIndex = constraintGroups.indexOf(thisGroup);
+    }
+
+    var thisGroupKeys = Object.keys(thisGroup);
+
+    // we know that this axis isn't in any other groups, but we don't know
+    // about the scaleanchor axis. If it is, we need to merge the groups.
+    for(i = 0; i < constraintGroups.length; i++) {
+        groupi = constraintGroups[i];
+        if(i !== thisGroupIndex && groupi[scaleanchor]) {
+            var baseScale = groupi[scaleanchor];
+            for(j = 0; j < thisGroupKeys.length; j++) {
+                keyj = thisGroupKeys[j];
+                groupi[keyj] = baseScale * scaleratio * thisGroup[keyj];
+            }
+            constraintGroups.splice(thisGroupIndex, 1);
+            return;
+        }
+    }
+
+    // otherwise, we insert the new scaleanchor axis as the base scale (1)
+    // in its group, and scale the rest of the group to it
+    if(scaleratio !== 1) {
+        for(j = 0; j < thisGroupKeys.length; j++) {
+            thisGroup[thisGroupKeys[j]] *= scaleratio;
+        }
+    }
+    thisGroup[scaleanchor] = 1;
+}
+
+},{"../../lib":728,"./axis_ids":775}],779:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var id2name = require('./axis_ids').id2name;
+var scaleZoom = require('./scale_zoom');
+
+var ALMOST_EQUAL = require('../../constants/numerical').ALMOST_EQUAL;
+
+var FROM_BL = require('../../constants/alignment').FROM_BL;
+
+
+exports.enforce = function enforceAxisConstraints(gd) {
+    var fullLayout = gd._fullLayout;
+    var constraintGroups = fullLayout._axisConstraintGroups;
+
+    var i, j, axisID, ax, normScale, mode, factor;
+
+    for(i = 0; i < constraintGroups.length; i++) {
+        var group = constraintGroups[i];
+        var axisIDs = Object.keys(group);
+
+        var minScale = Infinity;
+        var maxScale = 0;
+        // mostly matchScale will be the same as minScale
+        // ie we expand axis ranges to encompass *everything*
+        // that's currently in any of their ranges, but during
+        // autorange of a subset of axes we will ignore other
+        // axes for this purpose.
+        var matchScale = Infinity;
+        var normScales = {};
+        var axes = {};
+        var hasAnyDomainConstraint = false;
+
+        // find the (normalized) scale of each axis in the group
+        for(j = 0; j < axisIDs.length; j++) {
+            axisID = axisIDs[j];
+            axes[axisID] = ax = fullLayout[id2name(axisID)];
+
+            if(ax._inputDomain) ax.domain = ax._inputDomain.slice();
+            else ax._inputDomain = ax.domain.slice();
+
+            if(!ax._inputRange) ax._inputRange = ax.range.slice();
+
+            // set axis scale here so we can use _m rather than
+            // having to calculate it from length and range
+            ax.setScale();
+
+            // abs: inverted scales still satisfy the constraint
+            normScales[axisID] = normScale = Math.abs(ax._m) / group[axisID];
+            minScale = Math.min(minScale, normScale);
+            if(ax.constrain === 'domain' || !ax._constraintShrinkable) {
+                matchScale = Math.min(matchScale, normScale);
+            }
+
+            // this has served its purpose, so remove it
+            delete ax._constraintShrinkable;
+            maxScale = Math.max(maxScale, normScale);
+
+            if(ax.constrain === 'domain') hasAnyDomainConstraint = true;
+        }
+
+        // Do we have a constraint mismatch? Give a small buffer for rounding errors
+        if(minScale > ALMOST_EQUAL * maxScale && !hasAnyDomainConstraint) continue;
+
+        // now increase any ranges we need to until all normalized scales are equal
+        for(j = 0; j < axisIDs.length; j++) {
+            axisID = axisIDs[j];
+            normScale = normScales[axisID];
+            ax = axes[axisID];
+            mode = ax.constrain;
+
+            // even if the scale didn't change, if we're shrinking domain
+            // we need to recalculate in case `constraintoward` changed
+            if(normScale !== matchScale || mode === 'domain') {
+                factor = normScale / matchScale;
+
+                if(mode === 'range') {
+                    scaleZoom(ax, factor);
+                }
+                else {
+                    // mode === 'domain'
+
+                    var inputDomain = ax._inputDomain;
+                    var domainShrunk = (ax.domain[1] - ax.domain[0]) /
+                        (inputDomain[1] - inputDomain[0]);
+                    var rangeShrunk = (ax.r2l(ax.range[1]) - ax.r2l(ax.range[0])) /
+                        (ax.r2l(ax._inputRange[1]) - ax.r2l(ax._inputRange[0]));
+
+                    factor /= domainShrunk;
+
+                    if(factor * rangeShrunk < 1) {
+                        // we've asked to magnify the axis more than we can just by
+                        // enlarging the domain - so we need to constrict range
+                        ax.domain = ax._input.domain = inputDomain.slice();
+                        scaleZoom(ax, factor);
+                        continue;
+                    }
+
+                    if(rangeShrunk < 1) {
+                        // the range has previously been constricted by ^^, but we've
+                        // switched to the domain-constricted regime, so reset range
+                        ax.range = ax._input.range = ax._inputRange.slice();
+                        factor *= rangeShrunk;
+                    }
+
+                    if(ax.autorange && ax._min.length && ax._max.length) {
+                        /*
+                         * range & factor may need to change because range was
+                         * calculated for the larger scaling, so some pixel
+                         * paddings may get cut off when we reduce the domain.
+                         *
+                         * This is easier than the regular autorange calculation
+                         * because we already know the scaling `m`, but we still
+                         * need to cut out impossible constraints (like
+                         * annotations with super-long arrows). That's what
+                         * outerMin/Max are for - if the expansion was going to
+                         * go beyond the original domain, it must be impossible
+                         */
+                        var rl0 = ax.r2l(ax.range[0]);
+                        var rl1 = ax.r2l(ax.range[1]);
+                        var rangeCenter = (rl0 + rl1) / 2;
+                        var rangeMin = rangeCenter;
+                        var rangeMax = rangeCenter;
+                        var halfRange = Math.abs(rl1 - rangeCenter);
+                        // extra tiny bit for rounding errors, in case we actually
+                        // *are* expanding to the full domain
+                        var outerMin = rangeCenter - halfRange * factor * 1.0001;
+                        var outerMax = rangeCenter + halfRange * factor * 1.0001;
+
+                        updateDomain(ax, factor);
+                        ax.setScale();
+                        var m = Math.abs(ax._m);
+                        var newVal;
+                        var k;
+
+                        for(k = 0; k < ax._min.length; k++) {
+                            newVal = ax._min[k].val - ax._min[k].pad / m;
+                            if(newVal > outerMin && newVal < rangeMin) {
+                                rangeMin = newVal;
+                            }
+                        }
+
+                        for(k = 0; k < ax._max.length; k++) {
+                            newVal = ax._max[k].val + ax._max[k].pad / m;
+                            if(newVal < outerMax && newVal > rangeMax) {
+                                rangeMax = newVal;
+                            }
+                        }
+
+                        var domainExpand = (rangeMax - rangeMin) / (2 * halfRange);
+                        factor /= domainExpand;
+
+                        rangeMin = ax.l2r(rangeMin);
+                        rangeMax = ax.l2r(rangeMax);
+                        ax.range = ax._input.range = (rl0 < rl1) ?
+                            [rangeMin, rangeMax] : [rangeMax, rangeMin];
+                    }
+
+                    updateDomain(ax, factor);
+                }
+            }
+        }
+    }
+};
+
+// For use before autoranging, check if this axis was previously constrained
+// by domain but no longer is
+exports.clean = function cleanConstraints(gd, ax) {
+    if(ax._inputDomain) {
+        var isConstrained = false;
+        var axId = ax._id;
+        var constraintGroups = gd._fullLayout._axisConstraintGroups;
+        for(var j = 0; j < constraintGroups.length; j++) {
+            if(constraintGroups[j][axId]) {
+                isConstrained = true;
+                break;
+            }
+        }
+        if(!isConstrained || ax.constrain !== 'domain') {
+            ax._input.domain = ax.domain = ax._inputDomain;
+            delete ax._inputDomain;
+        }
+    }
+};
+
+function updateDomain(ax, factor) {
+    var inputDomain = ax._inputDomain;
+    var centerFraction = FROM_BL[ax.constraintoward];
+    var center = inputDomain[0] + (inputDomain[1] - inputDomain[0]) * centerFraction;
+
+    ax.domain = ax._input.domain = [
+        center + (inputDomain[0] - center) / factor,
+        center + (inputDomain[1] - center) / factor
+    ];
+}
+
+},{"../../constants/alignment":701,"../../constants/numerical":707,"./axis_ids":775,"./scale_zoom":787}],780:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var tinycolor = require('tinycolor2');
+
+var Plotly = require('../../plotly');
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var setCursor = require('../../lib/setcursor');
+var dragElement = require('../../components/dragelement');
+var FROM_TL = require('../../constants/alignment').FROM_TL;
+
+var Plots = require('../plots');
+
+var doTicks = require('./axes').doTicks;
+var getFromId = require('./axis_ids').getFromId;
+var prepSelect = require('./select');
+var scaleZoom = require('./scale_zoom');
+
+var constants = require('./constants');
+var MINDRAG = constants.MINDRAG;
+var MINZOOM = constants.MINZOOM;
+
+// flag for showing "doubleclick to zoom out" only at the beginning
+var SHOWZOOMOUTTIP = true;
+
+// dragBox: create an element to drag one or more axis ends
+// inputs:
+//      plotinfo - which subplot are we making dragboxes on?
+//      x,y,w,h - left, top, width, height of the box
+//      ns - how does this drag the vertical axis?
+//          'n' - top only
+//          's' - bottom only
+//          'ns' - top and bottom together, difference unchanged
+//      ew - same for horizontal axis
+module.exports = function dragBox(gd, plotinfo, x, y, w, h, ns, ew) {
+    // mouseDown stores ms of first mousedown event in the last
+    // DBLCLICKDELAY ms on the drag bars
+    // numClicks stores how many mousedowns have been seen
+    // within DBLCLICKDELAY so we can check for click or doubleclick events
+    // dragged stores whether a drag has occurred, so we don't have to
+    // redraw unnecessarily, ie if no move bigger than MINDRAG or MINZOOM px
+    var fullLayout = gd._fullLayout,
+        zoomlayer = gd._fullLayout._zoomlayer,
+        isMainDrag = (ns + ew === 'nsew'),
+        subplots,
+        xa,
+        ya,
+        xs,
+        ys,
+        pw,
+        ph,
+        xActive,
+        yActive,
+        cursor,
+        isSubplotConstrained,
+        xaLinked,
+        yaLinked;
+
+    function recomputeAxisLists() {
+        xa = [plotinfo.xaxis];
+        ya = [plotinfo.yaxis];
+        var xa0 = xa[0];
+        var ya0 = ya[0];
+        pw = xa0._length;
+        ph = ya0._length;
+
+        var constraintGroups = fullLayout._axisConstraintGroups;
+        var xIDs = [xa0._id];
+        var yIDs = [ya0._id];
+
+        // if we're dragging two axes at once, also drag overlays
+        subplots = [plotinfo].concat((ns && ew) ? plotinfo.overlays : []);
+
+        for(var i = 1; i < subplots.length; i++) {
+            var subplotXa = subplots[i].xaxis,
+                subplotYa = subplots[i].yaxis;
+
+            if(xa.indexOf(subplotXa) === -1) {
+                xa.push(subplotXa);
+                xIDs.push(subplotXa._id);
+            }
+
+            if(ya.indexOf(subplotYa) === -1) {
+                ya.push(subplotYa);
+                yIDs.push(subplotYa._id);
+            }
+        }
+
+        xActive = isDirectionActive(xa, ew);
+        yActive = isDirectionActive(ya, ns);
+        cursor = getDragCursor(yActive + xActive, fullLayout.dragmode);
+        xs = xa0._offset;
+        ys = ya0._offset;
+
+        var links = calcLinks(constraintGroups, xIDs, yIDs);
+        isSubplotConstrained = links.xy;
+
+        // finally make the list of axis objects to link
+        xaLinked = [];
+        for(var xLinkID in links.x) { xaLinked.push(getFromId(gd, xLinkID)); }
+        yaLinked = [];
+        for(var yLinkID in links.y) { yaLinked.push(getFromId(gd, yLinkID)); }
+    }
+
+    recomputeAxisLists();
+
+    var dragger = makeDragger(plotinfo, ns + ew + 'drag', cursor, x, y, w, h);
+
+    // still need to make the element if the axes are disabled
+    // but nuke its events (except for maindrag which needs them for hover)
+    // and stop there
+    if(!yActive && !xActive && !isSelectOrLasso(fullLayout.dragmode)) {
+        dragger.onmousedown = null;
+        dragger.style.pointerEvents = isMainDrag ? 'all' : 'none';
+        return dragger;
+    }
+
+    var dragOptions = {
+        element: dragger,
+        gd: gd,
+        plotinfo: plotinfo,
+        prepFn: function(e, startX, startY) {
+            var dragModeNow = gd._fullLayout.dragmode;
+
+            if(isMainDrag) {
+                // main dragger handles all drag modes, and changes
+                // to pan (or to zoom if it already is pan) on shift
+                if(e.shiftKey) {
+                    if(dragModeNow === 'pan') dragModeNow = 'zoom';
+                    else dragModeNow = 'pan';
+                }
+            }
+            // all other draggers just pan
+            else dragModeNow = 'pan';
+
+            if(dragModeNow === 'lasso') dragOptions.minDrag = 1;
+            else dragOptions.minDrag = undefined;
+
+            if(dragModeNow === 'zoom') {
+                dragOptions.moveFn = zoomMove;
+                dragOptions.doneFn = zoomDone;
+
+                // zoomMove takes care of the threshold, but we need to
+                // minimize this so that constrained zoom boxes will flip
+                // orientation at the right place
+                dragOptions.minDrag = 1;
+
+                zoomPrep(e, startX, startY);
+            }
+            else if(dragModeNow === 'pan') {
+                dragOptions.moveFn = plotDrag;
+                dragOptions.doneFn = dragDone;
+                clearSelect(zoomlayer);
+            }
+            else if(isSelectOrLasso(dragModeNow)) {
+                dragOptions.xaxes = xa;
+                dragOptions.yaxes = ya;
+                prepSelect(e, startX, startY, dragOptions, dragModeNow);
+            }
+        }
+    };
+
+    dragElement.init(dragOptions);
+
+    var x0,
+        y0,
+        box,
+        lum,
+        path0,
+        dimmed,
+        zoomMode,
+        zb,
+        corners;
+
+    // collected changes to be made to the plot by relayout at the end
+    var updates = {};
+
+    function zoomPrep(e, startX, startY) {
+        var dragBBox = dragger.getBoundingClientRect();
+        x0 = startX - dragBBox.left;
+        y0 = startY - dragBBox.top;
+        box = {l: x0, r: x0, w: 0, t: y0, b: y0, h: 0};
+        lum = gd._hmpixcount ?
+            (gd._hmlumcount / gd._hmpixcount) :
+            tinycolor(gd._fullLayout.plot_bgcolor).getLuminance();
+        path0 = 'M0,0H' + pw + 'V' + ph + 'H0V0';
+        dimmed = false;
+        zoomMode = 'xy';
+
+        zb = makeZoombox(zoomlayer, lum, xs, ys, path0);
+
+        corners = makeCorners(zoomlayer, xs, ys);
+
+        clearSelect(zoomlayer);
+    }
+
+    function zoomMove(dx0, dy0) {
+        if(gd._transitioningWithDuration) {
+            return false;
+        }
+
+        var x1 = Math.max(0, Math.min(pw, dx0 + x0)),
+            y1 = Math.max(0, Math.min(ph, dy0 + y0)),
+            dx = Math.abs(x1 - x0),
+            dy = Math.abs(y1 - y0);
+
+        box.l = Math.min(x0, x1);
+        box.r = Math.max(x0, x1);
+        box.t = Math.min(y0, y1);
+        box.b = Math.max(y0, y1);
+
+        function noZoom() {
+            zoomMode = '';
+            box.r = box.l;
+            box.t = box.b;
+            corners.attr('d', 'M0,0Z');
+        }
+
+        if(isSubplotConstrained) {
+            if(dx > MINZOOM || dy > MINZOOM) {
+                zoomMode = 'xy';
+                if(dx / pw > dy / ph) {
+                    dy = dx * ph / pw;
+                    if(y0 > y1) box.t = y0 - dy;
+                    else box.b = y0 + dy;
+                }
+                else {
+                    dx = dy * pw / ph;
+                    if(x0 > x1) box.l = x0 - dx;
+                    else box.r = x0 + dx;
+                }
+                corners.attr('d', xyCorners(box));
+            }
+            else {
+                noZoom();
+            }
+        }
+        // look for small drags in one direction or the other,
+        // and only drag the other axis
+        else if(!yActive || dy < Math.min(Math.max(dx * 0.6, MINDRAG), MINZOOM)) {
+            if(dx < MINDRAG) {
+                noZoom();
+            }
+            else {
+                box.t = 0;
+                box.b = ph;
+                zoomMode = 'x';
+                corners.attr('d', xCorners(box, y0));
+            }
+        }
+        else if(!xActive || dx < Math.min(dy * 0.6, MINZOOM)) {
+            box.l = 0;
+            box.r = pw;
+            zoomMode = 'y';
+            corners.attr('d', yCorners(box, x0));
+        }
+        else {
+            zoomMode = 'xy';
+            corners.attr('d', xyCorners(box));
+        }
+        box.w = box.r - box.l;
+        box.h = box.b - box.t;
+
+        updateZoombox(zb, corners, box, path0, dimmed, lum);
+        dimmed = true;
+    }
+
+    function zoomDone(dragged, numClicks) {
+        if(Math.min(box.h, box.w) < MINDRAG * 2) {
+            if(numClicks === 2) doubleClick();
+
+            return removeZoombox(gd);
+        }
+
+        // TODO: edit linked axes in zoomAxRanges and in dragTail
+        if(zoomMode === 'xy' || zoomMode === 'x') zoomAxRanges(xa, box.l / pw, box.r / pw, updates, xaLinked);
+        if(zoomMode === 'xy' || zoomMode === 'y') zoomAxRanges(ya, (ph - box.b) / ph, (ph - box.t) / ph, updates, yaLinked);
+
+        removeZoombox(gd);
+        dragTail(zoomMode);
+
+        if(SHOWZOOMOUTTIP && gd.data && gd._context.showTips) {
+            Lib.notifier('Double-click to<br>zoom back out', 'long');
+            SHOWZOOMOUTTIP = false;
+        }
+    }
+
+    function dragDone(dragged, numClicks) {
+        var singleEnd = (ns + ew).length === 1;
+        if(dragged) dragTail();
+        else if(numClicks === 2 && !singleEnd) doubleClick();
+        else if(numClicks === 1 && singleEnd) {
+            var ax = ns ? ya[0] : xa[0],
+                end = (ns === 's' || ew === 'w') ? 0 : 1,
+                attrStr = ax._name + '.range[' + end + ']',
+                initialText = getEndText(ax, end),
+                hAlign = 'left',
+                vAlign = 'middle';
+
+            if(ax.fixedrange) return;
+
+            if(ns) {
+                vAlign = (ns === 'n') ? 'top' : 'bottom';
+                if(ax.side === 'right') hAlign = 'right';
+            }
+            else if(ew === 'e') hAlign = 'right';
+
+            if(gd._context.showAxisRangeEntryBoxes) {
+                d3.select(dragger)
+                    .call(svgTextUtils.makeEditable, {
+                        gd: gd,
+                        immediate: true,
+                        background: fullLayout.paper_bgcolor,
+                        text: String(initialText),
+                        fill: ax.tickfont ? ax.tickfont.color : '#444',
+                        horizontalAlign: hAlign,
+                        verticalAlign: vAlign
+                    })
+                    .on('edit', function(text) {
+                        var v = ax.d2r(text);
+                        if(v !== undefined) {
+                            Plotly.relayout(gd, attrStr, v);
+                        }
+                    });
+            }
+        }
+    }
+
+    // scroll zoom, on all draggers except corners
+    var scrollViewBox = [0, 0, pw, ph];
+    // wait a little after scrolling before redrawing
+    var redrawTimer = null;
+    var REDRAWDELAY = constants.REDRAWDELAY;
+    var mainplot = plotinfo.mainplot ?
+            fullLayout._plots[plotinfo.mainplot] : plotinfo;
+
+    function zoomWheel(e) {
+        // deactivate mousewheel scrolling on embedded graphs
+        // devs can override this with layout._enablescrollzoom,
+        // but _ ensures this setting won't leave their page
+        if(!gd._context.scrollZoom && !fullLayout._enablescrollzoom) {
+            return;
+        }
+
+        // If a transition is in progress, then disable any behavior:
+        if(gd._transitioningWithDuration) {
+            return Lib.pauseEvent(e);
+        }
+
+        var pc = gd.querySelector('.plotly');
+
+        recomputeAxisLists();
+
+        // if the plot has scrollbars (more than a tiny excess)
+        // disable scrollzoom too.
+        if(pc.scrollHeight - pc.clientHeight > 10 ||
+                pc.scrollWidth - pc.clientWidth > 10) {
+            return;
+        }
+
+        clearTimeout(redrawTimer);
+
+        var wheelDelta = -e.deltaY;
+        if(!isFinite(wheelDelta)) wheelDelta = e.wheelDelta / 10;
+        if(!isFinite(wheelDelta)) {
+            Lib.log('Did not find wheel motion attributes: ', e);
+            return;
+        }
+
+        var zoom = Math.exp(-Math.min(Math.max(wheelDelta, -20), 20) / 200),
+            gbb = mainplot.draglayer.select('.nsewdrag')
+                .node().getBoundingClientRect(),
+            xfrac = (e.clientX - gbb.left) / gbb.width,
+            yfrac = (gbb.bottom - e.clientY) / gbb.height,
+            i;
+
+        function zoomWheelOneAxis(ax, centerFraction, zoom) {
+            if(ax.fixedrange) return;
+
+            var axRange = Lib.simpleMap(ax.range, ax.r2l),
+                v0 = axRange[0] + (axRange[1] - axRange[0]) * centerFraction;
+            function doZoom(v) { return ax.l2r(v0 + (v - v0) * zoom); }
+            ax.range = axRange.map(doZoom);
+        }
+
+        if(ew || isSubplotConstrained) {
+            // if we're only zooming this axis because of constraints,
+            // zoom it about the center
+            if(!ew) xfrac = 0.5;
+
+            for(i = 0; i < xa.length; i++) zoomWheelOneAxis(xa[i], xfrac, zoom);
+
+            scrollViewBox[2] *= zoom;
+            scrollViewBox[0] += scrollViewBox[2] * xfrac * (1 / zoom - 1);
+        }
+        if(ns || isSubplotConstrained) {
+            if(!ns) yfrac = 0.5;
+
+            for(i = 0; i < ya.length; i++) zoomWheelOneAxis(ya[i], yfrac, zoom);
+
+            scrollViewBox[3] *= zoom;
+            scrollViewBox[1] += scrollViewBox[3] * (1 - yfrac) * (1 / zoom - 1);
+        }
+
+        // viewbox redraw at first
+        updateSubplots(scrollViewBox);
+        ticksAndAnnotations(ns, ew);
+
+        // then replot after a delay to make sure
+        // no more scrolling is coming
+        redrawTimer = setTimeout(function() {
+            scrollViewBox = [0, 0, pw, ph];
+
+            var zoomMode;
+            if(isSubplotConstrained) zoomMode = 'xy';
+            else zoomMode = (ew ? 'x' : '') + (ns ? 'y' : '');
+
+            dragTail(zoomMode);
+        }, REDRAWDELAY);
+
+        return Lib.pauseEvent(e);
+    }
+
+    // everything but the corners gets wheel zoom
+    if(ns.length * ew.length !== 1) {
+        // still seems to be some confusion about onwheel vs onmousewheel...
+        if(dragger.onwheel !== undefined) dragger.onwheel = zoomWheel;
+        else if(dragger.onmousewheel !== undefined) dragger.onmousewheel = zoomWheel;
+    }
+
+    // plotDrag: move the plot in response to a drag
+    function plotDrag(dx, dy) {
+        // If a transition is in progress, then disable any behavior:
+        if(gd._transitioningWithDuration) {
+            return;
+        }
+
+        recomputeAxisLists();
+
+        if(xActive === 'ew' || yActive === 'ns') {
+            if(xActive) dragAxList(xa, dx);
+            if(yActive) dragAxList(ya, dy);
+            updateSubplots([xActive ? -dx : 0, yActive ? -dy : 0, pw, ph]);
+            ticksAndAnnotations(yActive, xActive);
+            return;
+        }
+
+        // dz: set a new value for one end (0 or 1) of an axis array axArray,
+        // and return a pixel shift for that end for the viewbox
+        // based on pixel drag distance d
+        // TODO: this makes (generally non-fatal) errors when you get
+        // near floating point limits
+        function dz(axArray, end, d) {
+            var otherEnd = 1 - end,
+                movedAx,
+                newLinearizedEnd;
+            for(var i = 0; i < axArray.length; i++) {
+                var axi = axArray[i];
+                if(axi.fixedrange) continue;
+                movedAx = axi;
+                newLinearizedEnd = axi._rl[otherEnd] +
+                    (axi._rl[end] - axi._rl[otherEnd]) / dZoom(d / axi._length);
+                var newEnd = axi.l2r(newLinearizedEnd);
+
+                // if l2r comes back false or undefined, it means we've dragged off
+                // the end of valid ranges - so stop.
+                if(newEnd !== false && newEnd !== undefined) axi.range[end] = newEnd;
+            }
+            return movedAx._length * (movedAx._rl[end] - newLinearizedEnd) /
+                (movedAx._rl[end] - movedAx._rl[otherEnd]);
+        }
+
+        if(isSubplotConstrained && xActive && yActive) {
+            // dragging a corner of a constrained subplot:
+            // respect the fixed corner, but harmonize dx and dy
+            var dxySign = ((xActive === 'w') === (yActive === 'n')) ? 1 : -1;
+            var dxyFraction = (dx / pw + dxySign * dy / ph) / 2;
+            dx = dxyFraction * pw;
+            dy = dxySign * dxyFraction * ph;
+        }
+
+        if(xActive === 'w') dx = dz(xa, 0, dx);
+        else if(xActive === 'e') dx = dz(xa, 1, -dx);
+        else if(!xActive) dx = 0;
+
+        if(yActive === 'n') dy = dz(ya, 1, dy);
+        else if(yActive === 's') dy = dz(ya, 0, -dy);
+        else if(!yActive) dy = 0;
+
+        var x0 = (xActive === 'w') ? dx : 0;
+        var y0 = (yActive === 'n') ? dy : 0;
+
+        if(isSubplotConstrained) {
+            var i;
+            if(!xActive && yActive.length === 1) {
+                // dragging one end of the y axis of a constrained subplot
+                // scale the other axis the same about its middle
+                for(i = 0; i < xa.length; i++) {
+                    xa[i].range = xa[i]._r.slice();
+                    scaleZoom(xa[i], 1 - dy / ph);
+                }
+                dx = dy * pw / ph;
+                x0 = dx / 2;
+            }
+            if(!yActive && xActive.length === 1) {
+                for(i = 0; i < ya.length; i++) {
+                    ya[i].range = ya[i]._r.slice();
+                    scaleZoom(ya[i], 1 - dx / pw);
+                }
+                dy = dx * ph / pw;
+                y0 = dy / 2;
+            }
+        }
+
+        updateSubplots([x0, y0, pw - dx, ph - dy]);
+        ticksAndAnnotations(yActive, xActive);
+    }
+
+    // Draw ticks and annotations (and other components) when ranges change.
+    // Also records the ranges that have changed for use by update at the end.
+    function ticksAndAnnotations(ns, ew) {
+        var activeAxIds = [],
+            i;
+
+        function pushActiveAxIds(axList) {
+            for(i = 0; i < axList.length; i++) {
+                if(!axList[i].fixedrange) activeAxIds.push(axList[i]._id);
+            }
+        }
+
+        if(ew || isSubplotConstrained) {
+            pushActiveAxIds(xa);
+            pushActiveAxIds(xaLinked);
+        }
+        if(ns || isSubplotConstrained) {
+            pushActiveAxIds(ya);
+            pushActiveAxIds(yaLinked);
+        }
+
+        updates = {};
+        for(i = 0; i < activeAxIds.length; i++) {
+            var axId = activeAxIds[i];
+            doTicks(gd, axId, true);
+            var ax = getFromId(gd, axId);
+            updates[ax._name + '.range[0]'] = ax.range[0];
+            updates[ax._name + '.range[1]'] = ax.range[1];
+        }
+
+        function redrawObjs(objArray, method, shortCircuit) {
+            for(i = 0; i < objArray.length; i++) {
+                var obji = objArray[i];
+
+                if((ew && activeAxIds.indexOf(obji.xref) !== -1) ||
+                    (ns && activeAxIds.indexOf(obji.yref) !== -1)) {
+                    method(gd, i);
+                    // once is enough for images (which doesn't use the `i` arg anyway)
+                    if(shortCircuit) return;
+                }
+            }
+        }
+
+        // annotations and shapes 'draw' method is slow,
+        // use the finer-grained 'drawOne' method instead
+
+        redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne'));
+        redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne'));
+        redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true);
+    }
+
+    function doubleClick() {
+        if(gd._transitioningWithDuration) return;
+
+        var doubleClickConfig = gd._context.doubleClick,
+            axList = (xActive ? xa : []).concat(yActive ? ya : []),
+            attrs = {};
+
+        var ax, i, rangeInitial;
+
+        // For reset+autosize mode:
+        // If *any* of the main axes is not at its initial range
+        // (or autoranged, if we have no initial range, to match the logic in
+        // doubleClickConfig === 'reset' below), we reset.
+        // If they are *all* at their initial ranges, then we autosize.
+        if(doubleClickConfig === 'reset+autosize') {
+
+            doubleClickConfig = 'autosize';
+
+            for(i = 0; i < axList.length; i++) {
+                ax = axList[i];
+                if((ax._rangeInitial && (
+                        ax.range[0] !== ax._rangeInitial[0] ||
+                        ax.range[1] !== ax._rangeInitial[1]
+                    )) ||
+                    (!ax._rangeInitial && !ax.autorange)
+                ) {
+                    doubleClickConfig = 'reset';
+                    break;
+                }
+            }
+        }
+
+        if(doubleClickConfig === 'autosize') {
+            // don't set the linked axes here, so relayout marks them as shrinkable
+            // and we autosize just to the requested axis/axes
+            for(i = 0; i < axList.length; i++) {
+                ax = axList[i];
+                if(!ax.fixedrange) attrs[ax._name + '.autorange'] = true;
+            }
+        }
+        else if(doubleClickConfig === 'reset') {
+            // when we're resetting, reset all linked axes too, so we get back
+            // to the fully-auto-with-constraints situation
+            if(xActive || isSubplotConstrained) axList = axList.concat(xaLinked);
+            if(yActive && !isSubplotConstrained) axList = axList.concat(yaLinked);
+
+            if(isSubplotConstrained) {
+                if(!xActive) axList = axList.concat(xa);
+                else if(!yActive) axList = axList.concat(ya);
+            }
+
+            for(i = 0; i < axList.length; i++) {
+                ax = axList[i];
+
+                if(!ax._rangeInitial) {
+                    attrs[ax._name + '.autorange'] = true;
+                }
+                else {
+                    rangeInitial = ax._rangeInitial;
+                    attrs[ax._name + '.range[0]'] = rangeInitial[0];
+                    attrs[ax._name + '.range[1]'] = rangeInitial[1];
+                }
+            }
+        }
+
+        gd.emit('plotly_doubleclick', null);
+        Plotly.relayout(gd, attrs);
+    }
+
+    // dragTail - finish a drag event with a redraw
+    function dragTail(zoommode) {
+        if(zoommode === undefined) zoommode = (ew ? 'x' : '') + (ns ? 'y' : '');
+
+        // put the subplot viewboxes back to default (Because we're going to)
+        // be repositioning the data in the relayout. But DON'T call
+        // ticksAndAnnotations again - it's unnecessary and would overwrite `updates`
+        updateSubplots([0, 0, pw, ph]);
+
+        // since we may have been redrawing some things during the drag, we may have
+        // accumulated MathJax promises - wait for them before we relayout.
+        Lib.syncOrAsync([
+            Plots.previousPromises,
+            function() { Plotly.relayout(gd, updates); }
+        ], gd);
+    }
+
+    // updateSubplots - find all plot viewboxes that should be
+    // affected by this drag, and update them. look for all plots
+    // sharing an affected axis (including the one being dragged)
+    function updateSubplots(viewBox) {
+        var plotinfos = fullLayout._plots;
+        var subplots = Object.keys(plotinfos);
+        var xScaleFactor = viewBox[2] / xa[0]._length;
+        var yScaleFactor = viewBox[3] / ya[0]._length;
+        var editX = ew || isSubplotConstrained;
+        var editY = ns || isSubplotConstrained;
+
+        var i, xScaleFactor2, yScaleFactor2, clipDx, clipDy;
+
+        // Find the appropriate scaling for this axis, if it's linked to the
+        // dragged axes by constraints. 0 is special, it means this axis shouldn't
+        // ever be scaled (will be converted to 1 if the other axis is scaled)
+        function getLinkedScaleFactor(ax) {
+            if(ax.fixedrange) return 0;
+
+            if(editX && xaLinked.indexOf(ax) !== -1) {
+                return xScaleFactor;
+            }
+            if(editY && (isSubplotConstrained ? xaLinked : yaLinked).indexOf(ax) !== -1) {
+                return yScaleFactor;
+            }
+            return 0;
+        }
+
+        function scaleAndGetShift(ax, scaleFactor) {
+            if(scaleFactor) {
+                ax.range = ax._r.slice();
+                scaleZoom(ax, scaleFactor);
+                return getShift(ax, scaleFactor);
+            }
+            return 0;
+        }
+
+        function getShift(ax, scaleFactor) {
+            return ax._length * (1 - scaleFactor) * FROM_TL[ax.constraintoward || 'middle'];
+        }
+
+        for(i = 0; i < subplots.length; i++) {
+
+            var subplot = plotinfos[subplots[i]],
+                xa2 = subplot.xaxis,
+                ya2 = subplot.yaxis,
+                editX2 = editX && !xa2.fixedrange && (xa.indexOf(xa2) !== -1),
+                editY2 = editY && !ya2.fixedrange && (ya.indexOf(ya2) !== -1);
+
+            if(editX2) {
+                xScaleFactor2 = xScaleFactor;
+                clipDx = ew ? viewBox[0] : getShift(xa2, xScaleFactor2);
+            }
+            else {
+                xScaleFactor2 = getLinkedScaleFactor(xa2);
+                clipDx = scaleAndGetShift(xa2, xScaleFactor2);
+            }
+
+            if(editY2) {
+                yScaleFactor2 = yScaleFactor;
+                clipDy = ns ? viewBox[1] : getShift(ya2, yScaleFactor2);
+            }
+            else {
+                yScaleFactor2 = getLinkedScaleFactor(ya2);
+                clipDy = scaleAndGetShift(ya2, yScaleFactor2);
+            }
+
+            // don't scale at all if neither axis is scalable here
+            if(!xScaleFactor2 && !yScaleFactor2) continue;
+
+            // but if only one is, reset the other axis scaling
+            if(!xScaleFactor2) xScaleFactor2 = 1;
+            if(!yScaleFactor2) yScaleFactor2 = 1;
+
+            var plotDx = xa2._offset - clipDx / xScaleFactor2,
+                plotDy = ya2._offset - clipDy / yScaleFactor2;
+
+            fullLayout._defs.select('#' + subplot.clipId + '> rect')
+                .call(Drawing.setTranslate, clipDx, clipDy)
+                .call(Drawing.setScale, xScaleFactor2, yScaleFactor2);
+
+            var scatterPoints = subplot.plot.selectAll('.scatterlayer .points, .boxlayer .points');
+
+            subplot.plot
+                .call(Drawing.setTranslate, plotDx, plotDy)
+                .call(Drawing.setScale, 1 / xScaleFactor2, 1 / yScaleFactor2);
+
+            // This is specifically directed at scatter traces, applying an inverse
+            // scale to individual points to counteract the scale of the trace
+            // as a whole:
+            scatterPoints.selectAll('.point')
+                .call(Drawing.setPointGroupScale, xScaleFactor2, yScaleFactor2)
+                .call(Drawing.hideOutsideRangePoints, subplot);
+
+            scatterPoints.selectAll('.textpoint')
+                .call(Drawing.setTextPointsScale, xScaleFactor2, yScaleFactor2)
+                .call(Drawing.hideOutsideRangePoints, subplot);
+        }
+    }
+
+    return dragger;
+};
+
+function makeDragger(plotinfo, dragClass, cursor, x, y, w, h) {
+    var dragger3 = plotinfo.draglayer.selectAll('.' + dragClass).data([0]);
+
+    dragger3.enter().append('rect')
+        .classed('drag', true)
+        .classed(dragClass, true)
+        .style({fill: 'transparent', 'stroke-width': 0})
+        .attr('data-subplot', plotinfo.id);
+
+    dragger3.call(Drawing.setRect, x, y, w, h)
+        .call(setCursor, cursor);
+
+    return dragger3.node();
+}
+
+function isDirectionActive(axList, activeVal) {
+    for(var i = 0; i < axList.length; i++) {
+        if(!axList[i].fixedrange) return activeVal;
+    }
+    return '';
+}
+
+function getEndText(ax, end) {
+    var initialVal = ax.range[end],
+        diff = Math.abs(initialVal - ax.range[1 - end]),
+        dig;
+
+    // TODO: this should basically be ax.r2d but we're doing extra
+    // rounding here... can we clean up at all?
+    if(ax.type === 'date') {
+        return initialVal;
+    }
+    else if(ax.type === 'log') {
+        dig = Math.ceil(Math.max(0, -Math.log(diff) / Math.LN10)) + 3;
+        return d3.format('.' + dig + 'g')(Math.pow(10, initialVal));
+    }
+    else { // linear numeric (or category... but just show numbers here)
+        dig = Math.floor(Math.log(Math.abs(initialVal)) / Math.LN10) -
+            Math.floor(Math.log(diff) / Math.LN10) + 4;
+        return d3.format('.' + String(dig) + 'g')(initialVal);
+    }
+}
+
+function zoomAxRanges(axList, r0Fraction, r1Fraction, updates, linkedAxes) {
+    var i,
+        axi,
+        axRangeLinear0,
+        axRangeLinearSpan;
+
+    for(i = 0; i < axList.length; i++) {
+        axi = axList[i];
+        if(axi.fixedrange) continue;
+
+        axRangeLinear0 = axi._rl[0];
+        axRangeLinearSpan = axi._rl[1] - axRangeLinear0;
+        axi.range = [
+            axi.l2r(axRangeLinear0 + axRangeLinearSpan * r0Fraction),
+            axi.l2r(axRangeLinear0 + axRangeLinearSpan * r1Fraction)
+        ];
+        updates[axi._name + '.range[0]'] = axi.range[0];
+        updates[axi._name + '.range[1]'] = axi.range[1];
+    }
+
+    // zoom linked axes about their centers
+    if(linkedAxes && linkedAxes.length) {
+        var linkedR0Fraction = (r0Fraction + (1 - r1Fraction)) / 2;
+
+        zoomAxRanges(linkedAxes, linkedR0Fraction, 1 - linkedR0Fraction, updates);
+    }
+}
+
+function dragAxList(axList, pix) {
+    for(var i = 0; i < axList.length; i++) {
+        var axi = axList[i];
+        if(!axi.fixedrange) {
+            axi.range = [
+                axi.l2r(axi._rl[0] - pix / axi._m),
+                axi.l2r(axi._rl[1] - pix / axi._m)
+            ];
+        }
+    }
+}
+
+// common transform for dragging one end of an axis
+// d>0 is compressing scale (cursor is over the plot,
+//  the axis end should move with the cursor)
+// d<0 is expanding (cursor is off the plot, axis end moves
+//  nonlinearly so you can expand far)
+function dZoom(d) {
+    return 1 - ((d >= 0) ? Math.min(d, 0.9) :
+        1 / (1 / Math.max(d, -0.3) + 3.222));
+}
+
+function getDragCursor(nsew, dragmode) {
+    if(!nsew) return 'pointer';
+    if(nsew === 'nsew') {
+        if(dragmode === 'pan') return 'move';
+        return 'crosshair';
+    }
+    return nsew.toLowerCase() + '-resize';
+}
+
+function makeZoombox(zoomlayer, lum, xs, ys, path0) {
+    return zoomlayer.append('path')
+        .attr('class', 'zoombox')
+        .style({
+            'fill': lum > 0.2 ? 'rgba(0,0,0,0)' : 'rgba(255,255,255,0)',
+            'stroke-width': 0
+        })
+        .attr('transform', 'translate(' + xs + ', ' + ys + ')')
+        .attr('d', path0 + 'Z');
+}
+
+function makeCorners(zoomlayer, xs, ys) {
+    return zoomlayer.append('path')
+        .attr('class', 'zoombox-corners')
+        .style({
+            fill: Color.background,
+            stroke: Color.defaultLine,
+            'stroke-width': 1,
+            opacity: 0
+        })
+        .attr('transform', 'translate(' + xs + ', ' + ys + ')')
+        .attr('d', 'M0,0Z');
+}
+
+function clearSelect(zoomlayer) {
+    // until we get around to persistent selections, remove the outline
+    // here. The selection itself will be removed when the plot redraws
+    // at the end.
+    zoomlayer.selectAll('.select-outline').remove();
+}
+
+function updateZoombox(zb, corners, box, path0, dimmed, lum) {
+    zb.attr('d',
+        path0 + 'M' + (box.l) + ',' + (box.t) + 'v' + (box.h) +
+        'h' + (box.w) + 'v-' + (box.h) + 'h-' + (box.w) + 'Z');
+    if(!dimmed) {
+        zb.transition()
+            .style('fill', lum > 0.2 ? 'rgba(0,0,0,0.4)' :
+                'rgba(255,255,255,0.3)')
+            .duration(200);
+        corners.transition()
+            .style('opacity', 1)
+            .duration(200);
+    }
+}
+
+function removeZoombox(gd) {
+    d3.select(gd)
+        .selectAll('.zoombox,.js-zoombox-backdrop,.js-zoombox-menu,.zoombox-corners')
+        .remove();
+}
+
+function isSelectOrLasso(dragmode) {
+    var modes = ['lasso', 'select'];
+
+    return modes.indexOf(dragmode) !== -1;
+}
+
+function xCorners(box, y0) {
+    return 'M' +
+        (box.l - 0.5) + ',' + (y0 - MINZOOM - 0.5) +
+        'h-3v' + (2 * MINZOOM + 1) + 'h3ZM' +
+        (box.r + 0.5) + ',' + (y0 - MINZOOM - 0.5) +
+        'h3v' + (2 * MINZOOM + 1) + 'h-3Z';
+}
+
+function yCorners(box, x0) {
+    return 'M' +
+        (x0 - MINZOOM - 0.5) + ',' + (box.t - 0.5) +
+        'v-3h' + (2 * MINZOOM + 1) + 'v3ZM' +
+        (x0 - MINZOOM - 0.5) + ',' + (box.b + 0.5) +
+        'v3h' + (2 * MINZOOM + 1) + 'v-3Z';
+}
+
+function xyCorners(box) {
+    var clen = Math.floor(Math.min(box.b - box.t, box.r - box.l, MINZOOM) / 2);
+    return 'M' +
+        (box.l - 3.5) + ',' + (box.t - 0.5 + clen) + 'h3v' + (-clen) +
+            'h' + clen + 'v-3h-' + (clen + 3) + 'ZM' +
+        (box.r + 3.5) + ',' + (box.t - 0.5 + clen) + 'h-3v' + (-clen) +
+            'h' + (-clen) + 'v-3h' + (clen + 3) + 'ZM' +
+        (box.r + 3.5) + ',' + (box.b + 0.5 - clen) + 'h-3v' + clen +
+            'h' + (-clen) + 'v3h' + (clen + 3) + 'ZM' +
+        (box.l - 3.5) + ',' + (box.b + 0.5 - clen) + 'h3v' + clen +
+            'h' + clen + 'v3h-' + (clen + 3) + 'Z';
+}
+
+function calcLinks(constraintGroups, xIDs, yIDs) {
+    var isSubplotConstrained = false;
+    var xLinks = {};
+    var yLinks = {};
+    var i, j, k;
+
+    var group, xLinkID, yLinkID;
+    for(i = 0; i < constraintGroups.length; i++) {
+        group = constraintGroups[i];
+        // check if any of the x axes we're dragging is in this constraint group
+        for(j = 0; j < xIDs.length; j++) {
+            if(group[xIDs[j]]) {
+                // put the rest of these axes into xLinks, if we're not already
+                // dragging them, so we know to scale these axes automatically too
+                // to match the changes in the dragged x axes
+                for(xLinkID in group) {
+                    if((xLinkID.charAt(0) === 'x' ? xIDs : yIDs).indexOf(xLinkID) === -1) {
+                        xLinks[xLinkID] = 1;
+                    }
+                }
+
+                // check if the x and y axes of THIS drag are linked
+                for(k = 0; k < yIDs.length; k++) {
+                    if(group[yIDs[k]]) isSubplotConstrained = true;
+                }
+            }
+        }
+
+        // now check if any of the y axes we're dragging is in this constraint group
+        // only look for outside links, as we've already checked for links within the dragger
+        for(j = 0; j < yIDs.length; j++) {
+            if(group[yIDs[j]]) {
+                for(yLinkID in group) {
+                    if((yLinkID.charAt(0) === 'x' ? xIDs : yIDs).indexOf(yLinkID) === -1) {
+                        yLinks[yLinkID] = 1;
+                    }
+                }
+            }
+        }
+    }
+
+    if(isSubplotConstrained) {
+        // merge xLinks and yLinks if the subplot is constrained,
+        // since we'll always apply both anyway and the two will contain
+        // duplicates
+        Lib.extendFlat(xLinks, yLinks);
+        yLinks = {};
+    }
+    return {
+        x: xLinks,
+        y: yLinks,
+        xy: isSubplotConstrained
+    };
+}
+
+},{"../../components/color":604,"../../components/dragelement":625,"../../components/drawing":628,"../../constants/alignment":701,"../../lib":728,"../../lib/setcursor":746,"../../lib/svg_text_utils":750,"../../plotly":767,"../../registry":846,"../plots":831,"./axes":772,"./axis_ids":775,"./constants":777,"./scale_zoom":787,"./select":788,"d3":122,"tinycolor2":534}],781:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Fx = require('../../components/fx');
+var dragElement = require('../../components/dragelement');
+
+var constants = require('./constants');
+var dragBox = require('./dragbox');
+
+module.exports = function initInteractions(gd) {
+    var fullLayout = gd._fullLayout;
+
+    if((!fullLayout._has('cartesian') && !fullLayout._has('gl2d')) || gd._context.staticPlot) return;
+
+    var subplots = Object.keys(fullLayout._plots || {}).sort(function(a, b) {
+        // sort overlays last, then by x axis number, then y axis number
+        if((fullLayout._plots[a].mainplot && true) ===
+            (fullLayout._plots[b].mainplot && true)) {
+            var aParts = a.split('y'),
+                bParts = b.split('y');
+            return (aParts[0] === bParts[0]) ?
+                (Number(aParts[1] || 1) - Number(bParts[1] || 1)) :
+                (Number(aParts[0] || 1) - Number(bParts[0] || 1));
+        }
+        return fullLayout._plots[a].mainplot ? 1 : -1;
+    });
+
+    subplots.forEach(function(subplot) {
+        var plotinfo = fullLayout._plots[subplot];
+
+        var xa = plotinfo.xaxis,
+            ya = plotinfo.yaxis,
+
+            // the y position of the main x axis line
+            y0 = (xa._linepositions[subplot] || [])[3],
+
+            // the x position of the main y axis line
+            x0 = (ya._linepositions[subplot] || [])[3];
+
+        var DRAGGERSIZE = constants.DRAGGERSIZE;
+        if(isNumeric(y0) && xa.side === 'top') y0 -= DRAGGERSIZE;
+        if(isNumeric(x0) && ya.side !== 'right') x0 -= DRAGGERSIZE;
+
+        // main and corner draggers need not be repeated for
+        // overlaid subplots - these draggers drag them all
+        if(!plotinfo.mainplot) {
+            // main dragger goes over the grids and data, so we use its
+            // mousemove events for all data hover effects
+            var maindrag = dragBox(gd, plotinfo, 0, 0,
+                xa._length, ya._length, 'ns', 'ew');
+
+            maindrag.onmousemove = function(evt) {
+                // This is on `gd._fullLayout`, *not* fullLayout because the reference
+                // changes by the time this is called again.
+                gd._fullLayout._rehover = function() {
+                    if(gd._fullLayout._hoversubplot === subplot) {
+                        Fx.hover(gd, evt, subplot);
+                    }
+                };
+
+                Fx.hover(gd, evt, subplot);
+
+                // Note that we have *not* used the cached fullLayout variable here
+                // since that may be outdated when this is called as a callback later on
+                gd._fullLayout._lasthover = maindrag;
+                gd._fullLayout._hoversubplot = subplot;
+            };
+
+            /*
+             * IMPORTANT:
+             * We must check for the presence of the drag cover here.
+             * If we don't, a 'mouseout' event is triggered on the
+             * maindrag before each 'click' event, which has the effect
+             * of clearing the hoverdata; thus, cancelling the click event.
+             */
+            maindrag.onmouseout = function(evt) {
+                if(gd._dragging) return;
+
+                // When the mouse leaves this maindrag, unset the hovered subplot.
+                // This may cause problems if it leaves the subplot directly *onto*
+                // another subplot, but that's a tiny corner case at the moment.
+                gd._fullLayout._hoversubplot = null;
+
+                dragElement.unhover(gd, evt);
+            };
+
+            maindrag.onclick = function(evt) {
+                Fx.click(gd, evt, subplot);
+            };
+
+            // corner draggers
+            if(gd._context.showAxisDragHandles) {
+                dragBox(gd, plotinfo, -DRAGGERSIZE, -DRAGGERSIZE,
+                    DRAGGERSIZE, DRAGGERSIZE, 'n', 'w');
+                dragBox(gd, plotinfo, xa._length, -DRAGGERSIZE,
+                    DRAGGERSIZE, DRAGGERSIZE, 'n', 'e');
+                dragBox(gd, plotinfo, -DRAGGERSIZE, ya._length,
+                    DRAGGERSIZE, DRAGGERSIZE, 's', 'w');
+                dragBox(gd, plotinfo, xa._length, ya._length,
+                    DRAGGERSIZE, DRAGGERSIZE, 's', 'e');
+            }
+        }
+        if(gd._context.showAxisDragHandles) {
+            // x axis draggers - if you have overlaid plots,
+            // these drag each axis separately
+            if(isNumeric(y0)) {
+                if(xa.anchor === 'free') y0 -= fullLayout._size.h * (1 - ya.domain[1]);
+                dragBox(gd, plotinfo, xa._length * 0.1, y0,
+                    xa._length * 0.8, DRAGGERSIZE, '', 'ew');
+                dragBox(gd, plotinfo, 0, y0,
+                    xa._length * 0.1, DRAGGERSIZE, '', 'w');
+                dragBox(gd, plotinfo, xa._length * 0.9, y0,
+                    xa._length * 0.1, DRAGGERSIZE, '', 'e');
+            }
+            // y axis draggers
+            if(isNumeric(x0)) {
+                if(ya.anchor === 'free') x0 -= fullLayout._size.w * xa.domain[0];
+                dragBox(gd, plotinfo, x0, ya._length * 0.1,
+                    DRAGGERSIZE, ya._length * 0.8, 'ns', '');
+                dragBox(gd, plotinfo, x0, ya._length * 0.9,
+                    DRAGGERSIZE, ya._length * 0.1, 's', '');
+                dragBox(gd, plotinfo, x0, 0,
+                    DRAGGERSIZE, ya._length * 0.1, 'n', '');
+            }
+        }
+    });
+
+    // In case you mousemove over some hovertext, send it to Fx.hover too
+    // we do this so that we can put the hover text in front of everything,
+    // but still be able to interact with everything as if it isn't there
+    var hoverLayer = fullLayout._hoverlayer.node();
+
+    hoverLayer.onmousemove = function(evt) {
+        evt.target = fullLayout._lasthover;
+        Fx.hover(gd, evt, fullLayout._hoversubplot);
+    };
+
+    hoverLayer.onclick = function(evt) {
+        evt.target = fullLayout._lasthover;
+        Fx.click(gd, evt);
+    };
+
+    // also delegate mousedowns... TODO: does this actually work?
+    hoverLayer.onmousedown = function(evt) {
+        fullLayout._lasthover.onmousedown(evt);
+    };
+};
+
+},{"../../components/dragelement":625,"../../components/fx":645,"./constants":777,"./dragbox":780,"fast-isnumeric":131}],782:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var Lib = require('../../lib');
+var Plots = require('../plots');
+
+var axisIds = require('./axis_ids');
+var constants = require('./constants');
+
+exports.name = 'cartesian';
+
+exports.attr = ['xaxis', 'yaxis'];
+
+exports.idRoot = ['x', 'y'];
+
+exports.idRegex = constants.idRegex;
+
+exports.attrRegex = constants.attrRegex;
+
+exports.attributes = require('./attributes');
+
+exports.layoutAttributes = require('./layout_attributes');
+
+exports.transitionAxes = require('./transition_axes');
+
+exports.plot = function(gd, traces, transitionOpts, makeOnCompleteCallback) {
+    var fullLayout = gd._fullLayout,
+        subplots = Plots.getSubplotIds(fullLayout, 'cartesian'),
+        calcdata = gd.calcdata,
+        i;
+
+    // If traces is not provided, then it's a complete replot and missing
+    // traces are removed
+    if(!Array.isArray(traces)) {
+        traces = [];
+
+        for(i = 0; i < calcdata.length; i++) {
+            traces.push(i);
+        }
+    }
+
+    for(i = 0; i < subplots.length; i++) {
+        var subplot = subplots[i],
+            subplotInfo = fullLayout._plots[subplot];
+
+        // Get all calcdata for this subplot:
+        var cdSubplot = [];
+        var pcd;
+
+        for(var j = 0; j < calcdata.length; j++) {
+            var cd = calcdata[j],
+                trace = cd[0].trace;
+
+            // Skip trace if whitelist provided and it's not whitelisted:
+            // if (Array.isArray(traces) && traces.indexOf(i) === -1) continue;
+            if(trace.xaxis + trace.yaxis === subplot) {
+                // XXX: Should trace carpet dependencies. Only replot all carpet plots if the carpet
+                // axis has actually changed:
+                //
+                // If this trace is specifically requested, add it to the list:
+                if(traces.indexOf(trace.index) !== -1 || trace.carpet) {
+                    // Okay, so example: traces 0, 1, and 2 have fill = tonext. You animate
+                    // traces 0 and 2. Trace 1 also needs to be updated, otherwise its fill
+                    // is outdated. So this retroactively adds the previous trace if the
+                    // traces are interdependent.
+                    if(
+                        pcd &&
+                        pcd[0].trace.xaxis + pcd[0].trace.yaxis === subplot &&
+                        ['tonextx', 'tonexty', 'tonext'].indexOf(trace.fill) !== -1 &&
+                        cdSubplot.indexOf(pcd) === -1
+                    ) {
+                        cdSubplot.push(pcd);
+                    }
+
+                    cdSubplot.push(cd);
+                }
+
+                // Track the previous trace on this subplot for the retroactive-add step
+                // above:
+                pcd = cd;
+            }
+        }
+
+        plotOne(gd, subplotInfo, cdSubplot, transitionOpts, makeOnCompleteCallback);
+    }
+};
+
+function plotOne(gd, plotinfo, cdSubplot, transitionOpts, makeOnCompleteCallback) {
+    var fullLayout = gd._fullLayout,
+        modules = fullLayout._modules;
+
+    // remove old traces, then redraw everything
+    //
+    // TODO: scatterlayer is manually excluded from this since it knows how
+    // to update instead of fully removing and redrawing every time. The
+    // remaining plot traces should also be able to do this. Once implemented,
+    // we won't need this - which should sometimes be a big speedup.
+    if(plotinfo.plot) {
+        plotinfo.plot.selectAll('g:not(.scatterlayer)').selectAll('g.trace').remove();
+    }
+
+    // plot all traces for each module at once
+    for(var j = 0; j < modules.length; j++) {
+        var _module = modules[j];
+
+        // skip over non-cartesian trace modules
+        if(_module.basePlotModule.name !== 'cartesian') continue;
+
+        // plot all traces of this type on this subplot at once
+        var cdModule = [];
+        for(var k = 0; k < cdSubplot.length; k++) {
+            var cd = cdSubplot[k],
+                trace = cd[0].trace;
+
+            if((trace._module === _module) && (trace.visible === true)) {
+                cdModule.push(cd);
+            }
+        }
+
+        _module.plot(gd, plotinfo, cdModule, transitionOpts, makeOnCompleteCallback);
+    }
+}
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldModules = oldFullLayout._modules || [],
+        newModules = newFullLayout._modules || [];
+
+    var hadScatter, hasScatter, i;
+
+    for(i = 0; i < oldModules.length; i++) {
+        if(oldModules[i].name === 'scatter') {
+            hadScatter = true;
+            break;
+        }
+    }
+
+    for(i = 0; i < newModules.length; i++) {
+        if(newModules[i].name === 'scatter') {
+            hasScatter = true;
+            break;
+        }
+    }
+
+    if(hadScatter && !hasScatter) {
+        var oldPlots = oldFullLayout._plots,
+            ids = Object.keys(oldPlots || {});
+
+        for(i = 0; i < ids.length; i++) {
+            var subplotInfo = oldPlots[ids[i]];
+
+            if(subplotInfo.plot) {
+                subplotInfo.plot.select('g.scatterlayer')
+                    .selectAll('g.trace')
+                    .remove();
+            }
+        }
+
+        oldFullLayout._infolayer.selectAll('g.rangeslider-container')
+            .select('g.scatterlayer')
+            .selectAll('g.trace')
+            .remove();
+    }
+
+    var hadCartesian = (oldFullLayout._has && oldFullLayout._has('cartesian'));
+    var hasCartesian = (newFullLayout._has && newFullLayout._has('cartesian'));
+
+    if(hadCartesian && !hasCartesian) {
+        var subplotLayers = oldFullLayout._cartesianlayer.selectAll('.subplot');
+        var axIds = axisIds.listIds({ _fullLayout: oldFullLayout });
+
+        subplotLayers.call(purgeSubplotLayers, oldFullLayout);
+        oldFullLayout._defs.selectAll('.axesclip').remove();
+
+        for(i = 0; i < axIds.length; i++) {
+            oldFullLayout._infolayer.select('.' + axIds[i] + 'title').remove();
+        }
+    }
+};
+
+exports.drawFramework = function(gd) {
+    var fullLayout = gd._fullLayout,
+        subplotData = makeSubplotData(gd);
+
+    var subplotLayers = fullLayout._cartesianlayer.selectAll('.subplot')
+        .data(subplotData, Lib.identity);
+
+    subplotLayers.enter().append('g')
+        .attr('class', function(name) { return 'subplot ' + name; });
+
+    subplotLayers.order();
+
+    subplotLayers.exit()
+        .call(purgeSubplotLayers, fullLayout);
+
+    subplotLayers.each(function(name) {
+        var plotinfo = fullLayout._plots[name];
+
+        // keep ref to plot group
+        plotinfo.plotgroup = d3.select(this);
+
+        // initialize list of overlay subplots
+        plotinfo.overlays = [];
+
+        makeSubplotLayer(plotinfo);
+
+        // fill in list of overlay subplots
+        if(plotinfo.mainplot) {
+            var mainplot = fullLayout._plots[plotinfo.mainplot];
+            mainplot.overlays.push(plotinfo);
+        }
+
+        // make separate drag layers for each subplot,
+        // but append them to paper rather than the plot groups,
+        // so they end up on top of the rest
+        plotinfo.draglayer = joinLayer(fullLayout._draggers, 'g', name);
+    });
+};
+
+exports.rangePlot = function(gd, plotinfo, cdSubplot) {
+    makeSubplotLayer(plotinfo);
+    plotOne(gd, plotinfo, cdSubplot);
+    Plots.style(gd);
+};
+
+function makeSubplotData(gd) {
+    var fullLayout = gd._fullLayout,
+        subplots = Object.keys(fullLayout._plots);
+
+    var subplotData = [],
+        overlays = [];
+
+    for(var i = 0; i < subplots.length; i++) {
+        var subplot = subplots[i],
+            plotinfo = fullLayout._plots[subplot];
+
+        var xa = plotinfo.xaxis;
+        var ya = plotinfo.yaxis;
+        var xa2 = xa._mainAxis;
+        var ya2 = ya._mainAxis;
+
+        var mainplot = xa2._id + ya2._id;
+        if(mainplot !== subplot && subplots.indexOf(mainplot) !== -1) {
+            plotinfo.mainplot = mainplot;
+            plotinfo.mainplotinfo = fullLayout._plots[mainplot];
+            overlays.push(subplot);
+        }
+        else {
+            subplotData.push(subplot);
+        }
+    }
+
+    // main subplots before overlays
+    subplotData = subplotData.concat(overlays);
+
+    return subplotData;
+}
+
+function makeSubplotLayer(plotinfo) {
+    var plotgroup = plotinfo.plotgroup;
+    var id = plotinfo.id;
+    var xLayer = constants.layerValue2layerClass[plotinfo.xaxis.layer];
+    var yLayer = constants.layerValue2layerClass[plotinfo.yaxis.layer];
+
+    if(!plotinfo.mainplot) {
+        var backLayer = joinLayer(plotgroup, 'g', 'layer-subplot');
+        plotinfo.shapelayer = joinLayer(backLayer, 'g', 'shapelayer');
+        plotinfo.imagelayer = joinLayer(backLayer, 'g', 'imagelayer');
+
+        plotinfo.gridlayer = joinLayer(plotgroup, 'g', 'gridlayer');
+        plotinfo.overgrid = joinLayer(plotgroup, 'g', 'overgrid');
+
+        plotinfo.zerolinelayer = joinLayer(plotgroup, 'g', 'zerolinelayer');
+        plotinfo.overzero = joinLayer(plotgroup, 'g', 'overzero');
+
+        joinLayer(plotgroup, 'path', 'xlines-below');
+        joinLayer(plotgroup, 'path', 'ylines-below');
+        plotinfo.overlinesBelow = joinLayer(plotgroup, 'g', 'overlines-below');
+
+        joinLayer(plotgroup, 'g', 'xaxislayer-below');
+        joinLayer(plotgroup, 'g', 'yaxislayer-below');
+        plotinfo.overaxesBelow = joinLayer(plotgroup, 'g', 'overaxes-below');
+
+        plotinfo.plot = joinLayer(plotgroup, 'g', 'plot');
+        plotinfo.overplot = joinLayer(plotgroup, 'g', 'overplot');
+
+        joinLayer(plotgroup, 'path', 'xlines-above');
+        joinLayer(plotgroup, 'path', 'ylines-above');
+        plotinfo.overlinesAbove = joinLayer(plotgroup, 'g', 'overlines-above');
+
+        joinLayer(plotgroup, 'g', 'xaxislayer-above');
+        joinLayer(plotgroup, 'g', 'yaxislayer-above');
+        plotinfo.overaxesAbove = joinLayer(plotgroup, 'g', 'overaxes-above');
+
+        // set refs to correct layers as determined by 'axis.layer'
+        plotinfo.xlines = plotgroup.select('.xlines-' + xLayer);
+        plotinfo.ylines = plotgroup.select('.ylines-' + yLayer);
+        plotinfo.xaxislayer = plotgroup.select('.xaxislayer-' + xLayer);
+        plotinfo.yaxislayer = plotgroup.select('.yaxislayer-' + yLayer);
+    }
+    else {
+        var mainplotinfo = plotinfo.mainplotinfo;
+        var mainplotgroup = mainplotinfo.plotgroup;
+        var xId = id + '-x';
+        var yId = id + '-y';
+
+        // now make the components of overlaid subplots
+        // overlays don't have backgrounds, and append all
+        // their other components to the corresponding
+        // extra groups of their main plots.
+
+        plotinfo.gridlayer = joinLayer(mainplotinfo.overgrid, 'g', id);
+        plotinfo.zerolinelayer = joinLayer(mainplotinfo.overzero, 'g', id);
+
+        joinLayer(mainplotinfo.overlinesBelow, 'path', xId);
+        joinLayer(mainplotinfo.overlinesBelow, 'path', yId);
+        joinLayer(mainplotinfo.overaxesBelow, 'g', xId);
+        joinLayer(mainplotinfo.overaxesBelow, 'g', yId);
+
+        plotinfo.plot = joinLayer(mainplotinfo.overplot, 'g', id);
+
+        joinLayer(mainplotinfo.overlinesAbove, 'path', xId);
+        joinLayer(mainplotinfo.overlinesAbove, 'path', yId);
+        joinLayer(mainplotinfo.overaxesAbove, 'g', xId);
+        joinLayer(mainplotinfo.overaxesAbove, 'g', yId);
+
+        // set refs to correct layers as determined by 'abovetraces'
+        plotinfo.xlines = mainplotgroup.select('.overlines-' + xLayer).select('.' + xId);
+        plotinfo.ylines = mainplotgroup.select('.overlines-' + yLayer).select('.' + yId);
+        plotinfo.xaxislayer = mainplotgroup.select('.overaxes-' + xLayer).select('.' + xId);
+        plotinfo.yaxislayer = mainplotgroup.select('.overaxes-' + yLayer).select('.' + yId);
+    }
+
+    // common attributes for all subplots, overlays or not
+
+    for(var i = 0; i < constants.traceLayerClasses.length; i++) {
+        joinLayer(plotinfo.plot, 'g', constants.traceLayerClasses[i]);
+    }
+
+    plotinfo.xlines
+        .style('fill', 'none')
+        .classed('crisp', true);
+
+    plotinfo.ylines
+        .style('fill', 'none')
+        .classed('crisp', true);
+}
+
+function purgeSubplotLayers(layers, fullLayout) {
+    if(!layers) return;
+
+    var overlayIdsToRemove = {};
+
+    layers.each(function(subplotId) {
+        var plotgroup = d3.select(this);
+        var clipId = 'clip' + fullLayout._uid + subplotId + 'plot';
+
+        plotgroup.remove();
+        fullLayout._draggers.selectAll('g.' + subplotId).remove();
+        fullLayout._defs.select('#' + clipId).remove();
+
+        overlayIdsToRemove[subplotId] = true;
+
+        // do not remove individual axis <clipPath>s here
+        // as other subplots may need them
+    });
+
+    // must remove overlaid subplot trace layers 'manually'
+
+    var subplots = fullLayout._plots;
+    var subplotIds = Object.keys(subplots);
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotInfo = subplots[subplotIds[i]];
+        var overlays = subplotInfo.overlays || [];
+
+        for(var j = 0; j < overlays.length; j++) {
+            var overlayInfo = overlays[j];
+
+            if(overlayIdsToRemove[overlayInfo.id]) {
+                overlayInfo.plot.selectAll('.trace').remove();
+            }
+        }
+    }
+}
+
+function joinLayer(parent, nodeType, className) {
+    var layer = parent.selectAll('.' + className)
+        .data([0]);
+
+    layer.enter().append(nodeType)
+        .classed(className, true);
+
+    return layer;
+}
+
+},{"../../lib":728,"../plots":831,"./attributes":771,"./axis_ids":775,"./constants":777,"./layout_attributes":783,"./transition_axes":793,"d3":122}],783:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../font_attributes');
+var colorAttrs = require('../../components/color/attributes');
+var dash = require('../../components/drawing/attributes').dash;
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var constants = require('./constants');
+
+
+module.exports = {
+    visible: {
+        valType: 'boolean',
+        
+        editType: 'plot',
+        
+    },
+    color: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'ticks',
+        
+    },
+    title: {
+        valType: 'string',
+        
+        editType: 'ticks',
+        
+    },
+    titlefont: fontAttrs({
+        editType: 'ticks',
+        
+    }),
+    type: {
+        valType: 'enumerated',
+        // '-' means we haven't yet run autotype or couldn't find any data
+        // it gets turned into linear in gd._fullLayout but not copied back
+        // to gd.data like the others are.
+        values: ['-', 'linear', 'log', 'date', 'category'],
+        dflt: '-',
+        
+        editType: 'calc',
+        
+    },
+    autorange: {
+        valType: 'enumerated',
+        values: [true, false, 'reversed'],
+        dflt: true,
+        
+        editType: 'calc',
+        impliedEdits: {'range[0]': undefined, 'range[1]': undefined},
+        
+    },
+    rangemode: {
+        valType: 'enumerated',
+        values: ['normal', 'tozero', 'nonnegative'],
+        dflt: 'normal',
+        
+        editType: 'calc',
+        
+    },
+    range: {
+        valType: 'info_array',
+        
+        items: [
+            {valType: 'any', editType: 'plot', impliedEdits: {'^autorange': false}},
+            {valType: 'any', editType: 'plot', impliedEdits: {'^autorange': false}}
+        ],
+        editType: 'plot',
+        impliedEdits: {'autorange': false},
+        
+    },
+    fixedrange: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    // scaleanchor: not used directly, just put here for reference
+    // values are any opposite-letter axis id
+    scaleanchor: {
+        valType: 'enumerated',
+        values: [
+            constants.idRegex.x.toString(),
+            constants.idRegex.y.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    scaleratio: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    constrain: {
+        valType: 'enumerated',
+        values: ['range', 'domain'],
+        dflt: 'range',
+        
+        editType: 'calc',
+        
+    },
+    // constraintoward: not used directly, just put here for reference
+    constraintoward: {
+        valType: 'enumerated',
+        values: ['left', 'center', 'right', 'top', 'middle', 'bottom'],
+        
+        editType: 'calc',
+        
+    },
+    // ticks
+    tickmode: {
+        valType: 'enumerated',
+        values: ['auto', 'linear', 'array'],
+        
+        editType: 'ticks',
+        impliedEdits: {tick0: undefined, dtick: undefined},
+        
+    },
+    nticks: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'ticks',
+        
+    },
+    tick0: {
+        valType: 'any',
+        
+        editType: 'ticks',
+        impliedEdits: {tickmode: 'linear'},
+        
+    },
+    dtick: {
+        valType: 'any',
+        
+        editType: 'ticks',
+        impliedEdits: {tickmode: 'linear'},
+        
+    },
+    tickvals: {
+        valType: 'data_array',
+        editType: 'ticks',
+        
+    },
+    ticktext: {
+        valType: 'data_array',
+        editType: 'ticks',
+        
+    },
+    ticks: {
+        valType: 'enumerated',
+        values: ['outside', 'inside', ''],
+        
+        editType: 'ticks',
+        
+    },
+    mirror: {
+        valType: 'enumerated',
+        values: [true, 'ticks', false, 'all', 'allticks'],
+        dflt: false,
+        
+        editType: 'ticks+layoutstyle',
+        
+    },
+    ticklen: {
+        valType: 'number',
+        min: 0,
+        dflt: 5,
+        
+        editType: 'ticks',
+        
+    },
+    tickwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'ticks',
+        
+    },
+    tickcolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'ticks',
+        
+    },
+    showticklabels: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'ticks',
+        
+    },
+    showspikes: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'modebar',
+        
+    },
+    spikecolor: {
+        valType: 'color',
+        dflt: null,
+        
+        editType: 'none',
+        
+    },
+    spikethickness: {
+        valType: 'number',
+        dflt: 3,
+        
+        editType: 'none',
+        
+    },
+    spikedash: extendFlat({}, dash, {dflt: 'dash', editType: 'none'}),
+    spikemode: {
+        valType: 'flaglist',
+        flags: ['toaxis', 'across', 'marker'],
+        
+        dflt: 'toaxis',
+        editType: 'none',
+        
+    },
+    tickfont: fontAttrs({
+        editType: 'ticks',
+        
+    }),
+    tickangle: {
+        valType: 'angle',
+        dflt: 'auto',
+        
+        editType: 'ticks',
+        
+    },
+    tickprefix: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'ticks',
+        
+    },
+    showtickprefix: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'ticks',
+        
+    },
+    ticksuffix: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'ticks',
+        
+    },
+    showticksuffix: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'ticks',
+        
+    },
+    showexponent: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'ticks',
+        
+    },
+    exponentformat: {
+        valType: 'enumerated',
+        values: ['none', 'e', 'E', 'power', 'SI', 'B'],
+        dflt: 'B',
+        
+        editType: 'ticks',
+        
+    },
+    separatethousands: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'ticks',
+        
+    },
+    tickformat: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'ticks',
+        
+    },
+    hoverformat: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'none',
+        
+    },
+    // lines and grids
+    showline: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'layoutstyle',
+        
+    },
+    linecolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'layoutstyle',
+        
+    },
+    linewidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'ticks+layoutstyle',
+        
+    },
+    showgrid: {
+        valType: 'boolean',
+        
+        editType: 'ticks',
+        
+    },
+    gridcolor: {
+        valType: 'color',
+        dflt: colorAttrs.lightLine,
+        
+        editType: 'ticks',
+        
+    },
+    gridwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'ticks',
+        
+    },
+    zeroline: {
+        valType: 'boolean',
+        
+        editType: 'ticks',
+        
+    },
+    zerolinecolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'ticks',
+        
+    },
+    zerolinewidth: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'ticks',
+        
+    },
+    // positioning attributes
+    // anchor: not used directly, just put here for reference
+    // values are any opposite-letter axis id
+    anchor: {
+        valType: 'enumerated',
+        values: [
+            'free',
+            constants.idRegex.x.toString(),
+            constants.idRegex.y.toString()
+        ],
+        
+        editType: 'plot',
+        
+    },
+    // side: not used directly, as values depend on direction
+    // values are top, bottom for x axes, and left, right for y
+    side: {
+        valType: 'enumerated',
+        values: ['top', 'bottom', 'left', 'right'],
+        
+        editType: 'plot',
+        
+    },
+    // overlaying: not used directly, just put here for reference
+    // values are false and any other same-letter axis id that's not
+    // itself overlaying anything
+    overlaying: {
+        valType: 'enumerated',
+        values: [
+            'free',
+            constants.idRegex.x.toString(),
+            constants.idRegex.y.toString()
+        ],
+        
+        editType: 'calc',
+        
+    },
+    layer: {
+        valType: 'enumerated',
+        values: ['above traces', 'below traces'],
+        dflt: 'above traces',
+        
+        editType: 'plot',
+        
+    },
+    domain: {
+        valType: 'info_array',
+        
+        items: [
+            {valType: 'number', min: 0, max: 1, editType: 'calc'},
+            {valType: 'number', min: 0, max: 1, editType: 'calc'}
+        ],
+        dflt: [0, 1],
+        editType: 'calc',
+        
+    },
+    position: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 0,
+        
+        editType: 'plot',
+        
+    },
+    categoryorder: {
+        valType: 'enumerated',
+        values: [
+            'trace', 'category ascending', 'category descending', 'array'
+            /* , 'value ascending', 'value descending'*/ // value ascending / descending to be implemented later
+        ],
+        dflt: 'trace',
+        
+        editType: 'calc',
+        
+    },
+    categoryarray: {
+        valType: 'data_array',
+        
+        editType: 'calc',
+        
+    },
+    editType: 'calc',
+
+    _deprecated: {
+        autotick: {
+            valType: 'boolean',
+            
+            editType: 'ticks',
+            
+        }
+    }
+};
+
+},{"../../components/color/attributes":603,"../../components/drawing/attributes":627,"../../lib/extend":717,"../font_attributes":796,"./constants":777}],784:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+var basePlotLayoutAttributes = require('../layout_attributes');
+
+var constants = require('./constants');
+var layoutAttributes = require('./layout_attributes');
+var handleTypeDefaults = require('./type_defaults');
+var handleAxisDefaults = require('./axis_defaults');
+var handleConstraintDefaults = require('./constraint_defaults');
+var handlePositionDefaults = require('./position_defaults');
+var axisIds = require('./axis_ids');
+
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    var layoutKeys = Object.keys(layoutIn),
+        xaListCartesian = [],
+        yaListCartesian = [],
+        xaListGl2d = [],
+        yaListGl2d = [],
+        xaListCheater = [],
+        xaListNonCheater = [],
+        outerTicks = {},
+        noGrids = {},
+        i;
+
+    // look for axes in the data
+    for(i = 0; i < fullData.length; i++) {
+        var trace = fullData[i];
+        var listX, listY;
+
+        if(Registry.traceIs(trace, 'cartesian')) {
+            listX = xaListCartesian;
+            listY = yaListCartesian;
+        }
+        else if(Registry.traceIs(trace, 'gl2d')) {
+            listX = xaListGl2d;
+            listY = yaListGl2d;
+        }
+        else continue;
+
+        var xaName = axisIds.id2name(trace.xaxis),
+            yaName = axisIds.id2name(trace.yaxis);
+
+        // Two things trigger axis visibility:
+        // 1. is not carpet
+        // 2. carpet that's not cheater
+        if(!Registry.traceIs(trace, 'carpet') || (trace.type === 'carpet' && !trace._cheater)) {
+            if(xaName) Lib.pushUnique(xaListNonCheater, xaName);
+        }
+
+        // The above check for definitely-not-cheater is not adequate. This
+        // second list tracks which axes *could* be a cheater so that the
+        // full condition triggering hiding is:
+        //   *could* be a cheater and *is not definitely visible*
+        if(trace.type === 'carpet' && trace._cheater) {
+            if(xaName) Lib.pushUnique(xaListCheater, xaName);
+        }
+
+        // add axes implied by traces
+        if(xaName && listX.indexOf(xaName) === -1) listX.push(xaName);
+        if(yaName && listY.indexOf(yaName) === -1) listY.push(yaName);
+
+        // check for default formatting tweaks
+        if(Registry.traceIs(trace, '2dMap')) {
+            outerTicks[xaName] = true;
+            outerTicks[yaName] = true;
+        }
+
+        if(Registry.traceIs(trace, 'oriented')) {
+            var positionAxis = trace.orientation === 'h' ? yaName : xaName;
+            noGrids[positionAxis] = true;
+        }
+    }
+
+    // N.B. Ignore orphan axes (i.e. axes that have no data attached to them)
+    // if gl3d or geo is present on graph. This is retain backward compatible.
+    //
+    // TODO drop this in version 2.0
+    var ignoreOrphan = (layoutOut._has('gl3d') || layoutOut._has('geo'));
+
+    if(!ignoreOrphan) {
+        for(i = 0; i < layoutKeys.length; i++) {
+            var key = layoutKeys[i];
+
+            // orphan layout axes are considered cartesian subplots
+
+            if(xaListGl2d.indexOf(key) === -1 &&
+                xaListCartesian.indexOf(key) === -1 &&
+                    constants.xAxisMatch.test(key)) {
+                xaListCartesian.push(key);
+            }
+            else if(yaListGl2d.indexOf(key) === -1 &&
+                yaListCartesian.indexOf(key) === -1 &&
+                    constants.yAxisMatch.test(key)) {
+                yaListCartesian.push(key);
+            }
+        }
+    }
+
+    // make sure that plots with orphan cartesian axes
+    // are considered 'cartesian'
+    if(xaListCartesian.length && yaListCartesian.length) {
+        Lib.pushUnique(layoutOut._basePlotModules, Registry.subplotsRegistry.cartesian);
+    }
+
+    function axSort(a, b) {
+        var aNum = Number(a.substr(5) || 1),
+            bNum = Number(b.substr(5) || 1);
+        return aNum - bNum;
+    }
+
+    var xaList = xaListCartesian.concat(xaListGl2d).sort(axSort),
+        yaList = yaListCartesian.concat(yaListGl2d).sort(axSort),
+        axesList = xaList.concat(yaList);
+
+    // plot_bgcolor only makes sense if there's a (2D) plot!
+    // TODO: bgcolor for each subplot, to inherit from the main one
+    var plot_bgcolor = Color.background;
+    if(xaList.length && yaList.length) {
+        plot_bgcolor = Lib.coerce(layoutIn, layoutOut, basePlotLayoutAttributes, 'plot_bgcolor');
+    }
+
+    var bgColor = Color.combine(plot_bgcolor, layoutOut.paper_bgcolor);
+
+    var axName, axLetter, axLayoutIn, axLayoutOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(axLayoutIn, axLayoutOut, layoutAttributes, attr, dflt);
+    }
+
+    function getCounterAxes(axLetter) {
+        var list = {x: yaList, y: xaList}[axLetter];
+        return Lib.simpleMap(list, axisIds.name2id);
+    }
+
+    var counterAxes = {x: getCounterAxes('x'), y: getCounterAxes('y')};
+
+    function getOverlayableAxes(axLetter, axName) {
+        var list = {x: xaList, y: yaList}[axLetter];
+        var out = [];
+
+        for(var j = 0; j < list.length; j++) {
+            var axName2 = list[j];
+
+            if(axName2 !== axName && !(layoutIn[axName2] || {}).overlaying) {
+                out.push(axisIds.name2id(axName2));
+            }
+        }
+
+        return out;
+    }
+
+    // first pass creates the containers, determines types, and handles most of the settings
+    for(i = 0; i < axesList.length; i++) {
+        axName = axesList[i];
+
+        if(!Lib.isPlainObject(layoutIn[axName])) {
+            layoutIn[axName] = {};
+        }
+
+        axLayoutIn = layoutIn[axName];
+        axLayoutOut = layoutOut[axName] = {};
+
+        handleTypeDefaults(axLayoutIn, axLayoutOut, coerce, fullData, axName);
+
+        axLetter = axName.charAt(0);
+        var overlayableAxes = getOverlayableAxes(axLetter, axName);
+
+        var defaultOptions = {
+            letter: axLetter,
+            font: layoutOut.font,
+            outerTicks: outerTicks[axName],
+            showGrid: !noGrids[axName],
+            data: fullData,
+            bgColor: bgColor,
+            calendar: layoutOut.calendar,
+            cheateronly: axLetter === 'x' && (xaListCheater.indexOf(axName) !== -1 && xaListNonCheater.indexOf(axName) === -1)
+        };
+
+        handleAxisDefaults(axLayoutIn, axLayoutOut, coerce, defaultOptions, layoutOut);
+
+        var showSpikes = coerce('showspikes');
+        if(showSpikes) {
+            coerce('spikecolor');
+            coerce('spikethickness');
+            coerce('spikedash');
+            coerce('spikemode');
+        }
+
+        var positioningOptions = {
+            letter: axLetter,
+            counterAxes: counterAxes[axLetter],
+            overlayableAxes: overlayableAxes
+        };
+
+        handlePositionDefaults(axLayoutIn, axLayoutOut, coerce, positioningOptions);
+
+        axLayoutOut._input = axLayoutIn;
+    }
+
+    // quick second pass for range slider and selector defaults
+    var rangeSliderDefaults = Registry.getComponentMethod('rangeslider', 'handleDefaults'),
+        rangeSelectorDefaults = Registry.getComponentMethod('rangeselector', 'handleDefaults');
+
+    for(i = 0; i < xaList.length; i++) {
+        axName = xaList[i];
+        axLayoutIn = layoutIn[axName];
+        axLayoutOut = layoutOut[axName];
+
+        rangeSliderDefaults(layoutIn, layoutOut, axName);
+
+        if(axLayoutOut.type === 'date') {
+            rangeSelectorDefaults(
+                axLayoutIn,
+                axLayoutOut,
+                layoutOut,
+                yaList,
+                axLayoutOut.calendar
+            );
+        }
+
+        coerce('fixedrange');
+    }
+
+    for(i = 0; i < yaList.length; i++) {
+        axName = yaList[i];
+        axLayoutIn = layoutIn[axName];
+        axLayoutOut = layoutOut[axName];
+
+        var anchoredAxis = layoutOut[axisIds.id2name(axLayoutOut.anchor)];
+
+        var fixedRangeDflt = (
+            anchoredAxis &&
+            anchoredAxis.rangeslider &&
+            anchoredAxis.rangeslider.visible
+        );
+
+        coerce('fixedrange', fixedRangeDflt);
+    }
+
+    // Finally, handle scale constraints. We need to do this after all axes have
+    // coerced both `type` (so we link only axes of the same type) and
+    // `fixedrange` (so we can avoid linking from OR TO a fixed axis).
+
+    // sets of axes linked by `scaleanchor` along with the scaleratios compounded
+    // together, populated in handleConstraintDefaults
+    layoutOut._axisConstraintGroups = [];
+    var allAxisIds = counterAxes.x.concat(counterAxes.y);
+
+    for(i = 0; i < axesList.length; i++) {
+        axName = axesList[i];
+        axLetter = axName.charAt(0);
+
+        axLayoutIn = layoutIn[axName];
+        axLayoutOut = layoutOut[axName];
+
+        handleConstraintDefaults(axLayoutIn, axLayoutOut, coerce, allAxisIds, layoutOut);
+    }
+};
+
+},{"../../components/color":604,"../../lib":728,"../../registry":846,"../layout_attributes":822,"./axis_defaults":774,"./axis_ids":775,"./constants":777,"./constraint_defaults":778,"./layout_attributes":783,"./position_defaults":786,"./type_defaults":794}],785:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+// flattenUniqueSort :: String -> Function -> [[String]] -> [String]
+function flattenUniqueSort(axisLetter, sortFunction, data) {
+
+    // Bisection based insertion sort of distinct values for logarithmic time complexity.
+    // Can't use a hashmap, which is O(1), because ES5 maps coerce keys to strings. If it ever becomes a bottleneck,
+    // code can be separated: a hashmap (JS object) based version if all values encountered are strings; and
+    // downgrading to this O(log(n)) array on the first encounter of a non-string value.
+
+    var categoryArray = [];
+
+    var traceLines = data.map(function(d) {return d[axisLetter];});
+
+    var i, j, tracePoints, category, insertionIndex;
+
+    var bisector = d3.bisector(sortFunction).left;
+
+    for(i = 0; i < traceLines.length; i++) {
+
+        tracePoints = traceLines[i];
+
+        for(j = 0; j < tracePoints.length; j++) {
+
+            category = tracePoints[j];
+
+            // skip loop: ignore null and undefined categories
+            if(category === null || category === undefined) continue;
+
+            insertionIndex = bisector(categoryArray, category);
+
+            // skip loop on already encountered values
+            if(insertionIndex < categoryArray.length && categoryArray[insertionIndex] === category) continue;
+
+            // insert value
+            categoryArray.splice(insertionIndex, 0, category);
+        }
+    }
+
+    return categoryArray;
+}
+
+
+/**
+ * This pure function returns the ordered categories for specified axisLetter, categoryorder, categoryarray and data.
+ *
+ * If categoryorder is 'array', the result is a fresh copy of categoryarray, or if unspecified, an empty array.
+ *
+ * If categoryorder is 'category ascending' or 'category descending', the result is an array of ascending or descending
+ * order of the unique categories encountered in the data for specified axisLetter.
+ *
+ * See cartesian/layout_attributes.js for the definition of categoryorder and categoryarray
+ *
+ */
+
+// orderedCategories :: String -> String -> [String] -> [[String]] -> [String]
+module.exports = function orderedCategories(axisLetter, categoryorder, categoryarray, data) {
+
+    switch(categoryorder) {
+        case 'array': return Array.isArray(categoryarray) ? categoryarray.slice() : [];
+        case 'category ascending': return flattenUniqueSort(axisLetter, d3.ascending, data);
+        case 'category descending': return flattenUniqueSort(axisLetter, d3.descending, data);
+        case 'trace': return [];
+        default: return [];
+    }
+};
+
+},{"d3":122}],786:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+
+
+module.exports = function handlePositionDefaults(containerIn, containerOut, coerce, options) {
+    var counterAxes = options.counterAxes || [],
+        overlayableAxes = options.overlayableAxes || [],
+        letter = options.letter;
+
+    var anchor = Lib.coerce(containerIn, containerOut, {
+        anchor: {
+            valType: 'enumerated',
+            values: ['free'].concat(counterAxes),
+            dflt: isNumeric(containerIn.position) ? 'free' :
+                (counterAxes[0] || 'free')
+        }
+    }, 'anchor');
+
+    if(anchor === 'free') coerce('position');
+
+    Lib.coerce(containerIn, containerOut, {
+        side: {
+            valType: 'enumerated',
+            values: letter === 'x' ? ['bottom', 'top'] : ['left', 'right'],
+            dflt: letter === 'x' ? 'bottom' : 'left'
+        }
+    }, 'side');
+
+    var overlaying = false;
+    if(overlayableAxes.length) {
+        overlaying = Lib.coerce(containerIn, containerOut, {
+            overlaying: {
+                valType: 'enumerated',
+                values: [false].concat(overlayableAxes),
+                dflt: false
+            }
+        }, 'overlaying');
+    }
+
+    if(!overlaying) {
+        // TODO: right now I'm copying this domain over to overlaying axes
+        // in ax.setscale()... but this means we still need (imperfect) logic
+        // in the axes popover to hide domain for the overlaying axis.
+        // perhaps I should make a private version _domain that all axes get???
+        var domain = coerce('domain');
+        if(domain[0] > domain[1] - 0.01) containerOut.domain = [0, 1];
+        Lib.noneOrAll(containerIn.domain, containerOut.domain, [0, 1]);
+    }
+
+    coerce('layer');
+
+    return containerOut;
+};
+
+},{"../../lib":728,"fast-isnumeric":131}],787:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var FROM_BL = require('../../constants/alignment').FROM_BL;
+
+module.exports = function scaleZoom(ax, factor, centerFraction) {
+    if(centerFraction === undefined) {
+        centerFraction = FROM_BL[ax.constraintoward || 'center'];
+    }
+
+    var rangeLinear = [ax.r2l(ax.range[0]), ax.r2l(ax.range[1])];
+    var center = rangeLinear[0] + (rangeLinear[1] - rangeLinear[0]) * centerFraction;
+
+    ax.range = ax._input.range = [
+        ax.l2r(center + (rangeLinear[0] - center) * factor),
+        ax.l2r(center + (rangeLinear[1] - center) * factor)
+    ];
+};
+
+},{"../../constants/alignment":701}],788:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var polygon = require('../../lib/polygon');
+var throttle = require('../../lib/throttle');
+var color = require('../../components/color');
+var appendArrayPointValue = require('../../components/fx/helpers').appendArrayPointValue;
+
+var axes = require('./axes');
+var constants = require('./constants');
+
+var filteredPolygon = polygon.filter;
+var polygonTester = polygon.tester;
+var MINSELECT = constants.MINSELECT;
+
+function getAxId(ax) { return ax._id; }
+
+module.exports = function prepSelect(e, startX, startY, dragOptions, mode) {
+    var zoomLayer = dragOptions.gd._fullLayout._zoomlayer,
+        dragBBox = dragOptions.element.getBoundingClientRect(),
+        plotinfo = dragOptions.plotinfo,
+        xs = plotinfo.xaxis._offset,
+        ys = plotinfo.yaxis._offset,
+        x0 = startX - dragBBox.left,
+        y0 = startY - dragBBox.top,
+        x1 = x0,
+        y1 = y0,
+        path0 = 'M' + x0 + ',' + y0,
+        pw = dragOptions.xaxes[0]._length,
+        ph = dragOptions.yaxes[0]._length,
+        xAxisIds = dragOptions.xaxes.map(getAxId),
+        yAxisIds = dragOptions.yaxes.map(getAxId),
+        allAxes = dragOptions.xaxes.concat(dragOptions.yaxes),
+        pts;
+
+    if(mode === 'lasso') {
+        pts = filteredPolygon([[x0, y0]], constants.BENDPX);
+    }
+
+    var outlines = zoomLayer.selectAll('path.select-outline').data([1, 2]);
+
+    outlines.enter()
+        .append('path')
+        .attr('class', function(d) { return 'select-outline select-outline-' + d; })
+        .attr('transform', 'translate(' + xs + ', ' + ys + ')')
+        .attr('d', path0 + 'Z');
+
+    var corners = zoomLayer.append('path')
+        .attr('class', 'zoombox-corners')
+        .style({
+            fill: color.background,
+            stroke: color.defaultLine,
+            'stroke-width': 1
+        })
+        .attr('transform', 'translate(' + xs + ', ' + ys + ')')
+        .attr('d', 'M0,0Z');
+
+
+    // find the traces to search for selection points
+    var searchTraces = [];
+    var gd = dragOptions.gd;
+    var throttleID = gd._fullLayout._uid + constants.SELECTID;
+    var selection = [];
+    var i, cd, trace, searchInfo, eventData;
+
+    for(i = 0; i < gd.calcdata.length; i++) {
+        cd = gd.calcdata[i];
+        trace = cd[0].trace;
+        if(trace.visible !== true || !trace._module || !trace._module.selectPoints) continue;
+
+        if(dragOptions.subplot) {
+            if(
+                trace.subplot === dragOptions.subplot ||
+                trace.geo === dragOptions.subplot
+            ) {
+                searchTraces.push({
+                    selectPoints: trace._module.selectPoints,
+                    cd: cd,
+                    xaxis: dragOptions.xaxes[0],
+                    yaxis: dragOptions.yaxes[0]
+                });
+            }
+        } else {
+            if(xAxisIds.indexOf(trace.xaxis) === -1) continue;
+            if(yAxisIds.indexOf(trace.yaxis) === -1) continue;
+
+            searchTraces.push({
+                selectPoints: trace._module.selectPoints,
+                cd: cd,
+                xaxis: axes.getFromId(gd, trace.xaxis),
+                yaxis: axes.getFromId(gd, trace.yaxis)
+            });
+        }
+    }
+
+    function axValue(ax) {
+        var index = (ax._id.charAt(0) === 'y') ? 1 : 0;
+        return function(v) { return ax.p2d(v[index]); };
+    }
+
+    function ascending(a, b) { return a - b; }
+
+    // allow subplots to override fillRangeItems routine
+    var fillRangeItems;
+
+    if(plotinfo.fillRangeItems) {
+        fillRangeItems = plotinfo.fillRangeItems;
+    } else {
+        if(mode === 'select') {
+            fillRangeItems = function(eventData, poly) {
+                var ranges = eventData.range = {};
+
+                for(i = 0; i < allAxes.length; i++) {
+                    var ax = allAxes[i];
+                    var axLetter = ax._id.charAt(0);
+
+                    ranges[ax._id] = [
+                        ax.p2d(poly[axLetter + 'min']),
+                        ax.p2d(poly[axLetter + 'max'])
+                    ].sort(ascending);
+                }
+            };
+        } else {
+            fillRangeItems = function(eventData, poly, pts) {
+                var dataPts = eventData.lassoPoints = {};
+
+                for(i = 0; i < allAxes.length; i++) {
+                    var ax = allAxes[i];
+                    dataPts[ax._id] = pts.filtered.map(axValue(ax));
+                }
+            };
+        }
+    }
+
+    dragOptions.moveFn = function(dx0, dy0) {
+        var poly;
+
+        x1 = Math.max(0, Math.min(pw, dx0 + x0));
+        y1 = Math.max(0, Math.min(ph, dy0 + y0));
+
+        var dx = Math.abs(x1 - x0),
+            dy = Math.abs(y1 - y0);
+
+        if(mode === 'select') {
+            if(dy < Math.min(dx * 0.6, MINSELECT)) {
+                // horizontal motion: make a vertical box
+                poly = polygonTester([[x0, 0], [x0, ph], [x1, ph], [x1, 0]]);
+                // extras to guide users in keeping a straight selection
+                corners.attr('d', 'M' + poly.xmin + ',' + (y0 - MINSELECT) +
+                    'h-4v' + (2 * MINSELECT) + 'h4Z' +
+                    'M' + (poly.xmax - 1) + ',' + (y0 - MINSELECT) +
+                    'h4v' + (2 * MINSELECT) + 'h-4Z');
+
+            }
+            else if(dx < Math.min(dy * 0.6, MINSELECT)) {
+                // vertical motion: make a horizontal box
+                poly = polygonTester([[0, y0], [0, y1], [pw, y1], [pw, y0]]);
+                corners.attr('d', 'M' + (x0 - MINSELECT) + ',' + poly.ymin +
+                    'v-4h' + (2 * MINSELECT) + 'v4Z' +
+                    'M' + (x0 - MINSELECT) + ',' + (poly.ymax - 1) +
+                    'v4h' + (2 * MINSELECT) + 'v-4Z');
+            }
+            else {
+                // diagonal motion
+                poly = polygonTester([[x0, y0], [x0, y1], [x1, y1], [x1, y0]]);
+                corners.attr('d', 'M0,0Z');
+            }
+            outlines.attr('d', 'M' + poly.xmin + ',' + poly.ymin +
+                'H' + (poly.xmax - 1) + 'V' + (poly.ymax - 1) +
+                'H' + poly.xmin + 'Z');
+        }
+        else if(mode === 'lasso') {
+            pts.addPt([x1, y1]);
+            poly = polygonTester(pts.filtered);
+            outlines.attr('d', 'M' + pts.filtered.join('L') + 'Z');
+        }
+
+        throttle.throttle(
+            throttleID,
+            constants.SELECTDELAY,
+            function() {
+                selection = [];
+                for(i = 0; i < searchTraces.length; i++) {
+                    searchInfo = searchTraces[i];
+                    var thisSelection = fillSelectionItem(
+                        searchInfo.selectPoints(searchInfo, poly), searchInfo
+                    );
+                    if(selection.length) {
+                        for(var j = 0; j < thisSelection.length; j++) {
+                            selection.push(thisSelection[j]);
+                        }
+                    }
+                    else selection = thisSelection;
+                }
+
+                eventData = {points: selection};
+                fillRangeItems(eventData, poly, pts);
+                dragOptions.gd.emit('plotly_selecting', eventData);
+            }
+        );
+    };
+
+    dragOptions.doneFn = function(dragged, numclicks) {
+        corners.remove();
+        throttle.done(throttleID).then(function() {
+            throttle.clear(throttleID);
+
+            if(!dragged && numclicks === 2) {
+                // clear selection on doubleclick
+                outlines.remove();
+                for(i = 0; i < searchTraces.length; i++) {
+                    searchInfo = searchTraces[i];
+                    searchInfo.selectPoints(searchInfo, false);
+                }
+
+                gd.emit('plotly_deselect', null);
+            }
+            else {
+                dragOptions.gd.emit('plotly_selected', eventData);
+            }
+        });
+    };
+};
+
+function fillSelectionItem(selection, searchInfo) {
+    if(Array.isArray(selection)) {
+        var trace = searchInfo.cd[0].trace;
+
+        for(var i = 0; i < selection.length; i++) {
+            var sel = selection[i];
+
+            sel.curveNumber = trace.index;
+            sel.data = trace._input;
+            sel.fullData = trace;
+            appendArrayPointValue(sel, trace, sel.pointNumber);
+        }
+    }
+
+    return selection;
+}
+
+},{"../../components/color":604,"../../components/fx/helpers":642,"../../lib/polygon":739,"../../lib/throttle":751,"./axes":772,"./constants":777}],789:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var cleanNumber = Lib.cleanNumber;
+var ms2DateTime = Lib.ms2DateTime;
+var dateTime2ms = Lib.dateTime2ms;
+var ensureNumber = Lib.ensureNumber;
+
+var numConstants = require('../../constants/numerical');
+var FP_SAFE = numConstants.FP_SAFE;
+var BADNUM = numConstants.BADNUM;
+
+var constants = require('./constants');
+var axisIds = require('./axis_ids');
+
+function fromLog(v) {
+    return Math.pow(10, v);
+}
+
+/**
+ * Define the conversion functions for an axis data is used in 5 ways:
+ *
+ *  d: data, in whatever form it's provided
+ *  c: calcdata: turned into numbers, but not linearized
+ *  l: linearized - same as c except for log axes (and other nonlinear
+ *      mappings later?) this is used when we need to know if it's
+ *      *possible* to show some data on this axis, without caring about
+ *      the current range
+ *  p: pixel value - mapped to the screen with current size and zoom
+ *  r: ranges, tick0, and annotation positions match one of the above
+ *     but are handled differently for different types:
+ *     - linear and date: data format (d)
+ *     - category: calcdata format (c), and will stay that way because
+ *       the data format has no continuous mapping
+ *     - log: linearized (l) format
+ *       TODO: in v2.0 we plan to change it to data format. At that point
+ *       shapes will work the same way as ranges, tick0, and annotations
+ *       so they can use this conversion too.
+ *
+ * Creates/updates these conversion functions, and a few more utilities
+ * like cleanRange, and makeCalcdata
+ *
+ * also clears the autorange bounds ._min and ._max
+ * and the autotick constraints ._minDtick, ._forceTick0
+ */
+module.exports = function setConvert(ax, fullLayout) {
+    fullLayout = fullLayout || {};
+
+    var axLetter = (ax._id || 'x').charAt(0);
+
+    // clipMult: how many axis lengths past the edge do we render?
+    // for panning, 1-2 would suffice, but for zooming more is nice.
+    // also, clipping can affect the direction of lines off the edge...
+    var clipMult = 10;
+
+    function toLog(v, clip) {
+        if(v > 0) return Math.log(v) / Math.LN10;
+
+        else if(v <= 0 && clip && ax.range && ax.range.length === 2) {
+            // clip NaN (ie past negative infinity) to clipMult axis
+            // length past the negative edge
+            var r0 = ax.range[0],
+                r1 = ax.range[1];
+            return 0.5 * (r0 + r1 - 3 * clipMult * Math.abs(r0 - r1));
+        }
+
+        else return BADNUM;
+    }
+
+    /*
+     * wrapped dateTime2ms that:
+     * - accepts ms numbers for backward compatibility
+     * - inserts a dummy arg so calendar is the 3rd arg (see notes below).
+     * - defaults to ax.calendar
+     */
+    function dt2ms(v, _, calendar) {
+        // NOTE: Changed this behavior: previously we took any numeric value
+        // to be a ms, even if it was a string that could be a bare year.
+        // Now we convert it as a date if at all possible, and only try
+        // as (local) ms if that fails.
+        var ms = dateTime2ms(v, calendar || ax.calendar);
+        if(ms === BADNUM) {
+            if(isNumeric(v)) ms = dateTime2ms(new Date(+v));
+            else return BADNUM;
+        }
+        return ms;
+    }
+
+    // wrapped ms2DateTime to insert default ax.calendar
+    function ms2dt(v, r, calendar) {
+        return ms2DateTime(v, r, calendar || ax.calendar);
+    }
+
+    function getCategoryName(v) {
+        return ax._categories[Math.round(v)];
+    }
+
+    /*
+     * setCategoryIndex: return the index of category v,
+     * inserting it in the list if it's not already there
+     *
+     * this will enter the categories in the order it
+     * encounters them, ie all the categories from the
+     * first data set, then all the ones from the second
+     * that aren't in the first etc.
+     *
+     * it is assumed that this function is being invoked in the
+     * already sorted category order; otherwise there would be
+     * a disconnect between the array and the index returned
+     */
+    function setCategoryIndex(v) {
+        if(v !== null && v !== undefined) {
+            if(ax._categoriesMap === undefined) {
+                ax._categoriesMap = {};
+            }
+
+            if(ax._categoriesMap[v] !== undefined) {
+                return ax._categoriesMap[v];
+            } else {
+                ax._categories.push(v);
+
+                var curLength = ax._categories.length - 1;
+                ax._categoriesMap[v] = curLength;
+
+                return curLength;
+            }
+        }
+        return BADNUM;
+    }
+
+    function getCategoryIndex(v) {
+        // d2l/d2c variant that that won't add categories but will also
+        // allow numbers to be mapped to the linearized axis positions
+        if(ax._categoriesMap) {
+            var index = ax._categoriesMap[v];
+            if(index !== undefined) return index;
+        }
+
+        if(isNumeric(v)) return +v;
+    }
+
+    function l2p(v) {
+        if(!isNumeric(v)) return BADNUM;
+
+        // include 2 fractional digits on pixel, for PDF zooming etc
+        return d3.round(ax._b + ax._m * v, 2);
+    }
+
+    function p2l(px) { return (px - ax._b) / ax._m; }
+
+    // conversions among c/l/p are fairly simple - do them together for all axis types
+    ax.c2l = (ax.type === 'log') ? toLog : ensureNumber;
+    ax.l2c = (ax.type === 'log') ? fromLog : ensureNumber;
+
+    ax.l2p = l2p;
+    ax.p2l = p2l;
+
+    ax.c2p = (ax.type === 'log') ? function(v, clip) { return l2p(toLog(v, clip)); } : l2p;
+    ax.p2c = (ax.type === 'log') ? function(px) { return fromLog(p2l(px)); } : p2l;
+
+    /*
+     * now type-specific conversions for **ALL** other combinations
+     * they're all written out, instead of being combinations of each other, for
+     * both clarity and speed.
+     */
+    if(['linear', '-'].indexOf(ax.type) !== -1) {
+        // all are data vals, but d and r need cleaning
+        ax.d2r = ax.r2d = ax.d2c = ax.r2c = ax.d2l = ax.r2l = cleanNumber;
+        ax.c2d = ax.c2r = ax.l2d = ax.l2r = ensureNumber;
+
+        ax.d2p = ax.r2p = function(v) { return ax.l2p(cleanNumber(v)); };
+        ax.p2d = ax.p2r = p2l;
+
+        ax.cleanPos = ensureNumber;
+    }
+    else if(ax.type === 'log') {
+        // d and c are data vals, r and l are logged (but d and r need cleaning)
+        ax.d2r = ax.d2l = function(v, clip) { return toLog(cleanNumber(v), clip); };
+        ax.r2d = ax.r2c = function(v) { return fromLog(cleanNumber(v)); };
+
+        ax.d2c = ax.r2l = cleanNumber;
+        ax.c2d = ax.l2r = ensureNumber;
+
+        ax.c2r = toLog;
+        ax.l2d = fromLog;
+
+        ax.d2p = function(v, clip) { return ax.l2p(ax.d2r(v, clip)); };
+        ax.p2d = function(px) { return fromLog(p2l(px)); };
+
+        ax.r2p = function(v) { return ax.l2p(cleanNumber(v)); };
+        ax.p2r = p2l;
+
+        ax.cleanPos = ensureNumber;
+    }
+    else if(ax.type === 'date') {
+        // r and d are date strings, l and c are ms
+
+        /*
+         * Any of these functions with r and d on either side, calendar is the
+         * **3rd** argument. log has reserved the second argument.
+         *
+         * Unless you need the special behavior of the second arg (ms2DateTime
+         * uses this to limit precision, toLog uses true to clip negatives
+         * to offscreen low rather than undefined), it's safe to pass 0.
+         */
+        ax.d2r = ax.r2d = Lib.identity;
+
+        ax.d2c = ax.r2c = ax.d2l = ax.r2l = dt2ms;
+        ax.c2d = ax.c2r = ax.l2d = ax.l2r = ms2dt;
+
+        ax.d2p = ax.r2p = function(v, _, calendar) { return ax.l2p(dt2ms(v, 0, calendar)); };
+        ax.p2d = ax.p2r = function(px, r, calendar) { return ms2dt(p2l(px), r, calendar); };
+
+        ax.cleanPos = function(v) { return Lib.cleanDate(v, BADNUM, ax.calendar); };
+    }
+    else if(ax.type === 'category') {
+        // d is categories (string)
+        // c and l are indices (numbers)
+        // r is categories or numbers
+
+        ax.d2c = ax.d2l = setCategoryIndex;
+        ax.r2d = ax.c2d = ax.l2d = getCategoryName;
+
+        ax.d2r = ax.d2l_noadd = getCategoryIndex;
+
+        ax.r2c = function(v) {
+            var index = getCategoryIndex(v);
+            return index !== undefined ? index : ax.fraction2r(0.5);
+        };
+
+        ax.l2r = ax.c2r = ensureNumber;
+        ax.r2l = getCategoryIndex;
+
+        ax.d2p = function(v) { return ax.l2p(ax.r2c(v)); };
+        ax.p2d = function(px) { return getCategoryName(p2l(px)); };
+        ax.r2p = ax.d2p;
+        ax.p2r = p2l;
+
+        ax.cleanPos = function(v) {
+            if(typeof v === 'string' && v !== '') return v;
+            return ensureNumber(v);
+        };
+    }
+
+    // find the range value at the specified (linear) fraction of the axis
+    ax.fraction2r = function(v) {
+        var rl0 = ax.r2l(ax.range[0]),
+            rl1 = ax.r2l(ax.range[1]);
+        return ax.l2r(rl0 + v * (rl1 - rl0));
+    };
+
+    // find the fraction of the range at the specified range value
+    ax.r2fraction = function(v) {
+        var rl0 = ax.r2l(ax.range[0]),
+            rl1 = ax.r2l(ax.range[1]);
+        return (ax.r2l(v) - rl0) / (rl1 - rl0);
+    };
+
+    /*
+     * cleanRange: make sure range is a couplet of valid & distinct values
+     * keep numbers away from the limits of floating point numbers,
+     * and dates away from the ends of our date system (+/- 9999 years)
+     *
+     * optional param rangeAttr: operate on a different attribute, like
+     * ax._r, rather than ax.range
+     */
+    ax.cleanRange = function(rangeAttr) {
+        if(!rangeAttr) rangeAttr = 'range';
+        var range = Lib.nestedProperty(ax, rangeAttr).get(),
+            i, dflt;
+
+        if(ax.type === 'date') dflt = Lib.dfltRange(ax.calendar);
+        else if(axLetter === 'y') dflt = constants.DFLTRANGEY;
+        else dflt = constants.DFLTRANGEX;
+
+        // make sure we don't later mutate the defaults
+        dflt = dflt.slice();
+
+        if(!range || range.length !== 2) {
+            Lib.nestedProperty(ax, rangeAttr).set(dflt);
+            return;
+        }
+
+        if(ax.type === 'date') {
+            // check if milliseconds or js date objects are provided for range
+            // and convert to date strings
+            range[0] = Lib.cleanDate(range[0], BADNUM, ax.calendar);
+            range[1] = Lib.cleanDate(range[1], BADNUM, ax.calendar);
+        }
+
+        for(i = 0; i < 2; i++) {
+            if(ax.type === 'date') {
+                if(!Lib.isDateTime(range[i], ax.calendar)) {
+                    ax[rangeAttr] = dflt;
+                    break;
+                }
+
+                if(ax.r2l(range[0]) === ax.r2l(range[1])) {
+                    // split by +/- 1 second
+                    var linCenter = Lib.constrain(ax.r2l(range[0]),
+                        Lib.MIN_MS + 1000, Lib.MAX_MS - 1000);
+                    range[0] = ax.l2r(linCenter - 1000);
+                    range[1] = ax.l2r(linCenter + 1000);
+                    break;
+                }
+            }
+            else {
+                if(!isNumeric(range[i])) {
+                    if(isNumeric(range[1 - i])) {
+                        range[i] = range[1 - i] * (i ? 10 : 0.1);
+                    }
+                    else {
+                        ax[rangeAttr] = dflt;
+                        break;
+                    }
+                }
+
+                if(range[i] < -FP_SAFE) range[i] = -FP_SAFE;
+                else if(range[i] > FP_SAFE) range[i] = FP_SAFE;
+
+                if(range[0] === range[1]) {
+                    // somewhat arbitrary: split by 1 or 1ppm, whichever is bigger
+                    var inc = Math.max(1, Math.abs(range[0] * 1e-6));
+                    range[0] -= inc;
+                    range[1] += inc;
+                }
+            }
+        }
+    };
+
+    // set scaling to pixels
+    ax.setScale = function(usePrivateRange) {
+        var gs = fullLayout._size;
+
+        // TODO cleaner way to handle this case
+        if(!ax._categories) ax._categories = [];
+        // Add a map to optimize the performance of category collection
+        if(!ax._categoriesMap) ax._categoriesMap = {};
+
+        // make sure we have a domain (pull it in from the axis
+        // this one is overlaying if necessary)
+        if(ax.overlaying) {
+            var ax2 = axisIds.getFromId({ _fullLayout: fullLayout }, ax.overlaying);
+            ax.domain = ax2.domain;
+        }
+
+        // While transitions are occuring, occurring, we get a double-transform
+        // issue if we transform the drawn layer *and* use the new axis range to
+        // draw the data. This allows us to construct setConvert using the pre-
+        // interaction values of the range:
+        var rangeAttr = (usePrivateRange && ax._r) ? '_r' : 'range',
+            calendar = ax.calendar;
+        ax.cleanRange(rangeAttr);
+
+        var rl0 = ax.r2l(ax[rangeAttr][0], calendar),
+            rl1 = ax.r2l(ax[rangeAttr][1], calendar);
+
+        if(axLetter === 'y') {
+            ax._offset = gs.t + (1 - ax.domain[1]) * gs.h;
+            ax._length = gs.h * (ax.domain[1] - ax.domain[0]);
+            ax._m = ax._length / (rl0 - rl1);
+            ax._b = -ax._m * rl1;
+        }
+        else {
+            ax._offset = gs.l + ax.domain[0] * gs.w;
+            ax._length = gs.w * (ax.domain[1] - ax.domain[0]);
+            ax._m = ax._length / (rl1 - rl0);
+            ax._b = -ax._m * rl0;
+        }
+
+        if(!isFinite(ax._m) || !isFinite(ax._b)) {
+            Lib.notifier(
+                'Something went wrong with axis scaling',
+                'long');
+            fullLayout._replotting = false;
+            throw new Error('axis scaling');
+        }
+    };
+
+    // makeCalcdata: takes an x or y array and converts it
+    // to a position on the axis object "ax"
+    // inputs:
+    //      trace - a data object from gd.data
+    //      axLetter - a string, either 'x' or 'y', for which item
+    //          to convert (TODO: is this now always the same as
+    //          the first letter of ax._id?)
+    // in case the expected data isn't there, make a list of
+    // integers based on the opposite data
+    ax.makeCalcdata = function(trace, axLetter) {
+        var arrayIn, arrayOut, i;
+
+        var cal = ax.type === 'date' && trace[axLetter + 'calendar'];
+
+        if(axLetter in trace) {
+            arrayIn = trace[axLetter];
+            arrayOut = new Array(arrayIn.length);
+
+            for(i = 0; i < arrayIn.length; i++) {
+                arrayOut[i] = ax.d2c(arrayIn[i], 0, cal);
+            }
+        }
+        else {
+            var v0 = ((axLetter + '0') in trace) ?
+                    ax.d2c(trace[axLetter + '0'], 0, cal) : 0,
+                dv = (trace['d' + axLetter]) ?
+                    Number(trace['d' + axLetter]) : 1;
+
+            // the opposing data, for size if we have x and dx etc
+            arrayIn = trace[{x: 'y', y: 'x'}[axLetter]];
+            arrayOut = new Array(arrayIn.length);
+
+            for(i = 0; i < arrayIn.length; i++) arrayOut[i] = v0 + i * dv;
+        }
+        return arrayOut;
+    };
+
+    ax.isValidRange = function(range) {
+        return (
+            Array.isArray(range) &&
+            range.length === 2 &&
+            isNumeric(ax.r2l(range[0])) &&
+            isNumeric(ax.r2l(range[1]))
+        );
+    };
+
+    if(axLetter === 'x') {
+        ax.isPtWithinRange = function(d) {
+            var x = d.x;
+            return x >= ax.range[0] && x <= ax.range[1];
+        };
+    } else {
+        ax.isPtWithinRange = function(d) {
+            var y = d.y;
+            return y >= ax.range[0] && y <= ax.range[1];
+        };
+    }
+
+    // for autoranging: arrays of objects:
+    //      {val: axis value, pad: pixel padding}
+    // on the low and high sides
+    ax._min = [];
+    ax._max = [];
+
+    // copy ref to fullLayout.separators so that
+    // methods in Axes can use it w/o having to pass fullLayout
+    ax._separators = fullLayout.separators;
+
+    // and for bar charts and box plots: reset forced minimum tick spacing
+    delete ax._minDtick;
+    delete ax._forceTick0;
+};
+
+},{"../../constants/numerical":707,"../../lib":728,"./axis_ids":775,"./constants":777,"d3":122,"fast-isnumeric":131}],790:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+/**
+ * options: inherits font, outerTicks, noHover from axes.handleAxisDefaults
+ */
+module.exports = function handleTickLabelDefaults(containerIn, containerOut, coerce, axType, options) {
+    var showAttrDflt = getShowAttrDflt(containerIn);
+
+    var tickPrefix = coerce('tickprefix');
+    if(tickPrefix) coerce('showtickprefix', showAttrDflt);
+
+    var tickSuffix = coerce('ticksuffix');
+    if(tickSuffix) coerce('showticksuffix', showAttrDflt);
+
+    var showTickLabels = coerce('showticklabels');
+    if(showTickLabels) {
+        var font = options.font || {};
+        // as with titlefont.color, inherit axis.color only if one was
+        // explicitly provided
+        var dfltFontColor = (containerOut.color === containerIn.color) ?
+            containerOut.color : font.color;
+        Lib.coerceFont(coerce, 'tickfont', {
+            family: font.family,
+            size: font.size,
+            color: dfltFontColor
+        });
+        coerce('tickangle');
+
+        if(axType !== 'category') {
+            var tickFormat = coerce('tickformat');
+            if(!tickFormat && axType !== 'date') {
+                coerce('showexponent', showAttrDflt);
+                coerce('exponentformat');
+                coerce('separatethousands');
+            }
+        }
+    }
+
+    if(axType !== 'category' && !options.noHover) coerce('hoverformat');
+};
+
+/*
+ * Attributes 'showexponent', 'showtickprefix' and 'showticksuffix'
+ * share values.
+ *
+ * If only 1 attribute is set,
+ * the remaining attributes inherit that value.
+ *
+ * If 2 attributes are set to the same value,
+ * the remaining attribute inherits that value.
+ *
+ * If 2 attributes are set to different values,
+ * the remaining is set to its dflt value.
+ *
+ */
+function getShowAttrDflt(containerIn) {
+    var showAttrsAll = ['showexponent',
+            'showtickprefix',
+            'showticksuffix'],
+        showAttrs = showAttrsAll.filter(function(a) {
+            return containerIn[a] !== undefined;
+        }),
+        sameVal = function(a) {
+            return containerIn[a] === containerIn[showAttrs[0]];
+        };
+
+    if(showAttrs.every(sameVal) || showAttrs.length === 1) {
+        return containerIn[showAttrs[0]];
+    }
+}
+
+},{"../../lib":728}],791:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var layoutAttributes = require('./layout_attributes');
+
+
+/**
+ * options: inherits outerTicks from axes.handleAxisDefaults
+ */
+module.exports = function handleTickDefaults(containerIn, containerOut, coerce, options) {
+    var tickLen = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'ticklen'),
+        tickWidth = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'tickwidth'),
+        tickColor = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'tickcolor', containerOut.color),
+        showTicks = coerce('ticks', (options.outerTicks || tickLen || tickWidth || tickColor) ? 'outside' : '');
+
+    if(!showTicks) {
+        delete containerOut.ticklen;
+        delete containerOut.tickwidth;
+        delete containerOut.tickcolor;
+    }
+};
+
+},{"../../lib":728,"./layout_attributes":783}],792:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var Lib = require('../../lib');
+var ONEDAY = require('../../constants/numerical').ONEDAY;
+
+
+module.exports = function handleTickValueDefaults(containerIn, containerOut, coerce, axType) {
+    var tickmodeDefault = 'auto';
+
+    if(containerIn.tickmode === 'array' &&
+            (axType === 'log' || axType === 'date')) {
+        containerIn.tickmode = 'auto';
+    }
+
+    if(Array.isArray(containerIn.tickvals)) tickmodeDefault = 'array';
+    else if(containerIn.dtick) {
+        tickmodeDefault = 'linear';
+    }
+    var tickmode = coerce('tickmode', tickmodeDefault);
+
+    if(tickmode === 'auto') coerce('nticks');
+    else if(tickmode === 'linear') {
+        // dtick is usually a positive number, but there are some
+        // special strings available for log or date axes
+        // default is 1 day for dates, otherwise 1
+        var dtickDflt = (axType === 'date') ? ONEDAY : 1;
+        var dtick = coerce('dtick', dtickDflt);
+        if(isNumeric(dtick)) {
+            containerOut.dtick = (dtick > 0) ? Number(dtick) : dtickDflt;
+        }
+        else if(typeof dtick !== 'string') {
+            containerOut.dtick = dtickDflt;
+        }
+        else {
+            // date and log special cases are all one character plus a number
+            var prefix = dtick.charAt(0),
+                dtickNum = dtick.substr(1);
+
+            dtickNum = isNumeric(dtickNum) ? Number(dtickNum) : 0;
+            if((dtickNum <= 0) || !(
+                    // "M<n>" gives ticks every (integer) n months
+                    (axType === 'date' && prefix === 'M' && dtickNum === Math.round(dtickNum)) ||
+                    // "L<f>" gives ticks linearly spaced in data (not in position) every (float) f
+                    (axType === 'log' && prefix === 'L') ||
+                    // "D1" gives powers of 10 with all small digits between, "D2" gives only 2 and 5
+                    (axType === 'log' && prefix === 'D' && (dtickNum === 1 || dtickNum === 2))
+                )) {
+                containerOut.dtick = dtickDflt;
+            }
+        }
+
+        // tick0 can have different valType for different axis types, so
+        // validate that now. Also for dates, change milliseconds to date strings
+        var tick0Dflt = (axType === 'date') ? Lib.dateTick0(containerOut.calendar) : 0;
+        var tick0 = coerce('tick0', tick0Dflt);
+        if(axType === 'date') {
+            containerOut.tick0 = Lib.cleanDate(tick0, tick0Dflt);
+        }
+        // Aside from date axes, dtick must be numeric; D1 and D2 modes ignore tick0 entirely
+        else if(isNumeric(tick0) && dtick !== 'D1' && dtick !== 'D2') {
+            containerOut.tick0 = Number(tick0);
+        }
+        else {
+            containerOut.tick0 = tick0Dflt;
+        }
+    }
+    else {
+        var tickvals = coerce('tickvals');
+        if(tickvals === undefined) containerOut.tickmode = 'auto';
+        else coerce('ticktext');
+    }
+};
+
+},{"../../constants/numerical":707,"../../lib":728,"fast-isnumeric":131}],793:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Registry = require('../../registry');
+var Drawing = require('../../components/drawing');
+var Axes = require('./axes');
+var axisRegex = require('./constants').attrRegex;
+
+module.exports = function transitionAxes(gd, newLayout, transitionOpts, makeOnCompleteCallback) {
+    var fullLayout = gd._fullLayout;
+    var axes = [];
+
+    function computeUpdates(layout) {
+        var ai, attrList, match, axis, update;
+        var updates = {};
+
+        for(ai in layout) {
+            attrList = ai.split('.');
+            match = attrList[0].match(axisRegex);
+            if(match) {
+                var axisLetter = ai.charAt(0);
+                var axisName = attrList[0];
+                axis = fullLayout[axisName];
+                update = {};
+
+                if(Array.isArray(layout[ai])) {
+                    update.to = layout[ai].slice(0);
+                } else {
+                    if(Array.isArray(layout[ai].range)) {
+                        update.to = layout[ai].range.slice(0);
+                    }
+                }
+                if(!update.to) continue;
+
+                update.axisName = axisName;
+                update.length = axis._length;
+
+                axes.push(axisLetter);
+
+                updates[axisLetter] = update;
+            }
+        }
+
+        return updates;
+    }
+
+    function computeAffectedSubplots(fullLayout, updatedAxisIds, updates) {
+        var plotName;
+        var plotinfos = fullLayout._plots;
+        var affectedSubplots = [];
+        var toX, toY;
+
+        for(plotName in plotinfos) {
+            var plotinfo = plotinfos[plotName];
+
+            if(affectedSubplots.indexOf(plotinfo) !== -1) continue;
+
+            var x = plotinfo.xaxis._id;
+            var y = plotinfo.yaxis._id;
+            var fromX = plotinfo.xaxis.range;
+            var fromY = plotinfo.yaxis.range;
+
+            // Store the initial range at the beginning of this transition:
+            plotinfo.xaxis._r = plotinfo.xaxis.range.slice();
+            plotinfo.yaxis._r = plotinfo.yaxis.range.slice();
+
+            if(updates[x]) {
+                toX = updates[x].to;
+            } else {
+                toX = fromX;
+            }
+            if(updates[y]) {
+                toY = updates[y].to;
+            } else {
+                toY = fromY;
+            }
+
+            if(fromX[0] === toX[0] && fromX[1] === toX[1] && fromY[0] === toY[0] && fromY[1] === toY[1]) continue;
+
+            if(updatedAxisIds.indexOf(x) !== -1 || updatedAxisIds.indexOf(y) !== -1) {
+                affectedSubplots.push(plotinfo);
+            }
+        }
+
+        return affectedSubplots;
+    }
+
+    var updates = computeUpdates(newLayout);
+    var updatedAxisIds = Object.keys(updates);
+    var affectedSubplots = computeAffectedSubplots(fullLayout, updatedAxisIds, updates);
+
+    function updateLayoutObjs() {
+        function redrawObjs(objArray, method, shortCircuit) {
+            for(var i = 0; i < objArray.length; i++) {
+                method(gd, i);
+
+                // once is enough for images (which doesn't use the `i` arg anyway)
+                if(shortCircuit) return;
+            }
+        }
+
+        redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne'));
+        redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne'));
+        redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true);
+    }
+
+    if(!affectedSubplots.length) {
+        updateLayoutObjs();
+        return false;
+    }
+
+    function ticksAndAnnotations(xa, ya) {
+        var activeAxIds = [],
+            i;
+
+        activeAxIds = [xa._id, ya._id];
+
+        for(i = 0; i < activeAxIds.length; i++) {
+            Axes.doTicks(gd, activeAxIds[i], true);
+        }
+
+        function redrawObjs(objArray, method, shortCircuit) {
+            for(i = 0; i < objArray.length; i++) {
+                var obji = objArray[i];
+
+                if((activeAxIds.indexOf(obji.xref) !== -1) ||
+                    (activeAxIds.indexOf(obji.yref) !== -1)) {
+                    method(gd, i);
+                }
+
+                // once is enough for images (which doesn't use the `i` arg anyway)
+                if(shortCircuit) return;
+            }
+        }
+
+        redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne'));
+        redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne'));
+        redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true);
+    }
+
+    function unsetSubplotTransform(subplot) {
+        var xa2 = subplot.xaxis;
+        var ya2 = subplot.yaxis;
+
+        fullLayout._defs.select('#' + subplot.clipId + '> rect')
+            .call(Drawing.setTranslate, 0, 0)
+            .call(Drawing.setScale, 1, 1);
+
+        subplot.plot
+            .call(Drawing.setTranslate, xa2._offset, ya2._offset)
+            .call(Drawing.setScale, 1, 1);
+
+        var scatterPoints = subplot.plot.select('.scatterlayer').selectAll('.points');
+
+        // This is specifically directed at scatter traces, applying an inverse
+        // scale to individual points to counteract the scale of the trace
+        // as a whole:
+        scatterPoints.selectAll('.point')
+            .call(Drawing.setPointGroupScale, 1, 1)
+            .call(Drawing.hideOutsideRangePoints, subplot);
+
+        scatterPoints.selectAll('.textpoint')
+            .call(Drawing.setTextPointsScale, 1, 1)
+            .call(Drawing.hideOutsideRangePoints, subplot);
+    }
+
+    function updateSubplot(subplot, progress) {
+        var axis, r0, r1;
+        var xUpdate = updates[subplot.xaxis._id];
+        var yUpdate = updates[subplot.yaxis._id];
+
+        var viewBox = [];
+
+        if(xUpdate) {
+            axis = gd._fullLayout[xUpdate.axisName];
+            r0 = axis._r;
+            r1 = xUpdate.to;
+            viewBox[0] = (r0[0] * (1 - progress) + progress * r1[0] - r0[0]) / (r0[1] - r0[0]) * subplot.xaxis._length;
+            var dx1 = r0[1] - r0[0];
+            var dx2 = r1[1] - r1[0];
+
+            axis.range[0] = r0[0] * (1 - progress) + progress * r1[0];
+            axis.range[1] = r0[1] * (1 - progress) + progress * r1[1];
+
+            viewBox[2] = subplot.xaxis._length * ((1 - progress) + progress * dx2 / dx1);
+        } else {
+            viewBox[0] = 0;
+            viewBox[2] = subplot.xaxis._length;
+        }
+
+        if(yUpdate) {
+            axis = gd._fullLayout[yUpdate.axisName];
+            r0 = axis._r;
+            r1 = yUpdate.to;
+            viewBox[1] = (r0[1] * (1 - progress) + progress * r1[1] - r0[1]) / (r0[0] - r0[1]) * subplot.yaxis._length;
+            var dy1 = r0[1] - r0[0];
+            var dy2 = r1[1] - r1[0];
+
+            axis.range[0] = r0[0] * (1 - progress) + progress * r1[0];
+            axis.range[1] = r0[1] * (1 - progress) + progress * r1[1];
+
+            viewBox[3] = subplot.yaxis._length * ((1 - progress) + progress * dy2 / dy1);
+        } else {
+            viewBox[1] = 0;
+            viewBox[3] = subplot.yaxis._length;
+        }
+
+        ticksAndAnnotations(subplot.xaxis, subplot.yaxis);
+
+        var xa2 = subplot.xaxis;
+        var ya2 = subplot.yaxis;
+
+        var editX = !!xUpdate;
+        var editY = !!yUpdate;
+
+        var xScaleFactor = editX ? xa2._length / viewBox[2] : 1,
+            yScaleFactor = editY ? ya2._length / viewBox[3] : 1;
+
+        var clipDx = editX ? viewBox[0] : 0,
+            clipDy = editY ? viewBox[1] : 0;
+
+        var fracDx = editX ? (viewBox[0] / viewBox[2] * xa2._length) : 0,
+            fracDy = editY ? (viewBox[1] / viewBox[3] * ya2._length) : 0;
+
+        var plotDx = xa2._offset - fracDx,
+            plotDy = ya2._offset - fracDy;
+
+        fullLayout._defs.select('#' + subplot.clipId + '> rect')
+            .call(Drawing.setTranslate, clipDx, clipDy)
+            .call(Drawing.setScale, 1 / xScaleFactor, 1 / yScaleFactor);
+
+        subplot.plot
+            .call(Drawing.setTranslate, plotDx, plotDy)
+            .call(Drawing.setScale, xScaleFactor, yScaleFactor)
+
+            // This is specifically directed at scatter traces, applying an inverse
+            // scale to individual points to counteract the scale of the trace
+            // as a whole:
+            .selectAll('.points').selectAll('.point')
+                .call(Drawing.setPointGroupScale, 1 / xScaleFactor, 1 / yScaleFactor);
+
+        subplot.plot.selectAll('.points').selectAll('.textpoint')
+            .call(Drawing.setTextPointsScale, 1 / xScaleFactor, 1 / yScaleFactor);
+    }
+
+    var onComplete;
+    if(makeOnCompleteCallback) {
+        // This module makes the choice whether or not it notifies Plotly.transition
+        // about completion:
+        onComplete = makeOnCompleteCallback();
+    }
+
+    function transitionComplete() {
+        var aobj = {};
+        for(var i = 0; i < updatedAxisIds.length; i++) {
+            var axi = gd._fullLayout[updates[updatedAxisIds[i]].axisName];
+            var to = updates[updatedAxisIds[i]].to;
+            aobj[axi._name + '.range[0]'] = to[0];
+            aobj[axi._name + '.range[1]'] = to[1];
+
+            axi.range = to.slice();
+        }
+
+        // Signal that this transition has completed:
+        onComplete && onComplete();
+
+        return Plotly.relayout(gd, aobj).then(function() {
+            for(var i = 0; i < affectedSubplots.length; i++) {
+                unsetSubplotTransform(affectedSubplots[i]);
+            }
+        });
+    }
+
+    function transitionInterrupt() {
+        var aobj = {};
+        for(var i = 0; i < updatedAxisIds.length; i++) {
+            var axi = gd._fullLayout[updatedAxisIds[i] + 'axis'];
+            aobj[axi._name + '.range[0]'] = axi.range[0];
+            aobj[axi._name + '.range[1]'] = axi.range[1];
+
+            axi.range = axi._r.slice();
+        }
+
+        return Plotly.relayout(gd, aobj).then(function() {
+            for(var i = 0; i < affectedSubplots.length; i++) {
+                unsetSubplotTransform(affectedSubplots[i]);
+            }
+        });
+    }
+
+    var t1, t2, raf;
+    var easeFn = d3.ease(transitionOpts.easing);
+
+    gd._transitionData._interruptCallbacks.push(function() {
+        window.cancelAnimationFrame(raf);
+        raf = null;
+        return transitionInterrupt();
+    });
+
+    function doFrame() {
+        t2 = Date.now();
+
+        var tInterp = Math.min(1, (t2 - t1) / transitionOpts.duration);
+        var progress = easeFn(tInterp);
+
+        for(var i = 0; i < affectedSubplots.length; i++) {
+            updateSubplot(affectedSubplots[i], progress);
+        }
+
+        if(t2 - t1 > transitionOpts.duration) {
+            transitionComplete();
+            raf = window.cancelAnimationFrame(doFrame);
+        } else {
+            raf = window.requestAnimationFrame(doFrame);
+        }
+    }
+
+    t1 = Date.now();
+    raf = window.requestAnimationFrame(doFrame);
+
+    return Promise.resolve();
+};
+
+},{"../../components/drawing":628,"../../plotly":767,"../../registry":846,"./axes":772,"./constants":777,"d3":122}],794:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var autoType = require('./axis_autotype');
+var name2id = require('./axis_ids').name2id;
+
+/*
+ *  data: the plot data to use in choosing auto type
+ *  name: axis object name (ie 'xaxis') if one should be stored
+ */
+module.exports = function handleTypeDefaults(containerIn, containerOut, coerce, data, name) {
+    // set up some private properties
+    if(name) {
+        containerOut._name = name;
+        containerOut._id = name2id(name);
+    }
+
+    var axType = coerce('type');
+    if(axType === '-') {
+        setAutoType(containerOut, data);
+
+        if(containerOut.type === '-') {
+            containerOut.type = 'linear';
+        }
+        else {
+            // copy autoType back to input axis
+            // note that if this object didn't exist
+            // in the input layout, we have to put it in
+            // this happens in the main supplyDefaults function
+            containerIn.type = containerOut.type;
+        }
+    }
+};
+
+function setAutoType(ax, data) {
+    // new logic: let people specify any type they want,
+    // only autotype if type is '-'
+    if(ax.type !== '-') return;
+
+    var id = ax._id,
+        axLetter = id.charAt(0);
+
+    // support 3d
+    if(id.indexOf('scene') !== -1) id = axLetter;
+
+    var d0 = getFirstNonEmptyTrace(data, id, axLetter);
+    if(!d0) return;
+
+    // first check for histograms, as the count direction
+    // should always default to a linear axis
+    if(d0.type === 'histogram' &&
+            axLetter === {v: 'y', h: 'x'}[d0.orientation || 'v']) {
+        ax.type = 'linear';
+        return;
+    }
+
+    var calAttr = axLetter + 'calendar',
+        calendar = d0[calAttr];
+
+    // check all boxes on this x axis to see
+    // if they're dates, numbers, or categories
+    if(isBoxWithoutPositionCoords(d0, axLetter)) {
+        var posLetter = getBoxPosLetter(d0),
+            boxPositions = [],
+            trace;
+
+        for(var i = 0; i < data.length; i++) {
+            trace = data[i];
+            if(!Registry.traceIs(trace, 'box') ||
+               (trace[axLetter + 'axis'] || axLetter) !== id) continue;
+
+            if(trace[posLetter] !== undefined) boxPositions.push(trace[posLetter][0]);
+            else if(trace.name !== undefined) boxPositions.push(trace.name);
+            else boxPositions.push('text');
+
+            if(trace[calAttr] !== calendar) calendar = undefined;
+        }
+
+        ax.type = autoType(boxPositions, calendar);
+    }
+    else {
+        ax.type = autoType(d0[axLetter] || [d0[axLetter + '0']], calendar);
+    }
+}
+
+function getFirstNonEmptyTrace(data, id, axLetter) {
+    for(var i = 0; i < data.length; i++) {
+        var trace = data[i];
+
+        if((trace[axLetter + 'axis'] || axLetter) === id) {
+            if(isBoxWithoutPositionCoords(trace, axLetter)) {
+                return trace;
+            }
+            else if((trace[axLetter] || []).length || trace[axLetter + '0']) {
+                return trace;
+            }
+        }
+    }
+}
+
+function getBoxPosLetter(trace) {
+    return {v: 'x', h: 'y'}[trace.orientation || 'v'];
+}
+
+function isBoxWithoutPositionCoords(trace, axLetter) {
+    var posLetter = getBoxPosLetter(trace),
+        isBox = Registry.traceIs(trace, 'box'),
+        isCandlestick = Registry.traceIs(trace._fullInput || {}, 'candlestick');
+
+    return (
+        isBox &&
+        !isCandlestick &&
+        axLetter === posLetter &&
+        trace[posLetter] === undefined &&
+        trace[posLetter + '0'] === undefined
+    );
+}
+
+},{"../../registry":846,"./axis_autotype":773,"./axis_ids":775}],795:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plotly = require('../plotly');
+var Lib = require('../lib');
+
+/*
+ * Create or update an observer. This function is designed to be
+ * idempotent so that it can be called over and over as the component
+ * updates, and will attach and detach listeners as needed.
+ *
+ * @param {optional object} container
+ *      An object on which the observer is stored. This is the mechanism
+ *      by which it is idempotent. If it already exists, another won't be
+ *      added. Each time it's called, the value lookup table is updated.
+ * @param {array} commandList
+ *      An array of commands, following either `buttons` of `updatemenus`
+ *      or `steps` of `sliders`.
+ * @param {function} onchange
+ *      A listener called when the value is changed. Receives data object
+ *      with information about the new state.
+ */
+exports.manageCommandObserver = function(gd, container, commandList, onchange) {
+    var ret = {};
+    var enabled = true;
+
+    if(container && container._commandObserver) {
+        ret = container._commandObserver;
+    }
+
+    if(!ret.cache) {
+        ret.cache = {};
+    }
+
+    // Either create or just recompute this:
+    ret.lookupTable = {};
+
+    var binding = exports.hasSimpleAPICommandBindings(gd, commandList, ret.lookupTable);
+
+    if(container && container._commandObserver) {
+        if(!binding) {
+            // If container exists and there are no longer any bindings,
+            // remove existing:
+            if(container._commandObserver.remove) {
+                container._commandObserver.remove();
+                container._commandObserver = null;
+                return ret;
+            }
+        } else {
+            // If container exists and there *are* bindings, then the lookup
+            // table should have been updated and check is already attached,
+            // so there's nothing to be done:
+            return ret;
+
+
+        }
+    }
+
+    // Determine whether there's anything to do for this binding:
+
+    if(binding) {
+        // Build the cache:
+        bindingValueHasChanged(gd, binding, ret.cache);
+
+        ret.check = function check() {
+            if(!enabled) return;
+
+            var update = bindingValueHasChanged(gd, binding, ret.cache);
+
+            if(update.changed && onchange) {
+                // Disable checks for the duration of this command in order to avoid
+                // infinite loops:
+                if(ret.lookupTable[update.value] !== undefined) {
+                    ret.disable();
+                    Promise.resolve(onchange({
+                        value: update.value,
+                        type: binding.type,
+                        prop: binding.prop,
+                        traces: binding.traces,
+                        index: ret.lookupTable[update.value]
+                    })).then(ret.enable, ret.enable);
+                }
+            }
+
+            return update.changed;
+        };
+
+        var checkEvents = [
+            'plotly_relayout',
+            'plotly_redraw',
+            'plotly_restyle',
+            'plotly_update',
+            'plotly_animatingframe',
+            'plotly_afterplot'
+        ];
+
+        for(var i = 0; i < checkEvents.length; i++) {
+            gd._internalOn(checkEvents[i], ret.check);
+        }
+
+        ret.remove = function() {
+            for(var i = 0; i < checkEvents.length; i++) {
+                gd._removeInternalListener(checkEvents[i], ret.check);
+            }
+        };
+    } else {
+        // TODO: It'd be really neat to actually give a *reason* for this, but at least a warning
+        // is a start
+        Lib.warn('Unable to automatically bind plot updates to API command');
+
+        ret.lookupTable = {};
+        ret.remove = function() {};
+    }
+
+    ret.disable = function disable() {
+        enabled = false;
+    };
+
+    ret.enable = function enable() {
+        enabled = true;
+    };
+
+    if(container) {
+        container._commandObserver = ret;
+    }
+
+    return ret;
+};
+
+/*
+ * This function checks to see if an array of objects containing
+ * method and args properties is compatible with automatic two-way
+ * binding. The criteria right now are that
+ *
+ *   1. multiple traces may be affected
+ *   2. only one property may be affected
+ *   3. the same property must be affected by all commands
+ */
+exports.hasSimpleAPICommandBindings = function(gd, commandList, bindingsByValue) {
+    var i;
+    var n = commandList.length;
+
+    var refBinding;
+
+    for(i = 0; i < n; i++) {
+        var binding;
+        var command = commandList[i];
+        var method = command.method;
+        var args = command.args;
+
+        if(!Array.isArray(args)) args = [];
+
+        // If any command has no method, refuse to bind:
+        if(!method) {
+            return false;
+        }
+        var bindings = exports.computeAPICommandBindings(gd, method, args);
+
+        // Right now, handle one and *only* one property being set:
+        if(bindings.length !== 1) {
+            return false;
+        }
+
+        if(!refBinding) {
+            refBinding = bindings[0];
+            if(Array.isArray(refBinding.traces)) {
+                refBinding.traces.sort();
+            }
+        } else {
+            binding = bindings[0];
+            if(binding.type !== refBinding.type) {
+                return false;
+            }
+            if(binding.prop !== refBinding.prop) {
+                return false;
+            }
+            if(Array.isArray(refBinding.traces)) {
+                if(Array.isArray(binding.traces)) {
+                    binding.traces.sort();
+                    for(var j = 0; j < refBinding.traces.length; j++) {
+                        if(refBinding.traces[j] !== binding.traces[j]) {
+                            return false;
+                        }
+                    }
+                } else {
+                    return false;
+                }
+            } else {
+                if(binding.prop !== refBinding.prop) {
+                    return false;
+                }
+            }
+        }
+
+        binding = bindings[0];
+        var value = binding.value;
+        if(Array.isArray(value)) {
+            if(value.length === 1) {
+                value = value[0];
+            } else {
+                return false;
+            }
+        }
+        if(bindingsByValue) {
+            bindingsByValue[value] = i;
+        }
+    }
+
+    return refBinding;
+};
+
+function bindingValueHasChanged(gd, binding, cache) {
+    var container, value, obj;
+    var changed = false;
+
+    if(binding.type === 'data') {
+        // If it's data, we need to get a trace. Based on the limited scope
+        // of what we cover, we can just take the first trace from the list,
+        // or otherwise just the first trace:
+        container = gd._fullData[binding.traces !== null ? binding.traces[0] : 0];
+    } else if(binding.type === 'layout') {
+        container = gd._fullLayout;
+    } else {
+        return false;
+    }
+
+    value = Lib.nestedProperty(container, binding.prop).get();
+
+    obj = cache[binding.type] = cache[binding.type] || {};
+
+    if(obj.hasOwnProperty(binding.prop)) {
+        if(obj[binding.prop] !== value) {
+            changed = true;
+        }
+    }
+
+    obj[binding.prop] = value;
+
+    return {
+        changed: changed,
+        value: value
+    };
+}
+
+/*
+ * Execute an API command. There's really not much to this; it just provides
+ * a common hook so that implementations don't need to be synchronized across
+ * multiple components with the ability to invoke API commands.
+ *
+ * @param {string} method
+ *      The name of the plotly command to execute. Must be one of 'animate',
+ *      'restyle', 'relayout', 'update'.
+ * @param {array} args
+ *      A list of arguments passed to the API command
+ */
+exports.executeAPICommand = function(gd, method, args) {
+    if(method === 'skip') return Promise.resolve();
+
+    var apiMethod = Plotly[method];
+
+    var allArgs = [gd];
+
+    if(!Array.isArray(args)) args = [];
+
+    for(var i = 0; i < args.length; i++) {
+        allArgs.push(args[i]);
+    }
+
+    return apiMethod.apply(null, allArgs).catch(function(err) {
+        Lib.warn('API call to Plotly.' + method + ' rejected.', err);
+        return Promise.reject(err);
+    });
+};
+
+exports.computeAPICommandBindings = function(gd, method, args) {
+    var bindings;
+
+    if(!Array.isArray(args)) args = [];
+
+    switch(method) {
+        case 'restyle':
+            bindings = computeDataBindings(gd, args);
+            break;
+        case 'relayout':
+            bindings = computeLayoutBindings(gd, args);
+            break;
+        case 'update':
+            bindings = computeDataBindings(gd, [args[0], args[2]])
+                .concat(computeLayoutBindings(gd, [args[1]]));
+            break;
+        case 'animate':
+            bindings = computeAnimateBindings(gd, args);
+            break;
+        default:
+            // This is the case where intelligent logic about what affects
+            // this command is not implemented. It causes no ill effects.
+            // For example, addFrames simply won't bind to a control component.
+            bindings = [];
+    }
+    return bindings;
+};
+
+function computeAnimateBindings(gd, args) {
+    // We'll assume that the only relevant modification an animation
+    // makes that's meaningfully tracked is the frame:
+    if(Array.isArray(args[0]) && args[0].length === 1 && ['string', 'number'].indexOf(typeof args[0][0]) !== -1) {
+        return [{type: 'layout', prop: '_currentFrame', value: args[0][0].toString()}];
+    } else {
+        return [];
+    }
+}
+
+function computeLayoutBindings(gd, args) {
+    var bindings = [];
+
+    var astr = args[0];
+    var aobj = {};
+    if(typeof astr === 'string') {
+        aobj[astr] = args[1];
+    } else if(Lib.isPlainObject(astr)) {
+        aobj = astr;
+    } else {
+        return bindings;
+    }
+
+    crawl(aobj, function(path, attrName, attr) {
+        bindings.push({type: 'layout', prop: path, value: attr});
+    }, '', 0);
+
+    return bindings;
+}
+
+function computeDataBindings(gd, args) {
+    var traces, astr, val, aobj;
+    var bindings = [];
+
+    // Logic copied from Plotly.restyle:
+    astr = args[0];
+    val = args[1];
+    traces = args[2];
+    aobj = {};
+    if(typeof astr === 'string') {
+        aobj[astr] = val;
+    } else if(Lib.isPlainObject(astr)) {
+        // the 3-arg form
+        aobj = astr;
+
+        if(traces === undefined) {
+            traces = val;
+        }
+    } else {
+        return bindings;
+    }
+
+    if(traces === undefined) {
+        // Explicitly assign this to null instead of undefined:
+        traces = null;
+    }
+
+    crawl(aobj, function(path, attrName, attr) {
+        var thisTraces;
+        if(Array.isArray(attr)) {
+            var nAttr = Math.min(attr.length, gd.data.length);
+            if(traces) {
+                nAttr = Math.min(nAttr, traces.length);
+            }
+            thisTraces = [];
+            for(var j = 0; j < nAttr; j++) {
+                thisTraces[j] = traces ? traces[j] : j;
+            }
+        } else {
+            thisTraces = traces ? traces.slice(0) : null;
+        }
+
+        // Convert [7] to just 7 when traces is null:
+        if(thisTraces === null) {
+            if(Array.isArray(attr)) {
+                attr = attr[0];
+            }
+        } else if(Array.isArray(thisTraces)) {
+            if(!Array.isArray(attr)) {
+                var tmp = attr;
+                attr = [];
+                for(var i = 0; i < thisTraces.length; i++) {
+                    attr[i] = tmp;
+                }
+            }
+            attr.length = Math.min(thisTraces.length, attr.length);
+        }
+
+        bindings.push({
+            type: 'data',
+            prop: path,
+            traces: thisTraces,
+            value: attr
+        });
+    }, '', 0);
+
+    return bindings;
+}
+
+function crawl(attrs, callback, path, depth) {
+    Object.keys(attrs).forEach(function(attrName) {
+        var attr = attrs[attrName];
+
+        if(attrName[0] === '_') return;
+
+        var thisPath = path + (depth > 0 ? '.' : '') + attrName;
+
+        if(Lib.isPlainObject(attr)) {
+            crawl(attr, callback, thisPath, depth + 1);
+        } else {
+            // Only execute the callback on leaf nodes:
+            callback(thisPath, attrName, attr);
+        }
+    });
+}
+
+},{"../lib":728,"../plotly":767}],796:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * make a font attribute group
+ *
+ * @param {object} opts
+ *   @param {string}
+ *     opts.description: where & how this font is used
+ *   @param {optional bool} arrayOk:
+ *     should each part (family, size, color) be arrayOk? default false.
+ *   @param {string} editType:
+ *     the editType for all pieces of this font
+ *   @param {optional string} colorEditType:
+ *     a separate editType just for color
+ *
+ * @return {object} attributes object containing {family, size, color} as specified
+ */
+module.exports = function(opts) {
+    var editType = opts.editType;
+    var colorEditType = opts.colorEditType;
+    if(colorEditType === undefined) colorEditType = editType;
+    var attrs = {
+        family: {
+            valType: 'string',
+            
+            noBlank: true,
+            strict: true,
+            editType: editType,
+            
+        },
+        size: {
+            valType: 'number',
+            
+            min: 1,
+            editType: editType
+        },
+        color: {
+            valType: 'color',
+            
+            editType: colorEditType
+        },
+        editType: editType,
+        // blank strings so compress_attributes can remove
+        // TODO - that's uber hacky... better solution?
+        
+    };
+
+    if(opts.arrayOk) {
+        attrs.family.arrayOk = true;
+        attrs.size.arrayOk = true;
+        attrs.color.arrayOk = true;
+    }
+
+    return attrs;
+};
+
+},{}],797:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    _isLinkedToArray: 'frames_entry',
+
+    group: {
+        valType: 'string',
+        
+        
+    },
+    name: {
+        valType: 'string',
+        
+        
+    },
+    traces: {
+        valType: 'any',
+        
+        
+    },
+    baseframe: {
+        valType: 'string',
+        
+        
+    },
+    data: {
+        valType: 'any',
+        
+        
+    },
+    layout: {
+        valType: 'any',
+        
+        
+    }
+};
+
+},{}],798:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// projection names to d3 function name
+exports.projNames = {
+    // d3.geo.projection
+    'equirectangular': 'equirectangular',
+    'mercator': 'mercator',
+    'orthographic': 'orthographic',
+    'natural earth': 'naturalEarth',
+    'kavrayskiy7': 'kavrayskiy7',
+    'miller': 'miller',
+    'robinson': 'robinson',
+    'eckert4': 'eckert4',
+    'azimuthal equal area': 'azimuthalEqualArea',
+    'azimuthal equidistant': 'azimuthalEquidistant',
+    'conic equal area': 'conicEqualArea',
+    'conic conformal': 'conicConformal',
+    'conic equidistant': 'conicEquidistant',
+    'gnomonic': 'gnomonic',
+    'stereographic': 'stereographic',
+    'mollweide': 'mollweide',
+    'hammer': 'hammer',
+    'transverse mercator': 'transverseMercator',
+    'albers usa': 'albersUsa',
+    'winkel tripel': 'winkel3',
+    'aitoff': 'aitoff',
+    'sinusoidal': 'sinusoidal'
+};
+
+// name of the axes
+exports.axesNames = ['lonaxis', 'lataxis'];
+
+// max longitudinal angular span (EXPERIMENTAL)
+exports.lonaxisSpan = {
+    'orthographic': 180,
+    'azimuthal equal area': 360,
+    'azimuthal equidistant': 360,
+    'conic conformal': 180,
+    'gnomonic': 160,
+    'stereographic': 180,
+    'transverse mercator': 180,
+    '*': 360
+};
+
+// max latitudinal angular span (EXPERIMENTAL)
+exports.lataxisSpan = {
+    'conic conformal': 150,
+    'stereographic': 179.5,
+    '*': 180
+};
+
+// defaults for each scope
+exports.scopeDefaults = {
+    world: {
+        lonaxisRange: [-180, 180],
+        lataxisRange: [-90, 90],
+        projType: 'equirectangular',
+        projRotate: [0, 0, 0]
+    },
+    usa: {
+        lonaxisRange: [-180, -50],
+        lataxisRange: [15, 80],
+        projType: 'albers usa'
+    },
+    europe: {
+        lonaxisRange: [-30, 60],
+        lataxisRange: [30, 85],
+        projType: 'conic conformal',
+        projRotate: [15, 0, 0],
+        projParallels: [0, 60]
+    },
+    asia: {
+        lonaxisRange: [22, 160],
+        lataxisRange: [-15, 55],
+        projType: 'mercator',
+        projRotate: [0, 0, 0]
+    },
+    africa: {
+        lonaxisRange: [-30, 60],
+        lataxisRange: [-40, 40],
+        projType: 'mercator',
+        projRotate: [0, 0, 0]
+    },
+    'north america': {
+        lonaxisRange: [-180, -45],
+        lataxisRange: [5, 85],
+        projType: 'conic conformal',
+        projRotate: [-100, 0, 0],
+        projParallels: [29.5, 45.5]
+    },
+    'south america': {
+        lonaxisRange: [-100, -30],
+        lataxisRange: [-60, 15],
+        projType: 'mercator',
+        projRotate: [0, 0, 0]
+    }
+};
+
+// angular pad to avoid rounding error around clip angles
+exports.clipPad = 1e-3;
+
+// map projection precision
+exports.precision = 0.1;
+
+// default land and water fill colors
+exports.landColor = '#F0DC82';
+exports.waterColor = '#3399FF';
+
+// locationmode to layer name
+exports.locationmodeToLayer = {
+    'ISO-3': 'countries',
+    'USA-states': 'subunits',
+    'country names': 'countries'
+};
+
+// SVG element for a sphere (use to frame maps)
+exports.sphereSVG = {type: 'Sphere'};
+
+// N.B. base layer names must be the same as in the topojson files
+
+// base layer with a fill color
+exports.fillLayers = {
+    ocean: 1,
+    land: 1,
+    lakes: 1
+};
+
+// base layer with a only a line color
+exports.lineLayers = {
+    subunits: 1,
+    countries: 1,
+    coastlines: 1,
+    rivers: 1,
+    frame: 1
+};
+
+exports.layers = [
+    'bg',
+    'ocean', 'land', 'lakes',
+    'subunits', 'countries', 'coastlines', 'rivers',
+    'lataxis', 'lonaxis', 'frame',
+    'backplot',
+    'frontplot'
+];
+
+exports.layersForChoropleth = [
+    'bg',
+    'ocean', 'land',
+    'subunits', 'countries', 'coastlines',
+    'lataxis', 'lonaxis', 'frame',
+    'backplot',
+    'rivers', 'lakes',
+    'frontplot'
+];
+
+exports.layerNameToAdjective = {
+    ocean: 'ocean',
+    land: 'land',
+    lakes: 'lake',
+    subunits: 'subunit',
+    countries: 'country',
+    coastlines: 'coastline',
+    rivers: 'river',
+    frame: 'frame'
+};
+
+},{}],799:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/* global PlotlyGeoAssets:false */
+
+var d3 = require('d3');
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var Fx = require('../../components/fx');
+var Plots = require('../plots');
+var Axes = require('../cartesian/axes');
+var dragElement = require('../../components/dragelement');
+var prepSelect = require('../cartesian/select');
+
+var createGeoZoom = require('./zoom');
+var constants = require('./constants');
+
+var topojsonUtils = require('../../lib/topojson_utils');
+var topojsonFeature = require('topojson-client').feature;
+
+require('./projections')(d3);
+
+function Geo(opts) {
+    this.id = opts.id;
+    this.graphDiv = opts.graphDiv;
+    this.container = opts.container;
+    this.topojsonURL = opts.topojsonURL;
+    this.isStatic = opts.staticPlot;
+
+    this.topojsonName = null;
+    this.topojson = null;
+
+    this.projection = null;
+    this.viewInitial = null;
+    this.fitScale = null;
+    this.bounds = null;
+    this.midPt = null;
+
+    this.hasChoropleth = false;
+    this.traceHash = {};
+
+    this.layers = {};
+    this.basePaths = {};
+    this.dataPaths = {};
+    this.dataPoints = {};
+
+    this.clipDef = null;
+    this.clipRect = null;
+    this.bgRect = null;
+
+    this.makeFramework();
+}
+
+var proto = Geo.prototype;
+
+module.exports = function createGeo(opts) {
+    return new Geo(opts);
+};
+
+proto.plot = function(geoCalcData, fullLayout, promises) {
+    var _this = this;
+    var geoLayout = fullLayout[this.id];
+    var topojsonNameNew = topojsonUtils.getTopojsonName(geoLayout);
+
+    if(_this.topojson === null || topojsonNameNew !== _this.topojsonName) {
+        _this.topojsonName = topojsonNameNew;
+
+        if(PlotlyGeoAssets.topojson[_this.topojsonName] === undefined) {
+            promises.push(_this.fetchTopojson().then(function(topojson) {
+                PlotlyGeoAssets.topojson[_this.topojsonName] = topojson;
+                _this.topojson = topojson;
+                _this.update(geoCalcData, fullLayout);
+            }));
+        } else {
+            _this.topojson = PlotlyGeoAssets.topojson[_this.topojsonName];
+            _this.update(geoCalcData, fullLayout);
+        }
+    } else {
+        _this.update(geoCalcData, fullLayout);
+    }
+};
+
+proto.fetchTopojson = function() {
+    var topojsonPath = topojsonUtils.getTopojsonPath(
+        this.topojsonURL,
+        this.topojsonName
+    );
+    return new Promise(function(resolve, reject) {
+        d3.json(topojsonPath, function(err, topojson) {
+            if(err) {
+                if(err.status === 404) {
+                    return reject(new Error([
+                        'plotly.js could not find topojson file at',
+                        topojsonPath, '.',
+                        'Make sure the *topojsonURL* plot config option',
+                        'is set properly.'
+                    ].join(' ')));
+                } else {
+                    return reject(new Error([
+                        'unexpected error while fetching topojson file at',
+                        topojsonPath
+                    ].join(' ')));
+                }
+            }
+            resolve(topojson);
+        });
+    });
+};
+
+proto.update = function(geoCalcData, fullLayout) {
+    var geoLayout = fullLayout[this.id];
+
+    var hasInvalidBounds = this.updateProjection(fullLayout, geoLayout);
+    if(hasInvalidBounds) return;
+
+    // important: maps with choropleth traces have a different layer order
+    this.hasChoropleth = false;
+    for(var i = 0; i < geoCalcData.length; i++) {
+        if(geoCalcData[i][0].trace.type === 'choropleth') {
+            this.hasChoropleth = true;
+            break;
+        }
+    }
+
+    if(!this.viewInitial) {
+        this.saveViewInitial(geoLayout);
+    }
+
+    this.updateBaseLayers(fullLayout, geoLayout);
+    this.updateDims(fullLayout, geoLayout);
+    this.updateFx(fullLayout, geoLayout);
+
+    Plots.generalUpdatePerTraceModule(this, geoCalcData, geoLayout);
+
+    var scatterLayer = this.layers.frontplot.select('.scatterlayer');
+    this.dataPoints.point = scatterLayer.selectAll('.point');
+    this.dataPoints.text = scatterLayer.selectAll('text');
+    this.dataPaths.line = scatterLayer.selectAll('.js-line');
+
+    var choroplethLayer = this.layers.backplot.select('.choroplethlayer');
+    this.dataPaths.choropleth = choroplethLayer.selectAll('path');
+
+    this.render();
+};
+
+proto.updateProjection = function(fullLayout, geoLayout) {
+    var gs = fullLayout._size;
+    var domain = geoLayout.domain;
+    var projLayout = geoLayout.projection;
+    var rotation = projLayout.rotation || {};
+    var center = geoLayout.center || {};
+
+    var projection = this.projection = getProjection(geoLayout);
+
+    // set 'pre-fit' projection
+    projection
+        .center([center.lon - rotation.lon, center.lat - rotation.lat])
+        .rotate([-rotation.lon, -rotation.lat, rotation.roll])
+        .parallels(projLayout.parallels);
+
+    // setup subplot extent [[x0,y0], [x1,y1]]
+    var extent = [[
+        gs.l + gs.w * domain.x[0],
+        gs.t + gs.h * (1 - domain.y[1])
+    ], [
+        gs.l + gs.w * domain.x[1],
+        gs.t + gs.h * (1 - domain.y[0])
+    ]];
+
+    var lonaxis = geoLayout.lonaxis;
+    var lataxis = geoLayout.lataxis;
+    var rangeBox = makeRangeBox(lonaxis.range, lataxis.range);
+
+    // fit projection 'scale' and 'translate' to set lon/lat ranges
+    projection.fitExtent(extent, rangeBox);
+
+    var b = this.bounds = projection.getBounds(rangeBox);
+    var s = this.fitScale = projection.scale();
+    var t = projection.translate();
+
+    if(
+        !isFinite(b[0][0]) || !isFinite(b[0][1]) ||
+        !isFinite(b[1][0]) || !isFinite(b[1][1]) ||
+        isNaN(t[0]) || isNaN(t[0])
+    ) {
+        var gd = this.graphDiv;
+        var attrToUnset = ['projection.rotation', 'center', 'lonaxis.range', 'lataxis.range'];
+        var msg = 'Invalid geo settings, relayout\'ing to default view.';
+        var updateObj = {};
+
+        // clear all attribute that could cause invalid bounds,
+        // clear viewInitial to update reset-view behavior
+
+        for(var i = 0; i < attrToUnset.length; i++) {
+            updateObj[this.id + '.' + attrToUnset[i]] = null;
+        }
+
+        this.viewInitial = null;
+
+        Lib.warn(msg);
+        gd._promises.push(Plotly.relayout(gd, updateObj));
+        return msg;
+    }
+
+    // px coordinates of view mid-point,
+    // useful to update `geo.center` after interactions
+    var midPt = this.midPt = [
+        (b[0][0] + b[1][0]) / 2,
+        (b[0][1] + b[1][1]) / 2
+    ];
+
+    // adjust projection to user setting
+    projection
+        .scale(projLayout.scale * s)
+        .translate([t[0] + (midPt[0] - t[0]), t[1] + (midPt[1] - t[1])])
+        .clipExtent(b);
+
+    // the 'albers usa' projection does not expose a 'center' method
+    // so here's this hack to make it respond to 'geoLayout.center'
+    if(geoLayout._isAlbersUsa) {
+        var centerPx = projection([center.lon, center.lat]);
+        var tt = projection.translate();
+
+        projection.translate([
+            tt[0] - (centerPx[0] - tt[0]),
+            tt[1] - (centerPx[1] - tt[1])
+        ]);
+    }
+};
+
+proto.updateBaseLayers = function(fullLayout, geoLayout) {
+    var _this = this;
+    var topojson = _this.topojson;
+    var layers = _this.layers;
+    var basePaths = _this.basePaths;
+
+    function isAxisLayer(d) {
+        return (d === 'lonaxis' || d === 'lataxis');
+    }
+
+    function isLineLayer(d) {
+        return Boolean(constants.lineLayers[d]);
+    }
+
+    function isFillLayer(d) {
+        return Boolean(constants.fillLayers[d]);
+    }
+
+    var allLayers = this.hasChoropleth ?
+        constants.layersForChoropleth :
+        constants.layers;
+
+    var layerData = allLayers.filter(function(d) {
+        return (isLineLayer(d) || isFillLayer(d)) ? geoLayout['show' + d] :
+            isAxisLayer(d) ? geoLayout[d].showgrid :
+            true;
+    });
+
+    var join = _this.framework.selectAll('.layer')
+        .data(layerData, String);
+
+    join.exit().each(function(d) {
+        delete layers[d];
+        delete basePaths[d];
+        d3.select(this).remove();
+    });
+
+    join.enter().append('g')
+        .attr('class', function(d) { return 'layer ' + d; })
+        .each(function(d) {
+            var layer = layers[d] = d3.select(this);
+
+            if(d === 'bg') {
+                _this.bgRect = layer.append('rect')
+                    .style('pointer-events', 'all');
+            } else if(isAxisLayer(d)) {
+                basePaths[d] = layer.append('path')
+                    .style('fill', 'none');
+            } else if(d === 'backplot') {
+                layer.append('g')
+                    .classed('choroplethlayer', true);
+            } else if(d === 'frontplot') {
+                layer.append('g')
+                    .classed('scatterlayer', true);
+            } else if(isLineLayer(d)) {
+                basePaths[d] = layer.append('path')
+                    .style('fill', 'none')
+                    .style('stroke-miterlimit', 2);
+            } else if(isFillLayer(d)) {
+                basePaths[d] = layer.append('path')
+                    .style('stroke', 'none');
+            }
+        });
+
+    join.order();
+
+    join.each(function(d) {
+        var path = basePaths[d];
+        var adj = constants.layerNameToAdjective[d];
+
+        if(d === 'frame') {
+            path.datum(constants.sphereSVG);
+        } else if(isLineLayer(d) || isFillLayer(d)) {
+            path.datum(topojsonFeature(topojson, topojson.objects[d]));
+        } else if(isAxisLayer(d)) {
+            path.datum(makeGraticule(d, geoLayout))
+                .call(Color.stroke, geoLayout[d].gridcolor)
+                .call(Drawing.dashLine, '', geoLayout[d].gridwidth);
+        }
+
+        if(isLineLayer(d)) {
+            path.call(Color.stroke, geoLayout[adj + 'color'])
+                .call(Drawing.dashLine, '', geoLayout[adj + 'width']);
+        } else if(isFillLayer(d)) {
+            path.call(Color.fill, geoLayout[adj + 'color']);
+        }
+    });
+};
+
+proto.updateDims = function(fullLayout, geoLayout) {
+    var b = this.bounds;
+    var hFrameWidth = (geoLayout.framewidth || 0) / 2;
+
+    var l = b[0][0] - hFrameWidth;
+    var t = b[0][1] - hFrameWidth;
+    var w = b[1][0] - l + hFrameWidth;
+    var h = b[1][1] - t + hFrameWidth;
+
+    Drawing.setRect(this.clipRect, l, t, w, h);
+
+    this.bgRect
+        .call(Drawing.setRect, l, t, w, h)
+        .call(Color.fill, geoLayout.bgcolor);
+
+    this.xaxis._offset = l;
+    this.xaxis._length = w;
+
+    this.yaxis._offset = t;
+    this.yaxis._length = h;
+};
+
+proto.updateFx = function(fullLayout, geoLayout) {
+    var _this = this;
+    var gd = _this.graphDiv;
+    var bgRect = _this.bgRect;
+    var dragMode = fullLayout.dragmode;
+
+    if(_this.isStatic) return;
+
+    function zoomReset() {
+        var viewInitial = _this.viewInitial;
+        var updateObj = {};
+
+        for(var k in viewInitial) {
+            updateObj[_this.id + '.' + k] = viewInitial[k];
+        }
+
+        Plotly.relayout(gd, updateObj);
+        gd.emit('plotly_doubleclick', null);
+    }
+
+    function invert(lonlat) {
+        return _this.projection.invert([
+            lonlat[0] + _this.xaxis._offset,
+            lonlat[1] + _this.yaxis._offset
+        ]);
+    }
+
+    if(dragMode === 'pan') {
+        bgRect.node().onmousedown = null;
+        bgRect.call(createGeoZoom(_this, geoLayout));
+        bgRect.on('dblclick.zoom', zoomReset);
+    }
+    else if(dragMode === 'select' || dragMode === 'lasso') {
+        bgRect.on('.zoom', null);
+
+        var fillRangeItems;
+
+        if(dragMode === 'select') {
+            fillRangeItems = function(eventData, poly) {
+                var ranges = eventData.range = {};
+                ranges[_this.id] = [
+                    invert([poly.xmin, poly.ymin]),
+                    invert([poly.xmax, poly.ymax])
+                ];
+            };
+        } else if(dragMode === 'lasso') {
+            fillRangeItems = function(eventData, poly, pts) {
+                var dataPts = eventData.lassoPoints = {};
+                dataPts[_this.id] = pts.filtered.map(invert);
+            };
+        }
+
+        var dragOptions = {
+            element: _this.bgRect.node(),
+            gd: gd,
+            plotinfo: {
+                xaxis: _this.xaxis,
+                yaxis: _this.yaxis,
+                fillRangeItems: fillRangeItems
+            },
+            xaxes: [_this.xaxis],
+            yaxes: [_this.yaxis],
+            subplot: _this.id
+        };
+
+        dragOptions.prepFn = function(e, startX, startY) {
+            prepSelect(e, startX, startY, dragOptions, dragMode);
+        };
+
+        dragOptions.doneFn = function(dragged, numClicks) {
+            if(numClicks === 2) {
+                fullLayout._zoomlayer.selectAll('.select-outline').remove();
+            }
+        };
+
+        dragElement.init(dragOptions);
+    }
+
+    bgRect.on('mousemove', function() {
+        var lonlat = _this.projection.invert(d3.mouse(this));
+
+        if(!lonlat || isNaN(lonlat[0]) || isNaN(lonlat[1])) {
+            return dragElement.unhover(gd, d3.event);
+        }
+
+        _this.xaxis.p2c = function() { return lonlat[0]; };
+        _this.yaxis.p2c = function() { return lonlat[1]; };
+
+        Fx.hover(gd, d3.event, _this.id);
+    });
+
+    bgRect.on('mouseout', function() {
+        dragElement.unhover(gd, d3.event);
+    });
+
+    bgRect.on('click', function() {
+        Fx.click(gd, d3.event);
+    });
+};
+
+proto.makeFramework = function() {
+    var _this = this;
+    var fullLayout = _this.graphDiv._fullLayout;
+    var clipId = 'clip' + fullLayout._uid + _this.id;
+
+    _this.clipDef = fullLayout._clips.append('clipPath')
+        .attr('id', clipId);
+
+    _this.clipRect = _this.clipDef.append('rect');
+
+    _this.framework = d3.select(_this.container).append('g')
+        .attr('class', 'geo ' + _this.id)
+        .call(Drawing.setClipUrl, clipId);
+
+    // sane lonlat to px
+    _this.project = function(v) {
+        var px = _this.projection(v);
+        return px ?
+            [px[0] - _this.xaxis._offset, px[1] - _this.yaxis._offset] :
+            [null, null];
+    };
+
+    _this.xaxis = {
+        _id: 'x',
+        c2p: function(v) { return _this.project(v)[0]; }
+    };
+
+    _this.yaxis = {
+        _id: 'y',
+        c2p: function(v) { return _this.project(v)[1]; }
+    };
+
+    // mock axis for hover formatting
+    _this.mockAxis = {
+        type: 'linear',
+        showexponent: 'all',
+        exponentformat: 'B'
+    };
+    Axes.setConvert(_this.mockAxis, fullLayout);
+};
+
+proto.saveViewInitial = function(geoLayout) {
+    var center = geoLayout.center || {};
+    var projLayout = geoLayout.projection;
+    var rotation = projLayout.rotation || {};
+
+    if(geoLayout._isScoped) {
+        this.viewInitial = {
+            'center.lon': center.lon,
+            'center.lat': center.lat,
+            'projection.scale': projLayout.scale
+        };
+    } else if(geoLayout._isClipped) {
+        this.viewInitial = {
+            'projection.scale': projLayout.scale,
+            'projection.rotation.lon': rotation.lon,
+            'projection.rotation.lat': rotation.lat
+        };
+    } else {
+        this.viewInitial = {
+            'center.lon': center.lon,
+            'center.lat': center.lat,
+            'projection.scale': projLayout.scale,
+            'projection.rotation.lon': rotation.lon
+        };
+    }
+};
+
+// [hot code path] (re)draw all paths which depend on the projection
+proto.render = function() {
+    var projection = this.projection;
+    var pathFn = projection.getPath();
+    var k;
+
+    function translatePoints(d) {
+        var lonlatPx = projection(d.lonlat);
+        return lonlatPx ?
+            'translate(' + lonlatPx[0] + ',' + lonlatPx[1] + ')' :
+             null;
+    }
+
+    function hideShowPoints(d) {
+        return projection.isLonLatOverEdges(d.lonlat) ? 'none' : null;
+    }
+
+    for(k in this.basePaths) {
+        this.basePaths[k].attr('d', pathFn);
+    }
+
+    for(k in this.dataPaths) {
+        this.dataPaths[k].attr('d', function(d) { return pathFn(d.geojson); });
+    }
+
+    for(k in this.dataPoints) {
+        this.dataPoints[k]
+            .attr('display', hideShowPoints)
+            .attr('transform', translatePoints);
+    }
+};
+
+// Helper that wraps d3.geo[/* projection name /*]() which:
+//
+// - adds 'fitExtent' (available in d3 v4)
+// - adds 'getPath', 'getBounds' convenience methods
+// - scopes logic related to 'clipAngle'
+// - adds 'isLonLatOverEdges' method
+// - sets projection precision
+// - sets methods that aren't always defined depending
+//   on the projection type to a dummy 'd3-esque' function,
+//
+// This wrapper alleviates subsequent code of (many) annoying if-statements.
+function getProjection(geoLayout) {
+    var projLayout = geoLayout.projection;
+    var projType = projLayout.type;
+
+    var projection = d3.geo[constants.projNames[projType]]();
+
+    var clipAngle = geoLayout._isClipped ?
+        constants.lonaxisSpan[projType] / 2 :
+        null;
+
+    var methods = ['center', 'rotate', 'parallels', 'clipExtent'];
+    var dummyFn = function(_) { return _ ? projection : []; };
+
+    for(var i = 0; i < methods.length; i++) {
+        var m = methods[i];
+        if(typeof projection[m] !== 'function') {
+            projection[m] = dummyFn;
+        }
+    }
+
+    projection.isLonLatOverEdges = function(lonlat) {
+        if(projection(lonlat) === null) {
+            return true;
+        }
+
+        if(clipAngle) {
+            var r = projection.rotate();
+            var angle = d3.geo.distance(lonlat, [-r[0], -r[1]]);
+            var maxAngle = clipAngle * Math.PI / 180;
+            return angle > maxAngle;
+        } else {
+            return false;
+        }
+    };
+
+    projection.getPath = function() {
+        return d3.geo.path().projection(projection);
+    };
+
+    projection.getBounds = function(object) {
+        return projection.getPath().bounds(object);
+    };
+
+    // adapted from d3 v4:
+    // https://github.com/d3/d3-geo/blob/master/src/projection/fit.js
+    projection.fitExtent = function(extent, object) {
+        var w = extent[1][0] - extent[0][0];
+        var h = extent[1][1] - extent[0][1];
+        var clip = projection.clipExtent && projection.clipExtent();
+
+        projection
+            .scale(150)
+            .translate([0, 0]);
+
+        if(clip) projection.clipExtent(null);
+
+        var b = projection.getBounds(object);
+        var k = Math.min(w / (b[1][0] - b[0][0]), h / (b[1][1] - b[0][1]));
+        var x = +extent[0][0] + (w - k * (b[1][0] + b[0][0])) / 2;
+        var y = +extent[0][1] + (h - k * (b[1][1] + b[0][1])) / 2;
+
+        if(clip) projection.clipExtent(clip);
+
+        return projection
+            .scale(k * 150)
+            .translate([x, y]);
+    };
+
+    projection.precision(constants.precision);
+
+    if(clipAngle) {
+        projection.clipAngle(clipAngle - constants.clipPad);
+    }
+
+    return projection;
+}
+
+function makeGraticule(axisName, geoLayout) {
+    var axisLayout = geoLayout[axisName];
+    var dtick = axisLayout.dtick;
+    var scopeDefaults = constants.scopeDefaults[geoLayout.scope];
+    var lonaxisRange = scopeDefaults.lonaxisRange;
+    var lataxisRange = scopeDefaults.lataxisRange;
+    var step = axisName === 'lonaxis' ? [dtick] : [0, dtick];
+
+    return d3.geo.graticule()
+        .extent([
+            [lonaxisRange[0], lataxisRange[0]],
+            [lonaxisRange[1], lataxisRange[1]]
+        ])
+        .step(step);
+}
+
+// Returns polygon GeoJSON corresponding to lon/lat range box
+// with well-defined direction
+//
+// Note that clipPad padding is added around range to avoid aliasing.
+function makeRangeBox(lon, lat) {
+    var clipPad = constants.clipPad;
+    var lon0 = lon[0] + clipPad;
+    var lon1 = lon[1] - clipPad;
+    var lat0 = lat[0] + clipPad;
+    var lat1 = lat[1] - clipPad;
+
+    // to cross antimeridian w/o ambiguity
+    if(lon0 > 0 && lon1 < 0) lon1 += 360;
+
+    var dlon4 = (lon1 - lon0) / 4;
+
+    return {
+        type: 'Polygon',
+        coordinates: [[
+            [lon0, lat0],
+            [lon0, lat1],
+            [lon0 + dlon4, lat1],
+            [lon0 + 2 * dlon4, lat1],
+            [lon0 + 3 * dlon4, lat1],
+            [lon1, lat1],
+            [lon1, lat0],
+            [lon1 - dlon4, lat0],
+            [lon1 - 2 * dlon4, lat0],
+            [lon1 - 3 * dlon4, lat0],
+            [lon0, lat0]
+        ]]
+    };
+}
+
+},{"../../components/color":604,"../../components/dragelement":625,"../../components/drawing":628,"../../components/fx":645,"../../lib":728,"../../lib/topojson_utils":753,"../../plotly":767,"../cartesian/axes":772,"../cartesian/select":788,"../plots":831,"./constants":798,"./projections":804,"./zoom":805,"d3":122,"topojson-client":536}],800:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createGeo = require('./geo');
+var Plots = require('../../plots/plots');
+var counterRegex = require('../../lib').counterRegex;
+
+var GEO = 'geo';
+
+exports.name = GEO;
+
+exports.attr = GEO;
+
+exports.idRoot = GEO;
+
+exports.idRegex = exports.attrRegex = counterRegex(GEO);
+
+exports.attributes = require('./layout/attributes');
+
+exports.layoutAttributes = require('./layout/layout_attributes');
+
+exports.supplyLayoutDefaults = require('./layout/defaults');
+
+exports.plot = function plotGeo(gd) {
+    var fullLayout = gd._fullLayout;
+    var calcData = gd.calcdata;
+    var geoIds = Plots.getSubplotIds(fullLayout, GEO);
+
+    /**
+     * If 'plotly-geo-assets.js' is not included,
+     * initialize object to keep reference to every loaded topojson
+     */
+    if(window.PlotlyGeoAssets === undefined) {
+        window.PlotlyGeoAssets = {topojson: {}};
+    }
+
+    for(var i = 0; i < geoIds.length; i++) {
+        var geoId = geoIds[i];
+        var geoCalcData = Plots.getSubplotCalcData(calcData, GEO, geoId);
+        var geoLayout = fullLayout[geoId];
+        var geo = geoLayout._subplot;
+
+        if(!geo) {
+            geo = createGeo({
+                id: geoId,
+                graphDiv: gd,
+                container: fullLayout._geolayer.node(),
+                topojsonURL: gd._context.topojsonURL,
+                staticPlot: gd._context.staticPlot
+            });
+
+            fullLayout[geoId]._subplot = geo;
+        }
+
+        geo.plot(geoCalcData, fullLayout, gd._promises);
+    }
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldGeoKeys = Plots.getSubplotIds(oldFullLayout, GEO);
+
+    for(var i = 0; i < oldGeoKeys.length; i++) {
+        var oldGeoKey = oldGeoKeys[i];
+        var oldGeo = oldFullLayout[oldGeoKey]._subplot;
+
+        if(!newFullLayout[oldGeoKey] && !!oldGeo) {
+            oldGeo.framework.remove();
+            oldGeo.clipDef.remove();
+        }
+    }
+};
+
+exports.updateFx = function(fullLayout) {
+    var subplotIds = Plots.getSubplotIds(fullLayout, GEO);
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotLayout = fullLayout[subplotIds[i]];
+        var subplotObj = subplotLayout._subplot;
+        subplotObj.updateFx(fullLayout, subplotLayout);
+    }
+};
+
+},{"../../lib":728,"../../plots/plots":831,"./geo":799,"./layout/attributes":801,"./layout/defaults":802,"./layout/layout_attributes":803}],801:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    geo: {
+        valType: 'subplotid',
+        
+        dflt: 'geo',
+        editType: 'calc',
+        
+    }
+};
+
+},{}],802:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var handleSubplotDefaults = require('../../subplot_defaults');
+var constants = require('../constants');
+var layoutAttributes = require('./layout_attributes');
+
+var axesNames = constants.axesNames;
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    handleSubplotDefaults(layoutIn, layoutOut, fullData, {
+        type: 'geo',
+        attributes: layoutAttributes,
+        handleDefaults: handleGeoDefaults,
+        partition: 'y'
+    });
+};
+
+function handleGeoDefaults(geoLayoutIn, geoLayoutOut, coerce) {
+    var show;
+
+    var resolution = coerce('resolution');
+    var scope = coerce('scope');
+    var scopeParams = constants.scopeDefaults[scope];
+
+    var projType = coerce('projection.type', scopeParams.projType);
+    var isAlbersUsa = geoLayoutOut._isAlbersUsa = projType === 'albers usa';
+
+    // no other scopes are allowed for 'albers usa' projection
+    if(isAlbersUsa) scope = geoLayoutOut.scope = 'usa';
+
+    var isScoped = geoLayoutOut._isScoped = (scope !== 'world');
+    var isConic = geoLayoutOut._isConic = projType.indexOf('conic') !== -1;
+    geoLayoutOut._isClipped = !!constants.lonaxisSpan[projType];
+
+    for(var i = 0; i < axesNames.length; i++) {
+        var axisName = axesNames[i];
+        var dtickDflt = [30, 10][i];
+        var rangeDflt;
+
+        if(isScoped) {
+            rangeDflt = scopeParams[axisName + 'Range'];
+        } else {
+            var dfltSpans = constants[axisName + 'Span'];
+            var hSpan = (dfltSpans[projType] || dfltSpans['*']) / 2;
+            var rot = coerce(
+                'projection.rotation.' + axisName.substr(0, 3),
+                scopeParams.projRotate[i]
+            );
+            rangeDflt = [rot - hSpan, rot + hSpan];
+        }
+
+        var range = coerce(axisName + '.range', rangeDflt);
+
+        coerce(axisName + '.tick0', range[0]);
+        coerce(axisName + '.dtick', dtickDflt);
+
+        show = coerce(axisName + '.showgrid');
+        if(show) {
+            coerce(axisName + '.gridcolor');
+            coerce(axisName + '.gridwidth');
+        }
+    }
+
+    var lonRange = geoLayoutOut.lonaxis.range;
+    var latRange = geoLayoutOut.lataxis.range;
+
+    // to cross antimeridian w/o ambiguity
+    var lon0 = lonRange[0];
+    var lon1 = lonRange[1];
+    if(lon0 > 0 && lon1 < 0) lon1 += 360;
+
+    var centerLon = (lon0 + lon1) / 2;
+    var projLon;
+
+    if(!isAlbersUsa) {
+        var dfltProjRotate = isScoped ? scopeParams.projRotate : [centerLon, 0, 0];
+
+        projLon = coerce('projection.rotation.lon', dfltProjRotate[0]);
+        coerce('projection.rotation.lat', dfltProjRotate[1]);
+        coerce('projection.rotation.roll', dfltProjRotate[2]);
+
+        show = coerce('showcoastlines', !isScoped);
+        if(show) {
+            coerce('coastlinecolor');
+            coerce('coastlinewidth');
+        }
+
+        show = coerce('showocean');
+        if(show) coerce('oceancolor');
+    }
+
+    var centerLonDflt;
+    var centerLatDflt;
+
+    if(isAlbersUsa) {
+        // 'albers usa' does not have a 'center',
+        // these values were found using via:
+        //   projection.invert([geoLayout.center.lon, geoLayoutIn.center.lat])
+        centerLonDflt = -96.6;
+        centerLatDflt = 38.7;
+    } else {
+        centerLonDflt = isScoped ? centerLon : projLon;
+        centerLatDflt = (latRange[0] + latRange[1]) / 2;
+    }
+
+    coerce('center.lon', centerLonDflt);
+    coerce('center.lat', centerLatDflt);
+
+    if(isConic) {
+        var dfltProjParallels = scopeParams.projParallels || [0, 60];
+        coerce('projection.parallels', dfltProjParallels);
+    }
+
+    coerce('projection.scale');
+
+    show = coerce('showland');
+    if(show) coerce('landcolor');
+
+    show = coerce('showlakes');
+    if(show) coerce('lakecolor');
+
+    show = coerce('showrivers');
+    if(show) {
+        coerce('rivercolor');
+        coerce('riverwidth');
+    }
+
+    show = coerce('showcountries', isScoped && scope !== 'usa');
+    if(show) {
+        coerce('countrycolor');
+        coerce('countrywidth');
+    }
+
+    if(scope === 'usa' || (scope === 'north america' && resolution === 50)) {
+        // Only works for:
+        //   USA states at 110m
+        //   USA states + Canada provinces at 50m
+        coerce('showsubunits', true);
+        coerce('subunitcolor');
+        coerce('subunitwidth');
+    }
+
+    if(!isScoped) {
+        // Does not work in non-world scopes
+        show = coerce('showframe', true);
+        if(show) {
+            coerce('framecolor');
+            coerce('framewidth');
+        }
+    }
+
+    coerce('bgcolor');
+}
+
+},{"../../subplot_defaults":838,"../constants":798,"./layout_attributes":803}],803:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttrs = require('../../../components/color/attributes');
+var constants = require('../constants');
+var overrideAll = require('../../../plot_api/edit_types').overrideAll;
+
+var geoAxesAttrs = {
+    range: {
+        valType: 'info_array',
+        
+        items: [
+            {valType: 'number'},
+            {valType: 'number'}
+        ],
+        
+    },
+    showgrid: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    tick0: {
+        valType: 'number',
+        
+        
+    },
+    dtick: {
+        valType: 'number',
+        
+        
+    },
+    gridcolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.lightLine,
+        
+    },
+    gridwidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    }
+};
+
+module.exports = overrideAll({
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        }
+    },
+    resolution: {
+        valType: 'enumerated',
+        values: [110, 50],
+        
+        dflt: 110,
+        coerceNumber: true,
+        
+    },
+    scope: {
+        valType: 'enumerated',
+        
+        values: Object.keys(constants.scopeDefaults),
+        dflt: 'world',
+        
+    },
+    projection: {
+        type: {
+            valType: 'enumerated',
+            
+            values: Object.keys(constants.projNames),
+            
+        },
+        rotation: {
+            lon: {
+                valType: 'number',
+                
+                
+            },
+            lat: {
+                valType: 'number',
+                
+                
+            },
+            roll: {
+                valType: 'number',
+                
+                
+            }
+        },
+        parallels: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number'},
+                {valType: 'number'}
+            ],
+            
+        },
+        scale: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 1,
+            
+        },
+    },
+    center: {
+        lon: {
+            valType: 'number',
+            
+            
+        },
+        lat: {
+            valType: 'number',
+            
+            
+        }
+    },
+    showcoastlines: {
+        valType: 'boolean',
+        
+        
+    },
+    coastlinecolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.defaultLine,
+        
+    },
+    coastlinewidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    },
+    showland: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    landcolor: {
+        valType: 'color',
+        
+        dflt: constants.landColor,
+        
+    },
+    showocean: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    oceancolor: {
+        valType: 'color',
+        
+        dflt: constants.waterColor,
+        
+    },
+    showlakes: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    lakecolor: {
+        valType: 'color',
+        
+        dflt: constants.waterColor,
+        
+    },
+    showrivers: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    rivercolor: {
+        valType: 'color',
+        
+        dflt: constants.waterColor,
+        
+    },
+    riverwidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    },
+    showcountries: {
+        valType: 'boolean',
+        
+        
+    },
+    countrycolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.defaultLine,
+        
+    },
+    countrywidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    },
+    showsubunits: {
+        valType: 'boolean',
+        
+        
+    },
+    subunitcolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.defaultLine,
+        
+    },
+    subunitwidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    },
+    showframe: {
+        valType: 'boolean',
+        
+        
+    },
+    framecolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.defaultLine,
+        
+    },
+    framewidth: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 1,
+        
+    },
+    bgcolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.background,
+        
+    },
+    lonaxis: geoAxesAttrs,
+    lataxis: geoAxesAttrs
+}, 'plot', 'from-root');
+
+},{"../../../components/color/attributes":603,"../../../plot_api/edit_types":756,"../constants":798}],804:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+/*
+ * Generated by https://github.com/etpinard/d3-geo-projection-picker
+ *
+ * which is hand-picks projection from https://github.com/d3/d3-geo-projection
+ *
+ * into a CommonJS require-able module.
+ */
+
+'use strict';
+
+/* eslint-disable */
+
+function addProjectionsToD3(d3) {
+  d3.geo.project = function(object, projection) {
+    var stream = projection.stream;
+    if (!stream) throw new Error("not yet supported");
+    return (object && d3_geo_projectObjectType.hasOwnProperty(object.type) ? d3_geo_projectObjectType[object.type] : d3_geo_projectGeometry)(object, stream);
+  };
+  function d3_geo_projectFeature(object, stream) {
+    return {
+      type: "Feature",
+      id: object.id,
+      properties: object.properties,
+      geometry: d3_geo_projectGeometry(object.geometry, stream)
+    };
+  }
+  function d3_geo_projectGeometry(geometry, stream) {
+    if (!geometry) return null;
+    if (geometry.type === "GeometryCollection") return {
+      type: "GeometryCollection",
+      geometries: object.geometries.map(function(geometry) {
+        return d3_geo_projectGeometry(geometry, stream);
+      })
+    };
+    if (!d3_geo_projectGeometryType.hasOwnProperty(geometry.type)) return null;
+    var sink = d3_geo_projectGeometryType[geometry.type];
+    d3.geo.stream(geometry, stream(sink));
+    return sink.result();
+  }
+  var d3_geo_projectObjectType = {
+    Feature: d3_geo_projectFeature,
+    FeatureCollection: function(object, stream) {
+      return {
+        type: "FeatureCollection",
+        features: object.features.map(function(feature) {
+          return d3_geo_projectFeature(feature, stream);
+        })
+      };
+    }
+  };
+  var d3_geo_projectPoints = [], d3_geo_projectLines = [];
+  var d3_geo_projectPoint = {
+    point: function(x, y) {
+      d3_geo_projectPoints.push([ x, y ]);
+    },
+    result: function() {
+      var result = !d3_geo_projectPoints.length ? null : d3_geo_projectPoints.length < 2 ? {
+        type: "Point",
+        coordinates: d3_geo_projectPoints[0]
+      } : {
+        type: "MultiPoint",
+        coordinates: d3_geo_projectPoints
+      };
+      d3_geo_projectPoints = [];
+      return result;
+    }
+  };
+  var d3_geo_projectLine = {
+    lineStart: d3_geo_projectNoop,
+    point: function(x, y) {
+      d3_geo_projectPoints.push([ x, y ]);
+    },
+    lineEnd: function() {
+      if (d3_geo_projectPoints.length) d3_geo_projectLines.push(d3_geo_projectPoints), 
+      d3_geo_projectPoints = [];
+    },
+    result: function() {
+      var result = !d3_geo_projectLines.length ? null : d3_geo_projectLines.length < 2 ? {
+        type: "LineString",
+        coordinates: d3_geo_projectLines[0]
+      } : {
+        type: "MultiLineString",
+        coordinates: d3_geo_projectLines
+      };
+      d3_geo_projectLines = [];
+      return result;
+    }
+  };
+  var d3_geo_projectPolygon = {
+    polygonStart: d3_geo_projectNoop,
+    lineStart: d3_geo_projectNoop,
+    point: function(x, y) {
+      d3_geo_projectPoints.push([ x, y ]);
+    },
+    lineEnd: function() {
+      var n = d3_geo_projectPoints.length;
+      if (n) {
+        do d3_geo_projectPoints.push(d3_geo_projectPoints[0].slice()); while (++n < 4);
+        d3_geo_projectLines.push(d3_geo_projectPoints), d3_geo_projectPoints = [];
+      }
+    },
+    polygonEnd: d3_geo_projectNoop,
+    result: function() {
+      if (!d3_geo_projectLines.length) return null;
+      var polygons = [], holes = [];
+      d3_geo_projectLines.forEach(function(ring) {
+        if (d3_geo_projectClockwise(ring)) polygons.push([ ring ]); else holes.push(ring);
+      });
+      holes.forEach(function(hole) {
+        var point = hole[0];
+        polygons.some(function(polygon) {
+          if (d3_geo_projectContains(polygon[0], point)) {
+            polygon.push(hole);
+            return true;
+          }
+        }) || polygons.push([ hole ]);
+      });
+      d3_geo_projectLines = [];
+      return !polygons.length ? null : polygons.length > 1 ? {
+        type: "MultiPolygon",
+        coordinates: polygons
+      } : {
+        type: "Polygon",
+        coordinates: polygons[0]
+      };
+    }
+  };
+  var d3_geo_projectGeometryType = {
+    Point: d3_geo_projectPoint,
+    MultiPoint: d3_geo_projectPoint,
+    LineString: d3_geo_projectLine,
+    MultiLineString: d3_geo_projectLine,
+    Polygon: d3_geo_projectPolygon,
+    MultiPolygon: d3_geo_projectPolygon,
+    Sphere: d3_geo_projectPolygon
+  };
+  function d3_geo_projectNoop() {}
+  function d3_geo_projectClockwise(ring) {
+    if ((n = ring.length) < 4) return false;
+    var i = 0, n, area = ring[n - 1][1] * ring[0][0] - ring[n - 1][0] * ring[0][1];
+    while (++i < n) area += ring[i - 1][1] * ring[i][0] - ring[i - 1][0] * ring[i][1];
+    return area <= 0;
+  }
+  function d3_geo_projectContains(ring, point) {
+    var x = point[0], y = point[1], contains = false;
+    for (var i = 0, n = ring.length, j = n - 1; i < n; j = i++) {
+      var pi = ring[i], xi = pi[0], yi = pi[1], pj = ring[j], xj = pj[0], yj = pj[1];
+      if (yi > y ^ yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) contains = !contains;
+    }
+    return contains;
+  }
+  var ε = 1e-6, ε2 = ε * ε, π = Math.PI, halfπ = π / 2, sqrtπ = Math.sqrt(π), radians = π / 180, degrees = 180 / π;
+  function sinci(x) {
+    return x ? x / Math.sin(x) : 1;
+  }
+  function sgn(x) {
+    return x > 0 ? 1 : x < 0 ? -1 : 0;
+  }
+  function asin(x) {
+    return x > 1 ? halfπ : x < -1 ? -halfπ : Math.asin(x);
+  }
+  function acos(x) {
+    return x > 1 ? 0 : x < -1 ? π : Math.acos(x);
+  }
+  function asqrt(x) {
+    return x > 0 ? Math.sqrt(x) : 0;
+  }
+  var projection = d3.geo.projection, projectionMutator = d3.geo.projectionMutator;
+  d3.geo.interrupt = function(project) {
+    var lobes = [ [ [ [ -π, 0 ], [ 0, halfπ ], [ π, 0 ] ] ], [ [ [ -π, 0 ], [ 0, -halfπ ], [ π, 0 ] ] ] ];
+    var bounds;
+    function forward(λ, φ) {
+      var sign = φ < 0 ? -1 : +1, hemilobes = lobes[+(φ < 0)];
+      for (var i = 0, n = hemilobes.length - 1; i < n && λ > hemilobes[i][2][0]; ++i) ;
+      var coordinates = project(λ - hemilobes[i][1][0], φ);
+      coordinates[0] += project(hemilobes[i][1][0], sign * φ > sign * hemilobes[i][0][1] ? hemilobes[i][0][1] : φ)[0];
+      return coordinates;
+    }
+    function reset() {
+      bounds = lobes.map(function(hemilobes) {
+        return hemilobes.map(function(lobe) {
+          var x0 = project(lobe[0][0], lobe[0][1])[0], x1 = project(lobe[2][0], lobe[2][1])[0], y0 = project(lobe[1][0], lobe[0][1])[1], y1 = project(lobe[1][0], lobe[1][1])[1], t;
+          if (y0 > y1) t = y0, y0 = y1, y1 = t;
+          return [ [ x0, y0 ], [ x1, y1 ] ];
+        });
+      });
+    }
+    if (project.invert) forward.invert = function(x, y) {
+      var hemibounds = bounds[+(y < 0)], hemilobes = lobes[+(y < 0)];
+      for (var i = 0, n = hemibounds.length; i < n; ++i) {
+        var b = hemibounds[i];
+        if (b[0][0] <= x && x < b[1][0] && b[0][1] <= y && y < b[1][1]) {
+          var coordinates = project.invert(x - project(hemilobes[i][1][0], 0)[0], y);
+          coordinates[0] += hemilobes[i][1][0];
+          return pointEqual(forward(coordinates[0], coordinates[1]), [ x, y ]) ? coordinates : null;
+        }
+      }
+    };
+    var projection = d3.geo.projection(forward), stream_ = projection.stream;
+    projection.stream = function(stream) {
+      var rotate = projection.rotate(), rotateStream = stream_(stream), sphereStream = (projection.rotate([ 0, 0 ]), 
+      stream_(stream));
+      projection.rotate(rotate);
+      rotateStream.sphere = function() {
+        d3.geo.stream(sphere(), sphereStream);
+      };
+      return rotateStream;
+    };
+    projection.lobes = function(_) {
+      if (!arguments.length) return lobes.map(function(lobes) {
+        return lobes.map(function(lobe) {
+          return [ [ lobe[0][0] * 180 / π, lobe[0][1] * 180 / π ], [ lobe[1][0] * 180 / π, lobe[1][1] * 180 / π ], [ lobe[2][0] * 180 / π, lobe[2][1] * 180 / π ] ];
+        });
+      });
+      lobes = _.map(function(lobes) {
+        return lobes.map(function(lobe) {
+          return [ [ lobe[0][0] * π / 180, lobe[0][1] * π / 180 ], [ lobe[1][0] * π / 180, lobe[1][1] * π / 180 ], [ lobe[2][0] * π / 180, lobe[2][1] * π / 180 ] ];
+        });
+      });
+      reset();
+      return projection;
+    };
+    function sphere() {
+      var ε = 1e-6, coordinates = [];
+      for (var i = 0, n = lobes[0].length; i < n; ++i) {
+        var lobe = lobes[0][i], λ0 = lobe[0][0] * 180 / π, φ0 = lobe[0][1] * 180 / π, φ1 = lobe[1][1] * 180 / π, λ2 = lobe[2][0] * 180 / π, φ2 = lobe[2][1] * 180 / π;
+        coordinates.push(resample([ [ λ0 + ε, φ0 + ε ], [ λ0 + ε, φ1 - ε ], [ λ2 - ε, φ1 - ε ], [ λ2 - ε, φ2 + ε ] ], 30));
+      }
+      for (var i = lobes[1].length - 1; i >= 0; --i) {
+        var lobe = lobes[1][i], λ0 = lobe[0][0] * 180 / π, φ0 = lobe[0][1] * 180 / π, φ1 = lobe[1][1] * 180 / π, λ2 = lobe[2][0] * 180 / π, φ2 = lobe[2][1] * 180 / π;
+        coordinates.push(resample([ [ λ2 - ε, φ2 - ε ], [ λ2 - ε, φ1 + ε ], [ λ0 + ε, φ1 + ε ], [ λ0 + ε, φ0 - ε ] ], 30));
+      }
+      return {
+        type: "Polygon",
+        coordinates: [ d3.merge(coordinates) ]
+      };
+    }
+    function resample(coordinates, m) {
+      var i = -1, n = coordinates.length, p0 = coordinates[0], p1, dx, dy, resampled = [];
+      while (++i < n) {
+        p1 = coordinates[i];
+        dx = (p1[0] - p0[0]) / m;
+        dy = (p1[1] - p0[1]) / m;
+        for (var j = 0; j < m; ++j) resampled.push([ p0[0] + j * dx, p0[1] + j * dy ]);
+        p0 = p1;
+      }
+      resampled.push(p1);
+      return resampled;
+    }
+    function pointEqual(a, b) {
+      return Math.abs(a[0] - b[0]) < ε && Math.abs(a[1] - b[1]) < ε;
+    }
+    return projection;
+  };
+  function eckert4(λ, φ) {
+    var k = (2 + halfπ) * Math.sin(φ);
+    φ /= 2;
+    for (var i = 0, δ = Infinity; i < 10 && Math.abs(δ) > ε; i++) {
+      var cosφ = Math.cos(φ);
+      φ -= δ = (φ + Math.sin(φ) * (cosφ + 2) - k) / (2 * cosφ * (1 + cosφ));
+    }
+    return [ 2 / Math.sqrt(π * (4 + π)) * λ * (1 + Math.cos(φ)), 2 * Math.sqrt(π / (4 + π)) * Math.sin(φ) ];
+  }
+  eckert4.invert = function(x, y) {
+    var A = .5 * y * Math.sqrt((4 + π) / π), k = asin(A), c = Math.cos(k);
+    return [ x / (2 / Math.sqrt(π * (4 + π)) * (1 + c)), asin((k + A * (c + 2)) / (2 + halfπ)) ];
+  };
+  (d3.geo.eckert4 = function() {
+    return projection(eckert4);
+  }).raw = eckert4;
+  var hammerAzimuthalEqualArea = d3.geo.azimuthalEqualArea.raw;
+  function hammer(A, B) {
+    if (arguments.length < 2) B = A;
+    if (B === 1) return hammerAzimuthalEqualArea;
+    if (B === Infinity) return hammerQuarticAuthalic;
+    function forward(λ, φ) {
+      var coordinates = hammerAzimuthalEqualArea(λ / B, φ);
+      coordinates[0] *= A;
+      return coordinates;
+    }
+    forward.invert = function(x, y) {
+      var coordinates = hammerAzimuthalEqualArea.invert(x / A, y);
+      coordinates[0] *= B;
+      return coordinates;
+    };
+    return forward;
+  }
+  function hammerProjection() {
+    var B = 2, m = projectionMutator(hammer), p = m(B);
+    p.coefficient = function(_) {
+      if (!arguments.length) return B;
+      return m(B = +_);
+    };
+    return p;
+  }
+  function hammerQuarticAuthalic(λ, φ) {
+    return [ λ * Math.cos(φ) / Math.cos(φ /= 2), 2 * Math.sin(φ) ];
+  }
+  hammerQuarticAuthalic.invert = function(x, y) {
+    var φ = 2 * asin(y / 2);
+    return [ x * Math.cos(φ / 2) / Math.cos(φ), φ ];
+  };
+  (d3.geo.hammer = hammerProjection).raw = hammer;
+  function kavrayskiy7(λ, φ) {
+    return [ 3 * λ / (2 * π) * Math.sqrt(π * π / 3 - φ * φ), φ ];
+  }
+  kavrayskiy7.invert = function(x, y) {
+    return [ 2 / 3 * π * x / Math.sqrt(π * π / 3 - y * y), y ];
+  };
+  (d3.geo.kavrayskiy7 = function() {
+    return projection(kavrayskiy7);
+  }).raw = kavrayskiy7;
+  function miller(λ, φ) {
+    return [ λ, 1.25 * Math.log(Math.tan(π / 4 + .4 * φ)) ];
+  }
+  miller.invert = function(x, y) {
+    return [ x, 2.5 * Math.atan(Math.exp(.8 * y)) - .625 * π ];
+  };
+  (d3.geo.miller = function() {
+    return projection(miller);
+  }).raw = miller;
+  function mollweideBromleyθ(Cp) {
+    return function(θ) {
+      var Cpsinθ = Cp * Math.sin(θ), i = 30, δ;
+      do θ -= δ = (θ + Math.sin(θ) - Cpsinθ) / (1 + Math.cos(θ)); while (Math.abs(δ) > ε && --i > 0);
+      return θ / 2;
+    };
+  }
+  function mollweideBromley(Cx, Cy, Cp) {
+    var θ = mollweideBromleyθ(Cp);
+    function forward(λ, φ) {
+      return [ Cx * λ * Math.cos(φ = θ(φ)), Cy * Math.sin(φ) ];
+    }
+    forward.invert = function(x, y) {
+      var θ = asin(y / Cy);
+      return [ x / (Cx * Math.cos(θ)), asin((2 * θ + Math.sin(2 * θ)) / Cp) ];
+    };
+    return forward;
+  }
+  var mollweideθ = mollweideBromleyθ(π), mollweide = mollweideBromley(Math.SQRT2 / halfπ, Math.SQRT2, π);
+  (d3.geo.mollweide = function() {
+    return projection(mollweide);
+  }).raw = mollweide;
+  function naturalEarth(λ, φ) {
+    var φ2 = φ * φ, φ4 = φ2 * φ2;
+    return [ λ * (.8707 - .131979 * φ2 + φ4 * (-.013791 + φ4 * (.003971 * φ2 - .001529 * φ4))), φ * (1.007226 + φ2 * (.015085 + φ4 * (-.044475 + .028874 * φ2 - .005916 * φ4))) ];
+  }
+  naturalEarth.invert = function(x, y) {
+    var φ = y, i = 25, δ;
+    do {
+      var φ2 = φ * φ, φ4 = φ2 * φ2;
+      φ -= δ = (φ * (1.007226 + φ2 * (.015085 + φ4 * (-.044475 + .028874 * φ2 - .005916 * φ4))) - y) / (1.007226 + φ2 * (.015085 * 3 + φ4 * (-.044475 * 7 + .028874 * 9 * φ2 - .005916 * 11 * φ4)));
+    } while (Math.abs(δ) > ε && --i > 0);
+    return [ x / (.8707 + (φ2 = φ * φ) * (-.131979 + φ2 * (-.013791 + φ2 * φ2 * φ2 * (.003971 - .001529 * φ2)))), φ ];
+  };
+  (d3.geo.naturalEarth = function() {
+    return projection(naturalEarth);
+  }).raw = naturalEarth;
+  var robinsonConstants = [ [ .9986, -.062 ], [ 1, 0 ], [ .9986, .062 ], [ .9954, .124 ], [ .99, .186 ], [ .9822, .248 ], [ .973, .31 ], [ .96, .372 ], [ .9427, .434 ], [ .9216, .4958 ], [ .8962, .5571 ], [ .8679, .6176 ], [ .835, .6769 ], [ .7986, .7346 ], [ .7597, .7903 ], [ .7186, .8435 ], [ .6732, .8936 ], [ .6213, .9394 ], [ .5722, .9761 ], [ .5322, 1 ] ];
+  robinsonConstants.forEach(function(d) {
+    d[1] *= 1.0144;
+  });
+  function robinson(λ, φ) {
+    var i = Math.min(18, Math.abs(φ) * 36 / π), i0 = Math.floor(i), di = i - i0, ax = (k = robinsonConstants[i0])[0], ay = k[1], bx = (k = robinsonConstants[++i0])[0], by = k[1], cx = (k = robinsonConstants[Math.min(19, ++i0)])[0], cy = k[1], k;
+    return [ λ * (bx + di * (cx - ax) / 2 + di * di * (cx - 2 * bx + ax) / 2), (φ > 0 ? halfπ : -halfπ) * (by + di * (cy - ay) / 2 + di * di * (cy - 2 * by + ay) / 2) ];
+  }
+  robinson.invert = function(x, y) {
+    var yy = y / halfπ, φ = yy * 90, i = Math.min(18, Math.abs(φ / 5)), i0 = Math.max(0, Math.floor(i));
+    do {
+      var ay = robinsonConstants[i0][1], by = robinsonConstants[i0 + 1][1], cy = robinsonConstants[Math.min(19, i0 + 2)][1], u = cy - ay, v = cy - 2 * by + ay, t = 2 * (Math.abs(yy) - by) / u, c = v / u, di = t * (1 - c * t * (1 - 2 * c * t));
+      if (di >= 0 || i0 === 1) {
+        φ = (y >= 0 ? 5 : -5) * (di + i);
+        var j = 50, δ;
+        do {
+          i = Math.min(18, Math.abs(φ) / 5);
+          i0 = Math.floor(i);
+          di = i - i0;
+          ay = robinsonConstants[i0][1];
+          by = robinsonConstants[i0 + 1][1];
+          cy = robinsonConstants[Math.min(19, i0 + 2)][1];
+          φ -= (δ = (y >= 0 ? halfπ : -halfπ) * (by + di * (cy - ay) / 2 + di * di * (cy - 2 * by + ay) / 2) - y) * degrees;
+        } while (Math.abs(δ) > ε2 && --j > 0);
+        break;
+      }
+    } while (--i0 >= 0);
+    var ax = robinsonConstants[i0][0], bx = robinsonConstants[i0 + 1][0], cx = robinsonConstants[Math.min(19, i0 + 2)][0];
+    return [ x / (bx + di * (cx - ax) / 2 + di * di * (cx - 2 * bx + ax) / 2), φ * radians ];
+  };
+  (d3.geo.robinson = function() {
+    return projection(robinson);
+  }).raw = robinson;
+  function sinusoidal(λ, φ) {
+    return [ λ * Math.cos(φ), φ ];
+  }
+  sinusoidal.invert = function(x, y) {
+    return [ x / Math.cos(y), y ];
+  };
+  (d3.geo.sinusoidal = function() {
+    return projection(sinusoidal);
+  }).raw = sinusoidal;
+  function aitoff(λ, φ) {
+    var cosφ = Math.cos(φ), sinciα = sinci(acos(cosφ * Math.cos(λ /= 2)));
+    return [ 2 * cosφ * Math.sin(λ) * sinciα, Math.sin(φ) * sinciα ];
+  }
+  aitoff.invert = function(x, y) {
+    if (x * x + 4 * y * y > π * π + ε) return;
+    var λ = x, φ = y, i = 25;
+    do {
+      var sinλ = Math.sin(λ), sinλ_2 = Math.sin(λ / 2), cosλ_2 = Math.cos(λ / 2), sinφ = Math.sin(φ), cosφ = Math.cos(φ), sin_2φ = Math.sin(2 * φ), sin2φ = sinφ * sinφ, cos2φ = cosφ * cosφ, sin2λ_2 = sinλ_2 * sinλ_2, C = 1 - cos2φ * cosλ_2 * cosλ_2, E = C ? acos(cosφ * cosλ_2) * Math.sqrt(F = 1 / C) : F = 0, F, fx = 2 * E * cosφ * sinλ_2 - x, fy = E * sinφ - y, δxδλ = F * (cos2φ * sin2λ_2 + E * cosφ * cosλ_2 * sin2φ), δxδφ = F * (.5 * sinλ * sin_2φ - E * 2 * sinφ * sinλ_2), δyδλ = F * .2 [...]
+      if (!denominator) break;
+      var δλ = (fy * δxδφ - fx * δyδφ) / denominator, δφ = (fx * δyδλ - fy * δxδλ) / denominator;
+      λ -= δλ, φ -= δφ;
+    } while ((Math.abs(δλ) > ε || Math.abs(δφ) > ε) && --i > 0);
+    return [ λ, φ ];
+  };
+  (d3.geo.aitoff = function() {
+    return projection(aitoff);
+  }).raw = aitoff;
+  function winkel3(λ, φ) {
+    var coordinates = aitoff(λ, φ);
+    return [ (coordinates[0] + λ / halfπ) / 2, (coordinates[1] + φ) / 2 ];
+  }
+  winkel3.invert = function(x, y) {
+    var λ = x, φ = y, i = 25;
+    do {
+      var cosφ = Math.cos(φ), sinφ = Math.sin(φ), sin_2φ = Math.sin(2 * φ), sin2φ = sinφ * sinφ, cos2φ = cosφ * cosφ, sinλ = Math.sin(λ), cosλ_2 = Math.cos(λ / 2), sinλ_2 = Math.sin(λ / 2), sin2λ_2 = sinλ_2 * sinλ_2, C = 1 - cos2φ * cosλ_2 * cosλ_2, E = C ? acos(cosφ * cosλ_2) * Math.sqrt(F = 1 / C) : F = 0, F, fx = .5 * (2 * E * cosφ * sinλ_2 + λ / halfπ) - x, fy = .5 * (E * sinφ + φ) - y, δxδλ = .5 * F * (cos2φ * sin2λ_2 + E * cosφ * cosλ_2 * sin2φ) + .5 / halfπ, δxδφ = F * (sinλ * sin [...]
+      λ -= δλ, φ -= δφ;
+    } while ((Math.abs(δλ) > ε || Math.abs(δφ) > ε) && --i > 0);
+    return [ λ, φ ];
+  };
+  (d3.geo.winkel3 = function() {
+    return projection(winkel3);
+  }).raw = winkel3;
+}
+
+module.exports = addProjectionsToD3;
+
+},{}],805:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var Lib = require('../../lib');
+
+var radians = Math.PI / 180;
+var degrees = 180 / Math.PI;
+var zoomstartStyle = {cursor: 'pointer'};
+var zoomendStyle = {cursor: 'auto'};
+
+function createGeoZoom(geo, geoLayout) {
+    var projection = geo.projection;
+    var zoomConstructor;
+
+    if(geoLayout._isScoped) {
+        zoomConstructor = zoomScoped;
+    } else if(geoLayout._isClipped) {
+        zoomConstructor = zoomClipped;
+    } else {
+        zoomConstructor = zoomNonClipped;
+    }
+
+    // TODO add a conic-specific zoom
+
+    return zoomConstructor(geo, projection);
+}
+
+module.exports = createGeoZoom;
+
+// common to all zoom types
+function initZoom(geo, projection) {
+    return d3.behavior.zoom()
+        .translate(projection.translate())
+        .scale(projection.scale());
+}
+
+// sync zoom updates with user & full layout
+function sync(geo, projection, cb) {
+    var id = geo.id;
+    var gd = geo.graphDiv;
+    var userOpts = gd.layout[id];
+    var fullOpts = gd._fullLayout[id];
+
+    var eventData = {};
+
+    function set(propStr, val) {
+        var fullNp = Lib.nestedProperty(fullOpts, propStr);
+
+        if(fullNp.get() !== val) {
+            fullNp.set(val);
+            Lib.nestedProperty(userOpts, propStr).set(val);
+            eventData[id + '.' + propStr] = val;
+        }
+    }
+
+    cb(set);
+    set('projection.scale', projection.scale() / geo.fitScale);
+    gd.emit('plotly_relayout', eventData);
+}
+
+// zoom for scoped projections
+function zoomScoped(geo, projection) {
+    var zoom = initZoom(geo, projection);
+
+    function handleZoomstart() {
+        d3.select(this).style(zoomstartStyle);
+    }
+
+    function handleZoom() {
+        projection
+            .scale(d3.event.scale)
+            .translate(d3.event.translate);
+        geo.render();
+    }
+
+    function syncCb(set) {
+        var center = projection.invert(geo.midPt);
+
+        set('center.lon', center[0]);
+        set('center.lat', center[1]);
+    }
+
+    function handleZoomend() {
+        d3.select(this).style(zoomendStyle);
+        sync(geo, projection, syncCb);
+    }
+
+    zoom
+        .on('zoomstart', handleZoomstart)
+        .on('zoom', handleZoom)
+        .on('zoomend', handleZoomend);
+
+    return zoom;
+}
+
+// zoom for non-clipped projections
+function zoomNonClipped(geo, projection) {
+    var zoom = initZoom(geo, projection);
+
+    var INSIDETOLORANCEPXS = 2;
+
+    var mouse0, rotate0, translate0, lastRotate, zoomPoint,
+        mouse1, rotate1, point1;
+
+    function position(x) { return projection.invert(x); }
+
+    function outside(x) {
+        var pt = projection(position(x));
+        return (Math.abs(pt[0] - x[0]) > INSIDETOLORANCEPXS ||
+                Math.abs(pt[1] - x[1]) > INSIDETOLORANCEPXS);
+    }
+
+    function handleZoomstart() {
+        d3.select(this).style(zoomstartStyle);
+
+        mouse0 = d3.mouse(this);
+        rotate0 = projection.rotate();
+        translate0 = projection.translate();
+        lastRotate = rotate0;
+        zoomPoint = position(mouse0);
+    }
+
+    function handleZoom() {
+        mouse1 = d3.mouse(this);
+
+        if(outside(mouse0)) {
+            zoom.scale(projection.scale());
+            zoom.translate(projection.translate());
+            return;
+        }
+
+        projection.scale(d3.event.scale);
+        projection.translate([translate0[0], d3.event.translate[1]]);
+
+        if(!zoomPoint) {
+            mouse0 = mouse1;
+            zoomPoint = position(mouse0);
+        }
+        else if(position(mouse1)) {
+            point1 = position(mouse1);
+            rotate1 = [lastRotate[0] + (point1[0] - zoomPoint[0]), rotate0[1], rotate0[2]];
+            projection.rotate(rotate1);
+            lastRotate = rotate1;
+        }
+
+        geo.render();
+    }
+
+    function handleZoomend() {
+        d3.select(this).style(zoomendStyle);
+        sync(geo, projection, syncCb);
+    }
+
+    function syncCb(set) {
+        var rotate = projection.rotate();
+        var center = projection.invert(geo.midPt);
+
+        set('projection.rotation.lon', -rotate[0]);
+        set('center.lon', center[0]);
+        set('center.lat', center[1]);
+    }
+
+    zoom
+        .on('zoomstart', handleZoomstart)
+        .on('zoom', handleZoom)
+        .on('zoomend', handleZoomend);
+
+    return zoom;
+}
+
+// zoom for clipped projections
+// inspired by https://www.jasondavies.com/maps/d3.geo.zoom.js
+function zoomClipped(geo, projection) {
+    var view = {r: projection.rotate(), k: projection.scale()},
+        zoom = initZoom(geo, projection),
+        event = d3_eventDispatch(zoom, 'zoomstart', 'zoom', 'zoomend'),
+        zooming = 0,
+        zoomOn = zoom.on;
+
+    var zoomPoint;
+
+    zoom.on('zoomstart', function() {
+        d3.select(this).style(zoomstartStyle);
+
+        var mouse0 = d3.mouse(this),
+            rotate0 = projection.rotate(),
+            lastRotate = rotate0,
+            translate0 = projection.translate(),
+            q = quaternionFromEuler(rotate0);
+
+        zoomPoint = position(projection, mouse0);
+
+        zoomOn.call(zoom, 'zoom', function() {
+            var mouse1 = d3.mouse(this);
+
+            projection.scale(view.k = d3.event.scale);
+
+            if(!zoomPoint) {
+                // if no zoomPoint, the mouse wasn't over the actual geography yet
+                // maybe this point is the start... we'll find out next time!
+                mouse0 = mouse1;
+                zoomPoint = position(projection, mouse0);
+            }
+            // check if the point is on the map
+            // if not, don't do anything new but scale
+            // if it is, then we can assume between will exist below
+            // so we don't need the 'bank' function, whatever that is.
+            else if(position(projection, mouse1)) {
+                // go back to original projection temporarily
+                // except for scale... that's kind of independent?
+                projection
+                    .rotate(rotate0)
+                    .translate(translate0);
+
+                // calculate the new params
+                var point1 = position(projection, mouse1),
+                    between = rotateBetween(zoomPoint, point1),
+                    newEuler = eulerFromQuaternion(multiply(q, between)),
+                    rotateAngles = view.r = unRoll(newEuler, zoomPoint, lastRotate);
+
+                if(!isFinite(rotateAngles[0]) || !isFinite(rotateAngles[1]) ||
+                   !isFinite(rotateAngles[2])) {
+                    rotateAngles = lastRotate;
+                }
+
+                // update the projection
+                projection.rotate(rotateAngles);
+                lastRotate = rotateAngles;
+            }
+
+            zoomed(event.of(this, arguments));
+        });
+
+        zoomstarted(event.of(this, arguments));
+    })
+    .on('zoomend', function() {
+        d3.select(this).style(zoomendStyle);
+        zoomOn.call(zoom, 'zoom', null);
+        zoomended(event.of(this, arguments));
+        sync(geo, projection, syncCb);
+    })
+    .on('zoom.redraw', function() {
+        geo.render();
+    });
+
+    function zoomstarted(dispatch) {
+        if(!zooming++) dispatch({type: 'zoomstart'});
+    }
+
+    function zoomed(dispatch) {
+        dispatch({type: 'zoom'});
+    }
+
+    function zoomended(dispatch) {
+        if(!--zooming) dispatch({type: 'zoomend'});
+    }
+
+    function syncCb(set) {
+        var _rotate = projection.rotate();
+        set('projection.rotation.lon', -_rotate[0]);
+        set('projection.rotation.lat', -_rotate[1]);
+    }
+
+    return d3.rebind(zoom, event, 'on');
+}
+
+// -- helper functions for zoomClipped
+
+function position(projection, point) {
+    var spherical = projection.invert(point);
+    return spherical && isFinite(spherical[0]) && isFinite(spherical[1]) && cartesian(spherical);
+}
+
+function quaternionFromEuler(euler) {
+    var lambda = 0.5 * euler[0] * radians,
+        phi = 0.5 * euler[1] * radians,
+        gamma = 0.5 * euler[2] * radians,
+        sinLambda = Math.sin(lambda), cosLambda = Math.cos(lambda),
+        sinPhi = Math.sin(phi), cosPhi = Math.cos(phi),
+        sinGamma = Math.sin(gamma), cosGamma = Math.cos(gamma);
+    return [
+        cosLambda * cosPhi * cosGamma + sinLambda * sinPhi * sinGamma,
+        sinLambda * cosPhi * cosGamma - cosLambda * sinPhi * sinGamma,
+        cosLambda * sinPhi * cosGamma + sinLambda * cosPhi * sinGamma,
+        cosLambda * cosPhi * sinGamma - sinLambda * sinPhi * cosGamma
+    ];
+}
+
+function multiply(a, b) {
+    var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3],
+        b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
+    return [
+        a0 * b0 - a1 * b1 - a2 * b2 - a3 * b3,
+        a0 * b1 + a1 * b0 + a2 * b3 - a3 * b2,
+        a0 * b2 - a1 * b3 + a2 * b0 + a3 * b1,
+        a0 * b3 + a1 * b2 - a2 * b1 + a3 * b0
+    ];
+}
+
+function rotateBetween(a, b) {
+    if(!a || !b) return;
+    var axis = cross(a, b),
+        norm = Math.sqrt(dot(axis, axis)),
+        halfgamma = 0.5 * Math.acos(Math.max(-1, Math.min(1, dot(a, b)))),
+        k = Math.sin(halfgamma) / norm;
+    return norm && [Math.cos(halfgamma), axis[2] * k, -axis[1] * k, axis[0] * k];
+}
+
+// input:
+//   rotateAngles: a calculated set of Euler angles
+//   pt: a point (cartesian in 3-space) to keep fixed
+//   roll0: an initial roll, to be preserved
+// output:
+//   a set of Euler angles that preserve the projection of pt
+//     but set roll (output[2]) equal to roll0
+//     note that this doesn't depend on the particular projection,
+//     just on the rotation angles
+function unRoll(rotateAngles, pt, lastRotate) {
+    // calculate the fixed point transformed by these Euler angles
+    // but with the desired roll undone
+    var ptRotated = rotateCartesian(pt, 2, rotateAngles[0]);
+    ptRotated = rotateCartesian(ptRotated, 1, rotateAngles[1]);
+    ptRotated = rotateCartesian(ptRotated, 0, rotateAngles[2] - lastRotate[2]);
+
+    var x = pt[0],
+        y = pt[1],
+        z = pt[2],
+        f = ptRotated[0],
+        g = ptRotated[1],
+        h = ptRotated[2],
+
+        // the following essentially solves:
+        // ptRotated = rotateCartesian(rotateCartesian(pt, 2, newYaw), 1, newPitch)
+        // for newYaw and newPitch, as best it can
+        theta = Math.atan2(y, x) * degrees,
+        a = Math.sqrt(x * x + y * y),
+        b,
+        newYaw1;
+
+    if(Math.abs(g) > a) {
+        newYaw1 = (g > 0 ? 90 : -90) - theta;
+        b = 0;
+    } else {
+        newYaw1 = Math.asin(g / a) * degrees - theta;
+        b = Math.sqrt(a * a - g * g);
+    }
+
+    var newYaw2 = 180 - newYaw1 - 2 * theta,
+        newPitch1 = (Math.atan2(h, f) - Math.atan2(z, b)) * degrees,
+        newPitch2 = (Math.atan2(h, f) - Math.atan2(z, -b)) * degrees;
+
+    // which is closest to lastRotate[0,1]: newYaw/Pitch or newYaw2/Pitch2?
+    var dist1 = angleDistance(lastRotate[0], lastRotate[1], newYaw1, newPitch1),
+        dist2 = angleDistance(lastRotate[0], lastRotate[1], newYaw2, newPitch2);
+
+    if(dist1 <= dist2) return [newYaw1, newPitch1, lastRotate[2]];
+    else return [newYaw2, newPitch2, lastRotate[2]];
+}
+
+function angleDistance(yaw0, pitch0, yaw1, pitch1) {
+    var dYaw = angleMod(yaw1 - yaw0),
+        dPitch = angleMod(pitch1 - pitch0);
+    return Math.sqrt(dYaw * dYaw + dPitch * dPitch);
+}
+
+// reduce an angle in degrees to [-180,180]
+function angleMod(angle) {
+    return (angle % 360 + 540) % 360 - 180;
+}
+
+// rotate a cartesian vector
+// axis is 0 (x), 1 (y), or 2 (z)
+// angle is in degrees
+function rotateCartesian(vector, axis, angle) {
+    var angleRads = angle * radians,
+        vectorOut = vector.slice(),
+        ax1 = (axis === 0) ? 1 : 0,
+        ax2 = (axis === 2) ? 1 : 2,
+        cosa = Math.cos(angleRads),
+        sina = Math.sin(angleRads);
+
+    vectorOut[ax1] = vector[ax1] * cosa - vector[ax2] * sina;
+    vectorOut[ax2] = vector[ax2] * cosa + vector[ax1] * sina;
+
+    return vectorOut;
+}
+function eulerFromQuaternion(q) {
+    return [
+        Math.atan2(2 * (q[0] * q[1] + q[2] * q[3]), 1 - 2 * (q[1] * q[1] + q[2] * q[2])) * degrees,
+        Math.asin(Math.max(-1, Math.min(1, 2 * (q[0] * q[2] - q[3] * q[1])))) * degrees,
+        Math.atan2(2 * (q[0] * q[3] + q[1] * q[2]), 1 - 2 * (q[2] * q[2] + q[3] * q[3])) * degrees
+    ];
+}
+
+function cartesian(spherical) {
+    var lambda = spherical[0] * radians,
+        phi = spherical[1] * radians,
+        cosPhi = Math.cos(phi);
+    return [
+        cosPhi * Math.cos(lambda),
+        cosPhi * Math.sin(lambda),
+        Math.sin(phi)
+    ];
+}
+
+function dot(a, b) {
+    var s = 0;
+    for(var i = 0, n = a.length; i < n; ++i) s += a[i] * b[i];
+    return s;
+}
+
+function cross(a, b) {
+    return [
+        a[1] * b[2] - a[2] * b[1],
+        a[2] * b[0] - a[0] * b[2],
+        a[0] * b[1] - a[1] * b[0]
+    ];
+}
+
+// Like d3.dispatch, but for custom events abstracting native UI events. These
+// events have a target component (such as a brush), a target element (such as
+// the svg:g element containing the brush) and the standard arguments `d` (the
+// target element's data) and `i` (the selection index of the target element).
+function d3_eventDispatch(target) {
+    var i = 0,
+        n = arguments.length,
+        argumentz = [];
+
+    while(++i < n) argumentz.push(arguments[i]);
+
+    var dispatch = d3.dispatch.apply(null, argumentz);
+
+    // Creates a dispatch context for the specified `thiz` (typically, the target
+    // DOM element that received the source event) and `argumentz` (typically, the
+    // data `d` and index `i` of the target element). The returned function can be
+    // used to dispatch an event to any registered listeners; the function takes a
+    // single argument as input, being the event to dispatch. The event must have
+    // a "type" attribute which corresponds to a type registered in the
+    // constructor. This context will automatically populate the "sourceEvent" and
+    // "target" attributes of the event, as well as setting the `d3.event` global
+    // for the duration of the notification.
+    dispatch.of = function(thiz, argumentz) {
+        return function(e1) {
+            var e0;
+            try {
+                e0 = e1.sourceEvent = d3.event;
+                e1.target = target;
+                d3.event = e1;
+                dispatch[e1.type].apply(thiz, argumentz);
+            } finally {
+                d3.event = e0;
+            }
+        };
+    };
+
+    return dispatch;
+}
+
+},{"../../lib":728,"d3":122}],806:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var mouseChange = require('mouse-change');
+var mouseWheel = require('mouse-wheel');
+var mouseOffset = require('mouse-event-offset');
+var cartesianConstants = require('../cartesian/constants');
+
+module.exports = createCamera;
+
+function Camera2D(element, plot) {
+    this.element = element;
+    this.plot = plot;
+    this.mouseListener = null;
+    this.wheelListener = null;
+    this.lastInputTime = Date.now();
+    this.lastPos = [0, 0];
+    this.boxEnabled = false;
+    this.boxInited = false;
+    this.boxStart = [0, 0];
+    this.boxEnd = [0, 0];
+    this.dragStart = [0, 0];
+}
+
+
+function createCamera(scene) {
+    var element = scene.mouseContainer,
+        plot = scene.glplot,
+        result = new Camera2D(element, plot);
+
+    function unSetAutoRange() {
+        scene.xaxis.autorange = false;
+        scene.yaxis.autorange = false;
+    }
+
+    function getSubplotConstraint() {
+        // note: this assumes we only have one x and one y axis on this subplot
+        // when this constraint is lifted this block won't make sense
+        var constraints = scene.graphDiv._fullLayout._axisConstraintGroups;
+        var xaId = scene.xaxis._id;
+        var yaId = scene.yaxis._id;
+        for(var i = 0; i < constraints.length; i++) {
+            if(constraints[i][xaId] !== -1) {
+                if(constraints[i][yaId] !== -1) return true;
+                break;
+            }
+        }
+        return false;
+    }
+
+    result.mouseListener = mouseChange(element, handleInteraction);
+
+    // enable simple touch interactions
+    element.addEventListener('touchstart', function(ev) {
+        var xy = mouseOffset(ev.changedTouches[0], element);
+        handleInteraction(0, xy[0], xy[1]);
+        handleInteraction(1, xy[0], xy[1]);
+    });
+    element.addEventListener('touchmove', function(ev) {
+        ev.preventDefault();
+        var xy = mouseOffset(ev.changedTouches[0], element);
+        handleInteraction(1, xy[0], xy[1]);
+    });
+    element.addEventListener('touchend', function() {
+        handleInteraction(0, result.lastPos[0], result.lastPos[1]);
+    });
+
+    function handleInteraction(buttons, x, y) {
+        var dataBox = scene.calcDataBox(),
+            viewBox = plot.viewBox;
+
+        var lastX = result.lastPos[0],
+            lastY = result.lastPos[1];
+
+        var MINDRAG = cartesianConstants.MINDRAG * plot.pixelRatio;
+        var MINZOOM = cartesianConstants.MINZOOM * plot.pixelRatio;
+
+        var dx, dy;
+
+        x *= plot.pixelRatio;
+        y *= plot.pixelRatio;
+
+        // mouseChange gives y about top; convert to about bottom
+        y = (viewBox[3] - viewBox[1]) - y;
+
+        function updateRange(i0, start, end) {
+            var range0 = Math.min(start, end),
+                range1 = Math.max(start, end);
+
+            if(range0 !== range1) {
+                dataBox[i0] = range0;
+                dataBox[i0 + 2] = range1;
+                result.dataBox = dataBox;
+                scene.setRanges(dataBox);
+            }
+            else {
+                scene.selectBox.selectBox = [0, 0, 1, 1];
+                scene.glplot.setDirty();
+            }
+        }
+
+        switch(scene.fullLayout.dragmode) {
+            case 'zoom':
+                if(buttons) {
+                    var dataX = x /
+                            (viewBox[2] - viewBox[0]) * (dataBox[2] - dataBox[0]) +
+                        dataBox[0];
+                    var dataY = y /
+                            (viewBox[3] - viewBox[1]) * (dataBox[3] - dataBox[1]) +
+                        dataBox[1];
+
+                    if(!result.boxInited) {
+                        result.boxStart[0] = dataX;
+                        result.boxStart[1] = dataY;
+                        result.dragStart[0] = x;
+                        result.dragStart[1] = y;
+                    }
+
+                    result.boxEnd[0] = dataX;
+                    result.boxEnd[1] = dataY;
+
+                    // we need to mark the box as initialized right away
+                    // so that we can tell the start and end points apart
+                    result.boxInited = true;
+
+                    // but don't actually enable the box until the cursor moves
+                    if(!result.boxEnabled && (
+                        result.boxStart[0] !== result.boxEnd[0] ||
+                        result.boxStart[1] !== result.boxEnd[1])
+                    ) {
+                        result.boxEnabled = true;
+                    }
+
+                    // constrain aspect ratio if the axes require it
+                    var smallDx = Math.abs(result.dragStart[0] - x) < MINZOOM;
+                    var smallDy = Math.abs(result.dragStart[1] - y) < MINZOOM;
+                    if(getSubplotConstraint() && !(smallDx && smallDy)) {
+                        dx = result.boxEnd[0] - result.boxStart[0];
+                        dy = result.boxEnd[1] - result.boxStart[1];
+                        var dydx = (dataBox[3] - dataBox[1]) / (dataBox[2] - dataBox[0]);
+
+                        if(Math.abs(dx * dydx) > Math.abs(dy)) {
+                            result.boxEnd[1] = result.boxStart[1] +
+                                Math.abs(dx) * dydx * (dy >= 0 ? 1 : -1);
+
+                            // gl-select-box clips to the plot area bounds,
+                            // which breaks the axis constraint, so don't allow
+                            // this box to go out of bounds
+                            if(result.boxEnd[1] < dataBox[1]) {
+                                result.boxEnd[1] = dataBox[1];
+                                result.boxEnd[0] = result.boxStart[0] +
+                                    (dataBox[1] - result.boxStart[1]) / Math.abs(dydx);
+                            }
+                            else if(result.boxEnd[1] > dataBox[3]) {
+                                result.boxEnd[1] = dataBox[3];
+                                result.boxEnd[0] = result.boxStart[0] +
+                                    (dataBox[3] - result.boxStart[1]) / Math.abs(dydx);
+                            }
+                        }
+                        else {
+                            result.boxEnd[0] = result.boxStart[0] +
+                                Math.abs(dy) / dydx * (dx >= 0 ? 1 : -1);
+
+                            if(result.boxEnd[0] < dataBox[0]) {
+                                result.boxEnd[0] = dataBox[0];
+                                result.boxEnd[1] = result.boxStart[1] +
+                                    (dataBox[0] - result.boxStart[0]) * Math.abs(dydx);
+                            }
+                            else if(result.boxEnd[0] > dataBox[2]) {
+                                result.boxEnd[0] = dataBox[2];
+                                result.boxEnd[1] = result.boxStart[1] +
+                                    (dataBox[2] - result.boxStart[0]) * Math.abs(dydx);
+                            }
+                        }
+                    }
+                    // otherwise clamp small changes to the origin so we get 1D zoom
+                    else {
+                        if(smallDx) result.boxEnd[0] = result.boxStart[0];
+                        if(smallDy) result.boxEnd[1] = result.boxStart[1];
+                    }
+                }
+                else if(result.boxEnabled) {
+                    dx = result.boxStart[0] !== result.boxEnd[0];
+                    dy = result.boxStart[1] !== result.boxEnd[1];
+                    if(dx || dy) {
+                        if(dx) {
+                            updateRange(0, result.boxStart[0], result.boxEnd[0]);
+                            scene.xaxis.autorange = false;
+                        }
+                        if(dy) {
+                            updateRange(1, result.boxStart[1], result.boxEnd[1]);
+                            scene.yaxis.autorange = false;
+                        }
+                        scene.relayoutCallback();
+                    }
+                    else {
+                        scene.glplot.setDirty();
+                    }
+                    result.boxEnabled = false;
+                    result.boxInited = false;
+                }
+                // if box was inited but button released then - reset the box
+                else if(result.boxInited) {
+                    result.boxInited = false;
+                }
+                break;
+
+            case 'pan':
+                result.boxEnabled = false;
+                result.boxInited = false;
+
+                if(buttons) {
+                    if(!result.panning) {
+                        result.dragStart[0] = x;
+                        result.dragStart[1] = y;
+                    }
+
+                    if(Math.abs(result.dragStart[0] - x) < MINDRAG) x = result.dragStart[0];
+                    if(Math.abs(result.dragStart[1] - y) < MINDRAG) y = result.dragStart[1];
+
+                    dx = (lastX - x) * (dataBox[2] - dataBox[0]) /
+                        (plot.viewBox[2] - plot.viewBox[0]);
+                    dy = (lastY - y) * (dataBox[3] - dataBox[1]) /
+                        (plot.viewBox[3] - plot.viewBox[1]);
+
+                    dataBox[0] += dx;
+                    dataBox[2] += dx;
+                    dataBox[1] += dy;
+                    dataBox[3] += dy;
+
+                    scene.setRanges(dataBox);
+
+                    result.panning = true;
+                    result.lastInputTime = Date.now();
+                    unSetAutoRange();
+                    scene.cameraChanged();
+                    scene.handleAnnotations();
+                }
+                else if(result.panning) {
+                    result.panning = false;
+                    scene.relayoutCallback();
+                }
+                break;
+        }
+
+        result.lastPos[0] = x;
+        result.lastPos[1] = y;
+    }
+
+    result.wheelListener = mouseWheel(element, function(dx, dy) {
+        if(!scene.scrollZoom) return false;
+
+        var dataBox = scene.calcDataBox(),
+            viewBox = plot.viewBox;
+
+        var lastX = result.lastPos[0],
+            lastY = result.lastPos[1];
+
+        var scale = Math.exp(5.0 * dy / (viewBox[3] - viewBox[1]));
+
+        var cx = lastX /
+                (viewBox[2] - viewBox[0]) * (dataBox[2] - dataBox[0]) +
+            dataBox[0];
+        var cy = lastY /
+                (viewBox[3] - viewBox[1]) * (dataBox[3] - dataBox[1]) +
+            dataBox[1];
+
+        dataBox[0] = (dataBox[0] - cx) * scale + cx;
+        dataBox[2] = (dataBox[2] - cx) * scale + cx;
+        dataBox[1] = (dataBox[1] - cy) * scale + cy;
+        dataBox[3] = (dataBox[3] - cy) * scale + cy;
+
+        scene.setRanges(dataBox);
+
+        result.lastInputTime = Date.now();
+        unSetAutoRange();
+        scene.cameraChanged();
+        scene.handleAnnotations();
+        scene.relayoutCallback();
+
+        return true;
+    });
+
+    return result;
+}
+
+},{"../cartesian/constants":777,"mouse-change":452,"mouse-event-offset":453,"mouse-wheel":455}],807:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plots = require('../plots');
+var Axes = require('../cartesian/axes');
+
+var convertHTMLToUnicode = require('../../lib/html2unicode');
+var str2RGBArray = require('../../lib/str2rgbarray');
+
+function Axes2DOptions(scene) {
+    this.scene = scene;
+    this.gl = scene.gl;
+    this.pixelRatio = scene.pixelRatio;
+
+    this.screenBox = [0, 0, 1, 1];
+    this.viewBox = [0, 0, 1, 1];
+    this.dataBox = [-1, -1, 1, 1];
+
+    this.borderLineEnable = [false, false, false, false];
+    this.borderLineWidth = [1, 1, 1, 1];
+    this.borderLineColor = [
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1]
+    ];
+
+    this.ticks = [[], []];
+    this.tickEnable = [true, true, false, false];
+    this.tickPad = [15, 15, 15, 15];
+    this.tickAngle = [0, 0, 0, 0];
+    this.tickColor = [
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1]
+    ];
+    this.tickMarkLength = [0, 0, 0, 0];
+    this.tickMarkWidth = [0, 0, 0, 0];
+    this.tickMarkColor = [
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1]
+    ];
+
+    this.labels = ['x', 'y'];
+    this.labelEnable = [true, true, false, false];
+    this.labelAngle = [0, Math.PI / 2, 0, 3.0 * Math.PI / 2];
+    this.labelPad = [15, 15, 15, 15];
+    this.labelSize = [12, 12];
+    this.labelFont = ['sans-serif', 'sans-serif'];
+    this.labelColor = [
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1],
+        [0, 0, 0, 1]
+    ];
+
+    this.title = '';
+    this.titleEnable = true;
+    this.titleCenter = [0, 0, 0, 0];
+    this.titleAngle = 0;
+    this.titleColor = [0, 0, 0, 1];
+    this.titleFont = 'sans-serif';
+    this.titleSize = 18;
+
+    this.gridLineEnable = [true, true];
+    this.gridLineColor = [
+        [0, 0, 0, 0.5],
+        [0, 0, 0, 0.5]
+    ];
+    this.gridLineWidth = [1, 1];
+
+    this.zeroLineEnable = [true, true];
+    this.zeroLineWidth = [1, 1];
+    this.zeroLineColor = [
+        [0, 0, 0, 1],
+        [0, 0, 0, 1]
+    ];
+
+    this.borderColor = [0, 0, 0, 0];
+    this.backgroundColor = [0, 0, 0, 0];
+
+    this.static = this.scene.staticPlot;
+}
+
+var proto = Axes2DOptions.prototype;
+
+var AXES = ['xaxis', 'yaxis'];
+
+proto.merge = function(options) {
+
+    // titles are rendered in SVG
+    this.titleEnable = false;
+    this.backgroundColor = str2RGBArray(options.plot_bgcolor);
+
+    var axisName, ax, axTitle, axMirror;
+    var hasAxisInDfltPos, hasAxisInAltrPos, hasSharedAxis, mirrorLines, mirrorTicks;
+    var i, j;
+
+    for(i = 0; i < 2; ++i) {
+        axisName = AXES[i];
+
+        // get options relevant to this subplot,
+        // '_name' is e.g. xaxis, xaxis2, yaxis, yaxis4 ...
+        ax = options[this.scene[axisName]._name];
+
+        axTitle = /Click to enter .+ title/.test(ax.title) ? '' : ax.title;
+
+        for(j = 0; j <= 2; j += 2) {
+            this.labelEnable[i + j] = false;
+            this.labels[i + j] = convertHTMLToUnicode(axTitle);
+            this.labelColor[i + j] = str2RGBArray(ax.titlefont.color);
+            this.labelFont[i + j] = ax.titlefont.family;
+            this.labelSize[i + j] = ax.titlefont.size;
+            this.labelPad[i + j] = this.getLabelPad(axisName, ax);
+
+            this.tickEnable[i + j] = false;
+            this.tickColor[i + j] = str2RGBArray((ax.tickfont || {}).color);
+            this.tickAngle[i + j] = (ax.tickangle === 'auto') ?
+                0 :
+                Math.PI * -ax.tickangle / 180;
+            this.tickPad[i + j] = this.getTickPad(ax);
+
+            this.tickMarkLength[i + j] = 0;
+            this.tickMarkWidth[i + j] = ax.tickwidth || 0;
+            this.tickMarkColor[i + j] = str2RGBArray(ax.tickcolor);
+
+            this.borderLineEnable[i + j] = false;
+            this.borderLineColor[i + j] = str2RGBArray(ax.linecolor);
+            this.borderLineWidth[i + j] = ax.linewidth || 0;
+        }
+
+        hasSharedAxis = this.hasSharedAxis(ax);
+        hasAxisInDfltPos = this.hasAxisInDfltPos(axisName, ax) && !hasSharedAxis;
+        hasAxisInAltrPos = this.hasAxisInAltrPos(axisName, ax) && !hasSharedAxis;
+
+        axMirror = ax.mirror || false;
+        mirrorLines = hasSharedAxis ?
+            (String(axMirror).indexOf('all') !== -1) :  // 'all' or 'allticks'
+            !!axMirror;                                 // all but false
+        mirrorTicks = hasSharedAxis ?
+            (axMirror === 'allticks') :
+            (String(axMirror).indexOf('ticks') !== -1); // 'ticks' or 'allticks'
+
+        // Axis titles and tick labels can only appear of one side of the scene
+        //  and are never show on subplots that share existing axes.
+
+        if(hasAxisInDfltPos) this.labelEnable[i] = true;
+        else if(hasAxisInAltrPos) this.labelEnable[i + 2] = true;
+
+        if(hasAxisInDfltPos) this.tickEnable[i] = ax.showticklabels;
+        else if(hasAxisInAltrPos) this.tickEnable[i + 2] = ax.showticklabels;
+
+        // Grid lines and ticks can appear on both sides of the scene
+        //  and can appear on subplot that share existing axes via `ax.mirror`.
+
+        if(hasAxisInDfltPos || mirrorLines) this.borderLineEnable[i] = ax.showline;
+        if(hasAxisInAltrPos || mirrorLines) this.borderLineEnable[i + 2] = ax.showline;
+
+        if(hasAxisInDfltPos || mirrorTicks) this.tickMarkLength[i] = this.getTickMarkLength(ax);
+        if(hasAxisInAltrPos || mirrorTicks) this.tickMarkLength[i + 2] = this.getTickMarkLength(ax);
+
+        this.gridLineEnable[i] = ax.showgrid;
+        this.gridLineColor[i] = str2RGBArray(ax.gridcolor);
+        this.gridLineWidth[i] = ax.gridwidth;
+
+        this.zeroLineEnable[i] = ax.zeroline;
+        this.zeroLineColor[i] = str2RGBArray(ax.zerolinecolor);
+        this.zeroLineWidth[i] = ax.zerolinewidth;
+    }
+};
+
+// is an axis shared with an already-drawn subplot ?
+proto.hasSharedAxis = function(ax) {
+    var scene = this.scene,
+        subplotIds = Plots.getSubplotIds(scene.fullLayout, 'gl2d'),
+        list = Axes.findSubplotsWithAxis(subplotIds, ax);
+
+    // if index === 0, then the subplot is already drawn as subplots
+    // are drawn in order.
+    return (list.indexOf(scene.id) !== 0);
+};
+
+// has an axis in default position (i.e. bottom/left) ?
+proto.hasAxisInDfltPos = function(axisName, ax) {
+    var axSide = ax.side;
+
+    if(axisName === 'xaxis') return (axSide === 'bottom');
+    else if(axisName === 'yaxis') return (axSide === 'left');
+};
+
+// has an axis in alternate position (i.e. top/right) ?
+proto.hasAxisInAltrPos = function(axisName, ax) {
+    var axSide = ax.side;
+
+    if(axisName === 'xaxis') return (axSide === 'top');
+    else if(axisName === 'yaxis') return (axSide === 'right');
+};
+
+proto.getLabelPad = function(axisName, ax) {
+    var offsetBase = 1.5,
+        fontSize = ax.titlefont.size,
+        showticklabels = ax.showticklabels;
+
+    if(axisName === 'xaxis') {
+        return (ax.side === 'top') ?
+            -10 + fontSize * (offsetBase + (showticklabels ? 1 : 0)) :
+            -10 + fontSize * (offsetBase + (showticklabels ? 0.5 : 0));
+    }
+    else if(axisName === 'yaxis') {
+        return (ax.side === 'right') ?
+            10 + fontSize * (offsetBase + (showticklabels ? 1 : 0.5)) :
+            10 + fontSize * (offsetBase + (showticklabels ? 0.5 : 0));
+    }
+};
+
+proto.getTickPad = function(ax) {
+    return (ax.ticks === 'outside') ? 10 + ax.ticklen : 15;
+};
+
+proto.getTickMarkLength = function(ax) {
+    if(!ax.ticks) return 0;
+
+    var ticklen = ax.ticklen;
+
+    return (ax.ticks === 'inside') ? -ticklen : ticklen;
+};
+
+
+function createAxes2D(scene) {
+    return new Axes2DOptions(scene);
+}
+
+module.exports = createAxes2D;
+
+},{"../../lib/html2unicode":726,"../../lib/str2rgbarray":749,"../cartesian/axes":772,"../plots":831}],808:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var Scene2D = require('./scene2d');
+var Plots = require('../plots');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+var constants = require('../cartesian/constants');
+var Cartesian = require('../cartesian');
+var fxAttrs = require('../../components/fx/layout_attributes');
+
+exports.name = 'gl2d';
+
+exports.attr = ['xaxis', 'yaxis'];
+
+exports.idRoot = ['x', 'y'];
+
+exports.idRegex = constants.idRegex;
+
+exports.attrRegex = constants.attrRegex;
+
+exports.attributes = require('../cartesian/attributes');
+
+// gl2d uses svg axis attributes verbatim, but overrides editType
+// this could potentially be just `layoutAttributes` but it would
+// still need special handling somewhere to give it precedence over
+// the svg version when both are in use on one plot
+exports.layoutAttrOverrides = overrideAll(Cartesian.layoutAttributes, 'plot', 'from-root');
+
+// similar overrides for base plot attributes (and those added by components)
+exports.baseLayoutAttrOverrides = overrideAll({
+    plot_bgcolor: Plots.layoutAttributes.plot_bgcolor,
+    hoverlabel: fxAttrs.hoverlabel
+    // dragmode needs calc but only when transitioning TO lasso or select
+    // so for now it's left inside _relayout
+    // dragmode: fxAttrs.dragmode
+}, 'plot', 'nested');
+
+exports.plot = function plotGl2d(gd) {
+    var fullLayout = gd._fullLayout,
+        fullData = gd._fullData,
+        subplotIds = Plots.getSubplotIds(fullLayout, 'gl2d');
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotId = subplotIds[i],
+            subplotObj = fullLayout._plots[subplotId],
+            fullSubplotData = Plots.getSubplotData(fullData, 'gl2d', subplotId);
+
+        // ref. to corresp. Scene instance
+        var scene = subplotObj._scene2d;
+
+        // If Scene is not instantiated, create one!
+        if(scene === undefined) {
+            scene = new Scene2D({
+                id: subplotId,
+                graphDiv: gd,
+                container: gd.querySelector('.gl-container'),
+                staticPlot: gd._context.staticPlot,
+                plotGlPixelRatio: gd._context.plotGlPixelRatio
+            },
+                fullLayout
+            );
+
+            // set ref to Scene instance
+            subplotObj._scene2d = scene;
+        }
+
+        scene.plot(fullSubplotData, gd.calcdata, fullLayout, gd.layout);
+    }
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldSceneKeys = Plots.getSubplotIds(oldFullLayout, 'gl2d');
+
+    for(var i = 0; i < oldSceneKeys.length; i++) {
+        var id = oldSceneKeys[i],
+            oldSubplot = oldFullLayout._plots[id];
+
+        // old subplot wasn't gl2d; nothing to do
+        if(!oldSubplot._scene2d) continue;
+
+        // if no traces are present, delete gl2d subplot
+        var subplotData = Plots.getSubplotData(newFullData, 'gl2d', id);
+        if(subplotData.length === 0) {
+            oldSubplot._scene2d.destroy();
+            delete oldFullLayout._plots[id];
+        }
+    }
+
+    // since we use cartesian interactions, do cartesian clean
+    Cartesian.clean.apply(this, arguments);
+};
+
+exports.drawFramework = function(gd) {
+    if(!gd._context.staticPlot) {
+        Cartesian.drawFramework(gd);
+    }
+};
+
+exports.toSVG = function(gd) {
+    var fullLayout = gd._fullLayout,
+        subplotIds = Plots.getSubplotIds(fullLayout, 'gl2d');
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplot = fullLayout._plots[subplotIds[i]],
+            scene = subplot._scene2d;
+
+        var imageData = scene.toImage('png');
+        var image = fullLayout._glimages.append('svg:image');
+
+        image.attr({
+            xmlns: xmlnsNamespaces.svg,
+            'xlink:href': imageData,
+            x: 0,
+            y: 0,
+            width: '100%',
+            height: '100%',
+            preserveAspectRatio: 'none'
+        });
+
+        scene.destroy();
+    }
+};
+
+exports.updateFx = function(fullLayout) {
+    var subplotIds = Plots.getSubplotIds(fullLayout, 'gl2d');
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotObj = fullLayout._plots[subplotIds[i]]._scene2d;
+        subplotObj.updateFx(fullLayout.dragmode);
+    }
+};
+
+},{"../../components/fx/layout_attributes":646,"../../constants/xmlns_namespaces":709,"../../plot_api/edit_types":756,"../cartesian":782,"../cartesian/attributes":771,"../cartesian/constants":777,"../plots":831,"./scene2d":809}],809:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+var Fx = require('../../components/fx');
+
+var createPlot2D = require('gl-plot2d');
+var createSpikes = require('gl-spikes2d');
+var createSelectBox = require('gl-select-box');
+var getContext = require('webgl-context');
+
+var createOptions = require('./convert');
+var createCamera = require('./camera');
+var convertHTMLToUnicode = require('../../lib/html2unicode');
+var showNoWebGlMsg = require('../../lib/show_no_webgl_msg');
+var axisConstraints = require('../../plots/cartesian/constraints');
+var enforceAxisConstraints = axisConstraints.enforce;
+var cleanAxisConstraints = axisConstraints.clean;
+
+var AXES = ['xaxis', 'yaxis'];
+var STATIC_CANVAS, STATIC_CONTEXT;
+
+
+function Scene2D(options, fullLayout) {
+    this.container = options.container;
+    this.graphDiv = options.graphDiv;
+    this.pixelRatio = options.plotGlPixelRatio || window.devicePixelRatio;
+    this.id = options.id;
+    this.staticPlot = !!options.staticPlot;
+    this.scrollZoom = this.graphDiv._context.scrollZoom;
+
+    this.fullData = null;
+    this.updateRefs(fullLayout);
+
+    this.makeFramework();
+
+    // update options
+    this.glplotOptions = createOptions(this);
+    this.glplotOptions.merge(fullLayout);
+
+    // create the plot
+    this.glplot = createPlot2D(this.glplotOptions);
+
+    // create camera
+    this.camera = createCamera(this);
+
+    // trace set
+    this.traces = {};
+
+    // create axes spikes
+    this.spikes = createSpikes(this.glplot);
+
+    this.selectBox = createSelectBox(this.glplot, {
+        innerFill: false,
+        outerFill: true
+    });
+
+    // last button state
+    this.lastButtonState = 0;
+
+    // last pick result
+    this.pickResult = null;
+
+    // is the mouse over the plot?
+    // it's OK if this says true when it's not, so long as
+    // when we get a mouseout we set it to false before handling
+    this.isMouseOver = true;
+
+    this.bounds = [Infinity, Infinity, -Infinity, -Infinity];
+
+    // flag to stop render loop
+    this.stopped = false;
+
+    // redraw the plot
+    this.redraw = this.draw.bind(this);
+    this.redraw();
+}
+
+module.exports = Scene2D;
+
+var proto = Scene2D.prototype;
+
+proto.makeFramework = function() {
+
+    // create canvas and gl context
+    if(this.staticPlot) {
+        if(!STATIC_CONTEXT) {
+            STATIC_CANVAS = document.createElement('canvas');
+
+            STATIC_CONTEXT = getContext({
+                canvas: STATIC_CANVAS,
+                preserveDrawingBuffer: false,
+                premultipliedAlpha: true,
+                antialias: true
+            });
+
+            if(!STATIC_CONTEXT) {
+                throw new Error('Error creating static canvas/context for image server');
+            }
+        }
+
+        this.canvas = STATIC_CANVAS;
+        this.gl = STATIC_CONTEXT;
+    }
+    else {
+        var liveCanvas = document.createElement('canvas');
+
+        var gl = getContext({
+            canvas: liveCanvas,
+            premultipliedAlpha: true
+        });
+
+        if(!gl) showNoWebGlMsg(this);
+
+        this.canvas = liveCanvas;
+        this.gl = gl;
+    }
+
+    // position the canvas
+    var canvas = this.canvas;
+
+    canvas.style.width = '100%';
+    canvas.style.height = '100%';
+    canvas.style.position = 'absolute';
+    canvas.style.top = '0px';
+    canvas.style.left = '0px';
+    canvas.style['pointer-events'] = 'none';
+
+    this.updateSize(canvas);
+
+    // disabling user select on the canvas
+    // sanitizes double-clicks interactions
+    // ref: https://github.com/plotly/plotly.js/issues/744
+    canvas.className += 'user-select-none';
+
+    // create SVG container for hover text
+    var svgContainer = this.svgContainer = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'svg');
+    svgContainer.style.position = 'absolute';
+    svgContainer.style.top = svgContainer.style.left = '0px';
+    svgContainer.style.width = svgContainer.style.height = '100%';
+    svgContainer.style['z-index'] = 20;
+    svgContainer.style['pointer-events'] = 'none';
+
+    // create div to catch the mouse event
+    var mouseContainer = this.mouseContainer = document.createElement('div');
+    mouseContainer.style.position = 'absolute';
+    mouseContainer.style['pointer-events'] = 'auto';
+
+    // append canvas, hover svg and mouse div to container
+    var container = this.container;
+    container.appendChild(canvas);
+    container.appendChild(svgContainer);
+    container.appendChild(mouseContainer);
+
+    var self = this;
+    mouseContainer.addEventListener('mouseout', function() {
+        self.isMouseOver = false;
+        self.unhover();
+    });
+    mouseContainer.addEventListener('mouseover', function() {
+        self.isMouseOver = true;
+    });
+};
+
+proto.toImage = function(format) {
+    if(!format) format = 'png';
+
+    this.stopped = true;
+    if(this.staticPlot) this.container.appendChild(STATIC_CANVAS);
+
+    // update canvas size
+    this.updateSize(this.canvas);
+
+    // force redraw
+    this.glplot.setDirty();
+    this.glplot.draw();
+
+    // grab context and yank out pixels
+    var gl = this.glplot.gl,
+        w = gl.drawingBufferWidth,
+        h = gl.drawingBufferHeight;
+
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+
+    var pixels = new Uint8Array(w * h * 4);
+    gl.readPixels(0, 0, w, h, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
+
+    // flip pixels
+    for(var j = 0, k = h - 1; j < k; ++j, --k) {
+        for(var i = 0; i < w; ++i) {
+            for(var l = 0; l < 4; ++l) {
+                var tmp = pixels[4 * (w * j + i) + l];
+                pixels[4 * (w * j + i) + l] = pixels[4 * (w * k + i) + l];
+                pixels[4 * (w * k + i) + l] = tmp;
+            }
+        }
+    }
+
+    var canvas = document.createElement('canvas');
+    canvas.width = w;
+    canvas.height = h;
+
+    var context = canvas.getContext('2d');
+    var imageData = context.createImageData(w, h);
+    imageData.data.set(pixels);
+    context.putImageData(imageData, 0, 0);
+
+    var dataURL;
+
+    switch(format) {
+        case 'jpeg':
+            dataURL = canvas.toDataURL('image/jpeg');
+            break;
+        case 'webp':
+            dataURL = canvas.toDataURL('image/webp');
+            break;
+        default:
+            dataURL = canvas.toDataURL('image/png');
+    }
+
+    if(this.staticPlot) this.container.removeChild(STATIC_CANVAS);
+
+    return dataURL;
+};
+
+proto.updateSize = function(canvas) {
+    if(!canvas) canvas = this.canvas;
+
+    var pixelRatio = this.pixelRatio,
+        fullLayout = this.fullLayout;
+
+    var width = fullLayout.width,
+        height = fullLayout.height,
+        pixelWidth = Math.ceil(pixelRatio * width) |0,
+        pixelHeight = Math.ceil(pixelRatio * height) |0;
+
+    // check for resize
+    if(canvas.width !== pixelWidth || canvas.height !== pixelHeight) {
+        canvas.width = pixelWidth;
+        canvas.height = pixelHeight;
+    }
+
+    // make sure plots render right thing
+    if(this.redraw) this.redraw();
+
+    return canvas;
+};
+
+proto.computeTickMarks = function() {
+    this.xaxis.setScale();
+    this.yaxis.setScale();
+
+    var nextTicks = [
+        Axes.calcTicks(this.xaxis),
+        Axes.calcTicks(this.yaxis)
+    ];
+
+    for(var j = 0; j < 2; ++j) {
+        for(var i = 0; i < nextTicks[j].length; ++i) {
+            // coercing tick value (may not be a string) to a string
+            nextTicks[j][i].text = convertHTMLToUnicode(nextTicks[j][i].text + '');
+        }
+    }
+
+    return nextTicks;
+};
+
+function compareTicks(a, b) {
+    for(var i = 0; i < 2; ++i) {
+        var aticks = a[i],
+            bticks = b[i];
+
+        if(aticks.length !== bticks.length) return true;
+
+        for(var j = 0; j < aticks.length; ++j) {
+            if(aticks[j].x !== bticks[j].x) return true;
+        }
+    }
+
+    return false;
+}
+
+proto.updateRefs = function(newFullLayout) {
+    this.fullLayout = newFullLayout;
+
+    var spmatch = Axes.subplotMatch,
+        xaxisName = 'xaxis' + this.id.match(spmatch)[1],
+        yaxisName = 'yaxis' + this.id.match(spmatch)[2];
+
+    this.xaxis = this.fullLayout[xaxisName];
+    this.yaxis = this.fullLayout[yaxisName];
+};
+
+proto.relayoutCallback = function() {
+    var graphDiv = this.graphDiv,
+        xaxis = this.xaxis,
+        yaxis = this.yaxis,
+        layout = graphDiv.layout;
+
+    // update user layout
+    layout.xaxis.autorange = xaxis.autorange;
+    layout.xaxis.range = xaxis.range.slice(0);
+    layout.yaxis.autorange = yaxis.autorange;
+    layout.yaxis.range = yaxis.range.slice(0);
+
+    // make a meaningful value to be passed on to the possible 'plotly_relayout' subscriber(s)
+    // scene.camera has no many useful projection or scale information
+    // helps determine which one is the latest input (if async)
+    var update = {
+        lastInputTime: this.camera.lastInputTime
+    };
+
+    update[xaxis._name] = xaxis.range.slice(0);
+    update[yaxis._name] = yaxis.range.slice(0);
+
+    graphDiv.emit('plotly_relayout', update);
+};
+
+proto.cameraChanged = function() {
+    var camera = this.camera;
+
+    this.glplot.setDataBox(this.calcDataBox());
+
+    var nextTicks = this.computeTickMarks();
+    var curTicks = this.glplotOptions.ticks;
+
+    if(compareTicks(nextTicks, curTicks)) {
+        this.glplotOptions.ticks = nextTicks;
+        this.glplotOptions.dataBox = camera.dataBox;
+        this.glplot.update(this.glplotOptions);
+        this.handleAnnotations();
+    }
+};
+
+proto.handleAnnotations = function() {
+    var gd = this.graphDiv,
+        annotations = this.fullLayout.annotations;
+
+    for(var i = 0; i < annotations.length; i++) {
+        var ann = annotations[i];
+
+        if(ann.xref === this.xaxis._id && ann.yref === this.yaxis._id) {
+            Registry.getComponentMethod('annotations', 'drawOne')(gd, i);
+        }
+    }
+};
+
+proto.destroy = function() {
+    if(!this.glplot) return;
+
+    var traces = this.traces;
+
+    if(traces) {
+        Object.keys(traces).map(function(key) {
+            traces[key].dispose();
+            delete traces[key];
+        });
+    }
+
+    this.glplot.dispose();
+
+    if(!this.staticPlot) this.container.removeChild(this.canvas);
+    this.container.removeChild(this.svgContainer);
+    this.container.removeChild(this.mouseContainer);
+
+    this.fullData = null;
+    this.glplot = null;
+    this.stopped = true;
+    this.camera.mouseListener.enabled = false;
+    this.mouseContainer.removeEventListener('wheel', this.camera.wheelListener);
+    this.camera = null;
+};
+
+proto.plot = function(fullData, calcData, fullLayout) {
+    var glplot = this.glplot;
+
+    this.updateRefs(fullLayout);
+    this.updateTraces(fullData, calcData);
+    this.updateFx(fullLayout.dragmode);
+
+    var width = fullLayout.width,
+        height = fullLayout.height;
+
+    this.updateSize(this.canvas);
+
+    var options = this.glplotOptions;
+    options.merge(fullLayout);
+    options.screenBox = [0, 0, width, height];
+
+    var mockGraphDiv = {_fullLayout: {
+        _axisConstraintGroups: this.graphDiv._fullLayout._axisConstraintGroups,
+        xaxis: this.xaxis,
+        yaxis: this.yaxis
+    }};
+
+    cleanAxisConstraints(mockGraphDiv, this.xaxis);
+    cleanAxisConstraints(mockGraphDiv, this.yaxis);
+
+    var size = fullLayout._size,
+        domainX = this.xaxis.domain,
+        domainY = this.yaxis.domain;
+
+    options.viewBox = [
+        size.l + domainX[0] * size.w,
+        size.b + domainY[0] * size.h,
+        (width - size.r) - (1 - domainX[1]) * size.w,
+        (height - size.t) - (1 - domainY[1]) * size.h
+    ];
+
+    this.mouseContainer.style.width = size.w * (domainX[1] - domainX[0]) + 'px';
+    this.mouseContainer.style.height = size.h * (domainY[1] - domainY[0]) + 'px';
+    this.mouseContainer.height = size.h * (domainY[1] - domainY[0]);
+    this.mouseContainer.style.left = size.l + domainX[0] * size.w + 'px';
+    this.mouseContainer.style.top = size.t + (1 - domainY[1]) * size.h + 'px';
+
+    var bounds = this.bounds;
+    bounds[0] = bounds[1] = Infinity;
+    bounds[2] = bounds[3] = -Infinity;
+
+    var traceIds = Object.keys(this.traces);
+    var ax, i;
+
+    for(i = 0; i < traceIds.length; ++i) {
+        var traceObj = this.traces[traceIds[i]];
+
+        for(var k = 0; k < 2; ++k) {
+            bounds[k] = Math.min(bounds[k], traceObj.bounds[k]);
+            bounds[k + 2] = Math.max(bounds[k + 2], traceObj.bounds[k + 2]);
+        }
+    }
+
+    for(i = 0; i < 2; ++i) {
+        if(bounds[i] > bounds[i + 2]) {
+            bounds[i] = -1;
+            bounds[i + 2] = 1;
+        }
+
+        ax = this[AXES[i]];
+        ax._length = options.viewBox[i + 2] - options.viewBox[i];
+
+        Axes.doAutoRange(ax);
+        ax.setScale();
+    }
+
+    enforceAxisConstraints(mockGraphDiv);
+
+    options.ticks = this.computeTickMarks();
+
+    options.dataBox = this.calcDataBox();
+
+    options.merge(fullLayout);
+    glplot.update(options);
+
+    // force redraw so that promise is returned when rendering is completed
+    this.glplot.draw();
+};
+
+proto.calcDataBox = function() {
+    var xaxis = this.xaxis,
+        yaxis = this.yaxis,
+        xrange = xaxis.range,
+        yrange = yaxis.range,
+        xr2l = xaxis.r2l,
+        yr2l = yaxis.r2l;
+
+    return [xr2l(xrange[0]), yr2l(yrange[0]), xr2l(xrange[1]), yr2l(yrange[1])];
+};
+
+proto.setRanges = function(dataBox) {
+    var xaxis = this.xaxis,
+        yaxis = this.yaxis,
+        xl2r = xaxis.l2r,
+        yl2r = yaxis.l2r;
+
+    xaxis.range = [xl2r(dataBox[0]), xl2r(dataBox[2])];
+    yaxis.range = [yl2r(dataBox[1]), yl2r(dataBox[3])];
+};
+
+proto.updateTraces = function(fullData, calcData) {
+    var traceIds = Object.keys(this.traces);
+    var i, j, fullTrace;
+
+    this.fullData = fullData;
+
+    // remove empty traces
+    trace_id_loop:
+    for(i = 0; i < traceIds.length; i++) {
+        var oldUid = traceIds[i],
+            oldTrace = this.traces[oldUid];
+
+        for(j = 0; j < fullData.length; j++) {
+            fullTrace = fullData[j];
+
+            if(fullTrace.uid === oldUid && fullTrace.type === oldTrace.type) {
+                continue trace_id_loop;
+            }
+        }
+
+        oldTrace.dispose();
+        delete this.traces[oldUid];
+    }
+
+    // update / create trace objects
+    for(i = 0; i < fullData.length; i++) {
+        fullTrace = fullData[i];
+        var calcTrace = calcData[i],
+            traceObj = this.traces[fullTrace.uid];
+
+        if(traceObj) traceObj.update(fullTrace, calcTrace);
+        else {
+            traceObj = fullTrace._module.plot(this, fullTrace, calcTrace);
+            this.traces[fullTrace.uid] = traceObj;
+        }
+    }
+
+    // order object per traces
+    this.glplot.objects.sort(function(a, b) {
+        return a._trace.index - b._trace.index;
+    });
+};
+
+proto.updateFx = function(dragmode) {
+    // switch to svg interactions in lasso/select mode
+    if(dragmode === 'lasso' || dragmode === 'select') {
+        this.mouseContainer.style['pointer-events'] = 'none';
+    } else {
+        this.mouseContainer.style['pointer-events'] = 'auto';
+    }
+
+    // set proper cursor
+    if(dragmode === 'pan') {
+        this.mouseContainer.style.cursor = 'move';
+    }
+    else if(dragmode === 'zoom') {
+        this.mouseContainer.style.cursor = 'crosshair';
+    }
+    else {
+        this.mouseContainer.style.cursor = null;
+    }
+};
+
+proto.emitPointAction = function(nextSelection, eventType) {
+    var uid = nextSelection.trace.uid;
+    var ptNumber = nextSelection.pointIndex;
+    var trace;
+
+    for(var i = 0; i < this.fullData.length; i++) {
+        if(this.fullData[i].uid === uid) {
+            trace = this.fullData[i];
+        }
+    }
+
+    var pointData = {
+        x: nextSelection.traceCoord[0],
+        y: nextSelection.traceCoord[1],
+        curveNumber: trace.index,
+        pointNumber: ptNumber,
+        data: trace._input,
+        fullData: this.fullData,
+        xaxis: this.xaxis,
+        yaxis: this.yaxis
+    };
+
+    Fx.appendArrayPointValue(pointData, trace, ptNumber);
+
+    this.graphDiv.emit(eventType, {points: [pointData]});
+};
+
+proto.draw = function() {
+    if(this.stopped) return;
+
+    requestAnimationFrame(this.redraw);
+
+    var glplot = this.glplot,
+        camera = this.camera,
+        mouseListener = camera.mouseListener,
+        mouseUp = this.lastButtonState === 1 && mouseListener.buttons === 0,
+        fullLayout = this.fullLayout;
+
+    this.lastButtonState = mouseListener.buttons;
+
+    this.cameraChanged();
+
+    var x = mouseListener.x * glplot.pixelRatio;
+    var y = this.canvas.height - glplot.pixelRatio * mouseListener.y;
+
+    var result;
+
+    if(camera.boxEnabled && fullLayout.dragmode === 'zoom') {
+        this.selectBox.enabled = true;
+
+        var selectBox = this.selectBox.selectBox = [
+            Math.min(camera.boxStart[0], camera.boxEnd[0]),
+            Math.min(camera.boxStart[1], camera.boxEnd[1]),
+            Math.max(camera.boxStart[0], camera.boxEnd[0]),
+            Math.max(camera.boxStart[1], camera.boxEnd[1])
+        ];
+
+        // 1D zoom
+        for(var i = 0; i < 2; i++) {
+            if(camera.boxStart[i] === camera.boxEnd[i]) {
+                selectBox[i] = glplot.dataBox[i];
+                selectBox[i + 2] = glplot.dataBox[i + 2];
+            }
+        }
+
+        glplot.setDirty();
+    }
+    else if(!camera.panning && this.isMouseOver) {
+        this.selectBox.enabled = false;
+
+        var size = fullLayout._size,
+            domainX = this.xaxis.domain,
+            domainY = this.yaxis.domain;
+
+        result = glplot.pick(
+            (x / glplot.pixelRatio) + size.l + domainX[0] * size.w,
+            (y / glplot.pixelRatio) - (size.t + (1 - domainY[1]) * size.h)
+        );
+
+        var nextSelection = result && result.object._trace.handlePick(result);
+
+        if(nextSelection && mouseUp) {
+            this.emitPointAction(nextSelection, 'plotly_click');
+        }
+
+        if(result && result.object._trace.hoverinfo !== 'skip' && fullLayout.hovermode) {
+
+            if(nextSelection && (
+                !this.lastPickResult ||
+                this.lastPickResult.traceUid !== nextSelection.trace.uid ||
+                this.lastPickResult.dataCoord[0] !== nextSelection.dataCoord[0] ||
+                this.lastPickResult.dataCoord[1] !== nextSelection.dataCoord[1])
+            ) {
+                var selection = nextSelection;
+
+                this.lastPickResult = {
+                    traceUid: nextSelection.trace ? nextSelection.trace.uid : null,
+                    dataCoord: nextSelection.dataCoord.slice()
+                };
+                this.spikes.update({ center: result.dataCoord });
+
+                selection.screenCoord = [
+                    ((glplot.viewBox[2] - glplot.viewBox[0]) *
+                    (result.dataCoord[0] - glplot.dataBox[0]) /
+                        (glplot.dataBox[2] - glplot.dataBox[0]) + glplot.viewBox[0]) /
+                            glplot.pixelRatio,
+                    (this.canvas.height - (glplot.viewBox[3] - glplot.viewBox[1]) *
+                    (result.dataCoord[1] - glplot.dataBox[1]) /
+                        (glplot.dataBox[3] - glplot.dataBox[1]) - glplot.viewBox[1]) /
+                            glplot.pixelRatio
+                ];
+
+                // this needs to happen before the next block that deletes traceCoord data
+                // also it's important to copy, otherwise data is lost by the time event data is read
+                this.emitPointAction(nextSelection, 'plotly_hover');
+
+                var trace = this.fullData[selection.trace.index] || {};
+                var ptNumber = selection.pointIndex;
+                var hoverinfo = Fx.castHoverinfo(trace, fullLayout, ptNumber);
+
+                if(hoverinfo && hoverinfo !== 'all') {
+                    var parts = hoverinfo.split('+');
+                    if(parts.indexOf('x') === -1) selection.traceCoord[0] = undefined;
+                    if(parts.indexOf('y') === -1) selection.traceCoord[1] = undefined;
+                    if(parts.indexOf('z') === -1) selection.traceCoord[2] = undefined;
+                    if(parts.indexOf('text') === -1) selection.textLabel = undefined;
+                    if(parts.indexOf('name') === -1) selection.name = undefined;
+                }
+
+                Fx.loneHover({
+                    x: selection.screenCoord[0],
+                    y: selection.screenCoord[1],
+                    xLabel: this.hoverFormatter('xaxis', selection.traceCoord[0]),
+                    yLabel: this.hoverFormatter('yaxis', selection.traceCoord[1]),
+                    zLabel: selection.traceCoord[2],
+                    text: selection.textLabel,
+                    name: selection.name,
+                    color: Fx.castHoverOption(trace, ptNumber, 'bgcolor') || selection.color,
+                    borderColor: Fx.castHoverOption(trace, ptNumber, 'bordercolor'),
+                    fontFamily: Fx.castHoverOption(trace, ptNumber, 'font.family'),
+                    fontSize: Fx.castHoverOption(trace, ptNumber, 'font.size'),
+                    fontColor: Fx.castHoverOption(trace, ptNumber, 'font.color')
+                }, {
+                    container: this.svgContainer,
+                    gd: this.graphDiv
+                });
+            }
+        }
+    }
+
+    // Remove hover effects if we're not over a point OR
+    // if we're zooming or panning (in which case result is not set)
+    if(!result) {
+        this.unhover();
+    }
+
+    glplot.draw();
+};
+
+proto.unhover = function() {
+    if(this.lastPickResult) {
+        this.spikes.update({});
+        this.lastPickResult = null;
+        this.graphDiv.emit('plotly_unhover');
+        Fx.loneUnhover(this.svgContainer);
+    }
+};
+
+proto.hoverFormatter = function(axisName, val) {
+    if(val === undefined) return undefined;
+
+    var axis = this[axisName];
+    return Axes.tickText(axis, axis.c2l(val), 'hover').text;
+};
+
+},{"../../components/fx":645,"../../lib/html2unicode":726,"../../lib/show_no_webgl_msg":747,"../../plots/cartesian/axes":772,"../../plots/cartesian/constraints":779,"../../registry":846,"./camera":806,"./convert":807,"gl-plot2d":219,"gl-select-box":253,"gl-spikes2d":262,"webgl-context":563}],810:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = createCamera;
+
+var now = require('right-now');
+var createView = require('3d-view');
+var mouseChange = require('mouse-change');
+var mouseWheel = require('mouse-wheel');
+var mouseOffset = require('mouse-event-offset');
+
+function createCamera(element, options) {
+    element = element || document.body;
+    options = options || {};
+
+    var limits = [ 0.01, Infinity ];
+    if('distanceLimits' in options) {
+        limits[0] = options.distanceLimits[0];
+        limits[1] = options.distanceLimits[1];
+    }
+    if('zoomMin' in options) {
+        limits[0] = options.zoomMin;
+    }
+    if('zoomMax' in options) {
+        limits[1] = options.zoomMax;
+    }
+
+    var view = createView({
+        center: options.center || [0, 0, 0],
+        up: options.up || [0, 1, 0],
+        eye: options.eye || [0, 0, 10],
+        mode: options.mode || 'orbit',
+        distanceLimits: limits
+    });
+
+    var pmatrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    var distance = 0.0;
+    var width = element.clientWidth;
+    var height = element.clientHeight;
+
+    var camera = {
+        keyBindingMode: 'rotate',
+        view: view,
+        element: element,
+        delay: options.delay || 16,
+        rotateSpeed: options.rotateSpeed || 1,
+        zoomSpeed: options.zoomSpeed || 1,
+        translateSpeed: options.translateSpeed || 1,
+        flipX: !!options.flipX,
+        flipY: !!options.flipY,
+        modes: view.modes,
+        tick: function() {
+            var t = now();
+            var delay = this.delay;
+            var ctime = t - 2 * delay;
+            view.idle(t - delay);
+            view.recalcMatrix(ctime);
+            view.flush(t - (100 + delay * 2));
+            var allEqual = true;
+            var matrix = view.computedMatrix;
+            for(var i = 0; i < 16; ++i) {
+                allEqual = allEqual && (pmatrix[i] === matrix[i]);
+                pmatrix[i] = matrix[i];
+            }
+            var sizeChanged =
+                element.clientWidth === width &&
+                element.clientHeight === height;
+            width = element.clientWidth;
+            height = element.clientHeight;
+            if(allEqual) return !sizeChanged;
+            distance = Math.exp(view.computedRadius[0]);
+            return true;
+        },
+        lookAt: function(center, eye, up) {
+            view.lookAt(view.lastT(), center, eye, up);
+        },
+        rotate: function(pitch, yaw, roll) {
+            view.rotate(view.lastT(), pitch, yaw, roll);
+        },
+        pan: function(dx, dy, dz) {
+            view.pan(view.lastT(), dx, dy, dz);
+        },
+        translate: function(dx, dy, dz) {
+            view.translate(view.lastT(), dx, dy, dz);
+        }
+    };
+
+    Object.defineProperties(camera, {
+        matrix: {
+            get: function() {
+                return view.computedMatrix;
+            },
+            set: function(mat) {
+                view.setMatrix(view.lastT(), mat);
+                return view.computedMatrix;
+            },
+            enumerable: true
+        },
+        mode: {
+            get: function() {
+                return view.getMode();
+            },
+            set: function(mode) {
+                var curUp = view.computedUp.slice();
+                var curEye = view.computedEye.slice();
+                var curCenter = view.computedCenter.slice();
+                view.setMode(mode);
+                if(mode === 'turntable') {
+                    // Hacky time warping stuff to generate smooth animation
+                    var t0 = now();
+                    view._active.lookAt(t0, curEye, curCenter, curUp);
+                    view._active.lookAt(t0 + 500, curEye, curCenter, [0, 0, 1]);
+                    view._active.flush(t0);
+                }
+                return view.getMode();
+            },
+            enumerable: true
+        },
+        center: {
+            get: function() {
+                return view.computedCenter;
+            },
+            set: function(ncenter) {
+                view.lookAt(view.lastT(), null, ncenter);
+                return view.computedCenter;
+            },
+            enumerable: true
+        },
+        eye: {
+            get: function() {
+                return view.computedEye;
+            },
+            set: function(neye) {
+                view.lookAt(view.lastT(), neye);
+                return view.computedEye;
+            },
+            enumerable: true
+        },
+        up: {
+            get: function() {
+                return view.computedUp;
+            },
+            set: function(nup) {
+                view.lookAt(view.lastT(), null, null, nup);
+                return view.computedUp;
+            },
+            enumerable: true
+        },
+        distance: {
+            get: function() {
+                return distance;
+            },
+            set: function(d) {
+                view.setDistance(view.lastT(), d);
+                return d;
+            },
+            enumerable: true
+        },
+        distanceLimits: {
+            get: function() {
+                return view.getDistanceLimits(limits);
+            },
+            set: function(v) {
+                view.setDistanceLimits(v);
+                return v;
+            },
+            enumerable: true
+        }
+    });
+
+    element.addEventListener('contextmenu', function(ev) {
+        ev.preventDefault();
+        return false;
+    });
+
+    var lastX = 0, lastY = 0, lastMods = {shift: false, control: false, alt: false, meta: false};
+    camera.mouseListener = mouseChange(element, handleInteraction);
+
+    // enable simple touch interactions
+    element.addEventListener('touchstart', function(ev) {
+        var xy = mouseOffset(ev.changedTouches[0], element);
+        handleInteraction(0, xy[0], xy[1], lastMods);
+        handleInteraction(1, xy[0], xy[1], lastMods);
+    });
+    element.addEventListener('touchmove', function(ev) {
+        var xy = mouseOffset(ev.changedTouches[0], element);
+        handleInteraction(1, xy[0], xy[1], lastMods);
+    });
+    element.addEventListener('touchend', function() {
+        handleInteraction(0, lastX, lastY, lastMods);
+    });
+
+    function handleInteraction(buttons, x, y, mods) {
+        var keyBindingMode = camera.keyBindingMode;
+
+        if(keyBindingMode === false) return;
+
+        var rotate = keyBindingMode === 'rotate';
+        var pan = keyBindingMode === 'pan';
+        var zoom = keyBindingMode === 'zoom';
+
+        var ctrl = !!mods.control;
+        var alt = !!mods.alt;
+        var shift = !!mods.shift;
+        var left = !!(buttons & 1);
+        var right = !!(buttons & 2);
+        var middle = !!(buttons & 4);
+
+        var scale = 1.0 / element.clientHeight;
+        var dx = scale * (x - lastX);
+        var dy = scale * (y - lastY);
+
+        var flipX = camera.flipX ? 1 : -1;
+        var flipY = camera.flipY ? 1 : -1;
+
+        var t = now();
+
+        var drot = Math.PI * camera.rotateSpeed;
+
+        if((rotate && left && !ctrl && !alt && !shift) || (left && !ctrl && !alt && shift)) {
+            // Rotate
+            view.rotate(t, flipX * drot * dx, -flipY * drot * dy, 0);
+        }
+
+        if((pan && left && !ctrl && !alt && !shift) || right || (left && ctrl && !alt && !shift)) {
+            // Pan
+            view.pan(t, -camera.translateSpeed * dx * distance, camera.translateSpeed * dy * distance, 0);
+        }
+
+        if((zoom && left && !ctrl && !alt && !shift) || middle || (left && !ctrl && alt && !shift)) {
+            // Zoom
+            var kzoom = -camera.zoomSpeed * dy / window.innerHeight * (t - view.lastT()) * 100;
+            view.pan(t, 0, 0, distance * (Math.exp(kzoom) - 1));
+        }
+
+        lastX = x;
+        lastY = y;
+        lastMods = mods;
+
+        return true;
+    }
+
+    camera.wheelListener = mouseWheel(element, function(dx, dy) {
+        if(camera.keyBindingMode === false) return;
+
+        var flipX = camera.flipX ? 1 : -1;
+        var flipY = camera.flipY ? 1 : -1;
+        var t = now();
+        if(Math.abs(dx) > Math.abs(dy)) {
+            view.rotate(t, 0, 0, -dx * flipX * Math.PI * camera.rotateSpeed / window.innerWidth);
+        } else {
+            var kzoom = -camera.zoomSpeed * flipY * dy / window.innerHeight * (t - view.lastT()) / 20.0;
+            view.pan(t, 0, 0, distance * (Math.exp(kzoom) - 1));
+        }
+    }, true);
+
+    return camera;
+}
+
+},{"3d-view":37,"mouse-change":452,"mouse-event-offset":453,"mouse-wheel":455,"right-now":502}],811:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+var fxAttrs = require('../../components/fx/layout_attributes');
+
+var Scene = require('./scene');
+var Plots = require('../plots');
+var Lib = require('../../lib');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+
+var GL3D = 'gl3d';
+var SCENE = 'scene';
+
+
+exports.name = GL3D;
+
+exports.attr = SCENE;
+
+exports.idRoot = SCENE;
+
+exports.idRegex = exports.attrRegex = Lib.counterRegex('scene');
+
+exports.attributes = require('./layout/attributes');
+
+exports.layoutAttributes = require('./layout/layout_attributes');
+
+exports.baseLayoutAttrOverrides = overrideAll({
+    hoverlabel: fxAttrs.hoverlabel
+}, 'plot', 'nested');
+
+exports.supplyLayoutDefaults = require('./layout/defaults');
+
+exports.plot = function plotGl3d(gd) {
+    var fullLayout = gd._fullLayout,
+        fullData = gd._fullData,
+        sceneIds = Plots.getSubplotIds(fullLayout, GL3D);
+
+    for(var i = 0; i < sceneIds.length; i++) {
+        var sceneId = sceneIds[i],
+            fullSceneData = Plots.getSubplotData(fullData, GL3D, sceneId),
+            sceneLayout = fullLayout[sceneId],
+            scene = sceneLayout._scene;
+
+        if(!scene) {
+            scene = new Scene({
+                id: sceneId,
+                graphDiv: gd,
+                container: gd.querySelector('.gl-container'),
+                staticPlot: gd._context.staticPlot,
+                plotGlPixelRatio: gd._context.plotGlPixelRatio
+            },
+                fullLayout
+            );
+
+            // set ref to Scene instance
+            sceneLayout._scene = scene;
+        }
+
+        // save 'initial' camera settings for modebar button
+        if(!scene.cameraInitial) {
+            scene.cameraInitial = Lib.extendDeep({}, sceneLayout.camera);
+        }
+
+        scene.plot(fullSceneData, fullLayout, gd.layout);
+    }
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldSceneKeys = Plots.getSubplotIds(oldFullLayout, GL3D);
+
+    for(var i = 0; i < oldSceneKeys.length; i++) {
+        var oldSceneKey = oldSceneKeys[i];
+
+        if(!newFullLayout[oldSceneKey] && !!oldFullLayout[oldSceneKey]._scene) {
+            oldFullLayout[oldSceneKey]._scene.destroy();
+
+            if(oldFullLayout._infolayer) {
+                oldFullLayout._infolayer
+                    .selectAll('.annotation-' + oldSceneKey)
+                    .remove();
+            }
+        }
+    }
+};
+
+exports.toSVG = function(gd) {
+    var fullLayout = gd._fullLayout,
+        sceneIds = Plots.getSubplotIds(fullLayout, GL3D),
+        size = fullLayout._size;
+
+    for(var i = 0; i < sceneIds.length; i++) {
+        var sceneLayout = fullLayout[sceneIds[i]],
+            domain = sceneLayout.domain,
+            scene = sceneLayout._scene;
+
+        var imageData = scene.toImage('png');
+        var image = fullLayout._glimages.append('svg:image');
+
+        image.attr({
+            xmlns: xmlnsNamespaces.svg,
+            'xlink:href': imageData,
+            x: size.l + size.w * domain.x[0],
+            y: size.t + size.h * (1 - domain.y[1]),
+            width: size.w * (domain.x[1] - domain.x[0]),
+            height: size.h * (domain.y[1] - domain.y[0]),
+            preserveAspectRatio: 'none'
+        });
+
+        scene.destroy();
+    }
+};
+
+// clean scene ids, 'scene1' -> 'scene'
+exports.cleanId = function cleanId(id) {
+    if(!id.match(/^scene[0-9]*$/)) return;
+
+    var sceneNum = id.substr(5);
+    if(sceneNum === '1') sceneNum = '';
+
+    return SCENE + sceneNum;
+};
+
+exports.updateFx = function(fullLayout) {
+    var subplotIds = Plots.getSubplotIds(fullLayout, GL3D);
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotObj = fullLayout[subplotIds[i]]._scene;
+        subplotObj.updateFx(fullLayout.dragmode, fullLayout.hovermode);
+    }
+};
+
+},{"../../components/fx/layout_attributes":646,"../../constants/xmlns_namespaces":709,"../../lib":728,"../../plot_api/edit_types":756,"../plots":831,"./layout/attributes":812,"./layout/defaults":816,"./layout/layout_attributes":817,"./scene":821}],812:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    scene: {
+        valType: 'subplotid',
+        
+        dflt: 'scene',
+        editType: 'calc+clearAxisTypes',
+        
+    }
+};
+
+},{}],813:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Color = require('../../../components/color');
+var axesAttrs = require('../../cartesian/layout_attributes');
+var extendFlat = require('../../../lib/extend').extendFlat;
+var overrideAll = require('../../../plot_api/edit_types').overrideAll;
+
+
+module.exports = overrideAll({
+    visible: axesAttrs.visible,
+    showspikes: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    },
+    spikesides: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    },
+    spikethickness: {
+        valType: 'number',
+        
+        min: 0,
+        dflt: 2,
+        
+    },
+    spikecolor: {
+        valType: 'color',
+        
+        dflt: Color.defaultLine,
+        
+    },
+    showbackground: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+    backgroundcolor: {
+        valType: 'color',
+        
+        dflt: 'rgba(204, 204, 204, 0.5)',
+        
+    },
+    showaxeslabels: {
+        valType: 'boolean',
+        
+        dflt: true,
+        
+    },
+    color: axesAttrs.color,
+    categoryorder: axesAttrs.categoryorder,
+    categoryarray: axesAttrs.categoryarray,
+    title: axesAttrs.title,
+    titlefont: axesAttrs.titlefont,
+    type: axesAttrs.type,
+    autorange: axesAttrs.autorange,
+    rangemode: axesAttrs.rangemode,
+    range: axesAttrs.range,
+    // ticks
+    tickmode: axesAttrs.tickmode,
+    nticks: axesAttrs.nticks,
+    tick0: axesAttrs.tick0,
+    dtick: axesAttrs.dtick,
+    tickvals: axesAttrs.tickvals,
+    ticktext: axesAttrs.ticktext,
+    ticks: axesAttrs.ticks,
+    mirror: axesAttrs.mirror,
+    ticklen: axesAttrs.ticklen,
+    tickwidth: axesAttrs.tickwidth,
+    tickcolor: axesAttrs.tickcolor,
+    showticklabels: axesAttrs.showticklabels,
+    tickfont: axesAttrs.tickfont,
+    tickangle: axesAttrs.tickangle,
+    tickprefix: axesAttrs.tickprefix,
+    showtickprefix: axesAttrs.showtickprefix,
+    ticksuffix: axesAttrs.ticksuffix,
+    showticksuffix: axesAttrs.showticksuffix,
+    showexponent: axesAttrs.showexponent,
+    exponentformat: axesAttrs.exponentformat,
+    separatethousands: axesAttrs.separatethousands,
+    tickformat: axesAttrs.tickformat,
+    hoverformat: axesAttrs.hoverformat,
+    // lines and grids
+    showline: axesAttrs.showline,
+    linecolor: axesAttrs.linecolor,
+    linewidth: axesAttrs.linewidth,
+    showgrid: axesAttrs.showgrid,
+    gridcolor: extendFlat({}, axesAttrs.gridcolor,  // shouldn't this be on-par with 2D?
+        {dflt: 'rgb(204, 204, 204)'}),
+    gridwidth: axesAttrs.gridwidth,
+    zeroline: axesAttrs.zeroline,
+    zerolinecolor: axesAttrs.zerolinecolor,
+    zerolinewidth: axesAttrs.zerolinewidth
+}, 'plot', 'from-root');
+
+},{"../../../components/color":604,"../../../lib/extend":717,"../../../plot_api/edit_types":756,"../../cartesian/layout_attributes":783}],814:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var colorMix = require('tinycolor2').mix;
+
+var Lib = require('../../../lib');
+
+var layoutAttributes = require('./axis_attributes');
+var handleTypeDefaults = require('../../cartesian/type_defaults');
+var handleAxisDefaults = require('../../cartesian/axis_defaults');
+
+var axesNames = ['xaxis', 'yaxis', 'zaxis'];
+
+// TODO: hard-coded lightness fraction based on gridline default colors
+// that differ from other subplot types.
+var gridLightness = 100 * (204 - 0x44) / (255 - 0x44);
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, options) {
+    var containerIn, containerOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, layoutAttributes, attr, dflt);
+    }
+
+    for(var j = 0; j < axesNames.length; j++) {
+        var axName = axesNames[j];
+        containerIn = layoutIn[axName] || {};
+
+        containerOut = layoutOut[axName] = {
+            _id: axName[0] + options.scene,
+            _name: axName
+        };
+
+        handleTypeDefaults(containerIn, containerOut, coerce, options.data);
+
+        handleAxisDefaults(
+            containerIn,
+            containerOut,
+            coerce, {
+                font: options.font,
+                letter: axName[0],
+                data: options.data,
+                showGrid: true,
+                bgColor: options.bgColor,
+                calendar: options.calendar
+            });
+
+        coerce('gridcolor', colorMix(containerOut.color, options.bgColor, gridLightness).toRgbString());
+        coerce('title', axName[0]);  // shouldn't this be on-par with 2D?
+
+        containerOut.setScale = Lib.noop;
+
+        if(coerce('showspikes')) {
+            coerce('spikesides');
+            coerce('spikethickness');
+            coerce('spikecolor', containerOut.color);
+        }
+
+        coerce('showaxeslabels');
+        if(coerce('showbackground')) coerce('backgroundcolor');
+    }
+};
+
+},{"../../../lib":728,"../../cartesian/axis_defaults":774,"../../cartesian/type_defaults":794,"./axis_attributes":813,"tinycolor2":534}],815:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var convertHTMLToUnicode = require('../../../lib/html2unicode');
+var str2RgbaArray = require('../../../lib/str2rgbarray');
+
+var AXES_NAMES = ['xaxis', 'yaxis', 'zaxis'];
+
+function AxesOptions() {
+    this.bounds = [
+        [-10, -10, -10],
+        [10, 10, 10]
+    ];
+
+    this.ticks = [ [], [], [] ];
+    this.tickEnable = [ true, true, true ];
+    this.tickFont = [ 'sans-serif', 'sans-serif', 'sans-serif' ];
+    this.tickSize = [ 12, 12, 12 ];
+    this.tickAngle = [ 0, 0, 0 ];
+    this.tickColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+    this.tickPad = [ 18, 18, 18 ];
+
+    this.labels = [ 'x', 'y', 'z' ];
+    this.labelEnable = [ true, true, true ];
+    this.labelFont = ['Open Sans', 'Open Sans', 'Open Sans'];
+    this.labelSize = [ 20, 20, 20 ];
+    this.labelAngle = [ 0, 0, 0 ];
+    this.labelColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+    this.labelPad = [ 30, 30, 30 ];
+
+    this.lineEnable = [ true, true, true ];
+    this.lineMirror = [ false, false, false ];
+    this.lineWidth = [ 1, 1, 1 ];
+    this.lineColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+
+    this.lineTickEnable = [ true, true, true ];
+    this.lineTickMirror = [ false, false, false ];
+    this.lineTickLength = [ 10, 10, 10 ];
+    this.lineTickWidth = [ 1, 1, 1 ];
+    this.lineTickColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+
+    this.gridEnable = [ true, true, true ];
+    this.gridWidth = [ 1, 1, 1 ];
+    this.gridColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+
+    this.zeroEnable = [ true, true, true ];
+    this.zeroLineColor = [ [0, 0, 0, 1], [0, 0, 0, 1], [0, 0, 0, 1] ];
+    this.zeroLineWidth = [ 2, 2, 2 ];
+
+    this.backgroundEnable = [ true, true, true ];
+    this.backgroundColor = [ [0.8, 0.8, 0.8, 0.5],
+                              [0.8, 0.8, 0.8, 0.5],
+                              [0.8, 0.8, 0.8, 0.5] ];
+
+    // some default values are stored for applying model transforms
+    this._defaultTickPad = this.tickPad.slice();
+    this._defaultLabelPad = this.labelPad.slice();
+    this._defaultLineTickLength = this.lineTickLength.slice();
+}
+
+var proto = AxesOptions.prototype;
+
+proto.merge = function(sceneLayout) {
+    var opts = this;
+    for(var i = 0; i < 3; ++i) {
+        var axes = sceneLayout[AXES_NAMES[i]];
+
+        if(!axes.visible) {
+            opts.tickEnable[i] = false;
+            opts.labelEnable[i] = false;
+            opts.lineEnable[i] = false;
+            opts.lineTickEnable[i] = false;
+            opts.gridEnable[i] = false;
+            opts.zeroEnable[i] = false;
+            opts.backgroundEnable[i] = false;
+            continue;
+        }
+
+        // Axes labels
+        opts.labels[i] = convertHTMLToUnicode(axes.title);
+        if('titlefont' in axes) {
+            if(axes.titlefont.color) opts.labelColor[i] = str2RgbaArray(axes.titlefont.color);
+            if(axes.titlefont.family) opts.labelFont[i] = axes.titlefont.family;
+            if(axes.titlefont.size) opts.labelSize[i] = axes.titlefont.size;
+        }
+
+        // Lines
+        if('showline' in axes) opts.lineEnable[i] = axes.showline;
+        if('linecolor' in axes) opts.lineColor[i] = str2RgbaArray(axes.linecolor);
+        if('linewidth' in axes) opts.lineWidth[i] = axes.linewidth;
+
+        if('showgrid' in axes) opts.gridEnable[i] = axes.showgrid;
+        if('gridcolor' in axes) opts.gridColor[i] = str2RgbaArray(axes.gridcolor);
+        if('gridwidth' in axes) opts.gridWidth[i] = axes.gridwidth;
+
+        // Remove zeroline if axis type is log
+        // otherwise the zeroline is incorrectly drawn at 1 on log axes
+        if(axes.type === 'log') opts.zeroEnable[i] = false;
+        else if('zeroline' in axes) opts.zeroEnable[i] = axes.zeroline;
+        if('zerolinecolor' in axes) opts.zeroLineColor[i] = str2RgbaArray(axes.zerolinecolor);
+        if('zerolinewidth' in axes) opts.zeroLineWidth[i] = axes.zerolinewidth;
+
+        // tick lines
+        if('ticks' in axes && !!axes.ticks) opts.lineTickEnable[i] = true;
+        else opts.lineTickEnable[i] = false;
+
+        if('ticklen' in axes) {
+            opts.lineTickLength[i] = opts._defaultLineTickLength[i] = axes.ticklen;
+        }
+        if('tickcolor' in axes) opts.lineTickColor[i] = str2RgbaArray(axes.tickcolor);
+        if('tickwidth' in axes) opts.lineTickWidth[i] = axes.tickwidth;
+        if('tickangle' in axes) {
+            opts.tickAngle[i] = (axes.tickangle === 'auto') ?
+                0 :
+                Math.PI * -axes.tickangle / 180;
+        }
+        // tick labels
+        if('showticklabels' in axes) opts.tickEnable[i] = axes.showticklabels;
+        if('tickfont' in axes) {
+            if(axes.tickfont.color) opts.tickColor[i] = str2RgbaArray(axes.tickfont.color);
+            if(axes.tickfont.family) opts.tickFont[i] = axes.tickfont.family;
+            if(axes.tickfont.size) opts.tickSize[i] = axes.tickfont.size;
+        }
+
+        if('mirror' in axes) {
+            if(['ticks', 'all', 'allticks'].indexOf(axes.mirror) !== -1) {
+                opts.lineTickMirror[i] = true;
+                opts.lineMirror[i] = true;
+            } else if(axes.mirror === true) {
+                opts.lineTickMirror[i] = false;
+                opts.lineMirror[i] = true;
+            } else {
+                opts.lineTickMirror[i] = false;
+                opts.lineMirror[i] = false;
+            }
+        } else opts.lineMirror[i] = false;
+
+        // grid background
+        if('showbackground' in axes && axes.showbackground !== false) {
+            opts.backgroundEnable[i] = true;
+            opts.backgroundColor[i] = str2RgbaArray(axes.backgroundcolor);
+        } else opts.backgroundEnable[i] = false;
+    }
+};
+
+
+function createAxesOptions(plotlyOptions) {
+    var result = new AxesOptions();
+    result.merge(plotlyOptions);
+    return result;
+}
+
+module.exports = createAxesOptions;
+
+},{"../../../lib/html2unicode":726,"../../../lib/str2rgbarray":749}],816:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../../lib');
+var Color = require('../../../components/color');
+var Registry = require('../../../registry');
+
+var handleSubplotDefaults = require('../../subplot_defaults');
+var supplyGl3dAxisLayoutDefaults = require('./axis_defaults');
+var layoutAttributes = require('./layout_attributes');
+
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    var hasNon3D = layoutOut._basePlotModules.length > 1;
+
+    // some layout-wide attribute are used in all scenes
+    // if 3D is the only visible plot type
+    function getDfltFromLayout(attr) {
+        if(hasNon3D) return;
+
+        var isValid = Lib.validate(layoutIn[attr], layoutAttributes[attr]);
+        if(isValid) return layoutIn[attr];
+    }
+
+    handleSubplotDefaults(layoutIn, layoutOut, fullData, {
+        type: 'gl3d',
+        attributes: layoutAttributes,
+        handleDefaults: handleGl3dDefaults,
+        fullLayout: layoutOut,
+        font: layoutOut.font,
+        fullData: fullData,
+        getDfltFromLayout: getDfltFromLayout,
+        paper_bgcolor: layoutOut.paper_bgcolor,
+        calendar: layoutOut.calendar
+    });
+};
+
+function handleGl3dDefaults(sceneLayoutIn, sceneLayoutOut, coerce, opts) {
+    /*
+     * Scene numbering proceeds as follows
+     * scene
+     * scene2
+     * scene3
+     *
+     * and d.scene will be undefined or some number or number string
+     *
+     * Also write back a blank scene object to user layout so that some
+     * attributes like aspectratio can be written back dynamically.
+     */
+
+    var bgcolor = coerce('bgcolor'),
+        bgColorCombined = Color.combine(bgcolor, opts.paper_bgcolor);
+
+    var cameraKeys = ['up', 'center', 'eye'];
+
+    for(var j = 0; j < cameraKeys.length; j++) {
+        coerce('camera.' + cameraKeys[j] + '.x');
+        coerce('camera.' + cameraKeys[j] + '.y');
+        coerce('camera.' + cameraKeys[j] + '.z');
+    }
+
+    /*
+     * coerce to positive number (min 0) but also do not accept 0 (>0 not >=0)
+     * note that 0's go false with the !! call
+     */
+    var hasAspect = !!coerce('aspectratio.x') &&
+                    !!coerce('aspectratio.y') &&
+                    !!coerce('aspectratio.z');
+
+    var defaultAspectMode = hasAspect ? 'manual' : 'auto';
+    var aspectMode = coerce('aspectmode', defaultAspectMode);
+
+    /*
+     * We need aspectratio object in all the Layouts as it is dynamically set
+     * in the calculation steps, ie, we cant set the correct data now, it happens later.
+     * We must also account for the case the user sends bad ratio data with 'manual' set
+     * for the mode. In this case we must force change it here as the default coerce
+     * misses it above.
+     */
+    if(!hasAspect) {
+        sceneLayoutIn.aspectratio = sceneLayoutOut.aspectratio = {x: 1, y: 1, z: 1};
+
+        if(aspectMode === 'manual') sceneLayoutOut.aspectmode = 'auto';
+
+        /*
+         * kind of like autorange - we need the calculated aspectmode back in
+         * the input layout or relayout can cause problems later
+         */
+        sceneLayoutIn.aspectmode = sceneLayoutOut.aspectmode;
+    }
+
+    supplyGl3dAxisLayoutDefaults(sceneLayoutIn, sceneLayoutOut, {
+        font: opts.font,
+        scene: opts.id,
+        data: opts.fullData,
+        bgColor: bgColorCombined,
+        calendar: opts.calendar
+    });
+
+    Registry.getComponentMethod('annotations3d', 'handleDefaults')(
+        sceneLayoutIn, sceneLayoutOut, opts
+    );
+
+    coerce('dragmode', opts.getDfltFromLayout('dragmode'));
+    coerce('hovermode', opts.getDfltFromLayout('hovermode'));
+}
+
+},{"../../../components/color":604,"../../../lib":728,"../../../registry":846,"../../subplot_defaults":838,"./axis_defaults":814,"./layout_attributes":817}],817:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var gl3dAxisAttrs = require('./axis_attributes');
+var extendFlat = require('../../../lib/extend').extendFlat;
+var counterRegex = require('../../../lib').counterRegex;
+
+
+function makeCameraVector(x, y, z) {
+    return {
+        x: {
+            valType: 'number',
+            
+            dflt: x,
+            editType: 'camera'
+        },
+        y: {
+            valType: 'number',
+            
+            dflt: y,
+            editType: 'camera'
+        },
+        z: {
+            valType: 'number',
+            
+            dflt: z,
+            editType: 'camera'
+        },
+        editType: 'camera'
+    };
+}
+
+module.exports = {
+    _arrayAttrRegexps: [counterRegex('scene', '.annotations', true)],
+
+    bgcolor: {
+        valType: 'color',
+        
+        dflt: 'rgba(0,0,0,0)',
+        editType: 'plot'
+    },
+    camera: {
+        up: extendFlat(makeCameraVector(0, 0, 1), {
+            
+        }),
+        center: extendFlat(makeCameraVector(0, 0, 0), {
+            
+        }),
+        eye: extendFlat(makeCameraVector(1.25, 1.25, 1.25), {
+            
+        }),
+        editType: 'camera'
+    },
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'plot'},
+                {valType: 'number', min: 0, max: 1, editType: 'plot'}
+            ],
+            dflt: [0, 1],
+            editType: 'plot',
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'plot'},
+                {valType: 'number', min: 0, max: 1, editType: 'plot'}
+            ],
+            dflt: [0, 1],
+            editType: 'plot',
+            
+        },
+        editType: 'plot'
+    },
+    aspectmode: {
+        valType: 'enumerated',
+        
+        values: ['auto', 'cube', 'data', 'manual'],
+        dflt: 'auto',
+        editType: 'plot',
+        impliedEdits: {
+            'aspectratio.x': undefined,
+            'aspectratio.y': undefined,
+            'aspectratio.z': undefined
+        },
+        
+    },
+    aspectratio: { // must be positive (0's are coerced to 1)
+        x: {
+            valType: 'number',
+            
+            min: 0,
+            editType: 'plot',
+            impliedEdits: {'^aspectmode': 'manual'}
+        },
+        y: {
+            valType: 'number',
+            
+            min: 0,
+            editType: 'plot',
+            impliedEdits: {'^aspectmode': 'manual'}
+        },
+        z: {
+            valType: 'number',
+            
+            min: 0,
+            editType: 'plot',
+            impliedEdits: {'^aspectmode': 'manual'}
+        },
+        editType: 'plot',
+        impliedEdits: {aspectmode: 'manual'},
+        
+    },
+
+    xaxis: gl3dAxisAttrs,
+    yaxis: gl3dAxisAttrs,
+    zaxis: gl3dAxisAttrs,
+
+    dragmode: {
+        valType: 'enumerated',
+        
+        values: ['orbit', 'turntable', 'zoom', 'pan', false],
+        dflt: 'turntable',
+        editType: 'plot',
+        
+    },
+    hovermode: {
+        valType: 'enumerated',
+        
+        values: ['closest', false],
+        dflt: 'closest',
+        editType: 'modebar',
+        
+    },
+    editType: 'plot',
+
+    _deprecated: {
+        cameraposition: {
+            valType: 'info_array',
+            
+            editType: 'camera',
+            
+        }
+    }
+};
+
+},{"../../../lib":728,"../../../lib/extend":717,"./axis_attributes":813}],818:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var str2RGBArray = require('../../../lib/str2rgbarray');
+
+var AXES_NAMES = ['xaxis', 'yaxis', 'zaxis'];
+
+function SpikeOptions() {
+    this.enabled = [true, true, true];
+    this.colors = [[0, 0, 0, 1],
+                   [0, 0, 0, 1],
+                   [0, 0, 0, 1]];
+    this.drawSides = [true, true, true];
+    this.lineWidth = [1, 1, 1];
+}
+
+var proto = SpikeOptions.prototype;
+
+proto.merge = function(sceneLayout) {
+    for(var i = 0; i < 3; ++i) {
+        var axes = sceneLayout[AXES_NAMES[i]];
+
+        if(!axes.visible) {
+            this.enabled[i] = false;
+            this.drawSides[i] = false;
+            continue;
+        }
+
+        this.enabled[i] = axes.showspikes;
+        this.colors[i] = str2RGBArray(axes.spikecolor);
+        this.drawSides[i] = axes.spikesides;
+        this.lineWidth[i] = axes.spikethickness;
+    }
+};
+
+function createSpikeOptions(layout) {
+    var result = new SpikeOptions();
+    result.merge(layout);
+    return result;
+}
+
+module.exports = createSpikeOptions;
+
+},{"../../../lib/str2rgbarray":749}],819:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+/* eslint block-scoped-var: 0*/
+/* eslint no-redeclare: 0*/
+
+'use strict';
+
+module.exports = computeTickMarks;
+
+var Axes = require('../../cartesian/axes');
+var Lib = require('../../../lib');
+var convertHTMLToUnicode = require('../../../lib/html2unicode');
+
+var AXES_NAMES = ['xaxis', 'yaxis', 'zaxis'];
+
+var centerPoint = [0, 0, 0];
+
+function contourLevelsFromTicks(ticks) {
+    var result = new Array(3);
+    for(var i = 0; i < 3; ++i) {
+        var tlevel = ticks[i];
+        var clevel = new Array(tlevel.length);
+        for(var j = 0; j < tlevel.length; ++j) {
+            clevel[j] = tlevel[j].x;
+        }
+        result[i] = clevel;
+    }
+    return result;
+}
+
+function computeTickMarks(scene) {
+    var axesOptions = scene.axesOptions;
+    var glRange = scene.glplot.axesPixels;
+    var sceneLayout = scene.fullSceneLayout;
+
+    var ticks = [[], [], []];
+
+    for(var i = 0; i < 3; ++i) {
+        var axes = sceneLayout[AXES_NAMES[i]];
+
+        axes._length = (glRange[i].hi - glRange[i].lo) *
+            glRange[i].pixelsPerDataUnit / scene.dataScale[i];
+
+        if(Math.abs(axes._length) === Infinity) {
+            ticks[i] = [];
+        } else {
+            axes.range[0] = (glRange[i].lo) / scene.dataScale[i];
+            axes.range[1] = (glRange[i].hi) / scene.dataScale[i];
+            axes._m = 1.0 / (scene.dataScale[i] * glRange[i].pixelsPerDataUnit);
+
+            if(axes.range[0] === axes.range[1]) {
+                axes.range[0] -= 1;
+                axes.range[1] += 1;
+            }
+            // this is necessary to short-circuit the 'y' handling
+            // in autotick part of calcTicks... Treating all axes as 'y' in this case
+            // running the autoticks here, then setting
+            // autoticks to false to get around the 2D handling in calcTicks.
+            var tickModeCached = axes.tickmode;
+            if(axes.tickmode === 'auto') {
+                axes.tickmode = 'linear';
+                var nticks = axes.nticks || Lib.constrain((axes._length / 40), 4, 9);
+                Axes.autoTicks(axes, Math.abs(axes.range[1] - axes.range[0]) / nticks);
+            }
+            var dataTicks = Axes.calcTicks(axes);
+            for(var j = 0; j < dataTicks.length; ++j) {
+                dataTicks[j].x = dataTicks[j].x * scene.dataScale[i];
+                dataTicks[j].text = convertHTMLToUnicode(dataTicks[j].text);
+            }
+            ticks[i] = dataTicks;
+
+
+            axes.tickmode = tickModeCached;
+        }
+    }
+
+    axesOptions.ticks = ticks;
+
+    // Calculate tick lengths dynamically
+    for(var i = 0; i < 3; ++i) {
+        centerPoint[i] = 0.5 * (scene.glplot.bounds[0][i] + scene.glplot.bounds[1][i]);
+        for(var j = 0; j < 2; ++j) {
+            axesOptions.bounds[j][i] = scene.glplot.bounds[j][i];
+        }
+    }
+
+    scene.contourLevels = contourLevelsFromTicks(ticks);
+}
+
+},{"../../../lib":728,"../../../lib/html2unicode":726,"../../cartesian/axes":772}],820:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+function xformMatrix(m, v) {
+    var out = [0, 0, 0, 0];
+    var i, j;
+
+    for(i = 0; i < 4; ++i) {
+        for(j = 0; j < 4; ++j) {
+            out[j] += m[4 * i + j] * v[i];
+        }
+    }
+
+    return out;
+}
+
+function project(camera, v) {
+    var p = xformMatrix(camera.projection,
+        xformMatrix(camera.view,
+        xformMatrix(camera.model, [v[0], v[1], v[2], 1])));
+    return p;
+}
+
+module.exports = project;
+
+},{}],821:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createPlot = require('gl-plot3d');
+var getContext = require('webgl-context');
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+
+var Axes = require('../../plots/cartesian/axes');
+var Fx = require('../../components/fx');
+
+var str2RGBAarray = require('../../lib/str2rgbarray');
+var showNoWebGlMsg = require('../../lib/show_no_webgl_msg');
+
+var createCamera = require('./camera');
+var project = require('./project');
+var createAxesOptions = require('./layout/convert');
+var createSpikeOptions = require('./layout/spikes');
+var computeTickMarks = require('./layout/tick_marks');
+
+var STATIC_CANVAS, STATIC_CONTEXT;
+
+function render(scene) {
+    var trace;
+
+    // update size of svg container
+    var svgContainer = scene.svgContainer;
+    var clientRect = scene.container.getBoundingClientRect();
+    var width = clientRect.width, height = clientRect.height;
+    svgContainer.setAttributeNS(null, 'viewBox', '0 0 ' + width + ' ' + height);
+    svgContainer.setAttributeNS(null, 'width', width);
+    svgContainer.setAttributeNS(null, 'height', height);
+
+    computeTickMarks(scene);
+    scene.glplot.axes.update(scene.axesOptions);
+
+    // check if pick has changed
+    var keys = Object.keys(scene.traces);
+    var lastPicked = null;
+    var selection = scene.glplot.selection;
+    for(var i = 0; i < keys.length; ++i) {
+        trace = scene.traces[keys[i]];
+        if(trace.data.hoverinfo !== 'skip' && trace.handlePick(selection)) {
+            lastPicked = trace;
+        }
+
+        if(trace.setContourLevels) trace.setContourLevels();
+    }
+
+    function formatter(axisName, val) {
+        var axis = scene.fullSceneLayout[axisName];
+
+        return Axes.tickText(axis, axis.d2l(val), 'hover').text;
+    }
+
+    var oldEventData;
+
+    if(lastPicked !== null) {
+        var pdata = project(scene.glplot.cameraParams, selection.dataCoordinate);
+        trace = lastPicked.data;
+        var ptNumber = selection.index;
+        var hoverinfo = Fx.castHoverinfo(trace, scene.fullLayout, ptNumber);
+
+        var xVal = formatter('xaxis', selection.traceCoordinate[0]),
+            yVal = formatter('yaxis', selection.traceCoordinate[1]),
+            zVal = formatter('zaxis', selection.traceCoordinate[2]);
+
+        if(hoverinfo !== 'all') {
+            var hoverinfoParts = hoverinfo.split('+');
+            if(hoverinfoParts.indexOf('x') === -1) xVal = undefined;
+            if(hoverinfoParts.indexOf('y') === -1) yVal = undefined;
+            if(hoverinfoParts.indexOf('z') === -1) zVal = undefined;
+            if(hoverinfoParts.indexOf('text') === -1) selection.textLabel = undefined;
+            if(hoverinfoParts.indexOf('name') === -1) lastPicked.name = undefined;
+        }
+
+        if(scene.fullSceneLayout.hovermode) {
+            Fx.loneHover({
+                x: (0.5 + 0.5 * pdata[0] / pdata[3]) * width,
+                y: (0.5 - 0.5 * pdata[1] / pdata[3]) * height,
+                xLabel: xVal,
+                yLabel: yVal,
+                zLabel: zVal,
+                text: selection.textLabel,
+                name: lastPicked.name,
+                color: Fx.castHoverOption(trace, ptNumber, 'bgcolor') || lastPicked.color,
+                borderColor: Fx.castHoverOption(trace, ptNumber, 'bordercolor'),
+                fontFamily: Fx.castHoverOption(trace, ptNumber, 'font.family'),
+                fontSize: Fx.castHoverOption(trace, ptNumber, 'font.size'),
+                fontColor: Fx.castHoverOption(trace, ptNumber, 'font.color')
+            }, {
+                container: svgContainer,
+                gd: scene.graphDiv
+            });
+        }
+
+        var pointData = {
+            x: selection.traceCoordinate[0],
+            y: selection.traceCoordinate[1],
+            z: selection.traceCoordinate[2],
+            data: trace._input,
+            fullData: trace,
+            curveNumber: trace.index,
+            pointNumber: ptNumber
+        };
+
+        Fx.appendArrayPointValue(pointData, trace, ptNumber);
+
+        var eventData = {points: [pointData]};
+
+        if(selection.buttons && selection.distance < 5) {
+            scene.graphDiv.emit('plotly_click', eventData);
+        }
+        else {
+            scene.graphDiv.emit('plotly_hover', eventData);
+        }
+
+        oldEventData = eventData;
+    }
+    else {
+        Fx.loneUnhover(svgContainer);
+        scene.graphDiv.emit('plotly_unhover', oldEventData);
+    }
+
+    scene.drawAnnotations(scene);
+}
+
+function initializeGLPlot(scene, fullLayout, canvas, gl) {
+    var glplotOptions = {
+        canvas: canvas,
+        gl: gl,
+        container: scene.container,
+        axes: scene.axesOptions,
+        spikes: scene.spikeOptions,
+        pickRadius: 10,
+        snapToData: true,
+        autoScale: true,
+        autoBounds: false
+    };
+
+    // for static plots, we reuse the WebGL context
+    //  as WebKit doesn't collect them reliably
+    if(scene.staticMode) {
+        if(!STATIC_CONTEXT) {
+            STATIC_CANVAS = document.createElement('canvas');
+            STATIC_CONTEXT = getContext({
+                canvas: STATIC_CANVAS,
+                preserveDrawingBuffer: true,
+                premultipliedAlpha: true,
+                antialias: true
+            });
+            if(!STATIC_CONTEXT) {
+                throw new Error('error creating static canvas/context for image server');
+            }
+        }
+        glplotOptions.pixelRatio = scene.pixelRatio;
+        glplotOptions.gl = STATIC_CONTEXT;
+        glplotOptions.canvas = STATIC_CANVAS;
+    }
+
+    try {
+        scene.glplot = createPlot(glplotOptions);
+    }
+    catch(e) {
+        /*
+        * createPlot will throw when webgl is not enabled in the client.
+        * Lets return an instance of the module with all functions noop'd.
+        * The destroy method - which will remove the container from the DOM
+        * is overridden with a function that removes the container only.
+        */
+        showNoWebGlMsg(scene);
+    }
+
+    var relayoutCallback = function(scene) {
+        if(scene.fullSceneLayout.dragmode === false) return;
+
+        var update = {};
+        update[scene.id + '.camera'] = getLayoutCamera(scene.camera);
+        scene.saveCamera(scene.graphDiv.layout);
+        scene.graphDiv.emit('plotly_relayout', update);
+    };
+
+    scene.glplot.canvas.addEventListener('mouseup', relayoutCallback.bind(null, scene));
+    scene.glplot.canvas.addEventListener('wheel', relayoutCallback.bind(null, scene));
+
+    if(!scene.staticMode) {
+        scene.glplot.canvas.addEventListener('webglcontextlost', function(ev) {
+            Lib.warn('Lost WebGL context.');
+            ev.preventDefault();
+        });
+    }
+
+    if(!scene.camera) {
+        var cameraData = scene.fullSceneLayout.camera;
+        scene.camera = createCamera(scene.container, {
+            center: [cameraData.center.x, cameraData.center.y, cameraData.center.z],
+            eye: [cameraData.eye.x, cameraData.eye.y, cameraData.eye.z],
+            up: [cameraData.up.x, cameraData.up.y, cameraData.up.z],
+            zoomMin: 0.1,
+            zoomMax: 100,
+            mode: 'orbit'
+        });
+    }
+
+    scene.glplot.camera = scene.camera;
+
+    scene.glplot.oncontextloss = function() {
+        scene.recoverContext();
+    };
+
+    scene.glplot.onrender = render.bind(null, scene);
+
+    // List of scene objects
+    scene.traces = {};
+
+    return true;
+}
+
+function Scene(options, fullLayout) {
+
+    // create sub container for plot
+    var sceneContainer = document.createElement('div');
+    var plotContainer = options.container;
+
+    // keep a ref to the graph div to fire hover+click events
+    this.graphDiv = options.graphDiv;
+
+    // create SVG container for hover text
+    var svgContainer = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'svg');
+    svgContainer.style.position = 'absolute';
+    svgContainer.style.top = svgContainer.style.left = '0px';
+    svgContainer.style.width = svgContainer.style.height = '100%';
+    svgContainer.style['z-index'] = 20;
+    svgContainer.style['pointer-events'] = 'none';
+    sceneContainer.appendChild(svgContainer);
+    this.svgContainer = svgContainer;
+
+    // Tag the container with the sceneID
+    sceneContainer.id = options.id;
+    sceneContainer.style.position = 'absolute';
+    sceneContainer.style.top = sceneContainer.style.left = '0px';
+    sceneContainer.style.width = sceneContainer.style.height = '100%';
+    plotContainer.appendChild(sceneContainer);
+
+    this.fullLayout = fullLayout;
+    this.id = options.id || 'scene';
+    this.fullSceneLayout = fullLayout[this.id];
+
+    // Saved from last call to plot()
+    this.plotArgs = [ [], {}, {} ];
+
+    /*
+     * Move this to calc step? Why does it work here?
+     */
+    this.axesOptions = createAxesOptions(fullLayout[this.id]);
+    this.spikeOptions = createSpikeOptions(fullLayout[this.id]);
+    this.container = sceneContainer;
+    this.staticMode = !!options.staticPlot;
+    this.pixelRatio = options.plotGlPixelRatio || 2;
+
+    // Coordinate rescaling
+    this.dataScale = [1, 1, 1];
+
+    this.contourLevels = [ [], [], [] ];
+
+    this.convertAnnotations = Registry.getComponentMethod('annotations3d', 'convert');
+    this.drawAnnotations = Registry.getComponentMethod('annotations3d', 'draw');
+
+    if(!initializeGLPlot(this, fullLayout)) return; // todo check the necessity for this line
+}
+
+var proto = Scene.prototype;
+
+proto.recoverContext = function() {
+    var scene = this;
+    var gl = this.glplot.gl;
+    var canvas = this.glplot.canvas;
+    this.glplot.dispose();
+
+    function tryRecover() {
+        if(gl.isContextLost()) {
+            requestAnimationFrame(tryRecover);
+            return;
+        }
+        if(!initializeGLPlot(scene, scene.fullLayout, canvas, gl)) {
+            Lib.error('Catastrophic and unrecoverable WebGL error. Context lost.');
+            return;
+        }
+        scene.plot.apply(scene, scene.plotArgs);
+    }
+    requestAnimationFrame(tryRecover);
+};
+
+var axisProperties = [ 'xaxis', 'yaxis', 'zaxis' ];
+
+function coordinateBound(axis, coord, d, bounds, calendar) {
+    var x;
+    for(var i = 0; i < coord.length; ++i) {
+        if(Array.isArray(coord[i])) {
+            for(var j = 0; j < coord[i].length; ++j) {
+                x = axis.d2l(coord[i][j], 0, calendar);
+                if(!isNaN(x) && isFinite(x)) {
+                    bounds[0][d] = Math.min(bounds[0][d], x);
+                    bounds[1][d] = Math.max(bounds[1][d], x);
+                }
+            }
+        }
+        else {
+            x = axis.d2l(coord[i], 0, calendar);
+            if(!isNaN(x) && isFinite(x)) {
+                bounds[0][d] = Math.min(bounds[0][d], x);
+                bounds[1][d] = Math.max(bounds[1][d], x);
+            }
+        }
+    }
+}
+
+function computeTraceBounds(scene, trace, bounds) {
+    var sceneLayout = scene.fullSceneLayout;
+    coordinateBound(sceneLayout.xaxis, trace.x, 0, bounds, trace.xcalendar);
+    coordinateBound(sceneLayout.yaxis, trace.y, 1, bounds, trace.ycalendar);
+    coordinateBound(sceneLayout.zaxis, trace.z, 2, bounds, trace.zcalendar);
+}
+
+proto.plot = function(sceneData, fullLayout, layout) {
+
+    // Save parameters
+    this.plotArgs = [sceneData, fullLayout, layout];
+
+    if(this.glplot.contextLost) return;
+
+    var data, trace;
+    var i, j, axis, axisType;
+    var fullSceneLayout = fullLayout[this.id];
+    var sceneLayout = layout[this.id];
+
+    if(fullSceneLayout.bgcolor) this.glplot.clearColor = str2RGBAarray(fullSceneLayout.bgcolor);
+    else this.glplot.clearColor = [0, 0, 0, 0];
+
+    this.glplot.snapToData = true;
+
+    // Update layout
+    this.fullLayout = fullLayout;
+    this.fullSceneLayout = fullSceneLayout;
+
+    this.glplotLayout = fullSceneLayout;
+    this.axesOptions.merge(fullSceneLayout);
+    this.spikeOptions.merge(fullSceneLayout);
+
+    // Update camera and camera mode
+    this.setCamera(fullSceneLayout.camera);
+    this.updateFx(fullSceneLayout.dragmode, fullSceneLayout.hovermode);
+
+    // Update scene
+    this.glplot.update({});
+
+    // Update axes functions BEFORE updating traces
+    this.setConvert(axis);
+
+    // Convert scene data
+    if(!sceneData) sceneData = [];
+    else if(!Array.isArray(sceneData)) sceneData = [sceneData];
+
+    // Compute trace bounding box
+    var dataBounds = [
+        [Infinity, Infinity, Infinity],
+        [-Infinity, -Infinity, -Infinity]
+    ];
+    for(i = 0; i < sceneData.length; ++i) {
+        data = sceneData[i];
+        if(data.visible !== true) continue;
+
+        computeTraceBounds(this, data, dataBounds);
+    }
+    var dataScale = [1, 1, 1];
+    for(j = 0; j < 3; ++j) {
+        if(dataBounds[0][j] > dataBounds[1][j]) {
+            dataScale[j] = 1.0;
+        }
+        else {
+            if(dataBounds[1][j] === dataBounds[0][j]) {
+                dataScale[j] = 1.0;
+            }
+            else {
+                dataScale[j] = 1.0 / (dataBounds[1][j] - dataBounds[0][j]);
+            }
+        }
+    }
+
+    // Save scale
+    this.dataScale = dataScale;
+
+    // after computeTraceBounds where ax._categories are filled in
+    this.convertAnnotations(this);
+
+    // Update traces
+    for(i = 0; i < sceneData.length; ++i) {
+        data = sceneData[i];
+        if(data.visible !== true) {
+            continue;
+        }
+        trace = this.traces[data.uid];
+        if(trace) {
+            trace.update(data);
+        } else {
+            trace = data._module.plot(this, data);
+            this.traces[data.uid] = trace;
+        }
+        trace.name = data.name;
+    }
+
+    // Remove empty traces
+    var traceIds = Object.keys(this.traces);
+
+    trace_id_loop:
+    for(i = 0; i < traceIds.length; ++i) {
+        for(j = 0; j < sceneData.length; ++j) {
+            if(sceneData[j].uid === traceIds[i] && sceneData[j].visible === true) {
+                continue trace_id_loop;
+            }
+        }
+        trace = this.traces[traceIds[i]];
+        trace.dispose();
+        delete this.traces[traceIds[i]];
+    }
+
+    // order object per trace index
+    this.glplot.objects.sort(function(a, b) {
+        return a._trace.data.index - b._trace.data.index;
+    });
+
+    // Update ranges (needs to be called *after* objects are added due to updates)
+    var sceneBounds = [[0, 0, 0], [0, 0, 0]],
+        axisDataRange = [],
+        axisTypeRatios = {};
+
+    for(i = 0; i < 3; ++i) {
+        axis = fullSceneLayout[axisProperties[i]];
+        axisType = axis.type;
+
+        if(axisType in axisTypeRatios) {
+            axisTypeRatios[axisType].acc *= dataScale[i];
+            axisTypeRatios[axisType].count += 1;
+        }
+        else {
+            axisTypeRatios[axisType] = {
+                acc: dataScale[i],
+                count: 1
+            };
+        }
+
+        if(axis.autorange) {
+            sceneBounds[0][i] = Infinity;
+            sceneBounds[1][i] = -Infinity;
+
+            var objects = this.glplot.objects;
+            var annotations = this.fullSceneLayout.annotations || [];
+            var axLetter = axis._name.charAt(0);
+
+            for(j = 0; j < objects.length; j++) {
+                var objBounds = objects[j].bounds;
+                sceneBounds[0][i] = Math.min(sceneBounds[0][i], objBounds[0][i] / dataScale[i]);
+                sceneBounds[1][i] = Math.max(sceneBounds[1][i], objBounds[1][i] / dataScale[i]);
+            }
+
+            for(j = 0; j < annotations.length; j++) {
+                var ann = annotations[j];
+
+                // N.B. not taking into consideration the arrowhead
+                if(ann.visible) {
+                    var pos = axis.r2l(ann[axLetter]);
+                    sceneBounds[0][i] = Math.min(sceneBounds[0][i], pos);
+                    sceneBounds[1][i] = Math.max(sceneBounds[1][i], pos);
+                }
+            }
+
+            if('rangemode' in axis && axis.rangemode === 'tozero') {
+                sceneBounds[0][i] = Math.min(sceneBounds[0][i], 0);
+                sceneBounds[1][i] = Math.max(sceneBounds[1][i], 0);
+            }
+            if(sceneBounds[0][i] > sceneBounds[1][i]) {
+                sceneBounds[0][i] = -1;
+                sceneBounds[1][i] = 1;
+            } else {
+                var d = sceneBounds[1][i] - sceneBounds[0][i];
+                sceneBounds[0][i] -= d / 32.0;
+                sceneBounds[1][i] += d / 32.0;
+            }
+        } else {
+            var range = axis.range;
+            sceneBounds[0][i] = axis.r2l(range[0]);
+            sceneBounds[1][i] = axis.r2l(range[1]);
+        }
+        if(sceneBounds[0][i] === sceneBounds[1][i]) {
+            sceneBounds[0][i] -= 1;
+            sceneBounds[1][i] += 1;
+        }
+        axisDataRange[i] = sceneBounds[1][i] - sceneBounds[0][i];
+
+        // Update plot bounds
+        this.glplot.bounds[0][i] = sceneBounds[0][i] * dataScale[i];
+        this.glplot.bounds[1][i] = sceneBounds[1][i] * dataScale[i];
+    }
+
+    var axesScaleRatio = [1, 1, 1];
+
+    // Compute axis scale per category
+    for(i = 0; i < 3; ++i) {
+        axis = fullSceneLayout[axisProperties[i]];
+        axisType = axis.type;
+        var axisRatio = axisTypeRatios[axisType];
+        axesScaleRatio[i] = Math.pow(axisRatio.acc, 1.0 / axisRatio.count) / dataScale[i];
+    }
+
+    /*
+     * Dynamically set the aspect ratio depending on the users aspect settings
+     */
+    var axisAutoScaleFactor = 4;
+    var aspectRatio;
+
+    if(fullSceneLayout.aspectmode === 'auto') {
+
+        if(Math.max.apply(null, axesScaleRatio) / Math.min.apply(null, axesScaleRatio) <= axisAutoScaleFactor) {
+
+            /*
+             * USE DATA MODE WHEN AXIS RANGE DIMENSIONS ARE RELATIVELY EQUAL
+             */
+
+            aspectRatio = axesScaleRatio;
+        } else {
+
+            /*
+             * USE EQUAL MODE WHEN AXIS RANGE DIMENSIONS ARE HIGHLY UNEQUAL
+             */
+            aspectRatio = [1, 1, 1];
+        }
+
+    } else if(fullSceneLayout.aspectmode === 'cube') {
+        aspectRatio = [1, 1, 1];
+
+    } else if(fullSceneLayout.aspectmode === 'data') {
+        aspectRatio = axesScaleRatio;
+
+    } else if(fullSceneLayout.aspectmode === 'manual') {
+        var userRatio = fullSceneLayout.aspectratio;
+        aspectRatio = [userRatio.x, userRatio.y, userRatio.z];
+
+    } else {
+        throw new Error('scene.js aspectRatio was not one of the enumerated types');
+    }
+
+    /*
+     * Write aspect Ratio back to user data and fullLayout so that it is modifies as user
+     * manipulates the aspectmode settings and the fullLayout is up-to-date.
+     */
+    fullSceneLayout.aspectratio.x = sceneLayout.aspectratio.x = aspectRatio[0];
+    fullSceneLayout.aspectratio.y = sceneLayout.aspectratio.y = aspectRatio[1];
+    fullSceneLayout.aspectratio.z = sceneLayout.aspectratio.z = aspectRatio[2];
+
+    /*
+     * Finally assign the computed aspecratio to the glplot module. This will have an effect
+     * on the next render cycle.
+     */
+    this.glplot.aspect = aspectRatio;
+
+
+    // Update frame position for multi plots
+    var domain = fullSceneLayout.domain || null,
+        size = fullLayout._size || null;
+
+    if(domain && size) {
+        var containerStyle = this.container.style;
+        containerStyle.position = 'absolute';
+        containerStyle.left = (size.l + domain.x[0] * size.w) + 'px';
+        containerStyle.top = (size.t + (1 - domain.y[1]) * size.h) + 'px';
+        containerStyle.width = (size.w * (domain.x[1] - domain.x[0])) + 'px';
+        containerStyle.height = (size.h * (domain.y[1] - domain.y[0])) + 'px';
+    }
+
+    // force redraw so that promise is returned when rendering is completed
+    this.glplot.redraw();
+};
+
+proto.destroy = function() {
+    if(!this.glplot) return;
+
+    this.camera.mouseListener.enabled = false;
+    this.container.removeEventListener('wheel', this.camera.wheelListener);
+    this.camera = this.glplot.camera = null;
+    this.glplot.dispose();
+    this.container.parentNode.removeChild(this.container);
+    this.glplot = null;
+};
+
+// getOrbitCamera :: plotly_coords -> orbit_camera_coords
+// inverse of getLayoutCamera
+function getOrbitCamera(camera) {
+    return [
+        [camera.eye.x, camera.eye.y, camera.eye.z],
+        [camera.center.x, camera.center.y, camera.center.z],
+        [camera.up.x, camera.up.y, camera.up.z]
+    ];
+}
+
+// getLayoutCamera :: orbit_camera_coords -> plotly_coords
+// inverse of getOrbitCamera
+function getLayoutCamera(camera) {
+    return {
+        up: {x: camera.up[0], y: camera.up[1], z: camera.up[2]},
+        center: {x: camera.center[0], y: camera.center[1], z: camera.center[2]},
+        eye: {x: camera.eye[0], y: camera.eye[1], z: camera.eye[2]}
+    };
+}
+
+// get camera position in plotly coords from 'orbit-camera' coords
+proto.getCamera = function getCamera() {
+    this.glplot.camera.view.recalcMatrix(this.camera.view.lastT());
+    return getLayoutCamera(this.glplot.camera);
+};
+
+// set camera position with a set of plotly coords
+proto.setCamera = function setCamera(cameraData) {
+    this.glplot.camera.lookAt.apply(this, getOrbitCamera(cameraData));
+};
+
+// save camera to user layout (i.e. gd.layout)
+proto.saveCamera = function saveCamera(layout) {
+    var cameraData = this.getCamera(),
+        cameraNestedProp = Lib.nestedProperty(layout, this.id + '.camera'),
+        cameraDataLastSave = cameraNestedProp.get(),
+        hasChanged = false;
+
+    function same(x, y, i, j) {
+        var vectors = ['up', 'center', 'eye'],
+            components = ['x', 'y', 'z'];
+        return y[vectors[i]] && (x[vectors[i]][components[j]] === y[vectors[i]][components[j]]);
+    }
+
+    if(cameraDataLastSave === undefined) hasChanged = true;
+    else {
+        for(var i = 0; i < 3; i++) {
+            for(var j = 0; j < 3; j++) {
+                if(!same(cameraData, cameraDataLastSave, i, j)) {
+                    hasChanged = true;
+                    break;
+                }
+            }
+        }
+    }
+
+    if(hasChanged) cameraNestedProp.set(cameraData);
+
+    return hasChanged;
+};
+
+proto.updateFx = function(dragmode, hovermode) {
+    var camera = this.camera;
+
+    if(camera) {
+        // rotate and orbital are synonymous
+        if(dragmode === 'orbit') {
+            camera.mode = 'orbit';
+            camera.keyBindingMode = 'rotate';
+
+        } else if(dragmode === 'turntable') {
+            camera.up = [0, 0, 1];
+            camera.mode = 'turntable';
+            camera.keyBindingMode = 'rotate';
+
+        } else {
+
+            // none rotation modes [pan or zoom]
+            camera.keyBindingMode = dragmode;
+        }
+    }
+
+    // to put dragmode and hovermode on the same grounds from relayout
+    this.fullSceneLayout.hovermode = hovermode;
+};
+
+proto.toImage = function(format) {
+    if(!format) format = 'png';
+
+    if(this.staticMode) this.container.appendChild(STATIC_CANVAS);
+
+    // Force redraw
+    this.glplot.redraw();
+
+    // Grab context and yank out pixels
+    var gl = this.glplot.gl;
+    var w = gl.drawingBufferWidth;
+    var h = gl.drawingBufferHeight;
+
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+
+    var pixels = new Uint8Array(w * h * 4);
+    gl.readPixels(0, 0, w, h, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
+
+    // Flip pixels
+    for(var j = 0, k = h - 1; j < k; ++j, --k) {
+        for(var i = 0; i < w; ++i) {
+            for(var l = 0; l < 4; ++l) {
+                var tmp = pixels[4 * (w * j + i) + l];
+                pixels[4 * (w * j + i) + l] = pixels[4 * (w * k + i) + l];
+                pixels[4 * (w * k + i) + l] = tmp;
+            }
+        }
+    }
+
+    var canvas = document.createElement('canvas');
+    canvas.width = w;
+    canvas.height = h;
+    var context = canvas.getContext('2d');
+    var imageData = context.createImageData(w, h);
+    imageData.data.set(pixels);
+    context.putImageData(imageData, 0, 0);
+
+    var dataURL;
+
+    switch(format) {
+        case 'jpeg':
+            dataURL = canvas.toDataURL('image/jpeg');
+            break;
+        case 'webp':
+            dataURL = canvas.toDataURL('image/webp');
+            break;
+        default:
+            dataURL = canvas.toDataURL('image/png');
+    }
+
+    if(this.staticMode) this.container.removeChild(STATIC_CANVAS);
+
+    return dataURL;
+};
+
+proto.setConvert = function() {
+    for(var i = 0; i < 3; i++) {
+        var ax = this.fullSceneLayout[axisProperties[i]];
+        Axes.setConvert(ax, this.fullLayout);
+        ax.setScale = Lib.noop;
+    }
+};
+
+module.exports = Scene;
+
+},{"../../components/fx":645,"../../lib":728,"../../lib/show_no_webgl_msg":747,"../../lib/str2rgbarray":749,"../../plots/cartesian/axes":772,"../../registry":846,"./camera":810,"./layout/convert":815,"./layout/spikes":818,"./layout/tick_marks":819,"./project":820,"gl-plot3d":221,"webgl-context":563}],822:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('./font_attributes');
+var colorAttrs = require('../components/color/attributes');
+
+var globalFont = fontAttrs({
+    editType: 'calc',
+    
+});
+globalFont.family.dflt = '"Open Sans", verdana, arial, sans-serif';
+globalFont.size.dflt = 12;
+globalFont.color.dflt = colorAttrs.defaultLine;
+
+module.exports = {
+    font: globalFont,
+    title: {
+        valType: 'string',
+        
+        dflt: 'Click to enter Plot title',
+        editType: 'layoutstyle',
+        
+    },
+    titlefont: fontAttrs({
+        editType: 'layoutstyle',
+        
+    }),
+    autosize: {
+        valType: 'boolean',
+        
+        dflt: false,
+        // autosize, width, and height get special editType treatment in _relayout
+        // so we can handle noop resizes more efficiently
+        editType: 'none',
+        
+    },
+    width: {
+        valType: 'number',
+        
+        min: 10,
+        dflt: 700,
+        editType: 'none',
+        
+    },
+    height: {
+        valType: 'number',
+        
+        min: 10,
+        dflt: 450,
+        editType: 'none',
+        
+    },
+    margin: {
+        l: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 80,
+            editType: 'calc',
+            
+        },
+        r: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 80,
+            editType: 'calc',
+            
+        },
+        t: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 100,
+            editType: 'calc',
+            
+        },
+        b: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 80,
+            editType: 'calc',
+            
+        },
+        pad: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 0,
+            editType: 'calc',
+            
+        },
+        autoexpand: {
+            valType: 'boolean',
+            
+            dflt: true,
+            editType: 'calc'
+        },
+        editType: 'calc'
+    },
+    paper_bgcolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.background,
+        editType: 'plot',
+        
+    },
+    plot_bgcolor: {
+        // defined here, but set in Axes.supplyLayoutDefaults
+        // because it needs to know if there are (2D) axes or not
+        valType: 'color',
+        
+        dflt: colorAttrs.background,
+        editType: 'layoutstyle',
+        
+    },
+    separators: {
+        valType: 'string',
+        
+        dflt: '.,',
+        editType: 'plot',
+        
+    },
+    hidesources: {
+        valType: 'boolean',
+        
+        dflt: false,
+        editType: 'plot',
+        
+    },
+    smith: {
+        // will become a boolean if/when we implement this
+        valType: 'enumerated',
+        
+        values: [false],
+        dflt: false,
+        editType: 'none'
+    },
+    showlegend: {
+        // handled in legend.supplyLayoutDefaults
+        // but included here because it's not in the legend object
+        valType: 'boolean',
+        
+        editType: 'legend',
+        
+    }
+};
+
+},{"../components/color/attributes":603,"./font_attributes":796}],823:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+    styleUrlPrefix: 'mapbox://styles/mapbox/',
+    styleUrlSuffix: 'v9',
+
+    controlContainerClassName: 'mapboxgl-control-container',
+
+    noAccessTokenErrorMsg: [
+        'Missing Mapbox access token.',
+        'Mapbox trace type require a Mapbox access token to be registered.',
+        'For example:',
+        '  Plotly.plot(gd, data, layout, { mapboxAccessToken: \'my-access-token\' });',
+        'More info here: https://www.mapbox.com/help/define-access-token/'
+    ].join('\n'),
+
+    mapOnErrorMsg: 'Mapbox error.'
+};
+
+},{}],824:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+/**
+ * Convert plotly.js 'textposition' to mapbox-gl 'anchor' and 'offset'
+ * (with the help of the icon size).
+ *
+ * @param {string} textpostion : plotly.js textposition value
+ * @param {number} iconSize : plotly.js icon size (e.g. marker.size for traces)
+ *
+ * @return {object}
+ *      - anchor
+ *      - offset
+ */
+module.exports = function convertTextOpts(textposition, iconSize) {
+    var parts = textposition.split(' '),
+        vPos = parts[0],
+        hPos = parts[1];
+
+    // ballpack values
+    var factor = Array.isArray(iconSize) ? Lib.mean(iconSize) : iconSize,
+        xInc = 0.5 + (factor / 100),
+        yInc = 1.5 + (factor / 100);
+
+    var anchorVals = ['', ''],
+        offset = [0, 0];
+
+    switch(vPos) {
+        case 'top':
+            anchorVals[0] = 'top';
+            offset[1] = -yInc;
+            break;
+        case 'bottom':
+            anchorVals[0] = 'bottom';
+            offset[1] = yInc;
+            break;
+    }
+
+    switch(hPos) {
+        case 'left':
+            anchorVals[1] = 'right';
+            offset[0] = -xInc;
+            break;
+        case 'right':
+            anchorVals[1] = 'left';
+            offset[0] = xInc;
+            break;
+    }
+
+    // Mapbox text-anchor must be one of:
+    //  center, left, right, top, bottom,
+    //  top-left, top-right, bottom-left, bottom-right
+
+    var anchor;
+    if(anchorVals[0] && anchorVals[1]) anchor = anchorVals.join('-');
+    else if(anchorVals[0]) anchor = anchorVals[0];
+    else if(anchorVals[1]) anchor = anchorVals[1];
+    else anchor = 'center';
+
+    return { anchor: anchor, offset: offset };
+};
+
+},{"../../lib":728}],825:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var mapboxgl = require('mapbox-gl');
+
+var Lib = require('../../lib');
+var Plots = require('../plots');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+
+var createMapbox = require('./mapbox');
+var constants = require('./constants');
+
+var MAPBOX = 'mapbox';
+
+
+exports.name = MAPBOX;
+
+exports.attr = 'subplot';
+
+exports.idRoot = MAPBOX;
+
+exports.idRegex = exports.attrRegex = Lib.counterRegex(MAPBOX);
+
+exports.attributes = {
+    subplot: {
+        valType: 'subplotid',
+        
+        dflt: 'mapbox',
+        editType: 'calc',
+        
+    }
+};
+
+exports.layoutAttributes = require('./layout_attributes');
+
+exports.supplyLayoutDefaults = require('./layout_defaults');
+
+exports.plot = function plotMapbox(gd) {
+    var fullLayout = gd._fullLayout,
+        calcData = gd.calcdata,
+        mapboxIds = Plots.getSubplotIds(fullLayout, MAPBOX);
+
+    var accessToken = findAccessToken(gd, mapboxIds);
+    mapboxgl.accessToken = accessToken;
+
+    for(var i = 0; i < mapboxIds.length; i++) {
+        var id = mapboxIds[i],
+            subplotCalcData = Plots.getSubplotCalcData(calcData, MAPBOX, id),
+            opts = fullLayout[id],
+            mapbox = opts._subplot;
+
+        // copy access token to fullLayout (to handle the context case)
+        opts.accesstoken = accessToken;
+
+        if(!mapbox) {
+            mapbox = createMapbox({
+                gd: gd,
+                container: fullLayout._glcontainer.node(),
+                id: id,
+                fullLayout: fullLayout,
+                staticPlot: gd._context.staticPlot
+            });
+
+            fullLayout[id]._subplot = mapbox;
+        }
+
+        if(!mapbox.viewInitial) {
+            mapbox.viewInitial = {
+                center: Lib.extendFlat({}, opts.center),
+                zoom: opts.zoom,
+                bearing: opts.bearing,
+                pitch: opts.pitch
+            };
+        }
+
+        mapbox.plot(subplotCalcData, fullLayout, gd._promises);
+    }
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldMapboxKeys = Plots.getSubplotIds(oldFullLayout, MAPBOX);
+
+    for(var i = 0; i < oldMapboxKeys.length; i++) {
+        var oldMapboxKey = oldMapboxKeys[i];
+
+        if(!newFullLayout[oldMapboxKey] && !!oldFullLayout[oldMapboxKey]._subplot) {
+            oldFullLayout[oldMapboxKey]._subplot.destroy();
+        }
+    }
+};
+
+exports.toSVG = function(gd) {
+    var fullLayout = gd._fullLayout,
+        subplotIds = Plots.getSubplotIds(fullLayout, MAPBOX),
+        size = fullLayout._size;
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var opts = fullLayout[subplotIds[i]],
+            domain = opts.domain,
+            mapbox = opts._subplot;
+
+        var imageData = mapbox.toImage('png');
+        var image = fullLayout._glimages.append('svg:image');
+
+        image.attr({
+            xmlns: xmlnsNamespaces.svg,
+            'xlink:href': imageData,
+            x: size.l + size.w * domain.x[0],
+            y: size.t + size.h * (1 - domain.y[1]),
+            width: size.w * (domain.x[1] - domain.x[0]),
+            height: size.h * (domain.y[1] - domain.y[0]),
+            preserveAspectRatio: 'none'
+        });
+
+        mapbox.destroy();
+    }
+};
+
+function findAccessToken(gd, mapboxIds) {
+    var fullLayout = gd._fullLayout,
+        context = gd._context;
+
+    // special case for Mapbox Atlas users
+    if(context.mapboxAccessToken === '') return '';
+
+    // first look for access token in context
+    var accessToken = context.mapboxAccessToken;
+
+    // allow mapbox layout options to override it
+    for(var i = 0; i < mapboxIds.length; i++) {
+        var opts = fullLayout[mapboxIds[i]];
+
+        if(opts.accesstoken) {
+            accessToken = opts.accesstoken;
+            break;
+        }
+    }
+
+    if(!accessToken) {
+        throw new Error(constants.noAccessTokenErrorMsg);
+    }
+
+    return accessToken;
+}
+
+exports.updateFx = function(fullLayout) {
+    var subplotIds = Plots.getSubplotIds(fullLayout, MAPBOX);
+
+    for(var i = 0; i < subplotIds.length; i++) {
+        var subplotObj = fullLayout[subplotIds[i]]._subplot;
+        subplotObj.updateFx(fullLayout);
+    }
+};
+
+},{"../../constants/xmlns_namespaces":709,"../../lib":728,"../plots":831,"./constants":823,"./layout_attributes":827,"./layout_defaults":828,"./mapbox":829,"mapbox-gl":343}],826:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var convertTextOpts = require('./convert_text_opts');
+
+
+function MapboxLayer(mapbox, index) {
+    this.mapbox = mapbox;
+    this.map = mapbox.map;
+
+    this.uid = mapbox.uid + '-' + 'layer' + index;
+
+    this.idSource = this.uid + '-source';
+    this.idLayer = this.uid + '-layer';
+
+    // some state variable to check if a remove/add step is needed
+    this.sourceType = null;
+    this.source = null;
+    this.layerType = null;
+    this.below = null;
+
+    // is layer currently visible
+    this.visible = false;
+}
+
+var proto = MapboxLayer.prototype;
+
+proto.update = function update(opts) {
+    if(!this.visible) {
+
+        // IMPORTANT: must create source before layer to not cause errors
+        this.updateSource(opts);
+        this.updateLayer(opts);
+    }
+    else if(this.needsNewSource(opts)) {
+
+        // IMPORTANT: must delete layer before source to not cause errors
+        this.updateLayer(opts);
+        this.updateSource(opts);
+    }
+    else if(this.needsNewLayer(opts)) {
+        this.updateLayer(opts);
+    }
+
+    this.updateStyle(opts);
+
+    this.visible = isVisible(opts);
+};
+
+proto.needsNewSource = function(opts) {
+
+    // for some reason changing layer to 'fill' or 'symbol'
+    // w/o changing the source throws an exception in mapbox-gl 0.18 ;
+    // stay safe and make new source on type changes
+
+    return (
+        this.sourceType !== opts.sourcetype ||
+        this.source !== opts.source ||
+        this.layerType !== opts.type
+    );
+};
+
+proto.needsNewLayer = function(opts) {
+    return (
+        this.layerType !== opts.type ||
+        this.below !== opts.below
+    );
+};
+
+proto.updateSource = function(opts) {
+    var map = this.map;
+
+    if(map.getSource(this.idSource)) map.removeSource(this.idSource);
+
+    this.sourceType = opts.sourcetype;
+    this.source = opts.source;
+
+    if(!isVisible(opts)) return;
+
+    var sourceOpts = convertSourceOpts(opts);
+
+    map.addSource(this.idSource, sourceOpts);
+};
+
+proto.updateLayer = function(opts) {
+    var map = this.map;
+
+    if(map.getLayer(this.idLayer)) map.removeLayer(this.idLayer);
+
+    this.layerType = opts.type;
+
+    if(!isVisible(opts)) return;
+
+    map.addLayer({
+        id: this.idLayer,
+        source: this.idSource,
+        'source-layer': opts.sourcelayer || '',
+        type: opts.type
+    }, opts.below);
+
+    // the only way to make a layer invisible is to remove it
+    var layoutOpts = { visibility: 'visible' };
+    this.mapbox.setOptions(this.idLayer, 'setLayoutProperty', layoutOpts);
+};
+
+proto.updateStyle = function(opts) {
+    var convertedOpts = convertOpts(opts);
+
+    if(isVisible(opts)) {
+        this.mapbox.setOptions(this.idLayer, 'setLayoutProperty', convertedOpts.layout);
+        this.mapbox.setOptions(this.idLayer, 'setPaintProperty', convertedOpts.paint);
+    }
+};
+
+proto.dispose = function dispose() {
+    var map = this.map;
+
+    map.removeLayer(this.idLayer);
+    map.removeSource(this.idSource);
+};
+
+function isVisible(opts) {
+    var source = opts.source;
+
+    return (
+        Lib.isPlainObject(source) ||
+        (typeof source === 'string' && source.length > 0)
+    );
+}
+
+function convertOpts(opts) {
+    var layout = {},
+        paint = {};
+
+    switch(opts.type) {
+
+        case 'circle':
+            Lib.extendFlat(paint, {
+                'circle-radius': opts.circle.radius,
+                'circle-color': opts.color,
+                'circle-opacity': opts.opacity
+            });
+            break;
+
+        case 'line':
+            Lib.extendFlat(paint, {
+                'line-width': opts.line.width,
+                'line-color': opts.color,
+                'line-opacity': opts.opacity
+            });
+            break;
+
+        case 'fill':
+            Lib.extendFlat(paint, {
+                'fill-color': opts.color,
+                'fill-outline-color': opts.fill.outlinecolor,
+                'fill-opacity': opts.opacity
+
+                // no way to pass specify outline width at the moment
+            });
+            break;
+
+        case 'symbol':
+            var symbol = opts.symbol,
+                textOpts = convertTextOpts(symbol.textposition, symbol.iconsize);
+
+            Lib.extendFlat(layout, {
+                'icon-image': symbol.icon + '-15',
+                'icon-size': symbol.iconsize / 10,
+
+                'text-field': symbol.text,
+                'text-size': symbol.textfont.size,
+                'text-anchor': textOpts.anchor,
+                'text-offset': textOpts.offset
+
+                // TODO font family
+                // 'text-font': symbol.textfont.family.split(', '),
+            });
+
+            Lib.extendFlat(paint, {
+                'icon-color': opts.color,
+                'text-color': symbol.textfont.color,
+                'text-opacity': opts.opacity
+            });
+            break;
+    }
+
+    return { layout: layout, paint: paint };
+}
+
+function convertSourceOpts(opts) {
+    var sourceType = opts.sourcetype,
+        source = opts.source,
+        sourceOpts = { type: sourceType },
+        isSourceAString = (typeof source === 'string'),
+        field;
+
+    if(sourceType === 'geojson') field = 'data';
+    else if(sourceType === 'vector') {
+        field = isSourceAString ? 'url' : 'tiles';
+    }
+
+    sourceOpts[field] = source;
+
+    return sourceOpts;
+}
+
+module.exports = function createMapboxLayer(mapbox, index, opts) {
+    var mapboxLayer = new MapboxLayer(mapbox, index);
+
+    mapboxLayer.update(opts);
+
+    return mapboxLayer;
+};
+
+},{"../../lib":728,"./convert_text_opts":824}],827:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var defaultLine = require('../../components/color').defaultLine;
+var fontAttrs = require('../font_attributes');
+var textposition = require('../../traces/scatter/attributes').textposition;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+
+var fontAttr = fontAttrs({
+    
+});
+fontAttr.family.dflt = 'Open Sans Regular, Arial Unicode MS Regular';
+
+module.exports = overrideAll({
+    _arrayAttrRegexps: [Lib.counterRegex('mapbox', '.layers', true)],
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        }
+    },
+
+    accesstoken: {
+        valType: 'string',
+        noBlank: true,
+        strict: true,
+        
+        
+    },
+    style: {
+        valType: 'any',
+        values: ['basic', 'streets', 'outdoors', 'light', 'dark', 'satellite', 'satellite-streets'],
+        dflt: 'basic',
+        
+        
+    },
+
+    center: {
+        lon: {
+            valType: 'number',
+            dflt: 0,
+            
+            
+        },
+        lat: {
+            valType: 'number',
+            dflt: 0,
+            
+            
+        }
+    },
+    zoom: {
+        valType: 'number',
+        dflt: 1,
+        
+        
+    },
+    bearing: {
+        valType: 'number',
+        dflt: 0,
+        
+        
+    },
+    pitch: {
+        valType: 'number',
+        dflt: 0,
+        
+        
+    },
+
+    layers: {
+        _isLinkedToArray: 'layer',
+
+        sourcetype: {
+            valType: 'enumerated',
+            values: ['geojson', 'vector'],
+            dflt: 'geojson',
+            
+            
+        },
+
+        source: {
+            valType: 'any',
+            
+            
+        },
+
+        sourcelayer: {
+            valType: 'string',
+            dflt: '',
+            
+            
+        },
+
+        type: {
+            valType: 'enumerated',
+            values: ['circle', 'line', 'fill', 'symbol'],
+            dflt: 'circle',
+            
+            
+        },
+
+        // attributes shared between all types
+        below: {
+            valType: 'string',
+            dflt: '',
+            
+            
+        },
+        color: {
+            valType: 'color',
+            dflt: defaultLine,
+            
+            
+        },
+        opacity: {
+            valType: 'number',
+            min: 0,
+            max: 1,
+            dflt: 1,
+            
+            
+        },
+
+        // type-specific style attributes
+        circle: {
+            radius: {
+                valType: 'number',
+                dflt: 15,
+                
+                
+            }
+        },
+
+        line: {
+            width: {
+                valType: 'number',
+                dflt: 2,
+                
+                
+            }
+        },
+
+        fill: {
+            outlinecolor: {
+                valType: 'color',
+                dflt: defaultLine,
+                
+                
+            }
+        },
+
+        symbol: {
+            icon: {
+                valType: 'string',
+                dflt: 'marker',
+                
+                
+            },
+            iconsize: {
+                valType: 'number',
+                dflt: 10,
+                
+                
+            },
+            text: {
+                valType: 'string',
+                dflt: '',
+                
+                
+            },
+            textfont: fontAttr,
+            textposition: Lib.extendFlat({}, textposition, { arrayOk: false })
+        }
+    }
+}, 'plot', 'from-root');
+
+},{"../../components/color":604,"../../lib":728,"../../plot_api/edit_types":756,"../../traces/scatter/attributes":1031,"../font_attributes":796}],828:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var handleSubplotDefaults = require('../subplot_defaults');
+var layoutAttributes = require('./layout_attributes');
+
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    handleSubplotDefaults(layoutIn, layoutOut, fullData, {
+        type: 'mapbox',
+        attributes: layoutAttributes,
+        handleDefaults: handleDefaults,
+        partition: 'y'
+    });
+};
+
+function handleDefaults(containerIn, containerOut, coerce) {
+    coerce('accesstoken');
+    coerce('style');
+    coerce('center.lon');
+    coerce('center.lat');
+    coerce('zoom');
+    coerce('bearing');
+    coerce('pitch');
+
+    handleLayerDefaults(containerIn, containerOut);
+
+    // copy ref to input container to update 'center' and 'zoom' on map move
+    containerOut._input = containerIn;
+}
+
+function handleLayerDefaults(containerIn, containerOut) {
+    var layersIn = containerIn.layers || [],
+        layersOut = containerOut.layers = [];
+
+    var layerIn, layerOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(layerIn, layerOut, layoutAttributes.layers, attr, dflt);
+    }
+
+    for(var i = 0; i < layersIn.length; i++) {
+        layerIn = layersIn[i];
+        layerOut = {};
+
+        if(!Lib.isPlainObject(layerIn)) continue;
+
+        var sourceType = coerce('sourcetype');
+        coerce('source');
+
+        if(sourceType === 'vector') coerce('sourcelayer');
+
+        // maybe add smart default based off GeoJSON geometry?
+        var type = coerce('type');
+
+        coerce('below');
+        coerce('color');
+        coerce('opacity');
+
+        if(type === 'circle') {
+            coerce('circle.radius');
+        }
+
+        if(type === 'line') {
+            coerce('line.width');
+        }
+
+        if(type === 'fill') {
+            coerce('fill.outlinecolor');
+        }
+
+        if(type === 'symbol') {
+            coerce('symbol.icon');
+            coerce('symbol.iconsize');
+
+            coerce('symbol.text');
+            Lib.coerceFont(coerce, 'symbol.textfont');
+            coerce('symbol.textposition');
+        }
+
+        layerOut._index = i;
+        layersOut.push(layerOut);
+    }
+}
+
+},{"../../lib":728,"../subplot_defaults":838,"./layout_attributes":827}],829:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var mapboxgl = require('mapbox-gl');
+
+var Fx = require('../../components/fx');
+var Lib = require('../../lib');
+var dragElement = require('../../components/dragelement');
+var prepSelect = require('../cartesian/select');
+var constants = require('./constants');
+var layoutAttributes = require('./layout_attributes');
+var createMapboxLayer = require('./layers');
+
+function Mapbox(opts) {
+    this.id = opts.id;
+    this.gd = opts.gd;
+    this.container = opts.container;
+    this.isStatic = opts.staticPlot;
+
+    var fullLayout = opts.fullLayout;
+
+    // unique id for this Mapbox instance
+    this.uid = fullLayout._uid + '-' + this.id;
+
+    // full mapbox options (N.B. needs to be updated on every updates)
+    this.opts = fullLayout[this.id];
+
+    // create framework on instantiation for a smoother first plot call
+    this.div = null;
+    this.xaxis = null;
+    this.yaxis = null;
+    this.createFramework(fullLayout);
+
+    // state variables used to infer how and what to update
+    this.map = null;
+    this.accessToken = null;
+    this.styleObj = null;
+    this.traceHash = {};
+    this.layerList = [];
+}
+
+var proto = Mapbox.prototype;
+
+module.exports = function createMapbox(opts) {
+    var mapbox = new Mapbox(opts);
+
+    return mapbox;
+};
+
+proto.plot = function(calcData, fullLayout, promises) {
+    var self = this;
+
+    // feed in new mapbox options
+    var opts = self.opts = fullLayout[this.id];
+
+    // remove map and create a new map if access token has change
+    if(self.map && (opts.accesstoken !== self.accessToken)) {
+        self.map.remove();
+        self.map = null;
+        self.styleObj = null;
+        self.traceHash = [];
+        self.layerList = {};
+    }
+
+    var promise;
+
+    if(!self.map) {
+        promise = new Promise(function(resolve, reject) {
+            self.createMap(calcData, fullLayout, resolve, reject);
+        });
+    }
+    else {
+        promise = new Promise(function(resolve, reject) {
+            self.updateMap(calcData, fullLayout, resolve, reject);
+        });
+    }
+
+    promises.push(promise);
+};
+
+proto.createMap = function(calcData, fullLayout, resolve, reject) {
+    var self = this;
+    var gd = self.gd;
+    var opts = self.opts;
+
+    // store style id and URL or object
+    var styleObj = self.styleObj = getStyleObj(opts.style);
+
+    // store access token associated with this map
+    self.accessToken = opts.accesstoken;
+
+    // create the map!
+    var map = self.map = new mapboxgl.Map({
+        container: self.div,
+
+        style: styleObj.style,
+        center: convertCenter(opts.center),
+        zoom: opts.zoom,
+        bearing: opts.bearing,
+        pitch: opts.pitch,
+
+        interactive: !self.isStatic,
+        preserveDrawingBuffer: self.isStatic,
+
+        doubleClickZoom: false,
+        boxZoom: false
+    });
+
+    // clear navigation container
+    var className = constants.controlContainerClassName;
+    var controlContainer = self.div.getElementsByClassName(className)[0];
+    self.div.removeChild(controlContainer);
+
+    // make sure canvas does not inherit left and top css
+    map._canvas.canvas.style.left = '0px';
+    map._canvas.canvas.style.top = '0px';
+
+    self.rejectOnError(reject);
+
+    map.once('load', function() {
+        self.updateData(calcData);
+        self.updateLayout(fullLayout);
+
+        self.resolveOnRender(resolve);
+    });
+
+    if(self.isStatic) return;
+
+    // keep track of pan / zoom in user layout and emit relayout event
+    map.on('moveend', function(eventData) {
+        if(!self.map) return;
+
+        var view = self.getView();
+
+        opts._input.center = opts.center = view.center;
+        opts._input.zoom = opts.zoom = view.zoom;
+        opts._input.bearing = opts.bearing = view.bearing;
+        opts._input.pitch = opts.pitch = view.pitch;
+
+        // 'moveend' gets triggered by map.setCenter, map.setZoom,
+        // map.setBearing and map.setPitch.
+        //
+        // Here, we make sure that 'plotly_relayout' is
+        // triggered here only when the 'moveend' originates from a
+        // mouse target (filtering out API calls) to not
+        // duplicate 'plotly_relayout' events.
+
+        if(eventData.originalEvent) {
+            var update = {};
+            update[self.id] = Lib.extendFlat({}, view);
+            gd.emit('plotly_relayout', update);
+        }
+    });
+
+    map.on('mousemove', function(evt) {
+        var bb = self.div.getBoundingClientRect();
+
+        // some hackery to get Fx.hover to work
+
+        evt.clientX = evt.point.x + bb.left;
+        evt.clientY = evt.point.y + bb.top;
+
+        evt.target.getBoundingClientRect = function() { return bb; };
+
+        self.xaxis.p2c = function() { return evt.lngLat.lng; };
+        self.yaxis.p2c = function() { return evt.lngLat.lat; };
+
+        Fx.hover(gd, evt, self.id);
+    });
+
+    map.on('click', function(evt) {
+        Fx.click(gd, evt.originalEvent);
+    });
+
+    function unhover() {
+        Fx.loneUnhover(fullLayout._toppaper);
+    }
+
+    map.on('dragstart', unhover);
+    map.on('zoomstart', unhover);
+
+    map.on('dblclick', function() {
+        var viewInitial = self.viewInitial;
+
+        map.setCenter(convertCenter(viewInitial.center));
+        map.setZoom(viewInitial.zoom);
+        map.setBearing(viewInitial.bearing);
+        map.setPitch(viewInitial.pitch);
+
+        var viewNow = self.getView();
+
+        opts._input.center = opts.center = viewNow.center;
+        opts._input.zoom = opts.zoom = viewNow.zoom;
+        opts._input.bearing = opts.bearing = viewNow.bearing;
+        opts._input.pitch = opts.pitch = viewNow.pitch;
+
+        gd.emit('plotly_doubleclick', null);
+    });
+};
+
+proto.updateMap = function(calcData, fullLayout, resolve, reject) {
+    var self = this,
+        map = self.map;
+
+    self.rejectOnError(reject);
+
+    var styleObj = getStyleObj(self.opts.style);
+
+    if(self.styleObj.id !== styleObj.id) {
+        self.styleObj = styleObj;
+        map.setStyle(styleObj.style);
+
+        map.style.once('load', function() {
+
+            // need to rebuild trace layers on reload
+            // to avoid 'lost event' errors
+            self.traceHash = {};
+
+            self.updateData(calcData);
+            self.updateLayout(fullLayout);
+
+            self.resolveOnRender(resolve);
+        });
+    }
+    else {
+        self.updateData(calcData);
+        self.updateLayout(fullLayout);
+
+        self.resolveOnRender(resolve);
+    }
+};
+
+proto.updateData = function(calcData) {
+    var traceHash = this.traceHash;
+
+    var traceObj, trace, i, j;
+
+    // update or create trace objects
+    for(i = 0; i < calcData.length; i++) {
+        var calcTrace = calcData[i];
+
+        trace = calcTrace[0].trace;
+        traceObj = traceHash[trace.uid];
+
+        if(traceObj) traceObj.update(calcTrace);
+        else if(trace._module) {
+            traceHash[trace.uid] = trace._module.plot(this, calcTrace);
+        }
+    }
+
+    // remove empty trace objects
+    var ids = Object.keys(traceHash);
+    id_loop:
+    for(i = 0; i < ids.length; i++) {
+        var id = ids[i];
+
+        for(j = 0; j < calcData.length; j++) {
+            trace = calcData[j][0].trace;
+
+            if(id === trace.uid) continue id_loop;
+        }
+
+        traceObj = traceHash[id];
+        traceObj.dispose();
+        delete traceHash[id];
+    }
+};
+
+proto.updateLayout = function(fullLayout) {
+    var map = this.map,
+        opts = this.opts;
+
+    map.setCenter(convertCenter(opts.center));
+    map.setZoom(opts.zoom);
+    map.setBearing(opts.bearing);
+    map.setPitch(opts.pitch);
+
+    this.updateLayers();
+    this.updateFramework(fullLayout);
+    this.updateFx(fullLayout);
+    this.map.resize();
+};
+
+proto.resolveOnRender = function(resolve) {
+    var map = this.map;
+
+    map.on('render', function onRender() {
+        if(map.loaded()) {
+            map.off('render', onRender);
+            resolve();
+        }
+    });
+};
+
+proto.rejectOnError = function(reject) {
+    var map = this.map;
+
+    function handler() {
+        reject(new Error(constants.mapOnErrorMsg));
+    }
+
+    map.once('error', handler);
+    map.once('style.error', handler);
+    map.once('source.error', handler);
+    map.once('tile.error', handler);
+    map.once('layer.error', handler);
+};
+
+proto.createFramework = function(fullLayout) {
+    var self = this;
+
+    var div = self.div = document.createElement('div');
+
+    div.id = self.uid;
+    div.style.position = 'absolute';
+
+    self.container.appendChild(div);
+
+    // create mock x/y axes for hover routine
+
+    self.xaxis = {
+        _id: 'x',
+        c2p: function(v) { return self.project(v).x; }
+    };
+
+    self.yaxis = {
+        _id: 'y',
+        c2p: function(v) { return self.project(v).y; }
+    };
+
+    self.updateFramework(fullLayout);
+};
+
+proto.updateFx = function(fullLayout) {
+    var self = this;
+    var map = self.map;
+    var gd = self.gd;
+
+    if(self.isStatic) return;
+
+    function invert(pxpy) {
+        var obj = self.map.unproject(pxpy);
+        return [obj.lng, obj.lat];
+    }
+
+    var dragMode = fullLayout.dragmode;
+    var fillRangeItems;
+
+    if(dragMode === 'select') {
+        fillRangeItems = function(eventData, poly) {
+            var ranges = eventData.range = {};
+            ranges[self.id] = [
+                invert([poly.xmin, poly.ymin]),
+                invert([poly.xmax, poly.ymax])
+            ];
+        };
+    } else {
+        fillRangeItems = function(eventData, poly, pts) {
+            var dataPts = eventData.lassoPoints = {};
+            dataPts[self.id] = pts.filtered.map(invert);
+        };
+    }
+
+    if(dragMode === 'select' || dragMode === 'lasso') {
+        map.dragPan.disable();
+
+        var dragOptions = {
+            element: self.div,
+            gd: gd,
+            plotinfo: {
+                xaxis: self.xaxis,
+                yaxis: self.yaxis,
+                fillRangeItems: fillRangeItems
+            },
+            xaxes: [self.xaxis],
+            yaxes: [self.yaxis],
+            subplot: self.id
+        };
+
+        dragOptions.prepFn = function(e, startX, startY) {
+            prepSelect(e, startX, startY, dragOptions, dragMode);
+        };
+
+        dragOptions.doneFn = function(dragged, numClicks) {
+            if(numClicks === 2) {
+                fullLayout._zoomlayer.selectAll('.select-outline').remove();
+            }
+        };
+
+        dragElement.init(dragOptions);
+    } else {
+        map.dragPan.enable();
+        self.div.onmousedown = null;
+    }
+};
+
+proto.updateFramework = function(fullLayout) {
+    var domain = fullLayout[this.id].domain,
+        size = fullLayout._size;
+
+    var style = this.div.style;
+
+    // TODO Is this correct? It seems to get the map zoom level wrong?
+
+    style.width = size.w * (domain.x[1] - domain.x[0]) + 'px';
+    style.height = size.h * (domain.y[1] - domain.y[0]) + 'px';
+    style.left = size.l + domain.x[0] * size.w + 'px';
+    style.top = size.t + (1 - domain.y[1]) * size.h + 'px';
+
+    this.xaxis._offset = size.l + domain.x[0] * size.w;
+    this.xaxis._length = size.w * (domain.x[1] - domain.x[0]);
+
+    this.yaxis._offset = size.t + (1 - domain.y[1]) * size.h;
+    this.yaxis._length = size.h * (domain.y[1] - domain.y[0]);
+};
+
+proto.updateLayers = function() {
+    var opts = this.opts,
+        layers = opts.layers,
+        layerList = this.layerList,
+        i;
+
+    // if the layer arrays don't match,
+    // don't try to be smart,
+    // delete them all, and start all over.
+
+    if(layers.length !== layerList.length) {
+        for(i = 0; i < layerList.length; i++) {
+            layerList[i].dispose();
+        }
+
+        layerList = this.layerList = [];
+
+        for(i = 0; i < layers.length; i++) {
+            layerList.push(createMapboxLayer(this, i, layers[i]));
+        }
+    }
+    else {
+        for(i = 0; i < layers.length; i++) {
+            layerList[i].update(layers[i]);
+        }
+    }
+};
+
+proto.destroy = function() {
+    if(this.map) {
+        this.map.remove();
+        this.map = null;
+        this.container.removeChild(this.div);
+    }
+};
+
+proto.toImage = function() {
+    return this.map.getCanvas().toDataURL();
+};
+
+// convenience wrapper to create blank GeoJSON sources
+// and avoid 'invalid GeoJSON' errors
+proto.initSource = function(idSource) {
+    var blank = {
+        type: 'geojson',
+        data: {
+            type: 'Feature',
+            geometry: {
+                type: 'Point',
+                coordinates: []
+            }
+        }
+    };
+
+    return this.map.addSource(idSource, blank);
+};
+
+// convenience wrapper to set data of GeoJSON sources
+proto.setSourceData = function(idSource, data) {
+    this.map.getSource(idSource).setData(data);
+};
+
+// convenience wrapper to create set multiple layer
+// 'layout' or 'paint options at once.
+proto.setOptions = function(id, methodName, opts) {
+    var map = this.map,
+        keys = Object.keys(opts);
+
+    for(var i = 0; i < keys.length; i++) {
+        var key = keys[i];
+
+        map[methodName](id, key, opts[key]);
+    }
+};
+
+// convenience method to project a [lon, lat] array to pixel coords
+proto.project = function(v) {
+    return this.map.project(new mapboxgl.LngLat(v[0], v[1]));
+};
+
+// get map's current view values in plotly.js notation
+proto.getView = function() {
+    var map = this.map;
+
+    var mapCenter = map.getCenter();
+    var center = { lon: mapCenter.lng, lat: mapCenter.lat };
+
+    return {
+        center: center,
+        zoom: map.getZoom(),
+        bearing: map.getBearing(),
+        pitch: map.getPitch()
+    };
+};
+
+function getStyleObj(val) {
+    var styleValues = layoutAttributes.style.values,
+        styleDflt = layoutAttributes.style.dflt,
+        styleObj = {};
+
+    if(Lib.isPlainObject(val)) {
+        styleObj.id = val.id;
+        styleObj.style = val;
+    }
+    else if(typeof val === 'string') {
+        styleObj.id = val;
+        styleObj.style = (styleValues.indexOf(val) !== -1) ?
+             convertStyleVal(val) :
+             val;
+    }
+    else {
+        styleObj.id = styleDflt;
+        styleObj.style = convertStyleVal(styleDflt);
+    }
+
+    return styleObj;
+}
+
+// if style is part of the 'official' mapbox values, add URL prefix and suffix
+function convertStyleVal(val) {
+    return constants.styleUrlPrefix + val + '-' + constants.styleUrlSuffix;
+}
+
+function convertCenter(center) {
+    return [center.lon, center.lat];
+}
+
+},{"../../components/dragelement":625,"../../components/fx":645,"../../lib":728,"../cartesian/select":788,"./constants":823,"./layers":826,"./layout_attributes":827,"mapbox-gl":343}],830:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// This is used exclusively by components inside component arrays,
+// hence the 'arraydraw' editType. If this ever gets used elsewhere
+// we could generalize it as a function ala font_attributes
+module.exports = {
+    t: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'arraydraw',
+        
+    },
+    r: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'arraydraw',
+        
+    },
+    b: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'arraydraw',
+        
+    },
+    l: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'arraydraw',
+        
+    },
+    editType: 'arraydraw'
+};
+
+},{}],831:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+
+var Plotly = require('../plotly');
+var PlotSchema = require('../plot_api/plot_schema');
+var Registry = require('../registry');
+var Lib = require('../lib');
+var Color = require('../components/color');
+var BADNUM = require('../constants/numerical').BADNUM;
+
+var plots = module.exports = {};
+
+var animationAttrs = require('./animation_attributes');
+var frameAttrs = require('./frame_attributes');
+
+var relinkPrivateKeys = Lib.relinkPrivateKeys;
+
+// Expose registry methods on Plots for backward-compatibility
+Lib.extendFlat(plots, Registry);
+
+plots.attributes = require('./attributes');
+plots.attributes.type.values = plots.allTypes;
+plots.fontAttrs = require('./font_attributes');
+plots.layoutAttributes = require('./layout_attributes');
+
+// TODO make this a plot attribute?
+plots.fontWeight = 'normal';
+
+var subplotsRegistry = plots.subplotsRegistry;
+var transformsRegistry = plots.transformsRegistry;
+
+var ErrorBars = require('../components/errorbars');
+
+var commandModule = require('./command');
+plots.executeAPICommand = commandModule.executeAPICommand;
+plots.computeAPICommandBindings = commandModule.computeAPICommandBindings;
+plots.manageCommandObserver = commandModule.manageCommandObserver;
+plots.hasSimpleAPICommandBindings = commandModule.hasSimpleAPICommandBindings;
+
+/**
+ * Find subplot ids in data.
+ * Meant to be used in the defaults step.
+ *
+ * Use plots.getSubplotIds to grab the current
+ * subplot ids later on in Plotly.plot.
+ *
+ * @param {array} data plotly data array
+ *      (intended to be _fullData, but does not have to be).
+ * @param {string} type subplot type to look for.
+ *
+ * @return {array} list of subplot ids (strings).
+ *      N.B. these ids possibly un-ordered.
+ *
+ * TODO incorporate cartesian/gl2d axis finders in this paradigm.
+ */
+plots.findSubplotIds = function findSubplotIds(data, type) {
+    var subplotIds = [];
+
+    if(!plots.subplotsRegistry[type]) return subplotIds;
+
+    var attr = plots.subplotsRegistry[type].attr;
+
+    for(var i = 0; i < data.length; i++) {
+        var trace = data[i];
+
+        if(plots.traceIs(trace, type) && subplotIds.indexOf(trace[attr]) === -1) {
+            subplotIds.push(trace[attr]);
+        }
+    }
+
+    return subplotIds;
+};
+
+/**
+ * Get the ids of the current subplots.
+ *
+ * @param {object} layout plotly full layout object.
+ * @param {string} type subplot type to look for.
+ *
+ * @return {array} list of ordered subplot ids (strings).
+ *
+ */
+plots.getSubplotIds = function getSubplotIds(layout, type) {
+    var _module = plots.subplotsRegistry[type];
+
+    if(!_module) return [];
+
+    // layout must be 'fullLayout' here
+    if(type === 'cartesian' && (!layout._has || !layout._has('cartesian'))) return [];
+    if(type === 'gl2d' && (!layout._has || !layout._has('gl2d'))) return [];
+    if(type === 'cartesian' || type === 'gl2d') {
+        return Object.keys(layout._plots || {});
+    }
+
+    var attrRegex = _module.attrRegex,
+        layoutKeys = Object.keys(layout),
+        subplotIds = [];
+
+    for(var i = 0; i < layoutKeys.length; i++) {
+        var layoutKey = layoutKeys[i];
+
+        if(attrRegex.test(layoutKey)) subplotIds.push(layoutKey);
+    }
+
+    // order the ids
+    var idLen = _module.idRoot.length;
+    subplotIds.sort(function(a, b) {
+        var aNum = +(a.substr(idLen) || 1),
+            bNum = +(b.substr(idLen) || 1);
+        return aNum - bNum;
+    });
+
+    return subplotIds;
+};
+
+/**
+ * Get the data trace(s) associated with a given subplot.
+ *
+ * @param {array} data  plotly full data array.
+ * @param {string} type subplot type to look for.
+ * @param {string} subplotId subplot id to look for.
+ *
+ * @return {array} list of trace objects.
+ *
+ */
+plots.getSubplotData = function getSubplotData(data, type, subplotId) {
+    if(!plots.subplotsRegistry[type]) return [];
+
+    var attr = plots.subplotsRegistry[type].attr,
+        subplotData = [],
+        trace;
+
+    for(var i = 0; i < data.length; i++) {
+        trace = data[i];
+
+        if(type === 'gl2d' && plots.traceIs(trace, 'gl2d')) {
+            var spmatch = Plotly.Axes.subplotMatch,
+                subplotX = 'x' + subplotId.match(spmatch)[1],
+                subplotY = 'y' + subplotId.match(spmatch)[2];
+
+            if(trace[attr[0]] === subplotX && trace[attr[1]] === subplotY) {
+                subplotData.push(trace);
+            }
+        }
+        else {
+            if(trace[attr] === subplotId) subplotData.push(trace);
+        }
+    }
+
+    return subplotData;
+};
+
+/**
+ * Get calcdata traces(s) associated with a given subplot
+ *
+ * @param {array} calcData (as in gd.calcdata)
+ * @param {string} type subplot type
+ * @param {string} subplotId subplot id to look for
+ *
+ * @return {array} array of calcdata traces
+ */
+plots.getSubplotCalcData = function(calcData, type, subplotId) {
+    if(!plots.subplotsRegistry[type]) return [];
+
+    var attr = plots.subplotsRegistry[type].attr;
+    var subplotCalcData = [];
+
+    for(var i = 0; i < calcData.length; i++) {
+        var calcTrace = calcData[i],
+            trace = calcTrace[0].trace;
+
+        if(trace[attr] === subplotId) subplotCalcData.push(calcTrace);
+    }
+
+    return subplotCalcData;
+};
+
+// in some cases the browser doesn't seem to know how big
+// the text is at first, so it needs to draw it,
+// then wait a little, then draw it again
+plots.redrawText = function(gd) {
+
+    // do not work if polar is present
+    if((gd.data && gd.data[0] && gd.data[0].r)) return;
+
+    return new Promise(function(resolve) {
+        setTimeout(function() {
+            Registry.getComponentMethod('annotations', 'draw')(gd);
+            Registry.getComponentMethod('legend', 'draw')(gd);
+
+            (gd.calcdata || []).forEach(function(d) {
+                if(d[0] && d[0].t && d[0].t.cb) d[0].t.cb();
+            });
+
+            resolve(plots.previousPromises(gd));
+        }, 300);
+    });
+};
+
+// resize plot about the container size
+plots.resize = function(gd) {
+    return new Promise(function(resolve, reject) {
+
+        function isHidden(gd) {
+            var display = window.getComputedStyle(gd).display;
+            return !display || display === 'none';
+        }
+
+        if(!gd || isHidden(gd)) {
+            reject(new Error('Resize must be passed a displayed plot div element.'));
+        }
+
+        if(gd._redrawTimer) clearTimeout(gd._redrawTimer);
+
+        gd._redrawTimer = setTimeout(function() {
+            // return if there is nothing to resize
+            if(gd.layout.width && gd.layout.height) {
+                resolve(gd);
+                return;
+            }
+
+            delete gd.layout.width;
+            delete gd.layout.height;
+
+            // autosizing doesn't count as a change that needs saving
+            var oldchanged = gd.changed;
+
+            // nor should it be included in the undo queue
+            gd.autoplay = true;
+
+            Plotly.relayout(gd, { autosize: true }).then(function() {
+                gd.changed = oldchanged;
+                resolve(gd);
+            });
+        }, 100);
+    });
+};
+
+
+// for use in Lib.syncOrAsync, check if there are any
+// pending promises in this plot and wait for them
+plots.previousPromises = function(gd) {
+    if((gd._promises || []).length) {
+        return Promise.all(gd._promises)
+            .then(function() { gd._promises = []; });
+    }
+};
+
+/**
+ * Adds the 'Edit chart' link.
+ * Note that now Plotly.plot() calls this so it can regenerate whenever it replots
+ *
+ * Add source links to your graph inside the 'showSources' config argument.
+ */
+plots.addLinks = function(gd) {
+    // Do not do anything if showLink and showSources are not set to true in config
+    if(!gd._context.showLink && !gd._context.showSources) return;
+
+    var fullLayout = gd._fullLayout;
+
+    var linkContainer = fullLayout._paper
+        .selectAll('text.js-plot-link-container').data([0]);
+
+    linkContainer.enter().append('text')
+        .classed('js-plot-link-container', true)
+        .style({
+            'font-family': '"Open Sans", Arial, sans-serif',
+            'font-size': '12px',
+            'fill': Color.defaultLine,
+            'pointer-events': 'all'
+        })
+        .each(function() {
+            var links = d3.select(this);
+            links.append('tspan').classed('js-link-to-tool', true);
+            links.append('tspan').classed('js-link-spacer', true);
+            links.append('tspan').classed('js-sourcelinks', true);
+        });
+
+    // The text node inside svg
+    var text = linkContainer.node(),
+        attrs = {
+            y: fullLayout._paper.attr('height') - 9
+        };
+
+    // If text's width is bigger than the layout
+    // Check that text is a child node or document.body
+    // because otherwise IE/Edge might throw an exception
+    // when calling getComputedTextLength().
+    // Apparently offsetParent is null for invisibles.
+    if(document.body.contains(text) && text.getComputedTextLength() >= (fullLayout.width - 20)) {
+        // Align the text at the left
+        attrs['text-anchor'] = 'start';
+        attrs.x = 5;
+    }
+    else {
+        // Align the text at the right
+        attrs['text-anchor'] = 'end';
+        attrs.x = fullLayout._paper.attr('width') - 7;
+    }
+
+    linkContainer.attr(attrs);
+
+    var toolspan = linkContainer.select('.js-link-to-tool'),
+        spacespan = linkContainer.select('.js-link-spacer'),
+        sourcespan = linkContainer.select('.js-sourcelinks');
+
+    if(gd._context.showSources) gd._context.showSources(gd);
+
+    // 'view in plotly' link for embedded plots
+    if(gd._context.showLink) positionPlayWithData(gd, toolspan);
+
+    // separator if we have both sources and tool link
+    spacespan.text((toolspan.text() && sourcespan.text()) ? ' - ' : '');
+};
+
+// note that now this function is only adding the brand in
+// iframes and 3rd-party apps
+function positionPlayWithData(gd, container) {
+    container.text('');
+    var link = container.append('a')
+        .attr({
+            'xlink:xlink:href': '#',
+            'class': 'link--impt link--embedview',
+            'font-weight': 'bold'
+        })
+        .text(gd._context.linkText + ' ' + String.fromCharCode(187));
+
+    if(gd._context.sendData) {
+        link.on('click', function() {
+            plots.sendDataToCloud(gd);
+        });
+    }
+    else {
+        var path = window.location.pathname.split('/');
+        var query = window.location.search;
+        link.attr({
+            'xlink:xlink:show': 'new',
+            'xlink:xlink:href': '/' + path[2].split('.')[0] + '/' + path[1] + query
+        });
+    }
+}
+
+plots.sendDataToCloud = function(gd) {
+    gd.emit('plotly_beforeexport');
+
+    var baseUrl = (window.PLOTLYENV && window.PLOTLYENV.BASE_URL) || 'https://plot.ly';
+
+    var hiddenformDiv = d3.select(gd)
+        .append('div')
+        .attr('id', 'hiddenform')
+        .style('display', 'none');
+
+    var hiddenform = hiddenformDiv
+        .append('form')
+        .attr({
+            action: baseUrl + '/external',
+            method: 'post',
+            target: '_blank'
+        });
+
+    var hiddenformInput = hiddenform
+        .append('input')
+        .attr({
+            type: 'text',
+            name: 'data'
+        });
+
+    hiddenformInput.node().value = plots.graphJson(gd, false, 'keepdata');
+    hiddenform.node().submit();
+    hiddenformDiv.remove();
+
+    gd.emit('plotly_afterexport');
+    return false;
+};
+
+// Fill in default values:
+//
+// gd.data, gd.layout:
+//   are precisely what the user specified,
+//   these fields shouldn't be modified nor used directly
+//   after the supply defaults step.
+//
+// gd._fullData, gd._fullLayout:
+//   are complete descriptions of how to draw the plot,
+//   use these fields in all required computations.
+//
+// gd._fullLayout._modules
+//   is a list of all the trace modules required to draw the plot.
+//
+// gd._fullLayout._basePlotModules
+//   is a list of all the plot modules required to draw the plot.
+//
+// gd._fullLayout._transformModules
+//   is a list of all the transform modules invoked.
+//
+plots.supplyDefaults = function(gd) {
+    var oldFullLayout = gd._fullLayout || {},
+        newFullLayout = gd._fullLayout = {},
+        newLayout = gd.layout || {};
+
+    var oldFullData = gd._fullData || [],
+        newFullData = gd._fullData = [],
+        newData = gd.data || [];
+
+    var i;
+
+    // Create all the storage space for frames, but only if doesn't already exist
+    if(!gd._transitionData) plots.createTransitionData(gd);
+
+    // first fill in what we can of layout without looking at data
+    // because fullData needs a few things from layout
+
+    if(oldFullLayout._initialAutoSizeIsDone) {
+
+        // coerce the updated layout while preserving width and height
+        var oldWidth = oldFullLayout.width,
+            oldHeight = oldFullLayout.height;
+
+        plots.supplyLayoutGlobalDefaults(newLayout, newFullLayout);
+
+        if(!newLayout.width) newFullLayout.width = oldWidth;
+        if(!newLayout.height) newFullLayout.height = oldHeight;
+    }
+    else {
+
+        // coerce the updated layout and autosize if needed
+        plots.supplyLayoutGlobalDefaults(newLayout, newFullLayout);
+
+        var missingWidthOrHeight = (!newLayout.width || !newLayout.height),
+            autosize = newFullLayout.autosize,
+            autosizable = gd._context && gd._context.autosizable,
+            initialAutoSize = missingWidthOrHeight && (autosize || autosizable);
+
+        if(initialAutoSize) plots.plotAutoSize(gd, newLayout, newFullLayout);
+        else if(missingWidthOrHeight) plots.sanitizeMargins(gd);
+
+        // for backwards-compatibility with Plotly v1.x.x
+        if(!autosize && missingWidthOrHeight) {
+            newLayout.width = newFullLayout.width;
+            newLayout.height = newFullLayout.height;
+        }
+    }
+
+    newFullLayout._initialAutoSizeIsDone = true;
+
+    // keep track of how many traces are inputted
+    newFullLayout._dataLength = newData.length;
+
+    // then do the data
+    newFullLayout._globalTransforms = (gd._context || {}).globalTransforms;
+    plots.supplyDataDefaults(newData, newFullData, newLayout, newFullLayout);
+
+    // attach helper method to check whether a plot type is present on graph
+    newFullLayout._has = plots._hasPlotType.bind(newFullLayout);
+
+    // special cases that introduce interactions between traces
+    var _modules = newFullLayout._modules;
+    for(i = 0; i < _modules.length; i++) {
+        var _module = _modules[i];
+        if(_module.cleanData) _module.cleanData(newFullData);
+    }
+
+    if(oldFullData.length === newData.length) {
+        for(i = 0; i < newFullData.length; i++) {
+            relinkPrivateKeys(newFullData[i], oldFullData[i]);
+        }
+    }
+
+    // finally, fill in the pieces of layout that may need to look at data
+    plots.supplyLayoutModuleDefaults(newLayout, newFullLayout, newFullData, gd._transitionData);
+
+    // TODO remove in v2.0.0
+    // add has-plot-type refs to fullLayout for backward compatibility
+    newFullLayout._hasCartesian = newFullLayout._has('cartesian');
+    newFullLayout._hasGeo = newFullLayout._has('geo');
+    newFullLayout._hasGL3D = newFullLayout._has('gl3d');
+    newFullLayout._hasGL2D = newFullLayout._has('gl2d');
+    newFullLayout._hasTernary = newFullLayout._has('ternary');
+    newFullLayout._hasPie = newFullLayout._has('pie');
+
+    // clean subplots and other artifacts from previous plot calls
+    plots.cleanPlot(newFullData, newFullLayout, oldFullData, oldFullLayout);
+
+    // relink / initialize subplot axis objects
+    plots.linkSubplots(newFullData, newFullLayout, oldFullData, oldFullLayout);
+
+    // relink functions and _ attributes to promote consistency between plots
+    relinkPrivateKeys(newFullLayout, oldFullLayout);
+
+    // TODO may return a promise
+    plots.doAutoMargin(gd);
+
+    // set scale after auto margin routine
+    var axList = Plotly.Axes.list(gd);
+    for(i = 0; i < axList.length; i++) {
+        var ax = axList[i];
+        ax.setScale();
+    }
+
+    // update object references in calcdata
+    if((gd.calcdata || []).length === newFullData.length) {
+        for(i = 0; i < newFullData.length; i++) {
+            var newTrace = newFullData[i];
+            var cd0 = gd.calcdata[i][0];
+            if(cd0 && cd0.trace) {
+                if(cd0.trace._hasCalcTransform) {
+                    remapTransformedArrays(cd0, newTrace);
+                } else {
+                    cd0.trace = newTrace;
+                }
+            }
+        }
+    }
+};
+
+function remapTransformedArrays(cd0, newTrace) {
+    var oldTrace = cd0.trace;
+    var arrayAttrs = oldTrace._arrayAttrs;
+    var transformedArrayHash = {};
+    var i, astr;
+
+    for(i = 0; i < arrayAttrs.length; i++) {
+        astr = arrayAttrs[i];
+        transformedArrayHash[astr] = Lib.nestedProperty(oldTrace, astr).get().slice();
+    }
+
+    cd0.trace = newTrace;
+
+    for(i = 0; i < arrayAttrs.length; i++) {
+        astr = arrayAttrs[i];
+        Lib.nestedProperty(cd0.trace, astr).set(transformedArrayHash[astr]);
+    }
+}
+
+// Create storage for all of the data related to frames and transitions:
+plots.createTransitionData = function(gd) {
+    // Set up the default keyframe if it doesn't exist:
+    if(!gd._transitionData) {
+        gd._transitionData = {};
+    }
+
+    if(!gd._transitionData._frames) {
+        gd._transitionData._frames = [];
+    }
+
+    if(!gd._transitionData._frameHash) {
+        gd._transitionData._frameHash = {};
+    }
+
+    if(!gd._transitionData._counter) {
+        gd._transitionData._counter = 0;
+    }
+
+    if(!gd._transitionData._interruptCallbacks) {
+        gd._transitionData._interruptCallbacks = [];
+    }
+};
+
+// helper function to be bound to fullLayout to check
+// whether a certain plot type is present on plot
+plots._hasPlotType = function(category) {
+    var basePlotModules = this._basePlotModules || [];
+
+    for(var i = 0; i < basePlotModules.length; i++) {
+        var _module = basePlotModules[i];
+
+        if(_module.name === category) return true;
+    }
+
+    return false;
+};
+
+plots.cleanPlot = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var i, j;
+
+    var basePlotModules = oldFullLayout._basePlotModules || [];
+    for(i = 0; i < basePlotModules.length; i++) {
+        var _module = basePlotModules[i];
+
+        if(_module.clean) {
+            _module.clean(newFullData, newFullLayout, oldFullData, oldFullLayout);
+        }
+    }
+
+    var hasPaper = !!oldFullLayout._paper;
+    var hasInfoLayer = !!oldFullLayout._infolayer;
+
+    oldLoop:
+    for(i = 0; i < oldFullData.length; i++) {
+        var oldTrace = oldFullData[i],
+            oldUid = oldTrace.uid;
+
+        for(j = 0; j < newFullData.length; j++) {
+            var newTrace = newFullData[j];
+
+            if(oldUid === newTrace.uid) continue oldLoop;
+        }
+
+        var query = (
+            '.hm' + oldUid +
+            ',.contour' + oldUid +
+            ',.carpet' + oldUid +
+            ',#clip' + oldUid +
+            ',.trace' + oldUid
+        );
+
+        // clean old heatmap, contour traces and clip paths
+        // that rely on uid identifiers
+        if(hasPaper) {
+            oldFullLayout._paper.selectAll(query).remove();
+        }
+
+        // clean old colorbars and range slider plot
+        if(hasInfoLayer) {
+            oldFullLayout._infolayer.selectAll('.cb' + oldUid).remove();
+
+            oldFullLayout._infolayer.selectAll('g.rangeslider-container')
+                .selectAll(query).remove();
+        }
+    }
+
+    if(oldFullLayout._zoomlayer) {
+        oldFullLayout._zoomlayer.selectAll('.select-outline').remove();
+    }
+};
+
+plots.linkSubplots = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldSubplots = oldFullLayout._plots || {},
+        newSubplots = newFullLayout._plots = {};
+
+    var mockGd = {
+        _fullData: newFullData,
+        _fullLayout: newFullLayout
+    };
+
+    var ids = Plotly.Axes.getSubplots(mockGd);
+
+    var i;
+
+    for(i = 0; i < ids.length; i++) {
+        var id = ids[i];
+        var oldSubplot = oldSubplots[id];
+        var xaxis = Plotly.Axes.getFromId(mockGd, id, 'x');
+        var yaxis = Plotly.Axes.getFromId(mockGd, id, 'y');
+        var plotinfo;
+
+        if(oldSubplot) {
+            plotinfo = newSubplots[id] = oldSubplot;
+
+            if(plotinfo._scene2d) {
+                plotinfo._scene2d.updateRefs(newFullLayout);
+            }
+
+            if(plotinfo.xaxis.layer !== xaxis.layer) {
+                plotinfo.xlines.attr('d', null);
+                plotinfo.xaxislayer.selectAll('*').remove();
+            }
+
+            if(plotinfo.yaxis.layer !== yaxis.layer) {
+                plotinfo.ylines.attr('d', null);
+                plotinfo.yaxislayer.selectAll('*').remove();
+            }
+        } else {
+            plotinfo = newSubplots[id] = {};
+            plotinfo.id = id;
+        }
+
+        plotinfo.xaxis = xaxis;
+        plotinfo.yaxis = yaxis;
+
+        // By default, we clip at the subplot level,
+        // but if one trace on a given subplot has *cliponaxis* set to false,
+        // we need to clip at the trace module layer level;
+        // find this out here, once of for all.
+        plotinfo._hasClipOnAxisFalse = false;
+
+        for(var j = 0; j < newFullData.length; j++) {
+            var trace = newFullData[j];
+
+            if(
+                trace.xaxis === plotinfo.xaxis._id &&
+                trace.yaxis === plotinfo.yaxis._id &&
+                trace.cliponaxis === false
+            ) {
+                plotinfo._hasClipOnAxisFalse = true;
+                break;
+            }
+        }
+    }
+
+    // while we're at it, link overlaying axes to their main axes and
+    // anchored axes to the axes they're anchored to
+    var axList = Plotly.Axes.list(mockGd, null, true);
+    for(i = 0; i < axList.length; i++) {
+        var ax = axList[i];
+        var mainAx = null;
+
+        if(ax.overlaying) {
+            mainAx = Plotly.Axes.getFromId(mockGd, ax.overlaying);
+
+            // you cannot overlay an axis that's already overlaying another
+            if(mainAx && mainAx.overlaying) {
+                ax.overlaying = false;
+                mainAx = null;
+            }
+        }
+        ax._mainAxis = mainAx || ax;
+
+        /*
+         * For now force overlays to overlay completely... so they
+         * can drag together correctly and share backgrounds.
+         * Later perhaps we make separate axis domain and
+         * tick/line domain or something, so they can still share
+         * the (possibly larger) dragger and background but don't
+         * have to both be drawn over that whole domain
+         */
+        if(mainAx) ax.domain = mainAx.domain.slice();
+
+        ax._anchorAxis = ax.anchor === 'free' ?
+            null :
+            Plotly.Axes.getFromId(mockGd, ax.anchor);
+    }
+};
+
+// This function clears any trace attributes with valType: color and
+// no set dflt filed in the plot schema. This is needed because groupby (which
+// is the only transform for which this currently applies) supplies parent
+// trace defaults, then expanded trace defaults. The result is that `null`
+// colors are default-supplied and inherited as a color instead of a null.
+// The result is that expanded trace default colors have no effect, with
+// the final result that groups are indistinguishable. This function clears
+// those colors so that individual groupby groups get unique colors.
+plots.clearExpandedTraceDefaultColors = function(trace) {
+    var colorAttrs, path, i;
+
+    // This uses weird closure state in order to satisfy the linter rule
+    // that we can't create functions in a loop.
+    function locateColorAttrs(attr, attrName, attrs, level) {
+        path[level] = attrName;
+        path.length = level + 1;
+        if(attr.valType === 'color' && attr.dflt === undefined) {
+            colorAttrs.push(path.join('.'));
+        }
+    }
+
+    path = [];
+
+    // Get the cached colorAttrs:
+    colorAttrs = trace._module._colorAttrs;
+
+    // Or else compute and cache the colorAttrs on the module:
+    if(!colorAttrs) {
+        trace._module._colorAttrs = colorAttrs = [];
+        PlotSchema.crawl(
+            trace._module.attributes,
+            locateColorAttrs
+        );
+    }
+
+    for(i = 0; i < colorAttrs.length; i++) {
+        var origprop = Lib.nestedProperty(trace, '_input.' + colorAttrs[i]);
+
+        if(!origprop.get()) {
+            Lib.nestedProperty(trace, colorAttrs[i]).set(null);
+        }
+    }
+};
+
+
+plots.supplyDataDefaults = function(dataIn, dataOut, layout, fullLayout) {
+    var i, fullTrace, trace;
+    var modules = fullLayout._modules = [],
+        basePlotModules = fullLayout._basePlotModules = [],
+        cnt = 0;
+
+    fullLayout._transformModules = [];
+
+    function pushModule(fullTrace) {
+        dataOut.push(fullTrace);
+
+        var _module = fullTrace._module;
+        if(!_module) return;
+
+        Lib.pushUnique(modules, _module);
+        Lib.pushUnique(basePlotModules, fullTrace._module.basePlotModule);
+
+        cnt++;
+    }
+
+    var carpetIndex = {};
+    var carpetDependents = [];
+
+    for(i = 0; i < dataIn.length; i++) {
+        trace = dataIn[i];
+        fullTrace = plots.supplyTraceDefaults(trace, cnt, fullLayout, i);
+
+        fullTrace.index = i;
+        fullTrace._input = trace;
+        fullTrace._expandedIndex = cnt;
+
+        if(fullTrace.transforms && fullTrace.transforms.length) {
+            var expandedTraces = applyTransforms(fullTrace, dataOut, layout, fullLayout);
+
+            for(var j = 0; j < expandedTraces.length; j++) {
+                var expandedTrace = expandedTraces[j];
+                var fullExpandedTrace = plots.supplyTraceDefaults(expandedTrace, cnt, fullLayout, i);
+
+                // relink private (i.e. underscore) keys expanded trace to full expanded trace so
+                // that transform supply-default methods can set _ keys for future use.
+                relinkPrivateKeys(fullExpandedTrace, expandedTrace);
+
+                // mutate uid here using parent uid and expanded index
+                // to promote consistency between update calls
+                expandedTrace.uid = fullExpandedTrace.uid = fullTrace.uid + j;
+
+                // add info about parent data trace
+                fullExpandedTrace.index = i;
+                fullExpandedTrace._input = trace;
+                fullExpandedTrace._fullInput = fullTrace;
+
+                // add info about the expanded data
+                fullExpandedTrace._expandedIndex = cnt;
+                fullExpandedTrace._expandedInput = expandedTrace;
+
+                pushModule(fullExpandedTrace);
+            }
+        }
+        else {
+
+            // add identify refs for consistency with transformed traces
+            fullTrace._fullInput = fullTrace;
+            fullTrace._expandedInput = fullTrace;
+
+            pushModule(fullTrace);
+        }
+
+        if(Registry.traceIs(fullTrace, 'carpetAxis')) {
+            carpetIndex[fullTrace.carpet] = fullTrace;
+        }
+
+        if(Registry.traceIs(fullTrace, 'carpetDependent')) {
+            carpetDependents.push(i);
+        }
+    }
+
+    for(i = 0; i < carpetDependents.length; i++) {
+        fullTrace = dataOut[carpetDependents[i]];
+
+        if(!fullTrace.visible) continue;
+
+        var carpetAxis = carpetIndex[fullTrace.carpet];
+        fullTrace._carpet = carpetAxis;
+
+        if(!carpetAxis || !carpetAxis.visible) {
+            fullTrace.visible = false;
+            continue;
+        }
+
+        fullTrace.xaxis = carpetAxis.xaxis;
+        fullTrace.yaxis = carpetAxis.yaxis;
+    }
+};
+
+plots.supplyAnimationDefaults = function(opts) {
+    opts = opts || {};
+    var i;
+    var optsOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(opts || {}, optsOut, animationAttrs, attr, dflt);
+    }
+
+    coerce('mode');
+    coerce('direction');
+    coerce('fromcurrent');
+
+    if(Array.isArray(opts.frame)) {
+        optsOut.frame = [];
+        for(i = 0; i < opts.frame.length; i++) {
+            optsOut.frame[i] = plots.supplyAnimationFrameDefaults(opts.frame[i] || {});
+        }
+    } else {
+        optsOut.frame = plots.supplyAnimationFrameDefaults(opts.frame || {});
+    }
+
+    if(Array.isArray(opts.transition)) {
+        optsOut.transition = [];
+        for(i = 0; i < opts.transition.length; i++) {
+            optsOut.transition[i] = plots.supplyAnimationTransitionDefaults(opts.transition[i] || {});
+        }
+    } else {
+        optsOut.transition = plots.supplyAnimationTransitionDefaults(opts.transition || {});
+    }
+
+    return optsOut;
+};
+
+plots.supplyAnimationFrameDefaults = function(opts) {
+    var optsOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(opts || {}, optsOut, animationAttrs.frame, attr, dflt);
+    }
+
+    coerce('duration');
+    coerce('redraw');
+
+    return optsOut;
+};
+
+plots.supplyAnimationTransitionDefaults = function(opts) {
+    var optsOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(opts || {}, optsOut, animationAttrs.transition, attr, dflt);
+    }
+
+    coerce('duration');
+    coerce('easing');
+
+    return optsOut;
+};
+
+plots.supplyFrameDefaults = function(frameIn) {
+    var frameOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(frameIn, frameOut, frameAttrs, attr, dflt);
+    }
+
+    coerce('group');
+    coerce('name');
+    coerce('traces');
+    coerce('baseframe');
+    coerce('data');
+    coerce('layout');
+
+    return frameOut;
+};
+
+plots.supplyTraceDefaults = function(traceIn, traceOutIndex, layout, traceInIndex) {
+    var traceOut = {},
+        defaultColor = Color.defaults[traceOutIndex % Color.defaults.length];
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, plots.attributes, attr, dflt);
+    }
+
+    function coerceSubplotAttr(subplotType, subplotAttr) {
+        if(!plots.traceIs(traceOut, subplotType)) return;
+
+        return Lib.coerce(traceIn, traceOut,
+            plots.subplotsRegistry[subplotType].attributes, subplotAttr);
+    }
+
+    var visible = coerce('visible');
+
+    coerce('type');
+    coerce('uid');
+    coerce('name', 'trace ' + traceInIndex);
+
+    // coerce subplot attributes of all registered subplot types
+    var subplotTypes = Object.keys(subplotsRegistry);
+    for(var i = 0; i < subplotTypes.length; i++) {
+        var subplotType = subplotTypes[i];
+
+        // done below (only when visible is true)
+        // TODO unified this pattern
+        if(['cartesian', 'gl2d'].indexOf(subplotType) !== -1) continue;
+
+        var attr = subplotsRegistry[subplotType].attr;
+
+        if(attr) coerceSubplotAttr(subplotType, attr);
+    }
+
+    if(visible) {
+        coerce('customdata');
+        coerce('ids');
+
+        var _module = plots.getModule(traceOut);
+        traceOut._module = _module;
+
+        if(plots.traceIs(traceOut, 'showLegend')) {
+            coerce('showlegend');
+            coerce('legendgroup');
+        }
+
+        Registry.getComponentMethod(
+            'fx',
+            'supplyDefaults'
+        )(traceIn, traceOut, defaultColor, layout);
+
+        // TODO add per-base-plot-module trace defaults step
+
+        if(_module) {
+            _module.supplyDefaults(traceIn, traceOut, defaultColor, layout);
+            Lib.coerceHoverinfo(traceIn, traceOut, layout);
+        }
+
+        if(!plots.traceIs(traceOut, 'noOpacity')) coerce('opacity');
+
+        coerceSubplotAttr('cartesian', 'xaxis');
+        coerceSubplotAttr('cartesian', 'yaxis');
+
+        coerceSubplotAttr('gl2d', 'xaxis');
+        coerceSubplotAttr('gl2d', 'yaxis');
+
+        if(plots.traceIs(traceOut, 'notLegendIsolatable')) {
+            // This clears out the legendonly state for traces like carpet that
+            // cannot be isolated in the legend
+            traceOut.visible = !!traceOut.visible;
+        }
+
+        plots.supplyTransformDefaults(traceIn, traceOut, layout);
+    }
+
+    return traceOut;
+};
+
+plots.supplyTransformDefaults = function(traceIn, traceOut, layout) {
+    var globalTransforms = layout._globalTransforms || [];
+    var transformModules = layout._transformModules || [];
+
+    if(!Array.isArray(traceIn.transforms) && globalTransforms.length === 0) return;
+
+    var containerIn = traceIn.transforms || [],
+        transformList = globalTransforms.concat(containerIn),
+        containerOut = traceOut.transforms = [];
+
+    for(var i = 0; i < transformList.length; i++) {
+        var transformIn = transformList[i],
+            type = transformIn.type,
+            _module = transformsRegistry[type],
+            transformOut;
+
+        /*
+         * Supply defaults may run twice. First pass runs all supply defaults steps
+         * and adds the _module to any output transforms.
+         * If transforms exist another pass is run so that any generated traces also
+         * go through supply defaults. This has the effect of rerunning
+         * supplyTransformDefaults. If the transform does not have a `transform`
+         * function it could not have generated any new traces and the second stage
+         * is unnecessary. We detect this case with the following variables.
+         */
+        var isFirstStage = !(transformIn._module && transformIn._module === _module),
+            doLaterStages = _module && typeof _module.transform === 'function';
+
+        if(!_module) Lib.warn('Unrecognized transform type ' + type + '.');
+
+        if(_module && _module.supplyDefaults && (isFirstStage || doLaterStages)) {
+            transformOut = _module.supplyDefaults(transformIn, traceOut, layout, traceIn);
+            transformOut.type = type;
+            transformOut._module = _module;
+
+            Lib.pushUnique(transformModules, _module);
+        }
+        else {
+            transformOut = Lib.extendFlat({}, transformIn);
+        }
+
+        containerOut.push(transformOut);
+    }
+};
+
+function applyTransforms(fullTrace, fullData, layout, fullLayout) {
+    var container = fullTrace.transforms,
+        dataOut = [fullTrace];
+
+    for(var i = 0; i < container.length; i++) {
+        var transform = container[i],
+            _module = transformsRegistry[transform.type];
+
+        if(_module && _module.transform) {
+            dataOut = _module.transform(dataOut, {
+                transform: transform,
+                fullTrace: fullTrace,
+                fullData: fullData,
+                layout: layout,
+                fullLayout: fullLayout,
+                transformIndex: i
+            });
+        }
+    }
+
+    return dataOut;
+}
+
+plots.supplyLayoutGlobalDefaults = function(layoutIn, layoutOut) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, plots.layoutAttributes, attr, dflt);
+    }
+
+    var globalFont = Lib.coerceFont(coerce, 'font');
+
+    coerce('title');
+
+    Lib.coerceFont(coerce, 'titlefont', {
+        family: globalFont.family,
+        size: Math.round(globalFont.size * 1.4),
+        color: globalFont.color
+    });
+
+    // Make sure that autosize is defaulted to *true*
+    // on layouts with no set width and height for backward compatibly,
+    // in particular https://plot.ly/javascript/responsive-fluid-layout/
+    //
+    // Before https://github.com/plotly/plotly.js/pull/635 ,
+    // layouts with no set width and height were set temporary set to 'initial'
+    // to pass through the autosize routine
+    //
+    // This behavior is subject to change in v2.
+    coerce('autosize', !(layoutIn.width && layoutIn.height));
+
+    coerce('width');
+    coerce('height');
+    coerce('margin.l');
+    coerce('margin.r');
+    coerce('margin.t');
+    coerce('margin.b');
+    coerce('margin.pad');
+    coerce('margin.autoexpand');
+
+    if(layoutIn.width && layoutIn.height) plots.sanitizeMargins(layoutOut);
+
+    coerce('paper_bgcolor');
+
+    coerce('separators');
+    coerce('hidesources');
+    coerce('smith');
+
+    Registry.getComponentMethod(
+        'calendars',
+        'handleDefaults'
+    )(layoutIn, layoutOut, 'calendar');
+
+    Registry.getComponentMethod(
+        'fx',
+        'supplyLayoutGlobalDefaults'
+    )(layoutIn, layoutOut, coerce);
+};
+
+plots.plotAutoSize = function plotAutoSize(gd, layout, fullLayout) {
+    var context = gd._context || {},
+        frameMargins = context.frameMargins,
+        newWidth,
+        newHeight;
+
+    var isPlotDiv = Lib.isPlotDiv(gd);
+
+    if(isPlotDiv) gd.emit('plotly_autosize');
+
+    // embedded in an iframe - just take the full iframe size
+    // if we get to this point, with no aspect ratio restrictions
+    if(context.fillFrame) {
+        newWidth = window.innerWidth;
+        newHeight = window.innerHeight;
+
+        // somehow we get a few extra px height sometimes...
+        // just hide it
+        document.body.style.overflow = 'hidden';
+    }
+    else if(isNumeric(frameMargins) && frameMargins > 0) {
+        var reservedMargins = calculateReservedMargins(gd._boundingBoxMargins),
+            reservedWidth = reservedMargins.left + reservedMargins.right,
+            reservedHeight = reservedMargins.bottom + reservedMargins.top,
+            factor = 1 - 2 * frameMargins;
+
+        var gdBB = fullLayout._container && fullLayout._container.node ?
+            fullLayout._container.node().getBoundingClientRect() : {
+                width: fullLayout.width,
+                height: fullLayout.height
+            };
+
+        newWidth = Math.round(factor * (gdBB.width - reservedWidth));
+        newHeight = Math.round(factor * (gdBB.height - reservedHeight));
+    }
+    else {
+        // plotly.js - let the developers do what they want, either
+        // provide height and width for the container div,
+        // specify size in layout, or take the defaults,
+        // but don't enforce any ratio restrictions
+        var computedStyle = isPlotDiv ? window.getComputedStyle(gd) : {};
+
+        newWidth = parseFloat(computedStyle.width) || fullLayout.width;
+        newHeight = parseFloat(computedStyle.height) || fullLayout.height;
+    }
+
+    var minWidth = plots.layoutAttributes.width.min,
+        minHeight = plots.layoutAttributes.height.min;
+    if(newWidth < minWidth) newWidth = minWidth;
+    if(newHeight < minHeight) newHeight = minHeight;
+
+    var widthHasChanged = !layout.width &&
+            (Math.abs(fullLayout.width - newWidth) > 1),
+        heightHasChanged = !layout.height &&
+            (Math.abs(fullLayout.height - newHeight) > 1);
+
+    if(heightHasChanged || widthHasChanged) {
+        if(widthHasChanged) fullLayout.width = newWidth;
+        if(heightHasChanged) fullLayout.height = newHeight;
+    }
+
+    // cache initial autosize value, used in relayout when
+    // width or height values are set to null
+    if(!gd._initialAutoSize) {
+        gd._initialAutoSize = { width: newWidth, height: newHeight };
+    }
+
+    plots.sanitizeMargins(fullLayout);
+};
+
+/**
+ * Reduce all reserved margin objects to a single required margin reservation.
+ *
+ * @param {Object} margins
+ * @returns {{left: number, right: number, bottom: number, top: number}}
+ */
+function calculateReservedMargins(margins) {
+    var resultingMargin = {left: 0, right: 0, bottom: 0, top: 0},
+        marginName;
+
+    if(margins) {
+        for(marginName in margins) {
+            if(margins.hasOwnProperty(marginName)) {
+                resultingMargin.left += margins[marginName].left || 0;
+                resultingMargin.right += margins[marginName].right || 0;
+                resultingMargin.bottom += margins[marginName].bottom || 0;
+                resultingMargin.top += margins[marginName].top || 0;
+            }
+        }
+    }
+    return resultingMargin;
+}
+
+plots.supplyLayoutModuleDefaults = function(layoutIn, layoutOut, fullData, transitionData) {
+    var i, _module;
+
+    // can't be be part of basePlotModules loop
+    // in order to handle the orphan axes case
+    Plotly.Axes.supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+
+    // base plot module layout defaults
+    var basePlotModules = layoutOut._basePlotModules;
+    for(i = 0; i < basePlotModules.length; i++) {
+        _module = basePlotModules[i];
+
+        // done above already
+        if(_module.name === 'cartesian') continue;
+
+        // e.g. gl2d does not have a layout-defaults step
+        if(_module.supplyLayoutDefaults) {
+            _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+        }
+    }
+
+    // trace module layout defaults
+    var modules = layoutOut._modules;
+    for(i = 0; i < modules.length; i++) {
+        _module = modules[i];
+
+        if(_module.supplyLayoutDefaults) {
+            _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+        }
+    }
+
+    // transform module layout defaults
+    var transformModules = layoutOut._transformModules;
+    for(i = 0; i < transformModules.length; i++) {
+        _module = transformModules[i];
+
+        if(_module.supplyLayoutDefaults) {
+            _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData, transitionData);
+        }
+    }
+
+    var components = Object.keys(Registry.componentsRegistry);
+    for(i = 0; i < components.length; i++) {
+        _module = Registry.componentsRegistry[components[i]];
+
+        if(_module.supplyLayoutDefaults) {
+            _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+        }
+    }
+};
+
+// Remove all plotly attributes from a div so it can be replotted fresh
+// TODO: these really need to be encapsulated into a much smaller set...
+plots.purge = function(gd) {
+
+    // note: we DO NOT remove _context because it doesn't change when we insert
+    // a new plot, and may have been set outside of our scope.
+
+    var fullLayout = gd._fullLayout || {};
+    if(fullLayout._glcontainer !== undefined) fullLayout._glcontainer.remove();
+    if(fullLayout._geocontainer !== undefined) fullLayout._geocontainer.remove();
+
+    // remove modebar
+    if(fullLayout._modeBar) fullLayout._modeBar.destroy();
+
+    if(gd._transitionData) {
+        // Ensure any dangling callbacks are simply dropped if the plot is purged.
+        // This is more or less only actually important for testing.
+        if(gd._transitionData._interruptCallbacks) {
+            gd._transitionData._interruptCallbacks.length = 0;
+        }
+
+        if(gd._transitionData._animationRaf) {
+            window.cancelAnimationFrame(gd._transitionData._animationRaf);
+        }
+    }
+
+    // data and layout
+    delete gd.data;
+    delete gd.layout;
+    delete gd._fullData;
+    delete gd._fullLayout;
+    delete gd.calcdata;
+    delete gd.framework;
+    delete gd.empty;
+
+    delete gd.fid;
+
+    delete gd.undoqueue; // action queue
+    delete gd.undonum;
+    delete gd.autoplay; // are we doing an action that doesn't go in undo queue?
+    delete gd.changed;
+
+    // these get recreated on Plotly.plot anyway, but just to be safe
+    // (and to have a record of them...)
+    delete gd._promises;
+    delete gd._redrawTimer;
+    delete gd.firstscatter;
+    delete gd._hmlumcount;
+    delete gd._hmpixcount;
+    delete gd.numboxes;
+    delete gd._transitionData;
+    delete gd._transitioning;
+    delete gd._initialAutoSize;
+    delete gd._transitioningWithDuration;
+
+    // created during certain events, that *should* clean them up
+    // themselves, but may not if there was an error
+    delete gd._dragging;
+    delete gd._dragged;
+    delete gd._hoverdata;
+    delete gd._snapshotInProgress;
+    delete gd._editing;
+    delete gd._replotPending;
+    delete gd._mouseDownTime;
+    delete gd._legendMouseDownTime;
+
+    // remove all event listeners
+    if(gd.removeAllListeners) gd.removeAllListeners();
+};
+
+plots.style = function(gd) {
+    var _modules = gd._fullLayout._modules;
+
+    for(var i = 0; i < _modules.length; i++) {
+        var _module = _modules[i];
+
+        if(_module.style) _module.style(gd);
+    }
+};
+
+plots.sanitizeMargins = function(fullLayout) {
+    // polar doesn't do margins...
+    if(!fullLayout || !fullLayout.margin) return;
+
+    var width = fullLayout.width,
+        height = fullLayout.height,
+        margin = fullLayout.margin,
+        plotWidth = width - (margin.l + margin.r),
+        plotHeight = height - (margin.t + margin.b),
+        correction;
+
+    // if margin.l + margin.r = 0 then plotWidth > 0
+    // as width >= 10 by supplyDefaults
+    // similarly for margin.t + margin.b
+
+    if(plotWidth < 0) {
+        correction = (width - 1) / (margin.l + margin.r);
+        margin.l = Math.floor(correction * margin.l);
+        margin.r = Math.floor(correction * margin.r);
+    }
+
+    if(plotHeight < 0) {
+        correction = (height - 1) / (margin.t + margin.b);
+        margin.t = Math.floor(correction * margin.t);
+        margin.b = Math.floor(correction * margin.b);
+    }
+};
+
+// called by components to see if we need to
+// expand the margins to show them
+// o is {x,l,r,y,t,b} where x and y are plot fractions,
+// the rest are pixels in each direction
+// or leave o out to delete this entry (like if it's hidden)
+plots.autoMargin = function(gd, id, o) {
+    var fullLayout = gd._fullLayout;
+
+    if(!fullLayout._pushmargin) fullLayout._pushmargin = {};
+
+    if(fullLayout.margin.autoexpand !== false) {
+        if(!o) delete fullLayout._pushmargin[id];
+        else {
+            var pad = o.pad === undefined ? 12 : o.pad;
+
+            // if the item is too big, just give it enough automargin to
+            // make sure you can still grab it and bring it back
+            if(o.l + o.r > fullLayout.width * 0.5) o.l = o.r = 0;
+            if(o.b + o.t > fullLayout.height * 0.5) o.b = o.t = 0;
+
+            fullLayout._pushmargin[id] = {
+                l: {val: o.x, size: o.l + pad},
+                r: {val: o.x, size: o.r + pad},
+                b: {val: o.y, size: o.b + pad},
+                t: {val: o.y, size: o.t + pad}
+            };
+        }
+
+        if(!fullLayout._replotting) plots.doAutoMargin(gd);
+    }
+};
+
+plots.doAutoMargin = function(gd) {
+    var fullLayout = gd._fullLayout;
+    if(!fullLayout._size) fullLayout._size = {};
+    if(!fullLayout._pushmargin) fullLayout._pushmargin = {};
+
+    var gs = fullLayout._size,
+        oldmargins = JSON.stringify(gs);
+
+    // adjust margins for outside components
+    // fullLayout.margin is the requested margin,
+    // fullLayout._size has margins and plotsize after adjustment
+    var ml = Math.max(fullLayout.margin.l || 0, 0),
+        mr = Math.max(fullLayout.margin.r || 0, 0),
+        mt = Math.max(fullLayout.margin.t || 0, 0),
+        mb = Math.max(fullLayout.margin.b || 0, 0),
+        pm = fullLayout._pushmargin;
+
+    if(fullLayout.margin.autoexpand !== false) {
+
+        // fill in the requested margins
+        pm.base = {
+            l: {val: 0, size: ml},
+            r: {val: 1, size: mr},
+            t: {val: 1, size: mt},
+            b: {val: 0, size: mb}
+        };
+
+        // now cycle through all the combinations of l and r
+        // (and t and b) to find the required margins
+
+        var pmKeys = Object.keys(pm);
+
+        for(var i = 0; i < pmKeys.length; i++) {
+            var k1 = pmKeys[i];
+
+            var pushleft = pm[k1].l || {},
+                pushbottom = pm[k1].b || {},
+                fl = pushleft.val,
+                pl = pushleft.size,
+                fb = pushbottom.val,
+                pb = pushbottom.size;
+
+            for(var j = 0; j < pmKeys.length; j++) {
+                var k2 = pmKeys[j];
+
+                if(isNumeric(pl) && pm[k2].r) {
+                    var fr = pm[k2].r.val,
+                        pr = pm[k2].r.size;
+
+                    if(fr > fl) {
+                        var newl = (pl * fr +
+                                (pr - fullLayout.width) * fl) / (fr - fl),
+                            newr = (pr * (1 - fl) +
+                                (pl - fullLayout.width) * (1 - fr)) / (fr - fl);
+                        if(newl >= 0 && newr >= 0 && newl + newr > ml + mr) {
+                            ml = newl;
+                            mr = newr;
+                        }
+                    }
+                }
+
+                if(isNumeric(pb) && pm[k2].t) {
+                    var ft = pm[k2].t.val,
+                        pt = pm[k2].t.size;
+
+                    if(ft > fb) {
+                        var newb = (pb * ft +
+                                (pt - fullLayout.height) * fb) / (ft - fb),
+                            newt = (pt * (1 - fb) +
+                                (pb - fullLayout.height) * (1 - ft)) / (ft - fb);
+                        if(newb >= 0 && newt >= 0 && newb + newt > mb + mt) {
+                            mb = newb;
+                            mt = newt;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    gs.l = Math.round(ml);
+    gs.r = Math.round(mr);
+    gs.t = Math.round(mt);
+    gs.b = Math.round(mb);
+    gs.p = Math.round(fullLayout.margin.pad);
+    gs.w = Math.round(fullLayout.width) - gs.l - gs.r;
+    gs.h = Math.round(fullLayout.height) - gs.t - gs.b;
+
+    // if things changed and we're not already redrawing, trigger a redraw
+    if(!fullLayout._replotting && oldmargins !== '{}' &&
+            oldmargins !== JSON.stringify(fullLayout._size)) {
+        return Plotly.plot(gd);
+    }
+};
+
+/**
+ * JSONify the graph data and layout
+ *
+ * This function needs to recurse because some src can be inside
+ * sub-objects.
+ *
+ * It also strips out functions and private (starts with _) elements.
+ * Therefore, we can add temporary things to data and layout that don't
+ * get saved.
+ *
+ * @param gd The graphDiv
+ * @param {Boolean} dataonly If true, don't return layout.
+ * @param {'keepref'|'keepdata'|'keepall'} [mode='keepref'] Filter what's kept
+ *      keepref: remove data for which there's a src present
+ *          eg if there's xsrc present (and xsrc is well-formed,
+ *          ie has : and some chars before it), strip out x
+ *      keepdata: remove all src tags, don't remove the data itself
+ *      keepall: keep data and src
+ * @param {String} output If you specify 'object', the result will not be stringified
+ * @param {Boolean} useDefaults If truthy, use _fullLayout and _fullData
+ * @returns {Object|String}
+ */
+plots.graphJson = function(gd, dataonly, mode, output, useDefaults) {
+    // if the defaults aren't supplied yet, we need to do that...
+    if((useDefaults && dataonly && !gd._fullData) ||
+            (useDefaults && !dataonly && !gd._fullLayout)) {
+        plots.supplyDefaults(gd);
+    }
+
+    var data = (useDefaults) ? gd._fullData : gd.data,
+        layout = (useDefaults) ? gd._fullLayout : gd.layout,
+        frames = (gd._transitionData || {})._frames;
+
+    function stripObj(d) {
+        if(typeof d === 'function') {
+            return null;
+        }
+        if(Lib.isPlainObject(d)) {
+            var o = {}, v, src;
+            for(v in d) {
+                // remove private elements and functions
+                // _ is for private, [ is a mistake ie [object Object]
+                if(typeof d[v] === 'function' ||
+                        ['_', '['].indexOf(v.charAt(0)) !== -1) {
+                    continue;
+                }
+
+                // look for src/data matches and remove the appropriate one
+                if(mode === 'keepdata') {
+                    // keepdata: remove all ...src tags
+                    if(v.substr(v.length - 3) === 'src') {
+                        continue;
+                    }
+                }
+                else if(mode === 'keepstream') {
+                    // keep sourced data if it's being streamed.
+                    // similar to keepref, but if the 'stream' object exists
+                    // in a trace, we will keep the data array.
+                    src = d[v + 'src'];
+                    if(typeof src === 'string' && src.indexOf(':') > 0) {
+                        if(!Lib.isPlainObject(d.stream)) {
+                            continue;
+                        }
+                    }
+                }
+                else if(mode !== 'keepall') {
+                    // keepref: remove sourced data but only
+                    // if the source tag is well-formed
+                    src = d[v + 'src'];
+                    if(typeof src === 'string' && src.indexOf(':') > 0) {
+                        continue;
+                    }
+                }
+
+                // OK, we're including this... recurse into it
+                o[v] = stripObj(d[v]);
+            }
+            return o;
+        }
+
+        if(Array.isArray(d)) {
+            return d.map(stripObj);
+        }
+
+        // convert native dates to date strings...
+        // mostly for external users exporting to plotly
+        if(Lib.isJSDate(d)) return Lib.ms2DateTimeLocal(+d);
+
+        return d;
+    }
+
+    var obj = {
+        data: (data || []).map(function(v) {
+            var d = stripObj(v);
+            // fit has some little arrays in it that don't contain data,
+            // just fit params and meta
+            if(dataonly) { delete d.fit; }
+            return d;
+        })
+    };
+    if(!dataonly) { obj.layout = stripObj(layout); }
+
+    if(gd.framework && gd.framework.isPolar) obj = gd.framework.getConfig();
+
+    if(frames) obj.frames = stripObj(frames);
+
+    return (output === 'object') ? obj : JSON.stringify(obj);
+};
+
+/**
+ * Modify a keyframe using a list of operations:
+ *
+ * @param {array of objects} operations
+ *      Sequence of operations to be performed on the keyframes
+ */
+plots.modifyFrames = function(gd, operations) {
+    var i, op, frame;
+    var _frames = gd._transitionData._frames;
+    var _hash = gd._transitionData._frameHash;
+
+    for(i = 0; i < operations.length; i++) {
+        op = operations[i];
+
+        switch(op.type) {
+            // No reason this couldn't exist, but is currently unused/untested:
+            /* case 'rename':
+                frame = _frames[op.index];
+                delete _hash[frame.name];
+                _hash[op.name] = frame;
+                frame.name = op.name;
+                break;*/
+            case 'replace':
+                frame = op.value;
+                var oldName = (_frames[op.index] || {}).name;
+                var newName = frame.name;
+                _frames[op.index] = _hash[newName] = frame;
+
+                if(newName !== oldName) {
+                    // If name has changed in addition to replacement, then update
+                    // the lookup table:
+                    delete _hash[oldName];
+                    _hash[newName] = frame;
+                }
+
+                break;
+            case 'insert':
+                frame = op.value;
+                _hash[frame.name] = frame;
+                _frames.splice(op.index, 0, frame);
+                break;
+            case 'delete':
+                frame = _frames[op.index];
+                delete _hash[frame.name];
+                _frames.splice(op.index, 1);
+                break;
+        }
+    }
+
+    return Promise.resolve();
+};
+
+/*
+ * Compute a keyframe. Merge a keyframe into its base frame(s) and
+ * expand properties.
+ *
+ * @param {object} frameLookup
+ *      An object containing frames keyed by name (i.e. gd._transitionData._frameHash)
+ * @param {string} frame
+ *      The name of the keyframe to be computed
+ *
+ * Returns: a new object with the merged content
+ */
+plots.computeFrame = function(gd, frameName) {
+    var frameLookup = gd._transitionData._frameHash;
+    var i, traceIndices, traceIndex, destIndex;
+
+    // Null or undefined will fail on .toString(). We'll allow numbers since we
+    // make it clear frames must be given string names, but we'll allow numbers
+    // here since they're otherwise fine for looking up frames as long as they're
+    // properly cast to strings. We really just want to ensure here that this
+    // 1) doesn't fail, and
+    // 2) doens't give an incorrect answer (which String(frameName) would)
+    if(!frameName) {
+        throw new Error('computeFrame must be given a string frame name');
+    }
+
+    var framePtr = frameLookup[frameName.toString()];
+
+    // Return false if the name is invalid:
+    if(!framePtr) {
+        return false;
+    }
+
+    var frameStack = [framePtr];
+    var frameNameStack = [framePtr.name];
+
+    // Follow frame pointers:
+    while(framePtr.baseframe && (framePtr = frameLookup[framePtr.baseframe.toString()])) {
+        // Avoid infinite loops:
+        if(frameNameStack.indexOf(framePtr.name) !== -1) break;
+
+        frameStack.push(framePtr);
+        frameNameStack.push(framePtr.name);
+    }
+
+    // A new object for the merged result:
+    var result = {};
+
+    // Merge, starting with the last and ending with the desired frame:
+    while((framePtr = frameStack.pop())) {
+        if(framePtr.layout) {
+            result.layout = plots.extendLayout(result.layout, framePtr.layout);
+        }
+
+        if(framePtr.data) {
+            if(!result.data) {
+                result.data = [];
+            }
+            traceIndices = framePtr.traces;
+
+            if(!traceIndices) {
+                // If not defined, assume serial order starting at zero
+                traceIndices = [];
+                for(i = 0; i < framePtr.data.length; i++) {
+                    traceIndices[i] = i;
+                }
+            }
+
+            if(!result.traces) {
+                result.traces = [];
+            }
+
+            for(i = 0; i < framePtr.data.length; i++) {
+                // Loop through this frames data, find out where it should go,
+                // and merge it!
+                traceIndex = traceIndices[i];
+                if(traceIndex === undefined || traceIndex === null) {
+                    continue;
+                }
+
+                destIndex = result.traces.indexOf(traceIndex);
+                if(destIndex === -1) {
+                    destIndex = result.data.length;
+                    result.traces[destIndex] = traceIndex;
+                }
+
+                result.data[destIndex] = plots.extendTrace(result.data[destIndex], framePtr.data[i]);
+            }
+        }
+    }
+
+    return result;
+};
+
+/*
+ * Recompute the lookup table that maps frame name -> frame object. addFrames/
+ * deleteFrames already manages this data one at a time, so the only time this
+ * is necessary is if you poke around manually in `gd._transitionData._frames`
+ * and create and haven't updated the lookup table.
+ */
+plots.recomputeFrameHash = function(gd) {
+    var hash = gd._transitionData._frameHash = {};
+    var frames = gd._transitionData._frames;
+    for(var i = 0; i < frames.length; i++) {
+        var frame = frames[i];
+        if(frame && frame.name) {
+            hash[frame.name] = frame;
+        }
+    }
+};
+
+/**
+ * Extend an object, treating container arrays very differently by extracting
+ * their contents and merging them separately.
+ *
+ * This exists so that we can extendDeepNoArrays and avoid stepping into data
+ * arrays without knowledge of the plot schema, but so that we may also manually
+ * recurse into known container arrays, such as transforms.
+ *
+ * See extendTrace and extendLayout below for usage.
+ */
+plots.extendObjectWithContainers = function(dest, src, containerPaths) {
+    var containerProp, containerVal, i, j, srcProp, destProp, srcContainer, destContainer;
+    var copy = Lib.extendDeepNoArrays({}, src || {});
+    var expandedObj = Lib.expandObjectPaths(copy);
+    var containerObj = {};
+
+    // Step through and extract any container properties. Otherwise extendDeepNoArrays
+    // will clobber any existing properties with an empty array and then supplyDefaults
+    // will reset everything to defaults.
+    if(containerPaths && containerPaths.length) {
+        for(i = 0; i < containerPaths.length; i++) {
+            containerProp = Lib.nestedProperty(expandedObj, containerPaths[i]);
+            containerVal = containerProp.get();
+
+            if(containerVal === undefined) {
+                Lib.nestedProperty(containerObj, containerPaths[i]).set(null);
+            }
+            else {
+                containerProp.set(null);
+                Lib.nestedProperty(containerObj, containerPaths[i]).set(containerVal);
+            }
+        }
+    }
+
+    dest = Lib.extendDeepNoArrays(dest || {}, expandedObj);
+
+    if(containerPaths && containerPaths.length) {
+        for(i = 0; i < containerPaths.length; i++) {
+            srcProp = Lib.nestedProperty(containerObj, containerPaths[i]);
+            srcContainer = srcProp.get();
+
+            if(!srcContainer) continue;
+
+            destProp = Lib.nestedProperty(dest, containerPaths[i]);
+            destContainer = destProp.get();
+
+            if(!Array.isArray(destContainer)) {
+                destContainer = [];
+                destProp.set(destContainer);
+            }
+
+            for(j = 0; j < srcContainer.length; j++) {
+                var srcObj = srcContainer[j];
+
+                if(srcObj === null) destContainer[j] = null;
+                else {
+                    destContainer[j] = plots.extendObjectWithContainers(destContainer[j], srcObj);
+                }
+            }
+
+            destProp.set(destContainer);
+        }
+    }
+
+    return dest;
+};
+
+plots.dataArrayContainers = ['transforms'];
+plots.layoutArrayContainers = Registry.layoutArrayContainers;
+
+/*
+ * Extend a trace definition. This method:
+ *
+ *  1. directly transfers any array references
+ *  2. manually recurses into container arrays like transforms
+ *
+ * The result is the original object reference with the new contents merged in.
+ */
+plots.extendTrace = function(destTrace, srcTrace) {
+    return plots.extendObjectWithContainers(destTrace, srcTrace, plots.dataArrayContainers);
+};
+
+/*
+ * Extend a layout definition. This method:
+ *
+ *  1. directly transfers any array references (not critically important for
+ *     layout since there aren't really data arrays)
+ *  2. manually recurses into container arrays like annotations
+ *
+ * The result is the original object reference with the new contents merged in.
+ */
+plots.extendLayout = function(destLayout, srcLayout) {
+    return plots.extendObjectWithContainers(destLayout, srcLayout, plots.layoutArrayContainers);
+};
+
+/**
+ * Transition to a set of new data and layout properties
+ *
+ * @param {DOM element} gd
+ *      the DOM element of the graph container div
+ * @param {Object[]} data
+ *      an array of data objects following the normal Plotly data definition format
+ * @param {Object} layout
+ *      a layout object, following normal Plotly layout format
+ * @param {Number[]} traces
+ *      indices of the corresponding traces specified in `data`
+ * @param {Object} frameOpts
+ *      options for the frame (i.e. whether to redraw post-transition)
+ * @param {Object} transitionOpts
+ *      options for the transition
+ */
+plots.transition = function(gd, data, layout, traces, frameOpts, transitionOpts) {
+    var i, traceIdx;
+
+    var dataLength = Array.isArray(data) ? data.length : 0;
+    var traceIndices = traces.slice(0, dataLength);
+
+    var transitionedTraces = [];
+
+    function prepareTransitions() {
+        var i;
+
+        for(i = 0; i < traceIndices.length; i++) {
+            var traceIdx = traceIndices[i];
+            var trace = gd._fullData[traceIdx];
+            var module = trace._module;
+
+            // There's nothing to do if this module is not defined:
+            if(!module) continue;
+
+            // Don't register the trace as transitioned if it doens't know what to do.
+            // If it *is* registered, it will receive a callback that it's responsible
+            // for calling in order to register the transition as having completed.
+            if(module.animatable) {
+                transitionedTraces.push(traceIdx);
+            }
+
+            gd.data[traceIndices[i]] = plots.extendTrace(gd.data[traceIndices[i]], data[i]);
+        }
+
+        // Follow the same procedure. Clone it so we don't mangle the input, then
+        // expand any object paths so we can merge deep into gd.layout:
+        var layoutUpdate = Lib.expandObjectPaths(Lib.extendDeepNoArrays({}, layout));
+
+        // Before merging though, we need to modify the incoming layout. We only
+        // know how to *transition* layout ranges, so it's imperative that a new
+        // range not be sent to the layout before the transition has started. So
+        // we must remove the things we can transition:
+        var axisAttrRe = /^[xy]axis[0-9]*$/;
+        for(var attr in layoutUpdate) {
+            if(!axisAttrRe.test(attr)) continue;
+            delete layoutUpdate[attr].range;
+        }
+
+        plots.extendLayout(gd.layout, layoutUpdate);
+
+        // Supply defaults after applying the incoming properties. Note that any attempt
+        // to simplify this step and reduce the amount of work resulted in the reconstruction
+        // of essentially the whole supplyDefaults step, so that it seems sensible to just use
+        // supplyDefaults even though it's heavier than would otherwise be desired for
+        // transitions:
+
+        // first delete calcdata so supplyDefaults knows a calc step is coming
+        delete gd.calcdata;
+
+        plots.supplyDefaults(gd);
+
+        plots.doCalcdata(gd);
+
+        ErrorBars.calc(gd);
+
+        return Promise.resolve();
+    }
+
+    function executeCallbacks(list) {
+        var p = Promise.resolve();
+        if(!list) return p;
+        while(list.length) {
+            p = p.then((list.shift()));
+        }
+        return p;
+    }
+
+    function flushCallbacks(list) {
+        if(!list) return;
+        while(list.length) {
+            list.shift();
+        }
+    }
+
+    var aborted = false;
+
+    function executeTransitions() {
+
+        gd.emit('plotly_transitioning', []);
+
+        return new Promise(function(resolve) {
+            // This flag is used to disabled things like autorange:
+            gd._transitioning = true;
+
+            // When instantaneous updates are coming through quickly, it's too much to simply disable
+            // all interaction, so store this flag so we can disambiguate whether mouse interactions
+            // should be fully disabled or not:
+            if(transitionOpts.duration > 0) {
+                gd._transitioningWithDuration = true;
+            }
+
+
+            // If another transition is triggered, this callback will be executed simply because it's
+            // in the interruptCallbacks queue. If this transition completes, it will instead flush
+            // that queue and forget about this callback.
+            gd._transitionData._interruptCallbacks.push(function() {
+                aborted = true;
+            });
+
+            if(frameOpts.redraw) {
+                gd._transitionData._interruptCallbacks.push(function() {
+                    return Plotly.redraw(gd);
+                });
+            }
+
+            // Emit this and make sure it happens last:
+            gd._transitionData._interruptCallbacks.push(function() {
+                gd.emit('plotly_transitioninterrupted', []);
+            });
+
+            // Construct callbacks that are executed on transition end. This ensures the d3 transitions
+            // are *complete* before anything else is done.
+            var numCallbacks = 0;
+            var numCompleted = 0;
+            function makeCallback() {
+                numCallbacks++;
+                return function() {
+                    numCompleted++;
+                    // When all are complete, perform a redraw:
+                    if(!aborted && numCompleted === numCallbacks) {
+                        completeTransition(resolve);
+                    }
+                };
+            }
+
+            var traceTransitionOpts;
+            var j;
+            var basePlotModules = gd._fullLayout._basePlotModules;
+            var hasAxisTransition = false;
+
+            if(layout) {
+                for(j = 0; j < basePlotModules.length; j++) {
+                    if(basePlotModules[j].transitionAxes) {
+                        var newLayout = Lib.expandObjectPaths(layout);
+                        hasAxisTransition = basePlotModules[j].transitionAxes(gd, newLayout, transitionOpts, makeCallback) || hasAxisTransition;
+                    }
+                }
+            }
+
+            // Here handle the exception that we refuse to animate scales and axes at the same
+            // time. In other words, if there's an axis transition, then set the data transition
+            // to instantaneous.
+            if(hasAxisTransition) {
+                traceTransitionOpts = Lib.extendFlat({}, transitionOpts);
+                traceTransitionOpts.duration = 0;
+            } else {
+                traceTransitionOpts = transitionOpts;
+            }
+
+            for(j = 0; j < basePlotModules.length; j++) {
+                // Note that we pass a callback to *create* the callback that must be invoked on completion.
+                // This is since not all traces know about transitions, so it greatly simplifies matters if
+                // the trace is responsible for creating a callback, if needed, and then executing it when
+                // the time is right.
+                basePlotModules[j].plot(gd, transitionedTraces, traceTransitionOpts, makeCallback);
+            }
+
+            // If nothing else creates a callback, then this will trigger the completion in the next tick:
+            setTimeout(makeCallback());
+
+        });
+    }
+
+    function completeTransition(callback) {
+        // This a simple workaround for tests which purge the graph before animations
+        // have completed. That's not a very common case, so this is the simplest
+        // fix.
+        if(!gd._transitionData) return;
+
+        flushCallbacks(gd._transitionData._interruptCallbacks);
+
+        return Promise.resolve().then(function() {
+            if(frameOpts.redraw) {
+                return Plotly.redraw(gd);
+            }
+        }).then(function() {
+            // Set transitioning false again once the redraw has occurred. This is used, for example,
+            // to prevent the trailing redraw from autoranging:
+            gd._transitioning = false;
+            gd._transitioningWithDuration = false;
+
+            gd.emit('plotly_transitioned', []);
+        }).then(callback);
+    }
+
+    function interruptPreviousTransitions() {
+        // Fail-safe against purged plot:
+        if(!gd._transitionData) return;
+
+        // If a transition is interrupted, set this to false. At the moment, the only thing that would
+        // interrupt a transition is another transition, so that it will momentarily be set to true
+        // again, but this determines whether autorange or dragbox work, so it's for the sake of
+        // cleanliness:
+        gd._transitioning = false;
+
+        return executeCallbacks(gd._transitionData._interruptCallbacks);
+    }
+
+    for(i = 0; i < traceIndices.length; i++) {
+        traceIdx = traceIndices[i];
+        var contFull = gd._fullData[traceIdx];
+        var module = contFull._module;
+
+        if(!module) continue;
+
+        if(!module.animatable) {
+            var thisUpdate = {};
+
+            for(var ai in data[i]) {
+                thisUpdate[ai] = [data[i][ai]];
+            }
+        }
+    }
+
+    var seq = [plots.previousPromises, interruptPreviousTransitions, prepareTransitions, plots.rehover, executeTransitions];
+
+    var transitionStarting = Lib.syncOrAsync(seq, gd);
+
+    if(!transitionStarting || !transitionStarting.then) {
+        transitionStarting = Promise.resolve();
+    }
+
+    return transitionStarting.then(function() {
+        return gd;
+    });
+};
+
+plots.doCalcdata = function(gd, traces) {
+    var axList = Plotly.Axes.list(gd),
+        fullData = gd._fullData,
+        fullLayout = gd._fullLayout;
+
+    var trace, _module, i, j;
+
+    // XXX: Is this correct? Needs a closer look so that *some* traces can be recomputed without
+    // *all* needing doCalcdata:
+    var calcdata = new Array(fullData.length);
+    var oldCalcdata = (gd.calcdata || []).slice(0);
+    gd.calcdata = calcdata;
+
+    // extra helper variables
+    // firstscatter: fill-to-next on the first trace goes to zero
+    gd.firstscatter = true;
+
+    // how many box plots do we have (in case they're grouped)
+    gd.numboxes = 0;
+
+    // for calculating avg luminosity of heatmaps
+    gd._hmpixcount = 0;
+    gd._hmlumcount = 0;
+
+    // for sharing colors across pies (and for legend)
+    fullLayout._piecolormap = {};
+    fullLayout._piedefaultcolorcount = 0;
+
+    // If traces were specified and this trace was not included,
+    // then transfer it over from the old calcdata:
+    for(i = 0; i < fullData.length; i++) {
+        if(Array.isArray(traces) && traces.indexOf(i) === -1) {
+            calcdata[i] = oldCalcdata[i];
+            continue;
+        }
+    }
+
+    // find array attributes in trace
+    for(i = 0; i < fullData.length; i++) {
+        trace = fullData[i];
+        trace._arrayAttrs = PlotSchema.findArrayAttributes(trace);
+    }
+
+    initCategories(axList);
+
+    var hasCalcTransform = false;
+
+    // transform loop
+    for(i = 0; i < fullData.length; i++) {
+        trace = fullData[i];
+
+        if(trace.visible === true && trace.transforms) {
+            _module = trace._module;
+
+            // we need one round of trace module calc before
+            // the calc transform to 'fill in' the categories list
+            // used for example in the data-to-coordinate method
+            if(_module && _module.calc) _module.calc(gd, trace);
+
+            for(j = 0; j < trace.transforms.length; j++) {
+                var transform = trace.transforms[j];
+
+                _module = transformsRegistry[transform.type];
+                if(_module && _module.calcTransform) {
+                    trace._hasCalcTransform = true;
+                    hasCalcTransform = true;
+                    _module.calcTransform(gd, trace, transform);
+                }
+            }
+        }
+    }
+
+    // clear stuff that should recomputed in 'regular' loop
+    if(hasCalcTransform) {
+        for(i = 0; i < axList.length; i++) {
+            axList[i]._min = [];
+            axList[i]._max = [];
+            axList[i]._categories = [];
+            axList[i]._categoriesMap = {};
+        }
+        initCategories(axList);
+    }
+
+    // 'regular' loop
+    for(i = 0; i < fullData.length; i++) {
+        var cd = [];
+
+        trace = fullData[i];
+
+        if(trace.visible === true) {
+            _module = trace._module;
+            if(_module && _module.calc) cd = _module.calc(gd, trace);
+        }
+
+        // Make sure there is a first point.
+        //
+        // This ensures there is a calcdata item for every trace,
+        // even if cartesian logic doesn't handle it (for things like legends).
+        if(!Array.isArray(cd) || !cd[0]) {
+            cd = [{x: BADNUM, y: BADNUM}];
+        }
+
+        // add the trace-wide properties to the first point,
+        // per point properties to every point
+        // t is the holder for trace-wide properties
+        if(!cd[0].t) cd[0].t = {};
+        cd[0].trace = trace;
+
+        calcdata[i] = cd;
+    }
+
+    Registry.getComponentMethod('fx', 'calc')(gd);
+};
+
+// initialize the category list, if there is one, so we start over
+// to be filled in later by ax.d2c
+function initCategories(axList) {
+    for(var i = 0; i < axList.length; i++) {
+        axList[i]._categories = axList[i]._initialCategories.slice();
+
+        // Build the lookup map for initialized categories
+        axList[i]._categoriesMap = {};
+        for(var j = 0; j < axList[i]._categories.length; j++) {
+            axList[i]._categoriesMap[axList[i]._categories[j]] = j;
+        }
+    }
+}
+
+plots.rehover = function(gd) {
+    if(gd._fullLayout._rehover) {
+        gd._fullLayout._rehover();
+    }
+};
+
+plots.generalUpdatePerTraceModule = function(subplot, subplotCalcData, subplotLayout) {
+    var traceHashOld = subplot.traceHash,
+        traceHash = {},
+        i;
+
+    function filterVisible(calcDataIn) {
+        var calcDataOut = [];
+
+        for(var i = 0; i < calcDataIn.length; i++) {
+            var calcTrace = calcDataIn[i],
+                trace = calcTrace[0].trace;
+
+            if(trace.visible === true) calcDataOut.push(calcTrace);
+        }
+
+        return calcDataOut;
+    }
+
+    // build up moduleName -> calcData hash
+    for(i = 0; i < subplotCalcData.length; i++) {
+        var calcTraces = subplotCalcData[i],
+            trace = calcTraces[0].trace;
+
+        // skip over visible === false traces
+        // as they don't have `_module` ref
+        if(trace.visible) {
+            traceHash[trace.type] = traceHash[trace.type] || [];
+            traceHash[trace.type].push(calcTraces);
+        }
+    }
+
+    var moduleNamesOld = Object.keys(traceHashOld);
+    var moduleNames = Object.keys(traceHash);
+
+    // when a trace gets deleted, make sure that its module's
+    // plot method is called so that it is properly
+    // removed from the DOM.
+    for(i = 0; i < moduleNamesOld.length; i++) {
+        var moduleName = moduleNamesOld[i];
+
+        if(moduleNames.indexOf(moduleName) === -1) {
+            var fakeCalcTrace = traceHashOld[moduleName][0],
+                fakeTrace = fakeCalcTrace[0].trace;
+
+            fakeTrace.visible = false;
+            traceHash[moduleName] = [fakeCalcTrace];
+        }
+    }
+
+    // update list of module names to include 'fake' traces added above
+    moduleNames = Object.keys(traceHash);
+
+    // call module plot method
+    for(i = 0; i < moduleNames.length; i++) {
+        var moduleCalcData = traceHash[moduleNames[i]],
+            _module = moduleCalcData[0][0].trace._module;
+
+        _module.plot(subplot, filterVisible(moduleCalcData), subplotLayout);
+    }
+
+    // update moduleName -> calcData hash
+    subplot.traceHash = traceHash;
+};
+
+},{"../components/color":604,"../components/errorbars":634,"../constants/numerical":707,"../lib":728,"../plot_api/plot_schema":761,"../plotly":767,"../registry":846,"./animation_attributes":768,"./attributes":770,"./command":795,"./font_attributes":796,"./frame_attributes":797,"./layout_attributes":822,"d3":122,"fast-isnumeric":131}],832:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../../traces/scatter/attributes');
+var scatterMarkerAttrs = scatterAttrs.marker;
+
+module.exports = {
+    r: scatterAttrs.r,
+    t: scatterAttrs.t,
+    marker: {
+        color: scatterMarkerAttrs.color,
+        size: scatterMarkerAttrs.size,
+        symbol: scatterMarkerAttrs.symbol,
+        opacity: scatterMarkerAttrs.opacity,
+        editType: 'calc'
+    }
+};
+
+},{"../../traces/scatter/attributes":1031}],833:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var axesAttrs = require('../cartesian/layout_attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var domainAttr = extendFlat({}, axesAttrs.domain, {
+    
+});
+
+function mergeAttrs(axisName, nonCommonAttrs) {
+    var commonAttrs = {
+        showline: {
+            valType: 'boolean',
+            
+            
+        },
+        showticklabels: {
+            valType: 'boolean',
+            
+            
+        },
+        tickorientation: {
+            valType: 'enumerated',
+            values: ['horizontal', 'vertical'],
+            
+            
+        },
+        ticklen: {
+            valType: 'number',
+            min: 0,
+            
+            
+        },
+        tickcolor: {
+            valType: 'color',
+            
+            
+        },
+        ticksuffix: {
+            valType: 'string',
+            
+            
+        },
+        endpadding: {
+            valType: 'number',
+            
+        },
+        visible: {
+            valType: 'boolean',
+            
+            
+        }
+    };
+
+    return extendFlat({}, nonCommonAttrs, commonAttrs);
+}
+
+module.exports = overrideAll({
+    radialaxis: mergeAttrs('radial', {
+        range: {
+            valType: 'info_array',
+            
+            items: [
+                { valType: 'number' },
+                { valType: 'number' }
+            ],
+            
+        },
+        domain: domainAttr,
+        orientation: {
+            valType: 'number',
+            
+            
+        }
+    }),
+
+    angularaxis: mergeAttrs('angular', {
+        range: {
+            valType: 'info_array',
+            
+            items: [
+                { valType: 'number', dflt: 0 },
+                { valType: 'number', dflt: 360 }
+            ],
+            
+        },
+        domain: domainAttr
+    }),
+
+    // attributes that appear at layout root
+    layout: {
+        direction: {
+            valType: 'enumerated',
+            values: ['clockwise', 'counterclockwise'],
+            
+            
+        },
+        orientation: {
+            valType: 'angle',
+            
+            
+        }
+    }
+}, 'plot', 'nested');
+
+},{"../../lib/extend":717,"../../plot_api/edit_types":756,"../cartesian/layout_attributes":783}],834:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Polar = module.exports = require('./micropolar');
+
+Polar.manager = require('./micropolar_manager');
+
+},{"./micropolar":835,"./micropolar_manager":836}],835:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+var d3 = require('d3');
+var Lib = require('../../lib');
+var extendDeepAll = Lib.extendDeepAll;
+var MID_SHIFT = require('../../constants/alignment').MID_SHIFT;
+
+var µ = module.exports = { version: '0.2.2' };
+
+µ.Axis = function module() {
+    var config = {
+        data: [],
+        layout: {}
+    }, inputConfig = {}, liveConfig = {};
+    var svg, container, dispatch = d3.dispatch('hover'), radialScale, angularScale;
+    var exports = {};
+    function render(_container) {
+        container = _container || container;
+        var data = config.data;
+        var axisConfig = config.layout;
+        if (typeof container == 'string' || container.nodeName) container = d3.select(container);
+        container.datum(data).each(function(_data, _index) {
+            var dataOriginal = _data.slice();
+            liveConfig = {
+                data: µ.util.cloneJson(dataOriginal),
+                layout: µ.util.cloneJson(axisConfig)
+            };
+            var colorIndex = 0;
+            dataOriginal.forEach(function(d, i) {
+                if (!d.color) {
+                    d.color = axisConfig.defaultColorRange[colorIndex];
+                    colorIndex = (colorIndex + 1) % axisConfig.defaultColorRange.length;
+                }
+                if (!d.strokeColor) {
+                    d.strokeColor = d.geometry === 'LinePlot' ? d.color : d3.rgb(d.color).darker().toString();
+                }
+                liveConfig.data[i].color = d.color;
+                liveConfig.data[i].strokeColor = d.strokeColor;
+                liveConfig.data[i].strokeDash = d.strokeDash;
+                liveConfig.data[i].strokeSize = d.strokeSize;
+            });
+            var data = dataOriginal.filter(function(d, i) {
+                var visible = d.visible;
+                return typeof visible === 'undefined' || visible === true;
+            });
+            var isStacked = false;
+            var dataWithGroupId = data.map(function(d, i) {
+                isStacked = isStacked || typeof d.groupId !== 'undefined';
+                return d;
+            });
+            if (isStacked) {
+                var grouped = d3.nest().key(function(d, i) {
+                    return typeof d.groupId != 'undefined' ? d.groupId : 'unstacked';
+                }).entries(dataWithGroupId);
+                var dataYStack = [];
+                var stacked = grouped.map(function(d, i) {
+                    if (d.key === 'unstacked') return d.values; else {
+                        var prevArray = d.values[0].r.map(function(d, i) {
+                            return 0;
+                        });
+                        d.values.forEach(function(d, i, a) {
+                            d.yStack = [ prevArray ];
+                            dataYStack.push(prevArray);
+                            prevArray = µ.util.sumArrays(d.r, prevArray);
+                        });
+                        return d.values;
+                    }
+                });
+                data = d3.merge(stacked);
+            }
+            data.forEach(function(d, i) {
+                d.t = Array.isArray(d.t[0]) ? d.t : [ d.t ];
+                d.r = Array.isArray(d.r[0]) ? d.r : [ d.r ];
+            });
+            var radius = Math.min(axisConfig.width - axisConfig.margin.left - axisConfig.margin.right, axisConfig.height - axisConfig.margin.top - axisConfig.margin.bottom) / 2;
+            radius = Math.max(10, radius);
+            var chartCenter = [ axisConfig.margin.left + radius, axisConfig.margin.top + radius ];
+            var extent;
+            if (isStacked) {
+                var highestStackedValue = d3.max(µ.util.sumArrays(µ.util.arrayLast(data).r[0], µ.util.arrayLast(dataYStack)));
+                extent = [ 0, highestStackedValue ];
+            } else extent = d3.extent(µ.util.flattenArray(data.map(function(d, i) {
+                return d.r;
+            })));
+            if (axisConfig.radialAxis.domain != µ.DATAEXTENT) extent[0] = 0;
+            radialScale = d3.scale.linear().domain(axisConfig.radialAxis.domain != µ.DATAEXTENT && axisConfig.radialAxis.domain ? axisConfig.radialAxis.domain : extent).range([ 0, radius ]);
+            liveConfig.layout.radialAxis.domain = radialScale.domain();
+            var angularDataMerged = µ.util.flattenArray(data.map(function(d, i) {
+                return d.t;
+            }));
+            var isOrdinal = typeof angularDataMerged[0] === 'string';
+            var ticks;
+            if (isOrdinal) {
+                angularDataMerged = µ.util.deduplicate(angularDataMerged);
+                ticks = angularDataMerged.slice();
+                angularDataMerged = d3.range(angularDataMerged.length);
+                data = data.map(function(d, i) {
+                    var result = d;
+                    d.t = [ angularDataMerged ];
+                    if (isStacked) result.yStack = d.yStack;
+                    return result;
+                });
+            }
+            var hasOnlyLineOrDotPlot = data.filter(function(d, i) {
+                return d.geometry === 'LinePlot' || d.geometry === 'DotPlot';
+            }).length === data.length;
+            var needsEndSpacing = axisConfig.needsEndSpacing === null ? isOrdinal || !hasOnlyLineOrDotPlot : axisConfig.needsEndSpacing;
+            var useProvidedDomain = axisConfig.angularAxis.domain && axisConfig.angularAxis.domain != µ.DATAEXTENT && !isOrdinal && axisConfig.angularAxis.domain[0] >= 0;
+            var angularDomain = useProvidedDomain ? axisConfig.angularAxis.domain : d3.extent(angularDataMerged);
+            var angularDomainStep = Math.abs(angularDataMerged[1] - angularDataMerged[0]);
+            if (hasOnlyLineOrDotPlot && !isOrdinal) angularDomainStep = 0;
+            var angularDomainWithPadding = angularDomain.slice();
+            if (needsEndSpacing && isOrdinal) angularDomainWithPadding[1] += angularDomainStep;
+            var tickCount = axisConfig.angularAxis.ticksCount || 4;
+            if (tickCount > 8) tickCount = tickCount / (tickCount / 8) + tickCount % 8;
+            if (axisConfig.angularAxis.ticksStep) {
+                tickCount = (angularDomainWithPadding[1] - angularDomainWithPadding[0]) / tickCount;
+            }
+            var angularTicksStep = axisConfig.angularAxis.ticksStep || (angularDomainWithPadding[1] - angularDomainWithPadding[0]) / (tickCount * (axisConfig.minorTicks + 1));
+            if (ticks) angularTicksStep = Math.max(Math.round(angularTicksStep), 1);
+            if (!angularDomainWithPadding[2]) angularDomainWithPadding[2] = angularTicksStep;
+            var angularAxisRange = d3.range.apply(this, angularDomainWithPadding);
+            angularAxisRange = angularAxisRange.map(function(d, i) {
+                return parseFloat(d.toPrecision(12));
+            });
+            angularScale = d3.scale.linear().domain(angularDomainWithPadding.slice(0, 2)).range(axisConfig.direction === 'clockwise' ? [ 0, 360 ] : [ 360, 0 ]);
+            liveConfig.layout.angularAxis.domain = angularScale.domain();
+            liveConfig.layout.angularAxis.endPadding = needsEndSpacing ? angularDomainStep : 0;
+            svg = d3.select(this).select('svg.chart-root');
+            if (typeof svg === 'undefined' || svg.empty()) {
+                var skeleton = "<svg xmlns='http://www.w3.org/2000/svg' class='chart-root'>' + '<g class='outer-group'>' + '<g class='chart-group'>' + '<circle class='background-circle'></circle>' + '<g class='geometry-group'></g>' + '<g class='radial axis-group'>' + '<circle class='outside-circle'></circle>' + '</g>' + '<g class='angular axis-group'></g>' + '<g class='guides-group'><line></line><circle r='0'></circle></g>' + '</g>' + '<g class='legend-group'></g>' + '<g class='tooltips- [...]
+                var doc = new DOMParser().parseFromString(skeleton, 'application/xml');
+                var newSvg = this.appendChild(this.ownerDocument.importNode(doc.documentElement, true));
+                svg = d3.select(newSvg);
+            }
+            svg.select('.guides-group').style({
+                'pointer-events': 'none'
+            });
+            svg.select('.angular.axis-group').style({
+                'pointer-events': 'none'
+            });
+            svg.select('.radial.axis-group').style({
+                'pointer-events': 'none'
+            });
+            var chartGroup = svg.select('.chart-group');
+            var lineStyle = {
+                fill: 'none',
+                stroke: axisConfig.tickColor
+            };
+            var fontStyle = {
+                'font-size': axisConfig.font.size,
+                'font-family': axisConfig.font.family,
+                fill: axisConfig.font.color,
+                'text-shadow': [ '-1px 0px', '1px -1px', '-1px 1px', '1px 1px' ].map(function(d, i) {
+                    return ' ' + d + ' 0 ' + axisConfig.font.outlineColor;
+                }).join(',')
+            };
+            var legendContainer;
+            if (axisConfig.showLegend) {
+                legendContainer = svg.select('.legend-group').attr({
+                    transform: 'translate(' + [ radius, axisConfig.margin.top ] + ')'
+                }).style({
+                    display: 'block'
+                });
+                var elements = data.map(function(d, i) {
+                    var datumClone = µ.util.cloneJson(d);
+                    datumClone.symbol = d.geometry === 'DotPlot' ? d.dotType || 'circle' : d.geometry != 'LinePlot' ? 'square' : 'line';
+                    datumClone.visibleInLegend = typeof d.visibleInLegend === 'undefined' || d.visibleInLegend;
+                    datumClone.color = d.geometry === 'LinePlot' ? d.strokeColor : d.color;
+                    return datumClone;
+                });
+
+                µ.Legend().config({
+                    data: data.map(function(d, i) {
+                        return d.name || 'Element' + i;
+                    }),
+                    legendConfig: extendDeepAll({},
+                        µ.Legend.defaultConfig().legendConfig,
+                        {
+                            container: legendContainer,
+                            elements: elements,
+                            reverseOrder: axisConfig.legend.reverseOrder
+                        }
+                    )
+                })();
+
+                var legendBBox = legendContainer.node().getBBox();
+                radius = Math.min(axisConfig.width - legendBBox.width - axisConfig.margin.left - axisConfig.margin.right, axisConfig.height - axisConfig.margin.top - axisConfig.margin.bottom) / 2;
+                radius = Math.max(10, radius);
+                chartCenter = [ axisConfig.margin.left + radius, axisConfig.margin.top + radius ];
+                radialScale.range([ 0, radius ]);
+                liveConfig.layout.radialAxis.domain = radialScale.domain();
+                legendContainer.attr('transform', 'translate(' + [ chartCenter[0] + radius, chartCenter[1] - radius ] + ')');
+            } else {
+                legendContainer = svg.select('.legend-group').style({
+                    display: 'none'
+                });
+            }
+            svg.attr({
+                width: axisConfig.width,
+                height: axisConfig.height
+            }).style({
+                opacity: axisConfig.opacity
+            });
+            chartGroup.attr('transform', 'translate(' + chartCenter + ')').style({
+                cursor: 'crosshair'
+            });
+            var centeringOffset = [ (axisConfig.width - (axisConfig.margin.left + axisConfig.margin.right + radius * 2 + (legendBBox ? legendBBox.width : 0))) / 2, (axisConfig.height - (axisConfig.margin.top + axisConfig.margin.bottom + radius * 2)) / 2 ];
+            centeringOffset[0] = Math.max(0, centeringOffset[0]);
+            centeringOffset[1] = Math.max(0, centeringOffset[1]);
+            svg.select('.outer-group').attr('transform', 'translate(' + centeringOffset + ')');
+            if (axisConfig.title) {
+                var title = svg.select('g.title-group text').style(fontStyle).text(axisConfig.title);
+                var titleBBox = title.node().getBBox();
+                title.attr({
+                    x: chartCenter[0] - titleBBox.width / 2,
+                    y: chartCenter[1] - radius - 20
+                });
+            }
+            var radialAxis = svg.select('.radial.axis-group');
+            if (axisConfig.radialAxis.gridLinesVisible) {
+                var gridCircles = radialAxis.selectAll('circle.grid-circle').data(radialScale.ticks(5));
+                gridCircles.enter().append('circle').attr({
+                    'class': 'grid-circle'
+                }).style(lineStyle);
+                gridCircles.attr('r', radialScale);
+                gridCircles.exit().remove();
+            }
+            radialAxis.select('circle.outside-circle').attr({
+                r: radius
+            }).style(lineStyle);
+            var backgroundCircle = svg.select('circle.background-circle').attr({
+                r: radius
+            }).style({
+                fill: axisConfig.backgroundColor,
+                stroke: axisConfig.stroke
+            });
+            function currentAngle(d, i) {
+                return angularScale(d) % 360 + axisConfig.orientation;
+            }
+            if (axisConfig.radialAxis.visible) {
+                var axis = d3.svg.axis().scale(radialScale).ticks(5).tickSize(5);
+                radialAxis.call(axis).attr({
+                    transform: 'rotate(' + axisConfig.radialAxis.orientation + ')'
+                });
+                radialAxis.selectAll('.domain').style(lineStyle);
+                radialAxis.selectAll('g>text').text(function(d, i) {
+                    return this.textContent + axisConfig.radialAxis.ticksSuffix;
+                }).style(fontStyle).style({
+                    'text-anchor': 'start'
+                }).attr({
+                    x: 0,
+                    y: 0,
+                    dx: 0,
+                    dy: 0,
+                    transform: function(d, i) {
+                        if (axisConfig.radialAxis.tickOrientation === 'horizontal') {
+                            return 'rotate(' + -axisConfig.radialAxis.orientation + ') translate(' + [ 0, fontStyle['font-size'] ] + ')';
+                        } else return 'translate(' + [ 0, fontStyle['font-size'] ] + ')';
+                    }
+                });
+                radialAxis.selectAll('g>line').style({
+                    stroke: 'black'
+                });
+            }
+            var angularAxis = svg.select('.angular.axis-group').selectAll('g.angular-tick').data(angularAxisRange);
+            var angularAxisEnter = angularAxis.enter().append('g').classed('angular-tick', true);
+            angularAxis.attr({
+                transform: function(d, i) {
+                    return 'rotate(' + currentAngle(d, i) + ')';
+                }
+            }).style({
+                display: axisConfig.angularAxis.visible ? 'block' : 'none'
+            });
+            angularAxis.exit().remove();
+            angularAxisEnter.append('line').classed('grid-line', true).classed('major', function(d, i) {
+                return i % (axisConfig.minorTicks + 1) == 0;
+            }).classed('minor', function(d, i) {
+                return !(i % (axisConfig.minorTicks + 1) == 0);
+            }).style(lineStyle);
+            angularAxisEnter.selectAll('.minor').style({
+                stroke: axisConfig.minorTickColor
+            });
+            angularAxis.select('line.grid-line').attr({
+                x1: axisConfig.tickLength ? radius - axisConfig.tickLength : 0,
+                x2: radius
+            }).style({
+                display: axisConfig.angularAxis.gridLinesVisible ? 'block' : 'none'
+            });
+            angularAxisEnter.append('text').classed('axis-text', true).style(fontStyle);
+            var ticksText = angularAxis.select('text.axis-text').attr({
+                x: radius + axisConfig.labelOffset,
+                dy: MID_SHIFT + 'em',
+                transform: function(d, i) {
+                    var angle = currentAngle(d, i);
+                    var rad = radius + axisConfig.labelOffset;
+                    var orient = axisConfig.angularAxis.tickOrientation;
+                    if (orient == 'horizontal') return 'rotate(' + -angle + ' ' + rad + ' 0)'; else if (orient == 'radial') return angle < 270 && angle > 90 ? 'rotate(180 ' + rad + ' 0)' : null; else return 'rotate(' + (angle <= 180 && angle > 0 ? -90 : 90) + ' ' + rad + ' 0)';
+                }
+            }).style({
+                'text-anchor': 'middle',
+                display: axisConfig.angularAxis.labelsVisible ? 'block' : 'none'
+            }).text(function(d, i) {
+                if (i % (axisConfig.minorTicks + 1) != 0) return '';
+                if (ticks) {
+                    return ticks[d] + axisConfig.angularAxis.ticksSuffix;
+                } else return d + axisConfig.angularAxis.ticksSuffix;
+            }).style(fontStyle);
+            if (axisConfig.angularAxis.rewriteTicks) ticksText.text(function(d, i) {
+                if (i % (axisConfig.minorTicks + 1) != 0) return '';
+                return axisConfig.angularAxis.rewriteTicks(this.textContent, i);
+            });
+            var rightmostTickEndX = d3.max(chartGroup.selectAll('.angular-tick text')[0].map(function(d, i) {
+                return d.getCTM().e + d.getBBox().width;
+            }));
+            legendContainer.attr({
+                transform: 'translate(' + [ radius + rightmostTickEndX, axisConfig.margin.top ] + ')'
+            });
+            var hasGeometry = svg.select('g.geometry-group').selectAll('g').size() > 0;
+            var geometryContainer = svg.select('g.geometry-group').selectAll('g.geometry').data(data);
+            geometryContainer.enter().append('g').attr({
+                'class': function(d, i) {
+                    return 'geometry geometry' + i;
+                }
+            });
+            geometryContainer.exit().remove();
+            if (data[0] || hasGeometry) {
+                var geometryConfigs = [];
+                data.forEach(function(d, i) {
+                    var geometryConfig = {};
+                    geometryConfig.radialScale = radialScale;
+                    geometryConfig.angularScale = angularScale;
+                    geometryConfig.container = geometryContainer.filter(function(dB, iB) {
+                        return iB == i;
+                    });
+                    geometryConfig.geometry = d.geometry;
+                    geometryConfig.orientation = axisConfig.orientation;
+                    geometryConfig.direction = axisConfig.direction;
+                    geometryConfig.index = i;
+                    geometryConfigs.push({
+                        data: d,
+                        geometryConfig: geometryConfig
+                    });
+                });
+                var geometryConfigsGrouped = d3.nest().key(function(d, i) {
+                    return typeof d.data.groupId != 'undefined' || 'unstacked';
+                }).entries(geometryConfigs);
+                var geometryConfigsGrouped2 = [];
+                geometryConfigsGrouped.forEach(function(d, i) {
+                    if (d.key === 'unstacked') geometryConfigsGrouped2 = geometryConfigsGrouped2.concat(d.values.map(function(d, i) {
+                        return [ d ];
+                    })); else geometryConfigsGrouped2.push(d.values);
+                });
+                geometryConfigsGrouped2.forEach(function(d, i) {
+                    var geometry;
+                    if (Array.isArray(d)) geometry = d[0].geometryConfig.geometry; else geometry = d.geometryConfig.geometry;
+                    var finalGeometryConfig = d.map(function(dB, iB) {
+                        return extendDeepAll(µ[geometry].defaultConfig(), dB);
+                    });
+                    µ[geometry]().config(finalGeometryConfig)();
+                });
+            }
+            var guides = svg.select('.guides-group');
+            var tooltipContainer = svg.select('.tooltips-group');
+            var angularTooltip = µ.tooltipPanel().config({
+                container: tooltipContainer,
+                fontSize: 8
+            })();
+            var radialTooltip = µ.tooltipPanel().config({
+                container: tooltipContainer,
+                fontSize: 8
+            })();
+            var geometryTooltip = µ.tooltipPanel().config({
+                container: tooltipContainer,
+                hasTick: true
+            })();
+            var angularValue, radialValue;
+            if (!isOrdinal) {
+                var angularGuideLine = guides.select('line').attr({
+                    x1: 0,
+                    y1: 0,
+                    y2: 0
+                }).style({
+                    stroke: 'grey',
+                    'pointer-events': 'none'
+                });
+                chartGroup.on('mousemove.angular-guide', function(d, i) {
+                    var mouseAngle = µ.util.getMousePos(backgroundCircle).angle;
+                    angularGuideLine.attr({
+                        x2: -radius,
+                        transform: 'rotate(' + mouseAngle + ')'
+                    }).style({
+                        opacity: .5
+                    });
+                    var angleWithOriginOffset = (mouseAngle + 180 + 360 - axisConfig.orientation) % 360;
+                    angularValue = angularScale.invert(angleWithOriginOffset);
+                    var pos = µ.util.convertToCartesian(radius + 12, mouseAngle + 180);
+                    angularTooltip.text(µ.util.round(angularValue)).move([ pos[0] + chartCenter[0], pos[1] + chartCenter[1] ]);
+                }).on('mouseout.angular-guide', function(d, i) {
+                    guides.select('line').style({
+                        opacity: 0
+                    });
+                });
+            }
+            var angularGuideCircle = guides.select('circle').style({
+                stroke: 'grey',
+                fill: 'none'
+            });
+            chartGroup.on('mousemove.radial-guide', function(d, i) {
+                var r = µ.util.getMousePos(backgroundCircle).radius;
+                angularGuideCircle.attr({
+                    r: r
+                }).style({
+                    opacity: .5
+                });
+                radialValue = radialScale.invert(µ.util.getMousePos(backgroundCircle).radius);
+                var pos = µ.util.convertToCartesian(r, axisConfig.radialAxis.orientation);
+                radialTooltip.text(µ.util.round(radialValue)).move([ pos[0] + chartCenter[0], pos[1] + chartCenter[1] ]);
+            }).on('mouseout.radial-guide', function(d, i) {
+                angularGuideCircle.style({
+                    opacity: 0
+                });
+                geometryTooltip.hide();
+                angularTooltip.hide();
+                radialTooltip.hide();
+            });
+            svg.selectAll('.geometry-group .mark').on('mouseover.tooltip', function(d, i) {
+                var el = d3.select(this);
+                var color = this.style.fill;
+                var newColor = 'black';
+                var opacity = this.style.opacity || 1;
+                el.attr({
+                    'data-opacity': opacity
+                });
+                if (color && color !== 'none') {
+                    el.attr({
+                        'data-fill': color
+                    });
+                    newColor = d3.hsl(color).darker().toString();
+                    el.style({
+                        fill: newColor,
+                        opacity: 1
+                    });
+                    var textData = {
+                        t: µ.util.round(d[0]),
+                        r: µ.util.round(d[1])
+                    };
+                    if (isOrdinal) textData.t = ticks[d[0]];
+                    var text = 't: ' + textData.t + ', r: ' + textData.r;
+                    var bbox = this.getBoundingClientRect();
+                    var svgBBox = svg.node().getBoundingClientRect();
+                    var pos = [ bbox.left + bbox.width / 2 - centeringOffset[0] - svgBBox.left, bbox.top + bbox.height / 2 - centeringOffset[1] - svgBBox.top ];
+                    geometryTooltip.config({
+                        color: newColor
+                    }).text(text);
+                    geometryTooltip.move(pos);
+                } else {
+                    color = this.style.stroke || 'black';
+                    el.attr({
+                        'data-stroke': color
+                    });
+                    newColor = d3.hsl(color).darker().toString();
+                    el.style({
+                        stroke: newColor,
+                        opacity: 1
+                    });
+                }
+            }).on('mousemove.tooltip', function(d, i) {
+                if (d3.event.which != 0) return false;
+                if (d3.select(this).attr('data-fill')) geometryTooltip.show();
+            }).on('mouseout.tooltip', function(d, i) {
+                geometryTooltip.hide();
+                var el = d3.select(this);
+                var fillColor = el.attr('data-fill');
+                if (fillColor) el.style({
+                    fill: fillColor,
+                    opacity: el.attr('data-opacity')
+                }); else el.style({
+                    stroke: el.attr('data-stroke'),
+                    opacity: el.attr('data-opacity')
+                });
+            });
+        });
+        return exports;
+    }
+    exports.render = function(_container) {
+        render(_container);
+        return this;
+    };
+    exports.config = function(_x) {
+        if (!arguments.length) return config;
+        var xClone = µ.util.cloneJson(_x);
+        xClone.data.forEach(function(d, i) {
+            if (!config.data[i]) config.data[i] = {};
+            extendDeepAll(config.data[i], µ.Axis.defaultConfig().data[0]);
+            extendDeepAll(config.data[i], d);
+        });
+        extendDeepAll(config.layout, µ.Axis.defaultConfig().layout);
+        extendDeepAll(config.layout, xClone.layout);
+        return this;
+    };
+    exports.getLiveConfig = function() {
+        return liveConfig;
+    };
+    exports.getinputConfig = function() {
+        return inputConfig;
+    };
+    exports.radialScale = function(_x) {
+        return radialScale;
+    };
+    exports.angularScale = function(_x) {
+        return angularScale;
+    };
+    exports.svg = function() {
+        return svg;
+    };
+    d3.rebind(exports, dispatch, 'on');
+    return exports;
+};
+
+µ.Axis.defaultConfig = function(d, i) {
+    var config = {
+        data: [ {
+            t: [ 1, 2, 3, 4 ],
+            r: [ 10, 11, 12, 13 ],
+            name: 'Line1',
+            geometry: 'LinePlot',
+            color: null,
+            strokeDash: 'solid',
+            strokeColor: null,
+            strokeSize: '1',
+            visibleInLegend: true,
+            opacity: 1
+        } ],
+        layout: {
+            defaultColorRange: d3.scale.category10().range(),
+            title: null,
+            height: 450,
+            width: 500,
+            margin: {
+                top: 40,
+                right: 40,
+                bottom: 40,
+                left: 40
+            },
+            font: {
+                size: 12,
+                color: 'gray',
+                outlineColor: 'white',
+                family: 'Tahoma, sans-serif'
+            },
+            direction: 'clockwise',
+            orientation: 0,
+            labelOffset: 10,
+            radialAxis: {
+                domain: null,
+                orientation: -45,
+                ticksSuffix: '',
+                visible: true,
+                gridLinesVisible: true,
+                tickOrientation: 'horizontal',
+                rewriteTicks: null
+            },
+            angularAxis: {
+                domain: [ 0, 360 ],
+                ticksSuffix: '',
+                visible: true,
+                gridLinesVisible: true,
+                labelsVisible: true,
+                tickOrientation: 'horizontal',
+                rewriteTicks: null,
+                ticksCount: null,
+                ticksStep: null
+            },
+            minorTicks: 0,
+            tickLength: null,
+            tickColor: 'silver',
+            minorTickColor: '#eee',
+            backgroundColor: 'none',
+            needsEndSpacing: null,
+            showLegend: true,
+            legend: {
+                reverseOrder: false
+            },
+            opacity: 1
+        }
+    };
+    return config;
+};
+
+µ.util = {};
+
+µ.DATAEXTENT = 'dataExtent';
+
+µ.AREA = 'AreaChart';
+
+µ.LINE = 'LinePlot';
+
+µ.DOT = 'DotPlot';
+
+µ.BAR = 'BarChart';
+
+µ.util._override = function(_objA, _objB) {
+    for (var x in _objA) if (x in _objB) _objB[x] = _objA[x];
+};
+
+µ.util._extend = function(_objA, _objB) {
+    for (var x in _objA) _objB[x] = _objA[x];
+};
+
+µ.util._rndSnd = function() {
+    return Math.random() * 2 - 1 + (Math.random() * 2 - 1) + (Math.random() * 2 - 1);
+};
+
+µ.util.dataFromEquation2 = function(_equation, _step) {
+    var step = _step || 6;
+    var data = d3.range(0, 360 + step, step).map(function(deg, index) {
+        var theta = deg * Math.PI / 180;
+        var radius = _equation(theta);
+        return [ deg, radius ];
+    });
+    return data;
+};
+
+µ.util.dataFromEquation = function(_equation, _step, _name) {
+    var step = _step || 6;
+    var t = [], r = [];
+    d3.range(0, 360 + step, step).forEach(function(deg, index) {
+        var theta = deg * Math.PI / 180;
+        var radius = _equation(theta);
+        t.push(deg);
+        r.push(radius);
+    });
+    var result = {
+        t: t,
+        r: r
+    };
+    if (_name) result.name = _name;
+    return result;
+};
+
+µ.util.ensureArray = function(_val, _count) {
+    if (typeof _val === 'undefined') return null;
+    var arr = [].concat(_val);
+    return d3.range(_count).map(function(d, i) {
+        return arr[i] || arr[0];
+    });
+};
+
+µ.util.fillArrays = function(_obj, _valueNames, _count) {
+    _valueNames.forEach(function(d, i) {
+        _obj[d] = µ.util.ensureArray(_obj[d], _count);
+    });
+    return _obj;
+};
+
+µ.util.cloneJson = function(json) {
+    return JSON.parse(JSON.stringify(json));
+};
+
+µ.util.validateKeys = function(obj, keys) {
+    if (typeof keys === 'string') keys = keys.split('.');
+    var next = keys.shift();
+    return obj[next] && (!keys.length || objHasKeys(obj[next], keys));
+};
+
+µ.util.sumArrays = function(a, b) {
+    return d3.zip(a, b).map(function(d, i) {
+        return d3.sum(d);
+    });
+};
+
+µ.util.arrayLast = function(a) {
+    return a[a.length - 1];
+};
+
+µ.util.arrayEqual = function(a, b) {
+    var i = Math.max(a.length, b.length, 1);
+    while (i-- >= 0 && a[i] === b[i]) ;
+    return i === -2;
+};
+
+µ.util.flattenArray = function(arr) {
+    var r = [];
+    while (!µ.util.arrayEqual(r, arr)) {
+        r = arr;
+        arr = [].concat.apply([], arr);
+    }
+    return arr;
+};
+
+µ.util.deduplicate = function(arr) {
+    return arr.filter(function(v, i, a) {
+        return a.indexOf(v) == i;
+    });
+};
+
+µ.util.convertToCartesian = function(radius, theta) {
+    var thetaRadians = theta * Math.PI / 180;
+    var x = radius * Math.cos(thetaRadians);
+    var y = radius * Math.sin(thetaRadians);
+    return [ x, y ];
+};
+
+µ.util.round = function(_value, _digits) {
+    var digits = _digits || 2;
+    var mult = Math.pow(10, digits);
+    return Math.round(_value * mult) / mult;
+};
+
+µ.util.getMousePos = function(_referenceElement) {
+    var mousePos = d3.mouse(_referenceElement.node());
+    var mouseX = mousePos[0];
+    var mouseY = mousePos[1];
+    var mouse = {};
+    mouse.x = mouseX;
+    mouse.y = mouseY;
+    mouse.pos = mousePos;
+    mouse.angle = (Math.atan2(mouseY, mouseX) + Math.PI) * 180 / Math.PI;
+    mouse.radius = Math.sqrt(mouseX * mouseX + mouseY * mouseY);
+    return mouse;
+};
+
+µ.util.duplicatesCount = function(arr) {
+    var uniques = {}, val;
+    var dups = {};
+    for (var i = 0, len = arr.length; i < len; i++) {
+        val = arr[i];
+        if (val in uniques) {
+            uniques[val]++;
+            dups[val] = uniques[val];
+        } else {
+            uniques[val] = 1;
+        }
+    }
+    return dups;
+};
+
+µ.util.duplicates = function(arr) {
+    return Object.keys(µ.util.duplicatesCount(arr));
+};
+
+µ.util.translator = function(obj, sourceBranch, targetBranch, reverse) {
+    if (reverse) {
+        var targetBranchCopy = targetBranch.slice();
+        targetBranch = sourceBranch;
+        sourceBranch = targetBranchCopy;
+    }
+    var value = sourceBranch.reduce(function(previousValue, currentValue) {
+        if (typeof previousValue != 'undefined') return previousValue[currentValue];
+    }, obj);
+    if (typeof value === 'undefined') return;
+    sourceBranch.reduce(function(previousValue, currentValue, index) {
+        if (typeof previousValue == 'undefined') return;
+        if (index === sourceBranch.length - 1) delete previousValue[currentValue];
+        return previousValue[currentValue];
+    }, obj);
+    targetBranch.reduce(function(previousValue, currentValue, index) {
+        if (typeof previousValue[currentValue] === 'undefined') previousValue[currentValue] = {};
+        if (index === targetBranch.length - 1) previousValue[currentValue] = value;
+        return previousValue[currentValue];
+    }, obj);
+};
+
+µ.PolyChart = function module() {
+    var config = [ µ.PolyChart.defaultConfig() ];
+    var dispatch = d3.dispatch('hover');
+    var dashArray = {
+        solid: 'none',
+        dash: [ 5, 2 ],
+        dot: [ 2, 5 ]
+    };
+    var colorScale;
+    function exports() {
+        var geometryConfig = config[0].geometryConfig;
+        var container = geometryConfig.container;
+        if (typeof container == 'string') container = d3.select(container);
+        container.datum(config).each(function(_config, _index) {
+            var isStack = !!_config[0].data.yStack;
+            var data = _config.map(function(d, i) {
+                if (isStack) return d3.zip(d.data.t[0], d.data.r[0], d.data.yStack[0]); else return d3.zip(d.data.t[0], d.data.r[0]);
+            });
+            var angularScale = geometryConfig.angularScale;
+            var domainMin = geometryConfig.radialScale.domain()[0];
+            var generator = {};
+            generator.bar = function(d, i, pI) {
+                var dataConfig = _config[pI].data;
+                var h = geometryConfig.radialScale(d[1]) - geometryConfig.radialScale(0);
+                var stackTop = geometryConfig.radialScale(d[2] || 0);
+                var w = dataConfig.barWidth;
+                d3.select(this).attr({
+                    'class': 'mark bar',
+                    d: 'M' + [ [ h + stackTop, -w / 2 ], [ h + stackTop, w / 2 ], [ stackTop, w / 2 ], [ stackTop, -w / 2 ] ].join('L') + 'Z',
+                    transform: function(d, i) {
+                        return 'rotate(' + (geometryConfig.orientation + angularScale(d[0])) + ')';
+                    }
+                });
+            };
+            generator.dot = function(d, i, pI) {
+                var stackedData = d[2] ? [ d[0], d[1] + d[2] ] : d;
+                var symbol = d3.svg.symbol().size(_config[pI].data.dotSize).type(_config[pI].data.dotType)(d, i);
+                d3.select(this).attr({
+                    'class': 'mark dot',
+                    d: symbol,
+                    transform: function(d, i) {
+                        var coord = convertToCartesian(getPolarCoordinates(stackedData));
+                        return 'translate(' + [ coord.x, coord.y ] + ')';
+                    }
+                });
+            };
+            var line = d3.svg.line.radial().interpolate(_config[0].data.lineInterpolation).radius(function(d) {
+                return geometryConfig.radialScale(d[1]);
+            }).angle(function(d) {
+                return geometryConfig.angularScale(d[0]) * Math.PI / 180;
+            });
+            generator.line = function(d, i, pI) {
+                var lineData = d[2] ? data[pI].map(function(d, i) {
+                    return [ d[0], d[1] + d[2] ];
+                }) : data[pI];
+                d3.select(this).each(generator['dot']).style({
+                    opacity: function(dB, iB) {
+                        return +_config[pI].data.dotVisible;
+                    },
+                    fill: markStyle.stroke(d, i, pI)
+                }).attr({
+                    'class': 'mark dot'
+                });
+                if (i > 0) return;
+                var lineSelection = d3.select(this.parentNode).selectAll('path.line').data([ 0 ]);
+                lineSelection.enter().insert('path');
+                lineSelection.attr({
+                    'class': 'line',
+                    d: line(lineData),
+                    transform: function(dB, iB) {
+                        return 'rotate(' + (geometryConfig.orientation + 90) + ')';
+                    },
+                    'pointer-events': 'none'
+                }).style({
+                    fill: function(dB, iB) {
+                        return markStyle.fill(d, i, pI);
+                    },
+                    'fill-opacity': 0,
+                    stroke: function(dB, iB) {
+                        return markStyle.stroke(d, i, pI);
+                    },
+                    'stroke-width': function(dB, iB) {
+                        return markStyle['stroke-width'](d, i, pI);
+                    },
+                    'stroke-dasharray': function(dB, iB) {
+                        return markStyle['stroke-dasharray'](d, i, pI);
+                    },
+                    opacity: function(dB, iB) {
+                        return markStyle.opacity(d, i, pI);
+                    },
+                    display: function(dB, iB) {
+                        return markStyle.display(d, i, pI);
+                    }
+                });
+            };
+            var angularRange = geometryConfig.angularScale.range();
+            var triangleAngle = Math.abs(angularRange[1] - angularRange[0]) / data[0].length * Math.PI / 180;
+            var arc = d3.svg.arc().startAngle(function(d) {
+                return -triangleAngle / 2;
+            }).endAngle(function(d) {
+                return triangleAngle / 2;
+            }).innerRadius(function(d) {
+                return geometryConfig.radialScale(domainMin + (d[2] || 0));
+            }).outerRadius(function(d) {
+                return geometryConfig.radialScale(domainMin + (d[2] || 0)) + geometryConfig.radialScale(d[1]);
+            });
+            generator.arc = function(d, i, pI) {
+                d3.select(this).attr({
+                    'class': 'mark arc',
+                    d: arc,
+                    transform: function(d, i) {
+                        return 'rotate(' + (geometryConfig.orientation + angularScale(d[0]) + 90) + ')';
+                    }
+                });
+            };
+            var markStyle = {
+                fill: function(d, i, pI) {
+                    return _config[pI].data.color;
+                },
+                stroke: function(d, i, pI) {
+                    return _config[pI].data.strokeColor;
+                },
+                'stroke-width': function(d, i, pI) {
+                    return _config[pI].data.strokeSize + 'px';
+                },
+                'stroke-dasharray': function(d, i, pI) {
+                    return dashArray[_config[pI].data.strokeDash];
+                },
+                opacity: function(d, i, pI) {
+                    return _config[pI].data.opacity;
+                },
+                display: function(d, i, pI) {
+                    return typeof _config[pI].data.visible === 'undefined' || _config[pI].data.visible ? 'block' : 'none';
+                }
+            };
+            var geometryLayer = d3.select(this).selectAll('g.layer').data(data);
+            geometryLayer.enter().append('g').attr({
+                'class': 'layer'
+            });
+            var geometry = geometryLayer.selectAll('path.mark').data(function(d, i) {
+                return d;
+            });
+            geometry.enter().append('path').attr({
+                'class': 'mark'
+            });
+            geometry.style(markStyle).each(generator[geometryConfig.geometryType]);
+            geometry.exit().remove();
+            geometryLayer.exit().remove();
+            function getPolarCoordinates(d, i) {
+                var r = geometryConfig.radialScale(d[1]);
+                var t = (geometryConfig.angularScale(d[0]) + geometryConfig.orientation) * Math.PI / 180;
+                return {
+                    r: r,
+                    t: t
+                };
+            }
+            function convertToCartesian(polarCoordinates) {
+                var x = polarCoordinates.r * Math.cos(polarCoordinates.t);
+                var y = polarCoordinates.r * Math.sin(polarCoordinates.t);
+                return {
+                    x: x,
+                    y: y
+                };
+            }
+        });
+    }
+    exports.config = function(_x) {
+        if (!arguments.length) return config;
+        _x.forEach(function(d, i) {
+            if (!config[i]) config[i] = {};
+            extendDeepAll(config[i], µ.PolyChart.defaultConfig());
+            extendDeepAll(config[i], d);
+        });
+        return this;
+    };
+    exports.getColorScale = function() {
+        return colorScale;
+    };
+    d3.rebind(exports, dispatch, 'on');
+    return exports;
+};
+
+µ.PolyChart.defaultConfig = function() {
+    var config = {
+        data: {
+            name: 'geom1',
+            t: [ [ 1, 2, 3, 4 ] ],
+            r: [ [ 1, 2, 3, 4 ] ],
+            dotType: 'circle',
+            dotSize: 64,
+            dotVisible: false,
+            barWidth: 20,
+            color: '#ffa500',
+            strokeSize: 1,
+            strokeColor: 'silver',
+            strokeDash: 'solid',
+            opacity: 1,
+            index: 0,
+            visible: true,
+            visibleInLegend: true
+        },
+        geometryConfig: {
+            geometry: 'LinePlot',
+            geometryType: 'arc',
+            direction: 'clockwise',
+            orientation: 0,
+            container: 'body',
+            radialScale: null,
+            angularScale: null,
+            colorScale: d3.scale.category20()
+        }
+    };
+    return config;
+};
+
+µ.BarChart = function module() {
+    return µ.PolyChart();
+};
+
+µ.BarChart.defaultConfig = function() {
+    var config = {
+        geometryConfig: {
+            geometryType: 'bar'
+        }
+    };
+    return config;
+};
+
+µ.AreaChart = function module() {
+    return µ.PolyChart();
+};
+
+µ.AreaChart.defaultConfig = function() {
+    var config = {
+        geometryConfig: {
+            geometryType: 'arc'
+        }
+    };
+    return config;
+};
+
+µ.DotPlot = function module() {
+    return µ.PolyChart();
+};
+
+µ.DotPlot.defaultConfig = function() {
+    var config = {
+        geometryConfig: {
+            geometryType: 'dot',
+            dotType: 'circle'
+        }
+    };
+    return config;
+};
+
+µ.LinePlot = function module() {
+    return µ.PolyChart();
+};
+
+µ.LinePlot.defaultConfig = function() {
+    var config = {
+        geometryConfig: {
+            geometryType: 'line'
+        }
+    };
+    return config;
+};
+
+µ.Legend = function module() {
+    var config = µ.Legend.defaultConfig();
+    var dispatch = d3.dispatch('hover');
+    function exports() {
+        var legendConfig = config.legendConfig;
+        var flattenData = config.data.map(function(d, i) {
+            return [].concat(d).map(function(dB, iB) {
+                var element = extendDeepAll({}, legendConfig.elements[i]);
+                element.name = dB;
+                element.color = [].concat(legendConfig.elements[i].color)[iB];
+                return element;
+            });
+        });
+        var data = d3.merge(flattenData);
+        data = data.filter(function(d, i) {
+            return legendConfig.elements[i] && (legendConfig.elements[i].visibleInLegend || typeof legendConfig.elements[i].visibleInLegend === 'undefined');
+        });
+        if (legendConfig.reverseOrder) data = data.reverse();
+        var container = legendConfig.container;
+        if (typeof container == 'string' || container.nodeName) container = d3.select(container);
+        var colors = data.map(function(d, i) {
+            return d.color;
+        });
+        var lineHeight = legendConfig.fontSize;
+        var isContinuous = legendConfig.isContinuous == null ? typeof data[0] === 'number' : legendConfig.isContinuous;
+        var height = isContinuous ? legendConfig.height : lineHeight * data.length;
+        var legendContainerGroup = container.classed('legend-group', true);
+        var svg = legendContainerGroup.selectAll('svg').data([ 0 ]);
+        var svgEnter = svg.enter().append('svg').attr({
+            width: 300,
+            height: height + lineHeight,
+            xmlns: 'http://www.w3.org/2000/svg',
+            'xmlns:xlink': 'http://www.w3.org/1999/xlink',
+            version: '1.1'
+        });
+        svgEnter.append('g').classed('legend-axis', true);
+        svgEnter.append('g').classed('legend-marks', true);
+        var dataNumbered = d3.range(data.length);
+        var colorScale = d3.scale[isContinuous ? 'linear' : 'ordinal']().domain(dataNumbered).range(colors);
+        var dataScale = d3.scale[isContinuous ? 'linear' : 'ordinal']().domain(dataNumbered)[isContinuous ? 'range' : 'rangePoints']([ 0, height ]);
+        var shapeGenerator = function(_type, _size) {
+            var squareSize = _size * 3;
+            if (_type === 'line') {
+                return 'M' + [ [ -_size / 2, -_size / 12 ], [ _size / 2, -_size / 12 ], [ _size / 2, _size / 12 ], [ -_size / 2, _size / 12 ] ] + 'Z';
+            } else if (d3.svg.symbolTypes.indexOf(_type) != -1) return d3.svg.symbol().type(_type).size(squareSize)(); else return d3.svg.symbol().type('square').size(squareSize)();
+        };
+        if (isContinuous) {
+            var gradient = svg.select('.legend-marks').append('defs').append('linearGradient').attr({
+                id: 'grad1',
+                x1: '0%',
+                y1: '0%',
+                x2: '0%',
+                y2: '100%'
+            }).selectAll('stop').data(colors);
+            gradient.enter().append('stop');
+            gradient.attr({
+                offset: function(d, i) {
+                    return i / (colors.length - 1) * 100 + '%';
+                }
+            }).style({
+                'stop-color': function(d, i) {
+                    return d;
+                }
+            });
+            svg.append('rect').classed('legend-mark', true).attr({
+                height: legendConfig.height,
+                width: legendConfig.colorBandWidth,
+                fill: 'url(#grad1)'
+            });
+        } else {
+            var legendElement = svg.select('.legend-marks').selectAll('path.legend-mark').data(data);
+            legendElement.enter().append('path').classed('legend-mark', true);
+            legendElement.attr({
+                transform: function(d, i) {
+                    return 'translate(' + [ lineHeight / 2, dataScale(i) + lineHeight / 2 ] + ')';
+                },
+                d: function(d, i) {
+                    var symbolType = d.symbol;
+                    return shapeGenerator(symbolType, lineHeight);
+                },
+                fill: function(d, i) {
+                    return colorScale(i);
+                }
+            });
+            legendElement.exit().remove();
+        }
+        var legendAxis = d3.svg.axis().scale(dataScale).orient('right');
+        var axis = svg.select('g.legend-axis').attr({
+            transform: 'translate(' + [ isContinuous ? legendConfig.colorBandWidth : lineHeight, lineHeight / 2 ] + ')'
+        }).call(legendAxis);
+        axis.selectAll('.domain').style({
+            fill: 'none',
+            stroke: 'none'
+        });
+        axis.selectAll('line').style({
+            fill: 'none',
+            stroke: isContinuous ? legendConfig.textColor : 'none'
+        });
+        axis.selectAll('text').style({
+            fill: legendConfig.textColor,
+            'font-size': legendConfig.fontSize
+        }).text(function(d, i) {
+            return data[i].name;
+        });
+        return exports;
+    }
+    exports.config = function(_x) {
+        if (!arguments.length) return config;
+        extendDeepAll(config, _x);
+        return this;
+    };
+    d3.rebind(exports, dispatch, 'on');
+    return exports;
+};
+
+µ.Legend.defaultConfig = function(d, i) {
+    var config = {
+        data: [ 'a', 'b', 'c' ],
+        legendConfig: {
+            elements: [ {
+                symbol: 'line',
+                color: 'red'
+            }, {
+                symbol: 'square',
+                color: 'yellow'
+            }, {
+                symbol: 'diamond',
+                color: 'limegreen'
+            } ],
+            height: 150,
+            colorBandWidth: 30,
+            fontSize: 12,
+            container: 'body',
+            isContinuous: null,
+            textColor: 'grey',
+            reverseOrder: false
+        }
+    };
+    return config;
+};
+
+µ.tooltipPanel = function() {
+    var tooltipEl, tooltipTextEl, backgroundEl;
+    var config = {
+        container: null,
+        hasTick: false,
+        fontSize: 12,
+        color: 'white',
+        padding: 5
+    };
+    var id = 'tooltip-' + µ.tooltipPanel.uid++;
+    var tickSize = 10;
+    var exports = function() {
+        tooltipEl = config.container.selectAll('g.' + id).data([ 0 ]);
+        var tooltipEnter = tooltipEl.enter().append('g').classed(id, true).style({
+            'pointer-events': 'none',
+            display: 'none'
+        });
+        backgroundEl = tooltipEnter.append('path').style({
+            fill: 'white',
+            'fill-opacity': .9
+        }).attr({
+            d: 'M0 0'
+        });
+        tooltipTextEl = tooltipEnter.append('text').attr({
+            dx: config.padding + tickSize,
+            dy: +config.fontSize * .3
+        });
+        return exports;
+    };
+    exports.text = function(_text) {
+        var l = d3.hsl(config.color).l;
+        var strokeColor = l >= .5 ? '#aaa' : 'white';
+        var fillColor = l >= .5 ? 'black' : 'white';
+        var text = _text || '';
+        tooltipTextEl.style({
+            fill: fillColor,
+            'font-size': config.fontSize + 'px'
+        }).text(text);
+        var padding = config.padding;
+        var bbox = tooltipTextEl.node().getBBox();
+        var boxStyle = {
+            fill: config.color,
+            stroke: strokeColor,
+            'stroke-width': '2px'
+        };
+        var backGroundW = bbox.width + padding * 2 + tickSize;
+        var backGroundH = bbox.height + padding * 2;
+        backgroundEl.attr({
+            d: 'M' + [ [ tickSize, -backGroundH / 2 ], [ tickSize, -backGroundH / 4 ], [ config.hasTick ? 0 : tickSize, 0 ], [ tickSize, backGroundH / 4 ], [ tickSize, backGroundH / 2 ], [ backGroundW, backGroundH / 2 ], [ backGroundW, -backGroundH / 2 ] ].join('L') + 'Z'
+        }).style(boxStyle);
+        tooltipEl.attr({
+            transform: 'translate(' + [ tickSize, -backGroundH / 2 + padding * 2 ] + ')'
+        });
+        tooltipEl.style({
+            display: 'block'
+        });
+        return exports;
+    };
+    exports.move = function(_pos) {
+        if (!tooltipEl) return;
+        tooltipEl.attr({
+            transform: 'translate(' + [ _pos[0], _pos[1] ] + ')'
+        }).style({
+            display: 'block'
+        });
+        return exports;
+    };
+    exports.hide = function() {
+        if (!tooltipEl) return;
+        tooltipEl.style({
+            display: 'none'
+        });
+        return exports;
+    };
+    exports.show = function() {
+        if (!tooltipEl) return;
+        tooltipEl.style({
+            display: 'block'
+        });
+        return exports;
+    };
+    exports.config = function(_x) {
+        extendDeepAll(config, _x);
+        return exports;
+    };
+    return exports;
+};
+
+µ.tooltipPanel.uid = 1;
+
+µ.adapter = {};
+
+µ.adapter.plotly = function module() {
+    var exports = {};
+    exports.convert = function(_inputConfig, reverse) {
+        var outputConfig = {};
+        if (_inputConfig.data) {
+            outputConfig.data = _inputConfig.data.map(function(d, i) {
+                var r = extendDeepAll({}, d);
+                var toTranslate = [
+                    [ r, [ 'marker', 'color' ], [ 'color' ] ],
+                    [ r, [ 'marker', 'opacity' ], [ 'opacity' ] ],
+                    [ r, [ 'marker', 'line', 'color' ], [ 'strokeColor' ] ],
+                    [ r, [ 'marker', 'line', 'dash' ], [ 'strokeDash' ] ],
+                    [ r, [ 'marker', 'line', 'width' ], [ 'strokeSize' ] ],
+                    [ r, [ 'marker', 'symbol' ], [ 'dotType' ] ],
+                    [ r, [ 'marker', 'size' ], [ 'dotSize' ] ],
+                    [ r, [ 'marker', 'barWidth' ], [ 'barWidth' ] ],
+                    [ r, [ 'line', 'interpolation' ], [ 'lineInterpolation' ] ],
+                    [ r, [ 'showlegend' ], [ 'visibleInLegend' ] ]
+                ];
+                toTranslate.forEach(function(d, i) {
+                    µ.util.translator.apply(null, d.concat(reverse));
+                });
+
+                if (!reverse) delete r.marker;
+                if (reverse) delete r.groupId;
+                if (!reverse) {
+                    if (r.type === 'scatter') {
+                        if (r.mode === 'lines') r.geometry = 'LinePlot'; else if (r.mode === 'markers') r.geometry = 'DotPlot'; else if (r.mode === 'lines+markers') {
+                            r.geometry = 'LinePlot';
+                            r.dotVisible = true;
+                        }
+                    } else if (r.type === 'area') r.geometry = 'AreaChart'; else if (r.type === 'bar') r.geometry = 'BarChart';
+                    delete r.mode;
+                    delete r.type;
+                } else {
+                    if (r.geometry === 'LinePlot') {
+                        r.type = 'scatter';
+                        if (r.dotVisible === true) {
+                            delete r.dotVisible;
+                            r.mode = 'lines+markers';
+                        } else r.mode = 'lines';
+                    } else if (r.geometry === 'DotPlot') {
+                        r.type = 'scatter';
+                        r.mode = 'markers';
+                    } else if (r.geometry === 'AreaChart') r.type = 'area'; else if (r.geometry === 'BarChart') r.type = 'bar';
+                    delete r.geometry;
+                }
+                return r;
+            });
+            if (!reverse && _inputConfig.layout && _inputConfig.layout.barmode === 'stack') {
+                var duplicates = µ.util.duplicates(outputConfig.data.map(function(d, i) {
+                    return d.geometry;
+                }));
+                outputConfig.data.forEach(function(d, i) {
+                    var idx = duplicates.indexOf(d.geometry);
+                    if (idx != -1) outputConfig.data[i].groupId = idx;
+                });
+            }
+        }
+        if (_inputConfig.layout) {
+            var r = extendDeepAll({}, _inputConfig.layout);
+            var toTranslate = [
+                [ r, [ 'plot_bgcolor' ], [ 'backgroundColor' ] ],
+                [ r, [ 'showlegend' ], [ 'showLegend' ] ],
+                [ r, [ 'radialaxis' ], [ 'radialAxis' ] ],
+                [ r, [ 'angularaxis' ], [ 'angularAxis' ] ],
+                [ r.angularaxis, [ 'showline' ], [ 'gridLinesVisible' ] ],
+                [ r.angularaxis, [ 'showticklabels' ], [ 'labelsVisible' ] ],
+                [ r.angularaxis, [ 'nticks' ], [ 'ticksCount' ] ],
+                [ r.angularaxis, [ 'tickorientation' ], [ 'tickOrientation' ] ],
+                [ r.angularaxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ],
+                [ r.angularaxis, [ 'range' ], [ 'domain' ] ],
+                [ r.angularaxis, [ 'endpadding' ], [ 'endPadding' ] ],
+                [ r.radialaxis, [ 'showline' ], [ 'gridLinesVisible' ] ],
+                [ r.radialaxis, [ 'tickorientation' ], [ 'tickOrientation' ] ],
+                [ r.radialaxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ],
+                [ r.radialaxis, [ 'range' ], [ 'domain' ] ],
+                [ r.angularAxis, [ 'showline' ], [ 'gridLinesVisible' ] ],
+                [ r.angularAxis, [ 'showticklabels' ], [ 'labelsVisible' ] ],
+                [ r.angularAxis, [ 'nticks' ], [ 'ticksCount' ] ],
+                [ r.angularAxis, [ 'tickorientation' ], [ 'tickOrientation' ] ],
+                [ r.angularAxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ],
+                [ r.angularAxis, [ 'range' ], [ 'domain' ] ],
+                [ r.angularAxis, [ 'endpadding' ], [ 'endPadding' ] ],
+                [ r.radialAxis, [ 'showline' ], [ 'gridLinesVisible' ] ],
+                [ r.radialAxis, [ 'tickorientation' ], [ 'tickOrientation' ] ],
+                [ r.radialAxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ],
+                [ r.radialAxis, [ 'range' ], [ 'domain' ] ],
+                [ r.font, [ 'outlinecolor' ], [ 'outlineColor' ] ],
+                [ r.legend, [ 'traceorder' ], [ 'reverseOrder' ] ],
+                [ r, [ 'labeloffset' ], [ 'labelOffset' ] ],
+                [ r, [ 'defaultcolorrange' ], [ 'defaultColorRange' ] ]
+            ];
+            toTranslate.forEach(function(d, i) {
+                µ.util.translator.apply(null, d.concat(reverse));
+            });
+
+            if (!reverse) {
+                if (r.angularAxis && typeof r.angularAxis.ticklen !== 'undefined') r.tickLength = r.angularAxis.ticklen;
+                if (r.angularAxis && typeof r.angularAxis.tickcolor !== 'undefined') r.tickColor = r.angularAxis.tickcolor;
+            } else {
+                if (typeof r.tickLength !== 'undefined') {
+                    r.angularaxis.ticklen = r.tickLength;
+                    delete r.tickLength;
+                }
+                if (r.tickColor) {
+                    r.angularaxis.tickcolor = r.tickColor;
+                    delete r.tickColor;
+                }
+            }
+            if (r.legend && typeof r.legend.reverseOrder != 'boolean') {
+                r.legend.reverseOrder = r.legend.reverseOrder != 'normal';
+            }
+            if (r.legend && typeof r.legend.traceorder == 'boolean') {
+                r.legend.traceorder = r.legend.traceorder ? 'reversed' : 'normal';
+                delete r.legend.reverseOrder;
+            }
+            if (r.margin && typeof r.margin.t != 'undefined') {
+                var source = [ 't', 'r', 'b', 'l', 'pad' ];
+                var target = [ 'top', 'right', 'bottom', 'left', 'pad' ];
+                var margin = {};
+                d3.entries(r.margin).forEach(function(dB, iB) {
+                    margin[target[source.indexOf(dB.key)]] = dB.value;
+                });
+                r.margin = margin;
+            }
+            if (reverse) {
+                delete r.needsEndSpacing;
+                delete r.minorTickColor;
+                delete r.minorTicks;
+                delete r.angularaxis.ticksCount;
+                delete r.angularaxis.ticksCount;
+                delete r.angularaxis.ticksStep;
+                delete r.angularaxis.rewriteTicks;
+                delete r.angularaxis.nticks;
+                delete r.radialaxis.ticksCount;
+                delete r.radialaxis.ticksCount;
+                delete r.radialaxis.ticksStep;
+                delete r.radialaxis.rewriteTicks;
+                delete r.radialaxis.nticks;
+            }
+            outputConfig.layout = r;
+        }
+        return outputConfig;
+    };
+    return exports;
+};
+
+},{"../../constants/alignment":701,"../../lib":728,"d3":122}],836:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+/* eslint-disable new-cap */
+
+'use strict';
+
+var d3 = require('d3');
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+
+var micropolar = require('./micropolar');
+var UndoManager = require('./undo_manager');
+var extendDeepAll = Lib.extendDeepAll;
+
+var manager = module.exports = {};
+
+manager.framework = function(_gd) {
+    var config, previousConfigClone, plot, convertedInput, container;
+    var undoManager = new UndoManager();
+
+    function exports(_inputConfig, _container) {
+        if(_container) container = _container;
+        d3.select(d3.select(container).node().parentNode).selectAll('.svg-container>*:not(.chart-root)').remove();
+
+        config = (!config) ?
+            _inputConfig :
+            extendDeepAll(config, _inputConfig);
+
+        if(!plot) plot = micropolar.Axis();
+        convertedInput = micropolar.adapter.plotly().convert(config);
+        plot.config(convertedInput).render(container);
+        _gd.data = config.data;
+        _gd.layout = config.layout;
+        manager.fillLayout(_gd);
+        return config;
+    }
+    exports.isPolar = true;
+    exports.svg = function() { return plot.svg(); };
+    exports.getConfig = function() { return config; };
+    exports.getLiveConfig = function() {
+        return micropolar.adapter.plotly().convert(plot.getLiveConfig(), true);
+    };
+    exports.getLiveScales = function() { return {t: plot.angularScale(), r: plot.radialScale()}; };
+    exports.setUndoPoint = function() {
+        var that = this;
+        var configClone = micropolar.util.cloneJson(config);
+        (function(_configClone, _previousConfigClone) {
+            undoManager.add({
+                undo: function() {
+                    if(_previousConfigClone) that(_previousConfigClone);
+                },
+                redo: function() {
+                    that(_configClone);
+                }
+            });
+        })(configClone, previousConfigClone);
+        previousConfigClone = micropolar.util.cloneJson(configClone);
+    };
+    exports.undo = function() { undoManager.undo(); };
+    exports.redo = function() { undoManager.redo(); };
+    return exports;
+};
+
+manager.fillLayout = function(_gd) {
+    var container = d3.select(_gd).selectAll('.plot-container'),
+        paperDiv = container.selectAll('.svg-container'),
+        paper = _gd.framework && _gd.framework.svg && _gd.framework.svg(),
+        dflts = {
+            width: 800,
+            height: 600,
+            paper_bgcolor: Color.background,
+            _container: container,
+            _paperdiv: paperDiv,
+            _paper: paper
+        };
+
+    _gd._fullLayout = extendDeepAll(dflts, _gd.layout);
+};
+
+},{"../../components/color":604,"../../lib":728,"./micropolar":835,"./undo_manager":837,"d3":122}],837:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+// Modified from https://github.com/ArthurClemens/Javascript-Undo-Manager
+// Copyright (c) 2010-2013 Arthur Clemens, arthur at visiblearea.com
+module.exports = function UndoManager() {
+    var undoCommands = [],
+        index = -1,
+        isExecuting = false,
+        callback;
+
+    function execute(command, action) {
+        if(!command) return this;
+
+        isExecuting = true;
+        command[action]();
+        isExecuting = false;
+
+        return this;
+    }
+
+    return {
+        add: function(command) {
+            if(isExecuting) return this;
+            undoCommands.splice(index + 1, undoCommands.length - index);
+            undoCommands.push(command);
+            index = undoCommands.length - 1;
+            return this;
+        },
+        setCallback: function(callbackFunc) { callback = callbackFunc; },
+        undo: function() {
+            var command = undoCommands[index];
+            if(!command) return this;
+            execute(command, 'undo');
+            index -= 1;
+            if(callback) callback(command.undo);
+            return this;
+        },
+        redo: function() {
+            var command = undoCommands[index + 1];
+            if(!command) return this;
+            execute(command, 'redo');
+            index += 1;
+            if(callback) callback(command.redo);
+            return this;
+        },
+        clear: function() {
+            undoCommands = [];
+            index = -1;
+        },
+        hasUndo: function() { return index !== -1; },
+        hasRedo: function() { return index < (undoCommands.length - 1); },
+        getCommands: function() { return undoCommands; },
+        getPreviousCommand: function() { return undoCommands[index - 1]; },
+        getIndex: function() { return index; }
+    };
+};
+
+},{}],838:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../lib');
+var Plots = require('./plots');
+
+
+/**
+ * Find and supply defaults to all subplots of a given type
+ * This handles subplots that are contained within one container - so
+ * gl3d, geo, ternary... but not 2d axes which have separate x and y axes
+ * finds subplots, coerces their `domain` attributes, then calls the
+ * given handleDefaults function to fill in everything else.
+ *
+ * layoutIn: the complete user-supplied input layout
+ * layoutOut: the complete finished layout
+ * fullData: the finished data array, used only to find subplots
+ * opts: {
+ *  type: subplot type string
+ *  attributes: subplot attributes object
+ *  partition: 'x' or 'y', which direction to divide domain space by default
+ *      (default 'x', ie side-by-side subplots)
+ *      TODO: this option is only here because 3D and geo made opposite
+ *      choices in this regard previously and I didn't want to change it.
+ *      Instead we should do:
+ *      - something consistent
+ *      - something more square (4 cuts 2x2, 5/6 cuts 2x3, etc.)
+ *      - something that includes all subplot types in one arrangement,
+ *        now that we can have them together!
+ *  handleDefaults: function of (subplotLayoutIn, subplotLayoutOut, coerce, opts)
+ *      this opts object is passed through to handleDefaults, so attach any
+ *      additional items needed by this function here as well
+ * }
+ */
+module.exports = function handleSubplotDefaults(layoutIn, layoutOut, fullData, opts) {
+    var subplotType = opts.type,
+        subplotAttributes = opts.attributes,
+        handleDefaults = opts.handleDefaults,
+        partition = opts.partition || 'x';
+
+    var ids = Plots.findSubplotIds(fullData, subplotType),
+        idsLength = ids.length;
+
+    var subplotLayoutIn, subplotLayoutOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(subplotLayoutIn, subplotLayoutOut, subplotAttributes, attr, dflt);
+    }
+
+    for(var i = 0; i < idsLength; i++) {
+        var id = ids[i];
+
+        // ternary traces get a layout ternary for free!
+        if(layoutIn[id]) subplotLayoutIn = layoutIn[id];
+        else subplotLayoutIn = layoutIn[id] = {};
+
+        layoutOut[id] = subplotLayoutOut = {};
+
+        coerce('domain.' + partition, [i / idsLength, (i + 1) / idsLength]);
+        coerce('domain.' + {x: 'y', y: 'x'}[partition]);
+
+        opts.id = id;
+        handleDefaults(subplotLayoutIn, subplotLayoutOut, coerce, opts);
+    }
+};
+
+},{"../lib":728,"./plots":831}],839:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Ternary = require('./ternary');
+
+var Plots = require('../../plots/plots');
+var counterRegex = require('../../lib').counterRegex;
+var TERNARY = 'ternary';
+
+exports.name = TERNARY;
+
+exports.attr = 'subplot';
+
+exports.idRoot = TERNARY;
+
+exports.idRegex = exports.attrRegex = counterRegex(TERNARY);
+
+exports.attributes = require('./layout/attributes');
+
+exports.layoutAttributes = require('./layout/layout_attributes');
+
+exports.supplyLayoutDefaults = require('./layout/defaults');
+
+exports.plot = function plotTernary(gd) {
+    var fullLayout = gd._fullLayout,
+        calcData = gd.calcdata,
+        ternaryIds = Plots.getSubplotIds(fullLayout, TERNARY);
+
+    for(var i = 0; i < ternaryIds.length; i++) {
+        var ternaryId = ternaryIds[i],
+            ternaryCalcData = Plots.getSubplotCalcData(calcData, TERNARY, ternaryId),
+            ternary = fullLayout[ternaryId]._subplot;
+
+        // If ternary is not instantiated, create one!
+        if(!ternary) {
+            ternary = new Ternary({
+                id: ternaryId,
+                graphDiv: gd,
+                container: fullLayout._ternarylayer.node()
+            },
+                fullLayout
+            );
+
+            fullLayout[ternaryId]._subplot = ternary;
+        }
+
+        ternary.plot(ternaryCalcData, fullLayout, gd._promises);
+    }
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var oldTernaryKeys = Plots.getSubplotIds(oldFullLayout, TERNARY);
+
+    for(var i = 0; i < oldTernaryKeys.length; i++) {
+        var oldTernaryKey = oldTernaryKeys[i];
+        var oldTernary = oldFullLayout[oldTernaryKey]._subplot;
+
+        if(!newFullLayout[oldTernaryKey] && !!oldTernary) {
+            oldTernary.plotContainer.remove();
+            oldTernary.clipDef.remove();
+            oldTernary.clipDefRelative.remove();
+        }
+    }
+};
+
+},{"../../lib":728,"../../plots/plots":831,"./layout/attributes":840,"./layout/defaults":843,"./layout/layout_attributes":844,"./ternary":845}],840:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    subplot: {
+        valType: 'subplotid',
+        
+        dflt: 'ternary',
+        editType: 'calc',
+        
+    }
+};
+
+},{}],841:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+var axesAttrs = require('../../cartesian/layout_attributes');
+var extendFlat = require('../../../lib/extend').extendFlat;
+
+
+module.exports = {
+    title: axesAttrs.title,
+    titlefont: axesAttrs.titlefont,
+    color: axesAttrs.color,
+    // ticks
+    tickmode: axesAttrs.tickmode,
+    nticks: extendFlat({}, axesAttrs.nticks, {dflt: 6, min: 1}),
+    tick0: axesAttrs.tick0,
+    dtick: axesAttrs.dtick,
+    tickvals: axesAttrs.tickvals,
+    ticktext: axesAttrs.ticktext,
+    ticks: axesAttrs.ticks,
+    ticklen: axesAttrs.ticklen,
+    tickwidth: axesAttrs.tickwidth,
+    tickcolor: axesAttrs.tickcolor,
+    showticklabels: axesAttrs.showticklabels,
+    showtickprefix: axesAttrs.showtickprefix,
+    tickprefix: axesAttrs.tickprefix,
+    showticksuffix: axesAttrs.showticksuffix,
+    ticksuffix: axesAttrs.ticksuffix,
+    showexponent: axesAttrs.showexponent,
+    exponentformat: axesAttrs.exponentformat,
+    separatethousands: axesAttrs.separatethousands,
+    tickfont: axesAttrs.tickfont,
+    tickangle: axesAttrs.tickangle,
+    tickformat: axesAttrs.tickformat,
+    hoverformat: axesAttrs.hoverformat,
+    // lines and grids
+    showline: extendFlat({}, axesAttrs.showline, {dflt: true}),
+    linecolor: axesAttrs.linecolor,
+    linewidth: axesAttrs.linewidth,
+    showgrid: extendFlat({}, axesAttrs.showgrid, {dflt: true}),
+    gridcolor: axesAttrs.gridcolor,
+    gridwidth: axesAttrs.gridwidth,
+    layer: axesAttrs.layer,
+    // range
+    min: {
+        valType: 'number',
+        dflt: 0,
+        
+        min: 0,
+        
+    }
+};
+
+},{"../../../lib/extend":717,"../../cartesian/layout_attributes":783}],842:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+var colorMix = require('tinycolor2').mix;
+
+var Lib = require('../../../lib');
+
+var layoutAttributes = require('./axis_attributes');
+var handleTickLabelDefaults = require('../../cartesian/tick_label_defaults');
+var handleTickMarkDefaults = require('../../cartesian/tick_mark_defaults');
+var handleTickValueDefaults = require('../../cartesian/tick_value_defaults');
+
+
+module.exports = function supplyLayoutDefaults(containerIn, containerOut, options) {
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, layoutAttributes, attr, dflt);
+    }
+
+    containerOut.type = 'linear'; // no other types allowed for ternary
+
+    var dfltColor = coerce('color');
+    // if axis.color was provided, use it for fonts too; otherwise,
+    // inherit from global font color in case that was provided.
+    var dfltFontColor = (dfltColor === containerIn.color) ? dfltColor : options.font.color;
+
+    var axName = containerOut._name,
+        letterUpper = axName.charAt(0).toUpperCase(),
+        dfltTitle = 'Component ' + letterUpper;
+
+    var title = coerce('title', dfltTitle);
+    containerOut._hovertitle = title === dfltTitle ? title : letterUpper;
+
+    Lib.coerceFont(coerce, 'titlefont', {
+        family: options.font.family,
+        size: Math.round(options.font.size * 1.2),
+        color: dfltFontColor
+    });
+
+    // range is just set by 'min' - max is determined by the other axes mins
+    coerce('min');
+
+    handleTickValueDefaults(containerIn, containerOut, coerce, 'linear');
+    handleTickLabelDefaults(containerIn, containerOut, coerce, 'linear',
+        { noHover: false });
+    handleTickMarkDefaults(containerIn, containerOut, coerce,
+        { outerTicks: true });
+
+    var showTickLabels = coerce('showticklabels');
+    if(showTickLabels) {
+        Lib.coerceFont(coerce, 'tickfont', {
+            family: options.font.family,
+            size: options.font.size,
+            color: dfltFontColor
+        });
+        coerce('tickangle');
+        coerce('tickformat');
+    }
+
+    coerce('hoverformat');
+
+    var showLine = coerce('showline');
+    if(showLine) {
+        coerce('linecolor', dfltColor);
+        coerce('linewidth');
+    }
+
+    var showGridLines = coerce('showgrid');
+    if(showGridLines) {
+        // default grid color is darker here (60%, vs cartesian default ~91%)
+        // because the grid is not square so the eye needs heavier cues to follow
+        coerce('gridcolor', colorMix(dfltColor, options.bgColor, 60).toRgbString());
+        coerce('gridwidth');
+    }
+
+    coerce('layer');
+};
+
+},{"../../../lib":728,"../../cartesian/tick_label_defaults":790,"../../cartesian/tick_mark_defaults":791,"../../cartesian/tick_value_defaults":792,"./axis_attributes":841,"tinycolor2":534}],843:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../../../components/color');
+
+var handleSubplotDefaults = require('../../subplot_defaults');
+var layoutAttributes = require('./layout_attributes');
+var handleAxisDefaults = require('./axis_defaults');
+
+var axesNames = ['aaxis', 'baxis', 'caxis'];
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    handleSubplotDefaults(layoutIn, layoutOut, fullData, {
+        type: 'ternary',
+        attributes: layoutAttributes,
+        handleDefaults: handleTernaryDefaults,
+        font: layoutOut.font,
+        paper_bgcolor: layoutOut.paper_bgcolor
+    });
+};
+
+function handleTernaryDefaults(ternaryLayoutIn, ternaryLayoutOut, coerce, options) {
+    var bgColor = coerce('bgcolor');
+    var sum = coerce('sum');
+    options.bgColor = Color.combine(bgColor, options.paper_bgcolor);
+    var axName, containerIn, containerOut;
+
+    // TODO: allow most (if not all) axis attributes to be set
+    // in the outer container and used as defaults in the individual axes?
+
+    for(var j = 0; j < axesNames.length; j++) {
+        axName = axesNames[j];
+        containerIn = ternaryLayoutIn[axName] || {};
+        containerOut = ternaryLayoutOut[axName] = {_name: axName, type: 'linear'};
+
+        handleAxisDefaults(containerIn, containerOut, options);
+    }
+
+    // if the min values contradict each other, set them all to default (0)
+    // and delete *all* the inputs so the user doesn't get confused later by
+    // changing one and having them all change.
+    var aaxis = ternaryLayoutOut.aaxis,
+        baxis = ternaryLayoutOut.baxis,
+        caxis = ternaryLayoutOut.caxis;
+    if(aaxis.min + baxis.min + caxis.min >= sum) {
+        aaxis.min = 0;
+        baxis.min = 0;
+        caxis.min = 0;
+        if(ternaryLayoutIn.aaxis) delete ternaryLayoutIn.aaxis.min;
+        if(ternaryLayoutIn.baxis) delete ternaryLayoutIn.baxis.min;
+        if(ternaryLayoutIn.caxis) delete ternaryLayoutIn.caxis.min;
+    }
+}
+
+},{"../../../components/color":604,"../../subplot_defaults":838,"./axis_defaults":842,"./layout_attributes":844}],844:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttrs = require('../../../components/color/attributes');
+var ternaryAxesAttrs = require('./axis_attributes');
+var overrideAll = require('../../../plot_api/edit_types').overrideAll;
+
+
+module.exports = overrideAll({
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        }
+    },
+    bgcolor: {
+        valType: 'color',
+        
+        dflt: colorAttrs.background,
+        
+    },
+    sum: {
+        valType: 'number',
+        
+        dflt: 1,
+        min: 0,
+        
+    },
+    aaxis: ternaryAxesAttrs,
+    baxis: ternaryAxesAttrs,
+    caxis: ternaryAxesAttrs
+}, 'plot', 'from-root');
+
+},{"../../../components/color/attributes":603,"../../../plot_api/edit_types":756,"./axis_attributes":841}],845:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var tinycolor = require('tinycolor2');
+
+var Plotly = require('../../plotly');
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var setConvert = require('../cartesian/set_convert');
+var extendFlat = require('../../lib/extend').extendFlat;
+var Plots = require('../plots');
+var Axes = require('../cartesian/axes');
+var dragElement = require('../../components/dragelement');
+var Fx = require('../../components/fx');
+var Titles = require('../../components/titles');
+var prepSelect = require('../cartesian/select');
+var constants = require('../cartesian/constants');
+
+
+function Ternary(options, fullLayout) {
+    this.id = options.id;
+    this.graphDiv = options.graphDiv;
+    this.init(fullLayout);
+    this.makeFramework(fullLayout);
+}
+
+module.exports = Ternary;
+
+var proto = Ternary.prototype;
+
+proto.init = function(fullLayout) {
+    this.container = fullLayout._ternarylayer;
+    this.defs = fullLayout._defs;
+    this.layoutId = fullLayout._uid;
+    this.traceHash = {};
+    this.layers = {};
+};
+
+proto.plot = function(ternaryCalcData, fullLayout) {
+    var _this = this;
+    var ternaryLayout = fullLayout[_this.id];
+    var graphSize = fullLayout._size;
+
+    _this._hasClipOnAxisFalse = false;
+    for(var i = 0; i < ternaryCalcData.length; i++) {
+        var trace = ternaryCalcData[i][0].trace;
+
+        if(trace.cliponaxis === false) {
+            _this._hasClipOnAxisFalse = true;
+            break;
+        }
+    }
+
+    _this.updateLayers(ternaryLayout);
+    _this.adjustLayout(ternaryLayout, graphSize);
+    Plots.generalUpdatePerTraceModule(_this, ternaryCalcData, ternaryLayout);
+    _this.layers.plotbg.select('path').call(Color.fill, ternaryLayout.bgcolor);
+};
+
+proto.makeFramework = function(fullLayout) {
+    var _this = this;
+    var ternaryLayout = fullLayout[_this.id];
+    var clipId = _this.clipId = 'clip' + _this.layoutId + _this.id;
+
+    // clippath for this ternary subplot
+    _this.clipDef = fullLayout._clips.selectAll('#' + clipId)
+        .data([0]);
+    _this.clipDef.enter().append('clipPath').attr('id', clipId)
+        .append('path').attr('d', 'M0,0Z');
+
+    // 'relative' clippath (i.e. no translation) for this ternary subplot
+    var clipIdRelative = _this.clipIdRelative = 'clip-relative' + _this.layoutId + _this.id;
+    _this.clipDefRelative = fullLayout._clips.selectAll('#' + clipIdRelative)
+        .data([0]);
+    _this.clipDefRelative.enter().append('clipPath').attr('id', clipIdRelative)
+        .append('path').attr('d', 'M0,0Z');
+
+    // container for everything in this ternary subplot
+    _this.plotContainer = _this.container.selectAll('g.' + _this.id)
+        .data([0]);
+    _this.plotContainer.enter().append('g')
+        .classed(_this.id, true);
+
+    _this.updateLayers(ternaryLayout);
+
+    Drawing.setClipUrl(_this.layers.backplot, clipId);
+    Drawing.setClipUrl(_this.layers.grids, clipId);
+};
+
+proto.updateLayers = function(ternaryLayout) {
+    var _this = this;
+    var layers = _this.layers;
+
+    // inside that container, we have one container for the data, and
+    // one each for the three axes around it.
+
+    var plotLayers = ['draglayer', 'plotbg', 'backplot', 'grids'];
+
+    if(ternaryLayout.aaxis.layer === 'below traces') {
+        plotLayers.push('aaxis', 'aline');
+    }
+    if(ternaryLayout.baxis.layer === 'below traces') {
+        plotLayers.push('baxis', 'bline');
+    }
+    if(ternaryLayout.caxis.layer === 'below traces') {
+        plotLayers.push('caxis', 'cline');
+    }
+
+    plotLayers.push('frontplot');
+
+    if(ternaryLayout.aaxis.layer === 'above traces') {
+        plotLayers.push('aaxis', 'aline');
+    }
+    if(ternaryLayout.baxis.layer === 'above traces') {
+        plotLayers.push('baxis', 'bline');
+    }
+    if(ternaryLayout.caxis.layer === 'above traces') {
+        plotLayers.push('caxis', 'cline');
+    }
+
+    var toplevel = _this.plotContainer.selectAll('g.toplevel')
+        .data(plotLayers, String);
+
+    var grids = ['agrid', 'bgrid', 'cgrid'];
+
+    toplevel.enter().append('g')
+        .attr('class', function(d) { return 'toplevel ' + d; })
+        .each(function(d) {
+            var s = d3.select(this);
+            layers[d] = s;
+
+            // containers for different trace types.
+            // NOTE - this is different from cartesian, where all traces
+            // are in front of grids. Here I'm putting maps behind the grids
+            // so the grids will always be visible if they're requested.
+            // Perhaps we want that for cartesian too?
+            if(d === 'frontplot') {
+                s.append('g').classed('scatterlayer', true);
+            } else if(d === 'backplot') {
+                s.append('g').classed('maplayer', true);
+            } else if(d === 'plotbg') {
+                s.append('path').attr('d', 'M0,0Z');
+            } else if(d === 'aline' || d === 'bline' || d === 'cline') {
+                s.append('path');
+            } else if(d === 'grids') {
+                grids.forEach(function(d) {
+                    layers[d] = s.append('g').classed('grid ' + d, true);
+                });
+            }
+        });
+
+    toplevel.order();
+};
+
+var w_over_h = Math.sqrt(4 / 3);
+
+proto.adjustLayout = function(ternaryLayout, graphSize) {
+    var _this = this,
+        domain = ternaryLayout.domain,
+        xDomainCenter = (domain.x[0] + domain.x[1]) / 2,
+        yDomainCenter = (domain.y[0] + domain.y[1]) / 2,
+        xDomain = domain.x[1] - domain.x[0],
+        yDomain = domain.y[1] - domain.y[0],
+        wmax = xDomain * graphSize.w,
+        hmax = yDomain * graphSize.h,
+        sum = ternaryLayout.sum,
+        amin = ternaryLayout.aaxis.min,
+        bmin = ternaryLayout.baxis.min,
+        cmin = ternaryLayout.caxis.min;
+
+    var x0, y0, w, h, xDomainFinal, yDomainFinal;
+
+    if(wmax > w_over_h * hmax) {
+        h = hmax;
+        w = h * w_over_h;
+    }
+    else {
+        w = wmax;
+        h = w / w_over_h;
+    }
+
+    xDomainFinal = xDomain * w / wmax;
+    yDomainFinal = yDomain * h / hmax;
+
+    x0 = graphSize.l + graphSize.w * xDomainCenter - w / 2;
+    y0 = graphSize.t + graphSize.h * (1 - yDomainCenter) - h / 2;
+
+    _this.x0 = x0;
+    _this.y0 = y0;
+    _this.w = w;
+    _this.h = h;
+    _this.sum = sum;
+
+    // set up the x and y axis objects we'll use to lay out the points
+    _this.xaxis = {
+        type: 'linear',
+        range: [amin + 2 * cmin - sum, sum - amin - 2 * bmin],
+        domain: [
+            xDomainCenter - xDomainFinal / 2,
+            xDomainCenter + xDomainFinal / 2
+        ],
+        _id: 'x'
+    };
+    setConvert(_this.xaxis, _this.graphDiv._fullLayout);
+    _this.xaxis.setScale();
+    _this.xaxis.isPtWithinRange = function(d) {
+        return (
+            d.a >= _this.aaxis.range[0] &&
+            d.a <= _this.aaxis.range[1] &&
+            d.b >= _this.baxis.range[1] &&
+            d.b <= _this.baxis.range[0] &&
+            d.c >= _this.caxis.range[1] &&
+            d.c <= _this.caxis.range[0]
+        );
+    };
+
+    _this.yaxis = {
+        type: 'linear',
+        range: [amin, sum - bmin - cmin],
+        domain: [
+            yDomainCenter - yDomainFinal / 2,
+            yDomainCenter + yDomainFinal / 2
+        ],
+        _id: 'y'
+    };
+    setConvert(_this.yaxis, _this.graphDiv._fullLayout);
+    _this.yaxis.setScale();
+    _this.yaxis.isPtWithinRange = function() { return true; };
+
+    // set up the modified axes for tick drawing
+    var yDomain0 = _this.yaxis.domain[0];
+
+    // aaxis goes up the left side. Set it up as a y axis, but with
+    // fictitious angles and domain, but then rotate and translate
+    // it into place at the end
+    var aaxis = _this.aaxis = extendFlat({}, ternaryLayout.aaxis, {
+        visible: true,
+        range: [amin, sum - bmin - cmin],
+        side: 'left',
+        _counterangle: 30,
+        // tickangle = 'auto' means 0 anyway for a y axis, need to coerce to 0 here
+        // so we can shift by 30.
+        tickangle: (+ternaryLayout.aaxis.tickangle || 0) - 30,
+        domain: [yDomain0, yDomain0 + yDomainFinal * w_over_h],
+        _axislayer: _this.layers.aaxis,
+        _gridlayer: _this.layers.agrid,
+        _pos: 0, // _this.xaxis.domain[0] * graphSize.w,
+        _id: 'y',
+        _length: w,
+        _gridpath: 'M0,0l' + h + ',-' + (w / 2)
+    });
+    setConvert(aaxis, _this.graphDiv._fullLayout);
+    aaxis.setScale();
+
+    // baxis goes across the bottom (backward). We can set it up as an x axis
+    // without any enclosing transformation.
+    var baxis = _this.baxis = extendFlat({}, ternaryLayout.baxis, {
+        visible: true,
+        range: [sum - amin - cmin, bmin],
+        side: 'bottom',
+        _counterangle: 30,
+        domain: _this.xaxis.domain,
+        _axislayer: _this.layers.baxis,
+        _gridlayer: _this.layers.bgrid,
+        _counteraxis: _this.aaxis,
+        _pos: 0, // (1 - yDomain0) * graphSize.h,
+        _id: 'x',
+        _length: w,
+        _gridpath: 'M0,0l-' + (w / 2) + ',-' + h
+    });
+    setConvert(baxis, _this.graphDiv._fullLayout);
+    baxis.setScale();
+    aaxis._counteraxis = baxis;
+
+    // caxis goes down the right side. Set it up as a y axis, with
+    // post-transformation similar to aaxis
+    var caxis = _this.caxis = extendFlat({}, ternaryLayout.caxis, {
+        visible: true,
+        range: [sum - amin - bmin, cmin],
+        side: 'right',
+        _counterangle: 30,
+        tickangle: (+ternaryLayout.caxis.tickangle || 0) + 30,
+        domain: [yDomain0, yDomain0 + yDomainFinal * w_over_h],
+        _axislayer: _this.layers.caxis,
+        _gridlayer: _this.layers.cgrid,
+        _counteraxis: _this.baxis,
+        _pos: 0, // _this.xaxis.domain[1] * graphSize.w,
+        _id: 'y',
+        _length: w,
+        _gridpath: 'M0,0l-' + h + ',' + (w / 2)
+    });
+    setConvert(caxis, _this.graphDiv._fullLayout);
+    caxis.setScale();
+
+    var triangleClip = 'M' + x0 + ',' + (y0 + h) + 'h' + w + 'l-' + (w / 2) + ',-' + h + 'Z';
+    _this.clipDef.select('path').attr('d', triangleClip);
+    _this.layers.plotbg.select('path').attr('d', triangleClip);
+
+    var triangleClipRelative = 'M0,' + h + 'h' + w + 'l-' + (w / 2) + ',-' + h + 'Z';
+    _this.clipDefRelative.select('path').attr('d', triangleClipRelative);
+
+    var plotTransform = 'translate(' + x0 + ',' + y0 + ')';
+    _this.plotContainer.selectAll('.scatterlayer,.maplayer')
+        .attr('transform', plotTransform);
+
+    _this.clipDefRelative.select('path').attr('transform', null);
+
+    // TODO: shift axes to accommodate linewidth*sin(30) tick mark angle
+
+    var bTransform = 'translate(' + x0 + ',' + (y0 + h) + ')';
+
+    _this.layers.baxis.attr('transform', bTransform);
+    _this.layers.bgrid.attr('transform', bTransform);
+
+    var aTransform = 'translate(' + (x0 + w / 2) + ',' + y0 + ')rotate(30)';
+    _this.layers.aaxis.attr('transform', aTransform);
+    _this.layers.agrid.attr('transform', aTransform);
+
+    var cTransform = 'translate(' + (x0 + w / 2) + ',' + y0 + ')rotate(-30)';
+    _this.layers.caxis.attr('transform', cTransform);
+    _this.layers.cgrid.attr('transform', cTransform);
+
+    _this.drawAxes(true);
+
+    // remove crispEdges - all the off-square angles in ternary plots
+    // make these counterproductive.
+    _this.plotContainer.selectAll('.crisp').classed('crisp', false);
+
+    _this.layers.aline.select('path')
+        .attr('d', aaxis.showline ?
+            'M' + x0 + ',' + (y0 + h) + 'l' + (w / 2) + ',-' + h : 'M0,0')
+        .call(Color.stroke, aaxis.linecolor || '#000')
+        .style('stroke-width', (aaxis.linewidth || 0) + 'px');
+    _this.layers.bline.select('path')
+        .attr('d', baxis.showline ?
+            'M' + x0 + ',' + (y0 + h) + 'h' + w : 'M0,0')
+        .call(Color.stroke, baxis.linecolor || '#000')
+        .style('stroke-width', (baxis.linewidth || 0) + 'px');
+    _this.layers.cline.select('path')
+        .attr('d', caxis.showline ?
+            'M' + (x0 + w / 2) + ',' + y0 + 'l' + (w / 2) + ',' + h : 'M0,0')
+        .call(Color.stroke, caxis.linecolor || '#000')
+        .style('stroke-width', (caxis.linewidth || 0) + 'px');
+
+    if(!_this.graphDiv._context.staticPlot) {
+        _this.initInteractions();
+    }
+
+    Drawing.setClipUrl(
+        _this.layers.frontplot,
+        _this._hasClipOnAxisFalse ? null : _this.clipId
+    );
+};
+
+proto.drawAxes = function(doTitles) {
+    var _this = this,
+        gd = _this.graphDiv,
+        titlesuffix = _this.id.substr(7) + 'title',
+        aaxis = _this.aaxis,
+        baxis = _this.baxis,
+        caxis = _this.caxis;
+    // 3rd arg true below skips titles, so we can configure them
+    // correctly later on.
+    Axes.doTicks(gd, aaxis, true);
+    Axes.doTicks(gd, baxis, true);
+    Axes.doTicks(gd, caxis, true);
+
+    if(doTitles) {
+        var apad = Math.max(aaxis.showticklabels ? aaxis.tickfont.size / 2 : 0,
+            (caxis.showticklabels ? caxis.tickfont.size * 0.75 : 0) +
+            (caxis.ticks === 'outside' ? caxis.ticklen * 0.87 : 0));
+        Titles.draw(gd, 'a' + titlesuffix, {
+            propContainer: aaxis,
+            propName: _this.id + '.aaxis.title',
+            dfltName: 'Component A',
+            attributes: {
+                x: _this.x0 + _this.w / 2,
+                y: _this.y0 - aaxis.titlefont.size / 3 - apad,
+                'text-anchor': 'middle'
+            }
+        });
+
+        var bpad = (baxis.showticklabels ? baxis.tickfont.size : 0) +
+            (baxis.ticks === 'outside' ? baxis.ticklen : 0) + 3;
+
+        Titles.draw(gd, 'b' + titlesuffix, {
+            propContainer: baxis,
+            propName: _this.id + '.baxis.title',
+            dfltName: 'Component B',
+            attributes: {
+                x: _this.x0 - bpad,
+                y: _this.y0 + _this.h + baxis.titlefont.size * 0.83 + bpad,
+                'text-anchor': 'middle'
+            }
+        });
+
+        Titles.draw(gd, 'c' + titlesuffix, {
+            propContainer: caxis,
+            propName: _this.id + '.caxis.title',
+            dfltName: 'Component C',
+            attributes: {
+                x: _this.x0 + _this.w + bpad,
+                y: _this.y0 + _this.h + caxis.titlefont.size * 0.83 + bpad,
+                'text-anchor': 'middle'
+            }
+        });
+    }
+};
+
+// hard coded paths for zoom corners
+// uses the same sizing as cartesian, length is MINZOOM/2, width is 3px
+var CLEN = constants.MINZOOM / 2 + 0.87;
+var BLPATH = 'm-0.87,.5h' + CLEN + 'v3h-' + (CLEN + 5.2) +
+    'l' + (CLEN / 2 + 2.6) + ',-' + (CLEN * 0.87 + 4.5) +
+    'l2.6,1.5l-' + (CLEN / 2) + ',' + (CLEN * 0.87) + 'Z';
+var BRPATH = 'm0.87,.5h-' + CLEN + 'v3h' + (CLEN + 5.2) +
+    'l-' + (CLEN / 2 + 2.6) + ',-' + (CLEN * 0.87 + 4.5) +
+    'l-2.6,1.5l' + (CLEN / 2) + ',' + (CLEN * 0.87) + 'Z';
+var TOPPATH = 'm0,1l' + (CLEN / 2) + ',' + (CLEN * 0.87) +
+    'l2.6,-1.5l-' + (CLEN / 2 + 2.6) + ',-' + (CLEN * 0.87 + 4.5) +
+    'l-' + (CLEN / 2 + 2.6) + ',' + (CLEN * 0.87 + 4.5) +
+    'l2.6,1.5l' + (CLEN / 2) + ',-' + (CLEN * 0.87) + 'Z';
+var STARTMARKER = 'm0.5,0.5h5v-2h-5v-5h-2v5h-5v2h5v5h2Z';
+
+// I guess this could be shared with cartesian... but for now it's separate.
+var SHOWZOOMOUTTIP = true;
+
+proto.initInteractions = function() {
+    var _this = this,
+        dragger = _this.layers.plotbg.select('path').node(),
+        gd = _this.graphDiv,
+        zoomContainer = gd._fullLayout._zoomlayer;
+
+    // use plotbg for the main interactions
+    var dragOptions = {
+        element: dragger,
+        gd: gd,
+        plotinfo: {
+            xaxis: _this.xaxis,
+            yaxis: _this.yaxis
+        },
+        doubleclick: doubleClick,
+        subplot: _this.id,
+        prepFn: function(e, startX, startY) {
+            // these aren't available yet when initInteractions
+            // is called
+            dragOptions.xaxes = [_this.xaxis];
+            dragOptions.yaxes = [_this.yaxis];
+            var dragModeNow = gd._fullLayout.dragmode;
+            if(e.shiftKey) {
+                if(dragModeNow === 'pan') dragModeNow = 'zoom';
+                else dragModeNow = 'pan';
+            }
+
+            if(dragModeNow === 'lasso') dragOptions.minDrag = 1;
+            else dragOptions.minDrag = undefined;
+
+            if(dragModeNow === 'zoom') {
+                dragOptions.moveFn = zoomMove;
+                dragOptions.doneFn = zoomDone;
+                zoomPrep(e, startX, startY);
+            }
+            else if(dragModeNow === 'pan') {
+                dragOptions.moveFn = plotDrag;
+                dragOptions.doneFn = dragDone;
+                panPrep();
+                clearSelect();
+            }
+            else if(dragModeNow === 'select' || dragModeNow === 'lasso') {
+                prepSelect(e, startX, startY, dragOptions, dragModeNow);
+            }
+        }
+    };
+
+    var x0, y0, mins0, span0, mins, lum, path0, dimmed, zb, corners;
+
+    function zoomPrep(e, startX, startY) {
+        var dragBBox = dragger.getBoundingClientRect();
+        x0 = startX - dragBBox.left;
+        y0 = startY - dragBBox.top;
+        mins0 = {
+            a: _this.aaxis.range[0],
+            b: _this.baxis.range[1],
+            c: _this.caxis.range[1]
+        };
+        mins = mins0;
+        span0 = _this.aaxis.range[1] - mins0.a;
+        lum = tinycolor(_this.graphDiv._fullLayout[_this.id].bgcolor).getLuminance();
+        path0 = 'M0,' + _this.h + 'L' + (_this.w / 2) + ', 0L' + _this.w + ',' + _this.h + 'Z';
+        dimmed = false;
+
+        zb = zoomContainer.append('path')
+            .attr('class', 'zoombox')
+            .attr('transform', 'translate(' + _this.x0 + ', ' + _this.y0 + ')')
+            .style({
+                'fill': lum > 0.2 ? 'rgba(0,0,0,0)' : 'rgba(255,255,255,0)',
+                'stroke-width': 0
+            })
+            .attr('d', path0);
+
+        corners = zoomContainer.append('path')
+            .attr('class', 'zoombox-corners')
+            .attr('transform', 'translate(' + _this.x0 + ', ' + _this.y0 + ')')
+            .style({
+                fill: Color.background,
+                stroke: Color.defaultLine,
+                'stroke-width': 1,
+                opacity: 0
+            })
+            .attr('d', 'M0,0Z');
+
+        clearSelect();
+    }
+
+    function getAFrac(x, y) { return 1 - (y / _this.h); }
+    function getBFrac(x, y) { return 1 - ((x + (_this.h - y) / Math.sqrt(3)) / _this.w); }
+    function getCFrac(x, y) { return ((x - (_this.h - y) / Math.sqrt(3)) / _this.w); }
+
+    function zoomMove(dx0, dy0) {
+        var x1 = x0 + dx0,
+            y1 = y0 + dy0,
+            afrac = Math.max(0, Math.min(1, getAFrac(x0, y0), getAFrac(x1, y1))),
+            bfrac = Math.max(0, Math.min(1, getBFrac(x0, y0), getBFrac(x1, y1))),
+            cfrac = Math.max(0, Math.min(1, getCFrac(x0, y0), getCFrac(x1, y1))),
+            xLeft = ((afrac / 2) + cfrac) * _this.w,
+            xRight = (1 - (afrac / 2) - bfrac) * _this.w,
+            xCenter = (xLeft + xRight) / 2,
+            xSpan = xRight - xLeft,
+            yBottom = (1 - afrac) * _this.h,
+            yTop = yBottom - xSpan / w_over_h;
+
+        if(xSpan < constants.MINZOOM) {
+            mins = mins0;
+            zb.attr('d', path0);
+            corners.attr('d', 'M0,0Z');
+        }
+        else {
+            mins = {
+                a: mins0.a + afrac * span0,
+                b: mins0.b + bfrac * span0,
+                c: mins0.c + cfrac * span0
+            };
+            zb.attr('d', path0 + 'M' + xLeft + ',' + yBottom +
+                'H' + xRight + 'L' + xCenter + ',' + yTop +
+                'L' + xLeft + ',' + yBottom + 'Z');
+            corners.attr('d', 'M' + x0 + ',' + y0 + STARTMARKER +
+                'M' + xLeft + ',' + yBottom + BLPATH +
+                'M' + xRight + ',' + yBottom + BRPATH +
+                'M' + xCenter + ',' + yTop + TOPPATH);
+        }
+
+        if(!dimmed) {
+            zb.transition()
+                .style('fill', lum > 0.2 ? 'rgba(0,0,0,0.4)' :
+                    'rgba(255,255,255,0.3)')
+                .duration(200);
+            corners.transition()
+                .style('opacity', 1)
+                .duration(200);
+            dimmed = true;
+        }
+    }
+
+    function zoomDone(dragged, numClicks) {
+        if(mins === mins0) {
+            if(numClicks === 2) doubleClick();
+
+            return removeZoombox(gd);
+        }
+
+        removeZoombox(gd);
+
+        var attrs = {};
+        attrs[_this.id + '.aaxis.min'] = mins.a;
+        attrs[_this.id + '.baxis.min'] = mins.b;
+        attrs[_this.id + '.caxis.min'] = mins.c;
+
+        Plotly.relayout(gd, attrs);
+
+        if(SHOWZOOMOUTTIP && gd.data && gd._context.showTips) {
+            Lib.notifier('Double-click to<br>zoom back out', 'long');
+            SHOWZOOMOUTTIP = false;
+        }
+    }
+
+    function panPrep() {
+        mins0 = {
+            a: _this.aaxis.range[0],
+            b: _this.baxis.range[1],
+            c: _this.caxis.range[1]
+        };
+        mins = mins0;
+    }
+
+    function plotDrag(dx, dy) {
+        var dxScaled = dx / _this.xaxis._m,
+            dyScaled = dy / _this.yaxis._m;
+        mins = {
+            a: mins0.a - dyScaled,
+            b: mins0.b + (dxScaled + dyScaled) / 2,
+            c: mins0.c - (dxScaled - dyScaled) / 2
+        };
+        var minsorted = [mins.a, mins.b, mins.c].sort(),
+            minindices = {
+                a: minsorted.indexOf(mins.a),
+                b: minsorted.indexOf(mins.b),
+                c: minsorted.indexOf(mins.c)
+            };
+        if(minsorted[0] < 0) {
+            if(minsorted[1] + minsorted[0] / 2 < 0) {
+                minsorted[2] += minsorted[0] + minsorted[1];
+                minsorted[0] = minsorted[1] = 0;
+            }
+            else {
+                minsorted[2] += minsorted[0] / 2;
+                minsorted[1] += minsorted[0] / 2;
+                minsorted[0] = 0;
+            }
+            mins = {
+                a: minsorted[minindices.a],
+                b: minsorted[minindices.b],
+                c: minsorted[minindices.c]
+            };
+            dy = (mins0.a - mins.a) * _this.yaxis._m;
+            dx = (mins0.c - mins.c - mins0.b + mins.b) * _this.xaxis._m;
+        }
+
+        // move the data (translate, don't redraw)
+        var plotTransform = 'translate(' + (_this.x0 + dx) + ',' + (_this.y0 + dy) + ')';
+        _this.plotContainer.selectAll('.scatterlayer,.maplayer')
+            .attr('transform', plotTransform);
+
+        var plotTransform2 = 'translate(' + -dx + ',' + -dy + ')';
+        _this.clipDefRelative.select('path').attr('transform', plotTransform2);
+
+        // move the ticks
+        _this.aaxis.range = [mins.a, _this.sum - mins.b - mins.c];
+        _this.baxis.range = [_this.sum - mins.a - mins.c, mins.b];
+        _this.caxis.range = [_this.sum - mins.a - mins.b, mins.c];
+
+        _this.drawAxes(false);
+        _this.plotContainer.selectAll('.crisp').classed('crisp', false);
+
+        if(_this._hasClipOnAxisFalse) {
+            var scatterPoints = _this.plotContainer
+                .select('.scatterlayer').selectAll('.points');
+
+            scatterPoints.selectAll('.point')
+                .call(Drawing.hideOutsideRangePoints, _this);
+
+            scatterPoints.selectAll('.textpoint')
+                .call(Drawing.hideOutsideRangePoints, _this);
+        }
+    }
+
+    function dragDone(dragged, numClicks) {
+        if(dragged) {
+            var attrs = {};
+            attrs[_this.id + '.aaxis.min'] = mins.a;
+            attrs[_this.id + '.baxis.min'] = mins.b;
+            attrs[_this.id + '.caxis.min'] = mins.c;
+
+            Plotly.relayout(gd, attrs);
+        }
+        else if(numClicks === 2) doubleClick();
+    }
+
+    function clearSelect() {
+        // until we get around to persistent selections, remove the outline
+        // here. The selection itself will be removed when the plot redraws
+        // at the end.
+        zoomContainer.selectAll('.select-outline').remove();
+    }
+
+    function doubleClick() {
+        var attrs = {};
+        attrs[_this.id + '.aaxis.min'] = 0;
+        attrs[_this.id + '.baxis.min'] = 0;
+        attrs[_this.id + '.caxis.min'] = 0;
+        gd.emit('plotly_doubleclick', null);
+        Plotly.relayout(gd, attrs);
+    }
+
+    // finally, set up hover and click
+    // these event handlers must already be set before dragElement.init
+    // so it can stash them and override them.
+    dragger.onmousemove = function(evt) {
+        Fx.hover(gd, evt, _this.id);
+        gd._fullLayout._lasthover = dragger;
+        gd._fullLayout._hoversubplot = _this.id;
+    };
+
+    dragger.onmouseout = function(evt) {
+        if(gd._dragging) return;
+
+        dragElement.unhover(gd, evt);
+    };
+
+    dragger.onclick = function(evt) {
+        Fx.click(gd, evt, _this.id);
+    };
+
+    dragElement.init(dragOptions);
+};
+
+function removeZoombox(gd) {
+    d3.select(gd)
+        .selectAll('.zoombox,.js-zoombox-backdrop,.js-zoombox-menu,.zoombox-corners')
+        .remove();
+}
+
+},{"../../components/color":604,"../../components/dragelement":625,"../../components/drawing":628,"../../components/fx":645,"../../components/titles":694,"../../lib":728,"../../lib/extend":717,"../../plotly":767,"../cartesian/axes":772,"../cartesian/constants":777,"../cartesian/select":788,"../cartesian/set_convert":789,"../plots":831,"d3":122,"tinycolor2":534}],846:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Loggers = require('./lib/loggers');
+var noop = require('./lib/noop');
+var pushUnique = require('./lib/push_unique');
+var ExtendModule = require('./lib/extend');
+var extendFlat = ExtendModule.extendFlat;
+var extendDeepAll = ExtendModule.extendDeepAll;
+
+var basePlotAttributes = require('./plots/attributes');
+var baseLayoutAttributes = require('./plots/layout_attributes');
+
+exports.modules = {};
+exports.allCategories = {};
+exports.allTypes = [];
+exports.subplotsRegistry = {};
+exports.transformsRegistry = {};
+exports.componentsRegistry = {};
+exports.layoutArrayContainers = [];
+exports.layoutArrayRegexes = [];
+exports.traceLayoutAttributes = {};
+
+/**
+ * register a module as the handler for a trace type
+ *
+ * @param {object} _module the module that will handle plotting this trace type
+ * @param {string} thisType
+ * @param {array of strings} categoriesIn all the categories this type is in,
+ *     tested by calls: traceIs(trace, oneCategory)
+ * @param {object} meta meta information about the trace type
+ */
+exports.register = function(_module, thisType, categoriesIn, meta) {
+    if(exports.modules[thisType]) {
+        Loggers.log('Type ' + thisType + ' already registered');
+        return;
+    }
+
+    var categoryObj = {};
+    for(var i = 0; i < categoriesIn.length; i++) {
+        categoryObj[categoriesIn[i]] = true;
+        exports.allCategories[categoriesIn[i]] = true;
+    }
+
+    exports.modules[thisType] = {
+        _module: _module,
+        categories: categoryObj
+    };
+
+    if(meta && Object.keys(meta).length) {
+        exports.modules[thisType].meta = meta;
+    }
+
+    exports.allTypes.push(thisType);
+
+    for(var componentName in exports.componentsRegistry) {
+        mergeComponentAttrsToTrace(componentName, thisType);
+    }
+
+    /*
+     * Collect all trace layout attributes in one place for easier lookup later
+     * but don't merge them into the base schema as it would confuse the docs
+     * (at least after https://github.com/plotly/documentation/issues/202 gets done!)
+     */
+    if(_module.layoutAttributes) {
+        extendFlat(exports.traceLayoutAttributes, _module.layoutAttributes);
+    }
+};
+
+/**
+ * register a subplot type
+ *
+ * @param {object} _module subplot module:
+ *
+ *      @param {string or array of strings} attr
+ *          attribute name in traces and layout
+ *      @param {string or array of strings} idRoot
+ *          root of id (setting the possible value for attrName)
+ *      @param {object} attributes
+ *          attribute(s) for traces of this subplot type
+ *
+ * In trace objects `attr` is the object key taking a valid `id` as value
+ * (the set of all valid ids is generated below and stored in idRegex).
+ *
+ * In the layout object, a or several valid `attr` name(s) can be keys linked
+ * to a nested attribute objects
+ * (the set of all valid attr names is generated below and stored in attrRegex).
+ */
+exports.registerSubplot = function(_module) {
+    var plotType = _module.name;
+
+    if(exports.subplotsRegistry[plotType]) {
+        Loggers.log('Plot type ' + plotType + ' already registered.');
+        return;
+    }
+
+    // relayout array handling will look for component module methods with this
+    // name and won't find them because this is a subplot module... but that
+    // should be fine, it will just fall back on redrawing the plot.
+    findArrayRegexps(_module);
+
+    // not sure what's best for the 'cartesian' type at this point
+    exports.subplotsRegistry[plotType] = _module;
+
+    for(var componentName in exports.componentsRegistry) {
+        mergeComponentAttrsToSubplot(componentName, _module.name);
+    }
+};
+
+exports.registerComponent = function(_module) {
+    var name = _module.name;
+
+    exports.componentsRegistry[name] = _module;
+
+    if(_module.layoutAttributes) {
+        if(_module.layoutAttributes._isLinkedToArray) {
+            pushUnique(exports.layoutArrayContainers, name);
+        }
+        findArrayRegexps(_module);
+    }
+
+    for(var traceType in exports.modules) {
+        mergeComponentAttrsToTrace(name, traceType);
+    }
+
+    for(var subplotName in exports.subplotsRegistry) {
+        mergeComponentAttrsToSubplot(name, subplotName);
+    }
+
+    for(var transformType in exports.transformsRegistry) {
+        mergeComponentAttrsToTransform(name, transformType);
+    }
+
+    if(_module.schema && _module.schema.layout) {
+        extendDeepAll(baseLayoutAttributes, _module.schema.layout);
+    }
+};
+
+exports.registerTransform = function(_module) {
+    exports.transformsRegistry[_module.name] = _module;
+
+    for(var componentName in exports.componentsRegistry) {
+        mergeComponentAttrsToTransform(componentName, _module.name);
+    }
+};
+
+function findArrayRegexps(_module) {
+    if(_module.layoutAttributes) {
+        var arrayAttrRegexps = _module.layoutAttributes._arrayAttrRegexps;
+        if(arrayAttrRegexps) {
+            for(var i = 0; i < arrayAttrRegexps.length; i++) {
+                pushUnique(exports.layoutArrayRegexes, arrayAttrRegexps[i]);
+            }
+        }
+    }
+}
+
+function mergeComponentAttrsToTrace(componentName, traceType) {
+    var componentSchema = exports.componentsRegistry[componentName].schema;
+    if(!componentSchema || !componentSchema.traces) return;
+
+    var traceAttrs = componentSchema.traces[traceType];
+    if(traceAttrs) {
+        extendDeepAll(exports.modules[traceType]._module.attributes, traceAttrs);
+    }
+}
+
+function mergeComponentAttrsToTransform(componentName, transformType) {
+    var componentSchema = exports.componentsRegistry[componentName].schema;
+    if(!componentSchema || !componentSchema.transforms) return;
+
+    var transformAttrs = componentSchema.transforms[transformType];
+    if(transformAttrs) {
+        extendDeepAll(exports.transformsRegistry[transformType].attributes, transformAttrs);
+    }
+}
+
+function mergeComponentAttrsToSubplot(componentName, subplotName) {
+    var componentSchema = exports.componentsRegistry[componentName].schema;
+    if(!componentSchema || !componentSchema.subplots) return;
+
+    var subplotModule = exports.subplotsRegistry[subplotName];
+    var subplotAttrs = subplotModule.layoutAttributes;
+    var subplotAttr = subplotModule.attr === 'subplot' ? subplotModule.name : subplotModule.attr;
+    if(Array.isArray(subplotAttr)) subplotAttr = subplotAttr[0];
+
+    var componentLayoutAttrs = componentSchema.subplots[subplotAttr];
+    if(subplotAttrs && componentLayoutAttrs) {
+        extendDeepAll(subplotAttrs, componentLayoutAttrs);
+    }
+}
+
+/**
+ * Get registered module using trace object or trace type
+ *
+ * @param {object||string} trace
+ *  trace object with prop 'type' or trace type as a string
+ * @return {object}
+ *  module object corresponding to trace type
+ */
+exports.getModule = function(trace) {
+    if(trace.r !== undefined) {
+        Loggers.warn('Tried to put a polar trace ' +
+            'on an incompatible graph of cartesian ' +
+            'data. Ignoring this dataset.', trace
+        );
+        return false;
+    }
+
+    var _module = exports.modules[getTraceType(trace)];
+    if(!_module) return false;
+    return _module._module;
+};
+
+/**
+ * Determine if this trace type is in a given category
+ *
+ * @param {object||string} traceType
+ *  a trace (object) or trace type (string)
+ * @param {string} category
+ *  category in question
+ * @return {boolean}
+ */
+exports.traceIs = function(traceType, category) {
+    traceType = getTraceType(traceType);
+
+    // old plot.ly workspace hack, nothing to see here
+    if(traceType === 'various') return false;
+
+    var _module = exports.modules[traceType];
+
+    if(!_module) {
+        if(traceType && traceType !== 'area') {
+            Loggers.log('Unrecognized trace type ' + traceType + '.');
+        }
+
+        _module = exports.modules[basePlotAttributes.type.dflt];
+    }
+
+    return !!_module.categories[category];
+};
+
+/**
+ * Determine if this trace has a transform of the given type and return
+ * array of matching indices.
+ *
+ * @param {object} data
+ *  a trace object (member of data or fullData)
+ * @param {string} type
+ *  type of trace to test
+ * @return {array}
+ *  array of matching indices. If none found, returns []
+ */
+exports.getTransformIndices = function(data, type) {
+    var indices = [];
+    var transforms = data.transforms || [];
+    for(var i = 0; i < transforms.length; i++) {
+        if(transforms[i].type === type) {
+            indices.push(i);
+        }
+    }
+    return indices;
+};
+
+/**
+ * Determine if this trace has a transform of the given type
+ *
+ * @param {object} data
+ *  a trace object (member of data or fullData)
+ * @param {string} type
+ *  type of trace to test
+ * @return {boolean}
+ */
+exports.hasTransform = function(data, type) {
+    var transforms = data.transforms || [];
+    for(var i = 0; i < transforms.length; i++) {
+        if(transforms[i].type === type) {
+            return true;
+        }
+    }
+    return false;
+
+};
+
+/**
+ * Retrieve component module method. Falls back on noop if either the
+ * module or the method is missing, so the result can always be safely called
+ *
+ * @param {string} name
+ *  name of component (as declared in component module)
+ * @param {string} method
+ *  name of component module method
+ * @return {function}
+ */
+exports.getComponentMethod = function(name, method) {
+    var _module = exports.componentsRegistry[name];
+
+    if(!_module) return noop;
+    return _module[method] || noop;
+};
+
+function getTraceType(traceType) {
+    if(typeof traceType === 'object') traceType = traceType.type;
+    return traceType;
+}
+
+},{"./lib/extend":717,"./lib/loggers":732,"./lib/noop":736,"./lib/push_unique":740,"./plots/attributes":770,"./plots/layout_attributes":822}],847:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../lib');
+var Plots = require('../plots/plots');
+
+var extendFlat = Lib.extendFlat;
+var extendDeep = Lib.extendDeep;
+
+// Put default plotTile layouts here
+function cloneLayoutOverride(tileClass) {
+    var override;
+
+    switch(tileClass) {
+        case 'themes__thumb':
+            override = {
+                autosize: true,
+                width: 150,
+                height: 150,
+                title: '',
+                showlegend: false,
+                margin: {l: 5, r: 5, t: 5, b: 5, pad: 0},
+                annotations: []
+            };
+            break;
+
+        case 'thumbnail':
+            override = {
+                title: '',
+                hidesources: true,
+                showlegend: false,
+                borderwidth: 0,
+                bordercolor: '',
+                margin: {l: 1, r: 1, t: 1, b: 1, pad: 0},
+                annotations: []
+            };
+            break;
+
+        default:
+            override = {};
+    }
+
+
+    return override;
+}
+
+function keyIsAxis(keyName) {
+    var types = ['xaxis', 'yaxis', 'zaxis'];
+    return (types.indexOf(keyName.slice(0, 5)) > -1);
+}
+
+
+module.exports = function clonePlot(graphObj, options) {
+
+    // Polar plot compatibility
+    if(graphObj.framework && graphObj.framework.isPolar) {
+        graphObj = graphObj.framework.getConfig();
+    }
+
+    var i;
+    var oldData = graphObj.data;
+    var oldLayout = graphObj.layout;
+    var newData = extendDeep([], oldData);
+    var newLayout = extendDeep({}, oldLayout, cloneLayoutOverride(options.tileClass));
+    var context = graphObj._context || {};
+
+    if(options.width) newLayout.width = options.width;
+    if(options.height) newLayout.height = options.height;
+
+    if(options.tileClass === 'thumbnail' || options.tileClass === 'themes__thumb') {
+        // kill annotations
+        newLayout.annotations = [];
+        var keys = Object.keys(newLayout);
+
+        for(i = 0; i < keys.length; i++) {
+            if(keyIsAxis(keys[i])) {
+                newLayout[keys[i]].title = '';
+            }
+        }
+
+        // kill colorbar and pie labels
+        for(i = 0; i < newData.length; i++) {
+            var trace = newData[i];
+            trace.showscale = false;
+            if(trace.marker) trace.marker.showscale = false;
+            if(trace.type === 'pie') trace.textposition = 'none';
+        }
+    }
+
+    if(Array.isArray(options.annotations)) {
+        for(i = 0; i < options.annotations.length; i++) {
+            newLayout.annotations.push(options.annotations[i]);
+        }
+    }
+
+    var sceneIds = Plots.getSubplotIds(newLayout, 'gl3d');
+
+    if(sceneIds.length) {
+        var axesImageOverride = {};
+        if(options.tileClass === 'thumbnail') {
+            axesImageOverride = {
+                title: '',
+                showaxeslabels: false,
+                showticklabels: false,
+                linetickenable: false
+            };
+        }
+        for(i = 0; i < sceneIds.length; i++) {
+            var scene = newLayout[sceneIds[i]];
+
+            if(!scene.xaxis) {
+                scene.xaxis = {};
+            }
+
+            if(!scene.yaxis) {
+                scene.yaxis = {};
+            }
+
+            if(!scene.zaxis) {
+                scene.zaxis = {};
+            }
+
+            extendFlat(scene.xaxis, axesImageOverride);
+            extendFlat(scene.yaxis, axesImageOverride);
+            extendFlat(scene.zaxis, axesImageOverride);
+
+            // TODO what does this do?
+            scene._scene = null;
+        }
+    }
+
+    var gd = document.createElement('div');
+    if(options.tileClass) gd.className = options.tileClass;
+
+    var plotTile = {
+        gd: gd,
+        td: gd, // for external (image server) compatibility
+        layout: newLayout,
+        data: newData,
+        config: {
+            staticPlot: (options.staticPlot === undefined) ?
+                true :
+                options.staticPlot,
+            plotGlPixelRatio: (options.plotGlPixelRatio === undefined) ?
+                2 :
+                options.plotGlPixelRatio,
+            displaylogo: options.displaylogo || false,
+            showLink: options.showLink || false,
+            showTips: options.showTips || false,
+            mapboxAccessToken: context.mapboxAccessToken
+        }
+    };
+
+    if(options.setBackground !== 'transparent') {
+        plotTile.config.setBackground = options.setBackground || 'opaque';
+    }
+
+    // attaching the default Layout the gd, so you can grab it later
+    plotTile.gd.defaultLayout = cloneLayoutOverride(options.tileClass);
+
+    return plotTile;
+};
+
+},{"../lib":728,"../plots/plots":831}],848:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var toImage = require('../plot_api/to_image');
+var Lib = require('../lib'); // for isIE
+var fileSaver = require('./filesaver');
+
+/**
+ * @param {object} gd figure Object
+ * @param {object} opts option object
+ * @param opts.format 'jpeg' | 'png' | 'webp' | 'svg'
+ * @param opts.width width of snapshot in px
+ * @param opts.height height of snapshot in px
+ * @param opts.filename name of file excluding extension
+ */
+function downloadImage(gd, opts) {
+
+    // check for undefined opts
+    opts = opts || {};
+
+    // default to png
+    opts.format = opts.format || 'png';
+
+    return new Promise(function(resolve, reject) {
+        if(gd._snapshotInProgress) {
+            reject(new Error('Snapshotting already in progress.'));
+        }
+
+        // see comments within svgtoimg for additional
+        //   discussion of problems with IE
+        //   can now draw to canvas, but CORS tainted canvas
+        //   does not allow toDataURL
+        //   svg format will work though
+        if(Lib.isIE() && opts.format !== 'svg') {
+            reject(new Error('Sorry IE does not support downloading from canvas. Try {format:\'svg\'} instead.'));
+        }
+
+        gd._snapshotInProgress = true;
+        var promise = toImage(gd, opts);
+
+        var filename = opts.filename || gd.fn || 'newplot';
+        filename += '.' + opts.format;
+
+        promise.then(function(result) {
+            gd._snapshotInProgress = false;
+            return fileSaver(result, filename);
+        }).then(function(name) {
+            resolve(name);
+        }).catch(function(err) {
+            gd._snapshotInProgress = false;
+            reject(err);
+        });
+    });
+}
+
+module.exports = downloadImage;
+
+},{"../lib":728,"../plot_api/to_image":765,"./filesaver":849}],849:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+/*
+* substantial portions of this code from FileSaver.js
+* https://github.com/eligrey/FileSaver.js
+* License: https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
+* FileSaver.js
+* A saveAs() FileSaver implementation.
+* 1.1.20160328
+*
+* By Eli Grey, http://eligrey.com
+* License: MIT
+*   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
+*/
+
+'use strict';
+
+var fileSaver = function(url, name) {
+    var saveLink = document.createElement('a');
+    var canUseSaveLink = 'download' in saveLink;
+    var isSafari = /Version\/[\d\.]+.*Safari/.test(navigator.userAgent);
+    var promise = new Promise(function(resolve, reject) {
+        // IE <10 is explicitly unsupported
+        if(typeof navigator !== 'undefined' && /MSIE [1-9]\./.test(navigator.userAgent)) {
+            reject(new Error('IE < 10 unsupported'));
+        }
+
+        // First try a.download, then web filesystem, then object URLs
+        if(isSafari) {
+            // Safari doesn't allow downloading of blob urls
+            document.location.href = 'data:application/octet-stream' + url.slice(url.search(/[,;]/));
+            resolve(name);
+        }
+
+        if(!name) {
+            name = 'download';
+        }
+
+        if(canUseSaveLink) {
+            saveLink.href = url;
+            saveLink.download = name;
+            document.body.appendChild(saveLink);
+            saveLink.click();
+            document.body.removeChild(saveLink);
+            resolve(name);
+        }
+
+        // IE 10+ (native saveAs)
+        if(typeof navigator !== 'undefined' && navigator.msSaveBlob) {
+            // At this point we are only dealing with a SVG encoded as
+            // a data URL (since IE only supports SVG)
+            var encoded = url.split(/^data:image\/svg\+xml,/)[1];
+            var svg = decodeURIComponent(encoded);
+            navigator.msSaveBlob(new Blob([svg]), name);
+            resolve(name);
+        }
+
+        reject(new Error('download error'));
+    });
+
+    return promise;
+};
+
+module.exports = fileSaver;
+
+},{}],850:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+exports.getDelay = function(fullLayout) {
+
+    // polar clears fullLayout._has for some reason
+    if(!fullLayout._has) return 0;
+
+    // maybe we should add a 'gl' (and 'svg') layoutCategory ??
+    return (fullLayout._has('gl3d') || fullLayout._has('gl2d')) ? 500 : 0;
+};
+
+exports.getRedrawFunc = function(gd) {
+
+    // do not work if polar is present
+    if((gd.data && gd.data[0] && gd.data[0].r)) return;
+
+    return function() {
+        (gd.calcdata || []).forEach(function(d) {
+            if(d[0] && d[0].t && d[0].t.cb) d[0].t.cb();
+        });
+    };
+};
+
+},{}],851:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var helpers = require('./helpers');
+
+var Snapshot = {
+    getDelay: helpers.getDelay,
+    getRedrawFunc: helpers.getRedrawFunc,
+    clone: require('./cloneplot'),
+    toSVG: require('./tosvg'),
+    svgToImg: require('./svgtoimg'),
+    toImage: require('./toimage'),
+    downloadImage: require('./download')
+};
+
+module.exports = Snapshot;
+
+},{"./cloneplot":847,"./download":848,"./helpers":850,"./svgtoimg":852,"./toimage":853,"./tosvg":854}],852:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+var EventEmitter = require('events').EventEmitter;
+
+function svgToImg(opts) {
+    var ev = opts.emitter || new EventEmitter();
+
+    var promise = new Promise(function(resolve, reject) {
+        var Image = window.Image;
+        var svg = opts.svg;
+        var format = opts.format || 'png';
+
+        // IE only support svg
+        if(Lib.isIE() && format !== 'svg') {
+            var ieSvgError = new Error('Sorry IE does not support downloading from canvas. Try {format:\'svg\'} instead.');
+            reject(ieSvgError);
+            // eventually remove the ev
+            //  in favor of promises
+            if(!opts.promise) {
+                return ev.emit('error', ieSvgError);
+            } else {
+                return promise;
+            }
+        }
+
+        var canvas = opts.canvas;
+        var scale = opts.scale || 1;
+        var w0 = opts.width || 300;
+        var h0 = opts.height || 150;
+        var w1 = scale * w0;
+        var h1 = scale * h0;
+
+        var ctx = canvas.getContext('2d');
+        var img = new Image();
+
+        // for Safari support, eliminate createObjectURL
+        //  this decision could cause problems if content
+        //  is not restricted to svg
+        var url = 'data:image/svg+xml,' + encodeURIComponent(svg);
+
+        canvas.width = w1;
+        canvas.height = h1;
+
+        img.onload = function() {
+            var imgData;
+
+            // don't need to draw to canvas if svg
+            //  save some time and also avoid failure on IE
+            if(format !== 'svg') {
+                ctx.drawImage(img, 0, 0, w1, h1);
+            }
+
+            switch(format) {
+                case 'jpeg':
+                    imgData = canvas.toDataURL('image/jpeg');
+                    break;
+                case 'png':
+                    imgData = canvas.toDataURL('image/png');
+                    break;
+                case 'webp':
+                    imgData = canvas.toDataURL('image/webp');
+                    break;
+                case 'svg':
+                    imgData = url;
+                    break;
+                default:
+                    var errorMsg = 'Image format is not jpeg, png, svg or webp.';
+                    reject(new Error(errorMsg));
+                    // eventually remove the ev
+                    //  in favor of promises
+                    if(!opts.promise) {
+                        return ev.emit('error', errorMsg);
+                    }
+            }
+            resolve(imgData);
+            // eventually remove the ev
+            //  in favor of promises
+            if(!opts.promise) {
+                ev.emit('success', imgData);
+            }
+        };
+
+        img.onerror = function(err) {
+            reject(err);
+            // eventually remove the ev
+            //  in favor of promises
+            if(!opts.promise) {
+                return ev.emit('error', err);
+            }
+        };
+
+        img.src = url;
+    });
+
+    // temporary for backward compatibility
+    //  move to only Promise in 2.0.0
+    //  and eliminate the EventEmitter
+    if(opts.promise) {
+        return promise;
+    }
+
+    return ev;
+}
+
+module.exports = svgToImg;
+
+},{"../lib":728,"events":129}],853:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var EventEmitter = require('events').EventEmitter;
+
+var Plotly = require('../plotly');
+var Lib = require('../lib');
+
+var helpers = require('./helpers');
+var clonePlot = require('./cloneplot');
+var toSVG = require('./tosvg');
+var svgToImg = require('./svgtoimg');
+
+
+/**
+ * @param {object} gd figure Object
+ * @param {object} opts option object
+ * @param opts.format 'jpeg' | 'png' | 'webp' | 'svg'
+ */
+function toImage(gd, opts) {
+
+    // first clone the GD so we can operate in a clean environment
+    var ev = new EventEmitter();
+
+    var clone = clonePlot(gd, {format: 'png'});
+    var clonedGd = clone.gd;
+
+    // put the cloned div somewhere off screen before attaching to DOM
+    clonedGd.style.position = 'absolute';
+    clonedGd.style.left = '-5000px';
+    document.body.appendChild(clonedGd);
+
+    function wait() {
+        var delay = helpers.getDelay(clonedGd._fullLayout);
+
+        setTimeout(function() {
+            var svg = toSVG(clonedGd);
+
+            var canvas = document.createElement('canvas');
+            canvas.id = Lib.randstr();
+
+            ev = svgToImg({
+                format: opts.format,
+                width: clonedGd._fullLayout.width,
+                height: clonedGd._fullLayout.height,
+                canvas: canvas,
+                emitter: ev,
+                svg: svg
+            });
+
+            ev.clean = function() {
+                if(clonedGd) document.body.removeChild(clonedGd);
+            };
+
+        }, delay);
+    }
+
+    var redrawFunc = helpers.getRedrawFunc(clonedGd);
+
+    Plotly.plot(clonedGd, clone.data, clone.layout, clone.config)
+        .then(redrawFunc)
+        .then(wait)
+        .catch(function(err) {
+            ev.emit('error', err);
+        });
+
+
+    return ev;
+}
+
+module.exports = toImage;
+
+},{"../lib":728,"../plotly":767,"./cloneplot":847,"./helpers":850,"./svgtoimg":852,"./tosvg":854,"events":129}],854:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../lib');
+var Drawing = require('../components/drawing');
+var Color = require('../components/color');
+
+var xmlnsNamespaces = require('../constants/xmlns_namespaces');
+var DOUBLEQUOTE_REGEX = /"/g;
+var DUMMY_SUB = 'TOBESTRIPPED';
+var DUMMY_REGEX = new RegExp('("' + DUMMY_SUB + ')|(' + DUMMY_SUB + '")', 'g');
+
+function htmlEntityDecode(s) {
+    var hiddenDiv = d3.select('body').append('div').style({display: 'none'}).html('');
+    var replaced = s.replace(/(&[^;]*;)/gi, function(d) {
+        if(d === '<') { return '<'; } // special handling for brackets
+        if(d === '&rt;') { return '>'; }
+        if(d.indexOf('<') !== -1 || d.indexOf('>') !== -1) { return ''; }
+        return hiddenDiv.html(d).text(); // everything else, let the browser decode it to unicode
+    });
+    hiddenDiv.remove();
+    return replaced;
+}
+
+function xmlEntityEncode(str) {
+    return str.replace(/&(?!\w+;|\#[0-9]+;| \#x[0-9A-F]+;)/g, '&');
+}
+
+module.exports = function toSVG(gd, format, scale) {
+    var fullLayout = gd._fullLayout;
+    var svg = fullLayout._paper;
+    var toppaper = fullLayout._toppaper;
+    var width = fullLayout.width;
+    var height = fullLayout.height;
+    var i;
+
+    // make background color a rect in the svg, then revert after scraping
+    // all other alterations have been dealt with by properly preparing the svg
+    // in the first place... like setting cursors with css classes so we don't
+    // have to remove them, and providing the right namespaces in the svg to
+    // begin with
+    svg.insert('rect', ':first-child')
+        .call(Drawing.setRect, 0, 0, width, height)
+        .call(Color.fill, fullLayout.paper_bgcolor);
+
+    // subplot-specific to-SVG methods
+    // which notably add the contents of the gl-container
+    // into the main svg node
+    var basePlotModules = fullLayout._basePlotModules || [];
+    for(i = 0; i < basePlotModules.length; i++) {
+        var _module = basePlotModules[i];
+
+        if(_module.toSVG) _module.toSVG(gd);
+    }
+
+    // add top items above them assumes everything in toppaper is either
+    // a group or a defs, and if it's empty (like hoverlayer) we can ignore it.
+    if(toppaper) {
+        var nodes = toppaper.node().childNodes;
+
+        // make copy of nodes as childNodes prop gets mutated in loop below
+        var topGroups = Array.prototype.slice.call(nodes);
+
+        for(i = 0; i < topGroups.length; i++) {
+            var topGroup = topGroups[i];
+
+            if(topGroup.childNodes.length) svg.node().appendChild(topGroup);
+        }
+    }
+
+    // remove draglayer for Adobe Illustrator compatibility
+    if(fullLayout._draggers) {
+        fullLayout._draggers.remove();
+    }
+
+    // in case the svg element had an explicit background color, remove this
+    // we want the rect to get the color so it's the right size; svg bg will
+    // fill whatever container it's displayed in regardless of plot size.
+    svg.node().style.background = '';
+
+    svg.selectAll('text')
+        .attr({'data-unformatted': null, 'data-math': null})
+        .each(function() {
+            var txt = d3.select(this);
+
+            // hidden text is pre-formatting mathjax, the browser ignores it
+            // but in a static plot it's useless and it can confuse batik
+            // we've tried to standardize on display:none but make sure we still
+            // catch visibility:hidden if it ever arises
+            if(this.style.visibility === 'hidden' || this.style.display === 'none') {
+                txt.remove();
+                return;
+            }
+            else {
+                // clear other visibility/display values to default
+                // to not potentially confuse non-browser SVG implementations
+                txt.style({visibility: null, display: null});
+            }
+
+            // Font family styles break things because of quotation marks,
+            // so we must remove them *after* the SVG DOM has been serialized
+            // to a string (browsers convert singles back)
+            var ff = this.style.fontFamily;
+            if(ff && ff.indexOf('"') !== -1) {
+                txt.style('font-family', ff.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB));
+            }
+        });
+
+    svg.selectAll('.point,.scatterpts').each(function() {
+        var pt = d3.select(this);
+        var fill = this.style.fill;
+
+        // similar to font family styles above,
+        // we must remove " after the SVG DOM has been serialized
+        if(fill && fill.indexOf('url(') !== -1) {
+            pt.style('fill', fill.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB));
+        }
+    });
+
+    if(format === 'pdf' || format === 'eps') {
+        // these formats make the extra line MathJax adds around symbols look super thick in some cases
+        // it looks better if this is removed entirely.
+        svg.selectAll('#MathJax_SVG_glyphs path')
+            .attr('stroke-width', 0);
+    }
+
+    // fix for IE namespacing quirk?
+    // http://stackoverflow.com/questions/19610089/unwanted-namespaces-on-svg-markup-when-using-xmlserializer-in-javascript-with-ie
+    svg.node().setAttributeNS(xmlnsNamespaces.xmlns, 'xmlns', xmlnsNamespaces.svg);
+    svg.node().setAttributeNS(xmlnsNamespaces.xmlns, 'xmlns:xlink', xmlnsNamespaces.xlink);
+
+    if(format === 'svg' && scale) {
+        svg.attr('width', scale * width);
+        svg.attr('height', scale * height);
+        svg.attr('viewBox', '0 0 ' + width + ' ' + height);
+    }
+
+    var s = new window.XMLSerializer().serializeToString(svg.node());
+    s = htmlEntityDecode(s);
+    s = xmlEntityEncode(s);
+
+    // Fix quotations around font strings and gradient URLs
+    s = s.replace(DUMMY_REGEX, '\'');
+
+    // IE is very strict, so we will need to clean
+    //  svg with the following regex
+    //  yes this is messy, but do not know a better way
+    // Even with this IE will not work due to tainted canvas
+    //  see https://github.com/kangax/fabric.js/issues/1957
+    //      http://stackoverflow.com/questions/18112047/canvas-todataurl-working-in-all-browsers-except-ie10
+    // Leave here just in case the CORS/tainted IE issue gets resolved
+    if(Lib.isIE()) {
+        // replace double quote with single quote
+        s = s.replace(/"/gi, '\'');
+        // url in svg are single quoted
+        //   since we changed double to single
+        //   we'll need to change these to double-quoted
+        s = s.replace(/(\('#)([^']*)('\))/gi, '(\"#$2\")');
+        // font names with spaces will be escaped single-quoted
+        //   we'll need to change these to double-quoted
+        s = s.replace(/(\\')/gi, '\"');
+    }
+
+    return s;
+};
+
+},{"../components/color":604,"../components/drawing":628,"../constants/xmlns_namespaces":709,"../lib":728,"d3":122}],855:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var mergeArray = require('../../lib').mergeArray;
+
+
+// arrayOk attributes, merge them into calcdata array
+module.exports = function arraysToCalcdata(cd, trace) {
+    mergeArray(trace.text, cd, 'tx');
+    mergeArray(trace.hovertext, cd, 'htx');
+
+    var marker = trace.marker;
+    if(marker) {
+        mergeArray(marker.opacity, cd, 'mo');
+        mergeArray(marker.color, cd, 'mc');
+
+        var markerLine = marker.line;
+        if(markerLine) {
+            mergeArray(markerLine.color, cd, 'mlc');
+            mergeArray(markerLine.width, cd, 'mlw');
+        }
+    }
+};
+
+},{"../../lib":728}],856:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var errorBarAttrs = require('../../components/errorbars/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var fontAttrs = require('../../plots/font_attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var textFontAttrs = fontAttrs({
+    editType: 'calc',
+    arrayOk: true,
+    
+});
+
+var scatterMarkerAttrs = scatterAttrs.marker;
+var scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+var markerLineWidth = extendFlat({},
+    scatterMarkerLineAttrs.width, { dflt: 0 });
+
+var markerLine = extendFlat({
+    width: markerLineWidth,
+    editType: 'calc'
+}, colorAttributes('marker.line'));
+
+var marker = extendFlat({
+    line: markerLine,
+    editType: 'calc'
+}, colorAttributes('marker'), {
+    showscale: scatterMarkerAttrs.showscale,
+    colorbar: colorbarAttrs
+});
+
+
+module.exports = {
+    x: scatterAttrs.x,
+    x0: scatterAttrs.x0,
+    dx: scatterAttrs.dx,
+    y: scatterAttrs.y,
+    y0: scatterAttrs.y0,
+    dy: scatterAttrs.dy,
+
+    text: scatterAttrs.text,
+    hovertext: scatterAttrs.hovertext,
+
+    textposition: {
+        valType: 'enumerated',
+        
+        values: ['inside', 'outside', 'auto', 'none'],
+        dflt: 'none',
+        arrayOk: true,
+        editType: 'calc',
+        
+    },
+
+    textfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+
+    insidetextfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+
+    outsidetextfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+
+    constraintext: {
+        valType: 'enumerated',
+        values: ['inside', 'outside', 'both', 'none'],
+        
+        dflt: 'both',
+        editType: 'calc',
+        
+    },
+
+    orientation: {
+        valType: 'enumerated',
+        
+        values: ['v', 'h'],
+        editType: 'calc+clearAxisTypes',
+        
+    },
+
+    base: {
+        valType: 'any',
+        dflt: null,
+        arrayOk: true,
+        
+        editType: 'calc',
+        
+    },
+
+    offset: {
+        valType: 'number',
+        dflt: null,
+        arrayOk: true,
+        
+        editType: 'calc',
+        
+    },
+
+    width: {
+        valType: 'number',
+        dflt: null,
+        min: 0,
+        arrayOk: true,
+        
+        editType: 'calc',
+        
+    },
+
+    marker: marker,
+
+    r: scatterAttrs.r,
+    t: scatterAttrs.t,
+
+    error_y: errorBarAttrs,
+    error_x: errorBarAttrs,
+
+    _deprecated: {
+        bardir: {
+            valType: 'enumerated',
+            
+            editType: 'calc',
+            values: ['v', 'h'],
+            
+        }
+    }
+};
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/color_attributes":611,"../../components/errorbars/attributes":630,"../../lib/extend":717,"../../plots/font_attributes":796,"../scatter/attributes":1031}],857:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Axes = require('../../plots/cartesian/axes');
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var colorscaleCalc = require('../../components/colorscale/calc');
+
+var arraysToCalcdata = require('./arrays_to_calcdata');
+
+
+module.exports = function calc(gd, trace) {
+    // depending on bar direction, set position and size axes
+    // and data ranges
+    // note: this logic for choosing orientation is
+    // duplicated in graph_obj->setstyles
+
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x'),
+        ya = Axes.getFromId(gd, trace.yaxis || 'y'),
+        orientation = trace.orientation || ((trace.x && !trace.y) ? 'h' : 'v'),
+        sa, pos, size, i, scalendar;
+
+    if(orientation === 'h') {
+        sa = xa;
+        size = xa.makeCalcdata(trace, 'x');
+        pos = ya.makeCalcdata(trace, 'y');
+
+        // not sure if it really makes sense to have dates for bar size data...
+        // ideally if we want to make gantt charts or something we'd treat
+        // the actual size (trace.x or y) as time delta but base as absolute
+        // time. But included here for completeness.
+        scalendar = trace.xcalendar;
+    }
+    else {
+        sa = ya;
+        size = ya.makeCalcdata(trace, 'y');
+        pos = xa.makeCalcdata(trace, 'x');
+        scalendar = trace.ycalendar;
+    }
+
+    // create the "calculated data" to plot
+    var serieslen = Math.min(pos.length, size.length),
+        cd = new Array(serieslen);
+
+    // set position and size
+    for(i = 0; i < serieslen; i++) {
+        cd[i] = { p: pos[i], s: size[i] };
+    }
+
+    // set base
+    var base = trace.base,
+        b;
+
+    if(Array.isArray(base)) {
+        for(i = 0; i < Math.min(base.length, cd.length); i++) {
+            b = sa.d2c(base[i], 0, scalendar);
+            if(isNumeric(b)) {
+                cd[i].b = +b;
+                cd[i].hasB = 1;
+            }
+            else cd[i].b = 0;
+        }
+        for(; i < cd.length; i++) {
+            cd[i].b = 0;
+        }
+    }
+    else {
+        b = sa.d2c(base, 0, scalendar);
+        var hasBase = isNumeric(b);
+        b = hasBase ? b : 0;
+        for(i = 0; i < cd.length; i++) {
+            cd[i].b = b;
+            if(hasBase) cd[i].hasB = 1;
+        }
+    }
+
+    // auto-z and autocolorscale if applicable
+    if(hasColorscale(trace, 'marker')) {
+        colorscaleCalc(trace, trace.marker.color, 'marker', 'c');
+    }
+    if(hasColorscale(trace, 'marker.line')) {
+        colorscaleCalc(trace, trace.marker.line.color, 'marker.line', 'c');
+    }
+
+    arraysToCalcdata(cd, trace);
+
+    return cd;
+};
+
+},{"../../components/colorscale/calc":610,"../../components/colorscale/has_colorscale":617,"../../plots/cartesian/axes":772,"./arrays_to_calcdata":855,"fast-isnumeric":131}],858:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+
+var handleXYDefaults = require('../scatter/xy_defaults');
+var handleStyleDefaults = require('../bar/style_defaults');
+var errorBarsSupplyDefaults = require('../../components/errorbars/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var coerceFont = Lib.coerceFont;
+
+    var len = handleXYDefaults(traceIn, traceOut, layout, coerce);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('orientation', (traceOut.x && !traceOut.y) ? 'h' : 'v');
+    coerce('base');
+    coerce('offset');
+    coerce('width');
+
+    coerce('text');
+    coerce('hovertext');
+
+    var textPosition = coerce('textposition');
+
+    var hasBoth = Array.isArray(textPosition) || textPosition === 'auto',
+        hasInside = hasBoth || textPosition === 'inside',
+        hasOutside = hasBoth || textPosition === 'outside';
+    if(hasInside || hasOutside) {
+        var textFont = coerceFont(coerce, 'textfont', layout.font);
+        if(hasInside) coerceFont(coerce, 'insidetextfont', textFont);
+        if(hasOutside) coerceFont(coerce, 'outsidetextfont', textFont);
+        coerce('constraintext');
+    }
+
+    handleStyleDefaults(traceIn, traceOut, coerce, defaultColor, layout);
+
+    // override defaultColor for error bars with defaultLine
+    errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'y'});
+    errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'x', inherit: 'y'});
+};
+
+},{"../../components/color":604,"../../components/errorbars/defaults":633,"../../lib":728,"../bar/style_defaults":868,"../scatter/xy_defaults":1054,"./attributes":856}],859:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Fx = require('../../components/fx');
+var ErrorBars = require('../../components/errorbars');
+var Color = require('../../components/color');
+var fillHoverText = require('../scatter/fill_hover_text');
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    var cd = pointData.cd;
+    var trace = cd[0].trace;
+    var t = cd[0].t;
+    var xa = pointData.xa;
+    var ya = pointData.ya;
+
+    var posVal, thisBarMinPos, thisBarMaxPos, minPos, maxPos, dx, dy;
+
+    var positionFn = function(di) {
+        return Fx.inbox(minPos(di) - posVal, maxPos(di) - posVal);
+    };
+
+    if(trace.orientation === 'h') {
+        posVal = yval;
+        thisBarMinPos = function(di) { return di.y - di.w / 2; };
+        thisBarMaxPos = function(di) { return di.y + di.w / 2; };
+        dx = function(di) {
+            // add a gradient so hovering near the end of a
+            // bar makes it a little closer match
+            return Fx.inbox(di.b - xval, di.x - xval) + (di.x - xval) / (di.x - di.b);
+        };
+        dy = positionFn;
+    }
+    else {
+        posVal = xval;
+        thisBarMinPos = function(di) { return di.x - di.w / 2; };
+        thisBarMaxPos = function(di) { return di.x + di.w / 2; };
+        dy = function(di) {
+            return Fx.inbox(di.b - yval, di.y - yval) + (di.y - yval) / (di.y - di.b);
+        };
+        dx = positionFn;
+    }
+
+    minPos = (hovermode === 'closest') ?
+        thisBarMinPos :
+        function(di) {
+            /*
+             * In compare mode, accept a bar if you're on it *or* its group.
+             * Nearly always it's the group that matters, but in case the bar
+             * was explicitly set wider than its group we'd better accept the
+             * whole bar.
+             */
+            return Math.min(thisBarMinPos(di), di.p - t.bargroupwidth / 2);
+        };
+
+    maxPos = (hovermode === 'closest') ?
+        thisBarMaxPos :
+        function(di) {
+            return Math.max(thisBarMaxPos(di), di.p + t.bargroupwidth / 2);
+        };
+
+    var distfn = Fx.getDistanceFunction(hovermode, dx, dy);
+    Fx.getClosest(cd, distfn, pointData);
+
+    // skip the rest (for this trace) if we didn't find a close point
+    if(pointData.index === false) return;
+
+    // the closest data point
+    var index = pointData.index,
+        di = cd[index],
+        mc = di.mcc || trace.marker.color,
+        mlc = di.mlcc || trace.marker.line.color,
+        mlw = di.mlw || trace.marker.line.width;
+    if(Color.opacity(mc)) pointData.color = mc;
+    else if(Color.opacity(mlc) && mlw) pointData.color = mlc;
+
+    var size = (trace.base) ? di.b + di.s : di.s;
+    if(trace.orientation === 'h') {
+        pointData.x0 = pointData.x1 = xa.c2p(di.x, true);
+        pointData.xLabelVal = size;
+
+        pointData.y0 = ya.c2p(minPos(di), true);
+        pointData.y1 = ya.c2p(maxPos(di), true);
+        pointData.yLabelVal = di.p;
+    }
+    else {
+        pointData.y0 = pointData.y1 = ya.c2p(di.y, true);
+        pointData.yLabelVal = size;
+
+        pointData.x0 = xa.c2p(minPos(di), true);
+        pointData.x1 = xa.c2p(maxPos(di), true);
+        pointData.xLabelVal = di.p;
+    }
+
+    fillHoverText(di, trace, pointData);
+    ErrorBars.hoverInfo(di, trace, pointData);
+
+    return [pointData];
+};
+
+},{"../../components/color":604,"../../components/errorbars":634,"../../components/fx":645,"../scatter/fill_hover_text":1038}],860:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Bar = {};
+
+Bar.attributes = require('./attributes');
+Bar.layoutAttributes = require('./layout_attributes');
+Bar.supplyDefaults = require('./defaults');
+Bar.supplyLayoutDefaults = require('./layout_defaults');
+Bar.calc = require('./calc');
+Bar.setPositions = require('./set_positions');
+Bar.colorbar = require('../scatter/colorbar');
+Bar.arraysToCalcdata = require('./arrays_to_calcdata');
+Bar.plot = require('./plot');
+Bar.style = require('./style');
+Bar.hoverPoints = require('./hover');
+Bar.selectPoints = require('./select');
+
+Bar.moduleType = 'trace';
+Bar.name = 'bar';
+Bar.basePlotModule = require('../../plots/cartesian');
+Bar.categories = ['cartesian', 'bar', 'oriented', 'markerColorscale', 'errorBarsOK', 'showLegend'];
+Bar.meta = {
+    
+};
+
+module.exports = Bar;
+
+},{"../../plots/cartesian":782,"../scatter/colorbar":1034,"./arrays_to_calcdata":855,"./attributes":856,"./calc":857,"./defaults":858,"./hover":859,"./layout_attributes":861,"./layout_defaults":862,"./plot":863,"./select":864,"./set_positions":865,"./style":867}],861:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    barmode: {
+        valType: 'enumerated',
+        values: ['stack', 'group', 'overlay', 'relative'],
+        dflt: 'group',
+        
+        editType: 'calc',
+        
+    },
+    barnorm: {
+        valType: 'enumerated',
+        values: ['', 'fraction', 'percent'],
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+    bargap: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        
+        editType: 'calc',
+        
+    },
+    bargroupgap: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    }
+};
+
+},{}],862:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+var Lib = require('../../lib');
+
+var layoutAttributes = require('./layout_attributes');
+
+
+module.exports = function(layoutIn, layoutOut, fullData) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt);
+    }
+
+    var hasBars = false,
+        shouldBeGapless = false,
+        gappedAnyway = false,
+        usedSubplots = {};
+
+    for(var i = 0; i < fullData.length; i++) {
+        var trace = fullData[i];
+        if(Registry.traceIs(trace, 'bar')) hasBars = true;
+        else continue;
+
+        // if we have at least 2 grouped bar traces on the same subplot,
+        // we should default to a gap anyway, even if the data is histograms
+        if(layoutIn.barmode !== 'overlay' && layoutIn.barmode !== 'stack') {
+            var subploti = trace.xaxis + trace.yaxis;
+            if(usedSubplots[subploti]) gappedAnyway = true;
+            usedSubplots[subploti] = true;
+        }
+
+        if(trace.visible && trace.type === 'histogram') {
+            var pa = Axes.getFromId({_fullLayout: layoutOut},
+                        trace[trace.orientation === 'v' ? 'xaxis' : 'yaxis']);
+            if(pa.type !== 'category') shouldBeGapless = true;
+        }
+    }
+
+    if(!hasBars) return;
+
+    var mode = coerce('barmode');
+    if(mode !== 'overlay') coerce('barnorm');
+
+    coerce('bargap', (shouldBeGapless && !gappedAnyway) ? 0 : 0.2);
+    coerce('bargroupgap');
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"../../registry":846,"./layout_attributes":861}],863:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var isNumeric = require('fast-isnumeric');
+var tinycolor = require('tinycolor2');
+
+var Lib = require('../../lib');
+var svgTextUtils = require('../../lib/svg_text_utils');
+
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var ErrorBars = require('../../components/errorbars');
+
+var attributes = require('./attributes'),
+    attributeText = attributes.text,
+    attributeTextPosition = attributes.textposition,
+    attributeTextFont = attributes.textfont,
+    attributeInsideTextFont = attributes.insidetextfont,
+    attributeOutsideTextFont = attributes.outsidetextfont;
+
+// padding in pixels around text
+var TEXTPAD = 3;
+
+module.exports = function plot(gd, plotinfo, cdbar) {
+    var xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        fullLayout = gd._fullLayout;
+
+    var bartraces = plotinfo.plot.select('.barlayer')
+        .selectAll('g.trace.bars')
+        .data(cdbar);
+
+    bartraces.enter().append('g')
+        .attr('class', 'trace bars');
+
+    bartraces.append('g')
+        .attr('class', 'points')
+        .each(function(d) {
+            var sel = d[0].node3 = d3.select(this);
+            var t = d[0].t;
+            var trace = d[0].trace;
+            var poffset = t.poffset;
+            var poffsetIsArray = Array.isArray(poffset);
+
+            sel.selectAll('g.point')
+                .data(Lib.identity)
+              .enter().append('g').classed('point', true)
+                .each(function(di, i) {
+                    // now display the bar
+                    // clipped xf/yf (2nd arg true): non-positive
+                    // log values go off-screen by plotwidth
+                    // so you see them continue if you drag the plot
+                    var p0 = di.p + ((poffsetIsArray) ? poffset[i] : poffset),
+                        p1 = p0 + di.w,
+                        s0 = di.b,
+                        s1 = s0 + di.s;
+
+                    var x0, x1, y0, y1;
+                    if(trace.orientation === 'h') {
+                        y0 = ya.c2p(p0, true);
+                        y1 = ya.c2p(p1, true);
+                        x0 = xa.c2p(s0, true);
+                        x1 = xa.c2p(s1, true);
+
+                        // for selections
+                        di.ct = [x1, (y0 + y1) / 2];
+                    }
+                    else {
+                        x0 = xa.c2p(p0, true);
+                        x1 = xa.c2p(p1, true);
+                        y0 = ya.c2p(s0, true);
+                        y1 = ya.c2p(s1, true);
+
+                        // for selections
+                        di.ct = [(x0 + x1) / 2, y1];
+                    }
+
+                    if(!isNumeric(x0) || !isNumeric(x1) ||
+                            !isNumeric(y0) || !isNumeric(y1) ||
+                            x0 === x1 || y0 === y1) {
+                        d3.select(this).remove();
+                        return;
+                    }
+
+                    var lw = (di.mlw + 1 || trace.marker.line.width + 1 ||
+                            (di.trace ? di.trace.marker.line.width : 0) + 1) - 1,
+                        offset = d3.round((lw / 2) % 1, 2);
+
+                    function roundWithLine(v) {
+                        // if there are explicit gaps, don't round,
+                        // it can make the gaps look crappy
+                        return (fullLayout.bargap === 0 && fullLayout.bargroupgap === 0) ?
+                            d3.round(Math.round(v) - offset, 2) : v;
+                    }
+
+                    function expandToVisible(v, vc) {
+                        // if it's not in danger of disappearing entirely,
+                        // round more precisely
+                        return Math.abs(v - vc) >= 2 ? roundWithLine(v) :
+                        // but if it's very thin, expand it so it's
+                        // necessarily visible, even if it might overlap
+                        // its neighbor
+                        (v > vc ? Math.ceil(v) : Math.floor(v));
+                    }
+
+                    if(!gd._context.staticPlot) {
+                        // if bars are not fully opaque or they have a line
+                        // around them, round to integer pixels, mainly for
+                        // safari so we prevent overlaps from its expansive
+                        // pixelation. if the bars ARE fully opaque and have
+                        // no line, expand to a full pixel to make sure we
+                        // can see them
+                        var op = Color.opacity(di.mc || trace.marker.color),
+                            fixpx = (op < 1 || lw > 0.01) ?
+                                roundWithLine : expandToVisible;
+                        x0 = fixpx(x0, x1);
+                        x1 = fixpx(x1, x0);
+                        y0 = fixpx(y0, y1);
+                        y1 = fixpx(y1, y0);
+                    }
+
+                    // append bar path and text
+                    var bar = d3.select(this);
+
+                    bar.append('path')
+                        .style('vector-effect', 'non-scaling-stroke')
+                        .attr('d',
+                            'M' + x0 + ',' + y0 + 'V' + y1 + 'H' + x1 + 'V' + y0 + 'Z');
+
+                    appendBarText(gd, bar, d, i, x0, x1, y0, y1);
+                });
+        });
+
+    // error bars are on the top
+    bartraces.call(ErrorBars.plot, plotinfo);
+
+};
+
+function appendBarText(gd, bar, calcTrace, i, x0, x1, y0, y1) {
+    function appendTextNode(bar, text, textFont) {
+        var textSelection = bar.append('text')
+            .text(text)
+            .attr({
+                'class': 'bartext',
+                transform: '',
+                'text-anchor': 'middle',
+                // prohibit tex interpretation until we can handle
+                // tex and regular text together
+                'data-notex': 1
+            })
+            .call(Drawing.font, textFont)
+            .call(svgTextUtils.convertToTspans, gd);
+
+        return textSelection;
+    }
+
+    // get trace attributes
+    var trace = calcTrace[0].trace,
+        orientation = trace.orientation;
+
+    var text = getText(trace, i);
+    if(!text) return;
+
+    var textPosition = getTextPosition(trace, i);
+    if(textPosition === 'none') return;
+
+    var textFont = getTextFont(trace, i, gd._fullLayout.font),
+        insideTextFont = getInsideTextFont(trace, i, textFont),
+        outsideTextFont = getOutsideTextFont(trace, i, textFont);
+
+    // compute text position
+    var barmode = gd._fullLayout.barmode,
+        inStackMode = (barmode === 'stack'),
+        inRelativeMode = (barmode === 'relative'),
+        inStackOrRelativeMode = inStackMode || inRelativeMode,
+
+        calcBar = calcTrace[i],
+        isOutmostBar = !inStackOrRelativeMode || calcBar._outmost,
+
+        barWidth = Math.abs(x1 - x0) - 2 * TEXTPAD,  // padding excluded
+        barHeight = Math.abs(y1 - y0) - 2 * TEXTPAD,  // padding excluded
+
+        textSelection,
+        textBB,
+        textWidth,
+        textHeight;
+
+    if(textPosition === 'outside') {
+        if(!isOutmostBar) textPosition = 'inside';
+    }
+
+    if(textPosition === 'auto') {
+        if(isOutmostBar) {
+            // draw text using insideTextFont and check if it fits inside bar
+            textSelection = appendTextNode(bar, text, insideTextFont);
+
+            textBB = Drawing.bBox(textSelection.node()),
+            textWidth = textBB.width,
+            textHeight = textBB.height;
+
+            var textHasSize = (textWidth > 0 && textHeight > 0),
+                fitsInside =
+                    (textWidth <= barWidth && textHeight <= barHeight),
+                fitsInsideIfRotated =
+                    (textWidth <= barHeight && textHeight <= barWidth),
+                fitsInsideIfShrunk = (orientation === 'h') ?
+                    (barWidth >= textWidth * (barHeight / textHeight)) :
+                    (barHeight >= textHeight * (barWidth / textWidth));
+            if(textHasSize &&
+                    (fitsInside || fitsInsideIfRotated || fitsInsideIfShrunk)) {
+                textPosition = 'inside';
+            }
+            else {
+                textPosition = 'outside';
+                textSelection.remove();
+                textSelection = null;
+            }
+        }
+        else textPosition = 'inside';
+    }
+
+    if(!textSelection) {
+        textSelection = appendTextNode(bar, text,
+                (textPosition === 'outside') ?
+                outsideTextFont : insideTextFont);
+
+        textBB = Drawing.bBox(textSelection.node()),
+        textWidth = textBB.width,
+        textHeight = textBB.height;
+
+        if(textWidth <= 0 || textHeight <= 0) {
+            textSelection.remove();
+            return;
+        }
+    }
+
+    // compute text transform
+    var transform, constrained;
+    if(textPosition === 'outside') {
+        constrained = trace.constraintext === 'both' || trace.constraintext === 'outside';
+        transform = getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB,
+            orientation, constrained);
+    }
+    else {
+        constrained = trace.constraintext === 'both' || trace.constraintext === 'inside';
+        transform = getTransformToMoveInsideBar(x0, x1, y0, y1, textBB,
+            orientation, constrained);
+    }
+
+    textSelection.attr('transform', transform);
+}
+
+function getTransformToMoveInsideBar(x0, x1, y0, y1, textBB, orientation, constrained) {
+    // compute text and target positions
+    var textWidth = textBB.width,
+        textHeight = textBB.height,
+        textX = (textBB.left + textBB.right) / 2,
+        textY = (textBB.top + textBB.bottom) / 2,
+        barWidth = Math.abs(x1 - x0),
+        barHeight = Math.abs(y1 - y0),
+        targetWidth,
+        targetHeight,
+        targetX,
+        targetY;
+
+    // apply text padding
+    var textpad;
+    if(barWidth > (2 * TEXTPAD) && barHeight > (2 * TEXTPAD)) {
+        textpad = TEXTPAD;
+        barWidth -= 2 * textpad;
+        barHeight -= 2 * textpad;
+    }
+    else textpad = 0;
+
+    // compute rotation and scale
+    var rotate,
+        scale;
+
+    if(textWidth <= barWidth && textHeight <= barHeight) {
+        // no scale or rotation is required
+        rotate = false;
+        scale = 1;
+    }
+    else if(textWidth <= barHeight && textHeight <= barWidth) {
+        // only rotation is required
+        rotate = true;
+        scale = 1;
+    }
+    else if((textWidth < textHeight) === (barWidth < barHeight)) {
+        // only scale is required
+        rotate = false;
+        scale = constrained ? Math.min(barWidth / textWidth, barHeight / textHeight) : 1;
+    }
+    else {
+        // both scale and rotation are required
+        rotate = true;
+        scale = constrained ? Math.min(barHeight / textWidth, barWidth / textHeight) : 1;
+    }
+
+    if(rotate) rotate = 90;  // rotate clockwise
+
+    // compute text and target positions
+    if(rotate) {
+        targetWidth = scale * textHeight;
+        targetHeight = scale * textWidth;
+    }
+    else {
+        targetWidth = scale * textWidth;
+        targetHeight = scale * textHeight;
+    }
+
+    if(orientation === 'h') {
+        if(x1 < x0) {
+            // bar end is on the left hand side
+            targetX = x1 + textpad + targetWidth / 2;
+            targetY = (y0 + y1) / 2;
+        }
+        else {
+            targetX = x1 - textpad - targetWidth / 2;
+            targetY = (y0 + y1) / 2;
+        }
+    }
+    else {
+        if(y1 > y0) {
+            // bar end is on the bottom
+            targetX = (x0 + x1) / 2;
+            targetY = y1 - textpad - targetHeight / 2;
+        }
+        else {
+            targetX = (x0 + x1) / 2;
+            targetY = y1 + textpad + targetHeight / 2;
+        }
+    }
+
+    return getTransform(textX, textY, targetX, targetY, scale, rotate);
+}
+
+function getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB, orientation, constrained) {
+    var barWidth = (orientation === 'h') ?
+            Math.abs(y1 - y0) :
+            Math.abs(x1 - x0),
+        textpad;
+
+    // Keep the padding so the text doesn't sit right against
+    // the bars, but don't factor it into barWidth
+    if(barWidth > 2 * TEXTPAD) {
+        textpad = TEXTPAD;
+    }
+
+    // compute rotation and scale
+    var scale = 1;
+    if(constrained) {
+        scale = (orientation === 'h') ?
+            Math.min(1, barWidth / textBB.height) :
+            Math.min(1, barWidth / textBB.width);
+    }
+
+    // compute text and target positions
+    var textX = (textBB.left + textBB.right) / 2,
+        textY = (textBB.top + textBB.bottom) / 2,
+        targetWidth,
+        targetHeight,
+        targetX,
+        targetY;
+
+    targetWidth = scale * textBB.width;
+    targetHeight = scale * textBB.height;
+
+    if(orientation === 'h') {
+        if(x1 < x0) {
+            // bar end is on the left hand side
+            targetX = x1 - textpad - targetWidth / 2;
+            targetY = (y0 + y1) / 2;
+        }
+        else {
+            targetX = x1 + textpad + targetWidth / 2;
+            targetY = (y0 + y1) / 2;
+        }
+    }
+    else {
+        if(y1 > y0) {
+            // bar end is on the bottom
+            targetX = (x0 + x1) / 2;
+            targetY = y1 + textpad + targetHeight / 2;
+        }
+        else {
+            targetX = (x0 + x1) / 2;
+            targetY = y1 - textpad - targetHeight / 2;
+        }
+    }
+
+    return getTransform(textX, textY, targetX, targetY, scale, false);
+}
+
+function getTransform(textX, textY, targetX, targetY, scale, rotate) {
+    var transformScale,
+        transformRotate,
+        transformTranslate;
+
+    if(scale < 1) transformScale = 'scale(' + scale + ') ';
+    else {
+        scale = 1;
+        transformScale = '';
+    }
+
+    transformRotate = (rotate) ?
+        'rotate(' + rotate + ' ' + textX + ' ' + textY + ') ' : '';
+
+    // Note that scaling also affects the center of the text box
+    var translateX = (targetX - scale * textX),
+        translateY = (targetY - scale * textY);
+    transformTranslate = 'translate(' + translateX + ' ' + translateY + ')';
+
+    return transformTranslate + transformScale + transformRotate;
+}
+
+function getText(trace, index) {
+    var value = getValue(trace.text, index);
+    return coerceString(attributeText, value);
+}
+
+function getTextPosition(trace, index) {
+    var value = getValue(trace.textposition, index);
+    return coerceEnumerated(attributeTextPosition, value);
+}
+
+function getTextFont(trace, index, defaultValue) {
+    return getFontValue(
+        attributeTextFont, trace.textfont, index, defaultValue);
+}
+
+function getInsideTextFont(trace, index, defaultValue) {
+    return getFontValue(
+        attributeInsideTextFont, trace.insidetextfont, index, defaultValue);
+}
+
+function getOutsideTextFont(trace, index, defaultValue) {
+    return getFontValue(
+        attributeOutsideTextFont, trace.outsidetextfont, index, defaultValue);
+}
+
+function getFontValue(attributeDefinition, attributeValue, index, defaultValue) {
+    attributeValue = attributeValue || {};
+
+    var familyValue = getValue(attributeValue.family, index),
+        sizeValue = getValue(attributeValue.size, index),
+        colorValue = getValue(attributeValue.color, index);
+
+    return {
+        family: coerceString(
+            attributeDefinition.family, familyValue, defaultValue.family),
+        size: coerceNumber(
+            attributeDefinition.size, sizeValue, defaultValue.size),
+        color: coerceColor(
+            attributeDefinition.color, colorValue, defaultValue.color)
+    };
+}
+
+function getValue(arrayOrScalar, index) {
+    var value;
+    if(!Array.isArray(arrayOrScalar)) value = arrayOrScalar;
+    else if(index < arrayOrScalar.length) value = arrayOrScalar[index];
+    return value;
+}
+
+function coerceString(attributeDefinition, value, defaultValue) {
+    if(typeof value === 'string') {
+        if(value || !attributeDefinition.noBlank) return value;
+    }
+    else if(typeof value === 'number') {
+        if(!attributeDefinition.strict) return String(value);
+    }
+
+    return (defaultValue !== undefined) ?
+        defaultValue :
+        attributeDefinition.dflt;
+}
+
+function coerceEnumerated(attributeDefinition, value, defaultValue) {
+    if(attributeDefinition.coerceNumber) value = +value;
+
+    if(attributeDefinition.values.indexOf(value) !== -1) return value;
+
+    return (defaultValue !== undefined) ?
+        defaultValue :
+        attributeDefinition.dflt;
+}
+
+function coerceNumber(attributeDefinition, value, defaultValue) {
+    if(isNumeric(value)) {
+        value = +value;
+
+        var min = attributeDefinition.min,
+            max = attributeDefinition.max,
+            isOutOfBounds = (min !== undefined && value < min) ||
+                (max !== undefined && value > max);
+
+        if(!isOutOfBounds) return value;
+    }
+
+    return (defaultValue !== undefined) ?
+        defaultValue :
+        attributeDefinition.dflt;
+}
+
+function coerceColor(attributeDefinition, value, defaultValue) {
+    if(tinycolor(value).isValid()) return value;
+
+    return (defaultValue !== undefined) ?
+        defaultValue :
+        attributeDefinition.dflt;
+}
+
+},{"../../components/color":604,"../../components/drawing":628,"../../components/errorbars":634,"../../lib":728,"../../lib/svg_text_utils":750,"./attributes":856,"d3":122,"fast-isnumeric":131,"tinycolor2":534}],864:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd;
+    var selection = [];
+    var node3 = cd[0].node3;
+    var i;
+
+    if(polygon === false) {
+        // clear selection
+        for(i = 0; i < cd.length; i++) {
+            cd[i].dim = 0;
+        }
+    } else {
+        for(i = 0; i < cd.length; i++) {
+            var di = cd[i];
+
+            if(polygon.contains(di.ct)) {
+                selection.push({
+                    pointNumber: i,
+                    x: di.x,
+                    y: di.y
+                });
+                di.dim = 0;
+            } else {
+                di.dim = 1;
+            }
+        }
+    }
+
+    node3.selectAll('.point').style('opacity', function(d) {
+        return d.dim ? DESELECTDIM : 1;
+    });
+    node3.selectAll('text').style('opacity', function(d) {
+        return d.dim ? DESELECTDIM : 1;
+    });
+
+    return selection;
+};
+
+},{"../../constants/interactions":706}],865:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+var Sieve = require('./sieve.js');
+
+/*
+ * Bar chart stacking/grouping positioning and autoscaling calculations
+ * for each direction separately calculate the ranges and positions
+ * note that this handles histograms too
+ * now doing this one subplot at a time
+ */
+
+module.exports = function setPositions(gd, plotinfo) {
+    var xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis;
+
+    var fullTraces = gd._fullData,
+        calcTraces = gd.calcdata,
+        calcTracesHorizontal = [],
+        calcTracesVertical = [],
+        i;
+    for(i = 0; i < fullTraces.length; i++) {
+        var fullTrace = fullTraces[i];
+        if(
+            fullTrace.visible === true &&
+            Registry.traceIs(fullTrace, 'bar') &&
+            fullTrace.xaxis === xa._id &&
+            fullTrace.yaxis === ya._id
+        ) {
+            if(fullTrace.orientation === 'h') {
+                calcTracesHorizontal.push(calcTraces[i]);
+            }
+            else {
+                calcTracesVertical.push(calcTraces[i]);
+            }
+        }
+    }
+
+    setGroupPositions(gd, xa, ya, calcTracesVertical);
+    setGroupPositions(gd, ya, xa, calcTracesHorizontal);
+};
+
+
+function setGroupPositions(gd, pa, sa, calcTraces) {
+    if(!calcTraces.length) return;
+
+    var barmode = gd._fullLayout.barmode,
+        overlay = (barmode === 'overlay'),
+        group = (barmode === 'group'),
+        excluded,
+        included,
+        i, calcTrace, fullTrace;
+
+    if(overlay) {
+        setGroupPositionsInOverlayMode(gd, pa, sa, calcTraces);
+    }
+    else if(group) {
+        // exclude from the group those traces for which the user set an offset
+        excluded = [];
+        included = [];
+        for(i = 0; i < calcTraces.length; i++) {
+            calcTrace = calcTraces[i];
+            fullTrace = calcTrace[0].trace;
+
+            if(fullTrace.offset === undefined) included.push(calcTrace);
+            else excluded.push(calcTrace);
+        }
+
+        if(included.length) {
+            setGroupPositionsInGroupMode(gd, pa, sa, included);
+        }
+        if(excluded.length) {
+            setGroupPositionsInOverlayMode(gd, pa, sa, excluded);
+        }
+    }
+    else {
+        // exclude from the stack those traces for which the user set a base
+        excluded = [];
+        included = [];
+        for(i = 0; i < calcTraces.length; i++) {
+            calcTrace = calcTraces[i];
+            fullTrace = calcTrace[0].trace;
+
+            if(fullTrace.base === undefined) included.push(calcTrace);
+            else excluded.push(calcTrace);
+        }
+
+        if(included.length) {
+            setGroupPositionsInStackOrRelativeMode(gd, pa, sa, included);
+        }
+        if(excluded.length) {
+            setGroupPositionsInOverlayMode(gd, pa, sa, excluded);
+        }
+    }
+}
+
+
+function setGroupPositionsInOverlayMode(gd, pa, sa, calcTraces) {
+    var barnorm = gd._fullLayout.barnorm,
+        separateNegativeValues = false,
+        dontMergeOverlappingData = !barnorm;
+
+    // update position axis and set bar offsets and widths
+    for(var i = 0; i < calcTraces.length; i++) {
+        var calcTrace = calcTraces[i];
+
+        var sieve = new Sieve(
+            [calcTrace], separateNegativeValues, dontMergeOverlappingData
+        );
+
+        // set bar offsets and widths, and update position axis
+        setOffsetAndWidth(gd, pa, sieve);
+
+        // set bar bases and sizes, and update size axis
+        //
+        // (note that `setGroupPositionsInOverlayMode` handles the case barnorm
+        // is defined, because this function is also invoked for traces that
+        // can't be grouped or stacked)
+        if(barnorm) {
+            sieveBars(gd, sa, sieve);
+            normalizeBars(gd, sa, sieve);
+        }
+        else {
+            setBaseAndTop(gd, sa, sieve);
+        }
+    }
+}
+
+
+function setGroupPositionsInGroupMode(gd, pa, sa, calcTraces) {
+    var fullLayout = gd._fullLayout,
+        barnorm = fullLayout.barnorm,
+        separateNegativeValues = false,
+        dontMergeOverlappingData = !barnorm,
+        sieve = new Sieve(
+                calcTraces, separateNegativeValues, dontMergeOverlappingData
+            );
+
+    // set bar offsets and widths, and update position axis
+    setOffsetAndWidthInGroupMode(gd, pa, sieve);
+
+    // set bar bases and sizes, and update size axis
+    if(barnorm) {
+        sieveBars(gd, sa, sieve);
+        normalizeBars(gd, sa, sieve);
+    }
+    else {
+        setBaseAndTop(gd, sa, sieve);
+    }
+}
+
+
+function setGroupPositionsInStackOrRelativeMode(gd, pa, sa, calcTraces) {
+    var fullLayout = gd._fullLayout,
+        barmode = fullLayout.barmode,
+        stack = (barmode === 'stack'),
+        relative = (barmode === 'relative'),
+        barnorm = gd._fullLayout.barnorm,
+        separateNegativeValues = relative,
+        dontMergeOverlappingData = !(barnorm || stack || relative),
+        sieve = new Sieve(
+                calcTraces, separateNegativeValues, dontMergeOverlappingData
+            );
+
+    // set bar offsets and widths, and update position axis
+    setOffsetAndWidth(gd, pa, sieve);
+
+    // set bar bases and sizes, and update size axis
+    stackBars(gd, sa, sieve);
+
+    // flag the outmost bar (for text display purposes)
+    for(var i = 0; i < calcTraces.length; i++) {
+        var calcTrace = calcTraces[i];
+
+        for(var j = 0; j < calcTrace.length; j++) {
+            var bar = calcTrace[j];
+
+            if(bar.s === BADNUM) continue;
+
+            var isOutmostBar = ((bar.b + bar.s) === sieve.get(bar.p, bar.s));
+            if(isOutmostBar) bar._outmost = true;
+        }
+    }
+
+    // Note that marking the outmost bars has to be done
+    // before `normalizeBars` changes `bar.b` and `bar.s`.
+    if(barnorm) normalizeBars(gd, sa, sieve);
+}
+
+
+function setOffsetAndWidth(gd, pa, sieve) {
+    var fullLayout = gd._fullLayout,
+        bargap = fullLayout.bargap,
+        bargroupgap = fullLayout.bargroupgap,
+        minDiff = sieve.minDiff,
+        calcTraces = sieve.traces,
+        i, calcTrace, calcTrace0,
+        t;
+
+    // set bar offsets and widths
+    var barGroupWidth = minDiff * (1 - bargap),
+        barWidthPlusGap = barGroupWidth,
+        barWidth = barWidthPlusGap * (1 - bargroupgap);
+
+    // computer bar group center and bar offset
+    var offsetFromCenter = -barWidth / 2;
+
+    for(i = 0; i < calcTraces.length; i++) {
+        calcTrace = calcTraces[i];
+        calcTrace0 = calcTrace[0];
+
+        // store bar width and offset for this trace
+        t = calcTrace0.t;
+        t.barwidth = barWidth;
+        t.poffset = offsetFromCenter;
+        t.bargroupwidth = barGroupWidth;
+    }
+
+    // stack bars that only differ by rounding
+    sieve.binWidth = calcTraces[0][0].t.barwidth / 100;
+
+    // if defined, apply trace offset and width
+    applyAttributes(sieve);
+
+    // store the bar center in each calcdata item
+    setBarCenterAndWidth(gd, pa, sieve);
+
+    // update position axes
+    updatePositionAxis(gd, pa, sieve);
+}
+
+
+function setOffsetAndWidthInGroupMode(gd, pa, sieve) {
+    var fullLayout = gd._fullLayout,
+        bargap = fullLayout.bargap,
+        bargroupgap = fullLayout.bargroupgap,
+        positions = sieve.positions,
+        distinctPositions = sieve.distinctPositions,
+        minDiff = sieve.minDiff,
+        calcTraces = sieve.traces,
+        i, calcTrace, calcTrace0,
+        t;
+
+    // if there aren't any overlapping positions,
+    // let them have full width even if mode is group
+    var overlap = (positions.length !== distinctPositions.length);
+
+    var nTraces = calcTraces.length,
+        barGroupWidth = minDiff * (1 - bargap),
+        barWidthPlusGap = (overlap) ? barGroupWidth / nTraces : barGroupWidth,
+        barWidth = barWidthPlusGap * (1 - bargroupgap);
+
+    for(i = 0; i < nTraces; i++) {
+        calcTrace = calcTraces[i];
+        calcTrace0 = calcTrace[0];
+
+        // computer bar group center and bar offset
+        var offsetFromCenter = (overlap) ?
+                ((2 * i + 1 - nTraces) * barWidthPlusGap - barWidth) / 2 :
+                -barWidth / 2;
+
+        // store bar width and offset for this trace
+        t = calcTrace0.t;
+        t.barwidth = barWidth;
+        t.poffset = offsetFromCenter;
+        t.bargroupwidth = barGroupWidth;
+    }
+
+    // stack bars that only differ by rounding
+    sieve.binWidth = calcTraces[0][0].t.barwidth / 100;
+
+    // if defined, apply trace width
+    applyAttributes(sieve);
+
+    // store the bar center in each calcdata item
+    setBarCenterAndWidth(gd, pa, sieve);
+
+    // update position axes
+    updatePositionAxis(gd, pa, sieve, overlap);
+}
+
+
+function applyAttributes(sieve) {
+    var calcTraces = sieve.traces,
+        i, calcTrace, calcTrace0, fullTrace,
+        j,
+        t;
+
+    for(i = 0; i < calcTraces.length; i++) {
+        calcTrace = calcTraces[i];
+        calcTrace0 = calcTrace[0];
+        fullTrace = calcTrace0.trace;
+        t = calcTrace0.t;
+
+        var offset = fullTrace.offset,
+            initialPoffset = t.poffset,
+            newPoffset;
+
+        if(Array.isArray(offset)) {
+            // if offset is an array, then clone it into t.poffset.
+            newPoffset = offset.slice(0, calcTrace.length);
+
+            // guard against non-numeric items
+            for(j = 0; j < newPoffset.length; j++) {
+                if(!isNumeric(newPoffset[j])) {
+                    newPoffset[j] = initialPoffset;
+                }
+            }
+
+            // if the length of the array is too short,
+            // then extend it with the initial value of t.poffset
+            for(j = newPoffset.length; j < calcTrace.length; j++) {
+                newPoffset.push(initialPoffset);
+            }
+
+            t.poffset = newPoffset;
+        }
+        else if(offset !== undefined) {
+            t.poffset = offset;
+        }
+
+        var width = fullTrace.width,
+            initialBarwidth = t.barwidth;
+
+        if(Array.isArray(width)) {
+            // if width is an array, then clone it into t.barwidth.
+            var newBarwidth = width.slice(0, calcTrace.length);
+
+            // guard against non-numeric items
+            for(j = 0; j < newBarwidth.length; j++) {
+                if(!isNumeric(newBarwidth[j])) newBarwidth[j] = initialBarwidth;
+            }
+
+            // if the length of the array is too short,
+            // then extend it with the initial value of t.barwidth
+            for(j = newBarwidth.length; j < calcTrace.length; j++) {
+                newBarwidth.push(initialBarwidth);
+            }
+
+            t.barwidth = newBarwidth;
+
+            // if user didn't set offset,
+            // then correct t.poffset to ensure bars remain centered
+            if(offset === undefined) {
+                newPoffset = [];
+                for(j = 0; j < calcTrace.length; j++) {
+                    newPoffset.push(
+                        initialPoffset + (initialBarwidth - newBarwidth[j]) / 2
+                    );
+                }
+                t.poffset = newPoffset;
+            }
+        }
+        else if(width !== undefined) {
+            t.barwidth = width;
+
+            // if user didn't set offset,
+            // then correct t.poffset to ensure bars remain centered
+            if(offset === undefined) {
+                t.poffset = initialPoffset + (initialBarwidth - width) / 2;
+            }
+        }
+    }
+}
+
+
+function setBarCenterAndWidth(gd, pa, sieve) {
+    var calcTraces = sieve.traces,
+        pLetter = getAxisLetter(pa);
+
+    for(var i = 0; i < calcTraces.length; i++) {
+        var calcTrace = calcTraces[i],
+            t = calcTrace[0].t,
+            poffset = t.poffset,
+            poffsetIsArray = Array.isArray(poffset),
+            barwidth = t.barwidth,
+            barwidthIsArray = Array.isArray(barwidth);
+
+        for(var j = 0; j < calcTrace.length; j++) {
+            var calcBar = calcTrace[j];
+
+            // store the actual bar width and position, for use by hover
+            var width = calcBar.w = (barwidthIsArray) ? barwidth[j] : barwidth;
+            calcBar[pLetter] = calcBar.p +
+                ((poffsetIsArray) ? poffset[j] : poffset) +
+                width / 2;
+
+
+        }
+    }
+}
+
+
+function updatePositionAxis(gd, pa, sieve, allowMinDtick) {
+    var calcTraces = sieve.traces,
+        distinctPositions = sieve.distinctPositions,
+        distinctPositions0 = distinctPositions[0],
+        minDiff = sieve.minDiff,
+        vpad = minDiff / 2;
+
+    Axes.minDtick(pa, minDiff, distinctPositions0, allowMinDtick);
+
+    // If the user set the bar width or the offset,
+    // then bars can be shifted away from their positions
+    // and widths can be larger than minDiff.
+    //
+    // Here, we compute pMin and pMax to expand the position axis,
+    // so that all bars are fully within the axis range.
+    var pMin = Math.min.apply(Math, distinctPositions) - vpad,
+        pMax = Math.max.apply(Math, distinctPositions) + vpad;
+
+    for(var i = 0; i < calcTraces.length; i++) {
+        var calcTrace = calcTraces[i],
+            calcTrace0 = calcTrace[0],
+            fullTrace = calcTrace0.trace;
+
+        if(fullTrace.width === undefined && fullTrace.offset === undefined) {
+            continue;
+        }
+
+        var t = calcTrace0.t,
+            poffset = t.poffset,
+            barwidth = t.barwidth,
+            poffsetIsArray = Array.isArray(poffset),
+            barwidthIsArray = Array.isArray(barwidth);
+
+        for(var j = 0; j < calcTrace.length; j++) {
+            var calcBar = calcTrace[j],
+                calcBarOffset = (poffsetIsArray) ? poffset[j] : poffset,
+                calcBarWidth = (barwidthIsArray) ? barwidth[j] : barwidth,
+                p = calcBar.p,
+                l = p + calcBarOffset,
+                r = l + calcBarWidth;
+
+            pMin = Math.min(pMin, l);
+            pMax = Math.max(pMax, r);
+        }
+    }
+
+    Axes.expand(pa, [pMin, pMax], {padded: false});
+}
+
+function expandRange(range, newValue) {
+    if(isNumeric(range[0])) range[0] = Math.min(range[0], newValue);
+    else range[0] = newValue;
+
+    if(isNumeric(range[1])) range[1] = Math.max(range[1], newValue);
+    else range[1] = newValue;
+}
+
+function setBaseAndTop(gd, sa, sieve) {
+    // store these bar bases and tops in calcdata
+    // and make sure the size axis includes zero,
+    // along with the bases and tops of each bar.
+    var traces = sieve.traces,
+        sLetter = getAxisLetter(sa),
+        sRange = [null, null];
+
+    for(var i = 0; i < traces.length; i++) {
+        var trace = traces[i];
+
+        for(var j = 0; j < trace.length; j++) {
+            var bar = trace[j],
+                barBase = bar.b,
+                barTop = barBase + bar.s;
+
+            bar[sLetter] = barTop;
+
+            if(isNumeric(sa.c2l(barTop))) expandRange(sRange, barTop);
+            if(bar.hasB && isNumeric(sa.c2l(barBase))) expandRange(sRange, barBase);
+        }
+    }
+
+    Axes.expand(sa, sRange, {tozero: true, padded: true});
+}
+
+
+function stackBars(gd, sa, sieve) {
+    var fullLayout = gd._fullLayout,
+        barnorm = fullLayout.barnorm,
+        sLetter = getAxisLetter(sa),
+        traces = sieve.traces,
+        i, trace,
+        j, bar;
+
+    var sRange = [null, null];
+
+    for(i = 0; i < traces.length; i++) {
+        trace = traces[i];
+
+        for(j = 0; j < trace.length; j++) {
+            bar = trace[j];
+
+            if(bar.s === BADNUM) continue;
+
+            // stack current bar and get previous sum
+            var barBase = sieve.put(bar.p, bar.b + bar.s),
+                barTop = barBase + bar.b + bar.s;
+
+            // store the bar base and top in each calcdata item
+            bar.b = barBase;
+            bar[sLetter] = barTop;
+
+            if(!barnorm) {
+                if(isNumeric(sa.c2l(barTop))) expandRange(sRange, barTop);
+                if(bar.hasB && isNumeric(sa.c2l(barBase))) expandRange(sRange, barBase);
+            }
+        }
+    }
+
+    // if barnorm is set, let normalizeBars update the axis range
+    if(!barnorm) Axes.expand(sa, sRange, {tozero: true, padded: true});
+}
+
+
+function sieveBars(gd, sa, sieve) {
+    var traces = sieve.traces;
+
+    for(var i = 0; i < traces.length; i++) {
+        var trace = traces[i];
+
+        for(var j = 0; j < trace.length; j++) {
+            var bar = trace[j];
+
+            if(bar.s !== BADNUM) sieve.put(bar.p, bar.b + bar.s);
+        }
+    }
+}
+
+
+function normalizeBars(gd, sa, sieve) {
+    // Note:
+    //
+    // normalizeBars requires that either sieveBars or stackBars has been
+    // previously invoked.
+
+    var traces = sieve.traces,
+        sLetter = getAxisLetter(sa),
+        sTop = (gd._fullLayout.barnorm === 'fraction') ? 1 : 100,
+        sTiny = sTop / 1e9, // in case of rounding error in sum
+        sMin = sa.l2c(sa.c2l(0)),
+        sMax = (gd._fullLayout.barmode === 'stack') ? sTop : sMin,
+        sRange = [sMin, sMax],
+        padded = false;
+
+    function maybeExpand(newValue) {
+        if(isNumeric(sa.c2l(newValue)) &&
+            ((newValue < sMin - sTiny) || (newValue > sMax + sTiny) || !isNumeric(sMin))
+        ) {
+            padded = true;
+            expandRange(sRange, newValue);
+        }
+    }
+
+    for(var i = 0; i < traces.length; i++) {
+        var trace = traces[i];
+
+        for(var j = 0; j < trace.length; j++) {
+            var bar = trace[j];
+
+            if(bar.s === BADNUM) continue;
+
+            var scale = Math.abs(sTop / sieve.get(bar.p, bar.s));
+            bar.b *= scale;
+            bar.s *= scale;
+
+            var barBase = bar.b,
+                barTop = barBase + bar.s;
+            bar[sLetter] = barTop;
+
+            maybeExpand(barTop);
+            if(bar.hasB) maybeExpand(barBase);
+        }
+    }
+
+    // update range of size axis
+    Axes.expand(sa, sRange, {tozero: true, padded: padded});
+}
+
+
+function getAxisLetter(ax) {
+    return ax._id.charAt(0);
+}
+
+},{"../../constants/numerical":707,"../../plots/cartesian/axes":772,"../../registry":846,"./sieve.js":866,"fast-isnumeric":131}],866:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = Sieve;
+
+var Lib = require('../../lib');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+/**
+ * Helper class to sieve data from traces into bins
+ *
+ * @class
+ * @param {Array}   traces
+ *                  Array of calculated traces
+ * @param {boolean} [separateNegativeValues]
+ *                  If true, then split data at the same position into a bar
+ *                  for positive values and another for negative values
+ * @param {boolean} [dontMergeOverlappingData]
+ *                  If true, then don't merge overlapping bars into a single bar
+ */
+function Sieve(traces, separateNegativeValues, dontMergeOverlappingData) {
+    this.traces = traces;
+    this.separateNegativeValues = separateNegativeValues;
+    this.dontMergeOverlappingData = dontMergeOverlappingData;
+
+    // for single-bin histograms - see histogram/calc
+    var width1 = Infinity;
+
+    var positions = [];
+    for(var i = 0; i < traces.length; i++) {
+        var trace = traces[i];
+        for(var j = 0; j < trace.length; j++) {
+            var bar = trace[j];
+            if(bar.p !== BADNUM) positions.push(bar.p);
+        }
+        if(trace[0] && trace[0].width1) {
+            width1 = Math.min(trace[0].width1, width1);
+        }
+    }
+    this.positions = positions;
+
+    var dv = Lib.distinctVals(positions);
+    this.distinctPositions = dv.vals;
+    if(dv.vals.length === 1 && width1 !== Infinity) this.minDiff = width1;
+    else this.minDiff = Math.min(dv.minDiff, width1);
+
+    this.binWidth = this.minDiff;
+
+    this.bins = {};
+}
+
+/**
+ * Sieve datum
+ *
+ * @method
+ * @param {number} position
+ * @param {number} value
+ * @returns {number} Previous bin value
+ */
+Sieve.prototype.put = function put(position, value) {
+    var label = this.getLabel(position, value),
+        oldValue = this.bins[label] || 0;
+
+    this.bins[label] = oldValue + value;
+
+    return oldValue;
+};
+
+/**
+ * Get current bin value for a given datum
+ *
+ * @method
+ * @param {number} position  Position of datum
+ * @param {number} [value]   Value of datum
+ *                           (required if this.separateNegativeValues is true)
+ * @returns {number} Current bin value
+ */
+Sieve.prototype.get = function put(position, value) {
+    var label = this.getLabel(position, value);
+    return this.bins[label] || 0;
+};
+
+/**
+ * Get bin label for a given datum
+ *
+ * @method
+ * @param {number} position  Position of datum
+ * @param {number} [value]   Value of datum
+ *                           (required if this.separateNegativeValues is true)
+ * @returns {string} Bin label
+ * (prefixed with a 'v' if value is negative and this.separateNegativeValues is
+ * true; otherwise prefixed with '^')
+ */
+Sieve.prototype.getLabel = function getLabel(position, value) {
+    var prefix = (value < 0 && this.separateNegativeValues) ? 'v' : '^',
+        label = (this.dontMergeOverlappingData) ?
+            position :
+            Math.round(position / this.binWidth);
+    return prefix + label;
+};
+
+},{"../../constants/numerical":707,"../../lib":728}],867:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var ErrorBars = require('../../components/errorbars');
+
+
+module.exports = function style(gd) {
+    var s = d3.select(gd).selectAll('g.trace.bars'),
+        barcount = s.size(),
+        fullLayout = gd._fullLayout;
+
+    // trace styling
+    s.style('opacity', function(d) { return d[0].trace.opacity; })
+
+    // for gapless (either stacked or neighboring grouped) bars use
+    // crispEdges to turn off antialiasing so an artificial gap
+    // isn't introduced.
+    .each(function(d) {
+        if((fullLayout.barmode === 'stack' && barcount > 1) ||
+                (fullLayout.bargap === 0 &&
+                 fullLayout.bargroupgap === 0 &&
+                 !d[0].trace.marker.line.width)) {
+            d3.select(this).attr('shape-rendering', 'crispEdges');
+        }
+    });
+
+    // then style the individual bars
+    s.selectAll('g.points').each(function(d) {
+        var trace = d[0].trace,
+            marker = trace.marker,
+            markerLine = marker.line,
+            markerScale = Drawing.tryColorscale(marker, ''),
+            lineScale = Drawing.tryColorscale(marker, 'line');
+
+        d3.select(this).selectAll('path').each(function(d) {
+            // allow all marker and marker line colors to be scaled
+            // by given max and min to colorscales
+            var fillColor,
+                lineColor,
+                lineWidth = (d.mlw + 1 || markerLine.width + 1) - 1,
+                p = d3.select(this);
+
+            if('mc' in d) fillColor = d.mcc = markerScale(d.mc);
+            else if(Array.isArray(marker.color)) fillColor = Color.defaultLine;
+            else fillColor = marker.color;
+
+            p.style('stroke-width', lineWidth + 'px')
+                .call(Color.fill, fillColor);
+            if(lineWidth) {
+                if('mlc' in d) lineColor = d.mlcc = lineScale(d.mlc);
+                // weird case: array wasn't long enough to apply to every point
+                else if(Array.isArray(markerLine.color)) lineColor = Color.defaultLine;
+                else lineColor = markerLine.color;
+
+                p.call(Color.stroke, lineColor);
+            }
+        });
+    });
+
+    s.call(ErrorBars.style);
+};
+
+},{"../../components/color":604,"../../components/drawing":628,"../../components/errorbars":634,"d3":122}],868:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../../components/color');
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+
+
+module.exports = function handleStyleDefaults(traceIn, traceOut, coerce, defaultColor, layout) {
+    coerce('marker.color', defaultColor);
+
+    if(hasColorscale(traceIn, 'marker')) {
+        colorscaleDefaults(
+            traceIn, traceOut, layout, coerce, {prefix: 'marker.', cLetter: 'c'}
+        );
+    }
+
+    coerce('marker.line.color', Color.defaultLine);
+
+    if(hasColorscale(traceIn, 'marker.line')) {
+        colorscaleDefaults(
+            traceIn, traceOut, layout, coerce, {prefix: 'marker.line.', cLetter: 'c'}
+        );
+    }
+
+    coerce('marker.line.width');
+};
+
+},{"../../components/color":604,"../../components/colorscale/defaults":613,"../../components/colorscale/has_colorscale":617}],869:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var colorAttrs = require('../../components/color/attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var scatterMarkerAttrs = scatterAttrs.marker,
+    scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+
+module.exports = {
+    y: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    x0: {
+        valType: 'any',
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    y0: {
+        valType: 'any',
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    name: {
+        valType: 'string',
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    whiskerwidth: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 0.5,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    boxpoints: {
+        valType: 'enumerated',
+        values: ['all', 'outliers', 'suspectedoutliers', false],
+        dflt: 'outliers',
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    boxmean: {
+        valType: 'enumerated',
+        values: [true, 'sd', false],
+        dflt: false,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    jitter: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    pointpos: {
+        valType: 'number',
+        min: -2,
+        max: 2,
+        
+        editType: 'calcIfAutorange',
+        
+    },
+    orientation: {
+        valType: 'enumerated',
+        values: ['v', 'h'],
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    marker: {
+        outliercolor: {
+            valType: 'color',
+            dflt: 'rgba(0, 0, 0, 0)',
+            
+            editType: 'style',
+            
+        },
+        symbol: extendFlat({}, scatterMarkerAttrs.symbol,
+            {arrayOk: false, editType: 'plot'}),
+        opacity: extendFlat({}, scatterMarkerAttrs.opacity,
+            {arrayOk: false, dflt: 1, editType: 'style'}),
+        size: extendFlat({}, scatterMarkerAttrs.size,
+            {arrayOk: false, editType: 'calcIfAutorange'}),
+        color: extendFlat({}, scatterMarkerAttrs.color,
+            {arrayOk: false, editType: 'style'}),
+        line: {
+            color: extendFlat({}, scatterMarkerLineAttrs.color,
+                {arrayOk: false, dflt: colorAttrs.defaultLine, editType: 'style'}),
+            width: extendFlat({}, scatterMarkerLineAttrs.width,
+                {arrayOk: false, dflt: 0, editType: 'style'}),
+            outliercolor: {
+                valType: 'color',
+                
+                editType: 'style',
+                
+            },
+            outlierwidth: {
+                valType: 'number',
+                min: 0,
+                dflt: 1,
+                
+                editType: 'style',
+                
+            },
+            editType: 'style'
+        },
+        editType: 'plot'
+    },
+    line: {
+        color: {
+            valType: 'color',
+            
+            editType: 'style',
+            
+        },
+        width: {
+            valType: 'number',
+            
+            min: 0,
+            dflt: 2,
+            editType: 'style',
+            
+        },
+        editType: 'plot'
+    },
+    fillcolor: scatterAttrs.fillcolor
+};
+
+},{"../../components/color/attributes":603,"../../lib/extend":717,"../scatter/attributes":1031}],870:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+
+// outlier definition based on http://www.physics.csbsju.edu/stats/box2.html
+module.exports = function calc(gd, trace) {
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x'),
+        ya = Axes.getFromId(gd, trace.yaxis || 'y'),
+        orientation = trace.orientation,
+        cd = [],
+        valAxis, valLetter, val, valBinned,
+        posAxis, posLetter, pos, posDistinct, dPos;
+
+    // Set value (val) and position (pos) keys via orientation
+    if(orientation === 'h') {
+        valAxis = xa;
+        valLetter = 'x';
+        posAxis = ya;
+        posLetter = 'y';
+    } else {
+        valAxis = ya;
+        valLetter = 'y';
+        posAxis = xa;
+        posLetter = 'x';
+    }
+
+    val = valAxis.makeCalcdata(trace, valLetter);  // get val
+
+    // size autorange based on all source points
+    // position happens afterward when we know all the pos
+    Axes.expand(valAxis, val, {padded: true});
+
+    // In vertical (horizontal) box plots:
+    // if no x (y) data, use x0 (y0), or name
+    // so if you want one box
+    // per trace, set x0 (y0) to the x (y) value or category for this trace
+    // (or set x (y) to a constant array matching y (x))
+    function getPos(gd, trace, posLetter, posAxis, val) {
+        var pos0;
+        if(posLetter in trace) pos = posAxis.makeCalcdata(trace, posLetter);
+        else {
+            if(posLetter + '0' in trace) pos0 = trace[posLetter + '0'];
+            else if('name' in trace && (
+                        posAxis.type === 'category' ||
+                        (isNumeric(trace.name) &&
+                            ['linear', 'log'].indexOf(posAxis.type) !== -1) ||
+                        (Lib.isDateTime(trace.name) &&
+                         posAxis.type === 'date')
+                    )) {
+                pos0 = trace.name;
+            }
+            else pos0 = gd.numboxes;
+            pos0 = posAxis.d2c(pos0, 0, trace[posLetter + 'calendar']);
+            pos = val.map(function() { return pos0; });
+        }
+        return pos;
+    }
+
+    pos = getPos(gd, trace, posLetter, posAxis, val);
+
+    // get distinct positions and min difference
+    var dv = Lib.distinctVals(pos);
+    posDistinct = dv.vals;
+    dPos = dv.minDiff / 2;
+
+    function binVal(cd, val, pos, posDistinct, dPos) {
+        var posDistinctLength = posDistinct.length,
+            valLength = val.length,
+            valBinned = [],
+            bins = [],
+            i, p, n, v;
+
+        // store distinct pos in cd, find bins, init. valBinned
+        for(i = 0; i < posDistinctLength; ++i) {
+            p = posDistinct[i];
+            cd[i] = {pos: p};
+            bins[i] = p - dPos;
+            valBinned[i] = [];
+        }
+        bins.push(posDistinct[posDistinctLength - 1] + dPos);
+
+        // bin the values
+        for(i = 0; i < valLength; ++i) {
+            v = val[i];
+            if(!isNumeric(v)) continue;
+            n = Lib.findBin(pos[i], bins);
+            if(n >= 0 && n < valLength) valBinned[n].push(v);
+        }
+
+        return valBinned;
+    }
+
+    valBinned = binVal(cd, val, pos, posDistinct, dPos);
+
+    // sort the bins and calculate the stats
+    function calculateStats(cd, valBinned) {
+        var v, l, cdi, i;
+
+        for(i = 0; i < valBinned.length; ++i) {
+            v = valBinned[i].sort(Lib.sorterAsc);
+            l = v.length;
+            cdi = cd[i];
+
+            cdi.val = v;  // put all values into calcdata
+            cdi.min = v[0];
+            cdi.max = v[l - 1];
+            cdi.mean = Lib.mean(v, l);
+            cdi.sd = Lib.stdev(v, l, cdi.mean);
+            cdi.q1 = Lib.interp(v, 0.25);  // first quartile
+            cdi.med = Lib.interp(v, 0.5);  // median
+            cdi.q3 = Lib.interp(v, 0.75);  // third quartile
+            // lower and upper fences - last point inside
+            // 1.5 interquartile ranges from quartiles
+            cdi.lf = Math.min(cdi.q1, v[
+                Math.min(Lib.findBin(2.5 * cdi.q1 - 1.5 * cdi.q3, v, true) + 1, l - 1)]);
+            cdi.uf = Math.max(cdi.q3, v[
+                Math.max(Lib.findBin(2.5 * cdi.q3 - 1.5 * cdi.q1, v), 0)]);
+            // lower and upper outliers - 3 IQR out (don't clip to max/min,
+            // this is only for discriminating suspected & far outliers)
+            cdi.lo = 4 * cdi.q1 - 3 * cdi.q3;
+            cdi.uo = 4 * cdi.q3 - 3 * cdi.q1;
+        }
+    }
+
+    calculateStats(cd, valBinned);
+
+    // remove empty bins
+    cd = cd.filter(function(cdi) { return cdi.val && cdi.val.length; });
+    if(!cd.length) return [{t: {emptybox: true}}];
+
+    // add numboxes and dPos to cd
+    cd[0].t = {boxnum: gd.numboxes, dPos: dPos};
+    gd.numboxes++;
+    return cd;
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"fast-isnumeric":131}],871:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Registry = require('../../registry');
+var Color = require('../../components/color');
+
+var attributes = require('./attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var y = coerce('y'),
+        x = coerce('x'),
+        defaultOrientation;
+
+    if(y && y.length) {
+        defaultOrientation = 'v';
+        if(!x) coerce('x0');
+    } else if(x && x.length) {
+        defaultOrientation = 'h';
+        coerce('y0');
+    } else {
+        traceOut.visible = false;
+        return;
+    }
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y'], layout);
+
+    coerce('orientation', defaultOrientation);
+
+    coerce('line.color', (traceIn.marker || {}).color || defaultColor);
+    coerce('line.width', 2);
+    coerce('fillcolor', Color.addOpacity(traceOut.line.color, 0.5));
+
+    coerce('whiskerwidth');
+    coerce('boxmean');
+
+    var outlierColorDflt = Lib.coerce2(traceIn, traceOut, attributes, 'marker.outliercolor'),
+        lineoutliercolor = coerce('marker.line.outliercolor'),
+        boxpoints = outlierColorDflt ||
+                    lineoutliercolor ? coerce('boxpoints', 'suspectedoutliers') :
+                    coerce('boxpoints');
+
+    if(boxpoints) {
+        coerce('jitter', boxpoints === 'all' ? 0.3 : 0);
+        coerce('pointpos', boxpoints === 'all' ? -1.5 : 0);
+
+        coerce('marker.symbol');
+        coerce('marker.opacity');
+        coerce('marker.size');
+        coerce('marker.color', traceOut.line.color);
+        coerce('marker.line.color');
+        coerce('marker.line.width');
+
+        if(boxpoints === 'suspectedoutliers') {
+            coerce('marker.line.outliercolor', traceOut.marker.color);
+            coerce('marker.line.outlierwidth');
+        }
+    }
+};
+
+},{"../../components/color":604,"../../lib":728,"../../registry":846,"./attributes":869}],872:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var Lib = require('../../lib');
+var Fx = require('../../components/fx');
+var Color = require('../../components/color');
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    // closest mode: handicap box plots a little relative to others
+    var cd = pointData.cd,
+        trace = cd[0].trace,
+        t = cd[0].t,
+        xa = pointData.xa,
+        ya = pointData.ya,
+        closeData = [],
+        dx, dy, distfn, boxDelta,
+        posLetter, posAxis,
+        val, valLetter, valAxis;
+
+    // adjust inbox w.r.t. to calculate box size
+    boxDelta = (hovermode === 'closest') ? 2.5 * t.bdPos : t.bdPos;
+
+    if(trace.orientation === 'h') {
+        dx = function(di) {
+            return Fx.inbox(di.min - xval, di.max - xval);
+        };
+        dy = function(di) {
+            var pos = di.pos + t.bPos - yval;
+            return Fx.inbox(pos - boxDelta, pos + boxDelta);
+        };
+        posLetter = 'y';
+        posAxis = ya;
+        valLetter = 'x';
+        valAxis = xa;
+    } else {
+        dx = function(di) {
+            var pos = di.pos + t.bPos - xval;
+            return Fx.inbox(pos - boxDelta, pos + boxDelta);
+        };
+        dy = function(di) {
+            return Fx.inbox(di.min - yval, di.max - yval);
+        };
+        posLetter = 'x';
+        posAxis = xa;
+        valLetter = 'y';
+        valAxis = ya;
+    }
+
+    distfn = Fx.getDistanceFunction(hovermode, dx, dy);
+    Fx.getClosest(cd, distfn, pointData);
+
+    // skip the rest (for this trace) if we didn't find a close point
+    if(pointData.index === false) return;
+
+    // create the item(s) in closedata for this point
+
+    // the closest data point
+    var di = cd[pointData.index],
+        lc = trace.line.color,
+        mc = (trace.marker || {}).color;
+    if(Color.opacity(lc) && trace.line.width) pointData.color = lc;
+    else if(Color.opacity(mc) && trace.boxpoints) pointData.color = mc;
+    else pointData.color = trace.fillcolor;
+
+    pointData[posLetter + '0'] = posAxis.c2p(di.pos + t.bPos - t.bdPos, true);
+    pointData[posLetter + '1'] = posAxis.c2p(di.pos + t.bPos + t.bdPos, true);
+
+    Axes.tickText(posAxis, posAxis.c2l(di.pos), 'hover').text;
+    pointData[posLetter + 'LabelVal'] = di.pos;
+
+    // box plots: each "point" gets many labels
+    var usedVals = {},
+        attrs = ['med', 'min', 'q1', 'q3', 'max'],
+        attr,
+        pointData2;
+    if(trace.boxmean) attrs.push('mean');
+    if(trace.boxpoints) [].push.apply(attrs, ['lf', 'uf']);
+
+    for(var i = 0; i < attrs.length; i++) {
+        attr = attrs[i];
+
+        if(!(attr in di) || (di[attr] in usedVals)) continue;
+        usedVals[di[attr]] = true;
+
+        // copy out to a new object for each value to label
+        val = valAxis.c2p(di[attr], true);
+        pointData2 = Lib.extendFlat({}, pointData);
+        pointData2[valLetter + '0'] = pointData2[valLetter + '1'] = val;
+        pointData2[valLetter + 'LabelVal'] = di[attr];
+        pointData2.attr = attr;
+
+        if(attr === 'mean' && ('sd' in di) && trace.boxmean === 'sd') {
+            pointData2[valLetter + 'err'] = di.sd;
+        }
+        pointData.name = ''; // only keep name on the first item (median)
+        closeData.push(pointData2);
+    }
+    return closeData;
+};
+
+},{"../../components/color":604,"../../components/fx":645,"../../lib":728,"../../plots/cartesian/axes":772}],873:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Box = {};
+
+Box.attributes = require('./attributes');
+Box.layoutAttributes = require('./layout_attributes');
+Box.supplyDefaults = require('./defaults');
+Box.supplyLayoutDefaults = require('./layout_defaults');
+Box.calc = require('./calc');
+Box.setPositions = require('./set_positions');
+Box.plot = require('./plot');
+Box.style = require('./style');
+Box.hoverPoints = require('./hover');
+
+Box.moduleType = 'trace';
+Box.name = 'box';
+Box.basePlotModule = require('../../plots/cartesian');
+Box.categories = ['cartesian', 'symbols', 'oriented', 'box', 'showLegend'];
+Box.meta = {
+    
+};
+
+module.exports = Box;
+
+},{"../../plots/cartesian":782,"./attributes":869,"./calc":870,"./defaults":871,"./hover":872,"./layout_attributes":874,"./layout_defaults":875,"./plot":876,"./set_positions":877,"./style":878}],874:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    boxmode: {
+        valType: 'enumerated',
+        values: ['group', 'overlay'],
+        dflt: 'overlay',
+        
+        editType: 'calc',
+        
+    },
+    boxgap: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 0.3,
+        
+        editType: 'calc',
+        
+    },
+    boxgroupgap: {
+        valType: 'number',
+        min: 0,
+        max: 1,
+        dflt: 0.3,
+        
+        editType: 'calc',
+        
+    }
+};
+
+},{}],875:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var layoutAttributes = require('./layout_attributes');
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt);
+    }
+
+    var hasBoxes;
+    for(var i = 0; i < fullData.length; i++) {
+        if(Registry.traceIs(fullData[i], 'box')) {
+            hasBoxes = true;
+            break;
+        }
+    }
+    if(!hasBoxes) return;
+
+    coerce('boxmode');
+    coerce('boxgap');
+    coerce('boxgroupgap');
+};
+
+},{"../../lib":728,"../../registry":846,"./layout_attributes":874}],876:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../../lib');
+var Drawing = require('../../components/drawing');
+
+
+// repeatable pseudorandom generator
+var randSeed = 2000000000;
+
+function seed() {
+    randSeed = 2000000000;
+}
+
+function rand() {
+    var lastVal = randSeed;
+    randSeed = (69069 * randSeed + 1) % 4294967296;
+    // don't let consecutive vals be too close together
+    // gets away from really trying to be random, in favor of better local uniformity
+    if(Math.abs(randSeed - lastVal) < 429496729) return rand();
+    return randSeed / 4294967296;
+}
+
+// constants for dynamic jitter (ie less jitter for sparser points)
+var JITTERCOUNT = 5, // points either side of this to include
+    JITTERSPREAD = 0.01; // fraction of IQR to count as "dense"
+
+
+module.exports = function plot(gd, plotinfo, cdbox) {
+    var fullLayout = gd._fullLayout,
+        xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        posAxis, valAxis;
+
+    var boxtraces = plotinfo.plot.select('.boxlayer')
+        .selectAll('g.trace.boxes')
+            .data(cdbox)
+      .enter().append('g')
+        .attr('class', 'trace boxes');
+
+    boxtraces.each(function(d) {
+        var t = d[0].t,
+            trace = d[0].trace,
+            group = (fullLayout.boxmode === 'group' && gd.numboxes > 1),
+            // box half width
+            bdPos = t.dPos * (1 - fullLayout.boxgap) * (1 - fullLayout.boxgroupgap) / (group ? gd.numboxes : 1),
+            // box center offset
+            bPos = group ? 2 * t.dPos * (-0.5 + (t.boxnum + 0.5) / gd.numboxes) * (1 - fullLayout.boxgap) : 0,
+            // whisker width
+            wdPos = bdPos * trace.whiskerwidth;
+        if(trace.visible !== true || t.emptybox) {
+            d3.select(this).remove();
+            return;
+        }
+
+        // set axis via orientation
+        if(trace.orientation === 'h') {
+            posAxis = ya;
+            valAxis = xa;
+        } else {
+            posAxis = xa;
+            valAxis = ya;
+        }
+
+        // save the box size and box position for use by hover
+        t.bPos = bPos;
+        t.bdPos = bdPos;
+
+        // repeatable pseudorandom number generator
+        seed();
+
+        // boxes and whiskers
+        d3.select(this).selectAll('path.box')
+            .data(Lib.identity)
+            .enter().append('path')
+            .style('vector-effect', 'non-scaling-stroke')
+            .attr('class', 'box')
+            .each(function(d) {
+                var posc = posAxis.c2p(d.pos + bPos, true),
+                    pos0 = posAxis.c2p(d.pos + bPos - bdPos, true),
+                    pos1 = posAxis.c2p(d.pos + bPos + bdPos, true),
+                    posw0 = posAxis.c2p(d.pos + bPos - wdPos, true),
+                    posw1 = posAxis.c2p(d.pos + bPos + wdPos, true),
+                    q1 = valAxis.c2p(d.q1, true),
+                    q3 = valAxis.c2p(d.q3, true),
+                    // make sure median isn't identical to either of the
+                    // quartiles, so we can see it
+                    m = Lib.constrain(valAxis.c2p(d.med, true),
+                        Math.min(q1, q3) + 1, Math.max(q1, q3) - 1),
+                    lf = valAxis.c2p(trace.boxpoints === false ? d.min : d.lf, true),
+                    uf = valAxis.c2p(trace.boxpoints === false ? d.max : d.uf, true);
+                if(trace.orientation === 'h') {
+                    d3.select(this).attr('d',
+                        'M' + m + ',' + pos0 + 'V' + pos1 + // median line
+                        'M' + q1 + ',' + pos0 + 'V' + pos1 + 'H' + q3 + 'V' + pos0 + 'Z' + // box
+                        'M' + q1 + ',' + posc + 'H' + lf + 'M' + q3 + ',' + posc + 'H' + uf + // whiskers
+                        ((trace.whiskerwidth === 0) ? '' : // whisker caps
+                            'M' + lf + ',' + posw0 + 'V' + posw1 + 'M' + uf + ',' + posw0 + 'V' + posw1));
+                } else {
+                    d3.select(this).attr('d',
+                        'M' + pos0 + ',' + m + 'H' + pos1 + // median line
+                        'M' + pos0 + ',' + q1 + 'H' + pos1 + 'V' + q3 + 'H' + pos0 + 'Z' + // box
+                        'M' + posc + ',' + q1 + 'V' + lf + 'M' + posc + ',' + q3 + 'V' + uf + // whiskers
+                        ((trace.whiskerwidth === 0) ? '' : // whisker caps
+                            'M' + posw0 + ',' + lf + 'H' + posw1 + 'M' + posw0 + ',' + uf + 'H' + posw1));
+                }
+            });
+
+        // draw points, if desired
+        if(trace.boxpoints) {
+            d3.select(this).selectAll('g.points')
+                // since box plot points get an extra level of nesting, each
+                // box needs the trace styling info
+                .data(function(d) {
+                    d.forEach(function(v) {
+                        v.t = t;
+                        v.trace = trace;
+                    });
+                    return d;
+                })
+                .enter().append('g')
+                .attr('class', 'points')
+              .selectAll('path')
+                .data(function(d) {
+                    var pts = (trace.boxpoints === 'all') ? d.val :
+                            d.val.filter(function(v) { return (v < d.lf || v > d.uf); }),
+                        // normally use IQR, but if this is 0 or too small, use max-min
+                        typicalSpread = Math.max((d.max - d.min) / 10, d.q3 - d.q1),
+                        minSpread = typicalSpread * 1e-9,
+                        spreadLimit = typicalSpread * JITTERSPREAD,
+                        jitterFactors = [],
+                        maxJitterFactor = 0,
+                        i,
+                        i0, i1,
+                        pmin,
+                        pmax,
+                        jitterFactor,
+                        newJitter;
+
+                    // dynamic jitter
+                    if(trace.jitter) {
+                        if(typicalSpread === 0) {
+                            // edge case of no spread at all: fall back to max jitter
+                            maxJitterFactor = 1;
+                            jitterFactors = new Array(pts.length);
+                            for(i = 0; i < pts.length; i++) {
+                                jitterFactors[i] = 1;
+                            }
+                        }
+                        else {
+                            for(i = 0; i < pts.length; i++) {
+                                i0 = Math.max(0, i - JITTERCOUNT);
+                                pmin = pts[i0];
+                                i1 = Math.min(pts.length - 1, i + JITTERCOUNT);
+                                pmax = pts[i1];
+
+                                if(trace.boxpoints !== 'all') {
+                                    if(pts[i] < d.lf) pmax = Math.min(pmax, d.lf);
+                                    else pmin = Math.max(pmin, d.uf);
+                                }
+
+                                jitterFactor = Math.sqrt(spreadLimit * (i1 - i0) / (pmax - pmin + minSpread)) || 0;
+                                jitterFactor = Lib.constrain(Math.abs(jitterFactor), 0, 1);
+
+                                jitterFactors.push(jitterFactor);
+                                maxJitterFactor = Math.max(jitterFactor, maxJitterFactor);
+                            }
+                        }
+                        newJitter = trace.jitter * 2 / maxJitterFactor;
+                    }
+
+                    return pts.map(function(v, i) {
+                        var posOffset = trace.pointpos,
+                            p;
+                        if(trace.jitter) {
+                            posOffset += newJitter * jitterFactors[i] * (rand() - 0.5);
+                        }
+
+                        if(trace.orientation === 'h') {
+                            p = {
+                                y: d.pos + posOffset * bdPos + bPos,
+                                x: v
+                            };
+                        } else {
+                            p = {
+                                x: d.pos + posOffset * bdPos + bPos,
+                                y: v
+                            };
+                        }
+
+                        // tag suspected outliers
+                        if(trace.boxpoints === 'suspectedoutliers' && v < d.uo && v > d.lo) {
+                            p.so = true;
+                        }
+                        return p;
+                    });
+                })
+                .enter().append('path')
+                .classed('point', true)
+                .call(Drawing.translatePoints, xa, ya);
+        }
+        // draw mean (and stdev diamond) if desired
+        if(trace.boxmean) {
+            d3.select(this).selectAll('path.mean')
+                .data(Lib.identity)
+                .enter().append('path')
+                .attr('class', 'mean')
+                .style({
+                    fill: 'none',
+                    'vector-effect': 'non-scaling-stroke'
+                })
+                .each(function(d) {
+                    var posc = posAxis.c2p(d.pos + bPos, true),
+                        pos0 = posAxis.c2p(d.pos + bPos - bdPos, true),
+                        pos1 = posAxis.c2p(d.pos + bPos + bdPos, true),
+                        m = valAxis.c2p(d.mean, true),
+                        sl = valAxis.c2p(d.mean - d.sd, true),
+                        sh = valAxis.c2p(d.mean + d.sd, true);
+                    if(trace.orientation === 'h') {
+                        d3.select(this).attr('d',
+                            'M' + m + ',' + pos0 + 'V' + pos1 +
+                            ((trace.boxmean !== 'sd') ? '' :
+                                'm0,0L' + sl + ',' + posc + 'L' + m + ',' + pos0 + 'L' + sh + ',' + posc + 'Z'));
+                    }
+                    else {
+                        d3.select(this).attr('d',
+                            'M' + pos0 + ',' + m + 'H' + pos1 +
+                            ((trace.boxmean !== 'sd') ? '' :
+                                'm0,0L' + posc + ',' + sl + 'L' + pos0 + ',' + m + 'L' + posc + ',' + sh + 'Z'));
+                    }
+                });
+        }
+    });
+};
+
+},{"../../components/drawing":628,"../../lib":728,"d3":122}],877:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+var Axes = require('../../plots/cartesian/axes');
+var Lib = require('../../lib');
+
+
+module.exports = function setPositions(gd, plotinfo) {
+    var fullLayout = gd._fullLayout,
+        xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        orientations = ['v', 'h'];
+    var posAxis, i, j, k;
+
+    for(i = 0; i < orientations.length; ++i) {
+        var orientation = orientations[i],
+            boxlist = [],
+            boxpointlist = [],
+            minPad = 0,
+            maxPad = 0,
+            cd,
+            t,
+            trace;
+
+        // set axis via orientation
+        if(orientation === 'h') posAxis = ya;
+        else posAxis = xa;
+
+        // make list of boxes
+        for(j = 0; j < gd.calcdata.length; ++j) {
+            cd = gd.calcdata[j];
+            t = cd[0].t;
+            trace = cd[0].trace;
+
+            if(trace.visible === true && Registry.traceIs(trace, 'box') &&
+                    !t.emptybox &&
+                    trace.orientation === orientation &&
+                    trace.xaxis === xa._id &&
+                    trace.yaxis === ya._id) {
+                boxlist.push(j);
+                if(trace.boxpoints !== false) {
+                    minPad = Math.max(minPad, trace.jitter - trace.pointpos - 1);
+                    maxPad = Math.max(maxPad, trace.jitter + trace.pointpos - 1);
+                }
+            }
+        }
+
+        // make list of box points
+        for(j = 0; j < boxlist.length; j++) {
+            cd = gd.calcdata[boxlist[j]];
+            for(k = 0; k < cd.length; k++) boxpointlist.push(cd[k].pos);
+        }
+        if(!boxpointlist.length) continue;
+
+        // box plots - update dPos based on multiple traces
+        // and then use for posAxis autorange
+
+        var boxdv = Lib.distinctVals(boxpointlist),
+            dPos = boxdv.minDiff / 2;
+
+        // if there's no duplication of x points,
+        // disable 'group' mode by setting numboxes=1
+        if(boxpointlist.length === boxdv.vals.length) gd.numboxes = 1;
+
+        // check for forced minimum dtick
+        Axes.minDtick(posAxis, boxdv.minDiff, boxdv.vals[0], true);
+
+        // set the width of all boxes
+        for(i = 0; i < boxlist.length; i++) {
+            var boxListIndex = boxlist[i];
+            gd.calcdata[boxListIndex][0].t.dPos = dPos;
+        }
+
+        // autoscale the x axis - including space for points if they're off the side
+        // TODO: this will overdo it if the outermost boxes don't have
+        // their points as far out as the other boxes
+        var padfactor = (1 - fullLayout.boxgap) * (1 - fullLayout.boxgroupgap) *
+                dPos / gd.numboxes;
+        Axes.expand(posAxis, boxdv.vals, {
+            vpadminus: dPos + minPad * padfactor,
+            vpadplus: dPos + maxPad * padfactor
+        });
+    }
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"../../registry":846}],878:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+
+
+module.exports = function style(gd) {
+    var s = d3.select(gd).selectAll('g.trace.boxes');
+
+    s.style('opacity', function(d) { return d[0].trace.opacity; })
+        .each(function(d) {
+            var trace = d[0].trace,
+                lineWidth = trace.line.width;
+            d3.select(this).selectAll('path.box')
+                .style('stroke-width', lineWidth + 'px')
+                .call(Color.stroke, trace.line.color)
+                .call(Color.fill, trace.fillcolor);
+            d3.select(this).selectAll('path.mean')
+                .style({
+                    'stroke-width': lineWidth,
+                    'stroke-dasharray': (2 * lineWidth) + 'px,' + lineWidth + 'px'
+                })
+                .call(Color.stroke, trace.line.color);
+            d3.select(this).selectAll('g.points path')
+                .call(Drawing.pointStyle, trace, gd);
+        });
+};
+
+},{"../../components/color":604,"../../components/drawing":628,"d3":122}],879:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var extendFlat = require('../../lib').extendFlat;
+var OHLCattrs = require('../ohlc/attributes');
+var boxAttrs = require('../box/attributes');
+
+function directionAttrs(lineColorDefault) {
+    return {
+        name: OHLCattrs.increasing.name,
+        showlegend: OHLCattrs.increasing.showlegend,
+
+        line: {
+            color: extendFlat({}, boxAttrs.line.color, {dflt: lineColorDefault}),
+            width: boxAttrs.line.width,
+            editType: 'style'
+        },
+
+        fillcolor: boxAttrs.fillcolor,
+        editType: 'style'
+    };
+}
+
+module.exports = {
+    x: OHLCattrs.x,
+    open: OHLCattrs.open,
+    high: OHLCattrs.high,
+    low: OHLCattrs.low,
+    close: OHLCattrs.close,
+
+    line: {
+        width: extendFlat({}, boxAttrs.line.width, {
+            
+        }),
+        editType: 'style'
+    },
+
+    increasing: directionAttrs(OHLCattrs.increasing.line.color.dflt),
+
+    decreasing: directionAttrs(OHLCattrs.decreasing.line.color.dflt),
+
+    text: OHLCattrs.text,
+    whiskerwidth: extendFlat({}, boxAttrs.whiskerwidth, { dflt: 0 })
+};
+
+},{"../../lib":728,"../box/attributes":869,"../ohlc/attributes":990}],880:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleOHLC = require('../ohlc/ohlc_defaults');
+var handleDirectionDefaults = require('../ohlc/direction_defaults');
+var helpers = require('../ohlc/helpers');
+var attributes = require('./attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    helpers.pushDummyTransformOpts(traceIn, traceOut);
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleOHLC(traceIn, traceOut, coerce, layout);
+    if(len === 0) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('line.width');
+
+    handleDirection(traceIn, traceOut, coerce, 'increasing');
+    handleDirection(traceIn, traceOut, coerce, 'decreasing');
+
+    coerce('text');
+    coerce('whiskerwidth');
+};
+
+function handleDirection(traceIn, traceOut, coerce, direction) {
+    handleDirectionDefaults(traceIn, traceOut, coerce, direction);
+
+    coerce(direction + '.line.color');
+    coerce(direction + '.line.width', traceOut.line.width);
+    coerce(direction + '.fillcolor');
+}
+
+},{"../../lib":728,"../ohlc/direction_defaults":992,"../ohlc/helpers":993,"../ohlc/ohlc_defaults":995,"./attributes":879}],881:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var register = require('../../plot_api/register');
+
+module.exports = {
+    moduleType: 'trace',
+    name: 'candlestick',
+    basePlotModule: require('../../plots/cartesian'),
+    categories: ['cartesian', 'showLegend', 'candlestick'],
+    meta: {
+        
+    },
+
+    attributes: require('./attributes'),
+    supplyDefaults: require('./defaults'),
+};
+
+register(require('../box'));
+register(require('./transform'));
+
+},{"../../plot_api/register":762,"../../plots/cartesian":782,"../box":873,"./attributes":879,"./defaults":880,"./transform":882}],882:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var helpers = require('../ohlc/helpers');
+
+exports.moduleType = 'transform';
+
+exports.name = 'candlestick';
+
+exports.attributes = {};
+
+exports.supplyDefaults = function(transformIn, traceOut, layout, traceIn) {
+    helpers.clearEphemeralTransformOpts(traceIn);
+    helpers.copyOHLC(transformIn, traceOut);
+
+    return transformIn;
+};
+
+exports.transform = function transform(dataIn, state) {
+    var dataOut = [];
+
+    for(var i = 0; i < dataIn.length; i++) {
+        var traceIn = dataIn[i];
+
+        if(traceIn.type !== 'candlestick') {
+            dataOut.push(traceIn);
+            continue;
+        }
+
+        dataOut.push(
+            makeTrace(traceIn, state, 'increasing'),
+            makeTrace(traceIn, state, 'decreasing')
+        );
+    }
+
+    helpers.addRangeSlider(dataOut, state.layout);
+
+    return dataOut;
+};
+
+function makeTrace(traceIn, state, direction) {
+    var traceOut = {
+        type: 'box',
+        boxpoints: false,
+
+        visible: traceIn.visible,
+        hoverinfo: traceIn.hoverinfo,
+        opacity: traceIn.opacity,
+        xaxis: traceIn.xaxis,
+        yaxis: traceIn.yaxis,
+
+        transforms: helpers.makeTransform(traceIn, state, direction)
+    };
+
+    // the rest of below may not have been coerced
+
+    var directionOpts = traceIn[direction];
+
+    if(directionOpts) {
+        Lib.extendFlat(traceOut, {
+
+            // to make autotype catch date axes soon!!
+            x: traceIn.x || [0],
+            xcalendar: traceIn.xcalendar,
+
+            // concat low and high to get correct autorange
+            y: [].concat(traceIn.low).concat(traceIn.high),
+
+            whiskerwidth: traceIn.whiskerwidth,
+            text: traceIn.text,
+
+            name: directionOpts.name,
+            showlegend: directionOpts.showlegend,
+            line: directionOpts.line,
+            fillcolor: directionOpts.fillcolor
+        });
+    }
+
+    return traceOut;
+}
+
+exports.calcTransform = function calcTransform(gd, trace, opts) {
+    var direction = opts.direction,
+        filterFn = helpers.getFilterFn(direction);
+
+    var open = trace.open,
+        high = trace.high,
+        low = trace.low,
+        close = trace.close;
+
+    var len = open.length,
+        x = [],
+        y = [];
+
+    var appendX = trace._fullInput.x ?
+        function(i) {
+            var v = trace.x[i];
+            x.push(v, v, v, v, v, v);
+        } :
+        function(i) {
+            x.push(i, i, i, i, i, i);
+        };
+
+    var appendY = function(o, h, l, c) {
+        y.push(l, o, c, c, c, h);
+    };
+
+    for(var i = 0; i < len; i++) {
+        if(filterFn(open[i], close[i]) && isNumeric(high[i]) && isNumeric(low[i])) {
+            appendX(i);
+            appendY(open[i], high[i], low[i], close[i]);
+        }
+    }
+
+    trace.x = x;
+    trace.y = y;
+};
+
+},{"../../lib":728,"../ohlc/helpers":993,"fast-isnumeric":131}],883:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var handleAxisDefaults = require('./axis_defaults');
+
+module.exports = function handleABDefaults(traceIn, traceOut, fullLayout, coerce, dfltColor) {
+    var a = coerce('a');
+
+    if(!a) {
+        coerce('da');
+        coerce('a0');
+    }
+
+    var b = coerce('b');
+
+    if(!b) {
+        coerce('db');
+        coerce('b0');
+    }
+
+    mimickAxisDefaults(traceIn, traceOut, fullLayout, dfltColor);
+
+    return;
+};
+
+function mimickAxisDefaults(traceIn, traceOut, fullLayout, dfltColor) {
+    var axesList = ['aaxis', 'baxis'];
+
+    axesList.forEach(function(axName) {
+        var axLetter = axName.charAt(0);
+        var axIn = traceIn[axName] || {};
+        var axOut = {};
+
+        var defaultOptions = {
+            tickfont: 'x',
+            id: axLetter + 'axis',
+            letter: axLetter,
+            font: traceOut.font,
+            name: axName,
+            data: traceIn[axLetter],
+            calendar: traceOut.calendar,
+            dfltColor: dfltColor,
+            bgColor: fullLayout.paper_bgcolor,
+            fullLayout: fullLayout
+        };
+
+        handleAxisDefaults(axIn, axOut, defaultOptions);
+
+        axOut._categories = axOut._categories || [];
+
+        traceOut[axName] = axOut;
+
+        // so we don't have to repeat autotype unnecessarily,
+        // copy an autotype back to traceIn
+        if(!traceIn[axName] && axIn.type !== '-') {
+            traceIn[axName] = {type: axIn.type};
+        }
+    });
+}
+
+},{"./axis_defaults":888}],884:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function(a) {
+    return minMax(a, 0);
+};
+
+function minMax(a, depth) {
+    // Limit to ten dimensional datasets. This seems *exceedingly* unlikely to
+    // ever cause problems or even be a concern. It's include strictly so that
+    // circular arrays could never cause this to loop.
+    if(!Array.isArray(a) || depth >= 10) {
+        return null;
+    }
+
+    var min = Infinity;
+    var max = -Infinity;
+    var n = a.length;
+    for(var i = 0; i < n; i++) {
+        var datum = a[i];
+
+        if(Array.isArray(datum)) {
+            var result = minMax(datum, depth + 1);
+
+            if(result) {
+                min = Math.min(result[0], min);
+                max = Math.max(result[1], max);
+            }
+        } else {
+            min = Math.min(datum, min);
+            max = Math.max(datum, max);
+        }
+    }
+
+    return [min, max];
+}
+
+},{}],885:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var axisAttrs = require('./axis_attributes');
+var colorAttrs = require('../../components/color/attributes');
+
+var carpetFont = fontAttrs({
+    editType: 'calc',
+    
+});
+// TODO: inherit from global font
+carpetFont.family.dflt = '"Open Sans", verdana, arial, sans-serif';
+carpetFont.size.dflt = 12;
+carpetFont.color.dflt = colorAttrs.defaultLine;
+
+module.exports = {
+    carpet: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    y: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    a: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    a0: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    da: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    b: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    b0: {
+        valType: 'number',
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    db: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    cheaterslope: {
+        valType: 'number',
+        
+        dflt: 1,
+        editType: 'calc',
+        
+    },
+    aaxis: axisAttrs,
+    baxis: axisAttrs,
+    font: carpetFont,
+    color: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'plot',
+        
+    },
+};
+
+},{"../../components/color/attributes":603,"../../plots/font_attributes":796,"./axis_attributes":887}],886:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/* This function retrns a set of control points that define a curve aligned along
+ * either the a or b axis. Exactly one of a or b must be an array defining the range
+ * spanned.
+ *
+ * Honestly this is the most complicated function I've implemente here so far because
+ * of the way it handles knot insertion and direction/axis-agnostic slices.
+ */
+module.exports = function(carpet, carpetcd, a, b) {
+    var idx, tangent, tanIsoIdx, tanIsoPar, segment, refidx;
+    var p0, p1, v0, v1, start, end, range;
+
+    var axis = Array.isArray(a) ? 'a' : 'b';
+    var ax = axis === 'a' ? carpet.aaxis : carpet.baxis;
+    var smoothing = ax.smoothing;
+    var toIdx = axis === 'a' ? carpet.a2i : carpet.b2j;
+    var pt = axis === 'a' ? a : b;
+    var iso = axis === 'a' ? b : a;
+    var n = axis === 'a' ? carpetcd.a.length : carpetcd.b.length;
+    var m = axis === 'a' ? carpetcd.b.length : carpetcd.a.length;
+    var isoIdx = Math.floor(axis === 'a' ? carpet.b2j(iso) : carpet.a2i(iso));
+
+    var xy = axis === 'a' ? function(value) {
+        return carpet.evalxy([], value, isoIdx);
+    } : function(value) {
+        return carpet.evalxy([], isoIdx, value);
+    };
+
+    if(smoothing) {
+        tanIsoIdx = Math.max(0, Math.min(m - 2, isoIdx));
+        tanIsoPar = isoIdx - tanIsoIdx;
+        tangent = axis === 'a' ? function(i, ti) {
+            return carpet.dxydi([], i, tanIsoIdx, ti, tanIsoPar);
+        } : function(j, tj) {
+            return carpet.dxydj([], tanIsoIdx, j, tanIsoPar, tj);
+        };
+    }
+
+    var vstart = toIdx(pt[0]);
+    var vend = toIdx(pt[1]);
+
+    // So that we can make this work in two directions, flip all of the
+    // math functions if the direction is from higher to lower indices:
+    //
+    // Note that the tolerance is directional!
+    var dir = vstart < vend ? 1 : -1;
+    var tol = (vend - vstart) * 1e-8;
+    var dirfloor = dir > 0 ? Math.floor : Math.ceil;
+    var dirceil = dir > 0 ? Math.ceil : Math.floor;
+    var dirmin = dir > 0 ? Math.min : Math.max;
+    var dirmax = dir > 0 ? Math.max : Math.min;
+
+    var idx0 = dirfloor(vstart + tol);
+    var idx1 = dirceil(vend - tol);
+
+    p0 = xy(vstart);
+    var segments = [[p0]];
+
+    for(idx = idx0; idx * dir < idx1 * dir; idx += dir) {
+        segment = [];
+        start = dirmax(vstart, idx);
+        end = dirmin(vend, idx + dir);
+        range = end - start;
+
+        // In order to figure out which cell we're in for the derivative (remember,
+        // the derivatives are *not* constant across grid lines), let's just average
+        // the start and end points. This cuts out just a tiny bit of logic and
+        // there's really no computational difference:
+        refidx = Math.max(0, Math.min(n - 2, Math.floor(0.5 * (start + end))));
+
+        p1 = xy(end);
+        if(smoothing) {
+            v0 = tangent(refidx, start - refidx);
+            v1 = tangent(refidx, end - refidx);
+
+            segment.push([
+                p0[0] + v0[0] / 3 * range,
+                p0[1] + v0[1] / 3 * range
+            ]);
+
+            segment.push([
+                p1[0] - v1[0] / 3 * range,
+                p1[1] - v1[1] / 3 * range
+            ]);
+        }
+
+        segment.push(p1);
+
+        segments.push(segment);
+        p0 = p1;
+    }
+
+    return segments;
+};
+
+},{}],887:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var colorAttrs = require('../../components/color/attributes');
+
+module.exports = {
+    color: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+    smoothing: {
+        valType: 'number',
+        dflt: 1,
+        min: 0,
+        max: 1.3,
+        
+        editType: 'calc'
+    },
+    title: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    titlefont: fontAttrs({
+        editType: 'calc',
+        
+    }),
+    titleoffset: {
+        valType: 'number',
+        
+        dflt: 10,
+        editType: 'calc',
+        
+    },
+    type: {
+        valType: 'enumerated',
+        // '-' means we haven't yet run autotype or couldn't find any data
+        // it gets turned into linear in gd._fullLayout but not copied back
+        // to gd.data like the others are.
+        values: ['-', 'linear', 'date', 'category'],
+        dflt: '-',
+        
+        editType: 'calc',
+        
+    },
+    autorange: {
+        valType: 'enumerated',
+        values: [true, false, 'reversed'],
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    rangemode: {
+        valType: 'enumerated',
+        values: ['normal', 'tozero', 'nonnegative'],
+        dflt: 'normal',
+        
+        editType: 'calc',
+        
+    },
+    range: {
+        valType: 'info_array',
+        
+        editType: 'calc',
+        items: [
+            {valType: 'any', editType: 'calc'},
+            {valType: 'any', editType: 'calc'}
+        ],
+        
+    },
+
+    fixedrange: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    cheatertype: {
+        valType: 'enumerated',
+        values: ['index', 'value'],
+        dflt: 'value',
+        
+        editType: 'calc'
+    },
+    tickmode: {
+        valType: 'enumerated',
+        values: ['linear', 'array'],
+        dflt: 'array',
+        
+        editType: 'calc'
+    },
+    nticks: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    tickvals: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    ticktext: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    showticklabels: {
+        valType: 'enumerated',
+        values: ['start', 'end', 'both', 'none'],
+        dflt: 'start',
+        
+        editType: 'calc',
+        
+    },
+    tickfont: fontAttrs({
+        editType: 'calc',
+        
+    }),
+    tickangle: {
+        valType: 'angle',
+        dflt: 'auto',
+        
+        editType: 'calc',
+        
+    },
+    tickprefix: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+    showtickprefix: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'calc',
+        
+    },
+    ticksuffix: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+    showticksuffix: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'calc',
+        
+    },
+    showexponent: {
+        valType: 'enumerated',
+        values: ['all', 'first', 'last', 'none'],
+        dflt: 'all',
+        
+        editType: 'calc',
+        
+    },
+    exponentformat: {
+        valType: 'enumerated',
+        values: ['none', 'e', 'E', 'power', 'SI', 'B'],
+        dflt: 'B',
+        
+        editType: 'calc',
+        
+    },
+    separatethousands: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    tickformat: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+    categoryorder: {
+        valType: 'enumerated',
+        values: [
+            'trace', 'category ascending', 'category descending', 'array'
+            /* , 'value ascending', 'value descending'*/ // value ascending / descending to be implemented later
+        ],
+        dflt: 'trace',
+        
+        editType: 'calc',
+        
+    },
+    categoryarray: {
+        valType: 'data_array',
+        
+        editType: 'calc',
+        
+    },
+    labelpadding: {
+        valType: 'integer',
+        
+        dflt: 10,
+        editType: 'calc',
+        
+    },
+    labelprefix: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    labelsuffix: {
+        valType: 'string',
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+    // lines and grids
+    showline: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    linecolor: {
+        valType: 'color',
+        dflt: colorAttrs.defaultLine,
+        
+        editType: 'calc',
+        
+    },
+    linewidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    gridcolor: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+    gridwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    showgrid: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calc',
+        
+    },
+    minorgridcount: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    minorgridwidth: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    minorgridcolor: {
+        valType: 'color',
+        dflt: colorAttrs.lightLine,
+        
+        editType: 'calc',
+        
+    },
+    startline: {
+        valType: 'boolean',
+        
+        editType: 'calc',
+        
+    },
+    startlinecolor: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+    startlinewidth: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    endline: {
+        valType: 'boolean',
+        
+        editType: 'calc',
+        
+    },
+    endlinewidth: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    endlinecolor: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+    tick0: {
+        valType: 'number',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    dtick: {
+        valType: 'number',
+        min: 0,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    arraytick0: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    arraydtick: {
+        valType: 'integer',
+        min: 1,
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    editType: 'calc'
+};
+
+},{"../../components/color/attributes":603,"../../plots/font_attributes":796}],888:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var carpetAttrs = require('./attributes');
+
+var addOpacity = require('../../components/color').addOpacity;
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var handleTickValueDefaults = require('../../plots/cartesian/tick_value_defaults');
+var handleTickLabelDefaults = require('../../plots/cartesian/tick_label_defaults');
+var handleCategoryOrderDefaults = require('../../plots/cartesian/category_order_defaults');
+var setConvert = require('../../plots/cartesian/set_convert');
+var orderedCategories = require('../../plots/cartesian/ordered_categories');
+var autoType = require('../../plots/cartesian/axis_autotype');
+
+/**
+ * options: object containing:
+ *
+ *  letter: 'x' or 'y'
+ *  title: name of the axis (ie 'Colorbar') to go in default title
+ *  name: axis object name (ie 'xaxis') if one should be stored
+ *  font: the default font to inherit
+ *  outerTicks: boolean, should ticks default to outside?
+ *  showGrid: boolean, should gridlines be shown by default?
+ *  noHover: boolean, this axis doesn't support hover effects?
+ *  data: the plot data to use in choosing auto type
+ *  bgColor: the plot background color, to calculate default gridline colors
+ */
+module.exports = function handleAxisDefaults(containerIn, containerOut, options) {
+    var letter = options.letter,
+        font = options.font || {},
+        attributes = carpetAttrs[letter + 'axis'];
+
+    options.noHover = true;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(containerIn, containerOut, attributes, attr, dflt);
+    }
+
+    function coerce2(attr, dflt) {
+        return Lib.coerce2(containerIn, containerOut, attributes, attr, dflt);
+    }
+
+    // set up some private properties
+    if(options.name) {
+        containerOut._name = options.name;
+        containerOut._id = options.name;
+    }
+
+    // now figure out type and do some more initialization
+    var axType = coerce('type');
+    if(axType === '-') {
+        if(options.data) setAutoType(containerOut, options.data);
+
+        if(containerOut.type === '-') {
+            containerOut.type = 'linear';
+        }
+        else {
+            // copy autoType back to input axis
+            // note that if this object didn't exist
+            // in the input layout, we have to put it in
+            // this happens in the main supplyDefaults function
+            axType = containerIn.type = containerOut.type;
+        }
+    }
+
+    coerce('smoothing');
+    coerce('cheatertype');
+
+    coerce('showticklabels');
+    coerce('labelprefix', letter + ' = ');
+    coerce('labelsuffix');
+    coerce('showtickprefix');
+    coerce('showticksuffix');
+
+    coerce('separatethousands');
+    coerce('tickformat');
+    coerce('exponentformat');
+    coerce('showexponent');
+    coerce('categoryorder');
+
+    coerce('tickmode');
+    coerce('tickvals');
+    coerce('ticktext');
+    coerce('tick0');
+    coerce('dtick');
+
+    if(containerOut.tickmode === 'array') {
+        coerce('arraytick0');
+        coerce('arraydtick');
+    }
+
+    coerce('labelpadding');
+
+    containerOut._hovertitle = letter;
+
+
+    if(axType === 'date') {
+        var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleDefaults');
+        handleCalendarDefaults(containerIn, containerOut, 'calendar', options.calendar);
+    }
+
+    setConvert(containerOut, options.fullLayout);
+
+    var dfltColor = coerce('color', options.dfltColor);
+    // if axis.color was provided, use it for fonts too; otherwise,
+    // inherit from global font color in case that was provided.
+    var dfltFontColor = (dfltColor === containerIn.color) ? dfltColor : font.color;
+
+    coerce('title');
+    Lib.coerceFont(coerce, 'titlefont', {
+        family: font.family,
+        size: Math.round(font.size * 1.2),
+        color: dfltFontColor
+    });
+
+    coerce('titleoffset');
+
+    coerce('tickangle');
+
+    var autoRange = coerce('autorange', !containerOut.isValidRange(containerIn.range));
+
+    if(autoRange) coerce('rangemode');
+
+    coerce('range');
+    containerOut.cleanRange();
+
+    coerce('fixedrange');
+
+    handleTickValueDefaults(containerIn, containerOut, coerce, axType);
+    handleTickLabelDefaults(containerIn, containerOut, coerce, axType, options);
+    handleCategoryOrderDefaults(containerIn, containerOut, coerce);
+
+    var gridColor = coerce2('gridcolor', addOpacity(dfltColor, 0.3));
+    var gridWidth = coerce2('gridwidth');
+    var showGrid = coerce('showgrid');
+
+    if(!showGrid) {
+        delete containerOut.gridcolor;
+        delete containerOut.gridwidth;
+    }
+
+    var startLineColor = coerce2('startlinecolor', dfltColor);
+    var startLineWidth = coerce2('startlinewidth', gridWidth);
+    var showStartLine = coerce('startline', containerOut.showgrid || !!startLineColor || !!startLineWidth);
+
+    if(!showStartLine) {
+        delete containerOut.startlinecolor;
+        delete containerOut.startlinewidth;
+    }
+
+    var endLineColor = coerce2('endlinecolor', dfltColor);
+    var endLineWidth = coerce2('endlinewidth', gridWidth);
+    var showEndLine = coerce('endline', containerOut.showgrid || !!endLineColor || !!endLineWidth);
+
+    if(!showEndLine) {
+        delete containerOut.endlinecolor;
+        delete containerOut.endlinewidth;
+    }
+
+    if(!showGrid) {
+        delete containerOut.gridcolor;
+        delete containerOut.gridWidth;
+    } else {
+        coerce('minorgridcount');
+        coerce('minorgridwidth', gridWidth);
+        coerce('minorgridcolor', addOpacity(gridColor, 0.06));
+
+        if(!containerOut.minorgridcount) {
+            delete containerOut.minorgridwidth;
+            delete containerOut.minorgridcolor;
+        }
+    }
+
+    containerOut._separators = options.fullLayout.separators;
+
+    // fill in categories
+    containerOut._initialCategories = axType === 'category' ?
+        orderedCategories(letter, containerOut.categoryorder, containerOut.categoryarray, options.data) :
+        [];
+
+    if(containerOut.showticklabels === 'none') {
+        delete containerOut.tickfont;
+        delete containerOut.tickangle;
+        delete containerOut.showexponent;
+        delete containerOut.exponentformat;
+        delete containerOut.tickformat;
+        delete containerOut.showticksuffix;
+        delete containerOut.showtickprefix;
+    }
+
+    if(!containerOut.showticksuffix) {
+        delete containerOut.ticksuffix;
+    }
+
+    if(!containerOut.showtickprefix) {
+        delete containerOut.tickprefix;
+    }
+
+    // It needs to be coerced, then something above overrides this deep in the axis code,
+    // but no, we *actually* want to coerce this.
+    coerce('tickmode');
+
+    if(!containerOut.title || (containerOut.title && containerOut.title.length === 0)) {
+        delete containerOut.titlefont;
+        delete containerOut.titleoffset;
+    }
+
+    return containerOut;
+};
+
+function setAutoType(ax, data) {
+    // new logic: let people specify any type they want,
+    // only autotype if type is '-'
+    if(ax.type !== '-') return;
+
+    var id = ax._id,
+        axLetter = id.charAt(0);
+
+    var calAttr = axLetter + 'calendar',
+        calendar = ax[calAttr];
+
+    ax.type = autoType(data, calendar);
+}
+
+},{"../../components/color":604,"../../lib":728,"../../plots/cartesian/axis_autotype":773,"../../plots/cartesian/category_order_defaults":776,"../../plots/cartesian/ordered_categories":785,"../../plots/cartesian/set_convert":789,"../../plots/cartesian/tick_label_defaults":790,"../../plots/cartesian/tick_value_defaults":792,"../../registry":846,"./attributes":885}],889:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var cheaterBasis = require('./cheater_basis');
+var arrayMinmax = require('./array_minmax');
+var map2dArray = require('./map_2d_array');
+var calcGridlines = require('./calc_gridlines');
+var calcLabels = require('./calc_labels');
+var calcClipPath = require('./calc_clippath');
+var clean2dArray = require('../heatmap/clean_2d_array');
+var smoothFill2dArray = require('./smooth_fill_2d_array');
+
+module.exports = function calc(gd, trace) {
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x');
+    var ya = Axes.getFromId(gd, trace.yaxis || 'y');
+    var aax = trace.aaxis;
+    var bax = trace.baxis;
+    var a = trace._a = trace.a;
+    var b = trace._b = trace.b;
+
+    var t = {};
+    var x;
+    var y = trace.y;
+
+    if(trace._cheater) {
+        var avals = aax.cheatertype === 'index' ? a.length : a;
+        var bvals = bax.cheatertype === 'index' ? b.length : b;
+        trace.x = x = cheaterBasis(avals, bvals, trace.cheaterslope);
+    } else {
+        x = trace.x;
+    }
+
+    trace._x = trace.x = x = clean2dArray(x);
+    trace._y = trace.y = y = clean2dArray(y);
+
+    // Fill in any undefined values with elliptic smoothing. This doesn't take
+    // into account the spacing of the values. That is, the derivatives should
+    // be modified to use a and b values. It's not that hard, but this is already
+    // moderate overkill for just filling in missing values.
+    smoothFill2dArray(x, a, b);
+    smoothFill2dArray(y, a, b);
+
+    // create conversion functions that depend on the data
+    trace.setScale();
+
+    // Convert cartesian-space x/y coordinates to screen space pixel coordinates:
+    t.xp = trace.xp = map2dArray(trace.xp, x, xa.c2p);
+    t.yp = trace.yp = map2dArray(trace.yp, y, ya.c2p);
+
+    // This is a rather expensive scan. Nothing guarantees monotonicity,
+    // so we need to scan through all data to get proper ranges:
+    var xrange = arrayMinmax(x);
+    var yrange = arrayMinmax(y);
+
+    var dx = 0.5 * (xrange[1] - xrange[0]);
+    var xc = 0.5 * (xrange[1] + xrange[0]);
+
+    var dy = 0.5 * (yrange[1] - yrange[0]);
+    var yc = 0.5 * (yrange[1] + yrange[0]);
+
+    // Expand the axes to fit the plot, except just grow it by a factor of 1.3
+    // because the labels should be taken into account except that's difficult
+    // hence 1.3.
+    var grow = 1.3;
+    xrange = [xc - dx * grow, xc + dx * grow];
+    yrange = [yc - dy * grow, yc + dy * grow];
+
+    Axes.expand(xa, xrange, {padded: true});
+    Axes.expand(ya, yrange, {padded: true});
+
+    // Enumerate the gridlines, both major and minor, and store them on the trace
+    // object:
+    calcGridlines(trace, t, 'a', 'b');
+    calcGridlines(trace, t, 'b', 'a');
+
+    // Calculate the text labels for each major gridline and store them on the
+    // trace object:
+    calcLabels(trace, aax);
+    calcLabels(trace, bax);
+
+    // Tabulate points for the four segments that bound the axes so that we can
+    // map to pixel coordinates in the plot function and create a clip rect:
+    t.clipsegments = calcClipPath(trace.xctrl, trace.yctrl, aax, bax);
+
+    t.x = x;
+    t.y = y;
+    t.a = a;
+    t.b = b;
+
+    return [t];
+};
+
+},{"../../plots/cartesian/axes":772,"../heatmap/clean_2d_array":950,"./array_minmax":884,"./calc_clippath":890,"./calc_gridlines":891,"./calc_labels":892,"./cheater_basis":894,"./map_2d_array":906,"./smooth_fill_2d_array":910}],890:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function makeClipPath(xctrl, yctrl, aax, bax) {
+    var i, x, y;
+    var segments = [];
+
+    var asmoothing = !!aax.smoothing;
+    var bsmoothing = !!bax.smoothing;
+    var nea1 = xctrl[0].length - 1;
+    var neb1 = xctrl.length - 1;
+
+    // Along the lower a axis:
+    for(i = 0, x = [], y = []; i <= nea1; i++) {
+        x[i] = xctrl[0][i];
+        y[i] = yctrl[0][i];
+    }
+    segments.push({x: x, y: y, bicubic: asmoothing});
+
+    // Along the upper b axis:
+    for(i = 0, x = [], y = []; i <= neb1; i++) {
+        x[i] = xctrl[i][nea1];
+        y[i] = yctrl[i][nea1];
+    }
+    segments.push({x: x, y: y, bicubic: bsmoothing});
+
+    // Backwards along the upper a axis:
+    for(i = nea1, x = [], y = []; i >= 0; i--) {
+        x[nea1 - i] = xctrl[neb1][i];
+        y[nea1 - i] = yctrl[neb1][i];
+    }
+    segments.push({x: x, y: y, bicubic: asmoothing});
+
+    // Backwards along the lower b axis:
+    for(i = neb1, x = [], y = []; i >= 0; i--) {
+        x[neb1 - i] = xctrl[i][0];
+        y[neb1 - i] = yctrl[i][0];
+    }
+    segments.push({x: x, y: y, bicubic: bsmoothing});
+
+    return segments;
+};
+
+},{}],891:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = function calcGridlines(trace, cd, axisLetter, crossAxisLetter) {
+    var i, j, j0;
+    var eps, bounds, n1, n2, n, value, v;
+    var j1, v0, v1, d;
+
+    var data = trace[axisLetter];
+    var axis = trace[axisLetter + 'axis'];
+
+    var gridlines = axis._gridlines = [];
+    var minorgridlines = axis._minorgridlines = [];
+    var boundarylines = axis._boundarylines = [];
+
+    var crossData = trace[crossAxisLetter];
+    var crossAxis = trace[crossAxisLetter + 'axis'];
+
+    if(axis.tickmode === 'array') {
+        axis.tickvals = [];
+        for(i = 0; i < data.length; i++) {
+            axis.tickvals.push(data[i]);
+        }
+    }
+
+    var xcp = trace.xctrl;
+    var ycp = trace.yctrl;
+    var nea = xcp[0].length;
+    var neb = xcp.length;
+    var na = trace.a.length;
+    var nb = trace.b.length;
+
+    Axes.calcTicks(axis);
+
+    // The default is an empty array that will cause the join to remove the gridline if
+    // it's just disappeared:
+    // axis._startline = axis._endline = [];
+
+    // If the cross axis uses bicubic interpolation, then the grid
+    // lines fall once every three expanded grid row/cols:
+    var stride = axis.smoothing ? 3 : 1;
+
+    function constructValueGridline(value) {
+        var i, j, j0, tj, pxy, i0, ti, xy, dxydi0, dxydi1, dxydj0, dxydj1;
+        var xpoints = [];
+        var ypoints = [];
+        var ret = {};
+        // Search for the fractional grid index giving this line:
+        if(axisLetter === 'b') {
+            // For the position we use just the i-j coordinates:
+            j = trace.b2j(value);
+
+            // The derivatives for catmull-rom splines are discontinuous across cell
+            // boundaries though, so we need to provide both the cell and the position
+            // within the cell separately:
+            j0 = Math.floor(Math.max(0, Math.min(nb - 2, j)));
+            tj = j - j0;
+
+            ret.length = nb;
+            ret.crossLength = na;
+
+            ret.xy = function(i) {
+                return trace.evalxy([], i, j);
+            };
+
+            ret.dxy = function(i0, ti) {
+                return trace.dxydi([], i0, j0, ti, tj);
+            };
+
+            for(i = 0; i < na; i++) {
+                i0 = Math.min(na - 2, i);
+                ti = i - i0;
+                xy = trace.evalxy([], i, j);
+
+                if(crossAxis.smoothing && i > 0) {
+                    // First control point:
+                    dxydi0 = trace.dxydi([], i - 1, j0, 0, tj);
+                    xpoints.push(pxy[0] + dxydi0[0] / 3);
+                    ypoints.push(pxy[1] + dxydi0[1] / 3);
+
+                    // Second control point:
+                    dxydi1 = trace.dxydi([], i - 1, j0, 1, tj);
+                    xpoints.push(xy[0] - dxydi1[0] / 3);
+                    ypoints.push(xy[1] - dxydi1[1] / 3);
+                }
+
+                xpoints.push(xy[0]);
+                ypoints.push(xy[1]);
+
+                pxy = xy;
+            }
+        } else {
+            i = trace.a2i(value);
+            i0 = Math.floor(Math.max(0, Math.min(na - 2, i)));
+            ti = i - i0;
+
+            ret.length = na;
+            ret.crossLength = nb;
+
+            ret.xy = function(j) {
+                return trace.evalxy([], i, j);
+            };
+
+            ret.dxy = function(j0, tj) {
+                return trace.dxydj([], i0, j0, ti, tj);
+            };
+
+            for(j = 0; j < nb; j++) {
+                j0 = Math.min(nb - 2, j);
+                tj = j - j0;
+                xy = trace.evalxy([], i, j);
+
+                if(crossAxis.smoothing && j > 0) {
+                    // First control point:
+                    dxydj0 = trace.dxydj([], i0, j - 1, ti, 0);
+                    xpoints.push(pxy[0] + dxydj0[0] / 3);
+                    ypoints.push(pxy[1] + dxydj0[1] / 3);
+
+                    // Second control point:
+                    dxydj1 = trace.dxydj([], i0, j - 1, ti, 1);
+                    xpoints.push(xy[0] - dxydj1[0] / 3);
+                    ypoints.push(xy[1] - dxydj1[1] / 3);
+                }
+
+                xpoints.push(xy[0]);
+                ypoints.push(xy[1]);
+
+                pxy = xy;
+            }
+        }
+
+        ret.axisLetter = axisLetter;
+        ret.axis = axis;
+        ret.crossAxis = crossAxis;
+        ret.value = value;
+        ret.constvar = crossAxisLetter;
+        ret.index = n;
+        ret.x = xpoints;
+        ret.y = ypoints;
+        ret.smoothing = crossAxis.smoothing;
+
+        return ret;
+    }
+
+    function constructArrayGridline(idx) {
+        var j, i0, j0, ti, tj;
+        var xpoints = [];
+        var ypoints = [];
+        var ret = {};
+        ret.length = data.length;
+        ret.crossLength = crossData.length;
+
+        if(axisLetter === 'b') {
+            j0 = Math.max(0, Math.min(nb - 2, idx));
+            tj = Math.min(1, Math.max(0, idx - j0));
+
+            ret.xy = function(i) {
+                return trace.evalxy([], i, idx);
+            };
+
+            ret.dxy = function(i0, ti) {
+                return trace.dxydi([], i0, j0, ti, tj);
+            };
+
+            // In the tickmode: array case, this operation is a simple
+            // transfer of data:
+            for(j = 0; j < nea; j++) {
+                xpoints[j] = xcp[idx * stride][j];
+                ypoints[j] = ycp[idx * stride][j];
+            }
+        } else {
+            i0 = Math.max(0, Math.min(na - 2, idx));
+            ti = Math.min(1, Math.max(0, idx - i0));
+
+            ret.xy = function(j) {
+                return trace.evalxy([], idx, j);
+            };
+
+            ret.dxy = function(j0, tj) {
+                return trace.dxydj([], i0, j0, ti, tj);
+            };
+
+            // In the tickmode: array case, this operation is a simple
+            // transfer of data:
+            for(j = 0; j < neb; j++) {
+                xpoints[j] = xcp[j][idx * stride];
+                ypoints[j] = ycp[j][idx * stride];
+            }
+        }
+
+        ret.axisLetter = axisLetter;
+        ret.axis = axis;
+        ret.crossAxis = crossAxis;
+        ret.value = data[idx];
+        ret.constvar = crossAxisLetter;
+        ret.index = idx;
+        ret.x = xpoints;
+        ret.y = ypoints;
+        ret.smoothing = crossAxis.smoothing;
+
+        return ret;
+    }
+
+    if(axis.tickmode === 'array') {
+        // var j0 = axis.startline ? 1 : 0;
+        // var j1 = data.length - (axis.endline ? 1 : 0);
+
+        eps = 5e-15;
+        bounds = [
+            Math.floor(((data.length - 1) - axis.arraytick0) / axis.arraydtick * (1 + eps)),
+            Math.ceil((- axis.arraytick0) / axis.arraydtick / (1 + eps))
+        ].sort(function(a, b) {return a - b;});
+
+        // Unpack sorted values so we can be sure to avoid infinite loops if something
+        // is backwards:
+        n1 = bounds[0] - 1;
+        n2 = bounds[1] + 1;
+
+        // If the axes fall along array lines, then this is a much simpler process since
+        // we already have all the control points we need
+        for(n = n1; n < n2; n++) {
+            j = axis.arraytick0 + axis.arraydtick * n;
+            if(j < 0 || j > data.length - 1) continue;
+            gridlines.push(extendFlat(constructArrayGridline(j), {
+                color: axis.gridcolor,
+                width: axis.gridwidth
+            }));
+        }
+
+        for(n = n1; n < n2; n++) {
+            j0 = axis.arraytick0 + axis.arraydtick * n;
+            j1 = Math.min(j0 + axis.arraydtick, data.length - 1);
+
+            // TODO: fix the bounds computation so we don't have to do a large range and then throw
+            // out unneeded numbers
+            if(j0 < 0 || j0 > data.length - 1) continue;
+            if(j1 < 0 || j1 > data.length - 1) continue;
+
+            v0 = data[j0];
+            v1 = data[j1];
+
+            for(i = 0; i < axis.minorgridcount; i++) {
+                d = j1 - j0;
+
+                // TODO: fix the bounds computation so we don't have to do a large range and then throw
+                // out unneeded numbers
+                if(d <= 0) continue;
+
+                // XXX: This calculation isn't quite right. Off by one somewhere?
+                v = v0 + (v1 - v0) * (i + 1) / (axis.minorgridcount + 1) * (axis.arraydtick / d);
+
+                // TODO: fix the bounds computation so we don't have to do a large range and then throw
+                // out unneeded numbers
+                if(v < data[0] || v > data[data.length - 1]) continue;
+                minorgridlines.push(extendFlat(constructValueGridline(v), {
+                    color: axis.minorgridcolor,
+                    width: axis.minorgridwidth
+                }));
+            }
+        }
+
+        if(axis.startline) {
+            boundarylines.push(extendFlat(constructArrayGridline(0), {
+                color: axis.startlinecolor,
+                width: axis.startlinewidth
+            }));
+        }
+
+        if(axis.endline) {
+            boundarylines.push(extendFlat(constructArrayGridline(data.length - 1), {
+                color: axis.endlinecolor,
+                width: axis.endlinewidth
+            }));
+        }
+    } else {
+        // If the lines do not fall along the axes, then we have to interpolate
+        // the contro points and so some math to figure out where the lines are
+        // in the first place.
+
+        // Compute the integer boudns of tick0 + n * dtick that fall within the range
+        // (roughly speaking):
+        // Give this a nice generous epsilon. We use at as * (1 + eps) in order to make
+        // inequalities a little tolerant in a more or less correct manner:
+        eps = 5e-15;
+        bounds = [
+            Math.floor((data[data.length - 1] - axis.tick0) / axis.dtick * (1 + eps)),
+            Math.ceil((data[0] - axis.tick0) / axis.dtick / (1 + eps))
+        ].sort(function(a, b) {return a - b;});
+
+        // Unpack sorted values so we can be sure to avoid infinite loops if something
+        // is backwards:
+        n1 = bounds[0];
+        n2 = bounds[1];
+
+        for(n = n1; n <= n2; n++) {
+            value = axis.tick0 + axis.dtick * n;
+
+            gridlines.push(extendFlat(constructValueGridline(value), {
+                color: axis.gridcolor,
+                width: axis.gridwidth
+            }));
+        }
+
+        for(n = n1 - 1; n < n2 + 1; n++) {
+            value = axis.tick0 + axis.dtick * n;
+
+            for(i = 0; i < axis.minorgridcount; i++) {
+                v = value + axis.dtick * (i + 1) / (axis.minorgridcount + 1);
+                if(v < data[0] || v > data[data.length - 1]) continue;
+                minorgridlines.push(extendFlat(constructValueGridline(v), {
+                    color: axis.minorgridcolor,
+                    width: axis.minorgridwidth
+                }));
+            }
+        }
+
+        if(axis.startline) {
+            boundarylines.push(extendFlat(constructValueGridline(data[0]), {
+                color: axis.startlinecolor,
+                width: axis.startlinewidth
+            }));
+        }
+
+        if(axis.endline) {
+            boundarylines.push(extendFlat(constructValueGridline(data[data.length - 1]), {
+                color: axis.endlinecolor,
+                width: axis.endlinewidth
+            }));
+        }
+    }
+};
+
+},{"../../lib/extend":717,"../../plots/cartesian/axes":772}],892:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = function calcLabels(trace, axis) {
+    var i, tobj, prefix, suffix, gridline;
+
+    var labels = axis._labels = [];
+    var gridlines = axis._gridlines;
+
+    for(i = 0; i < gridlines.length; i++) {
+        gridline = gridlines[i];
+
+        if(['start', 'both'].indexOf(axis.showticklabels) !== -1) {
+            tobj = Axes.tickText(axis, gridline.value);
+
+            extendFlat(tobj, {
+                prefix: prefix,
+                suffix: suffix,
+                endAnchor: true,
+                xy: gridline.xy(0),
+                dxy: gridline.dxy(0, 0),
+                axis: gridline.axis,
+                length: gridline.crossAxis.length,
+                font: gridline.axis.tickfont,
+                isFirst: i === 0,
+                isLast: i === gridlines.length - 1
+            });
+
+            labels.push(tobj);
+        }
+
+        if(['end', 'both'].indexOf(axis.showticklabels) !== -1) {
+            tobj = Axes.tickText(axis, gridline.value);
+
+            extendFlat(tobj, {
+                endAnchor: false,
+                xy: gridline.xy(gridline.crossLength - 1),
+                dxy: gridline.dxy(gridline.crossLength - 2, 1),
+                axis: gridline.axis,
+                length: gridline.crossAxis.length,
+                font: gridline.axis.tickfont,
+                isFirst: i === 0,
+                isLast: i === gridlines.length - 1
+            });
+
+            labels.push(tobj);
+        }
+    }
+};
+
+},{"../../lib/extend":717,"../../plots/cartesian/axes":772}],893:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Compute the tangent vector according to catmull-rom cubic splines (centripetal,
+ * I think). That differs from the control point in two ways:
+ *   1. It is a vector, not a position relative to the point
+ *   2. the vector is longer than the position relative to p1 by a factor of 3
+ *
+ * Close to the boundaries, we'll use these as *quadratic control points, so that
+ * to make a nice grid, we'll need to divide the tangent by 2 instead of 3. (The
+ * math works out this way if you work through the bezier derivatives)
+ */
+var CatmullRomExp = 0.5;
+module.exports = function makeControlPoints(p0, p1, p2, smoothness) {
+    var d1x = p0[0] - p1[0],
+        d1y = p0[1] - p1[1],
+        d2x = p2[0] - p1[0],
+        d2y = p2[1] - p1[1],
+        d1a = Math.pow(d1x * d1x + d1y * d1y, CatmullRomExp / 2),
+        d2a = Math.pow(d2x * d2x + d2y * d2y, CatmullRomExp / 2),
+        numx = (d2a * d2a * d1x - d1a * d1a * d2x) * smoothness,
+        numy = (d2a * d2a * d1y - d1a * d1a * d2y) * smoothness,
+        denom1 = d2a * (d1a + d2a) * 3,
+        denom2 = d1a * (d1a + d2a) * 3;
+    return [[
+        p1[0] + (denom1 && numx / denom1),
+        p1[1] + (denom1 && numy / denom1)
+    ], [
+        p1[0] - (denom2 && numx / denom2),
+        p1[1] - (denom2 && numy / denom2)
+    ]];
+};
+
+},{}],894:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isArray = require('../../lib').isArray;
+
+/*
+ * Construct a 2D array of cheater values given a, b, and a slope.
+ * If
+ */
+module.exports = function(a, b, cheaterslope) {
+    var i, j, ascal, bscal, aval, bval;
+    var data = [];
+
+    var na = isArray(a) ? a.length : a;
+    var nb = isArray(b) ? b.length : b;
+    var adata = isArray(a) ? a : null;
+    var bdata = isArray(b) ? b : null;
+
+    // If we're using data, scale it so that for data that's just barely
+    // not evenly spaced, the switch to value-based indexing is continuous.
+    // This means evenly spaced data should look the same whether value
+    // or index cheatertype.
+    if(adata) {
+        ascal = (adata.length - 1) / (adata[adata.length - 1] - adata[0]) / (na - 1);
+    }
+
+    if(bdata) {
+        bscal = (bdata.length - 1) / (bdata[bdata.length - 1] - bdata[0]) / (nb - 1);
+    }
+
+    var xval;
+    var xmin = Infinity;
+    var xmax = -Infinity;
+    for(j = 0; j < nb; j++) {
+        data[j] = [];
+        bval = bdata ? (bdata[j] - bdata[0]) * bscal : j / (nb - 1);
+        for(i = 0; i < na; i++) {
+            aval = adata ? (adata[i] - adata[0]) * ascal : i / (na - 1);
+            xval = aval - bval * cheaterslope;
+            xmin = Math.min(xval, xmin);
+            xmax = Math.max(xval, xmax);
+            data[j][i] = xval;
+        }
+    }
+
+    // Normalize cheater values to the 0-1 range. This comes into play when you have
+    // multiple cheater plots. After careful consideration, it seems better if cheater
+    // values are normalized to a consistent range. Otherwise one cheater affects the
+    // layout of other cheaters on the same axis.
+    var slope = 1.0 / (xmax - xmin);
+    var offset = -xmin * slope;
+    for(j = 0; j < nb; j++) {
+        for(i = 0; i < na; i++) {
+            data[j][i] = slope * data[j][i] + offset;
+        }
+    }
+
+    return data;
+};
+
+},{"../../lib":728}],895:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var makeControlPoints = require('./catmull_rom');
+var ensureArray = require('../../lib').ensureArray;
+
+/*
+ * Turns a coarse grid into a fine grid with control points.
+ *
+ * Here's an ASCII representation:
+ *
+ *       o ----- o ----- o ----- o
+ *       |       |       |       |
+ *       |       |       |       |
+ *       |       |       |       |
+ *       o ----- o ----- o ----- o
+ *       |       |       |       |
+ *       |       |       |       |
+ *    ^  |       |       |       |
+ *    |  o ----- o ----- o ----- o
+ *  b |  |       |       |       |
+ *    |  |       |       |       |
+ *    |  |       |       |       |
+ *       o ----- o ----- o ----- o
+ *         ------>
+ *           a
+ *
+ * First of all, note that we want to do this in *cartesian* space. This means
+ * we might run into problems when there are extreme differences in x/y scaling,
+ * but the alternative is that the topology of the contours might actually be
+ * view-dependent, which seems worse. As a fallback, the only parameter that
+ * actually affects the result is the *aspect ratio*, so that we can at least
+ * improve the situation a bit without going all the way to screen coordinates.
+ *
+ * This function flattens the points + tangents  into a slightly denser grid of
+ * *control points*. The resulting grid looks like this:
+ *
+ *       9 +--o-o--+ -o-o--+--o-o--+
+ *       8 o  o o  o  o o  o  o o  o
+ *         |       |       |       |
+ *       7 o  o o  o  o o  o  o o  o
+ *       6 +--o-o--+ -o-o--+--o-o--+
+ *       5 o  o o  o  o o  o  o o  o
+ *         |       |       |       |
+ *    ^  4 o  o o  o  o o  o  o o  o
+ *    |  3 +--o-o--+ -o-o--+--o-o--+
+ *  b |  2 o  o o  o  o o  o  o o  o
+ *    |    |       |       |       |
+ *    |  1 o  o o  o  o o  o  o o  o
+ *       0 +--o-o--+ -o-o--+--o-o--+
+ *         0  1 2  3  4 5  6  7 8  9
+ *         ------>
+ *           a
+ *
+ * where `o`s represent newly-computed control points. the resulting dimension is
+ *
+ *     (m - 1) * 3 + 1
+ *   = 3 * m - 2
+ *
+ * We could simply store the tangents separately, but that's a nightmare to organize
+ * in two dimensions since we'll be slicing grid lines in both directions and since
+ * that basically requires very nearly just as much storage as just storing the dense
+ * grid.
+ *
+ * Wow!
+ */
+
+
+/*
+ * Catmull-rom is biased at the boundaries toward the interior and we actually
+ * can't use catmull-rom to compute the control point closest to (but inside)
+ * the boundary.
+ *
+ * A note on plotly's spline interpolation. It uses the catmull rom control point
+ * closest to the boundary *as* a quadratic control point. This seems incorrect,
+ * so I've elected not to follow that. Given control points 0 and 1, regular plotly
+ * splines give *equivalent* cubic control points:
+ *
+ * Input:
+ *
+ *   boundary
+ *     |                    |
+ *     p0           p2      p3    --> interior
+ *     0.0          0.667   1.0
+ *     |                    |
+ *
+ * Cubic-equivalent of what plotly splines draw::
+ *
+ *   boundary
+ *     |                    |
+ *     p0   p1      p2      p3    --> interior
+ *     0.0  0.4444  0.8888  1.0
+ *     |                    |
+ *
+ * What this function fills in:
+ *
+ *   boundary
+ *     |                    |
+ *     p0    p1     p2      p3    --> interior
+ *     0.0   0.333  0.667   1.0
+ *     |                    |
+ *
+ * Parameters:
+ *   p0: boundary point
+ *   p2: catmull rom point based on computation at p3
+ *   p3: first grid point
+ *
+ * Of course it works whichever way it's oriented; you just need to interpret the
+ * input/output accordingly.
+ */
+function inferCubicControlPoint(p0, p2, p3) {
+    // Extend p1 away from p0 by 50%. This is the equivalent quadratic point that
+    // would give the same slope as catmull rom at p0.
+    var p2e0 = -0.5 * p3[0] + 1.5 * p2[0];
+    var p2e1 = -0.5 * p3[1] + 1.5 * p2[1];
+
+    return [
+        (2 * p2e0 + p0[0]) / 3,
+        (2 * p2e1 + p0[1]) / 3,
+    ];
+}
+
+module.exports = function computeControlPoints(xe, ye, x, y, asmoothing, bsmoothing) {
+    var i, j, ie, je, xej, yej, xj, yj, cp, p1;
+    // At this point, we know these dimensions are correct and representative of
+    // the whole 2D arrays:
+    var na = x[0].length;
+    var nb = x.length;
+
+    // (n)umber of (e)xpanded points:
+    var nea = asmoothing ? 3 * na - 2 : na;
+    var neb = bsmoothing ? 3 * nb - 2 : nb;
+
+    xe = ensureArray(xe, neb);
+    ye = ensureArray(ye, neb);
+
+    for(ie = 0; ie < neb; ie++) {
+        xe[ie] = ensureArray(xe[ie], nea);
+        ye[ie] = ensureArray(ye[ie], nea);
+    }
+
+    // This loop fills in the X'd points:
+    //
+    //    .       .       .       .
+    //    .       .       .       .
+    //    |       |       |       |
+    //    |       |       |       |
+    //    X ----- X ----- X ----- X
+    //    |       |       |       |
+    //    |       |       |       |
+    //    |       |       |       |
+    //    X ----- X ----- X ----- X
+    //
+    //
+    // ie = (i) (e)xpanded:
+    for(j = 0, je = 0; j < nb; j++, je += bsmoothing ? 3 : 1) {
+        xej = xe[je];
+        yej = ye[je];
+        xj = x[j];
+        yj = y[j];
+
+        // je = (j) (e)xpanded:
+        for(i = 0, ie = 0; i < na; i++, ie += asmoothing ? 3 : 1) {
+            xej[ie] = xj[i];
+            yej[ie] = yj[i];
+        }
+    }
+
+    if(asmoothing) {
+        // If there's a-smoothing, this loop fills in the X'd points with catmull-rom
+        // control points computed along the a-axis:
+        //     .       .       .       .
+        //     .       .       .       .
+        //     |       |       |       |
+        //     |       |       |       |
+        //     o -Y-X- o -X-X- o -X-Y- o
+        //     |       |       |       |
+        //     |       |       |       |
+        //     |       |       |       |
+        //     o -Y-X- o -X-X- o -X-Y- o
+        //
+        // i:  0       1       2       3
+        // ie: 0  1 3  3  4 5  6  7 8  9
+        //
+        //           ------>
+        //             a
+        //
+        for(j = 0, je = 0; j < nb; j++, je += bsmoothing ? 3 : 1) {
+            // Fill in the points marked X for this a-row:
+            for(i = 1, ie = 3; i < na - 1; i++, ie += 3) {
+                cp = makeControlPoints(
+                    [x[j][i - 1], y[j][i - 1]],
+                    [x[j][i ], y[j][i]],
+                    [x[j][i + 1], y[j][i + 1]],
+                    asmoothing
+                );
+
+                xe[je][ie - 1] = cp[0][0];
+                ye[je][ie - 1] = cp[0][1];
+                xe[je][ie + 1] = cp[1][0];
+                ye[je][ie + 1] = cp[1][1];
+            }
+
+            // The very first cubic interpolation point (to the left for i = 1 above) is
+            // used as a *quadratic* interpolation point by the spline drawing function
+            // which isn't really correct. But for the sake of consistency, we'll use it
+            // as such. Since we're using cubic splines, that means we need to shorten the
+            // tangent by 1/3 and also construct a new cubic spline control point 1/3 from
+            // the original to the i = 0 point.
+            p1 = inferCubicControlPoint(
+                [xe[je][0], ye[je][0]],
+                [xe[je][2], ye[je][2]],
+                [xe[je][3], ye[je][3]]
+            );
+            xe[je][1] = p1[0];
+            ye[je][1] = p1[1];
+
+            // Ditto last points, sans explanation:
+            p1 = inferCubicControlPoint(
+                [xe[je][nea - 1], ye[je][nea - 1]],
+                [xe[je][nea - 3], ye[je][nea - 3]],
+                [xe[je][nea - 4], ye[je][nea - 4]]
+            );
+            xe[je][nea - 2] = p1[0];
+            ye[je][nea - 2] = p1[1];
+        }
+    }
+
+    if(bsmoothing) {
+        // If there's a-smoothing, this loop fills in the X'd points with catmull-rom
+        // control points computed along the b-axis:
+        //     .       .       .       .
+        //     X  X X  X  X X  X  X X  X
+        //     |       |       |       |
+        //     X  X X  X  X X  X  X X  X
+        //     o -o-o- o -o-o- o -o-o- o
+        //     X  X X  X  X X  X  X X  X
+        //     |       |       |       |
+        //     Y  Y Y  Y  Y Y  Y  Y Y  Y
+        //     o -o-o- o -o-o- o -o-o- o
+        //
+        // i:  0       1       2       3
+        // ie: 0  1 3  3  4 5  6  7 8  9
+        //
+        //           ------>
+        //             a
+        //
+        for(ie = 0; ie < nea; ie++) {
+            for(je = 3; je < neb - 3; je += 3) {
+                cp = makeControlPoints(
+                    [xe[je - 3][ie], ye[je - 3][ie]],
+                    [xe[je][ie], ye[je][ie]],
+                    [xe[je + 3][ie], ye[je + 3][ie]],
+                    bsmoothing
+                );
+
+                xe[je - 1][ie] = cp[0][0];
+                ye[je - 1][ie] = cp[0][1];
+                xe[je + 1][ie] = cp[1][0];
+                ye[je + 1][ie] = cp[1][1];
+            }
+            // Do the same boundary condition magic for these control points marked Y above:
+            p1 = inferCubicControlPoint(
+                [xe[0][ie], ye[0][ie]],
+                [xe[2][ie], ye[2][ie]],
+                [xe[3][ie], ye[3][ie]]
+            );
+            xe[1][ie] = p1[0];
+            ye[1][ie] = p1[1];
+
+            p1 = inferCubicControlPoint(
+                [xe[neb - 1][ie], ye[neb - 1][ie]],
+                [xe[neb - 3][ie], ye[neb - 3][ie]],
+                [xe[neb - 4][ie], ye[neb - 4][ie]]
+            );
+            xe[neb - 2][ie] = p1[0];
+            ye[neb - 2][ie] = p1[1];
+        }
+    }
+
+    if(asmoothing && bsmoothing) {
+        // Do one more pass, this time recomputing exactly what we just computed.
+        // It's overdetermined since we're peforming catmull-rom in two directions,
+        // so we'll just average the overdetermined. These points don't lie along the
+        // grid lines, so note that only grid lines will follow normal plotly spline
+        // interpolation.
+        //
+        // Unless of course there was no b smoothing. Then these intermediate points
+        // don't actually exist and this section is bypassed.
+        //     .       .       .       .
+        //     o  X X  o  X X  o  X X  o
+        //     |       |       |       |
+        //     o  X X  o  X X  o  X X  o
+        //     o -o-o- o -o-o- o -o-o- o
+        //     o  X X  o  X X  o  X X  o
+        //     |       |       |       |
+        //     o  Y Y  o  Y Y  o  Y Y  o
+        //     o -o-o- o -o-o- o -o-o- o
+        //
+        // i:  0       1       2       3
+        // ie: 0  1 3  3  4 5  6  7 8  9
+        //
+        //           ------>
+        //             a
+        //
+        for(je = 1; je < neb; je += (je + 1) % 3 === 0 ? 2 : 1) {
+            // Fill in the points marked X for this a-row:
+            for(ie = 3; ie < nea - 3; ie += 3) {
+                cp = makeControlPoints(
+                    [xe[je][ie - 3], ye[je][ie - 3]],
+                    [xe[je][ie], ye[je][ie]],
+                    [xe[je][ie + 3], ye[je][ie + 3]],
+                    asmoothing
+                );
+
+                xe[je][ie - 1] = 0.5 * (xe[je][ie - 1] + cp[0][0]);
+                ye[je][ie - 1] = 0.5 * (ye[je][ie - 1] + cp[0][1]);
+                xe[je][ie + 1] = 0.5 * (xe[je][ie + 1] + cp[1][0]);
+                ye[je][ie + 1] = 0.5 * (ye[je][ie + 1] + cp[1][1]);
+            }
+
+            // This case is just slightly different. The computation is the same,
+            // but having computed this, we'll average with the existing result.
+            p1 = inferCubicControlPoint(
+                [xe[je][0], ye[je][0]],
+                [xe[je][2], ye[je][2]],
+                [xe[je][3], ye[je][3]]
+            );
+            xe[je][1] = 0.5 * (xe[je][1] + p1[0]);
+            ye[je][1] = 0.5 * (ye[je][1] + p1[1]);
+
+            p1 = inferCubicControlPoint(
+                [xe[je][nea - 1], ye[je][nea - 1]],
+                [xe[je][nea - 3], ye[je][nea - 3]],
+                [xe[je][nea - 4], ye[je][nea - 4]]
+            );
+            xe[je][nea - 2] = 0.5 * (xe[je][nea - 2] + p1[0]);
+            ye[je][nea - 2] = 0.5 * (ye[je][nea - 2] + p1[1]);
+        }
+    }
+
+    return [xe, ye];
+};
+
+},{"../../lib":728,"./catmull_rom":893}],896:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = {
+    RELATIVE_CULL_TOLERANCE: 1e-6
+};
+
+},{}],897:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Evaluates the derivative of a list of control point arrays. That is, it expects an array or arrays
+ * that are expanded relative to the raw data to include the bicubic control points, if applicable. If
+ * only linear interpolation is desired, then the data points correspond 1-1 along that axis to the
+ * data itself. Since it's catmull-rom splines in either direction note in particular that the
+ * derivatives are discontinuous across cell boundaries. That's the reason you need both the *cell*
+ * and the *point within the cell*.
+ *
+ * Also note that the discontinuity of the derivative is in magnitude only. The direction *is*
+ * continuous across cell boundaries.
+ *
+ * For example, to compute the derivative of the xcoordinate halfway betwen the 7 and 8th i-gridpoints
+ * and the 10th and 11th j-gridpoints given bicubic smoothing in both dimensions, you'd write:
+ *
+ *     var deriv = createIDerivativeEvaluator([x], 1, 1);
+ *
+ *     var dxdi = deriv([], 7, 10, 0.5, 0.5);
+ *     // => [0.12345]
+ *
+ * Since there'd be a bunch of duplicate computation to compute multiple derivatives, you can double
+ * this up by providing more arrays:
+ *
+ *     var deriv = createIDerivativeEvaluator([x, y], 1, 1);
+ *
+ *     var dxdi = deriv([], 7, 10, 0.5, 0.5);
+ *     // => [0.12345, 0.78910]
+ *
+ * NB: It's presumed that at this point all data has been sanitized and is valid numerical data arrays
+ * of the correct dimension.
+ */
+module.exports = function(arrays, asmoothing, bsmoothing) {
+    if(asmoothing && bsmoothing) {
+        return function(out, i0, j0, u, v) {
+            if(!out) out = [];
+            var f0, f1, f2, f3, ak, k;
+
+            // Since it's a grid of control points, the actual indices are * 3:
+            i0 *= 3;
+            j0 *= 3;
+
+            // Precompute some numbers:
+            var u2 = u * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ouu2 = ou * u * 2;
+            var a = -3 * ou2;
+            var b = 3 * (ou2 - ouu2);
+            var c = 3 * (ouu2 - u2);
+            var d = 3 * u2;
+
+            var v2 = v * v;
+            var v3 = v2 * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ov3 = ov2 * ov;
+
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                // Compute the derivatives in the u-direction:
+                f0 = a * ak[j0 ][i0] + b * ak[j0 ][i0 + 1] + c * ak[j0 ][i0 + 2] + d * ak[j0 ][i0 + 3];
+                f1 = a * ak[j0 + 1][i0] + b * ak[j0 + 1][i0 + 1] + c * ak[j0 + 1][i0 + 2] + d * ak[j0 + 1][i0 + 3];
+                f2 = a * ak[j0 + 2][i0] + b * ak[j0 + 2][i0 + 1] + c * ak[j0 + 2][i0 + 2] + d * ak[j0 + 2][i0 + 3];
+                f3 = a * ak[j0 + 3][i0] + b * ak[j0 + 3][i0 + 1] + c * ak[j0 + 3][i0 + 2] + d * ak[j0 + 3][i0 + 3];
+
+                // Now just interpolate in the v-direction since it's all separable:
+                out[k] = ov3 * f0 + 3 * (ov2 * v * f1 + ov * v2 * f2) + v3 * f3;
+            }
+
+            return out;
+        };
+    } else if(asmoothing) {
+        // Handle smooth in the a-direction but linear in the b-direction by performing four
+        // linear interpolations followed by one cubic interpolation of the result
+        return function(out, i0, j0, u, v) {
+            if(!out) out = [];
+            var f0, f1, k, ak;
+            i0 *= 3;
+            var u2 = u * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ouu2 = ou * u * 2;
+            var a = -3 * ou2;
+            var b = 3 * (ou2 - ouu2);
+            var c = 3 * (ouu2 - u2);
+            var d = 3 * u2;
+            var ov = 1 - v;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = a * ak[j0 ][i0] + b * ak[j0 ][i0 + 1] + c * ak[j0 ][i0 + 2] + d * ak[j0 ][i0 + 3];
+                f1 = a * ak[j0 + 1][i0] + b * ak[j0 + 1][i0 + 1] + c * ak[j0 + 1][i0 + 2] + d * ak[j0 + 1][i0 + 3];
+
+                out[k] = ov * f0 + v * f1;
+            }
+            return out;
+        };
+    } else if(bsmoothing) {
+        // Same as the above case, except reversed. I've disabled the no-unused vars rule
+        // so that this function is fully interpolation-agnostic. Otherwise it would need
+        // to be called differently in different cases. Which wouldn't be the worst, but
+        /* eslint-disable no-unused-vars */
+        return function(out, i0, j0, u, v) {
+        /* eslint-enable no-unused-vars */
+            if(!out) out = [];
+            var f0, f1, f2, f3, k, ak;
+            j0 *= 3;
+            var v2 = v * v;
+            var v3 = v2 * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ov3 = ov2 * ov;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ak[j0][i0 + 1] - ak[j0][i0];
+                f1 = ak[j0 + 1][i0 + 1] - ak[j0 + 1][i0];
+                f2 = ak[j0 + 2][i0 + 1] - ak[j0 + 2][i0];
+                f3 = ak[j0 + 3][i0 + 1] - ak[j0 + 3][i0];
+
+                out[k] = ov3 * f0 + 3 * (ov2 * v * f1 + ov * v2 * f2) + v3 * f3;
+            }
+            return out;
+        };
+    } else {
+        // Finally, both directions are linear:
+        /* eslint-disable no-unused-vars */
+        return function(out, i0, j0, u, v) {
+        /* eslint-enable no-unused-vars */
+            if(!out) out = [];
+            var f0, f1, k, ak;
+            var ov = 1 - v;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ak[j0][i0 + 1] - ak[j0][i0];
+                f1 = ak[j0 + 1][i0 + 1] - ak[j0 + 1][i0];
+
+                out[k] = ov * f0 + v * f1;
+            }
+            return out;
+        };
+    }
+};
+
+},{}],898:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function(arrays, asmoothing, bsmoothing) {
+    if(asmoothing && bsmoothing) {
+        return function(out, i0, j0, u, v) {
+            if(!out) out = [];
+            var f0, f1, f2, f3, ak, k;
+
+            // Since it's a grid of control points, the actual indices are * 3:
+            i0 *= 3;
+            j0 *= 3;
+
+            // Precompute some numbers:
+            var u2 = u * u;
+            var u3 = u2 * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ou3 = ou2 * ou;
+
+            var v2 = v * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ovv2 = ov * v * 2;
+            var a = -3 * ov2;
+            var b = 3 * (ov2 - ovv2);
+            var c = 3 * (ovv2 - v2);
+            var d = 3 * v2;
+
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+
+                // Compute the derivatives in the v-direction:
+                f0 = a * ak[j0][i0] + b * ak[j0 + 1][i0] + c * ak[j0 + 2][i0] + d * ak[j0 + 3][i0];
+                f1 = a * ak[j0][i0 + 1] + b * ak[j0 + 1][i0 + 1] + c * ak[j0 + 2][i0 + 1] + d * ak[j0 + 3][i0 + 1];
+                f2 = a * ak[j0][i0 + 2] + b * ak[j0 + 1][i0 + 2] + c * ak[j0 + 2][i0 + 2] + d * ak[j0 + 3][i0 + 2];
+                f3 = a * ak[j0][i0 + 3] + b * ak[j0 + 1][i0 + 3] + c * ak[j0 + 2][i0 + 3] + d * ak[j0 + 3][i0 + 3];
+
+                // Now just interpolate in the v-direction since it's all separable:
+                out[k] = ou3 * f0 + 3 * (ou2 * u * f1 + ou * u2 * f2) + u3 * f3;
+            }
+
+            return out;
+        };
+    } else if(asmoothing) {
+        // Handle smooth in the a-direction but linear in the b-direction by performing four
+        // linear interpolations followed by one cubic interpolation of the result
+        return function(out, i0, j0, v, u) {
+            if(!out) out = [];
+            var f0, f1, f2, f3, k, ak;
+            i0 *= 3;
+            var u2 = u * u;
+            var u3 = u2 * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ou3 = ou2 * ou;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+
+                f0 = ak[j0 + 1][i0] - ak[j0][i0];
+                f1 = ak[j0 + 1][i0 + 1] - ak[j0][i0 + 1];
+                f2 = ak[j0 + 1][i0 + 2] - ak[j0][i0 + 2];
+                f3 = ak[j0 + 1][i0 + 3] - ak[j0][i0 + 3];
+
+                out[k] = ou3 * f0 + 3 * (ou2 * u * f1 + ou * u2 * f2) + u3 * f3;
+
+                // mathematically equivalent:
+                // f0 = ou3 * ak[j0    ][i0] + 3 * (ou2 * u * ak[j0    ][i0 + 1] + ou * u2 * ak[j0    ][i0 + 2]) + u3 * ak[j0    ][i0 + 3];
+                // f1 = ou3 * ak[j0 + 1][i0] + 3 * (ou2 * u * ak[j0 + 1][i0 + 1] + ou * u2 * ak[j0 + 1][i0 + 2]) + u3 * ak[j0 + 1][i0 + 3];
+                // out[k] = f1 - f0;
+            }
+            return out;
+        };
+    } else if(bsmoothing) {
+        // Same as the above case, except reversed:
+        /* eslint-disable no-unused-vars */
+        return function(out, i0, j0, u, v) {
+        /* eslint-enable no-unused-vars */
+            if(!out) out = [];
+            var f0, f1, k, ak;
+            j0 *= 3;
+            var ou = 1 - u;
+            var v2 = v * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ovv2 = ov * v * 2;
+            var a = -3 * ov2;
+            var b = 3 * (ov2 - ovv2);
+            var c = 3 * (ovv2 - v2);
+            var d = 3 * v2;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = a * ak[j0][i0] + b * ak[j0 + 1][i0] + c * ak[j0 + 2][i0] + d * ak[j0 + 3][i0];
+                f1 = a * ak[j0][i0 + 1] + b * ak[j0 + 1][i0 + 1] + c * ak[j0 + 2][i0 + 1] + d * ak[j0 + 3][i0 + 1];
+
+                out[k] = ou * f0 + u * f1;
+            }
+            return out;
+        };
+    } else {
+        // Finally, both directions are linear:
+        /* eslint-disable no-unused-vars */
+        return function(out, i0, j0, v, u) {
+        /* eslint-enable no-unused-vars */
+            if(!out) out = [];
+            var f0, f1, k, ak;
+            var ov = 1 - v;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ak[j0 + 1][i0] - ak[j0][i0];
+                f1 = ak[j0 + 1][i0 + 1] - ak[j0][i0 + 1];
+
+                out[k] = ov * f0 + v * f1;
+            }
+            return out;
+        };
+    }
+
+};
+
+},{}],899:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Return a function that evaluates a set of linear or bicubic control points.
+ * This will get evaluated a lot, so we'll at least do a bit of extra work to
+ * flatten some of the choices. In particular, we'll unroll the linear/bicubic
+ * combinations and we'll allow computing results in parallel to cut down
+ * on repeated arithmetic.
+ *
+ * Take note that we don't search for the correct range in this function. The
+ * reason is for consistency due to the corrresponding derivative function. In
+ * particular, the derivatives aren't continuous across cells, so it's important
+ * to be able control whether the derivative at a cell boundary is approached
+ * from one side or the other.
+ */
+module.exports = function(arrays, na, nb, asmoothing, bsmoothing) {
+    var imax = na - 2;
+    var jmax = nb - 2;
+
+    if(asmoothing && bsmoothing) {
+        return function(out, i, j) {
+            if(!out) out = [];
+            var f0, f1, f2, f3, ak, k;
+
+            var i0 = Math.max(0, Math.min(Math.floor(i), imax));
+            var j0 = Math.max(0, Math.min(Math.floor(j), jmax));
+            var u = Math.max(0, Math.min(1, i - i0));
+            var v = Math.max(0, Math.min(1, j - j0));
+
+            // Since it's a grid of control points, the actual indices are * 3:
+            i0 *= 3;
+            j0 *= 3;
+
+            // Precompute some numbers:
+            var u2 = u * u;
+            var u3 = u2 * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ou3 = ou2 * ou;
+
+            var v2 = v * v;
+            var v3 = v2 * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ov3 = ov2 * ov;
+
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ou3 * ak[j0][i0] + 3 * (ou2 * u * ak[j0][i0 + 1] + ou * u2 * ak[j0][i0 + 2]) + u3 * ak[j0][i0 + 3];
+                f1 = ou3 * ak[j0 + 1][i0] + 3 * (ou2 * u * ak[j0 + 1][i0 + 1] + ou * u2 * ak[j0 + 1][i0 + 2]) + u3 * ak[j0 + 1][i0 + 3];
+                f2 = ou3 * ak[j0 + 2][i0] + 3 * (ou2 * u * ak[j0 + 2][i0 + 1] + ou * u2 * ak[j0 + 2][i0 + 2]) + u3 * ak[j0 + 2][i0 + 3];
+                f3 = ou3 * ak[j0 + 3][i0] + 3 * (ou2 * u * ak[j0 + 3][i0 + 1] + ou * u2 * ak[j0 + 3][i0 + 2]) + u3 * ak[j0 + 3][i0 + 3];
+                out[k] = ov3 * f0 + 3 * (ov2 * v * f1 + ov * v2 * f2) + v3 * f3;
+            }
+
+            return out;
+        };
+    } else if(asmoothing) {
+        // Handle smooth in the a-direction but linear in the b-direction by performing four
+        // linear interpolations followed by one cubic interpolation of the result
+        return function(out, i, j) {
+            if(!out) out = [];
+
+            var i0 = Math.max(0, Math.min(Math.floor(i), imax));
+            var j0 = Math.max(0, Math.min(Math.floor(j), jmax));
+            var u = Math.max(0, Math.min(1, i - i0));
+            var v = Math.max(0, Math.min(1, j - j0));
+
+            var f0, f1, f2, f3, k, ak;
+            i0 *= 3;
+            var u2 = u * u;
+            var u3 = u2 * u;
+            var ou = 1 - u;
+            var ou2 = ou * ou;
+            var ou3 = ou2 * ou;
+            var ov = 1 - v;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ov * ak[j0][i0] + v * ak[j0 + 1][i0];
+                f1 = ov * ak[j0][i0 + 1] + v * ak[j0 + 1][i0 + 1];
+                f2 = ov * ak[j0][i0 + 2] + v * ak[j0 + 1][i0 + 1];
+                f3 = ov * ak[j0][i0 + 3] + v * ak[j0 + 1][i0 + 1];
+
+                out[k] = ou3 * f0 + 3 * (ou2 * u * f1 + ou * u2 * f2) + u3 * f3;
+            }
+            return out;
+        };
+    } else if(bsmoothing) {
+        // Same as the above case, except reversed:
+        return function(out, i, j) {
+            if(!out) out = [];
+
+            var i0 = Math.max(0, Math.min(Math.floor(i), imax));
+            var j0 = Math.max(0, Math.min(Math.floor(j), jmax));
+            var u = Math.max(0, Math.min(1, i - i0));
+            var v = Math.max(0, Math.min(1, j - j0));
+
+            var f0, f1, f2, f3, k, ak;
+            j0 *= 3;
+            var v2 = v * v;
+            var v3 = v2 * v;
+            var ov = 1 - v;
+            var ov2 = ov * ov;
+            var ov3 = ov2 * ov;
+            var ou = 1 - u;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ou * ak[j0][i0] + u * ak[j0][i0 + 1];
+                f1 = ou * ak[j0 + 1][i0] + u * ak[j0 + 1][i0 + 1];
+                f2 = ou * ak[j0 + 2][i0] + u * ak[j0 + 2][i0 + 1];
+                f3 = ou * ak[j0 + 3][i0] + u * ak[j0 + 3][i0 + 1];
+
+                out[k] = ov3 * f0 + 3 * (ov2 * v * f1 + ov * v2 * f2) + v3 * f3;
+            }
+            return out;
+        };
+    } else {
+        // Finally, both directions are linear:
+        return function(out, i, j) {
+            if(!out) out = [];
+
+            var i0 = Math.max(0, Math.min(Math.floor(i), imax));
+            var j0 = Math.max(0, Math.min(Math.floor(j), jmax));
+            var u = Math.max(0, Math.min(1, i - i0));
+            var v = Math.max(0, Math.min(1, j - j0));
+
+            var f0, f1, k, ak;
+            var ov = 1 - v;
+            var ou = 1 - u;
+            for(k = 0; k < arrays.length; k++) {
+                ak = arrays[k];
+                f0 = ou * ak[j0][i0] + u * ak[j0][i0 + 1];
+                f1 = ou * ak[j0 + 1][i0] + u * ak[j0 + 1][i0 + 1];
+
+                out[k] = ov * f0 + v * f1;
+            }
+            return out;
+        };
+    }
+
+};
+
+},{}],900:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleXYDefaults = require('./xy_defaults');
+var handleABDefaults = require('./ab_defaults');
+var setConvert = require('./set_convert');
+var attributes = require('./attributes');
+var colorAttrs = require('../../components/color/attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, dfltColor, fullLayout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    traceOut._clipPathId = 'clip' + traceOut.uid + 'carpet';
+
+    var defaultColor = coerce('color', colorAttrs.defaultLine);
+    Lib.coerceFont(coerce, 'font');
+
+    coerce('carpet');
+
+    handleABDefaults(traceIn, traceOut, fullLayout, coerce, defaultColor);
+
+    if(!traceOut.a || !traceOut.b) {
+        traceOut.visible = false;
+        return;
+    }
+
+    if(traceOut.a.length < 3) {
+        traceOut.aaxis.smoothing = 0;
+    }
+
+    if(traceOut.b.length < 3) {
+        traceOut.baxis.smoothing = 0;
+    }
+
+    // NB: the input is x/y arrays. You should know that the *first* dimension of x and y
+    // corresponds to b and the second to a. This sounds backwards but ends up making sense
+    // the important part to know is that when you write y[j][i], j goes from 0 to b.length - 1
+    // and i goes from 0 to a.length - 1.
+    var len = handleXYDefaults(traceIn, traceOut, coerce);
+
+    setConvert(traceOut);
+
+    if(traceOut._cheater) {
+        coerce('cheaterslope');
+    }
+
+    if(!len) {
+        traceOut.visible = false;
+    }
+};
+
+},{"../../components/color/attributes":603,"../../lib":728,"./ab_defaults":883,"./attributes":885,"./set_convert":909,"./xy_defaults":911}],901:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function(data) {
+    return Array.isArray(data[0]);
+};
+
+},{}],902:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Carpet = {};
+
+Carpet.attributes = require('./attributes');
+Carpet.supplyDefaults = require('./defaults');
+Carpet.plot = require('./plot');
+Carpet.calc = require('./calc');
+Carpet.animatable = true;
+
+Carpet.moduleType = 'trace';
+Carpet.name = 'carpet';
+Carpet.basePlotModule = require('../../plots/cartesian');
+Carpet.categories = ['cartesian', 'carpet', 'carpetAxis', 'notLegendIsolatable'];
+Carpet.meta = {
+    
+};
+
+module.exports = Carpet;
+
+},{"../../plots/cartesian":782,"./attributes":885,"./calc":889,"./defaults":900,"./plot":908}],903:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Given a trace, look up the carpet axis by carpet.
+ */
+module.exports = function(gd, trace) {
+    var n = gd._fullData.length;
+    var firstAxis;
+    for(var i = 0; i < n; i++) {
+        var maybeCarpet = gd._fullData[i];
+
+        if(maybeCarpet.index === trace.index) continue;
+
+        if(maybeCarpet.type === 'carpet') {
+            if(!firstAxis) {
+                firstAxis = maybeCarpet;
+            }
+
+            if(maybeCarpet.carpet === trace.carpet) {
+                return maybeCarpet;
+            }
+        }
+    }
+
+    return firstAxis;
+};
+
+},{}],904:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function makePath(xp, yp, isBicubic) {
+    // Prevent d3 errors that would result otherwise:
+    if(xp.length === 0) return '';
+
+    var i, path = [];
+    var stride = isBicubic ? 3 : 1;
+    for(i = 0; i < xp.length; i += stride) {
+        path.push(xp[i] + ',' + yp[i]);
+
+        if(isBicubic && i < xp.length - stride) {
+            path.push('C');
+            path.push([
+                xp[i + 1] + ',' + yp[i + 1],
+                xp[i + 2] + ',' + yp[i + 2] + ' ',
+            ].join(' '));
+        }
+    }
+    return path.join(isBicubic ? '' : 'L');
+};
+
+},{}],905:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Map an array of x or y coordinates (c) to screen-space pixel coordinates (p).
+ * The output array is optional, but if provided, it will be reused without
+ * reallocation to the extent possible.
+ */
+module.exports = function mapArray(out, data, func) {
+    var i;
+
+    if(!Array.isArray(out)) {
+        // If not an array, make it an array:
+        out = [];
+    } else if(out.length > data.length) {
+        // If too long, truncate. (If too short, it will grow
+        // automatically so we don't care about that case)
+        out = out.slice(0, data.length);
+    }
+
+    for(i = 0; i < data.length; i++) {
+        out[i] = func(data[i]);
+    }
+
+    return out;
+};
+
+},{}],906:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+/*
+ * Map an array of x or y coordinates (c) to screen-space pixel coordinates (p).
+ * The output array is optional, but if provided, it will be reused without
+ * reallocation to the extent possible.
+ */
+module.exports = function mapArray(out, data, func) {
+    var i, j;
+
+    if(!Array.isArray(out)) {
+        // If not an array, make it an array:
+        out = [];
+    } else if(out.length > data.length) {
+        // If too long, truncate. (If too short, it will grow
+        // automatically so we don't care about that case)
+        out = out.slice(0, data.length);
+    }
+
+    for(i = 0; i < data.length; i++) {
+        if(!Array.isArray(out[i])) {
+            // If not an array, make it an array:
+            out[i] = [];
+        } else if(out[i].length > data.length) {
+            // If too long, truncate. (If too short, it will grow
+            // automatically so we don't care about[i] that case)
+            out[i] = out[i].slice(0, data.length);
+        }
+
+        for(j = 0; j < data[0].length; j++) {
+            out[i][j] = func(data[i][j]);
+        }
+    }
+    return out;
+};
+
+},{}],907:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function orientText(trace, xaxis, yaxis, xy, dxy, refDxy) {
+    var dx = dxy[0] * trace.dpdx(xaxis);
+    var dy = dxy[1] * trace.dpdy(yaxis);
+    var flip = 1;
+
+    var offsetMultiplier = 1.0;
+    if(refDxy) {
+        var l1 = Math.sqrt(dxy[0] * dxy[0] + dxy[1] * dxy[1]);
+        var l2 = Math.sqrt(refDxy[0] * refDxy[0] + refDxy[1] * refDxy[1]);
+        var dot = (dxy[0] * refDxy[0] + dxy[1] * refDxy[1]) / l1 / l2;
+        offsetMultiplier = Math.max(0.0, dot);
+    }
+
+    var angle = Math.atan2(dy, dx) * 180 / Math.PI;
+    if(angle < -90) {
+        angle += 180;
+        flip = -flip;
+    } else if(angle > 90) {
+        angle -= 180;
+        flip = -flip;
+    }
+
+    return {
+        angle: angle,
+        flip: flip,
+        p: trace.c2p(xy, xaxis, yaxis),
+        offsetMultplier: offsetMultiplier
+    };
+};
+
+},{}],908:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var Drawing = require('../../components/drawing');
+var map1dArray = require('./map_1d_array');
+var makepath = require('./makepath');
+var orientText = require('./orient_text');
+var svgTextUtils = require('../../lib/svg_text_utils');
+
+module.exports = function plot(gd, plotinfo, cdcarpet) {
+    for(var i = 0; i < cdcarpet.length; i++) {
+        plotOne(gd, plotinfo, cdcarpet[i]);
+    }
+};
+
+function makeg(el, type, klass) {
+    var join = el.selectAll(type + '.' + klass).data([0]);
+    join.enter().append(type).classed(klass, true);
+    return join;
+}
+
+function plotOne(gd, plotinfo, cd) {
+    var t = cd[0];
+    var trace = cd[0].trace,
+        xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        aax = trace.aaxis,
+        bax = trace.baxis,
+        fullLayout = gd._fullLayout;
+
+    var gridLayer = plotinfo.plot.selectAll('.carpetlayer');
+    var clipLayer = fullLayout._clips;
+
+    var axisLayer = makeg(gridLayer, 'g', 'carpet' + trace.uid).classed('trace', true);
+    var minorLayer = makeg(axisLayer, 'g', 'minorlayer');
+    var majorLayer = makeg(axisLayer, 'g', 'majorlayer');
+    var boundaryLayer = makeg(axisLayer, 'g', 'boundarylayer');
+    var labelLayer = makeg(axisLayer, 'g', 'labellayer');
+
+    axisLayer.style('opacity', trace.opacity);
+
+    drawGridLines(xa, ya, majorLayer, aax, 'a', aax._gridlines, true);
+    drawGridLines(xa, ya, majorLayer, bax, 'b', bax._gridlines, true);
+    drawGridLines(xa, ya, minorLayer, aax, 'a', aax._minorgridlines, true);
+    drawGridLines(xa, ya, minorLayer, bax, 'b', bax._minorgridlines, true);
+
+    // NB: These are not ommitted if the lines are not active. The joins must be executed
+    // in order for them to get cleaned up without a full redraw
+    drawGridLines(xa, ya, boundaryLayer, aax, 'a-boundary', aax._boundarylines);
+    drawGridLines(xa, ya, boundaryLayer, bax, 'b-boundary', bax._boundarylines);
+
+    var maxAExtent = drawAxisLabels(gd, xa, ya, trace, t, labelLayer, aax._labels, 'a-label');
+    var maxBExtent = drawAxisLabels(gd, xa, ya, trace, t, labelLayer, bax._labels, 'b-label');
+
+    drawAxisTitles(gd, labelLayer, trace, t, xa, ya, maxAExtent, maxBExtent);
+
+    drawClipPath(trace, t, clipLayer, xa, ya);
+}
+
+function drawClipPath(trace, t, layer, xaxis, yaxis) {
+    var seg, xp, yp, i;
+
+    var clip = layer.select('#' + trace._clipPathId);
+
+    if(!clip.size()) {
+        clip = layer.append('clipPath')
+            .classed('carpetclip', true);
+    }
+
+    var path = makeg(clip, 'path', 'carpetboundary');
+    var segments = t.clipsegments;
+    var segs = [];
+
+    for(i = 0; i < segments.length; i++) {
+        seg = segments[i];
+        xp = map1dArray([], seg.x, xaxis.c2p);
+        yp = map1dArray([], seg.y, yaxis.c2p);
+        segs.push(makepath(xp, yp, seg.bicubic));
+    }
+
+    // This could be optimized ever so slightly to avoid no-op L segments
+    // at the corners, but it's so negligible that I don't think it's worth
+    // the extra complexity
+    var clipPathData = 'M' + segs.join('L') + 'Z';
+    clip.attr('id', trace._clipPathId);
+    path.attr('d', clipPathData);
+}
+
+function drawGridLines(xaxis, yaxis, layer, axis, axisLetter, gridlines) {
+    var lineClass = 'const-' + axisLetter + '-lines';
+    var gridJoin = layer.selectAll('.' + lineClass).data(gridlines);
+
+    gridJoin.enter().append('path')
+        .classed(lineClass, true)
+        .style('vector-effect', 'non-scaling-stroke');
+
+    gridJoin.each(function(d) {
+        var gridline = d;
+        var x = gridline.x;
+        var y = gridline.y;
+
+        var xp = map1dArray([], x, xaxis.c2p);
+        var yp = map1dArray([], y, yaxis.c2p);
+
+        var path = 'M' + makepath(xp, yp, gridline.smoothing);
+
+        var el = d3.select(this);
+
+        el.attr('d', path)
+            .style('stroke-width', gridline.width)
+            .style('stroke', gridline.color)
+            .style('fill', 'none');
+    });
+
+    gridJoin.exit().remove();
+}
+
+function drawAxisLabels(gd, xaxis, yaxis, trace, t, layer, labels, labelClass) {
+    var labelJoin = layer.selectAll('text.' + labelClass).data(labels);
+
+    labelJoin.enter().append('text')
+        .classed(labelClass, true);
+
+    var maxExtent = 0;
+
+    labelJoin.each(function(label) {
+        // Most of the positioning is done in calc_labels. Only the parts that depend upon
+        // the screen space representation of the x and y axes are here:
+        var orientation;
+        if(label.axis.tickangle === 'auto') {
+            orientation = orientText(trace, xaxis, yaxis, label.xy, label.dxy);
+        } else {
+            var angle = (label.axis.tickangle + 180.0) * Math.PI / 180.0;
+            orientation = orientText(trace, xaxis, yaxis, label.xy, [Math.cos(angle), Math.sin(angle)]);
+        }
+        var direction = (label.endAnchor ? -1 : 1) * orientation.flip;
+
+        var labelEl = d3.select(this)
+            .attr({
+                'text-anchor': direction > 0 ? 'start' : 'end',
+                'data-notex': 1
+            })
+            .call(Drawing.font, label.font)
+            .text(label.text)
+            .call(svgTextUtils.convertToTspans, gd);
+
+        var bbox = Drawing.bBox(this);
+
+        labelEl.attr('transform',
+                // Translate to the correct point:
+                'translate(' + orientation.p[0] + ',' + orientation.p[1] + ') ' +
+                // Rotate to line up with grid line tangent:
+                'rotate(' + orientation.angle + ')' +
+                // Adjust the baseline and indentation:
+                'translate(' + label.axis.labelpadding * direction + ',' + bbox.height * 0.3 + ')'
+            );
+
+        maxExtent = Math.max(maxExtent, bbox.width + label.axis.labelpadding);
+    });
+
+    labelJoin.exit().remove();
+
+    return maxExtent;
+}
+
+function drawAxisTitles(gd, layer, trace, t, xa, ya, maxAExtent, maxBExtent) {
+    var a, b, xy, dxy;
+
+    a = 0.5 * (trace.a[0] + trace.a[trace.a.length - 1]);
+    b = trace.b[0];
+    xy = trace.ab2xy(a, b, true);
+    dxy = trace.dxyda_rough(a, b);
+    drawAxisTitle(gd, layer, trace, t, xy, dxy, trace.aaxis, xa, ya, maxAExtent, 'a-title');
+
+    a = trace.a[0];
+    b = 0.5 * (trace.b[0] + trace.b[trace.b.length - 1]);
+    xy = trace.ab2xy(a, b, true);
+    dxy = trace.dxydb_rough(a, b);
+    drawAxisTitle(gd, layer, trace, t, xy, dxy, trace.baxis, xa, ya, maxBExtent, 'b-title');
+}
+
+function drawAxisTitle(gd, layer, trace, t, xy, dxy, axis, xa, ya, offset, labelClass) {
+    var data = [];
+    if(axis.title) data.push(axis.title);
+    var titleJoin = layer.selectAll('text.' + labelClass).data(data);
+
+    titleJoin.enter().append('text')
+        .classed(labelClass, true);
+
+    // There's only one, but we'll do it as a join so it's updated nicely:
+    titleJoin.each(function() {
+        var orientation = orientText(trace, xa, ya, xy, dxy);
+
+        if(['start', 'both'].indexOf(axis.showticklabels) === -1) {
+            offset = 0;
+        }
+
+        // In addition to the size of the labels, add on some extra padding:
+        offset += axis.titlefont.size + axis.titleoffset;
+
+
+        var el = d3.select(this);
+
+        el.text(axis.title || '')
+            .call(svgTextUtils.convertToTspans, gd)
+            .attr('transform',
+                'translate(' + orientation.p[0] + ',' + orientation.p[1] + ') ' +
+                'rotate(' + orientation.angle + ') ' +
+                'translate(0,' + offset + ')'
+            )
+            .classed('user-select-none', true)
+            .attr('text-anchor', 'middle')
+            .call(Drawing.font, axis.titlefont);
+    });
+
+    titleJoin.exit().remove();
+}
+
+},{"../../components/drawing":628,"../../lib/svg_text_utils":750,"./makepath":904,"./map_1d_array":905,"./orient_text":907,"d3":122}],909:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var constants = require('./constants');
+var search = require('../../lib/search').findBin;
+var computeControlPoints = require('./compute_control_points');
+var createSplineEvaluator = require('./create_spline_evaluator');
+var createIDerivativeEvaluator = require('./create_i_derivative_evaluator');
+var createJDerivativeEvaluator = require('./create_j_derivative_evaluator');
+
+/*
+ * Create conversion functions to go from one basis to another. In particular the letter
+ * abbreviations are:
+ *
+ *   i: i/j coordinates along the grid. Integer values correspond to data points
+ *   a: real-valued coordinates along the a/b axes
+ *   c: cartesian x-y coordinates
+ *   p: screen-space pixel coordinates
+ */
+module.exports = function setConvert(trace) {
+    var a = trace.a;
+    var b = trace.b;
+    var na = trace.a.length;
+    var nb = trace.b.length;
+    var aax = trace.aaxis;
+    var bax = trace.baxis;
+
+    // Grab the limits once rather than recomputing the bounds for every point
+    // independently:
+    var amin = a[0];
+    var amax = a[na - 1];
+    var bmin = b[0];
+    var bmax = b[nb - 1];
+    var arange = a[a.length - 1] - a[0];
+    var brange = b[b.length - 1] - b[0];
+
+    // Compute the tolerance so that points are visible slightly outside the
+    // defined carpet axis:
+    var atol = arange * constants.RELATIVE_CULL_TOLERANCE;
+    var btol = brange * constants.RELATIVE_CULL_TOLERANCE;
+
+    // Expand the limits to include the relative tolerance:
+    amin -= atol;
+    amax += atol;
+    bmin -= btol;
+    bmax += btol;
+
+    trace.isVisible = function(a, b) {
+        return a > amin && a < amax && b > bmin && b < bmax;
+    };
+
+    trace.isOccluded = function(a, b) {
+        return a < amin || a > amax || b < bmin || b > bmax;
+    };
+
+    // XXX: ONLY PASSTHRU. ONLY. No, ONLY.
+    aax.c2p = function(v) { return v; };
+    bax.c2p = function(v) { return v; };
+
+    trace.setScale = function() {
+        var x = trace.x;
+        var y = trace.y;
+
+        // This is potentially a very expensive step! It does the bulk of the work of constructing
+        // an expanded basis of control points. Note in particular that it overwrites the existing
+        // basis without creating a new array since that would potentially thrash the garbage
+        // collector.
+        var result = computeControlPoints(trace.xctrl, trace.yctrl, x, y, aax.smoothing, bax.smoothing);
+        trace.xctrl = result[0];
+        trace.yctrl = result[1];
+
+        // This step is the second step in the process, but it's somewhat simpler. It just unrolls
+        // some logic since it would be unnecessarily expensive to compute both interpolations
+        // nearly identically but separately and to include a bunch of linear vs. bicubic logic in
+        // every single call.
+        trace.evalxy = createSplineEvaluator([trace.xctrl, trace.yctrl], na, nb, aax.smoothing, bax.smoothing);
+
+        trace.dxydi = createIDerivativeEvaluator([trace.xctrl, trace.yctrl], aax.smoothing, bax.smoothing);
+        trace.dxydj = createJDerivativeEvaluator([trace.xctrl, trace.yctrl], aax.smoothing, bax.smoothing);
+    };
+
+    /*
+     * Convert from i/j data grid coordinates to a/b values. Note in particular that this
+     * is *linear* interpolation, even if the data is interpolated bicubically.
+     */
+    trace.i2a = function(i) {
+        var i0 = Math.max(0, Math.floor(i[0]), na - 2);
+        var ti = i[0] - i0;
+        return (1 - ti) * a[i0] + ti * a[i0 + 1];
+    };
+
+    trace.j2b = function(j) {
+        var j0 = Math.max(0, Math.floor(j[1]), na - 2);
+        var tj = j[1] - j0;
+        return (1 - tj) * b[j0] + tj * b[j0 + 1];
+    };
+
+    trace.ij2ab = function(ij) {
+        return [trace.i2a(ij[0]), trace.j2b(ij[1])];
+    };
+
+    /*
+     * Convert from a/b coordinates to i/j grid-numbered coordinates. This requires searching
+     * through the a/b data arrays and assumes they are monotonic, which is presumed to have
+     * been enforced already.
+     */
+    trace.a2i = function(aval) {
+        var i0 = Math.max(0, Math.min(search(aval, a), na - 2));
+        var a0 = a[i0];
+        var a1 = a[i0 + 1];
+        return Math.max(0, Math.min(na - 1, i0 + (aval - a0) / (a1 - a0)));
+    };
+
+    trace.b2j = function(bval) {
+        var j0 = Math.max(0, Math.min(search(bval, b), nb - 2));
+        var b0 = b[j0];
+        var b1 = b[j0 + 1];
+        return Math.max(0, Math.min(nb - 1, j0 + (bval - b0) / (b1 - b0)));
+    };
+
+    trace.ab2ij = function(ab) {
+        return [trace.a2i(ab[0]), trace.b2j(ab[1])];
+    };
+
+    /*
+     * Convert from i/j coordinates to x/y caretesian coordinates. This means either bilinear
+     * or bicubic spline evaluation, but the hard part is already done at this point.
+     */
+    trace.i2c = function(i, j) {
+        return trace.evalxy([], i, j);
+    };
+
+    trace.ab2xy = function(aval, bval, extrapolate) {
+        if(!extrapolate && (aval < a[0] || aval > a[na - 1] | bval < b[0] || bval > b[nb - 1])) {
+            return [false, false];
+        }
+        var i = trace.a2i(aval);
+        var j = trace.b2j(bval);
+
+        var pt = trace.evalxy([], i, j);
+
+        if(extrapolate) {
+            // This section uses the boundary derivatives to extrapolate linearly outside
+            // the defined range. Consider a scatter line with one point inside the carpet
+            // axis and one point outside. If we don't extrapolate, we can't draw the line
+            // at all.
+            var iex = 0;
+            var jex = 0;
+            var der = [];
+
+            var i0, ti, j0, tj;
+            if(aval < a[0]) {
+                i0 = 0;
+                ti = 0;
+                iex = (aval - a[0]) / (a[1] - a[0]);
+            } else if(aval > a[na - 1]) {
+                i0 = na - 2;
+                ti = 1;
+                iex = (aval - a[na - 1]) / (a[na - 1] - a[na - 2]);
+            } else {
+                i0 = Math.max(0, Math.min(na - 2, Math.floor(i)));
+                ti = i - i0;
+            }
+
+            if(bval < b[0]) {
+                j0 = 0;
+                tj = 0;
+                jex = (bval - b[0]) / (b[1] - b[0]);
+            } else if(bval > b[nb - 1]) {
+                j0 = nb - 2;
+                tj = 1;
+                jex = (bval - b[nb - 1]) / (b[nb - 1] - b[nb - 2]);
+            } else {
+                j0 = Math.max(0, Math.min(nb - 2, Math.floor(j)));
+                tj = j - j0;
+            }
+
+            if(iex) {
+                trace.dxydi(der, i0, j0, ti, tj);
+                pt[0] += der[0] * iex;
+                pt[1] += der[1] * iex;
+            }
+
+            if(jex) {
+                trace.dxydj(der, i0, j0, ti, tj);
+                pt[0] += der[0] * jex;
+                pt[1] += der[1] * jex;
+            }
+        }
+
+        return pt;
+    };
+
+
+    trace.c2p = function(xy, xa, ya) {
+        return [xa.c2p(xy[0]), ya.c2p(xy[1])];
+    };
+
+    trace.p2x = function(p, xa, ya) {
+        return [xa.p2c(p[0]), ya.p2c(p[1])];
+    };
+
+    trace.dadi = function(i /* , u*/) {
+        // Right now only a piecewise linear a or b basis is permitted since smoother interpolation
+        // would cause monotonicity problems. As a retult, u is entirely disregarded in this
+        // computation, though we'll specify it as a parameter for the sake of completeness and
+        // future-proofing. It would be possible to use monotonic cubic interpolation, for example.
+        //
+        // See: https://en.wikipedia.org/wiki/Monotone_cubic_interpolation
+
+        // u = u || 0;
+
+        var i0 = Math.max(0, Math.min(a.length - 2, i));
+
+        // The step (demoninator) is implicitly 1 since that's the grid spacing.
+        return a[i0 + 1] - a[i0];
+    };
+
+    trace.dbdj = function(j /* , v*/) {
+        // See above caveats for dadi which also apply here
+        var j0 = Math.max(0, Math.min(b.length - 2, j));
+
+        // The step (demoninator) is implicitly 1 since that's the grid spacing.
+        return b[j0 + 1] - b[j0];
+    };
+
+    // Takes: grid cell coordinate (i, j) and fractional grid cell coordinates (u, v)
+    // Returns: (dx/da, dy/db)
+    //
+    // NB: separate grid cell + fractional grid cell coordinate format is due to the discontinuous
+    // derivative, as described better in create_i_derivative_evaluator.js
+    trace.dxyda = function(i0, j0, u, v) {
+        var dxydi = trace.dxydi(null, i0, j0, u, v);
+        var dadi = trace.dadi(i0, u);
+
+        return [dxydi[0] / dadi, dxydi[1] / dadi];
+    };
+
+    trace.dxydb = function(i0, j0, u, v) {
+        var dxydj = trace.dxydj(null, i0, j0, u, v);
+        var dbdj = trace.dbdj(j0, v);
+
+        return [dxydj[0] / dbdj, dxydj[1] / dbdj];
+    };
+
+    // Sometimes we don't care about precision and all we really want is decent rough
+    // directions (as is the case with labels). In that case, we can do a very rough finite
+    // difference and spare having to worry about precise grid coordinates:
+    trace.dxyda_rough = function(a, b, reldiff) {
+        var h = arange * (reldiff || 0.1);
+        var plus = trace.ab2xy(a + h, b, true);
+        var minus = trace.ab2xy(a - h, b, true);
+
+        return [
+            (plus[0] - minus[0]) * 0.5 / h,
+            (plus[1] - minus[1]) * 0.5 / h
+        ];
+    };
+
+    trace.dxydb_rough = function(a, b, reldiff) {
+        var h = brange * (reldiff || 0.1);
+        var plus = trace.ab2xy(a, b + h, true);
+        var minus = trace.ab2xy(a, b - h, true);
+
+        return [
+            (plus[0] - minus[0]) * 0.5 / h,
+            (plus[1] - minus[1]) * 0.5 / h
+        ];
+    };
+
+    trace.dpdx = function(xa) {
+        return xa._m;
+    };
+
+    trace.dpdy = function(ya) {
+        return ya._m;
+    };
+};
+
+},{"../../lib/search":745,"./compute_control_points":895,"./constants":896,"./create_i_derivative_evaluator":897,"./create_j_derivative_evaluator":898,"./create_spline_evaluator":899}],910:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+/*
+ * Given a 2D array as well as a basis in either direction, this function fills in the
+ * 2D array using a combination of smoothing and extrapolation. This is rather important
+ * for carpet plots since it's used for layout so that we can't simply omit or blank out
+ * points. We need a reasonable guess so that the interpolation puts points somewhere
+ * even if we were to somehow represent that the data was missing later on.
+ *
+ * input:
+ *  - data: 2D array of arrays
+ *  - a: array such that a.length === data[0].length
+ *  - b: array such that b.length === data.length
+ */
+module.exports = function smoothFill2dArray(data, a, b) {
+    var i, j, k;
+    var ip = [];
+    var jp = [];
+    // var neighborCnts = [];
+
+    var ni = data[0].length;
+    var nj = data.length;
+
+    function avgSurrounding(i, j) {
+        // As a low-quality start, we can simply average surrounding points (in a not
+        // non-uniform grid aware manner):
+        var sum = 0.0;
+        var val;
+        var cnt = 0;
+        if(i > 0 && (val = data[j][i - 1]) !== undefined) {
+            cnt++;
+            sum += val;
+        }
+        if(i < ni - 1 && (val = data[j][i + 1]) !== undefined) {
+            cnt++;
+            sum += val;
+        }
+        if(j > 0 && (val = data[j - 1][i]) !== undefined) {
+            cnt++;
+            sum += val;
+        }
+        if(j < nj - 1 && (val = data[j + 1][i]) !== undefined) {
+            cnt++;
+            sum += val;
+        }
+        return sum / Math.max(1, cnt);
+
+    }
+
+    // This loop iterates over all cells. Any cells that are null will be noted and those
+    // are the only points we will loop over and update via laplace's equation. Points with
+    // any neighbors will receive the average. If there are no neighboring points, then they
+    // will be set to zero. Also as we go, track the maximum magnitude so that we can scale
+    // our tolerance accordingly.
+    var dmax = 0.0;
+    for(i = 0; i < ni; i++) {
+        for(j = 0; j < nj; j++) {
+            if(data[j][i] === undefined) {
+                ip.push(i);
+                jp.push(j);
+
+                data[j][i] = avgSurrounding(i, j);
+                // neighborCnts.push(result.neighbors);
+            }
+            dmax = Math.max(dmax, Math.abs(data[j][i]));
+        }
+    }
+
+    if(!ip.length) return data;
+
+    // The tolerance doesn't need to be excessive. It's just for display positioning
+    var dxp, dxm, dap, dam, dbp, dbm, c, d, diff, reldiff, overrelaxation;
+    var tol = 1e-5;
+    var resid = 0;
+    var itermax = 100;
+    var iter = 0;
+    var n = ip.length;
+    do {
+        resid = 0;
+        // Normally we'd loop in two dimensions, but not all points are blank and need
+        // an update, so we instead loop only over the points that were tabulated above
+        for(k = 0; k < n; k++) {
+            i = ip[k];
+            j = jp[k];
+            // neighborCnt = neighborCnts[k];
+
+            // Track a counter for how many contributions there are. We'll use this counter
+            // to average at the end, which reduces to laplace's equation with neumann boundary
+            // conditions on the first derivative (second derivative is zero so that we get
+            // a nice linear extrapolation at the boundaries).
+            var boundaryCnt = 0;
+            var newVal = 0;
+
+            var d0, d1, x0, x1, i0, j0;
+            if(i === 0) {
+                // If this lies along the i = 0 boundary, extrapolate from the two points
+                // to the right of this point. Note that the finite differences take into
+                // account non-uniform grid spacing:
+                i0 = Math.min(ni - 1, 2);
+                x0 = a[i0];
+                x1 = a[1];
+                d0 = data[j][i0];
+                d1 = data[j][1];
+                newVal += d1 + (d1 - d0) * (a[0] - x1) / (x1 - x0);
+                boundaryCnt++;
+            } else if(i === ni - 1) {
+                // If along the high i boundary, extrapolate from the two points to the
+                // left of this point
+                i0 = Math.max(0, ni - 3);
+                x0 = a[i0];
+                x1 = a[ni - 2];
+                d0 = data[j][i0];
+                d1 = data[j][ni - 2];
+                newVal += d1 + (d1 - d0) * (a[ni - 1] - x1) / (x1 - x0);
+                boundaryCnt++;
+            }
+
+            if((i === 0 || i === ni - 1) && (j > 0 && j < nj - 1)) {
+                // If along the min(i) or max(i) boundaries, also smooth vertically as long
+                // as we're not in a corner. Note that the finite differences used here
+                // are also aware of nonuniform grid spacing:
+                dxp = b[j + 1] - b[j];
+                dxm = b[j] - b[j - 1];
+                newVal += (dxm * data[j + 1][i] + dxp * data[j - 1][i]) / (dxm + dxp);
+                boundaryCnt++;
+            }
+
+            if(j === 0) {
+                // If along the j = 0 boundary, extrpolate this point from the two points
+                // above it
+                j0 = Math.min(nj - 1, 2);
+                x0 = b[j0];
+                x1 = b[1];
+                d0 = data[j0][i];
+                d1 = data[1][i];
+                newVal += d1 + (d1 - d0) * (b[0] - x1) / (x1 - x0);
+                boundaryCnt++;
+            } else if(j === nj - 1) {
+                // Same for the max j boundary from the cells below it:
+                j0 = Math.max(0, nj - 3);
+                x0 = b[j0];
+                x1 = b[nj - 2];
+                d0 = data[j0][i];
+                d1 = data[nj - 2][i];
+                newVal += d1 + (d1 - d0) * (b[nj - 1] - x1) / (x1 - x0);
+                boundaryCnt++;
+            }
+
+            if((j === 0 || j === nj - 1) && (i > 0 && i < ni - 1)) {
+                // Now average points to the left/right as long as not in a corner:
+                dxp = a[i + 1] - a[i];
+                dxm = a[i] - a[i - 1];
+                newVal += (dxm * data[j][i + 1] + dxp * data[j][i - 1]) / (dxm + dxp);
+                boundaryCnt++;
+            }
+
+            if(!boundaryCnt) {
+                // If none of the above conditions were triggered, then this is an interior
+                // point and we can just do a laplace equation update. As above, these differences
+                // are aware of nonuniform grid spacing:
+                dap = a[i + 1] - a[i];
+                dam = a[i] - a[i - 1];
+                dbp = b[j + 1] - b[j];
+                dbm = b[j] - b[j - 1];
+
+                // These are just some useful constants for the iteration, which is perfectly
+                // straightforward but a little long to derive from f_xx + f_yy = 0.
+                c = dap * dam * (dap + dam);
+                d = dbp * dbm * (dbp + dbm);
+
+                newVal = (c * (dbm * data[j + 1][i] + dbp * data[j - 1][i]) +
+                          d * (dam * data[j][i + 1] + dap * data[j][i - 1])) /
+                          (d * (dam + dap) + c * (dbm + dbp));
+            } else {
+                // If we did have contributions from the boundary conditions, then average
+                // the result from the various contributions:
+                newVal /= boundaryCnt;
+            }
+
+            // Jacobi updates are ridiculously slow to converge, so this approach uses a
+            // Gauss-seidel iteration which is dramatically faster.
+            diff = newVal - data[j][i];
+            reldiff = diff / dmax;
+            resid += reldiff * reldiff;
+
+            // Gauss-Seidel-ish iteration, omega chosen based on heuristics and some
+            // quick tests.
+            //
+            // NB: Don't overrelax the boundarie. Otherwise set an overrelaxation factor
+            // which is a little low but safely optimal-ish:
+            overrelaxation = boundaryCnt ? 0 : 0.85;
+
+            // If there are four non-null neighbors, then we want a simple average without
+            // overrelaxation. If all the surrouding points are null, then we want the full
+            // overrelaxation
+            //
+            // Based on experiments, this actually seems to slow down convergence just a bit.
+            // I'll leave it here for reference in case this needs to be revisited, but
+            // it seems to work just fine without this.
+            // if (overrelaxation) overrelaxation *= (4 - neighborCnt) / 4;
+
+            data[j][i] += diff * (1 + overrelaxation);
+        }
+
+        resid = Math.sqrt(resid);
+    } while(iter++ < itermax && resid > tol);
+
+    Lib.log('Smoother converged to', resid, 'after', iter, 'iterations');
+
+    return data;
+};
+
+},{"../../lib":728}],911:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var hasColumns = require('./has_columns');
+var convertColumnData = require('../heatmap/convert_column_xyz');
+
+module.exports = function handleXYDefaults(traceIn, traceOut, coerce) {
+    var cols = [];
+    var x = coerce('x');
+
+    var needsXTransform = x && !hasColumns(x);
+    if(needsXTransform) cols.push('x');
+
+    traceOut._cheater = !x;
+
+    var y = coerce('y');
+
+    var needsYTransform = y && !hasColumns(y);
+    if(needsYTransform) cols.push('y');
+
+    if(!x && !y) return;
+
+    if(cols.length) {
+        convertColumnData(traceOut, traceOut.aaxis, traceOut.baxis, 'a', 'b', cols);
+    }
+
+    return true;
+};
+
+},{"../heatmap/convert_column_xyz":952,"./has_columns":901}],912:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ScatterGeoAttrs = require('../scattergeo/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var plotAttrs = require('../../plots/attributes');
+
+var extend = require('../../lib/extend');
+var extendFlat = extend.extendFlat;
+var extendDeepAll = extend.extendDeepAll;
+
+var ScatterGeoMarkerLineAttrs = ScatterGeoAttrs.marker.line;
+
+module.exports = extendFlat({
+    locations: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    locationmode: ScatterGeoAttrs.locationmode,
+    z: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    text: extendFlat({}, ScatterGeoAttrs.text, {
+        
+    }),
+    marker: {
+        line: {
+            color: ScatterGeoMarkerLineAttrs.color,
+            width: extendFlat({}, ScatterGeoMarkerLineAttrs.width, {dflt: 1}),
+            editType: 'calc'
+        },
+        editType: 'calc'
+    },
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        editType: 'calc',
+        flags: ['location', 'z', 'text', 'name']
+    }),
+},
+    extendDeepAll({}, colorscaleAttrs, {
+        zmax: {editType: 'calc'},
+        zmin: {editType: 'calc'}
+    }),
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../../plots/attributes":770,"../scattergeo/attributes":1069}],913:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+var colorscaleCalc = require('../../components/colorscale/calc');
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+
+module.exports = function calc(gd, trace) {
+    var len = trace.locations.length;
+    var calcTrace = new Array(len);
+
+    for(var i = 0; i < len; i++) {
+        var calcPt = calcTrace[i] = {};
+        var loc = trace.locations[i];
+        var z = trace.z[i];
+
+        calcPt.loc = typeof loc === 'string' ? loc : null;
+        calcPt.z = isNumeric(z) ? z : BADNUM;
+    }
+
+    arraysToCalcdata(calcTrace, trace);
+    colorscaleCalc(trace, trace.z, '', 'z');
+
+    return calcTrace;
+};
+
+},{"../../components/colorscale/calc":610,"../../constants/numerical":707,"../scatter/arrays_to_calcdata":1030,"fast-isnumeric":131}],914:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var locations = coerce('locations');
+
+    var len;
+    if(locations) len = locations.length;
+
+    if(!locations || !len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    var z = coerce('z');
+    if(!Array.isArray(z)) {
+        traceOut.visible = false;
+        return;
+    }
+
+    if(z.length > len) traceOut.z = z.slice(0, len);
+
+    coerce('locationmode');
+
+    coerce('text');
+
+    coerce('marker.line.color');
+    coerce('marker.line.width');
+
+    colorscaleDefaults(
+        traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'z'}
+    );
+};
+
+},{"../../components/colorscale/defaults":613,"../../lib":728,"./attributes":912}],915:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function eventData(out, pt) {
+    out.location = pt.location;
+    out.z = pt.z;
+
+    return out;
+};
+
+},{}],916:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var attributes = require('./attributes');
+var fillHoverText = require('../scatter/fill_hover_text');
+
+module.exports = function hoverPoints(pointData, xval, yval) {
+    var cd = pointData.cd;
+    var trace = cd[0].trace;
+    var geo = pointData.subplot;
+
+    var pt, i, j, isInside;
+
+    for(i = 0; i < cd.length; i++) {
+        pt = cd[i];
+        isInside = false;
+
+        if(pt._polygons) {
+            for(j = 0; j < pt._polygons.length; j++) {
+                if(pt._polygons[j].contains([xval, yval])) {
+                    isInside = !isInside;
+                }
+                // for polygons that cross antimeridian as xval is in [-180, 180]
+                if(pt._polygons[j].contains([xval + 360, yval])) {
+                    isInside = !isInside;
+                }
+            }
+
+            if(isInside) break;
+        }
+    }
+
+    if(!isInside || !pt) return;
+
+    pointData.x0 = pointData.x1 = pointData.xa.c2p(pt.ct);
+    pointData.y0 = pointData.y1 = pointData.ya.c2p(pt.ct);
+
+    pointData.index = pt.index;
+    pointData.location = pt.loc;
+    pointData.z = pt.z;
+
+    makeHoverInfo(pointData, trace, pt, geo.mockAxis);
+
+    return [pointData];
+};
+
+function makeHoverInfo(pointData, trace, pt, axis) {
+    var hoverinfo = pt.hi || trace.hoverinfo;
+
+    var parts = (hoverinfo === 'all') ?
+        attributes.hoverinfo.flags :
+        hoverinfo.split('+');
+
+    var hasName = (parts.indexOf('name') !== -1);
+    var hasLocation = (parts.indexOf('location') !== -1);
+    var hasZ = (parts.indexOf('z') !== -1);
+    var hasText = (parts.indexOf('text') !== -1);
+    var hasIdAsNameLabel = !hasName && hasLocation;
+
+    var text = [];
+
+    function formatter(val) {
+        return Axes.tickText(axis, axis.c2l(val), 'hover').text;
+    }
+
+    if(hasIdAsNameLabel) {
+        pointData.nameOverride = pt.loc;
+    } else {
+        if(hasName) pointData.nameOverride = trace.name;
+        if(hasLocation) text.push(pt.loc);
+    }
+
+    if(hasZ) text.push(formatter(pt.z));
+    if(hasText) {
+        fillHoverText(pt, trace, text);
+    }
+
+    pointData.extraText = text.join('<br>');
+}
+
+},{"../../plots/cartesian/axes":772,"../scatter/fill_hover_text":1038,"./attributes":912}],917:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Choropleth = {};
+
+Choropleth.attributes = require('./attributes');
+Choropleth.supplyDefaults = require('./defaults');
+Choropleth.colorbar = require('../heatmap/colorbar');
+Choropleth.calc = require('./calc');
+Choropleth.plot = require('./plot');
+Choropleth.hoverPoints = require('./hover');
+Choropleth.eventData = require('./event_data');
+Choropleth.selectPoints = require('./select');
+
+Choropleth.moduleType = 'trace';
+Choropleth.name = 'choropleth';
+Choropleth.basePlotModule = require('../../plots/geo');
+Choropleth.categories = ['geo', 'noOpacity'];
+Choropleth.meta = {
+    
+};
+
+module.exports = Choropleth;
+
+},{"../../plots/geo":800,"../heatmap/colorbar":951,"./attributes":912,"./calc":913,"./defaults":914,"./event_data":915,"./hover":916,"./plot":918,"./select":919}],918:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var Colorscale = require('../../components/colorscale');
+var polygon = require('../../lib/polygon');
+
+var getTopojsonFeatures = require('../../lib/topojson_utils').getTopojsonFeatures;
+var locationToFeature = require('../../lib/geo_location_utils').locationToFeature;
+
+module.exports = function plot(geo, calcData) {
+    for(var i = 0; i < calcData.length; i++) {
+        calcGeoJSON(calcData[i], geo.topojson);
+    }
+
+    function keyFunc(d) { return d[0].trace.uid; }
+
+    var gTraces = geo.layers.backplot.select('.choroplethlayer')
+        .selectAll('g.trace.choropleth')
+        .data(calcData, keyFunc);
+
+    gTraces.enter().append('g')
+        .attr('class', 'trace choropleth');
+
+    gTraces.exit().remove();
+
+    gTraces.each(function(calcTrace) {
+        var sel = calcTrace[0].node3 = d3.select(this);
+
+        var paths = sel.selectAll('path.choroplethlocation')
+            .data(Lib.identity);
+
+        paths.enter().append('path')
+            .classed('choroplethlocation', true);
+
+        paths.exit().remove();
+    });
+
+    style(geo);
+};
+
+function calcGeoJSON(calcTrace, topojson) {
+    var trace = calcTrace[0].trace;
+    var len = calcTrace.length;
+    var features = getTopojsonFeatures(trace, topojson);
+
+    for(var i = 0; i < len; i++) {
+        var calcPt = calcTrace[i];
+        var feature = locationToFeature(trace.locationmode, calcPt.loc, features);
+
+        if(!feature) {
+            calcPt.geojson = null;
+            continue;
+        }
+
+
+        calcPt.geojson = feature;
+        calcPt.ct = feature.properties.ct;
+        calcPt.index = i;
+        calcPt._polygons = feature2polygons(feature);
+    }
+}
+
+function feature2polygons(feature) {
+    var geometry = feature.geometry;
+    var coords = geometry.coordinates;
+    var loc = feature.id;
+
+    var polygons = [];
+    var appendPolygon, j, k, m;
+
+    function doesCrossAntiMerdian(pts) {
+        for(var l = 0; l < pts.length - 1; l++) {
+            if(pts[l][0] > 0 && pts[l + 1][0] < 0) return l;
+        }
+        return null;
+    }
+
+    if(loc === 'RUS' || loc === 'FJI') {
+        // Russia and Fiji have landmasses that cross the antimeridian,
+        // we need to add +360 to their longitude coordinates, so that
+        // polygon 'contains' doesn't get confused when crossing the antimeridian.
+        //
+        // Note that other countries have polygons on either side of the antimeridian
+        // (e.g. some Aleutian island for the USA), but those don't confuse
+        // the 'contains' method; these are skipped here.
+        appendPolygon = function(_pts) {
+            var pts;
+
+            if(doesCrossAntiMerdian(_pts) === null) {
+                pts = _pts;
+            } else {
+                pts = new Array(_pts.length);
+                for(m = 0; m < _pts.length; m++) {
+                    // do nut mutate calcdata[i][j].geojson !!
+                    pts[m] = [
+                        _pts[m][0] < 0 ? _pts[m][0] + 360 : _pts[m][0],
+                        _pts[m][1]
+                    ];
+                }
+            }
+
+            polygons.push(polygon.tester(pts));
+        };
+    } else if(loc === 'ATA') {
+        // Antarctica has a landmass that wraps around every longitudes which
+        // confuses the 'contains' methods.
+        appendPolygon = function(pts) {
+            var crossAntiMeridianIndex = doesCrossAntiMerdian(pts);
+
+            // polygon that do not cross anti-meridian need no special handling
+            if(crossAntiMeridianIndex === null) {
+                return polygons.push(polygon.tester(pts));
+            }
+
+            // stitch polygon by adding pt over South Pole,
+            // so that it covers the projected region covers all latitudes
+            //
+            // Note that the algorithm below only works for polygons that
+            // start and end on longitude -180 (like the ones built by
+            // https://github.com/etpinard/sane-topojson).
+            var stitch = new Array(pts.length + 1);
+            var si = 0;
+
+            for(m = 0; m < pts.length; m++) {
+                if(m > crossAntiMeridianIndex) {
+                    stitch[si++] = [pts[m][0] + 360, pts[m][1]];
+                } else if(m === crossAntiMeridianIndex) {
+                    stitch[si++] = pts[m];
+                    stitch[si++] = [pts[m][0], -90];
+                } else {
+                    stitch[si++] = pts[m];
+                }
+            }
+
+            // polygon.tester by default appends pt[0] to the points list,
+            // we must remove it here, to avoid a jump in longitude from 180 to -180,
+            // that would confuse the 'contains' method
+            var tester = polygon.tester(stitch);
+            tester.pts.pop();
+            polygons.push(tester);
+        };
+    } else {
+        // otherwise using same array ref is fine
+        appendPolygon = function(pts) {
+            polygons.push(polygon.tester(pts));
+        };
+    }
+
+    switch(geometry.type) {
+        case 'MultiPolygon':
+            for(j = 0; j < coords.length; j++) {
+                for(k = 0; k < coords[j].length; k++) {
+                    appendPolygon(coords[j][k]);
+                }
+            }
+            break;
+        case 'Polygon':
+            for(j = 0; j < coords.length; j++) {
+                appendPolygon(coords[j]);
+            }
+            break;
+    }
+
+    return polygons;
+}
+
+function style(geo) {
+    var gTraces = geo.layers.backplot.selectAll('.trace.choropleth');
+
+    gTraces.each(function(calcTrace) {
+        var trace = calcTrace[0].trace;
+        var marker = trace.marker || {};
+        var markerLine = marker.line || {};
+
+        var sclFunc = Colorscale.makeColorScaleFunc(
+            Colorscale.extractScale(
+                trace.colorscale,
+                trace.zmin,
+                trace.zmax
+            )
+        );
+
+        d3.select(this).selectAll('.choroplethlocation').each(function(d) {
+            d3.select(this)
+                .attr('fill', sclFunc(d.z))
+                .call(Color.stroke, d.mlc || markerLine.color)
+                .call(Drawing.dashLine, '', d.mlw || markerLine.width || 0);
+        });
+    });
+}
+
+},{"../../components/color":604,"../../components/colorscale":618,"../../components/drawing":628,"../../lib":728,"../../lib/geo_location_utils":720,"../../lib/polygon":739,"../../lib/topojson_utils":753,"d3":122}],919:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd;
+    var xa = searchInfo.xaxis;
+    var ya = searchInfo.yaxis;
+    var selection = [];
+    var node3 = cd[0].node3;
+
+    var i, di, ct, x, y;
+
+    if(polygon === false) {
+        for(i = 0; i < cd.length; i++) {
+            cd[i].dim = 0;
+        }
+    } else {
+        for(i = 0; i < cd.length; i++) {
+            di = cd[i];
+            ct = di.ct;
+
+            if(!ct) continue;
+
+            x = xa.c2p(ct);
+            y = ya.c2p(ct);
+
+            if(polygon.contains([x, y])) {
+                selection.push({
+                    pointNumber: i,
+                    lon: ct[0],
+                    lat: ct[1]
+                });
+                di.dim = 0;
+            } else {
+                di.dim = 1;
+            }
+        }
+    }
+
+    node3.selectAll('path').style('opacity', function(d) {
+        return d.dim ? DESELECTDIM : 1;
+    });
+
+    return selection;
+};
+
+},{"../../constants/interactions":706}],920:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var heatmapAttrs = require('../heatmap/attributes');
+var scatterAttrs = require('../scatter/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var dash = require('../../components/drawing/attributes').dash;
+var fontAttrs = require('../../plots/font_attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var scatterLineAttrs = scatterAttrs.line;
+
+module.exports = extendFlat({
+    z: heatmapAttrs.z,
+    x: heatmapAttrs.x,
+    x0: heatmapAttrs.x0,
+    dx: heatmapAttrs.dx,
+    y: heatmapAttrs.y,
+    y0: heatmapAttrs.y0,
+    dy: heatmapAttrs.dy,
+    text: heatmapAttrs.text,
+    transpose: heatmapAttrs.transpose,
+    xtype: heatmapAttrs.xtype,
+    ytype: heatmapAttrs.ytype,
+
+    connectgaps: heatmapAttrs.connectgaps,
+
+    autocontour: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        impliedEdits: {
+            'contours.start': undefined,
+            'contours.end': undefined,
+            'contours.size': undefined
+        },
+        
+    },
+    ncontours: {
+        valType: 'integer',
+        dflt: 15,
+        min: 1,
+        
+        editType: 'calc',
+        
+    },
+
+    contours: {
+        start: {
+            valType: 'number',
+            dflt: null,
+            
+            editType: 'plot',
+            impliedEdits: {'^autocontour': false},
+            
+        },
+        end: {
+            valType: 'number',
+            dflt: null,
+            
+            editType: 'plot',
+            impliedEdits: {'^autocontour': false},
+            
+        },
+        size: {
+            valType: 'number',
+            dflt: null,
+            min: 0,
+            
+            editType: 'plot',
+            impliedEdits: {'^autocontour': false},
+            
+        },
+        coloring: {
+            valType: 'enumerated',
+            values: ['fill', 'heatmap', 'lines', 'none'],
+            dflt: 'fill',
+            
+            editType: 'calc',
+            
+        },
+        showlines: {
+            valType: 'boolean',
+            dflt: true,
+            
+            editType: 'plot',
+            
+        },
+        showlabels: {
+            valType: 'boolean',
+            dflt: false,
+            
+            editType: 'plot',
+            
+        },
+        labelfont: fontAttrs({
+            editType: 'plot',
+            colorEditType: 'style',
+            
+        }),
+        labelformat: {
+            valType: 'string',
+            dflt: '',
+            
+            editType: 'plot',
+            
+        },
+        editType: 'calc',
+        impliedEdits: {'autocontour': false}
+    },
+
+    line: {
+        color: extendFlat({}, scatterLineAttrs.color, {
+            editType: 'style+colorbars',
+            
+        }),
+        width: extendFlat({}, scatterLineAttrs.width, {
+            editType: 'style+colorbars'
+        }),
+        dash: dash,
+        smoothing: extendFlat({}, scatterLineAttrs.smoothing, {
+            
+        }),
+        editType: 'plot'
+    }
+},
+    colorscaleAttrs, {
+        autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale, {dflt: false}),
+        zmin: extendFlat({}, colorscaleAttrs.zmin, {editType: 'calc'}),
+        zmax: extendFlat({}, colorscaleAttrs.zmax, {editType: 'calc'})
+    },
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../components/drawing/attributes":627,"../../lib/extend":717,"../../plots/font_attributes":796,"../heatmap/attributes":948,"../scatter/attributes":1031}],921:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var extendFlat = require('../../lib').extendFlat;
+var heatmapCalc = require('../heatmap/calc');
+
+
+// most is the same as heatmap calc, then adjust it
+// though a few things inside heatmap calc still look for
+// contour maps, because the makeBoundArray calls are too entangled
+module.exports = function calc(gd, trace) {
+    var cd = heatmapCalc(gd, trace),
+        contours = trace.contours;
+
+    // check if we need to auto-choose contour levels
+    if(trace.autocontour !== false) {
+        var dummyAx = autoContours(trace.zmin, trace.zmax, trace.ncontours);
+
+        contours.size = dummyAx.dtick;
+
+        contours.start = Axes.tickFirst(dummyAx);
+        dummyAx.range.reverse();
+        contours.end = Axes.tickFirst(dummyAx);
+
+        if(contours.start === trace.zmin) contours.start += contours.size;
+        if(contours.end === trace.zmax) contours.end -= contours.size;
+
+        // if you set a small ncontours, *and* the ends are exactly on zmin/zmax
+        // there's an edge case where start > end now. Make sure there's at least
+        // one meaningful contour, put it midway between the crossed values
+        if(contours.start > contours.end) {
+            contours.start = contours.end = (contours.start + contours.end) / 2;
+        }
+
+        // copy auto-contour info back to the source data.
+        // previously we copied the whole contours object back, but that had
+        // other info (coloring, showlines) that should be left to supplyDefaults
+        if(!trace._input.contours) trace._input.contours = {};
+        extendFlat(trace._input.contours, {
+            start: contours.start,
+            end: contours.end,
+            size: contours.size
+        });
+        trace._input.autocontour = true;
+    }
+    else {
+        // sanity checks on manually-supplied start/end/size
+        var start = contours.start,
+            end = contours.end,
+            inputContours = trace._input.contours;
+
+        if(start > end) {
+            contours.start = inputContours.start = end;
+            end = contours.end = inputContours.end = start;
+            start = contours.start;
+        }
+
+        if(!(contours.size > 0)) {
+            var sizeOut;
+            if(start === end) sizeOut = 1;
+            else sizeOut = autoContours(start, end, trace.ncontours).dtick;
+
+            inputContours.size = contours.size = sizeOut;
+        }
+    }
+
+    return cd;
+};
+
+/*
+ * autoContours: make a dummy axis object with dtick we can use
+ * as contours.size, and if needed we can use Axes.tickFirst
+ * with this axis object to calculate the start and end too
+ *
+ * start: the value to start the contours at
+ * end: the value to end at (must be > start)
+ * ncontours: max number of contours to make, like roughDTick
+ *
+ * returns: an axis object
+ */
+function autoContours(start, end, ncontours) {
+    var dummyAx = {
+        type: 'linear',
+        range: [start, end]
+    };
+
+    Axes.autoTicks(
+        dummyAx,
+        (end - start) / (ncontours || 15)
+    );
+
+    return dummyAx;
+}
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"../heatmap/calc":949}],922:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Plots = require('../../plots/plots');
+var drawColorbar = require('../../components/colorbar/draw');
+
+var makeColorMap = require('./make_color_map');
+var endPlus = require('./end_plus');
+
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        cbId = 'cb' + trace.uid;
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    if(!trace.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var cb = drawColorbar(gd, cbId);
+    cd[0].t.cb = cb;
+
+    var contours = trace.contours,
+        line = trace.line,
+        cs = contours.size || 1,
+        coloring = contours.coloring;
+
+    var colorMap = makeColorMap(trace, {isColorbar: true});
+
+    if(coloring === 'heatmap') {
+        cb.filllevels({
+            start: trace.zmin,
+            end: trace.zmax,
+            size: (trace.zmax - trace.zmin) / 254
+        });
+    }
+
+    cb.fillcolor((coloring === 'fill' || coloring === 'heatmap') ? colorMap : '')
+        .line({
+            color: coloring === 'lines' ? colorMap : line.color,
+            width: contours.showlines !== false ? line.width : 0,
+            dash: line.dash
+        })
+        .levels({
+            start: contours.start,
+            end: endPlus(contours),
+            size: cs
+        })
+        .options(trace.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../plots/plots":831,"./end_plus":926,"./make_color_map":930}],923:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+module.exports = {
+    // some constants to help with marching squares algorithm
+    // where does the path start for each index?
+    BOTTOMSTART: [1, 9, 13, 104, 713],
+    TOPSTART: [4, 6, 7, 104, 713],
+    LEFTSTART: [8, 12, 14, 208, 1114],
+    RIGHTSTART: [2, 3, 11, 208, 1114],
+
+    // which way [dx,dy] do we leave a given index?
+    // saddles are already disambiguated
+    NEWDELTA: [
+        null, [-1, 0], [0, -1], [-1, 0],
+        [1, 0], null, [0, -1], [-1, 0],
+        [0, 1], [0, 1], null, [0, 1],
+        [1, 0], [1, 0], [0, -1]
+    ],
+
+    // for each saddle, the first index here is used
+    // for dx||dy<0, the second for dx||dy>0
+    CHOOSESADDLE: {
+        104: [4, 1],
+        208: [2, 8],
+        713: [7, 13],
+        1114: [11, 14]
+    },
+
+    // after one index has been used for a saddle, which do we
+    // substitute to be used up later?
+    SADDLEREMAINDER: {1: 4, 2: 8, 4: 1, 7: 13, 8: 2, 11: 14, 13: 7, 14: 11},
+
+    // length of a contour, as a multiple of the plot area diagonal, per label
+    LABELDISTANCE: 2,
+
+    // number of contour levels after which we start increasing the number of
+    // labels we draw. Many contours means they will generally be close
+    // together, so it will be harder to follow a long way to find a label
+    LABELINCREASE: 10,
+
+    // minimum length of a contour line, as a multiple of the label length,
+    // at which we draw *any* labels
+    LABELMIN: 3,
+
+    // max number of labels to draw on a single contour path, no matter how long
+    LABELMAX: 10,
+
+    // constants for the label position cost function
+    LABELOPTIMIZER: {
+        // weight given to edge proximity
+        EDGECOST: 1,
+        // weight given to the angle off horizontal
+        ANGLECOST: 1,
+        // weight given to distance from already-placed labels
+        NEIGHBORCOST: 5,
+        // cost multiplier for labels on the same level
+        SAMELEVELFACTOR: 10,
+        // minimum distance (as a multiple of the label length)
+        // for labels on the same level
+        SAMELEVELDISTANCE: 5,
+        // maximum cost before we won't even place the label
+        MAXCOST: 100,
+        // number of evenly spaced points to look at in the first
+        // iteration of the search
+        INITIALSEARCHPOINTS: 10,
+        // number of binary search iterations after the initial wide search
+        ITERATIONS: 5
+    }
+};
+
+},{}],924:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+
+module.exports = function handleContourDefaults(traceIn, traceOut, coerce) {
+    var contourStart = Lib.coerce2(traceIn, traceOut, attributes, 'contours.start');
+    var contourEnd = Lib.coerce2(traceIn, traceOut, attributes, 'contours.end');
+    var missingEnd = (contourStart === false) || (contourEnd === false);
+
+    // normally we only need size if autocontour is off. But contour.calc
+    // pushes its calculated contour size back to the input trace, so for
+    // things like restyle that can call supplyDefaults without calc
+    // after the initial draw, we can just reuse the previous calculation
+    var contourSize = coerce('contours.size');
+    var autoContour;
+
+    if(missingEnd) autoContour = traceOut.autocontour = true;
+    else autoContour = coerce('autocontour', false);
+
+    if(autoContour || !contourSize) coerce('ncontours');
+};
+
+},{"../../lib":728,"./attributes":920}],925:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var hasColumns = require('../heatmap/has_columns');
+var handleXYZDefaults = require('../heatmap/xyz_defaults');
+var handleContoursDefaults = require('./contours_defaults');
+var handleStyleDefaults = require('./style_defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleXYZDefaults(traceIn, traceOut, coerce, layout);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('connectgaps', hasColumns(traceOut));
+
+    handleContoursDefaults(traceIn, traceOut, coerce);
+    handleStyleDefaults(traceIn, traceOut, coerce, layout);
+};
+
+},{"../../lib":728,"../heatmap/has_columns":955,"../heatmap/xyz_defaults":963,"./attributes":920,"./contours_defaults":924,"./style_defaults":934}],926:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/*
+ * tiny helper to move the end of the contours a little to prevent
+ * losing the last contour to rounding errors
+ */
+module.exports = function endPlus(contours) {
+    return contours.end + contours.size / 1e6;
+};
+
+},{}],927:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var constants = require('./constants');
+
+module.exports = function findAllPaths(pathinfo, xtol, ytol) {
+    var cnt,
+        startLoc,
+        i,
+        pi,
+        j;
+
+    // Default just passes these values through as they were before:
+    xtol = xtol || 0.01;
+    ytol = ytol || 0.01;
+
+    for(i = 0; i < pathinfo.length; i++) {
+        pi = pathinfo[i];
+
+        for(j = 0; j < pi.starts.length; j++) {
+            startLoc = pi.starts[j];
+            makePath(pi, startLoc, 'edge', xtol, ytol);
+        }
+
+        cnt = 0;
+        while(Object.keys(pi.crossings).length && cnt < 10000) {
+            cnt++;
+            startLoc = Object.keys(pi.crossings)[0].split(',').map(Number);
+            makePath(pi, startLoc, undefined, xtol, ytol);
+        }
+        if(cnt === 10000) Lib.log('Infinite loop in contour?');
+    }
+};
+
+function equalPts(pt1, pt2, xtol, ytol) {
+    return Math.abs(pt1[0] - pt2[0]) < xtol &&
+           Math.abs(pt1[1] - pt2[1]) < ytol;
+}
+
+// distance in index units - uses the 3rd and 4th items in points
+function ptDist(pt1, pt2) {
+    var dx = pt1[2] - pt2[2],
+        dy = pt1[3] - pt2[3];
+    return Math.sqrt(dx * dx + dy * dy);
+}
+
+function makePath(pi, loc, edgeflag, xtol, ytol) {
+    var startLocStr = loc.join(',');
+    var locStr = startLocStr;
+    var mi = pi.crossings[locStr];
+    var marchStep = startStep(mi, edgeflag, loc);
+    // start by going backward a half step and finding the crossing point
+    var pts = [getInterpPx(pi, loc, [-marchStep[0], -marchStep[1]])];
+    var startStepStr = marchStep.join(',');
+    var m = pi.z.length;
+    var n = pi.z[0].length;
+    var cnt;
+
+    // now follow the path
+    for(cnt = 0; cnt < 10000; cnt++) { // just to avoid infinite loops
+        if(mi > 20) {
+            mi = constants.CHOOSESADDLE[mi][(marchStep[0] || marchStep[1]) < 0 ? 0 : 1];
+            pi.crossings[locStr] = constants.SADDLEREMAINDER[mi];
+        }
+        else {
+            delete pi.crossings[locStr];
+        }
+
+        marchStep = constants.NEWDELTA[mi];
+        if(!marchStep) {
+            Lib.log('Found bad marching index:', mi, loc, pi.level);
+            break;
+        }
+
+        // find the crossing a half step forward, and then take the full step
+        pts.push(getInterpPx(pi, loc, marchStep));
+        loc[0] += marchStep[0];
+        loc[1] += marchStep[1];
+
+        // don't include the same point multiple times
+        if(equalPts(pts[pts.length - 1], pts[pts.length - 2], xtol, ytol)) pts.pop();
+        locStr = loc.join(',');
+
+        var atEdge = (marchStep[0] && (loc[0] < 0 || loc[0] > n - 2)) ||
+                (marchStep[1] && (loc[1] < 0 || loc[1] > m - 2)),
+            closedLoop = (locStr === startLocStr) && (marchStep.join(',') === startStepStr);
+
+        // have we completed a loop, or reached an edge?
+        if((closedLoop) || (edgeflag && atEdge)) break;
+
+        mi = pi.crossings[locStr];
+    }
+
+    if(cnt === 10000) {
+        Lib.log('Infinite loop in contour?');
+    }
+    var closedpath = equalPts(pts[0], pts[pts.length - 1], xtol, ytol);
+    var totaldist = 0;
+    var distThresholdFactor = 0.2 * pi.smoothing;
+    var alldists = [];
+    var cropstart = 0;
+    var distgroup, cnt2, cnt3, newpt, ptcnt, ptavg, thisdist,
+        i, j, edgepathi, edgepathj;
+
+    /*
+     * Check for points that are too close together (<1/5 the average dist
+     * *in grid index units* (important for log axes and nonuniform grids),
+     * less if less smoothed) and just take the center (or avg of center 2).
+     * This cuts down on funny behavior when a point is very close to a
+     * contour level.
+     */
+    for(cnt = 1; cnt < pts.length; cnt++) {
+        thisdist = ptDist(pts[cnt], pts[cnt - 1]);
+        totaldist += thisdist;
+        alldists.push(thisdist);
+    }
+
+    var distThreshold = totaldist / alldists.length * distThresholdFactor;
+
+    function getpt(i) { return pts[i % pts.length]; }
+
+    for(cnt = pts.length - 2; cnt >= cropstart; cnt--) {
+        distgroup = alldists[cnt];
+        if(distgroup < distThreshold) {
+            cnt3 = 0;
+            for(cnt2 = cnt - 1; cnt2 >= cropstart; cnt2--) {
+                if(distgroup + alldists[cnt2] < distThreshold) {
+                    distgroup += alldists[cnt2];
+                }
+                else break;
+            }
+
+            // closed path with close points wrapping around the boundary?
+            if(closedpath && cnt === pts.length - 2) {
+                for(cnt3 = 0; cnt3 < cnt2; cnt3++) {
+                    if(distgroup + alldists[cnt3] < distThreshold) {
+                        distgroup += alldists[cnt3];
+                    }
+                    else break;
+                }
+            }
+            ptcnt = cnt - cnt2 + cnt3 + 1;
+            ptavg = Math.floor((cnt + cnt2 + cnt3 + 2) / 2);
+
+            // either endpoint included: keep the endpoint
+            if(!closedpath && cnt === pts.length - 2) newpt = pts[pts.length - 1];
+            else if(!closedpath && cnt2 === -1) newpt = pts[0];
+
+            // odd # of points - just take the central one
+            else if(ptcnt % 2) newpt = getpt(ptavg);
+
+            // even # of pts - average central two
+            else {
+                newpt = [(getpt(ptavg)[0] + getpt(ptavg + 1)[0]) / 2,
+                    (getpt(ptavg)[1] + getpt(ptavg + 1)[1]) / 2];
+            }
+
+            pts.splice(cnt2 + 1, cnt - cnt2 + 1, newpt);
+            cnt = cnt2 + 1;
+            if(cnt3) cropstart = cnt3;
+            if(closedpath) {
+                if(cnt === pts.length - 2) pts[cnt3] = pts[pts.length - 1];
+                else if(cnt === 0) pts[pts.length - 1] = pts[0];
+            }
+        }
+    }
+    pts.splice(0, cropstart);
+
+    // done with the index parts - remove them so path generation works right
+    // because it depends on only having [xpx, ypx]
+    for(cnt = 0; cnt < pts.length; cnt++) pts[cnt].length = 2;
+
+    // don't return single-point paths (ie all points were the same
+    // so they got deleted?)
+    if(pts.length < 2) return;
+    else if(closedpath) {
+        pts.pop();
+        pi.paths.push(pts);
+    }
+    else {
+        if(!edgeflag) {
+            Lib.log('Unclosed interior contour?',
+                pi.level, startLocStr, pts.join('L'));
+        }
+
+        // edge path - does it start where an existing edge path ends, or vice versa?
+        var merged = false;
+        for(i = 0; i < pi.edgepaths.length; i++) {
+            edgepathi = pi.edgepaths[i];
+            if(!merged && equalPts(edgepathi[0], pts[pts.length - 1], xtol, ytol)) {
+                pts.pop();
+                merged = true;
+
+                // now does it ALSO meet the end of another (or the same) path?
+                var doublemerged = false;
+                for(j = 0; j < pi.edgepaths.length; j++) {
+                    edgepathj = pi.edgepaths[j];
+                    if(equalPts(edgepathj[edgepathj.length - 1], pts[0], xtol, ytol)) {
+                        doublemerged = true;
+                        pts.shift();
+                        pi.edgepaths.splice(i, 1);
+                        if(j === i) {
+                            // the path is now closed
+                            pi.paths.push(pts.concat(edgepathj));
+                        }
+                        else {
+                            if(j > i) j--;
+                            pi.edgepaths[j] = edgepathj.concat(pts, edgepathi);
+                        }
+                        break;
+                    }
+                }
+                if(!doublemerged) {
+                    pi.edgepaths[i] = pts.concat(edgepathi);
+                }
+            }
+        }
+        for(i = 0; i < pi.edgepaths.length; i++) {
+            if(merged) break;
+            edgepathi = pi.edgepaths[i];
+            if(equalPts(edgepathi[edgepathi.length - 1], pts[0], xtol, ytol)) {
+                pts.shift();
+                pi.edgepaths[i] = edgepathi.concat(pts);
+                merged = true;
+            }
+        }
+
+        if(!merged) pi.edgepaths.push(pts);
+    }
+}
+
+// special function to get the marching step of the
+// first point in the path (leading to loc)
+function startStep(mi, edgeflag, loc) {
+    var dx = 0,
+        dy = 0;
+    if(mi > 20 && edgeflag) {
+        // these saddles start at +/- x
+        if(mi === 208 || mi === 1114) {
+            // if we're starting at the left side, we must be going right
+            dx = loc[0] === 0 ? 1 : -1;
+        }
+        else {
+            // if we're starting at the bottom, we must be going up
+            dy = loc[1] === 0 ? 1 : -1;
+        }
+    }
+    else if(constants.BOTTOMSTART.indexOf(mi) !== -1) dy = 1;
+    else if(constants.LEFTSTART.indexOf(mi) !== -1) dx = 1;
+    else if(constants.TOPSTART.indexOf(mi) !== -1) dy = -1;
+    else dx = -1;
+    return [dx, dy];
+}
+
+/*
+ * Find the pixel coordinates of a particular crossing
+ *
+ * @param {object} pi: the pathinfo object at this level
+ * @param {array} loc: the grid index [x, y] of the crossing
+ * @param {array} step: the direction [dx, dy] we're moving on the grid
+ *
+ * @return {array} [xpx, ypx, xi, yi]: the first two are the pixel location,
+ *   the next two are the interpolated grid indices, which we use for
+ *   distance calculations to delete points that are too close together.
+ *   This is important when the grid is nonuniform (and most dramatically when
+ *   we're on log axes and include invalid (0 or negative) values.
+ *   It's crucial to delete these extra two before turning an array of these
+ *   points into a path, because those routines require length-2 points.
+ */
+function getInterpPx(pi, loc, step) {
+    var locx = loc[0] + Math.max(step[0], 0),
+        locy = loc[1] + Math.max(step[1], 0),
+        zxy = pi.z[locy][locx],
+        xa = pi.xaxis,
+        ya = pi.yaxis;
+
+    if(step[1]) {
+        var dx = (pi.level - zxy) / (pi.z[locy][locx + 1] - zxy);
+
+        return [xa.c2p((1 - dx) * pi.x[locx] + dx * pi.x[locx + 1], true),
+            ya.c2p(pi.y[locy], true),
+            locx + dx, locy];
+    }
+    else {
+        var dy = (pi.level - zxy) / (pi.z[locy + 1][locx] - zxy);
+        return [xa.c2p(pi.x[locx], true),
+            ya.c2p((1 - dy) * pi.y[locy] + dy * pi.y[locy + 1], true),
+            locx, locy + dy];
+    }
+}
+
+},{"../../lib":728,"./constants":923}],928:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var heatmapHoverPoints = require('../heatmap/hover');
+
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    return heatmapHoverPoints(pointData, xval, yval, hovermode, true);
+};
+
+},{"../heatmap/hover":956}],929:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Contour = {};
+
+Contour.attributes = require('./attributes');
+Contour.supplyDefaults = require('./defaults');
+Contour.calc = require('./calc');
+Contour.plot = require('./plot').plot;
+Contour.style = require('./style');
+Contour.colorbar = require('./colorbar');
+Contour.hoverPoints = require('./hover');
+
+Contour.moduleType = 'trace';
+Contour.name = 'contour';
+Contour.basePlotModule = require('../../plots/cartesian');
+Contour.categories = ['cartesian', '2dMap', 'contour'];
+Contour.meta = {
+    
+};
+
+module.exports = Contour;
+
+},{"../../plots/cartesian":782,"./attributes":920,"./calc":921,"./colorbar":922,"./defaults":925,"./hover":928,"./plot":932,"./style":933}],930:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+var Colorscale = require('../../components/colorscale');
+var endPlus = require('./end_plus');
+
+module.exports = function makeColorMap(trace) {
+    var contours = trace.contours,
+        start = contours.start,
+        end = endPlus(contours),
+        cs = contours.size || 1,
+        nc = Math.floor((end - start) / cs) + 1,
+        extra = contours.coloring === 'lines' ? 0 : 1;
+
+    if(!isFinite(cs)) {
+        cs = 1;
+        nc = 1;
+    }
+
+    var scl = trace.colorscale,
+        len = scl.length;
+
+    var domain = new Array(len),
+        range = new Array(len);
+
+    var si, i;
+
+    if(contours.coloring === 'heatmap') {
+        if(trace.zauto && trace.autocontour === false) {
+            trace.zmin = start - cs / 2;
+            trace.zmax = trace.zmin + nc * cs;
+        }
+
+        for(i = 0; i < len; i++) {
+            si = scl[i];
+
+            domain[i] = si[0] * (trace.zmax - trace.zmin) + trace.zmin;
+            range[i] = si[1];
+        }
+
+        // do the contours extend beyond the colorscale?
+        // if so, extend the colorscale with constants
+        var zRange = d3.extent([trace.zmin, trace.zmax, contours.start,
+                contours.start + cs * (nc - 1)]),
+            zmin = zRange[trace.zmin < trace.zmax ? 0 : 1],
+            zmax = zRange[trace.zmin < trace.zmax ? 1 : 0];
+
+        if(zmin !== trace.zmin) {
+            domain.splice(0, 0, zmin);
+            range.splice(0, 0, Range[0]);
+        }
+
+        if(zmax !== trace.zmax) {
+            domain.push(zmax);
+            range.push(range[range.length - 1]);
+        }
+    }
+    else {
+        for(i = 0; i < len; i++) {
+            si = scl[i];
+
+            domain[i] = (si[0] * (nc + extra - 1) - (extra / 2)) * cs + start;
+            range[i] = si[1];
+        }
+    }
+
+    return Colorscale.makeColorScaleFunc({
+        domain: domain,
+        range: range,
+    }, {
+        noNumericCheck: true
+    });
+};
+
+},{"../../components/colorscale":618,"./end_plus":926,"d3":122}],931:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var constants = require('./constants');
+
+// Calculate all the marching indices, for ALL levels at once.
+// since we want to be exhaustive we'll check for contour crossings
+// at every intersection, rather than just following a path
+// TODO: shorten the inner loop to only the relevant levels
+module.exports = function makeCrossings(pathinfo) {
+    var z = pathinfo[0].z,
+        m = z.length,
+        n = z[0].length, // we already made sure z isn't ragged in interp2d
+        twoWide = m === 2 || n === 2,
+        xi,
+        yi,
+        startIndices,
+        ystartIndices,
+        label,
+        corners,
+        mi,
+        pi,
+        i;
+
+    for(yi = 0; yi < m - 1; yi++) {
+        ystartIndices = [];
+        if(yi === 0) ystartIndices = ystartIndices.concat(constants.BOTTOMSTART);
+        if(yi === m - 2) ystartIndices = ystartIndices.concat(constants.TOPSTART);
+
+        for(xi = 0; xi < n - 1; xi++) {
+            startIndices = ystartIndices.slice();
+            if(xi === 0) startIndices = startIndices.concat(constants.LEFTSTART);
+            if(xi === n - 2) startIndices = startIndices.concat(constants.RIGHTSTART);
+
+            label = xi + ',' + yi;
+            corners = [[z[yi][xi], z[yi][xi + 1]],
+                       [z[yi + 1][xi], z[yi + 1][xi + 1]]];
+            for(i = 0; i < pathinfo.length; i++) {
+                pi = pathinfo[i];
+                mi = getMarchingIndex(pi.level, corners);
+                if(!mi) continue;
+
+                pi.crossings[label] = mi;
+                if(startIndices.indexOf(mi) !== -1) {
+                    pi.starts.push([xi, yi]);
+                    if(twoWide && startIndices.indexOf(mi,
+                            startIndices.indexOf(mi) + 1) !== -1) {
+                        // the same square has starts from opposite sides
+                        // it's not possible to have starts on opposite edges
+                        // of a corner, only a start and an end...
+                        // but if the array is only two points wide (either way)
+                        // you can have starts on opposite sides.
+                        pi.starts.push([xi, yi]);
+                    }
+                }
+            }
+        }
+    }
+};
+
+// modified marching squares algorithm,
+// so we disambiguate the saddle points from the start
+// and we ignore the cases with no crossings
+// the index I'm using is based on:
+// http://en.wikipedia.org/wiki/Marching_squares
+// except that the saddles bifurcate and I represent them
+// as the decimal combination of the two appropriate
+// non-saddle indices
+function getMarchingIndex(val, corners) {
+    var mi = (corners[0][0] > val ? 0 : 1) +
+             (corners[0][1] > val ? 0 : 2) +
+             (corners[1][1] > val ? 0 : 4) +
+             (corners[1][0] > val ? 0 : 8);
+    if(mi === 5 || mi === 10) {
+        var avg = (corners[0][0] + corners[0][1] +
+                   corners[1][0] + corners[1][1]) / 4;
+        // two peaks with a big valley
+        if(val > avg) return (mi === 5) ? 713 : 1114;
+        // two valleys with a big ridge
+        return (mi === 5) ? 104 : 208;
+    }
+    return (mi === 15) ? 0 : mi;
+}
+
+},{"./constants":923}],932:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../../lib');
+var Drawing = require('../../components/drawing');
+var svgTextUtils = require('../../lib/svg_text_utils');
+var Axes = require('../../plots/cartesian/axes');
+var setConvert = require('../../plots/cartesian/set_convert');
+
+var heatmapPlot = require('../heatmap/plot');
+var makeCrossings = require('./make_crossings');
+var findAllPaths = require('./find_all_paths');
+var endPlus = require('./end_plus');
+var constants = require('./constants');
+var costConstants = constants.LABELOPTIMIZER;
+
+
+exports.plot = function plot(gd, plotinfo, cdcontours) {
+    for(var i = 0; i < cdcontours.length; i++) {
+        plotOne(gd, plotinfo, cdcontours[i]);
+    }
+};
+
+function plotOne(gd, plotinfo, cd) {
+    var trace = cd[0].trace,
+        x = cd[0].x,
+        y = cd[0].y,
+        contours = trace.contours,
+        uid = trace.uid,
+        xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        fullLayout = gd._fullLayout,
+        id = 'contour' + uid,
+        pathinfo = emptyPathinfo(contours, plotinfo, cd[0]);
+
+    if(trace.visible !== true) {
+        fullLayout._paper.selectAll('.' + id + ',.hm' + uid).remove();
+        fullLayout._infolayer.selectAll('.cb' + uid).remove();
+        return;
+    }
+
+    // use a heatmap to fill - draw it behind the lines
+    if(contours.coloring === 'heatmap') {
+        if(trace.zauto && (trace.autocontour === false)) {
+            trace._input.zmin = trace.zmin =
+                contours.start - contours.size / 2;
+            trace._input.zmax = trace.zmax =
+                trace.zmin + pathinfo.length * contours.size;
+        }
+
+        heatmapPlot(gd, plotinfo, [cd]);
+    }
+    // in case this used to be a heatmap (or have heatmap fill)
+    else {
+        fullLayout._paper.selectAll('.hm' + uid).remove();
+        fullLayout._infolayer.selectAll('g.rangeslider-container')
+            .selectAll('.hm' + uid).remove();
+    }
+
+    makeCrossings(pathinfo);
+    findAllPaths(pathinfo);
+
+    var leftedge = xa.c2p(x[0], true),
+        rightedge = xa.c2p(x[x.length - 1], true),
+        bottomedge = ya.c2p(y[0], true),
+        topedge = ya.c2p(y[y.length - 1], true),
+        perimeter = [
+            [leftedge, topedge],
+            [rightedge, topedge],
+            [rightedge, bottomedge],
+            [leftedge, bottomedge]
+        ];
+
+    // draw everything
+    var plotGroup = exports.makeContourGroup(plotinfo, cd, id);
+    makeBackground(plotGroup, perimeter, contours);
+    makeFills(plotGroup, pathinfo, perimeter, contours);
+    makeLinesAndLabels(plotGroup, pathinfo, gd, cd[0], contours, perimeter);
+    clipGaps(plotGroup, plotinfo, fullLayout._clips, cd[0], perimeter);
+}
+
+function emptyPathinfo(contours, plotinfo, cd0) {
+    var cs = contours.size,
+        pathinfo = [],
+        end = endPlus(contours);
+
+    for(var ci = contours.start; ci < end; ci += cs) {
+        pathinfo.push({
+            level: ci,
+            // all the cells with nontrivial marching index
+            crossings: {},
+            // starting points on the edges of the lattice for each contour
+            starts: [],
+            // all unclosed paths (may have less items than starts,
+            // if a path is closed by rounding)
+            edgepaths: [],
+            // all closed paths
+            paths: [],
+            // store axes so we can convert to px
+            xaxis: plotinfo.xaxis,
+            yaxis: plotinfo.yaxis,
+            // full data arrays to use for interpolation
+            x: cd0.x,
+            y: cd0.y,
+            z: cd0.z,
+            smoothing: cd0.trace.line.smoothing
+        });
+
+        if(pathinfo.length > 1000) {
+            Lib.warn('Too many contours, clipping at 1000', contours);
+            break;
+        }
+    }
+    return pathinfo;
+}
+exports.makeContourGroup = function(plotinfo, cd, id) {
+    var plotgroup = plotinfo.plot.select('.maplayer')
+        .selectAll('g.contour.' + id)
+        .data(cd);
+
+    plotgroup.enter().append('g')
+        .classed('contour', true)
+        .classed(id, true);
+
+    plotgroup.exit().remove();
+
+    return plotgroup;
+};
+
+function makeBackground(plotgroup, perimeter, contours) {
+    var bggroup = plotgroup.selectAll('g.contourbg').data([0]);
+    bggroup.enter().append('g').classed('contourbg', true);
+
+    var bgfill = bggroup.selectAll('path')
+        .data(contours.coloring === 'fill' ? [0] : []);
+    bgfill.enter().append('path');
+    bgfill.exit().remove();
+    bgfill
+        .attr('d', 'M' + perimeter.join('L') + 'Z')
+        .style('stroke', 'none');
+}
+
+function makeFills(plotgroup, pathinfo, perimeter, contours) {
+    var fillgroup = plotgroup.selectAll('g.contourfill')
+        .data([0]);
+    fillgroup.enter().append('g')
+        .classed('contourfill', true);
+
+    var fillitems = fillgroup.selectAll('path')
+        .data(contours.coloring === 'fill' ? pathinfo : []);
+    fillitems.enter().append('path');
+    fillitems.exit().remove();
+    fillitems.each(function(pi) {
+        // join all paths for this level together into a single path
+        // first follow clockwise around the perimeter to close any open paths
+        // if the whole perimeter is above this level, start with a path
+        // enclosing the whole thing. With all that, the parity should mean
+        // that we always fill everything above the contour, nothing below
+        var fullpath = joinAllPaths(pi, perimeter);
+
+        if(!fullpath) d3.select(this).remove();
+        else d3.select(this).attr('d', fullpath).style('stroke', 'none');
+    });
+}
+
+function joinAllPaths(pi, perimeter) {
+    var edgeVal2 = Math.min(pi.z[0][0], pi.z[0][1]),
+        fullpath = (pi.edgepaths.length || edgeVal2 <= pi.level) ?
+            '' : ('M' + perimeter.join('L') + 'Z'),
+        i = 0,
+        startsleft = pi.edgepaths.map(function(v, i) { return i; }),
+        newloop = true,
+        endpt,
+        newendpt,
+        cnt,
+        nexti,
+        possiblei,
+        addpath;
+
+    function istop(pt) { return Math.abs(pt[1] - perimeter[0][1]) < 0.01; }
+    function isbottom(pt) { return Math.abs(pt[1] - perimeter[2][1]) < 0.01; }
+    function isleft(pt) { return Math.abs(pt[0] - perimeter[0][0]) < 0.01; }
+    function isright(pt) { return Math.abs(pt[0] - perimeter[2][0]) < 0.01; }
+
+    while(startsleft.length) {
+        addpath = Drawing.smoothopen(pi.edgepaths[i], pi.smoothing);
+        fullpath += newloop ? addpath : addpath.replace(/^M/, 'L');
+        startsleft.splice(startsleft.indexOf(i), 1);
+        endpt = pi.edgepaths[i][pi.edgepaths[i].length - 1];
+        nexti = -1;
+
+        // now loop through sides, moving our endpoint until we find a new start
+        for(cnt = 0; cnt < 4; cnt++) { // just to prevent infinite loops
+            if(!endpt) {
+                Lib.log('Missing end?', i, pi);
+                break;
+            }
+
+            if(istop(endpt) && !isright(endpt)) newendpt = perimeter[1]; // right top
+            else if(isleft(endpt)) newendpt = perimeter[0]; // left top
+            else if(isbottom(endpt)) newendpt = perimeter[3]; // right bottom
+            else if(isright(endpt)) newendpt = perimeter[2]; // left bottom
+
+            for(possiblei = 0; possiblei < pi.edgepaths.length; possiblei++) {
+                var ptNew = pi.edgepaths[possiblei][0];
+                // is ptNew on the (horz. or vert.) segment from endpt to newendpt?
+                if(Math.abs(endpt[0] - newendpt[0]) < 0.01) {
+                    if(Math.abs(endpt[0] - ptNew[0]) < 0.01 &&
+                            (ptNew[1] - endpt[1]) * (newendpt[1] - ptNew[1]) >= 0) {
+                        newendpt = ptNew;
+                        nexti = possiblei;
+                    }
+                }
+                else if(Math.abs(endpt[1] - newendpt[1]) < 0.01) {
+                    if(Math.abs(endpt[1] - ptNew[1]) < 0.01 &&
+                            (ptNew[0] - endpt[0]) * (newendpt[0] - ptNew[0]) >= 0) {
+                        newendpt = ptNew;
+                        nexti = possiblei;
+                    }
+                }
+                else {
+                    Lib.log('endpt to newendpt is not vert. or horz.',
+                        endpt, newendpt, ptNew);
+                }
+            }
+
+            endpt = newendpt;
+
+            if(nexti >= 0) break;
+            fullpath += 'L' + newendpt;
+        }
+
+        if(nexti === pi.edgepaths.length) {
+            Lib.log('unclosed perimeter path');
+            break;
+        }
+
+        i = nexti;
+
+        // if we closed back on a loop we already included,
+        // close it and start a new loop
+        newloop = (startsleft.indexOf(i) === -1);
+        if(newloop) {
+            i = startsleft[0];
+            fullpath += 'Z';
+        }
+    }
+
+    // finally add the interior paths
+    for(i = 0; i < pi.paths.length; i++) {
+        fullpath += Drawing.smoothclosed(pi.paths[i], pi.smoothing);
+    }
+
+    return fullpath;
+}
+
+function makeLinesAndLabels(plotgroup, pathinfo, gd, cd0, contours, perimeter) {
+    var lineContainer = plotgroup.selectAll('g.contourlines').data([0]);
+
+    lineContainer.enter().append('g')
+        .classed('contourlines', true);
+
+    var showLines = contours.showlines !== false;
+    var showLabels = contours.showlabels;
+    var clipLinesForLabels = showLines && showLabels;
+
+    // Even if we're not going to show lines, we need to create them
+    // if we're showing labels, because the fill paths include the perimeter
+    // so can't be used to position the labels correctly.
+    // In this case we'll remove the lines after making the labels.
+    var linegroup = exports.createLines(lineContainer, showLines || showLabels, pathinfo);
+
+    var lineClip = exports.createLineClip(lineContainer, clipLinesForLabels,
+        gd._fullLayout._clips, cd0.trace.uid);
+
+    var labelGroup = plotgroup.selectAll('g.contourlabels')
+        .data(showLabels ? [0] : []);
+
+    labelGroup.exit().remove();
+
+    labelGroup.enter().append('g')
+        .classed('contourlabels', true);
+
+    if(showLabels) {
+        var labelClipPathData = [perimeter];
+
+        var labelData = [];
+
+        // invalidate the getTextLocation cache in case paths changed
+        Lib.clearLocationCache();
+
+        var contourFormat = exports.labelFormatter(contours, cd0.t.cb, gd._fullLayout);
+
+        var dummyText = Drawing.tester.append('text')
+            .attr('data-notex', 1)
+            .call(Drawing.font, contours.labelfont);
+
+        var xLen = pathinfo[0].xaxis._length;
+        var yLen = pathinfo[0].yaxis._length;
+
+        // visible bounds of the contour trace (and the midpoints, to
+        // help with cost calculations)
+        var bounds = {
+            left: Math.max(perimeter[0][0], 0),
+            right: Math.min(perimeter[2][0], xLen),
+            top: Math.max(perimeter[0][1], 0),
+            bottom: Math.min(perimeter[2][1], yLen)
+        };
+        bounds.middle = (bounds.top + bounds.bottom) / 2;
+        bounds.center = (bounds.left + bounds.right) / 2;
+
+        var plotDiagonal = Math.sqrt(xLen * xLen + yLen * yLen);
+
+        // the path length to use to scale the number of labels to draw:
+        var normLength = constants.LABELDISTANCE * plotDiagonal /
+            Math.max(1, pathinfo.length / constants.LABELINCREASE);
+
+        linegroup.each(function(d) {
+            var textOpts = exports.calcTextOpts(d.level, contourFormat, dummyText, gd);
+
+            d3.select(this).selectAll('path').each(function() {
+                var path = this;
+                var pathBounds = Lib.getVisibleSegment(path, bounds, textOpts.height / 2);
+                if(!pathBounds) return;
+
+                if(pathBounds.len < (textOpts.width + textOpts.height) * constants.LABELMIN) return;
+
+                var maxLabels = Math.min(Math.ceil(pathBounds.len / normLength),
+                    constants.LABELMAX);
+
+                for(var i = 0; i < maxLabels; i++) {
+                    var loc = exports.findBestTextLocation(path, pathBounds, textOpts,
+                        labelData, bounds);
+
+                    if(!loc) break;
+
+                    exports.addLabelData(loc, textOpts, labelData, labelClipPathData);
+                }
+            });
+        });
+
+        dummyText.remove();
+
+        exports.drawLabels(labelGroup, labelData, gd, lineClip,
+            clipLinesForLabels ? labelClipPathData : null);
+    }
+
+    if(showLabels && !showLines) linegroup.remove();
+}
+
+exports.createLines = function(lineContainer, makeLines, pathinfo) {
+    var smoothing = pathinfo[0].smoothing;
+
+    var linegroup = lineContainer.selectAll('g.contourlevel')
+        .data(makeLines ? pathinfo : []);
+
+    linegroup.exit().remove();
+    linegroup.enter().append('g')
+        .classed('contourlevel', true);
+
+    if(makeLines) {
+        // pedgepaths / ppaths are used by contourcarpet, for the paths transformed from a/b to x/y
+        // edgepaths / paths are used by contour since it's in x/y from the start
+        var opencontourlines = linegroup.selectAll('path.openline')
+            .data(function(d) { return d.pedgepaths || d.edgepaths; });
+
+        opencontourlines.exit().remove();
+        opencontourlines.enter().append('path')
+            .classed('openline', true);
+
+        opencontourlines
+            .attr('d', function(d) {
+                return Drawing.smoothopen(d, smoothing);
+            })
+            .style('stroke-miterlimit', 1)
+            .style('vector-effect', 'non-scaling-stroke');
+
+        var closedcontourlines = linegroup.selectAll('path.closedline')
+            .data(function(d) { return d.ppaths || d.paths; });
+
+        closedcontourlines.exit().remove();
+        closedcontourlines.enter().append('path')
+            .classed('closedline', true);
+
+        closedcontourlines
+            .attr('d', function(d) {
+                return Drawing.smoothclosed(d, smoothing);
+            })
+            .style('stroke-miterlimit', 1)
+            .style('vector-effect', 'non-scaling-stroke');
+    }
+
+    return linegroup;
+};
+
+exports.createLineClip = function(lineContainer, clipLinesForLabels, clips, uid) {
+    var clipId = clipLinesForLabels ? ('clipline' + uid) : null;
+
+    var lineClip = clips.selectAll('#' + clipId)
+        .data(clipLinesForLabels ? [0] : []);
+    lineClip.exit().remove();
+
+    lineClip.enter().append('clipPath')
+        .classed('contourlineclip', true)
+        .attr('id', clipId);
+
+    Drawing.setClipUrl(lineContainer, clipId);
+
+    return lineClip;
+};
+
+exports.labelFormatter = function(contours, colorbar, fullLayout) {
+    if(contours.labelformat) {
+        return d3.format(contours.labelformat);
+    }
+    else {
+        var formatAxis;
+        if(colorbar) {
+            formatAxis = colorbar.axis;
+        }
+        else {
+            formatAxis = {
+                type: 'linear',
+                _separators: '.,',
+                _id: 'ycontour',
+                nticks: (contours.end - contours.start) / contours.size,
+                showexponent: 'all',
+                range: [contours.start, contours.end]
+            };
+            setConvert(formatAxis, fullLayout);
+            Axes.calcTicks(formatAxis);
+            formatAxis._tmin = null;
+            formatAxis._tmax = null;
+        }
+        return function(v) {
+            return Axes.tickText(formatAxis, v).text;
+        };
+    }
+};
+
+exports.calcTextOpts = function(level, contourFormat, dummyText, gd) {
+    var text = contourFormat(level);
+    dummyText.text(text)
+        .call(svgTextUtils.convertToTspans, gd);
+    var bBox = Drawing.bBox(dummyText.node(), true);
+
+    return {
+        text: text,
+        width: bBox.width,
+        height: bBox.height,
+        level: level,
+        dy: (bBox.top + bBox.bottom) / 2
+    };
+};
+
+exports.findBestTextLocation = function(path, pathBounds, textOpts, labelData, plotBounds) {
+    var textWidth = textOpts.width;
+
+    var p0, dp, pMax, pMin, loc;
+    if(pathBounds.isClosed) {
+        dp = pathBounds.len / costConstants.INITIALSEARCHPOINTS;
+        p0 = pathBounds.min + dp / 2;
+        pMax = pathBounds.max;
+    }
+    else {
+        dp = (pathBounds.len - textWidth) / (costConstants.INITIALSEARCHPOINTS + 1);
+        p0 = pathBounds.min + dp + textWidth / 2;
+        pMax = pathBounds.max - (dp + textWidth) / 2;
+    }
+
+    var cost = Infinity;
+    for(var j = 0; j < costConstants.ITERATIONS; j++) {
+        for(var p = p0; p < pMax; p += dp) {
+            var newLocation = Lib.getTextLocation(path, pathBounds.total, p, textWidth);
+            var newCost = locationCost(newLocation, textOpts, labelData, plotBounds);
+            if(newCost < cost) {
+                cost = newCost;
+                loc = newLocation;
+                pMin = p;
+            }
+        }
+        if(cost > costConstants.MAXCOST * 2) break;
+
+        // subsequent iterations just look half steps away from the
+        // best we found in the previous iteration
+        if(j) dp /= 2;
+        p0 = pMin - dp / 2;
+        pMax = p0 + dp * 1.5;
+    }
+    if(cost <= costConstants.MAXCOST) return loc;
+};
+
+/*
+ * locationCost: a cost function for label locations
+ * composed of three kinds of penalty:
+ * - for open paths, being close to the end of the path
+ * - the angle away from horizontal
+ * - being too close to already placed neighbors
+ */
+function locationCost(loc, textOpts, labelData, bounds) {
+    var halfWidth = textOpts.width / 2;
+    var halfHeight = textOpts.height / 2;
+    var x = loc.x;
+    var y = loc.y;
+    var theta = loc.theta;
+    var dx = Math.cos(theta) * halfWidth;
+    var dy = Math.sin(theta) * halfWidth;
+
+    // cost for being near an edge
+    var normX = ((x > bounds.center) ? (bounds.right - x) : (x - bounds.left)) /
+        (dx + Math.abs(Math.sin(theta) * halfHeight));
+    var normY = ((y > bounds.middle) ? (bounds.bottom - y) : (y - bounds.top)) /
+        (Math.abs(dy) + Math.cos(theta) * halfHeight);
+    if(normX < 1 || normY < 1) return Infinity;
+    var cost = costConstants.EDGECOST * (1 / (normX - 1) + 1 / (normY - 1));
+
+    // cost for not being horizontal
+    cost += costConstants.ANGLECOST * theta * theta;
+
+    // cost for being close to other labels
+    var x1 = x - dx;
+    var y1 = y - dy;
+    var x2 = x + dx;
+    var y2 = y + dy;
+    for(var i = 0; i < labelData.length; i++) {
+        var labeli = labelData[i];
+        var dxd = Math.cos(labeli.theta) * labeli.width / 2;
+        var dyd = Math.sin(labeli.theta) * labeli.width / 2;
+        var dist = Lib.segmentDistance(
+            x1, y1,
+            x2, y2,
+            labeli.x - dxd, labeli.y - dyd,
+            labeli.x + dxd, labeli.y + dyd
+        ) * 2 / (textOpts.height + labeli.height);
+
+        var sameLevel = labeli.level === textOpts.level;
+        var distOffset = sameLevel ? costConstants.SAMELEVELDISTANCE : 1;
+
+        if(dist <= distOffset) return Infinity;
+
+        var distFactor = costConstants.NEIGHBORCOST *
+            (sameLevel ? costConstants.SAMELEVELFACTOR : 1);
+
+        cost += distFactor / (dist - distOffset);
+    }
+
+    return cost;
+}
+
+exports.addLabelData = function(loc, textOpts, labelData, labelClipPathData) {
+    var halfWidth = textOpts.width / 2;
+    var halfHeight = textOpts.height / 2;
+
+    var x = loc.x;
+    var y = loc.y;
+    var theta = loc.theta;
+
+    var sin = Math.sin(theta);
+    var cos = Math.cos(theta);
+    var dxw = halfWidth * cos;
+    var dxh = halfHeight * sin;
+    var dyw = halfWidth * sin;
+    var dyh = -halfHeight * cos;
+    var bBoxPts = [
+        [x - dxw - dxh, y - dyw - dyh],
+        [x + dxw - dxh, y + dyw - dyh],
+        [x + dxw + dxh, y + dyw + dyh],
+        [x - dxw + dxh, y - dyw + dyh],
+    ];
+
+    labelData.push({
+        text: textOpts.text,
+        x: x,
+        y: y,
+        dy: textOpts.dy,
+        theta: theta,
+        level: textOpts.level,
+        width: textOpts.width,
+        height: textOpts.height
+    });
+
+    labelClipPathData.push(bBoxPts);
+};
+
+exports.drawLabels = function(labelGroup, labelData, gd, lineClip, labelClipPathData) {
+    var labels = labelGroup.selectAll('text')
+        .data(labelData, function(d) {
+            return d.text + ',' + d.x + ',' + d.y + ',' + d.theta;
+        });
+
+    labels.exit().remove();
+
+    labels.enter().append('text')
+        .attr({
+            'data-notex': 1,
+            'text-anchor': 'middle'
+        })
+        .each(function(d) {
+            var x = d.x + Math.sin(d.theta) * d.dy;
+            var y = d.y - Math.cos(d.theta) * d.dy;
+            d3.select(this)
+                .text(d.text)
+                .attr({
+                    x: x,
+                    y: y,
+                    transform: 'rotate(' + (180 * d.theta / Math.PI) + ' ' + x + ' ' + y + ')'
+                })
+                .call(svgTextUtils.convertToTspans, gd);
+        });
+
+    if(labelClipPathData) {
+        var clipPath = '';
+        for(var i = 0; i < labelClipPathData.length; i++) {
+            clipPath += 'M' + labelClipPathData[i].join('L') + 'Z';
+        }
+
+        var lineClipPath = lineClip.selectAll('path').data([0]);
+        lineClipPath.enter().append('path');
+        lineClipPath.attr('d', clipPath);
+    }
+};
+
+function clipGaps(plotGroup, plotinfo, clips, cd0, perimeter) {
+    var clipId = 'clip' + cd0.trace.uid;
+
+    var clipPath = clips.selectAll('#' + clipId)
+        .data(cd0.trace.connectgaps ? [] : [0]);
+    clipPath.enter().append('clipPath')
+        .classed('contourclip', true)
+        .attr('id', clipId);
+    clipPath.exit().remove();
+
+    if(cd0.trace.connectgaps === false) {
+        var clipPathInfo = {
+            // fraction of the way from missing to present point
+            // to draw the boundary.
+            // if you make this 1 (or 1-epsilon) then a point in
+            // a sea of missing data will disappear entirely.
+            level: 0.9,
+            crossings: {},
+            starts: [],
+            edgepaths: [],
+            paths: [],
+            xaxis: plotinfo.xaxis,
+            yaxis: plotinfo.yaxis,
+            x: cd0.x,
+            y: cd0.y,
+            // 0 = no data, 1 = data
+            z: makeClipMask(cd0),
+            smoothing: 0
+        };
+
+        makeCrossings([clipPathInfo]);
+        findAllPaths([clipPathInfo]);
+        var fullpath = joinAllPaths(clipPathInfo, perimeter);
+
+        var path = clipPath.selectAll('path')
+            .data([0]);
+        path.enter().append('path');
+        path.attr('d', fullpath);
+    }
+    else clipId = null;
+
+    plotGroup.call(Drawing.setClipUrl, clipId);
+    plotinfo.plot.selectAll('.hm' + cd0.trace.uid)
+        .call(Drawing.setClipUrl, clipId);
+}
+
+function makeClipMask(cd0) {
+    var empties = cd0.trace._emptypoints,
+        z = [],
+        m = cd0.z.length,
+        n = cd0.z[0].length,
+        i,
+        row = [],
+        emptyPoint;
+
+    for(i = 0; i < n; i++) row.push(1);
+    for(i = 0; i < m; i++) z.push(row.slice());
+    for(i = 0; i < empties.length; i++) {
+        emptyPoint = empties[i];
+        z[emptyPoint[0]][emptyPoint[1]] = 0;
+    }
+    // save this mask to determine whether to show this data in hover
+    cd0.zmask = z;
+    return z;
+}
+
+},{"../../components/drawing":628,"../../lib":728,"../../lib/svg_text_utils":750,"../../plots/cartesian/axes":772,"../../plots/cartesian/set_convert":789,"../heatmap/plot":961,"./constants":923,"./end_plus":926,"./find_all_paths":927,"./make_crossings":931,"d3":122}],933:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Drawing = require('../../components/drawing');
+var heatmapStyle = require('../heatmap/style');
+
+var makeColorMap = require('./make_color_map');
+
+
+module.exports = function style(gd) {
+    var contours = d3.select(gd).selectAll('g.contour');
+
+    contours.style('opacity', function(d) {
+        return d.trace.opacity;
+    });
+
+    contours.each(function(d) {
+        var c = d3.select(this);
+        var trace = d.trace;
+        var contours = trace.contours;
+        var line = trace.line;
+        var cs = contours.size || 1;
+        var start = contours.start;
+
+        // for contourcarpet only - is this a constraint-type contour trace?
+        var isConstraintType = contours.type === 'constraint';
+        var colorLines = !isConstraintType && contours.coloring === 'lines';
+        var colorFills = !isConstraintType && contours.coloring === 'fill';
+
+        var colorMap = (colorLines || colorFills) ? makeColorMap(trace) : null;
+
+        c.selectAll('g.contourlevel').each(function(d) {
+            d3.select(this).selectAll('path')
+                .call(Drawing.lineGroupStyle,
+                    line.width,
+                    colorLines ? colorMap(d.level) : line.color,
+                    line.dash);
+        });
+
+        var labelFont = contours.labelfont;
+        c.selectAll('g.contourlabels text').each(function(d) {
+            Drawing.font(d3.select(this), {
+                family: labelFont.family,
+                size: labelFont.size,
+                color: labelFont.color || (colorLines ? colorMap(d.level) : line.color)
+            });
+        });
+
+        if(isConstraintType) {
+            c.selectAll('g.contourfill path')
+                .style('fill', trace.fillcolor);
+        }
+        else if(colorFills) {
+            var firstFill;
+
+            c.selectAll('g.contourfill path')
+                .style('fill', function(d) {
+                    if(firstFill === undefined) firstFill = d.level;
+                    return colorMap(d.level + 0.5 * cs);
+                });
+
+            if(firstFill === undefined) firstFill = start;
+
+            c.selectAll('g.contourbg path')
+                .style('fill', colorMap(firstFill - 0.5 * cs));
+        }
+    });
+
+    heatmapStyle(gd);
+};
+
+},{"../../components/drawing":628,"../heatmap/style":962,"./make_color_map":930,"d3":122}],934:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var Lib = require('../../lib');
+
+
+module.exports = function handleStyleDefaults(traceIn, traceOut, coerce, layout, defaultColor, defaultWidth) {
+    var coloring = coerce('contours.coloring');
+
+    var showLines;
+    var lineColor = '';
+    if(coloring === 'fill') showLines = coerce('contours.showlines');
+
+    if(showLines !== false) {
+        if(coloring !== 'lines') lineColor = coerce('line.color', defaultColor || '#000');
+        coerce('line.width', defaultWidth === undefined ? 0.5 : defaultWidth);
+        coerce('line.dash');
+    }
+
+    coerce('line.smoothing');
+
+    if(coloring !== 'none') {
+        colorscaleDefaults(
+            traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'z'}
+        );
+    }
+
+    var showLabels = coerce('contours.showlabels');
+    if(showLabels) {
+        var globalFont = layout.font;
+        Lib.coerceFont(coerce, 'contours.labelfont', {
+            family: globalFont.family,
+            size: globalFont.size,
+            color: lineColor
+        });
+        coerce('contours.labelformat');
+    }
+};
+
+},{"../../components/colorscale/defaults":613,"../../lib":728}],935:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var heatmapAttrs = require('../heatmap/attributes');
+var contourAttrs = require('../contour/attributes');
+var contourContourAttrs = contourAttrs.contours;
+var scatterAttrs = require('../scatter/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var scatterLineAttrs = scatterAttrs.line;
+var constants = require('./constants');
+
+module.exports = extendFlat({}, {
+    carpet: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    z: heatmapAttrs.z,
+    a: heatmapAttrs.x,
+    a0: heatmapAttrs.x0,
+    da: heatmapAttrs.dx,
+    b: heatmapAttrs.y,
+    b0: heatmapAttrs.y0,
+    db: heatmapAttrs.dy,
+    text: heatmapAttrs.text,
+    transpose: heatmapAttrs.transpose,
+    atype: heatmapAttrs.xtype,
+    btype: heatmapAttrs.ytype,
+
+    mode: {
+        valType: 'flaglist',
+        flags: ['lines', 'fill'],
+        extras: ['none'],
+        
+        editType: 'calc',
+        
+    },
+
+    connectgaps: heatmapAttrs.connectgaps,
+
+    fillcolor: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+
+    autocontour: contourAttrs.autocontour,
+    ncontours: contourAttrs.ncontours,
+
+    contours: {
+        type: {
+            valType: 'enumerated',
+            values: ['levels', 'constraint'],
+            dflt: 'levels',
+            
+            editType: 'calc',
+            
+        },
+        start: contourContourAttrs.start,
+        end: contourContourAttrs.end,
+        size: contourContourAttrs.size,
+        coloring: {
+            // from contourAttrs.contours.coloring but no 'heatmap' option
+            valType: 'enumerated',
+            values: ['fill', 'lines', 'none'],
+            dflt: 'fill',
+            
+            editType: 'calc',
+            
+        },
+        showlines: contourContourAttrs.showlines,
+        showlabels: contourContourAttrs.showlabels,
+        labelfont: contourContourAttrs.labelfont,
+        labelformat: contourContourAttrs.labelformat,
+        operation: {
+            valType: 'enumerated',
+            values: [].concat(constants.INEQUALITY_OPS).concat(constants.INTERVAL_OPS).concat(constants.SET_OPS),
+            
+            dflt: '=',
+            editType: 'calc',
+            
+        },
+        value: {
+            valType: 'any',
+            dflt: 0,
+            
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+
+    line: {
+        color: extendFlat({}, scatterLineAttrs.color, {
+            
+        }),
+        width: scatterLineAttrs.width,
+        dash: scatterLineAttrs.dash,
+        smoothing: extendFlat({}, scatterLineAttrs.smoothing, {
+            
+        }),
+        editType: 'plot'
+    }
+},
+    colorscaleAttrs,
+    { autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale, {dflt: false}) },
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../contour/attributes":920,"../heatmap/attributes":948,"../scatter/attributes":1031,"./constants":938}],936:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var extendFlat = require('../../lib').extendFlat;
+var Registry = require('../../registry');
+var colorscaleCalc = require('../../components/colorscale/calc');
+var hasColumns = require('../heatmap/has_columns');
+var convertColumnData = require('../heatmap/convert_column_xyz');
+var clean2dArray = require('../heatmap/clean_2d_array');
+var maxRowLength = require('../heatmap/max_row_length');
+var interp2d = require('../heatmap/interp2d');
+var findEmpties = require('../heatmap/find_empties');
+var makeBoundArray = require('../heatmap/make_bound_array');
+var supplyDefaults = require('./defaults');
+var lookupCarpet = require('../carpet/lookup_carpetid');
+
+// most is the same as heatmap calc, then adjust it
+// though a few things inside heatmap calc still look for
+// contour maps, because the makeBoundArray calls are too entangled
+module.exports = function calc(gd, trace) {
+    var carpet = trace.carpetTrace = lookupCarpet(gd, trace);
+    if(!carpet || !carpet.visible || carpet.visible === 'legendonly') return;
+
+    if(!trace.a || !trace.b) {
+        // Look up the original incoming carpet data:
+        var carpetdata = gd.data[carpet.index];
+
+        // Look up the incoming trace data, *except* perform a shallow
+        // copy so that we're not actually modifying it when we use it
+        // to supply defaults:
+        var tracedata = gd.data[trace.index];
+        // var tracedata = extendFlat({}, gd.data[trace.index]);
+
+        // If the data is not specified
+        if(!tracedata.a) tracedata.a = carpetdata.a;
+        if(!tracedata.b) tracedata.b = carpetdata.b;
+
+        supplyDefaults(tracedata, trace, trace._defaultColor, gd._fullLayout);
+    }
+
+    var cd = heatmappishCalc(gd, trace),
+        contours = trace.contours;
+
+    // Autocontour is unset for constraint plots so also autocontour if undefind:
+    if(trace.autocontour === true) {
+        var dummyAx = autoContours(trace.zmin, trace.zmax, trace.ncontours);
+
+        contours.size = dummyAx.dtick;
+
+        contours.start = Axes.tickFirst(dummyAx);
+        dummyAx.range.reverse();
+        contours.end = Axes.tickFirst(dummyAx);
+
+        if(contours.start === trace.zmin) contours.start += contours.size;
+        if(contours.end === trace.zmax) contours.end -= contours.size;
+
+        // if you set a small ncontours, *and* the ends are exactly on zmin/zmax
+        // there's an edge case where start > end now. Make sure there's at least
+        // one meaningful contour, put it midway between the crossed values
+        if(contours.start > contours.end) {
+            contours.start = contours.end = (contours.start + contours.end) / 2;
+        }
+
+        // copy auto-contour info back to the source data.
+        trace._input.contours = extendFlat({}, contours);
+    }
+    else {
+        // sanity checks on manually-supplied start/end/size
+        var start = contours.start,
+            end = contours.end,
+            inputContours = trace._input.contours;
+
+        if(start > end) {
+            contours.start = inputContours.start = end;
+            end = contours.end = inputContours.end = start;
+            start = contours.start;
+        }
+
+        if(!(contours.size > 0)) {
+            var sizeOut;
+            if(start === end) sizeOut = 1;
+            else sizeOut = autoContours(start, end, trace.ncontours).dtick;
+
+            inputContours.size = contours.size = sizeOut;
+        }
+    }
+
+    return cd;
+};
+
+/*
+ * autoContours: make a dummy axis object with dtick we can use
+ * as contours.size, and if needed we can use Axes.tickFirst
+ * with this axis object to calculate the start and end too
+ *
+ * start: the value to start the contours at
+ * end: the value to end at (must be > start)
+ * ncontours: max number of contours to make, like roughDTick
+ *
+ * returns: an axis object
+ */
+function autoContours(start, end, ncontours) {
+    var dummyAx = {
+        type: 'linear',
+        range: [start, end]
+    };
+
+    Axes.autoTicks(
+        dummyAx,
+        (end - start) / (ncontours || 15)
+    );
+
+    return dummyAx;
+}
+
+function heatmappishCalc(gd, trace) {
+    // prepare the raw data
+    // run makeCalcdata on x and y even for heatmaps, in case of category mappings
+    var carpet = trace.carpetTrace;
+    var aax = carpet.aaxis,
+        bax = carpet.baxis,
+        isContour = Registry.traceIs(trace, 'contour'),
+        zsmooth = isContour ? 'best' : trace.zsmooth,
+        a,
+        a0,
+        da,
+        b,
+        b0,
+        db,
+        z,
+        i;
+
+    // cancel minimum tick spacings (only applies to bars and boxes)
+    aax._minDtick = 0;
+    bax._minDtick = 0;
+
+    if(hasColumns(trace)) convertColumnData(trace, aax, bax, 'a', 'b', ['z']);
+
+    a = trace.a ? aax.makeCalcdata(trace, 'a') : [];
+    b = trace.b ? bax.makeCalcdata(trace, 'b') : [];
+    a0 = trace.a0 || 0;
+    da = trace.da || 1;
+    b0 = trace.b0 || 0;
+    db = trace.db || 1;
+
+    z = clean2dArray(trace.z, trace.transpose);
+
+    trace._emptypoints = findEmpties(z);
+    trace._interpz = interp2d(z, trace._emptypoints, trace._interpz);
+
+    function noZsmooth(msg) {
+        zsmooth = trace._input.zsmooth = trace.zsmooth = false;
+        Lib.notifier('cannot fast-zsmooth: ' + msg);
+    }
+
+    // check whether we really can smooth (ie all boxes are about the same size)
+    if(zsmooth === 'fast') {
+        if(aax.type === 'log' || bax.type === 'log') {
+            noZsmooth('log axis found');
+        }
+        else {
+            if(a.length) {
+                var avgda = (a[a.length - 1] - a[0]) / (a.length - 1),
+                    maxErrX = Math.abs(avgda / 100);
+                for(i = 0; i < a.length - 1; i++) {
+                    if(Math.abs(a[i + 1] - a[i] - avgda) > maxErrX) {
+                        noZsmooth('a scale is not linear');
+                        break;
+                    }
+                }
+            }
+            if(b.length && zsmooth === 'fast') {
+                var avgdy = (b[b.length - 1] - b[0]) / (b.length - 1),
+                    maxErrY = Math.abs(avgdy / 100);
+                for(i = 0; i < b.length - 1; i++) {
+                    if(Math.abs(b[i + 1] - b[i] - avgdy) > maxErrY) {
+                        noZsmooth('b scale is not linear');
+                        break;
+                    }
+                }
+            }
+        }
+    }
+
+    // create arrays of brick boundaries, to be used by autorange and heatmap.plot
+    var xlen = maxRowLength(z),
+        xIn = trace.xtype === 'scaled' ? '' : a,
+        xArray = makeBoundArray(trace, xIn, a0, da, xlen, aax),
+        yIn = trace.ytype === 'scaled' ? '' : b,
+        yArray = makeBoundArray(trace, yIn, b0, db, z.length, bax);
+
+    var cd0 = {
+        a: xArray,
+        b: yArray,
+        z: z,
+        //mappedZ: mappedZ
+    };
+
+    if(trace.contours.type === 'levels') {
+        // auto-z and autocolorscale if applicable
+        colorscaleCalc(trace, z, '', 'z');
+    }
+
+    return [cd0];
+}
+
+},{"../../components/colorscale/calc":610,"../../lib":728,"../../plots/cartesian/axes":772,"../../registry":846,"../carpet/lookup_carpetid":903,"../heatmap/clean_2d_array":950,"../heatmap/convert_column_xyz":952,"../heatmap/find_empties":954,"../heatmap/has_columns":955,"../heatmap/interp2d":958,"../heatmap/make_bound_array":959,"../heatmap/max_row_length":960,"./defaults":942}],937:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function(pathinfo, operation, perimeter, trace) {
+    // Abandon all hope, ye who enter here.
+    var i, v1, v2;
+    var na = trace.a.length;
+    var nb = trace.b.length;
+    var z = trace.z;
+
+    var boundaryMax = -Infinity;
+    var boundaryMin = Infinity;
+
+    for(i = 0; i < nb; i++) {
+        boundaryMin = Math.min(boundaryMin, z[i][0]);
+        boundaryMin = Math.min(boundaryMin, z[i][na - 1]);
+        boundaryMax = Math.max(boundaryMax, z[i][0]);
+        boundaryMax = Math.max(boundaryMax, z[i][na - 1]);
+    }
+
+    for(i = 1; i < na - 1; i++) {
+        boundaryMin = Math.min(boundaryMin, z[0][i]);
+        boundaryMin = Math.min(boundaryMin, z[nb - 1][i]);
+        boundaryMax = Math.max(boundaryMax, z[0][i]);
+        boundaryMax = Math.max(boundaryMax, z[nb - 1][i]);
+    }
+
+    switch(operation) {
+        case '>':
+        case '>=':
+            if(trace.contours.value > boundaryMax) {
+                pathinfo[0].prefixBoundary = true;
+            }
+            break;
+        case '<':
+        case '<=':
+            if(trace.contours.value < boundaryMin) {
+                pathinfo[0].prefixBoundary = true;
+            }
+            break;
+        case '[]':
+        case '()':
+            v1 = Math.min.apply(null, trace.contours.value);
+            v2 = Math.max.apply(null, trace.contours.value);
+            if(v2 < boundaryMin) {
+                pathinfo[0].prefixBoundary = true;
+            }
+            if(v1 > boundaryMax) {
+                pathinfo[0].prefixBoundary = true;
+            }
+            break;
+        case '][':
+        case ')(':
+            v1 = Math.min.apply(null, trace.contours.value);
+            v2 = Math.max.apply(null, trace.contours.value);
+            if(v1 < boundaryMin && v2 > boundaryMax) {
+                pathinfo[0].prefixBoundary = true;
+            }
+            break;
+    }
+};
+
+},{}],938:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    INEQUALITY_OPS: ['=', '<', '>=', '>', '<='],
+    INTERVAL_OPS: ['[]', '()', '[)', '(]', '][', ')(', '](', ')['],
+    SET_OPS: ['{}', '}{']
+};
+
+},{}],939:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var constants = require('./constants');
+var isNumeric = require('fast-isnumeric');
+
+// This syntax conforms to the existing filter transform syntax, but we don't care
+// about open vs. closed intervals for simply drawing contours constraints:
+module.exports['[]'] = makeRangeSettings('[]');
+module.exports['()'] = makeRangeSettings('()');
+module.exports['[)'] = makeRangeSettings('[)');
+module.exports['(]'] = makeRangeSettings('(]');
+
+// Inverted intervals simply flip the sign:
+module.exports[']['] = makeRangeSettings('][');
+module.exports[')('] = makeRangeSettings(')(');
+module.exports[')['] = makeRangeSettings(')[');
+module.exports[']('] = makeRangeSettings('](');
+
+module.exports['>'] = makeInequalitySettings('>');
+module.exports['>='] = makeInequalitySettings('>=');
+module.exports['<'] = makeInequalitySettings('<');
+module.exports['<='] = makeInequalitySettings('<=');
+module.exports['='] = makeInequalitySettings('=');
+
+// This does not in any way shape or form support calendars. It's adapted from
+// transforms/filter.js.
+function coerceValue(operation, value) {
+    var hasArrayValue = Array.isArray(value);
+
+    var coercedValue;
+
+    function coerce(value) {
+        return isNumeric(value) ? (+value) : null;
+    }
+
+    if(constants.INEQUALITY_OPS.indexOf(operation) !== -1) {
+        coercedValue = hasArrayValue ? coerce(value[0]) : coerce(value);
+    } else if(constants.INTERVAL_OPS.indexOf(operation) !== -1) {
+        coercedValue = hasArrayValue ?
+            [coerce(value[0]), coerce(value[1])] :
+            [coerce(value), coerce(value)];
+    } else if(constants.SET_OPS.indexOf(operation) !== -1) {
+        coercedValue = hasArrayValue ? value.map(coerce) : [coerce(value)];
+    }
+
+    return coercedValue;
+}
+
+// Returns a parabola scaled so that the min/max is either +/- 1 and zero at the two values
+// provided. The data is mapped by this function when constructing intervals so that it's
+// very easy to construct contours as normal.
+function makeRangeSettings(operation) {
+    return function(value) {
+        value = coerceValue(operation, value);
+
+        // Ensure proper ordering:
+        var min = Math.min(value[0], value[1]);
+        var max = Math.max(value[0], value[1]);
+
+        return {
+            start: min,
+            end: max,
+            size: max - min
+        };
+    };
+}
+
+function makeInequalitySettings(operation) {
+    return function(value) {
+        value = coerceValue(operation, value);
+
+        return {
+            start: value,
+            end: Infinity,
+            size: Infinity
+        };
+    };
+}
+
+},{"./constants":938,"fast-isnumeric":131}],940:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var constraintMapping = require('./constraint_mapping');
+var isNumeric = require('fast-isnumeric');
+
+module.exports = function(coerce, contours) {
+    var zvalue;
+    var scalarValuedOps = ['=', '<', '<=', '>', '>='];
+
+    if(scalarValuedOps.indexOf(contours.operation) === -1) {
+        // Requires an array of two numbers:
+        coerce('contours.value', [0, 1]);
+
+        if(!Array.isArray(contours.value)) {
+            if(isNumeric(contours.value)) {
+                zvalue = parseFloat(contours.value);
+                contours.value = [zvalue, zvalue + 1];
+            }
+        } else if(contours.value.length > 2) {
+            contours.value = contours.value.slice(2);
+        } else if(contours.length === 0) {
+            contours.value = [0, 1];
+        } else if(contours.length < 2) {
+            zvalue = parseFloat(contours.value[0]);
+            contours.value = [zvalue, zvalue + 1];
+        } else {
+            contours.value = [
+                parseFloat(contours.value[0]),
+                parseFloat(contours.value[1])
+            ];
+        }
+    } else {
+        // Requires a single scalar:
+        coerce('contours.value', 0);
+
+        if(!isNumeric(contours.value)) {
+            if(Array.isArray(contours.value)) {
+                contours.value = parseFloat(contours.value[0]);
+            } else {
+                contours.value = 0;
+            }
+        }
+    }
+
+    var map = constraintMapping[contours.operation](contours.value);
+
+    contours.start = map.start;
+    contours.end = map.end;
+    contours.size = map.size;
+};
+
+},{"./constraint_mapping":939,"fast-isnumeric":131}],941:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+// The contour extraction is great, except it totally fails for constraints because we
+// need weird range loops and flipped contours instead of the usual format. This function
+// does some weird manipulation of the extracted pathinfo data such that it magically
+// draws contours correctly *as* constraints.
+module.exports = function(pathinfo, operation) {
+    var i, pi0, pi1;
+
+    var op0 = function(arr) { return arr.reverse(); };
+    var op1 = function(arr) { return arr; };
+
+    switch(operation) {
+        case '][':
+        case ')[':
+        case '](':
+        case ')(':
+            var tmp = op0;
+            op0 = op1;
+            op1 = tmp;
+            // It's a nice rule, except this definitely *is* what's intended here.
+            /* eslint-disable: no-fallthrough */
+        case '[]':
+        case '[)':
+        case '(]':
+        case '()':
+            /* eslint-enable: no-fallthrough */
+            if(pathinfo.length !== 2) {
+                Lib.warn('Contour data invalid for the specified inequality range operation.');
+                return;
+            }
+
+            // In this case there should be exactly two contour levels in pathinfo. We
+            // simply concatenate the info into one pathinfo and flip all of the data
+            // in one. This will draw the contour as closed.
+            pi0 = pathinfo[0];
+            pi1 = pathinfo[1];
+
+            for(i = 0; i < pi0.edgepaths.length; i++) {
+                pi0.edgepaths[i] = op0(pi0.edgepaths[i]);
+            }
+
+            for(i = 0; i < pi0.paths.length; i++) {
+                pi0.paths[i] = op0(pi0.paths[i]);
+            }
+
+            while(pi1.edgepaths.length) {
+                pi0.edgepaths.push(op1(pi1.edgepaths.shift()));
+            }
+            while(pi1.paths.length) {
+                pi0.paths.push(op1(pi1.paths.shift()));
+            }
+            pathinfo.pop();
+
+            break;
+        case '>=':
+        case '>':
+            if(pathinfo.length !== 1) {
+                Lib.warn('Contour data invalid for the specified inequality operation.');
+                return;
+            }
+
+            // In this case there should be exactly two contour levels in pathinfo. We
+            // simply concatenate the info into one pathinfo and flip all of the data
+            // in one. This will draw the contour as closed.
+            pi0 = pathinfo[0];
+
+            for(i = 0; i < pi0.edgepaths.length; i++) {
+                pi0.edgepaths[i] = op0(pi0.edgepaths[i]);
+            }
+
+            for(i = 0; i < pi0.paths.length; i++) {
+                pi0.paths[i] = op0(pi0.paths[i]);
+            }
+            break;
+    }
+};
+
+},{"../../lib":728}],942:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var handleXYZDefaults = require('../heatmap/xyz_defaults');
+var attributes = require('./attributes');
+var handleStyleDefaults = require('../contour/style_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+var plotAttributes = require('../../plots/attributes');
+var supplyConstraintDefaults = require('./constraint_value_defaults');
+var addOpacity = require('../../components/color').addOpacity;
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    coerce('carpet');
+
+    // If either a or b is not present, then it's not a valid trace *unless* the carpet
+    // axis has the a or b values we're looking for. So if these are not found, just defer
+    // that decision until the calc step.
+    //
+    // NB: the calc step will modify the original data input by assigning whichever of
+    // a or b are missing. This is necessary because panning goes right from supplyDefaults
+    // to plot (skipping calc). That means on subsequent updates, this *will* need to be
+    // able to find a and b.
+    //
+    // The long-term proper fix is that this should perhaps use underscored attributes to
+    // at least modify the user input to a slightly lesser extent. Fully removing the
+    // input mutation is challenging. The underscore approach is not currently taken since
+    // it requires modification to all of the functions below that expect the coerced
+    // attribute name to match the property name -- except '_a' !== 'a' so that is not
+    // straightforward.
+    if(traceIn.a && traceIn.b) {
+        var contourSize, contourStart, contourEnd, missingEnd, autoContour;
+
+        var len = handleXYZDefaults(traceIn, traceOut, coerce, layout, 'a', 'b');
+
+        if(!len) {
+            traceOut.visible = false;
+            return;
+        }
+
+        coerce('text');
+        coerce('contours.type');
+
+        var contours = traceOut.contours;
+
+        // Unimplemented:
+        // coerce('connectgaps', hasColumns(traceOut));
+
+        if(contours.type === 'constraint') {
+            coerce('contours.operation');
+
+            supplyConstraintDefaults(coerce, contours);
+
+            // Override the trace-level showlegend default with a default that takes
+            // into account whether this is a constraint or level contours:
+            Lib.coerce(traceIn, traceOut, plotAttributes, 'showlegend', true);
+
+            // Override the above defaults with constraint-aware tweaks:
+            coerce('contours.coloring', contours.operation === '=' ? 'lines' : 'fill');
+            coerce('contours.showlines', true);
+
+            if(contours.operation === '=') {
+                contours.coloring = 'lines';
+            }
+            handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+
+            // If there's a fill color, use it at full opacity for the line color
+            var lineDfltColor = traceOut.fillcolor ? addOpacity(traceOut.fillcolor, 1) : defaultColor;
+
+            handleStyleDefaults(traceIn, traceOut, coerce, layout, lineDfltColor, 2);
+
+            if(contours.operation === '=') {
+                coerce('line.color', defaultColor);
+
+                if(contours.coloring === 'fill') {
+                    contours.coloring = 'lines';
+                }
+
+                if(contours.coloring === 'lines') {
+                    delete traceOut.fillcolor;
+                }
+            }
+
+            delete traceOut.showscale;
+            delete traceOut.autocontour;
+            delete traceOut.autocolorscale;
+            delete traceOut.colorscale;
+            delete traceOut.ncontours;
+            delete traceOut.colorbar;
+
+            if(traceOut.line) {
+                delete traceOut.line.autocolorscale;
+                delete traceOut.line.colorscale;
+                delete traceOut.line.mincolor;
+                delete traceOut.line.maxcolor;
+            }
+
+            // TODO: These shouldb e deleted in accordance with toolpanel convention, but
+            // we can't becuase we require them so that it magically makes the contour
+            // parts of the code happy:
+            // delete traceOut.contours.start;
+            // delete traceOut.contours.end;
+            // delete traceOut.contours.size;
+        } else {
+            // Override the trace-level showlegend default with a default that takes
+            // into account whether this is a constraint or level contours:
+            Lib.coerce(traceIn, traceOut, plotAttributes, 'showlegend', false);
+
+            contourStart = Lib.coerce2(traceIn, traceOut, attributes, 'contours.start');
+            contourEnd = Lib.coerce2(traceIn, traceOut, attributes, 'contours.end');
+
+                // normally we only need size if autocontour is off. But contour.calc
+                // pushes its calculated contour size back to the input trace, so for
+                // things like restyle that can call supplyDefaults without calc
+                // after the initial draw, we can just reuse the previous calculation
+            contourSize = coerce('contours.size');
+            coerce('contours.coloring');
+
+            missingEnd = (contourStart === false) || (contourEnd === false);
+
+            if(missingEnd) {
+                autoContour = traceOut.autocontour = true;
+            } else {
+                autoContour = coerce('autocontour', false);
+            }
+
+            if(autoContour || !contourSize) {
+                coerce('ncontours');
+            }
+
+            handleStyleDefaults(traceIn, traceOut, coerce, layout);
+
+            delete traceOut.value;
+            delete traceOut.operation;
+        }
+    } else {
+        traceOut._defaultColor = defaultColor;
+    }
+};
+
+},{"../../components/color":604,"../../lib":728,"../../plots/attributes":770,"../contour/style_defaults":934,"../heatmap/xyz_defaults":963,"../scatter/fillcolor_defaults":1039,"./attributes":935,"./constraint_value_defaults":940}],943:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+module.exports = function emptyPathinfo(contours, plotinfo, cd0) {
+    var cs = contours.size;
+    var pathinfo = [];
+
+    var carpet = cd0.trace.carpetTrace;
+
+    for(var ci = contours.start; ci < contours.end + cs / 10; ci += cs) {
+        pathinfo.push({
+            level: ci,
+            // all the cells with nontrivial marching index
+            crossings: {},
+            // starting points on the edges of the lattice for each contour
+            starts: [],
+            // all unclosed paths (may have less items than starts,
+            // if a path is closed by rounding)
+            edgepaths: [],
+            // all closed paths
+            paths: [],
+            // store axes so we can convert to px
+            xaxis: carpet.aaxis,
+            yaxis: carpet.baxis,
+            // full data arrays to use for interpolation
+            x: cd0.a,
+            y: cd0.b,
+            z: cd0.z,
+            smoothing: cd0.trace.line.smoothing
+        });
+
+        if(pathinfo.length > 1000) {
+            Lib.warn('Too many contours, clipping at 1000', contours);
+            break;
+        }
+    }
+    return pathinfo;
+};
+
+},{"../../lib":728}],944:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ContourCarpet = {};
+
+ContourCarpet.attributes = require('./attributes');
+ContourCarpet.supplyDefaults = require('./defaults');
+ContourCarpet.colorbar = require('../contour/colorbar');
+ContourCarpet.calc = require('./calc');
+ContourCarpet.plot = require('./plot');
+ContourCarpet.style = require('../contour/style');
+
+ContourCarpet.moduleType = 'trace';
+ContourCarpet.name = 'contourcarpet';
+ContourCarpet.basePlotModule = require('../../plots/cartesian');
+ContourCarpet.categories = ['cartesian', 'carpet', 'contour', 'symbols', 'showLegend', 'hasLines', 'carpetDependent'];
+ContourCarpet.meta = {
+    
+    
+};
+
+module.exports = ContourCarpet;
+
+},{"../../plots/cartesian":782,"../contour/colorbar":922,"../contour/style":933,"./attributes":935,"./calc":936,"./defaults":942,"./plot":947}],945:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Drawing = require('../../components/drawing');
+var axisAlignedLine = require('../carpet/axis_aligned_line');
+var Lib = require('../../lib');
+// var map1dArray = require('../carpet/map_1d_array');
+// var makepath = require('../carpet/makepath');
+
+module.exports = function joinAllPaths(trace, pi, perimeter, ab2p, carpet, carpetcd, xa, ya) {
+    var i;
+    var fullpath = '';
+
+    var startsleft = pi.edgepaths.map(function(v, i) { return i; });
+    var newloop = true;
+    var endpt, newendpt, cnt, nexti, possiblei, addpath;
+
+    var atol = Math.abs(perimeter[0][0] - perimeter[2][0]) * 1e-4;
+    var btol = Math.abs(perimeter[0][1] - perimeter[2][1]) * 1e-4;
+
+    function istop(pt) { return Math.abs(pt[1] - perimeter[0][1]) < btol; }
+    function isbottom(pt) { return Math.abs(pt[1] - perimeter[2][1]) < btol; }
+    function isleft(pt) { return Math.abs(pt[0] - perimeter[0][0]) < atol; }
+    function isright(pt) { return Math.abs(pt[0] - perimeter[2][0]) < atol; }
+
+    function pathto(pt0, pt1) {
+        var i, j, segments, axis;
+        var path = '';
+
+        if((istop(pt0) && !isright(pt0)) || (isbottom(pt0) && !isleft(pt0))) {
+            axis = carpet.aaxis;
+            segments = axisAlignedLine(carpet, carpetcd, [pt0[0], pt1[0]], 0.5 * (pt0[1] + pt1[1]));
+        } else {
+            axis = carpet.baxis;
+            segments = axisAlignedLine(carpet, carpetcd, 0.5 * (pt0[0] + pt1[0]), [pt0[1], pt1[1]]);
+        }
+
+        for(i = 1; i < segments.length; i++) {
+            path += axis.smoothing ? 'C' : 'L';
+            for(j = 0; j < segments[i].length; j++) {
+                var pt = segments[i][j];
+                path += [xa.c2p(pt[0]), ya.c2p(pt[1])] + ' ';
+            }
+        }
+
+        return path;
+    }
+
+    i = 0;
+    endpt = null;
+    while(startsleft.length) {
+        var startpt = pi.edgepaths[i][0];
+
+        if(endpt) {
+            fullpath += pathto(endpt, startpt);
+        }
+
+        addpath = Drawing.smoothopen(pi.edgepaths[i].map(ab2p), pi.smoothing);
+        fullpath += newloop ? addpath : addpath.replace(/^M/, 'L');
+        startsleft.splice(startsleft.indexOf(i), 1);
+        endpt = pi.edgepaths[i][pi.edgepaths[i].length - 1];
+        nexti = -1;
+
+        // now loop through sides, moving our endpoint until we find a new start
+        for(cnt = 0; cnt < 4; cnt++) { // just to prevent infinite loops
+            if(!endpt) {
+                Lib.log('Missing end?', i, pi);
+                break;
+            }
+
+            if(istop(endpt) && !isright(endpt)) {
+                newendpt = perimeter[1]; // left top ---> right top
+            } else if(isleft(endpt)) {
+                newendpt = perimeter[0]; // left bottom ---> left top
+            } else if(isbottom(endpt)) {
+                newendpt = perimeter[3]; // right bottom
+            } else if(isright(endpt)) {
+                newendpt = perimeter[2]; // left bottom
+            }
+
+            for(possiblei = 0; possiblei < pi.edgepaths.length; possiblei++) {
+                var ptNew = pi.edgepaths[possiblei][0];
+                // is ptNew on the (horz. or vert.) segment from endpt to newendpt?
+                if(Math.abs(endpt[0] - newendpt[0]) < atol) {
+                    if(Math.abs(endpt[0] - ptNew[0]) < atol && (ptNew[1] - endpt[1]) * (newendpt[1] - ptNew[1]) >= 0) {
+                        newendpt = ptNew;
+                        nexti = possiblei;
+                    }
+                } else if(Math.abs(endpt[1] - newendpt[1]) < btol) {
+                    if(Math.abs(endpt[1] - ptNew[1]) < btol && (ptNew[0] - endpt[0]) * (newendpt[0] - ptNew[0]) >= 0) {
+                        newendpt = ptNew;
+                        nexti = possiblei;
+                    }
+                } else {
+                    Lib.log('endpt to newendpt is not vert. or horz.', endpt, newendpt, ptNew);
+                }
+            }
+
+            if(nexti >= 0) break;
+            fullpath += pathto(endpt, newendpt);
+            endpt = newendpt;
+        }
+
+        if(nexti === pi.edgepaths.length) {
+            Lib.log('unclosed perimeter path');
+            break;
+        }
+
+        i = nexti;
+
+        // if we closed back on a loop we already included,
+        // close it and start a new loop
+        newloop = (startsleft.indexOf(i) === -1);
+        if(newloop) {
+            i = startsleft[0];
+            fullpath += pathto(endpt, newendpt) + 'Z';
+            endpt = null;
+        }
+    }
+
+    // finally add the interior paths
+    for(i = 0; i < pi.paths.length; i++) {
+        fullpath += Drawing.smoothclosed(pi.paths[i].map(ab2p), pi.smoothing);
+    }
+
+    return fullpath;
+};
+
+},{"../../components/drawing":628,"../../lib":728,"../carpet/axis_aligned_line":886}],946:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function mapPathinfo(pathinfo, map) {
+    var i, j, k, pi, pedgepaths, ppaths, pedgepath, ppath, path;
+
+    for(i = 0; i < pathinfo.length; i++) {
+        pi = pathinfo[i];
+        pedgepaths = pi.pedgepaths = [];
+        ppaths = pi.ppaths = [];
+        for(j = 0; j < pi.edgepaths.length; j++) {
+            path = pi.edgepaths[j];
+            pedgepath = [];
+            for(k = 0; k < path.length; k++) {
+                pedgepath[k] = map(path[k]);
+            }
+            pedgepaths.push(pedgepath);
+        }
+        for(j = 0; j < pi.paths.length; j++) {
+            path = pi.paths[j];
+            ppath = [];
+            for(k = 0; k < path.length; k++) {
+                ppath[k] = map(path[k]);
+            }
+            ppaths.push(ppath);
+        }
+    }
+};
+
+},{}],947:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var map1dArray = require('../carpet/map_1d_array');
+var makepath = require('../carpet/makepath');
+var Drawing = require('../../components/drawing');
+var Lib = require('../../lib');
+
+var makeCrossings = require('../contour/make_crossings');
+var findAllPaths = require('../contour/find_all_paths');
+var contourPlot = require('../contour/plot');
+var constants = require('../contour/constants');
+var convertToConstraints = require('./convert_to_constraints');
+var joinAllPaths = require('./join_all_paths');
+var emptyPathinfo = require('./empty_pathinfo');
+var mapPathinfo = require('./map_pathinfo');
+var lookupCarpet = require('../carpet/lookup_carpetid');
+var closeBoundaries = require('./close_boundaries');
+
+
+module.exports = function plot(gd, plotinfo, cdcontours) {
+    for(var i = 0; i < cdcontours.length; i++) {
+        plotOne(gd, plotinfo, cdcontours[i]);
+    }
+};
+
+function plotOne(gd, plotinfo, cd) {
+    var trace = cd[0].trace;
+
+    var carpet = trace.carpetTrace = lookupCarpet(gd, trace);
+    var carpetcd = gd.calcdata[carpet.index][0];
+
+    if(!carpet.visible || carpet.visible === 'legendonly') return;
+
+    var a = cd[0].a;
+    var b = cd[0].b;
+    var contours = trace.contours;
+    var uid = trace.uid;
+    var xa = plotinfo.xaxis;
+    var ya = plotinfo.yaxis;
+    var fullLayout = gd._fullLayout;
+    var id = 'contour' + uid;
+    var pathinfo = emptyPathinfo(contours, plotinfo, cd[0]);
+    var isConstraint = trace.contours.type === 'constraint';
+
+    // Map [a, b] (data) --> [i, j] (pixels)
+    function ab2p(ab) {
+        var pt = carpet.ab2xy(ab[0], ab[1], true);
+        return [xa.c2p(pt[0]), ya.c2p(pt[1])];
+    }
+
+    if(trace.visible !== true) {
+        fullLayout._infolayer.selectAll('.cb' + uid).remove();
+        return;
+    }
+
+    // Define the perimeter in a/b coordinates:
+    var perimeter = [
+        [a[0], b[b.length - 1]],
+        [a[a.length - 1], b[b.length - 1]],
+        [a[a.length - 1], b[0]],
+        [a[0], b[0]]
+    ];
+
+    // Extract the contour levels:
+    makeCrossings(pathinfo);
+    var atol = (a[a.length - 1] - a[0]) * 1e-8;
+    var btol = (b[b.length - 1] - b[0]) * 1e-8;
+    findAllPaths(pathinfo, atol, btol);
+
+    // Constraints might need to be draw inverted, which is not something contours
+    // handle by default since they're assumed fully opaque so that they can be
+    // drawn overlapping. This function flips the paths as necessary so that they're
+    // drawn correctly.
+    //
+    // TODO: Perhaps this should be generalized and *all* paths should be drawn as
+    // closed regions so that translucent contour levels would be valid.
+    // See: https://github.com/plotly/plotly.js/issues/1356
+    if(trace.contours.type === 'constraint') {
+        convertToConstraints(pathinfo, trace.contours.operation);
+        closeBoundaries(pathinfo, trace.contours.operation, perimeter, trace);
+    }
+
+    // Map the paths in a/b coordinates to pixel coordinates:
+    mapPathinfo(pathinfo, ab2p);
+
+    // draw everything
+    var plotGroup = contourPlot.makeContourGroup(plotinfo, cd, id);
+
+    // Compute the boundary path
+    var seg, xp, yp, i;
+    var segs = [];
+    for(i = carpetcd.clipsegments.length - 1; i >= 0; i--) {
+        seg = carpetcd.clipsegments[i];
+        xp = map1dArray([], seg.x, xa.c2p);
+        yp = map1dArray([], seg.y, ya.c2p);
+        xp.reverse();
+        yp.reverse();
+        segs.push(makepath(xp, yp, seg.bicubic));
+    }
+
+    var boundaryPath = 'M' + segs.join('L') + 'Z';
+
+    // Draw the baseline background fill that fills in the space behind any other
+    // contour levels:
+    makeBackground(plotGroup, carpetcd.clipsegments, xa, ya, isConstraint, contours.coloring);
+
+    // Draw the specific contour fills. As a simplification, they're assumed to be
+    // fully opaque so that it's easy to draw them simply overlapping. The alternative
+    // would be to flip adjacent paths and draw closed paths for each level instead.
+    makeFills(trace, plotGroup, xa, ya, pathinfo, perimeter, ab2p, carpet, carpetcd, contours.coloring, boundaryPath);
+
+    // Draw contour lines:
+    makeLinesAndLabels(plotGroup, pathinfo, gd, cd[0], contours, plotinfo, carpet);
+
+    // Clip the boundary of the plot
+    Drawing.setClipUrl(plotGroup, carpet._clipPathId);
+}
+
+function makeLinesAndLabels(plotgroup, pathinfo, gd, cd0, contours, plotinfo, carpet) {
+    var lineContainer = plotgroup.selectAll('g.contourlines').data([0]);
+
+    lineContainer.enter().append('g')
+        .classed('contourlines', true);
+
+    var showLines = contours.showlines !== false;
+    var showLabels = contours.showlabels;
+    var clipLinesForLabels = showLines && showLabels;
+
+    // Even if we're not going to show lines, we need to create them
+    // if we're showing labels, because the fill paths include the perimeter
+    // so can't be used to position the labels correctly.
+    // In this case we'll remove the lines after making the labels.
+    var linegroup = contourPlot.createLines(lineContainer, showLines || showLabels, pathinfo);
+
+    var lineClip = contourPlot.createLineClip(lineContainer, clipLinesForLabels,
+        gd._fullLayout._defs, cd0.trace.uid);
+
+    var labelGroup = plotgroup.selectAll('g.contourlabels')
+        .data(showLabels ? [0] : []);
+
+    labelGroup.exit().remove();
+
+    labelGroup.enter().append('g')
+        .classed('contourlabels', true);
+
+    if(showLabels) {
+        var xa = plotinfo.xaxis;
+        var ya = plotinfo.yaxis;
+        var xLen = xa._length;
+        var yLen = ya._length;
+        // for simplicity use the xy box for label clipping outline.
+        var labelClipPathData = [[
+            [0, 0],
+            [xLen, 0],
+            [xLen, yLen],
+            [0, yLen]
+        ]];
+
+
+        var labelData = [];
+
+        // invalidate the getTextLocation cache in case paths changed
+        Lib.clearLocationCache();
+
+        var contourFormat = contourPlot.labelFormatter(contours, cd0.t.cb, gd._fullLayout);
+
+        var dummyText = Drawing.tester.append('text')
+            .attr('data-notex', 1)
+            .call(Drawing.font, contours.labelfont);
+
+        // use `bounds` only to keep labels away from the x/y boundaries
+        // `constrainToCarpet` below ensures labels don't go off the
+        // carpet edges
+        var bounds = {
+            left: 0,
+            right: xLen,
+            center: xLen / 2,
+            top: 0,
+            bottom: yLen,
+            middle: yLen / 2
+        };
+
+        var plotDiagonal = Math.sqrt(xLen * xLen + yLen * yLen);
+
+        // the path length to use to scale the number of labels to draw:
+        var normLength = constants.LABELDISTANCE * plotDiagonal /
+            Math.max(1, pathinfo.length / constants.LABELINCREASE);
+
+        linegroup.each(function(d) {
+            var textOpts = contourPlot.calcTextOpts(d.level, contourFormat, dummyText, gd);
+
+            d3.select(this).selectAll('path').each(function(pathData) {
+                var path = this;
+                var pathBounds = Lib.getVisibleSegment(path, bounds, textOpts.height / 2);
+                if(!pathBounds) return;
+
+                constrainToCarpet(path, pathData, d, pathBounds, carpet, textOpts.height);
+
+                if(pathBounds.len < (textOpts.width + textOpts.height) * constants.LABELMIN) return;
+
+                var maxLabels = Math.min(Math.ceil(pathBounds.len / normLength),
+                    constants.LABELMAX);
+
+                for(var i = 0; i < maxLabels; i++) {
+                    var loc = contourPlot.findBestTextLocation(path, pathBounds, textOpts,
+                        labelData, bounds);
+
+                    if(!loc) break;
+
+                    contourPlot.addLabelData(loc, textOpts, labelData, labelClipPathData);
+                }
+            });
+        });
+
+        dummyText.remove();
+
+        contourPlot.drawLabels(labelGroup, labelData, gd, lineClip,
+            clipLinesForLabels ? labelClipPathData : null);
+    }
+
+    if(showLabels && !showLines) linegroup.remove();
+}
+
+// figure out if this path goes off the edge of the carpet
+// and shorten the part we call visible to keep labels away from the edge
+function constrainToCarpet(path, pathData, levelData, pathBounds, carpet, textHeight) {
+    var pathABData;
+    for(var i = 0; i < levelData.pedgepaths.length; i++) {
+        if(pathData === levelData.pedgepaths[i]) {
+            pathABData = levelData.edgepaths[i];
+        }
+    }
+    if(!pathABData) return;
+
+    var aMin = carpet.a[0];
+    var aMax = carpet.a[carpet.a.length - 1];
+    var bMin = carpet.b[0];
+    var bMax = carpet.b[carpet.b.length - 1];
+
+    function getOffset(abPt, pathVector) {
+        var offset = 0;
+        var edgeVector;
+        var dAB = 0.1;
+        if(Math.abs(abPt[0] - aMin) < dAB || Math.abs(abPt[0] - aMax) < dAB) {
+            edgeVector = normalizeVector(carpet.dxydb_rough(abPt[0], abPt[1], dAB));
+            offset = Math.max(offset, textHeight * vectorTan(pathVector, edgeVector) / 2);
+        }
+
+        if(Math.abs(abPt[1] - bMin) < dAB || Math.abs(abPt[1] - bMax) < dAB) {
+            edgeVector = normalizeVector(carpet.dxyda_rough(abPt[0], abPt[1], dAB));
+            offset = Math.max(offset, textHeight * vectorTan(pathVector, edgeVector) / 2);
+        }
+        return offset;
+    }
+
+    var startVector = getUnitVector(path, 0, 1);
+    var endVector = getUnitVector(path, pathBounds.total, pathBounds.total - 1);
+    var minStart = getOffset(pathABData[0], startVector);
+    var maxEnd = pathBounds.total - getOffset(pathABData[pathABData.length - 1], endVector);
+
+    if(pathBounds.min < minStart) pathBounds.min = minStart;
+    if(pathBounds.max > maxEnd) pathBounds.max = maxEnd;
+
+    pathBounds.len = pathBounds.max - pathBounds.min;
+}
+
+function getUnitVector(path, p0, p1) {
+    var pt0 = path.getPointAtLength(p0);
+    var pt1 = path.getPointAtLength(p1);
+    var dx = pt1.x - pt0.x;
+    var dy = pt1.y - pt0.y;
+    var len = Math.sqrt(dx * dx + dy * dy);
+    return [dx / len, dy / len];
+}
+
+function normalizeVector(v) {
+    var len = Math.sqrt(v[0] * v[0] + v[1] * v[1]);
+    return [v[0] / len, v[1] / len];
+}
+
+function vectorTan(v0, v1) {
+    var cos = Math.abs(v0[0] * v1[0] + v0[1] * v1[1]);
+    var sin = Math.sqrt(1 - cos * cos);
+    return sin / cos;
+}
+
+function makeBackground(plotgroup, clipsegments, xaxis, yaxis, isConstraint, coloring) {
+    var seg, xp, yp, i;
+    var bggroup = plotgroup.selectAll('g.contourbg').data([0]);
+    bggroup.enter().append('g').classed('contourbg', true);
+
+    var bgfill = bggroup.selectAll('path')
+        .data((coloring === 'fill' && !isConstraint) ? [0] : []);
+    bgfill.enter().append('path');
+    bgfill.exit().remove();
+
+    var segs = [];
+    for(i = 0; i < clipsegments.length; i++) {
+        seg = clipsegments[i];
+        xp = map1dArray([], seg.x, xaxis.c2p);
+        yp = map1dArray([], seg.y, yaxis.c2p);
+        segs.push(makepath(xp, yp, seg.bicubic));
+    }
+
+    bgfill
+        .attr('d', 'M' + segs.join('L') + 'Z')
+        .style('stroke', 'none');
+}
+
+function makeFills(trace, plotgroup, xa, ya, pathinfo, perimeter, ab2p, carpet, carpetcd, coloring, boundaryPath) {
+    var fillgroup = plotgroup.selectAll('g.contourfill')
+        .data([0]);
+    fillgroup.enter().append('g')
+        .classed('contourfill', true);
+
+    var fillitems = fillgroup.selectAll('path')
+        .data(coloring === 'fill' ? pathinfo : []);
+    fillitems.enter().append('path');
+    fillitems.exit().remove();
+    fillitems.each(function(pi) {
+        // join all paths for this level together into a single path
+        // first follow clockwise around the perimeter to close any open paths
+        // if the whole perimeter is above this level, start with a path
+        // enclosing the whole thing. With all that, the parity should mean
+        // that we always fill everything above the contour, nothing below
+        var fullpath = joinAllPaths(trace, pi, perimeter, ab2p, carpet, carpetcd, xa, ya);
+
+        if(pi.prefixBoundary) {
+            fullpath = boundaryPath + fullpath;
+        }
+
+        if(!fullpath) {
+            d3.select(this).remove();
+        } else {
+            d3.select(this)
+                .attr('d', fullpath)
+                .style('stroke', 'none');
+        }
+    });
+}
+
+},{"../../components/drawing":628,"../../lib":728,"../carpet/lookup_carpetid":903,"../carpet/makepath":904,"../carpet/map_1d_array":905,"../contour/constants":923,"../contour/find_all_paths":927,"../contour/make_crossings":931,"../contour/plot":932,"./close_boundaries":937,"./convert_to_constraints":941,"./empty_pathinfo":943,"./join_all_paths":945,"./map_pathinfo":946,"d3":122}],948:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = extendFlat({}, {
+    z: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    x: extendFlat({}, scatterAttrs.x, {impliedEdits: {xtype: 'array'}}),
+    x0: extendFlat({}, scatterAttrs.x0, {impliedEdits: {xtype: 'scaled'}}),
+    dx: extendFlat({}, scatterAttrs.dx, {impliedEdits: {xtype: 'scaled'}}),
+    y: extendFlat({}, scatterAttrs.y, {impliedEdits: {ytype: 'array'}}),
+    y0: extendFlat({}, scatterAttrs.y0, {impliedEdits: {ytype: 'scaled'}}),
+    dy: extendFlat({}, scatterAttrs.dy, {impliedEdits: {ytype: 'scaled'}}),
+
+    text: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    transpose: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    xtype: {
+        valType: 'enumerated',
+        values: ['array', 'scaled'],
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    ytype: {
+        valType: 'enumerated',
+        values: ['array', 'scaled'],
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    zsmooth: {
+        valType: 'enumerated',
+        values: ['fast', 'best', false],
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    connectgaps: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    xgap: {
+        valType: 'number',
+        dflt: 0,
+        min: 0,
+        
+        editType: 'plot',
+        
+    },
+    ygap: {
+        valType: 'number',
+        dflt: 0,
+        min: 0,
+        
+        editType: 'plot',
+        
+    },
+},
+    colorscaleAttrs,
+    { autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale, {dflt: false}) },
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../scatter/attributes":1031}],949:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var histogram2dCalc = require('../histogram2d/calc');
+var colorscaleCalc = require('../../components/colorscale/calc');
+var hasColumns = require('./has_columns');
+var convertColumnData = require('./convert_column_xyz');
+var maxRowLength = require('./max_row_length');
+var clean2dArray = require('./clean_2d_array');
+var interp2d = require('./interp2d');
+var findEmpties = require('./find_empties');
+var makeBoundArray = require('./make_bound_array');
+
+
+module.exports = function calc(gd, trace) {
+    // prepare the raw data
+    // run makeCalcdata on x and y even for heatmaps, in case of category mappings
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x'),
+        ya = Axes.getFromId(gd, trace.yaxis || 'y'),
+        isContour = Registry.traceIs(trace, 'contour'),
+        isHist = Registry.traceIs(trace, 'histogram'),
+        isGL2D = Registry.traceIs(trace, 'gl2d'),
+        zsmooth = isContour ? 'best' : trace.zsmooth,
+        x,
+        x0,
+        dx,
+        y,
+        y0,
+        dy,
+        z,
+        i;
+
+    // cancel minimum tick spacings (only applies to bars and boxes)
+    xa._minDtick = 0;
+    ya._minDtick = 0;
+
+    if(isHist) {
+        var binned = histogram2dCalc(gd, trace);
+        x = binned.x;
+        x0 = binned.x0;
+        dx = binned.dx;
+        y = binned.y;
+        y0 = binned.y0;
+        dy = binned.dy;
+        z = binned.z;
+    }
+    else {
+        if(hasColumns(trace)) {
+            convertColumnData(trace, xa, ya, 'x', 'y', ['z']);
+            x = trace.x;
+            y = trace.y;
+        } else {
+            x = trace.x ? xa.makeCalcdata(trace, 'x') : [];
+            y = trace.y ? ya.makeCalcdata(trace, 'y') : [];
+        }
+
+        x0 = trace.x0 || 0;
+        dx = trace.dx || 1;
+        y0 = trace.y0 || 0;
+        dy = trace.dy || 1;
+
+        z = clean2dArray(trace.z, trace.transpose);
+
+        if(isContour || trace.connectgaps) {
+            trace._emptypoints = findEmpties(z);
+            trace._interpz = interp2d(z, trace._emptypoints, trace._interpz);
+        }
+    }
+
+    function noZsmooth(msg) {
+        zsmooth = trace._input.zsmooth = trace.zsmooth = false;
+        Lib.notifier('cannot fast-zsmooth: ' + msg);
+    }
+
+    // check whether we really can smooth (ie all boxes are about the same size)
+    if(zsmooth === 'fast') {
+        if(xa.type === 'log' || ya.type === 'log') {
+            noZsmooth('log axis found');
+        }
+        else if(!isHist) {
+            if(x.length) {
+                var avgdx = (x[x.length - 1] - x[0]) / (x.length - 1),
+                    maxErrX = Math.abs(avgdx / 100);
+                for(i = 0; i < x.length - 1; i++) {
+                    if(Math.abs(x[i + 1] - x[i] - avgdx) > maxErrX) {
+                        noZsmooth('x scale is not linear');
+                        break;
+                    }
+                }
+            }
+            if(y.length && zsmooth === 'fast') {
+                var avgdy = (y[y.length - 1] - y[0]) / (y.length - 1),
+                    maxErrY = Math.abs(avgdy / 100);
+                for(i = 0; i < y.length - 1; i++) {
+                    if(Math.abs(y[i + 1] - y[i] - avgdy) > maxErrY) {
+                        noZsmooth('y scale is not linear');
+                        break;
+                    }
+                }
+            }
+        }
+    }
+
+    // create arrays of brick boundaries, to be used by autorange and heatmap.plot
+    var xlen = maxRowLength(z),
+        xIn = trace.xtype === 'scaled' ? '' : x,
+        xArray = makeBoundArray(trace, xIn, x0, dx, xlen, xa),
+        yIn = trace.ytype === 'scaled' ? '' : y,
+        yArray = makeBoundArray(trace, yIn, y0, dy, z.length, ya);
+
+    // handled in gl2d convert step
+    if(!isGL2D) {
+        Axes.expand(xa, xArray);
+        Axes.expand(ya, yArray);
+    }
+
+    var cd0 = {x: xArray, y: yArray, z: z, text: trace.text};
+
+    // auto-z and autocolorscale if applicable
+    colorscaleCalc(trace, z, '', 'z');
+
+    if(isContour && trace.contours && trace.contours.coloring === 'heatmap') {
+        var dummyTrace = {
+            type: trace.type === 'contour' ? 'heatmap' : 'histogram2d',
+            xcalendar: trace.xcalendar,
+            ycalendar: trace.ycalendar
+        };
+        cd0.xfill = makeBoundArray(dummyTrace, xIn, x0, dx, xlen, xa);
+        cd0.yfill = makeBoundArray(dummyTrace, yIn, y0, dy, z.length, ya);
+    }
+
+    return [cd0];
+};
+
+},{"../../components/colorscale/calc":610,"../../lib":728,"../../plots/cartesian/axes":772,"../../registry":846,"../histogram2d/calc":977,"./clean_2d_array":950,"./convert_column_xyz":952,"./find_empties":954,"./has_columns":955,"./interp2d":958,"./make_bound_array":959,"./max_row_length":960}],950:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+module.exports = function clean2dArray(zOld, transpose) {
+    var rowlen, collen, getCollen, old2new, i, j;
+
+    function cleanZvalue(v) {
+        if(!isNumeric(v)) return undefined;
+        return +v;
+    }
+
+    if(transpose) {
+        rowlen = 0;
+        for(i = 0; i < zOld.length; i++) rowlen = Math.max(rowlen, zOld[i].length);
+        if(rowlen === 0) return false;
+        getCollen = function(zOld) { return zOld.length; };
+        old2new = function(zOld, i, j) { return zOld[j][i]; };
+    }
+    else {
+        rowlen = zOld.length;
+        getCollen = function(zOld, i) { return zOld[i].length; };
+        old2new = function(zOld, i, j) { return zOld[i][j]; };
+    }
+
+    var zNew = new Array(rowlen);
+
+    for(i = 0; i < rowlen; i++) {
+        collen = getCollen(zOld, i);
+        zNew[i] = new Array(collen);
+        for(j = 0; j < collen; j++) zNew[i][j] = cleanZvalue(old2new(zOld, i, j));
+    }
+
+    return zNew;
+};
+
+},{"fast-isnumeric":131}],951:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Colorscale = require('../../components/colorscale');
+var drawColorbar = require('../../components/colorbar/draw');
+
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        cbId = 'cb' + trace.uid,
+        zmin = trace.zmin,
+        zmax = trace.zmax;
+
+    if(!isNumeric(zmin)) zmin = Lib.aggNums(Math.min, null, trace.z);
+    if(!isNumeric(zmax)) zmax = Lib.aggNums(Math.max, null, trace.z);
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    if(!trace.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var cb = cd[0].t.cb = drawColorbar(gd, cbId);
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            trace.colorscale,
+            zmin,
+            zmax
+        ),
+        { noNumericCheck: true }
+    );
+
+    cb.fillcolor(sclFunc)
+        .filllevels({start: zmin, end: zmax, size: (zmax - zmin) / 254})
+        .options(trace.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../components/colorscale":618,"../../lib":728,"../../plots/plots":831,"fast-isnumeric":131}],952:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+module.exports = function convertColumnData(trace, ax1, ax2, var1Name, var2Name, arrayVarNames) {
+    var1Name = var1Name || 'x';
+    var2Name = var2Name || 'y';
+    arrayVarNames = arrayVarNames || ['z'];
+
+    var col1 = trace[var1Name].slice(),
+        col2 = trace[var2Name].slice(),
+        textCol = trace.text,
+        colLen = Math.min(col1.length, col2.length),
+        hasColumnText = (textCol !== undefined && !Array.isArray(textCol[0])),
+        col1Calendar = trace[var1Name + 'calendar'],
+        col2Calendar = trace[var2Name + 'calendar'];
+
+    var i, j, arrayVar, newArray, arrayVarName;
+
+    for(i = 0; i < arrayVarNames.length; i++) {
+        arrayVar = trace[arrayVarNames[i]];
+        if(arrayVar) colLen = Math.min(colLen, arrayVar.length);
+    }
+
+    if(colLen < col1.length) col1 = col1.slice(0, colLen);
+    if(colLen < col2.length) col2 = col2.slice(0, colLen);
+
+    for(i = 0; i < colLen; i++) {
+        col1[i] = ax1.d2c(col1[i], 0, col1Calendar);
+        col2[i] = ax2.d2c(col2[i], 0, col2Calendar);
+    }
+
+    var col1dv = Lib.distinctVals(col1),
+        col1vals = col1dv.vals,
+        col2dv = Lib.distinctVals(col2),
+        col2vals = col2dv.vals,
+        newArrays = [];
+
+    for(i = 0; i < arrayVarNames.length; i++) {
+        newArrays[i] = Lib.init2dArray(col2vals.length, col1vals.length);
+    }
+
+    var i1, i2, text;
+
+    if(hasColumnText) text = Lib.init2dArray(col2vals.length, col1vals.length);
+
+    for(i = 0; i < colLen; i++) {
+        if(col1[i] !== BADNUM && col2[i] !== BADNUM) {
+            i1 = Lib.findBin(col1[i] + col1dv.minDiff / 2, col1vals);
+            i2 = Lib.findBin(col2[i] + col2dv.minDiff / 2, col2vals);
+
+            for(j = 0; j < arrayVarNames.length; j++) {
+                arrayVarName = arrayVarNames[j];
+                arrayVar = trace[arrayVarName];
+                newArray = newArrays[j];
+                newArray[i2][i1] = arrayVar[i];
+            }
+
+            if(hasColumnText) text[i2][i1] = textCol[i];
+        }
+    }
+
+    trace[var1Name] = col1vals;
+    trace[var2Name] = col2vals;
+    for(j = 0; j < arrayVarNames.length; j++) {
+        trace[arrayVarNames[j]] = newArrays[j];
+    }
+    if(hasColumnText) trace.text = text;
+};
+
+},{"../../constants/numerical":707,"../../lib":728}],953:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var hasColumns = require('./has_columns');
+var handleXYZDefaults = require('./xyz_defaults');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleXYZDefaults(traceIn, traceOut, coerce, layout);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+
+    var zsmooth = coerce('zsmooth');
+    if(zsmooth === false) {
+        // ensure that xgap and ygap are coerced only when zsmooth allows them to have an effect.
+        coerce('xgap');
+        coerce('ygap');
+    }
+
+    coerce('connectgaps', hasColumns(traceOut) && (traceOut.zsmooth !== false));
+
+    colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'z'});
+};
+
+},{"../../components/colorscale/defaults":613,"../../lib":728,"./attributes":948,"./has_columns":955,"./xyz_defaults":963}],954:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var maxRowLength = require('./max_row_length');
+
+/* Return a list of empty points in 2D array z
+ * each empty point z[i][j] gives an array [i, j, neighborCount]
+ * neighborCount is the count of 4 nearest neighbors that DO exist
+ * this is to give us an order of points to evaluate for interpolation.
+ * if no neighbors exist, we iteratively look for neighbors that HAVE
+ * neighbors, and add a fractional neighborCount
+ */
+module.exports = function findEmpties(z) {
+    var empties = [],
+        neighborHash = {},
+        noNeighborList = [],
+        nextRow = z[0],
+        row = [],
+        blank = [0, 0, 0],
+        rowLength = maxRowLength(z),
+        prevRow,
+        i,
+        j,
+        thisPt,
+        p,
+        neighborCount,
+        newNeighborHash,
+        foundNewNeighbors;
+
+    for(i = 0; i < z.length; i++) {
+        prevRow = row;
+        row = nextRow;
+        nextRow = z[i + 1] || [];
+        for(j = 0; j < rowLength; j++) {
+            if(row[j] === undefined) {
+                neighborCount = (row[j - 1] !== undefined ? 1 : 0) +
+                    (row[j + 1] !== undefined ? 1 : 0) +
+                    (prevRow[j] !== undefined ? 1 : 0) +
+                    (nextRow[j] !== undefined ? 1 : 0);
+
+                if(neighborCount) {
+                    // for this purpose, don't count off-the-edge points
+                    // as undefined neighbors
+                    if(i === 0) neighborCount++;
+                    if(j === 0) neighborCount++;
+                    if(i === z.length - 1) neighborCount++;
+                    if(j === row.length - 1) neighborCount++;
+
+                    // if all neighbors that could exist do, we don't
+                    // need this for finding farther neighbors
+                    if(neighborCount < 4) {
+                        neighborHash[[i, j]] = [i, j, neighborCount];
+                    }
+
+                    empties.push([i, j, neighborCount]);
+                }
+                else noNeighborList.push([i, j]);
+            }
+        }
+    }
+
+    while(noNeighborList.length) {
+        newNeighborHash = {};
+        foundNewNeighbors = false;
+
+        // look for cells that now have neighbors but didn't before
+        for(p = noNeighborList.length - 1; p >= 0; p--) {
+            thisPt = noNeighborList[p];
+            i = thisPt[0];
+            j = thisPt[1];
+
+            neighborCount = ((neighborHash[[i - 1, j]] || blank)[2] +
+                (neighborHash[[i + 1, j]] || blank)[2] +
+                (neighborHash[[i, j - 1]] || blank)[2] +
+                (neighborHash[[i, j + 1]] || blank)[2]) / 20;
+
+            if(neighborCount) {
+                newNeighborHash[thisPt] = [i, j, neighborCount];
+                noNeighborList.splice(p, 1);
+                foundNewNeighbors = true;
+            }
+        }
+
+        if(!foundNewNeighbors) {
+            throw 'findEmpties iterated with no new neighbors';
+        }
+
+        // put these new cells into the main neighbor list
+        for(thisPt in newNeighborHash) {
+            neighborHash[thisPt] = newNeighborHash[thisPt];
+            empties.push(newNeighborHash[thisPt]);
+        }
+    }
+
+    // sort the full list in descending order of neighbor count
+    return empties.sort(function(a, b) { return b[2] - a[2]; });
+};
+
+},{"./max_row_length":960}],955:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function(trace) {
+    return !Array.isArray(trace.z[0]);
+};
+
+},{}],956:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Fx = require('../../components/fx');
+var Lib = require('../../lib');
+
+var MAXDIST = Fx.constants.MAXDIST;
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode, contour) {
+    // never let a heatmap override another type as closest point
+    if(pointData.distance < MAXDIST) return;
+
+    var cd0 = pointData.cd[0],
+        trace = cd0.trace,
+        xa = pointData.xa,
+        ya = pointData.ya,
+        x = cd0.x,
+        y = cd0.y,
+        z = cd0.z,
+        zmask = cd0.zmask,
+        x2 = x,
+        y2 = y,
+        xl,
+        yl,
+        nx,
+        ny;
+
+    if(pointData.index !== false) {
+        try {
+            nx = Math.round(pointData.index[1]);
+            ny = Math.round(pointData.index[0]);
+        }
+        catch(e) {
+            Lib.error('Error hovering on heatmap, ' +
+                'pointNumber must be [row,col], found:', pointData.index);
+            return;
+        }
+        if(nx < 0 || nx >= z[0].length || ny < 0 || ny > z.length) {
+            return;
+        }
+    }
+    else if(Fx.inbox(xval - x[0], xval - x[x.length - 1]) > MAXDIST ||
+            Fx.inbox(yval - y[0], yval - y[y.length - 1]) > MAXDIST) {
+        return;
+    }
+    else {
+        if(contour) {
+            var i2;
+            x2 = [2 * x[0] - x[1]];
+
+            for(i2 = 1; i2 < x.length; i2++) {
+                x2.push((x[i2] + x[i2 - 1]) / 2);
+            }
+            x2.push([2 * x[x.length - 1] - x[x.length - 2]]);
+
+            y2 = [2 * y[0] - y[1]];
+            for(i2 = 1; i2 < y.length; i2++) {
+                y2.push((y[i2] + y[i2 - 1]) / 2);
+            }
+            y2.push([2 * y[y.length - 1] - y[y.length - 2]]);
+        }
+        nx = Math.max(0, Math.min(x2.length - 2, Lib.findBin(xval, x2)));
+        ny = Math.max(0, Math.min(y2.length - 2, Lib.findBin(yval, y2)));
+    }
+
+    var x0 = xa.c2p(x[nx]),
+        x1 = xa.c2p(x[nx + 1]),
+        y0 = ya.c2p(y[ny]),
+        y1 = ya.c2p(y[ny + 1]);
+
+    if(contour) {
+        x1 = x0;
+        xl = x[nx];
+        y1 = y0;
+        yl = y[ny];
+    }
+    else {
+        xl = (x[nx] + x[nx + 1]) / 2;
+        yl = (y[ny] + y[ny + 1]) / 2;
+        if(trace.zsmooth) {
+            x0 = x1 = (x0 + x1) / 2;
+            y0 = y1 = (y0 + y1) / 2;
+        }
+    }
+
+    var zVal = z[ny][nx];
+    if(zmask && !zmask[ny][nx]) zVal = undefined;
+
+    var text;
+    if(Array.isArray(cd0.text) && Array.isArray(cd0.text[ny])) {
+        text = cd0.text[ny][nx];
+    }
+
+    return [Lib.extendFlat(pointData, {
+        index: [ny, nx],
+        // never let a 2D override 1D type as closest point
+        distance: MAXDIST + 10,
+        x0: x0,
+        x1: x1,
+        y0: y0,
+        y1: y1,
+        xLabelVal: xl,
+        yLabelVal: yl,
+        zLabelVal: zVal,
+        text: text
+    })];
+};
+
+},{"../../components/fx":645,"../../lib":728}],957:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Heatmap = {};
+
+Heatmap.attributes = require('./attributes');
+Heatmap.supplyDefaults = require('./defaults');
+Heatmap.calc = require('./calc');
+Heatmap.plot = require('./plot');
+Heatmap.colorbar = require('./colorbar');
+Heatmap.style = require('./style');
+Heatmap.hoverPoints = require('./hover');
+
+Heatmap.moduleType = 'trace';
+Heatmap.name = 'heatmap';
+Heatmap.basePlotModule = require('../../plots/cartesian');
+Heatmap.categories = ['cartesian', '2dMap'];
+Heatmap.meta = {
+    
+};
+
+module.exports = Heatmap;
+
+},{"../../plots/cartesian":782,"./attributes":948,"./calc":949,"./colorbar":951,"./defaults":953,"./hover":956,"./plot":961,"./style":962}],958:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var INTERPTHRESHOLD = 1e-2,
+    NEIGHBORSHIFTS = [[-1, 0], [1, 0], [0, -1], [0, 1]];
+
+function correctionOvershoot(maxFractionalChange) {
+    // start with less overshoot, until we know it's converging,
+    // then ramp up the overshoot for faster convergence
+    return 0.5 - 0.25 * Math.min(1, maxFractionalChange * 0.5);
+}
+
+module.exports = function interp2d(z, emptyPoints, savedInterpZ) {
+    // fill in any missing data in 2D array z using an iterative
+    // poisson equation solver with zero-derivative BC at edges
+    // amazingly, this just amounts to repeatedly averaging all the existing
+    // nearest neighbors (at least if we don't take x/y scaling into account)
+    var maxFractionalChange = 1,
+        i,
+        thisPt;
+
+    if(Array.isArray(savedInterpZ)) {
+        for(i = 0; i < emptyPoints.length; i++) {
+            thisPt = emptyPoints[i];
+            z[thisPt[0]][thisPt[1]] = savedInterpZ[thisPt[0]][thisPt[1]];
+        }
+    }
+    else {
+        // one pass to fill in a starting value for all the empties
+        iterateInterp2d(z, emptyPoints);
+    }
+
+    // we're don't need to iterate lone empties - remove them
+    for(i = 0; i < emptyPoints.length; i++) {
+        if(emptyPoints[i][2] < 4) break;
+    }
+    // but don't remove these points from the original array,
+    // we'll use them for masking, so make a copy.
+    emptyPoints = emptyPoints.slice(i);
+
+    for(i = 0; i < 100 && maxFractionalChange > INTERPTHRESHOLD; i++) {
+        maxFractionalChange = iterateInterp2d(z, emptyPoints,
+            correctionOvershoot(maxFractionalChange));
+    }
+    if(maxFractionalChange > INTERPTHRESHOLD) {
+        Lib.log('interp2d didn\'t converge quickly', maxFractionalChange);
+    }
+
+    return z;
+};
+
+function iterateInterp2d(z, emptyPoints, overshoot) {
+    var maxFractionalChange = 0,
+        thisPt,
+        i,
+        j,
+        p,
+        q,
+        neighborShift,
+        neighborRow,
+        neighborVal,
+        neighborCount,
+        neighborSum,
+        initialVal,
+        minNeighbor,
+        maxNeighbor;
+
+    for(p = 0; p < emptyPoints.length; p++) {
+        thisPt = emptyPoints[p];
+        i = thisPt[0];
+        j = thisPt[1];
+        initialVal = z[i][j];
+        neighborSum = 0;
+        neighborCount = 0;
+
+        for(q = 0; q < 4; q++) {
+            neighborShift = NEIGHBORSHIFTS[q];
+            neighborRow = z[i + neighborShift[0]];
+            if(!neighborRow) continue;
+            neighborVal = neighborRow[j + neighborShift[1]];
+            if(neighborVal !== undefined) {
+                if(neighborSum === 0) {
+                    minNeighbor = maxNeighbor = neighborVal;
+                }
+                else {
+                    minNeighbor = Math.min(minNeighbor, neighborVal);
+                    maxNeighbor = Math.max(maxNeighbor, neighborVal);
+                }
+                neighborCount++;
+                neighborSum += neighborVal;
+            }
+        }
+
+        if(neighborCount === 0) {
+            throw 'iterateInterp2d order is wrong: no defined neighbors';
+        }
+
+        // this is the laplace equation interpolation:
+        // each point is just the average of its neighbors
+        // note that this ignores differential x/y scaling
+        // which I think is the right approach, since we
+        // don't know what that scaling means
+        z[i][j] = neighborSum / neighborCount;
+
+        if(initialVal === undefined) {
+            if(neighborCount < 4) maxFractionalChange = 1;
+        }
+        else {
+            // we can make large empty regions converge faster
+            // if we overshoot the change vs the previous value
+            z[i][j] = (1 + overshoot) * z[i][j] - overshoot * initialVal;
+
+            if(maxNeighbor > minNeighbor) {
+                maxFractionalChange = Math.max(maxFractionalChange,
+                    Math.abs(z[i][j] - initialVal) / (maxNeighbor - minNeighbor));
+            }
+        }
+    }
+
+    return maxFractionalChange;
+}
+
+},{"../../lib":728}],959:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+
+module.exports = function makeBoundArray(trace, arrayIn, v0In, dvIn, numbricks, ax) {
+    var arrayOut = [],
+        isContour = Registry.traceIs(trace, 'contour'),
+        isHist = Registry.traceIs(trace, 'histogram'),
+        isGL2D = Registry.traceIs(trace, 'gl2d'),
+        v0,
+        dv,
+        i;
+
+    var isArrayOfTwoItemsOrMore = Array.isArray(arrayIn) && arrayIn.length > 1;
+
+    if(isArrayOfTwoItemsOrMore && !isHist && (ax.type !== 'category')) {
+        var len = arrayIn.length;
+
+        // given vals are brick centers
+        // hopefully length === numbricks, but use this method even if too few are supplied
+        // and extend it linearly based on the last two points
+        if(len <= numbricks) {
+            // contour plots only want the centers
+            if(isContour || isGL2D) arrayOut = arrayIn.slice(0, numbricks);
+            else if(numbricks === 1) {
+                arrayOut = [arrayIn[0] - 0.5, arrayIn[0] + 0.5];
+            }
+            else {
+                arrayOut = [1.5 * arrayIn[0] - 0.5 * arrayIn[1]];
+
+                for(i = 1; i < len; i++) {
+                    arrayOut.push((arrayIn[i - 1] + arrayIn[i]) * 0.5);
+                }
+
+                arrayOut.push(1.5 * arrayIn[len - 1] - 0.5 * arrayIn[len - 2]);
+            }
+
+            if(len < numbricks) {
+                var lastPt = arrayOut[arrayOut.length - 1],
+                    delta = lastPt - arrayOut[arrayOut.length - 2];
+
+                for(i = len; i < numbricks; i++) {
+                    lastPt += delta;
+                    arrayOut.push(lastPt);
+                }
+            }
+        }
+        else {
+            // hopefully length === numbricks+1, but do something regardless:
+            // given vals are brick boundaries
+            return isContour ?
+                arrayIn.slice(0, numbricks) :  // we must be strict for contours
+                arrayIn.slice(0, numbricks + 1);
+        }
+    }
+    else {
+        dv = dvIn || 1;
+
+        var calendar = trace[ax._id.charAt(0) + 'calendar'];
+
+        if(isHist || ax.type === 'category') v0 = ax.r2c(v0In, 0, calendar) || 0;
+        else if(Array.isArray(arrayIn) && arrayIn.length === 1) v0 = arrayIn[0];
+        else if(v0In === undefined) v0 = 0;
+        else v0 = ax.d2c(v0In, 0, calendar);
+
+        for(i = (isContour || isGL2D) ? 0 : -0.5; i < numbricks; i++) {
+            arrayOut.push(v0 + dv * i);
+        }
+    }
+
+    return arrayOut;
+};
+
+},{"../../registry":846}],960:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = function maxRowLength(z) {
+    var len = 0;
+
+    for(var i = 0; i < z.length; i++) {
+        len = Math.max(len, z[i].length);
+    }
+
+    return len;
+};
+
+},{}],961:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var tinycolor = require('tinycolor2');
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var Colorscale = require('../../components/colorscale');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+
+var maxRowLength = require('./max_row_length');
+
+
+module.exports = function(gd, plotinfo, cdheatmaps) {
+    for(var i = 0; i < cdheatmaps.length; i++) {
+        plotOne(gd, plotinfo, cdheatmaps[i]);
+    }
+};
+
+// From http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/
+function plotOne(gd, plotinfo, cd) {
+    var trace = cd[0].trace,
+        uid = trace.uid,
+        xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        fullLayout = gd._fullLayout,
+        id = 'hm' + uid;
+
+    // in case this used to be a contour map
+    fullLayout._paper.selectAll('.contour' + uid).remove();
+    fullLayout._infolayer.selectAll('g.rangeslider-container')
+        .selectAll('.contour' + uid).remove();
+
+    if(trace.visible !== true) {
+        fullLayout._paper.selectAll('.' + id).remove();
+        fullLayout._infolayer.selectAll('.cb' + uid).remove();
+        return;
+    }
+
+    var z = cd[0].z,
+        x = cd[0].x,
+        y = cd[0].y,
+        isContour = Registry.traceIs(trace, 'contour'),
+        zsmooth = isContour ? 'best' : trace.zsmooth,
+
+        // get z dims
+        m = z.length,
+        n = maxRowLength(z),
+        xrev = false,
+        left,
+        right,
+        temp,
+        yrev = false,
+        top,
+        bottom,
+        i;
+
+    // TODO: if there are multiple overlapping categorical heatmaps,
+    // or if we allow category sorting, then the categories may not be
+    // sequential... may need to reorder and/or expand z
+
+    // Get edges of png in pixels (xa.c2p() maps axes coordinates to pixel coordinates)
+    // figure out if either axis is reversed (y is usually reversed, in pixel coords)
+    // also clip the image to maximum 50% outside the visible plot area
+    // bigger image lets you pan more naturally, but slows performance.
+    // TODO: use low-resolution images outside the visible plot for panning
+    // these while loops find the first and last brick bounds that are defined
+    // (in case of log of a negative)
+    i = 0;
+    while(left === undefined && i < x.length - 1) {
+        left = xa.c2p(x[i]);
+        i++;
+    }
+    i = x.length - 1;
+    while(right === undefined && i > 0) {
+        right = xa.c2p(x[i]);
+        i--;
+    }
+
+    if(right < left) {
+        temp = right;
+        right = left;
+        left = temp;
+        xrev = true;
+    }
+
+    i = 0;
+    while(top === undefined && i < y.length - 1) {
+        top = ya.c2p(y[i]);
+        i++;
+    }
+    i = y.length - 1;
+    while(bottom === undefined && i > 0) {
+        bottom = ya.c2p(y[i]);
+        i--;
+    }
+
+    if(bottom < top) {
+        temp = top;
+        top = bottom;
+        bottom = temp;
+        yrev = true;
+    }
+
+    // for contours with heatmap fill, we generate the boundaries based on
+    // brick centers but then use the brick edges for drawing the bricks
+    if(isContour) {
+        // TODO: for 'best' smoothing, we really should use the given brick
+        // centers as well as brick bounds in calculating values, in case of
+        // nonuniform brick sizes
+        x = cd[0].xfill;
+        y = cd[0].yfill;
+    }
+
+    // make an image that goes at most half a screen off either side, to keep
+    // time reasonable when you zoom in. if zsmooth is true/fast, don't worry
+    // about this, because zooming doesn't increase number of pixels
+    // if zsmooth is best, don't include anything off screen because it takes too long
+    if(zsmooth !== 'fast') {
+        var extra = zsmooth === 'best' ? 0 : 0.5;
+        left = Math.max(-extra * xa._length, left);
+        right = Math.min((1 + extra) * xa._length, right);
+        top = Math.max(-extra * ya._length, top);
+        bottom = Math.min((1 + extra) * ya._length, bottom);
+    }
+
+    var imageWidth = Math.round(right - left),
+        imageHeight = Math.round(bottom - top);
+
+    // setup image nodes
+
+    // if image is entirely off-screen, don't even draw it
+    var isOffScreen = (imageWidth <= 0 || imageHeight <= 0);
+
+    var plotgroup = plotinfo.plot.select('.imagelayer')
+        .selectAll('g.hm.' + id)
+        .data(isOffScreen ? [] : [0]);
+
+    plotgroup.enter().append('g')
+        .classed('hm', true)
+        .classed(id, true);
+
+    plotgroup.exit().remove();
+
+    if(isOffScreen) return;
+
+    // generate image data
+
+    var canvasW, canvasH;
+    if(zsmooth === 'fast') {
+        canvasW = n;
+        canvasH = m;
+    } else {
+        canvasW = imageWidth;
+        canvasH = imageHeight;
+    }
+
+    var canvas = document.createElement('canvas');
+    canvas.width = canvasW;
+    canvas.height = canvasH;
+    var context = canvas.getContext('2d');
+
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            trace.colorscale,
+            trace.zmin,
+            trace.zmax
+        ),
+        { noNumericCheck: true, returnArray: true }
+    );
+
+    // map brick boundaries to image pixels
+    var xpx,
+        ypx;
+    if(zsmooth === 'fast') {
+        xpx = xrev ?
+            function(index) { return n - 1 - index; } :
+            Lib.identity;
+        ypx = yrev ?
+            function(index) { return m - 1 - index; } :
+            Lib.identity;
+    }
+    else {
+        xpx = function(index) {
+            return Lib.constrain(Math.round(xa.c2p(x[index]) - left),
+                0, imageWidth);
+        };
+        ypx = function(index) {
+            return Lib.constrain(Math.round(ya.c2p(y[index]) - top),
+                0, imageHeight);
+        };
+    }
+
+    // get interpolated bin value. Returns {bin0:closest bin, frac:fractional dist to next, bin1:next bin}
+    function findInterp(pixel, pixArray) {
+        var maxbin = pixArray.length - 2,
+            bin = Lib.constrain(Lib.findBin(pixel, pixArray), 0, maxbin),
+            pix0 = pixArray[bin],
+            pix1 = pixArray[bin + 1],
+            interp = Lib.constrain(bin + (pixel - pix0) / (pix1 - pix0) - 0.5, 0, maxbin),
+            bin0 = Math.round(interp),
+            frac = Math.abs(interp - bin0);
+
+        if(!interp || interp === maxbin || !frac) {
+            return {
+                bin0: bin0,
+                bin1: bin0,
+                frac: 0
+            };
+        }
+        return {
+            bin0: bin0,
+            frac: frac,
+            bin1: Math.round(bin0 + frac / (interp - bin0))
+        };
+    }
+
+    // build the pixel map brick-by-brick
+    // cruise through z-matrix row-by-row
+    // build a brick at each z-matrix value
+    var yi = ypx(0),
+        yb = [yi, yi],
+        xbi = xrev ? 0 : 1,
+        ybi = yrev ? 0 : 1,
+        // for collecting an average luminosity of the heatmap
+        pixcount = 0,
+        rcount = 0,
+        gcount = 0,
+        bcount = 0,
+        brickWithPadding,
+        xb,
+        j,
+        xi,
+        v,
+        row,
+        c;
+
+    function applyBrickPadding(trace, x0, x1, y0, y1, xIndex, xLength, yIndex, yLength) {
+        var padding = {
+                x0: x0,
+                x1: x1,
+                y0: y0,
+                y1: y1
+            },
+            xEdgeGap = trace.xgap * 2 / 3,
+            yEdgeGap = trace.ygap * 2 / 3,
+            xCenterGap = trace.xgap / 3,
+            yCenterGap = trace.ygap / 3;
+
+        if(yIndex === yLength - 1) { // top edge brick
+            padding.y1 = y1 - yEdgeGap;
+        }
+
+        if(xIndex === xLength - 1) { // right edge brick
+            padding.x0 = x0 + xEdgeGap;
+        }
+
+        if(yIndex === 0) { // bottom edge brick
+            padding.y0 = y0 + yEdgeGap;
+        }
+
+        if(xIndex === 0) { // left edge brick
+            padding.x1 = x1 - xEdgeGap;
+        }
+
+        if(xIndex > 0 && xIndex < xLength - 1) { // brick in the center along x
+            padding.x0 = x0 + xCenterGap;
+            padding.x1 = x1 - xCenterGap;
+        }
+
+        if(yIndex > 0 && yIndex < yLength - 1) { // brick in the center along y
+            padding.y0 = y0 + yCenterGap;
+            padding.y1 = y1 - yCenterGap;
+        }
+
+        return padding;
+    }
+
+    function setColor(v, pixsize) {
+        if(v !== undefined) {
+            var c = sclFunc(v);
+            c[0] = Math.round(c[0]);
+            c[1] = Math.round(c[1]);
+            c[2] = Math.round(c[2]);
+
+            pixcount += pixsize;
+            rcount += c[0] * pixsize;
+            gcount += c[1] * pixsize;
+            bcount += c[2] * pixsize;
+            return c;
+        }
+        return [0, 0, 0, 0];
+    }
+
+    function putColor(pixels, pxIndex, c) {
+        pixels[pxIndex] = c[0];
+        pixels[pxIndex + 1] = c[1];
+        pixels[pxIndex + 2] = c[2];
+        pixels[pxIndex + 3] = Math.round(c[3] * 255);
+    }
+
+    function interpColor(r0, r1, xinterp, yinterp) {
+        var z00 = r0[xinterp.bin0];
+        if(z00 === undefined) return setColor(undefined, 1);
+
+        var z01 = r0[xinterp.bin1],
+            z10 = r1[xinterp.bin0],
+            z11 = r1[xinterp.bin1],
+            dx = (z01 - z00) || 0,
+            dy = (z10 - z00) || 0,
+            dxy;
+
+        // the bilinear interpolation term needs different calculations
+        // for all the different permutations of missing data
+        // among the neighbors of the main point, to ensure
+        // continuity across brick boundaries.
+        if(z01 === undefined) {
+            if(z11 === undefined) dxy = 0;
+            else if(z10 === undefined) dxy = 2 * (z11 - z00);
+            else dxy = (2 * z11 - z10 - z00) * 2 / 3;
+        }
+        else if(z11 === undefined) {
+            if(z10 === undefined) dxy = 0;
+            else dxy = (2 * z00 - z01 - z10) * 2 / 3;
+        }
+        else if(z10 === undefined) dxy = (2 * z11 - z01 - z00) * 2 / 3;
+        else dxy = (z11 + z00 - z01 - z10);
+
+        return setColor(z00 + xinterp.frac * dx + yinterp.frac * (dy + xinterp.frac * dxy));
+    }
+
+    if(zsmooth) { // best or fast, works fastest with imageData
+        var pxIndex = 0,
+            pixels;
+
+        try {
+            pixels = new Uint8Array(imageWidth * imageHeight * 4);
+        }
+        catch(e) {
+            pixels = new Array(imageWidth * imageHeight * 4);
+        }
+
+        if(zsmooth === 'best') {
+            var xPixArray = new Array(x.length),
+                yPixArray = new Array(y.length),
+                xinterpArray = new Array(imageWidth),
+                yinterp,
+                r0,
+                r1;
+
+            // first make arrays of x and y pixel locations of brick boundaries
+            for(i = 0; i < x.length; i++) xPixArray[i] = Math.round(xa.c2p(x[i]) - left);
+            for(i = 0; i < y.length; i++) yPixArray[i] = Math.round(ya.c2p(y[i]) - top);
+
+            // then make arrays of interpolations
+            // (bin0=closest, bin1=next, frac=fractional dist.)
+            for(i = 0; i < imageWidth; i++) xinterpArray[i] = findInterp(i, xPixArray);
+
+            // now do the interpolations and fill the png
+            for(j = 0; j < imageHeight; j++) {
+                yinterp = findInterp(j, yPixArray);
+                r0 = z[yinterp.bin0];
+                r1 = z[yinterp.bin1];
+                for(i = 0; i < imageWidth; i++, pxIndex += 4) {
+                    c = interpColor(r0, r1, xinterpArray[i], yinterp);
+                    putColor(pixels, pxIndex, c);
+                }
+            }
+        }
+        else { // zsmooth = fast
+            for(j = 0; j < m; j++) {
+                row = z[j];
+                yb = ypx(j);
+                for(i = 0; i < imageWidth; i++) {
+                    c = setColor(row[i], 1);
+                    pxIndex = (yb * imageWidth + xpx(i)) * 4;
+                    putColor(pixels, pxIndex, c);
+                }
+            }
+        }
+
+        var imageData = context.createImageData(imageWidth, imageHeight);
+        try {
+            imageData.data.set(pixels);
+        }
+        catch(e) {
+            var pxArray = imageData.data,
+                dlen = pxArray.length;
+            for(j = 0; j < dlen; j ++) {
+                pxArray[j] = pixels[j];
+            }
+        }
+
+        context.putImageData(imageData, 0, 0);
+    } else { // zsmooth = false -> filling potentially large bricks works fastest with fillRect
+        for(j = 0; j < m; j++) {
+            row = z[j];
+            yb.reverse();
+            yb[ybi] = ypx(j + 1);
+            if(yb[0] === yb[1] || yb[0] === undefined || yb[1] === undefined) {
+                continue;
+            }
+            xi = xpx(0);
+            xb = [xi, xi];
+            for(i = 0; i < n; i++) {
+                // build one color brick!
+                xb.reverse();
+                xb[xbi] = xpx(i + 1);
+                if(xb[0] === xb[1] || xb[0] === undefined || xb[1] === undefined) {
+                    continue;
+                }
+                v = row[i];
+                c = setColor(v, (xb[1] - xb[0]) * (yb[1] - yb[0]));
+                context.fillStyle = 'rgba(' + c.join(',') + ')';
+
+                brickWithPadding = applyBrickPadding(trace,
+                                                     xb[0],
+                                                     xb[1],
+                                                     yb[0],
+                                                     yb[1],
+                                                     i,
+                                                     n,
+                                                     j,
+                                                     m);
+
+                context.fillRect(brickWithPadding.x0,
+                                 brickWithPadding.y0,
+                                (brickWithPadding.x1 - brickWithPadding.x0),
+                                (brickWithPadding.y1 - brickWithPadding.y0));
+            }
+        }
+    }
+
+    rcount = Math.round(rcount / pixcount);
+    gcount = Math.round(gcount / pixcount);
+    bcount = Math.round(bcount / pixcount);
+    var avgColor = tinycolor('rgb(' + rcount + ',' + gcount + ',' + bcount + ')');
+
+    gd._hmpixcount = (gd._hmpixcount||0) + pixcount;
+    gd._hmlumcount = (gd._hmlumcount||0) + pixcount * avgColor.getLuminance();
+
+    var image3 = plotgroup.selectAll('image')
+        .data(cd);
+
+    image3.enter().append('svg:image').attr({
+        xmlns: xmlnsNamespaces.svg,
+        preserveAspectRatio: 'none'
+    });
+
+    image3.attr({
+        height: imageHeight,
+        width: imageWidth,
+        x: left,
+        y: top,
+        'xlink:href': canvas.toDataURL('image/png')
+    });
+
+    image3.exit().remove();
+}
+
+},{"../../components/colorscale":618,"../../constants/xmlns_namespaces":709,"../../lib":728,"../../registry":846,"./max_row_length":960,"tinycolor2":534}],962:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+module.exports = function style(gd) {
+    d3.select(gd).selectAll('.hm image')
+        .style('opacity', function(d) {
+            return d.trace.opacity;
+        });
+};
+
+},{"d3":122}],963:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Registry = require('../../registry');
+var hasColumns = require('./has_columns');
+
+
+module.exports = function handleXYZDefaults(traceIn, traceOut, coerce, layout, xName, yName) {
+    var z = coerce('z');
+    xName = xName || 'x';
+    yName = yName || 'y';
+    var x, y;
+
+    if(z === undefined || !z.length) return 0;
+
+    if(hasColumns(traceIn)) {
+        x = coerce(xName);
+        y = coerce(yName);
+
+        // column z must be accompanied by xName and yName arrays
+        if(!x || !y) return 0;
+    }
+    else {
+        x = coordDefaults(xName, coerce);
+        y = coordDefaults(yName, coerce);
+
+        // TODO put z validation elsewhere
+        if(!isValidZ(z)) return 0;
+
+        coerce('transpose');
+    }
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, [xName, yName], layout);
+
+    return traceOut.z.length;
+};
+
+function coordDefaults(coordStr, coerce) {
+    var coord = coerce(coordStr),
+        coordType = coord ?
+            coerce(coordStr + 'type', 'array') :
+            'scaled';
+
+    if(coordType === 'scaled') {
+        coerce(coordStr + '0');
+        coerce('d' + coordStr);
+    }
+
+    return coord;
+}
+
+function isValidZ(z) {
+    var allRowsAreArrays = true,
+        oneRowIsFilled = false,
+        hasOneNumber = false,
+        zi;
+
+    /*
+     * Without this step:
+     *
+     * hasOneNumber = false breaks contour but not heatmap
+     * allRowsAreArrays = false breaks contour but not heatmap
+     * oneRowIsFilled = false breaks both
+     */
+
+    for(var i = 0; i < z.length; i++) {
+        zi = z[i];
+        if(!Array.isArray(zi)) {
+            allRowsAreArrays = false;
+            break;
+        }
+        if(zi.length > 0) oneRowIsFilled = true;
+        for(var j = 0; j < zi.length; j++) {
+            if(isNumeric(zi[j])) {
+                hasOneNumber = true;
+                break;
+            }
+        }
+    }
+
+    return (allRowsAreArrays && oneRowIsFilled && hasOneNumber);
+}
+
+},{"../../registry":846,"./has_columns":955,"fast-isnumeric":131}],964:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+var heatmapAttrs = require('../heatmap/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+
+var commonList = [
+    'z',
+    'x', 'x0', 'dx',
+    'y', 'y0', 'dy',
+    'text', 'transpose',
+    'xtype', 'ytype'
+];
+
+var attrs = {};
+
+for(var i = 0; i < commonList.length; i++) {
+    var k = commonList[i];
+    attrs[k] = heatmapAttrs[k];
+}
+
+extendFlat(
+    attrs,
+    colorscaleAttrs,
+    { autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale, {dflt: false}) },
+    { colorbar: colorbarAttrs }
+);
+
+module.exports = overrideAll(attrs, 'calc', 'nested');
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../../plot_api/edit_types":756,"../heatmap/attributes":948}],965:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createHeatmap2D = require('gl-heatmap2d');
+var Axes = require('../../plots/cartesian/axes');
+var str2RGBArray = require('../../lib/str2rgbarray');
+
+
+function Heatmap(scene, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.type = 'heatmapgl';
+
+    this.name = '';
+    this.hoverinfo = 'all';
+
+    this.xData = [];
+    this.yData = [];
+    this.zData = [];
+    this.textLabels = [];
+
+    this.idToIndex = [];
+    this.bounds = [0, 0, 0, 0];
+
+    this.options = {
+        z: [],
+        x: [],
+        y: [],
+        shape: [0, 0],
+        colorLevels: [0],
+        colorValues: [0, 0, 0, 1]
+    };
+
+    this.heatmap = createHeatmap2D(scene.glplot, this.options);
+    this.heatmap._trace = this;
+}
+
+var proto = Heatmap.prototype;
+
+proto.handlePick = function(pickResult) {
+    var options = this.options,
+        shape = options.shape,
+        index = pickResult.pointId,
+        xIndex = index % shape[0],
+        yIndex = Math.floor(index / shape[0]),
+        zIndex = index;
+
+    return {
+        trace: this,
+        dataCoord: pickResult.dataCoord,
+        traceCoord: [
+            options.x[xIndex],
+            options.y[yIndex],
+            options.z[zIndex]
+        ],
+        textLabel: this.textLabels[index],
+        name: this.name,
+        pointIndex: [yIndex, xIndex],
+        hoverinfo: this.hoverinfo
+    };
+};
+
+proto.update = function(fullTrace, calcTrace) {
+    var calcPt = calcTrace[0];
+
+    this.index = fullTrace.index;
+    this.name = fullTrace.name;
+    this.hoverinfo = fullTrace.hoverinfo;
+
+    // convert z from 2D -> 1D
+    var z = calcPt.z;
+    this.options.z = [].concat.apply([], z);
+
+    var rowLen = z[0].length,
+        colLen = z.length;
+    this.options.shape = [rowLen, colLen];
+
+    this.options.x = calcPt.x;
+    this.options.y = calcPt.y;
+
+    var colorOptions = convertColorscale(fullTrace);
+    this.options.colorLevels = colorOptions.colorLevels;
+    this.options.colorValues = colorOptions.colorValues;
+
+    // convert text from 2D -> 1D
+    this.textLabels = [].concat.apply([], fullTrace.text);
+
+    this.heatmap.update(this.options);
+
+    Axes.expand(this.scene.xaxis, calcPt.x);
+    Axes.expand(this.scene.yaxis, calcPt.y);
+};
+
+proto.dispose = function() {
+    this.heatmap.dispose();
+};
+
+function convertColorscale(fullTrace) {
+    var scl = fullTrace.colorscale,
+        zmin = fullTrace.zmin,
+        zmax = fullTrace.zmax;
+
+    var N = scl.length,
+        domain = new Array(N),
+        range = new Array(4 * N);
+
+    for(var i = 0; i < N; i++) {
+        var si = scl[i];
+        var color = str2RGBArray(si[1]);
+
+        domain[i] = zmin + si[0] * (zmax - zmin);
+
+        for(var j = 0; j < 4; j++) {
+            range[(4 * i) + j] = color[j];
+        }
+    }
+
+    return {
+        colorLevels: domain,
+        colorValues: range
+    };
+}
+
+function createHeatmap(scene, fullTrace, calcTrace) {
+    var plot = new Heatmap(scene, fullTrace.uid);
+    plot.update(fullTrace, calcTrace);
+    return plot;
+}
+
+module.exports = createHeatmap;
+
+},{"../../lib/str2rgbarray":749,"../../plots/cartesian/axes":772,"gl-heatmap2d":166}],966:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var HeatmapGl = {};
+
+HeatmapGl.attributes = require('./attributes');
+HeatmapGl.supplyDefaults = require('../heatmap/defaults');
+HeatmapGl.colorbar = require('../heatmap/colorbar');
+
+HeatmapGl.calc = require('../heatmap/calc');
+HeatmapGl.plot = require('./convert');
+
+HeatmapGl.moduleType = 'trace';
+HeatmapGl.name = 'heatmapgl';
+HeatmapGl.basePlotModule = require('../../plots/gl2d');
+HeatmapGl.categories = ['gl2d', '2dMap'];
+HeatmapGl.meta = {
+    
+};
+
+module.exports = HeatmapGl;
+
+},{"../../plots/gl2d":808,"../heatmap/calc":949,"../heatmap/colorbar":951,"../heatmap/defaults":953,"./attributes":964,"./convert":965}],967:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var barAttrs = require('../bar/attributes');
+
+
+module.exports = {
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    y: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+
+    text: barAttrs.text,
+    orientation: barAttrs.orientation,
+
+    histfunc: {
+        valType: 'enumerated',
+        values: ['count', 'sum', 'avg', 'min', 'max'],
+        
+        dflt: 'count',
+        editType: 'calc',
+        
+    },
+    histnorm: {
+        valType: 'enumerated',
+        values: ['', 'percent', 'probability', 'density', 'probability density'],
+        dflt: '',
+        
+        editType: 'calc',
+        
+    },
+
+    cumulative: {
+        enabled: {
+            valType: 'boolean',
+            dflt: false,
+            
+            editType: 'calc',
+            
+        },
+
+        direction: {
+            valType: 'enumerated',
+            values: ['increasing', 'decreasing'],
+            dflt: 'increasing',
+            
+            editType: 'calc',
+            
+        },
+
+        currentbin: {
+            valType: 'enumerated',
+            values: ['include', 'exclude', 'half'],
+            dflt: 'include',
+            
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+
+    autobinx: {
+        valType: 'boolean',
+        dflt: null,
+        
+        editType: 'calc',
+        impliedEdits: {
+            'xbins.start': undefined,
+            'xbins.end': undefined,
+            'xbins.size': undefined
+        },
+        
+    },
+    nbinsx: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    xbins: makeBinsAttr('x'),
+
+    autobiny: {
+        valType: 'boolean',
+        dflt: null,
+        
+        editType: 'calc',
+        impliedEdits: {
+            'ybins.start': undefined,
+            'ybins.end': undefined,
+            'ybins.size': undefined
+        },
+        
+    },
+    nbinsy: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    ybins: makeBinsAttr('y'),
+
+    marker: barAttrs.marker,
+
+    error_y: barAttrs.error_y,
+    error_x: barAttrs.error_x,
+
+    _deprecated: {
+        bardir: barAttrs._deprecated.bardir
+    }
+};
+
+function makeBinsAttr(axLetter) {
+    var impliedEdits = {};
+    impliedEdits['autobin' + axLetter] = false;
+    var impliedEditsInner = {};
+    impliedEditsInner['^autobin' + axLetter] = false;
+
+    return {
+        start: {
+            valType: 'any', // for date axes
+            dflt: null,
+            
+            editType: 'calc',
+            impliedEdits: impliedEditsInner,
+            
+        },
+        end: {
+            valType: 'any', // for date axes
+            dflt: null,
+            
+            editType: 'calc',
+            impliedEdits: impliedEditsInner,
+            
+        },
+        size: {
+            valType: 'any', // for date axes
+            dflt: null,
+            
+            editType: 'calc',
+            impliedEdits: impliedEditsInner,
+            
+        },
+        editType: 'calc',
+        impliedEdits: impliedEdits
+    };
+}
+
+},{"../bar/attributes":856}],968:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = function doAvg(size, counts) {
+    var nMax = size.length,
+        total = 0;
+    for(var i = 0; i < nMax; i++) {
+        if(counts[i]) {
+            size[i] /= counts[i];
+            total += size[i];
+        }
+        else size[i] = null;
+    }
+    return total;
+};
+
+},{}],969:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = function handleBinDefaults(traceIn, traceOut, coerce, binDirections) {
+    coerce('histnorm');
+
+    binDirections.forEach(function(binDirection) {
+        /*
+         * Because date axes have string values for start and end,
+         * and string options for size, we cannot validate these attributes
+         * now. We will do this during calc (immediately prior to binning)
+         * in ./clean_bins, and push the cleaned values back to _fullData.
+         */
+        coerce(binDirection + 'bins.start');
+        coerce(binDirection + 'bins.end');
+        coerce(binDirection + 'bins.size');
+        coerce('autobin' + binDirection);
+        coerce('nbins' + binDirection);
+    });
+
+    return traceOut;
+};
+
+},{}],970:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+
+module.exports = {
+    count: function(n, i, size) {
+        size[n]++;
+        return 1;
+    },
+
+    sum: function(n, i, size, counterData) {
+        var v = counterData[i];
+        if(isNumeric(v)) {
+            v = Number(v);
+            size[n] += v;
+            return v;
+        }
+        return 0;
+    },
+
+    avg: function(n, i, size, counterData, counts) {
+        var v = counterData[i];
+        if(isNumeric(v)) {
+            v = Number(v);
+            size[n] += v;
+            counts[n]++;
+        }
+        return 0;
+    },
+
+    min: function(n, i, size, counterData) {
+        var v = counterData[i];
+        if(isNumeric(v)) {
+            v = Number(v);
+            if(!isNumeric(size[n])) {
+                size[n] = v;
+                return v;
+            }
+            else if(size[n] > v) {
+                var delta = v - size[n];
+                size[n] = v;
+                return delta;
+            }
+        }
+        return 0;
+    },
+
+    max: function(n, i, size, counterData) {
+        var v = counterData[i];
+        if(isNumeric(v)) {
+            v = Number(v);
+            if(!isNumeric(size[n])) {
+                size[n] = v;
+                return v;
+            }
+            else if(size[n] < v) {
+                var delta = v - size[n];
+                size[n] = v;
+                return delta;
+            }
+        }
+        return 0;
+    }
+};
+
+},{"fast-isnumeric":131}],971:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var arraysToCalcdata = require('../bar/arrays_to_calcdata');
+var binFunctions = require('./bin_functions');
+var normFunctions = require('./norm_functions');
+var doAvg = require('./average');
+var cleanBins = require('./clean_bins');
+var oneMonth = require('../../constants/numerical').ONEAVGMONTH;
+
+
+module.exports = function calc(gd, trace) {
+    // ignore as much processing as possible (and including in autorange) if bar is not visible
+    if(trace.visible !== true) return;
+
+    // depending on orientation, set position and size axes and data ranges
+    // note: this logic for choosing orientation is duplicated in graph_obj->setstyles
+    var pos = [];
+    var size = [];
+    var pa = Axes.getFromId(gd, trace.orientation === 'h' ?
+        (trace.yaxis || 'y') : (trace.xaxis || 'x'));
+    var mainData = trace.orientation === 'h' ? 'y' : 'x';
+    var counterData = {x: 'y', y: 'x'}[mainData];
+    var calendar = trace[mainData + 'calendar'];
+    var cumulativeSpec = trace.cumulative;
+    var i;
+
+    cleanBins(trace, pa, mainData);
+
+    var binsAndPos = calcAllAutoBins(gd, trace, pa, mainData);
+    var binSpec = binsAndPos[0];
+    var pos0 = binsAndPos[1];
+
+    var nonuniformBins = typeof binSpec.size === 'string';
+    var bins = nonuniformBins ? [] : binSpec;
+    // make the empty bin array
+    var inc = [];
+    var counts = [];
+    var total = 0;
+    var norm = trace.histnorm;
+    var func = trace.histfunc;
+    var densityNorm = norm.indexOf('density') !== -1;
+    var i2, binEnd, n;
+
+    if(cumulativeSpec.enabled && densityNorm) {
+        // we treat "cumulative" like it means "integral" if you use a density norm,
+        // which in the end means it's the same as without "density"
+        norm = norm.replace(/ ?density$/, '');
+        densityNorm = false;
+    }
+
+    var extremeFunc = func === 'max' || func === 'min';
+    var sizeInit = extremeFunc ? null : 0;
+    var binFunc = binFunctions.count;
+    var normFunc = normFunctions[norm];
+    var isAvg = false;
+    var pr2c = function(v) { return pa.r2c(v, 0, calendar); };
+    var rawCounterData;
+
+    if(Array.isArray(trace[counterData]) && func !== 'count') {
+        rawCounterData = trace[counterData];
+        isAvg = func === 'avg';
+        binFunc = binFunctions[func];
+    }
+
+    // create the bins (and any extra arrays needed)
+    // assume more than 1e6 bins is an error, so we don't crash the browser
+    i = pr2c(binSpec.start);
+
+    // decrease end a little in case of rounding errors
+    binEnd = pr2c(binSpec.end) + (i - Axes.tickIncrement(i, binSpec.size, false, calendar)) / 1e6;
+
+    while(i < binEnd && pos.length < 1e6) {
+        i2 = Axes.tickIncrement(i, binSpec.size, false, calendar);
+        pos.push((i + i2) / 2);
+        size.push(sizeInit);
+        // nonuniform bins (like months) we need to search,
+        // rather than straight calculate the bin we're in
+        if(nonuniformBins) bins.push(i);
+        // nonuniform bins also need nonuniform normalization factors
+        if(densityNorm) inc.push(1 / (i2 - i));
+        if(isAvg) counts.push(0);
+        // break to avoid infinite loops
+        if(i2 <= i) break;
+        i = i2;
+    }
+
+    // for date axes we need bin bounds to be calcdata. For nonuniform bins
+    // we already have this, but uniform with start/end/size they're still strings.
+    if(!nonuniformBins && pa.type === 'date') {
+        bins = {
+            start: pr2c(bins.start),
+            end: pr2c(bins.end),
+            size: bins.size
+        };
+    }
+
+    var nMax = size.length;
+    // bin the data
+    for(i = 0; i < pos0.length; i++) {
+        n = Lib.findBin(pos0[i], bins);
+        if(n >= 0 && n < nMax) total += binFunc(n, i, size, rawCounterData, counts);
+    }
+
+    // average and/or normalize the data, if needed
+    if(isAvg) total = doAvg(size, counts);
+    if(normFunc) normFunc(size, total, inc);
+
+    // after all normalization etc, now we can accumulate if desired
+    if(cumulativeSpec.enabled) cdf(size, cumulativeSpec.direction, cumulativeSpec.currentbin);
+
+
+    var seriesLen = Math.min(pos.length, size.length);
+    var cd = [];
+    var firstNonzero = 0;
+    var lastNonzero = seriesLen - 1;
+
+    // look for empty bins at the ends to remove, so autoscale omits them
+    for(i = 0; i < seriesLen; i++) {
+        if(size[i]) {
+            firstNonzero = i;
+            break;
+        }
+    }
+    for(i = seriesLen - 1; i >= firstNonzero; i--) {
+        if(size[i]) {
+            lastNonzero = i;
+            break;
+        }
+    }
+
+    // create the "calculated data" to plot
+    for(i = firstNonzero; i <= lastNonzero; i++) {
+        if((isNumeric(pos[i]) && isNumeric(size[i]))) {
+            cd.push({p: pos[i], s: size[i], b: 0});
+        }
+    }
+
+    if(cd.length === 1) {
+        // when we collapse to a single bin, calcdata no longer describes bin size
+        // so we need to explicitly specify it
+        cd[0].width1 = Axes.tickIncrement(cd[0].p, binSpec.size, false, calendar) - cd[0].p;
+    }
+
+    arraysToCalcdata(cd, trace);
+
+    return cd;
+};
+
+/*
+ * calcAllAutoBins: we want all histograms on the same axes to share bin specs
+ * if they're grouped or stacked. If the user has explicitly specified differing
+ * bin specs, there's nothing we can do, but if possible we will try to use the
+ * smallest bins of any of the auto values for all histograms grouped/stacked
+ * together.
+ */
+function calcAllAutoBins(gd, trace, pa, mainData, _overlayEdgeCase) {
+    var binAttr = mainData + 'bins';
+    var isOverlay = gd._fullLayout.barmode === 'overlay';
+    var i, tracei, calendar, firstManual, pos0;
+
+    // all but the first trace in this group has already been marked finished
+    // clear this flag, so next time we run calc we will run autobin again
+    if(trace._autoBinFinished) {
+        delete trace._autoBinFinished;
+    }
+    else {
+        // must be the first trace in the group - do the autobinning on them all
+
+        // find all grouped traces - in overlay mode each trace is independent
+        var traceGroup = isOverlay ? [trace] : getConnectedHistograms(gd, trace);
+        var autoBinnedTraces = [];
+
+        var minSize = Infinity;
+        var minStart = Infinity;
+        var maxEnd = -Infinity;
+
+        var autoBinAttr = 'autobin' + mainData;
+
+        for(i = 0; i < traceGroup.length; i++) {
+            tracei = traceGroup[i];
+
+            // stash pos0 on the trace so we don't need to duplicate this
+            // in the main body of calc
+            pos0 = tracei._pos0 = pa.makeCalcdata(tracei, mainData);
+            var binSpec = tracei[binAttr];
+
+            if((tracei[autoBinAttr]) || !binSpec ||
+                    binSpec.start === null || binSpec.end === null) {
+                calendar = tracei[mainData + 'calendar'];
+                var cumulativeSpec = tracei.cumulative;
+
+                binSpec = Axes.autoBin(pos0, pa, tracei['nbins' + mainData], false, calendar);
+
+                // Edge case: single-valued histogram overlaying others
+                // Use them all together to calculate the bin size for the single-valued one
+                if(isOverlay && binSpec._count === 1 && pa.type !== 'category') {
+                    // Several single-valued histograms! Stop infinite recursion,
+                    // just return an extra flag that tells handleSingleValueOverlays
+                    // to sort out this trace too
+                    if(_overlayEdgeCase) return [binSpec, pos0, true];
+
+                    binSpec = handleSingleValueOverlays(gd, trace, pa, mainData, binAttr);
+                }
+
+                // adjust for CDF edge cases
+                if(cumulativeSpec.enabled && (cumulativeSpec.currentbin !== 'include')) {
+                    if(cumulativeSpec.direction === 'decreasing') {
+                        minStart = Math.min(minStart, pa.r2c(binSpec.start, 0, calendar) - binSpec.size);
+                    }
+                    else {
+                        maxEnd = Math.max(maxEnd, pa.r2c(binSpec.end, 0, calendar) + binSpec.size);
+                    }
+                }
+
+                // note that it's possible to get here with an explicit autobin: false
+                // if the bins were not specified. mark this trace for followup
+                autoBinnedTraces.push(tracei);
+            }
+            else if(!firstManual) {
+                // Remember the first manually set binSpec. We'll try to be extra
+                // accommodating of this one, so other bins line up with these.
+                // But if there's more than one manual bin set and they're mutually
+                // inconsistent, then there's not much we can do...
+                firstManual = {
+                    size: binSpec.size,
+                    start: pa.r2c(binSpec.start, 0, calendar),
+                    end: pa.r2c(binSpec.end, 0, calendar)
+                };
+            }
+
+            // Even non-autobinned traces get included here, so we get the greatest extent
+            // and minimum bin size of them all.
+            // But manually binned traces won't be adjusted, even if the auto values
+            // are inconsistent with the manual ones (or the manual ones are inconsistent
+            // with each other).
+            minSize = getMinSize(minSize, binSpec.size);
+            minStart = Math.min(minStart, pa.r2c(binSpec.start, 0, calendar));
+            maxEnd = Math.max(maxEnd, pa.r2c(binSpec.end, 0, calendar));
+
+            // add the flag that lets us abort autobin on later traces
+            if(i) tracei._autoBinFinished = 1;
+        }
+
+        // do what we can to match the auto bins to the first manual bins
+        // but only if sizes are all numeric
+        if(firstManual && isNumeric(firstManual.size) && isNumeric(minSize)) {
+            // first need to ensure the bin size is the same as or an integer fraction
+            // of the first manual bin
+            // allow the bin size to increase just under the autobin step size to match,
+            // (which is a factor of 2 or 2.5) otherwise shrink it
+            if(minSize > firstManual.size / 1.9) minSize = firstManual.size;
+            else minSize = firstManual.size / Math.ceil(firstManual.size / minSize);
+
+            // now decrease minStart if needed to make the bin centers line up
+            var adjustedFirstStart = firstManual.start + (firstManual.size - minSize) / 2;
+            minStart = adjustedFirstStart - minSize * Math.ceil((adjustedFirstStart - minStart) / minSize);
+        }
+
+        // now go back to the autobinned traces and update their bin specs with the final values
+        for(i = 0; i < autoBinnedTraces.length; i++) {
+            tracei = autoBinnedTraces[i];
+            calendar = tracei[mainData + 'calendar'];
+
+            tracei._input[binAttr] = tracei[binAttr] = {
+                start: pa.c2r(minStart, 0, calendar),
+                end: pa.c2r(maxEnd, 0, calendar),
+                size: minSize
+            };
+
+            // note that it's possible to get here with an explicit autobin: false
+            // if the bins were not specified.
+            // in that case this will remain in the trace, so that future updates
+            // which would change the autobinning will not do so.
+            tracei._input[autoBinAttr] = tracei[autoBinAttr];
+        }
+    }
+
+    pos0 = trace._pos0;
+    delete trace._pos0;
+
+    return [trace[binAttr], pos0];
+}
+
+/*
+ * Adjust single-value histograms in overlay mode to make as good a
+ * guess as we can at autobin values the user would like.
+ *
+ * Returns the binSpec for the trace that sparked all this
+ */
+function handleSingleValueOverlays(gd, trace, pa, mainData, binAttr) {
+    var overlaidTraceGroup = getConnectedHistograms(gd, trace);
+    var pastThisTrace = false;
+    var minSize = Infinity;
+    var singleValuedTraces = [trace];
+    var i, tracei;
+
+    // first collect all the:
+    // - min bin size from all multi-valued traces
+    // - single-valued traces
+    for(i = 0; i < overlaidTraceGroup.length; i++) {
+        tracei = overlaidTraceGroup[i];
+        if(tracei === trace) pastThisTrace = true;
+        else if(!pastThisTrace) {
+            // This trace has already had its autobins calculated
+            // (so must not have been single-valued).
+            minSize = Math.min(minSize, tracei[binAttr].size);
+        }
+        else {
+            var resulti = calcAllAutoBins(gd, tracei, pa, mainData, true);
+            var binSpeci = resulti[0];
+            var isSingleValued = resulti[2];
+
+            // so we can use this result when we get to tracei in the normal
+            // course of events, mark it as done and put _pos0 back
+            tracei._autoBinFinished = 1;
+            tracei._pos0 = resulti[1];
+
+            if(isSingleValued) {
+                singleValuedTraces.push(tracei);
+            }
+            else {
+                minSize = Math.min(minSize, binSpeci.size);
+            }
+        }
+    }
+
+    // find the real data values for each single-valued trace
+    // hunt through pos0 for the first valid value
+    var dataVals = new Array(singleValuedTraces.length);
+    for(i = 0; i < singleValuedTraces.length; i++) {
+        var pos0 = singleValuedTraces[i]._pos0;
+        for(var j = 0; j < pos0.length; j++) {
+            if(pos0[j] !== undefined) {
+                dataVals[i] = pos0[j];
+                break;
+            }
+        }
+    }
+
+    // are ALL traces are single-valued? use the min difference between
+    // all of their values (which defaults to 1 if there's still only one)
+    if(!isFinite(minSize)) {
+        minSize = Lib.distinctVals(dataVals).minDiff;
+    }
+
+    // now apply the min size we found to all single-valued traces
+    for(i = 0; i < singleValuedTraces.length; i++) {
+        tracei = singleValuedTraces[i];
+        var calendar = tracei[mainData + 'calendar'];
+
+        tracei._input[binAttr] = tracei[binAttr] = {
+            start: pa.c2r(dataVals[i] - minSize / 2, 0, calendar),
+            end: pa.c2r(dataVals[i] + minSize / 2, 0, calendar),
+            size: minSize
+        };
+    }
+
+    return trace[binAttr];
+}
+
+/*
+ * Return an array of histograms that share axes and orientation.
+ *
+ * Only considers histograms. In principle we could include bars in a
+ * similar way to how we do manually binned histograms, though this
+ * would have tons of edge cases and value judgments to make.
+ */
+function getConnectedHistograms(gd, trace) {
+    var xid = trace.xaxis;
+    var yid = trace.yaxis;
+    var orientation = trace.orientation;
+
+    var out = [];
+    var fullData = gd._fullData;
+    for(var i = 0; i < fullData.length; i++) {
+        var tracei = fullData[i];
+        if(tracei.type === 'histogram' &&
+            tracei.orientation === orientation &&
+            tracei.xaxis === xid && tracei.yaxis === yid
+        ) {
+            out.push(tracei);
+        }
+    }
+
+    return out;
+}
+
+
+/*
+ * getMinSize: find the smallest given that size can be a string code
+ * ie 'M6' for 6 months. ('L' wouldn't make sense to compare with numeric sizes)
+ */
+function getMinSize(size1, size2) {
+    if(size1 === Infinity) return size2;
+    var sizeNumeric1 = numericSize(size1);
+    var sizeNumeric2 = numericSize(size2);
+    return sizeNumeric2 < sizeNumeric1 ? size2 : size1;
+}
+
+function numericSize(size) {
+    if(isNumeric(size)) return size;
+    if(typeof size === 'string' && size.charAt(0) === 'M') {
+        return oneMonth * +(size.substr(1));
+    }
+    return Infinity;
+}
+
+function cdf(size, direction, currentBin) {
+    var i, vi, prevSum;
+
+    function firstHalfPoint(i) {
+        prevSum = size[i];
+        size[i] /= 2;
+    }
+
+    function nextHalfPoint(i) {
+        vi = size[i];
+        size[i] = prevSum + vi / 2;
+        prevSum += vi;
+    }
+
+    if(currentBin === 'half') {
+
+        if(direction === 'increasing') {
+            firstHalfPoint(0);
+            for(i = 1; i < size.length; i++) {
+                nextHalfPoint(i);
+            }
+        }
+        else {
+            firstHalfPoint(size.length - 1);
+            for(i = size.length - 2; i >= 0; i--) {
+                nextHalfPoint(i);
+            }
+        }
+    }
+    else if(direction === 'increasing') {
+        for(i = 1; i < size.length; i++) {
+            size[i] += size[i - 1];
+        }
+
+        // 'exclude' is identical to 'include' just shifted one bin over
+        if(currentBin === 'exclude') {
+            size.unshift(0);
+            size.pop();
+        }
+    }
+    else {
+        for(i = size.length - 2; i >= 0; i--) {
+            size[i] += size[i + 1];
+        }
+
+        if(currentBin === 'exclude') {
+            size.push(0);
+            size.shift();
+        }
+    }
+}
+
+},{"../../constants/numerical":707,"../../lib":728,"../../plots/cartesian/axes":772,"../bar/arrays_to_calcdata":855,"./average":968,"./bin_functions":970,"./clean_bins":972,"./norm_functions":975,"fast-isnumeric":131}],972:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+var isNumeric = require('fast-isnumeric');
+var cleanDate = require('../../lib').cleanDate;
+var constants = require('../../constants/numerical');
+var ONEDAY = constants.ONEDAY;
+var BADNUM = constants.BADNUM;
+
+/*
+ * cleanBins: validate attributes autobin[xy] and [xy]bins.(start, end, size)
+ * Mutates trace so all these attributes are valid.
+ *
+ * Normally this kind of thing would happen during supplyDefaults, but
+ * in this case we need to know the axis type, and axis type isn't set until
+ * after trace supplyDefaults are completed. So this gets called during the
+ * calc step, when data are inserted into bins.
+ */
+module.exports = function cleanBins(trace, ax, binDirection) {
+    var axType = ax.type,
+        binAttr = binDirection + 'bins',
+        bins = trace[binAttr];
+
+    if(!bins) bins = trace[binAttr] = {};
+
+    var cleanBound = (axType === 'date') ?
+        function(v) { return (v || v === 0) ? cleanDate(v, BADNUM, bins.calendar) : null; } :
+        function(v) { return isNumeric(v) ? Number(v) : null; };
+
+    bins.start = cleanBound(bins.start);
+    bins.end = cleanBound(bins.end);
+
+    // logic for bin size is very similar to dtick (cartesian/tick_value_defaults)
+    // but without the extra string options for log axes
+    // ie the only strings we accept are M<n> for months
+    var sizeDflt = (axType === 'date') ? ONEDAY : 1,
+        binSize = bins.size;
+
+    if(isNumeric(binSize)) {
+        bins.size = (binSize > 0) ? Number(binSize) : sizeDflt;
+    }
+    else if(typeof binSize !== 'string') {
+        bins.size = sizeDflt;
+    }
+    else {
+        // date special case: "M<n>" gives bins every (integer) n months
+        var prefix = binSize.charAt(0),
+            sizeNum = binSize.substr(1);
+
+        sizeNum = isNumeric(sizeNum) ? Number(sizeNum) : 0;
+        if((sizeNum <= 0) || !(
+                axType === 'date' && prefix === 'M' && sizeNum === Math.round(sizeNum)
+            )) {
+            bins.size = sizeDflt;
+        }
+    }
+
+    var autoBinAttr = 'autobin' + binDirection;
+
+    if(typeof trace[autoBinAttr] !== 'boolean') {
+        trace[autoBinAttr] = !(
+            (bins.start || bins.start === 0) &&
+            (bins.end || bins.end === 0)
+        );
+    }
+
+    if(!trace[autoBinAttr]) delete trace['nbins' + binDirection];
+};
+
+},{"../../constants/numerical":707,"../../lib":728,"fast-isnumeric":131}],973:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var Color = require('../../components/color');
+
+var handleBinDefaults = require('./bin_defaults');
+var handleStyleDefaults = require('../bar/style_defaults');
+var errorBarsSupplyDefaults = require('../../components/errorbars/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var x = coerce('x'),
+        y = coerce('y');
+
+    var cumulative = coerce('cumulative.enabled');
+    if(cumulative) {
+        coerce('cumulative.direction');
+        coerce('cumulative.currentbin');
+    }
+
+    coerce('text');
+
+    var orientation = coerce('orientation', (y && !x) ? 'h' : 'v'),
+        sample = traceOut[orientation === 'v' ? 'x' : 'y'];
+
+    if(!(sample && sample.length)) {
+        traceOut.visible = false;
+        return;
+    }
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y'], layout);
+
+    var hasAggregationData = traceOut[orientation === 'h' ? 'x' : 'y'];
+    if(hasAggregationData) coerce('histfunc');
+
+    var binDirections = (orientation === 'h') ? ['y'] : ['x'];
+    handleBinDefaults(traceIn, traceOut, coerce, binDirections);
+
+    handleStyleDefaults(traceIn, traceOut, coerce, defaultColor, layout);
+
+    // override defaultColor for error bars with defaultLine
+    errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'y'});
+    errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'x', inherit: 'y'});
+};
+
+},{"../../components/color":604,"../../components/errorbars/defaults":633,"../../lib":728,"../../registry":846,"../bar/style_defaults":868,"./attributes":967,"./bin_defaults":969}],974:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+/**
+ * Histogram has its own attribute, defaults and calc steps,
+ * but uses bar's plot to display
+ * and bar's setPositions for stacking and grouping
+ */
+
+/**
+ * histogram errorBarsOK is debatable, but it's put in for backward compat.
+ * there are use cases for it - sqrt for a simple histogram works right now,
+ * constant and % work but they're not so meaningful. I guess it could be cool
+ * to allow quadrature combination of errors in summed histograms...
+ */
+
+
+var Histogram = {};
+
+Histogram.attributes = require('./attributes');
+Histogram.layoutAttributes = require('../bar/layout_attributes');
+Histogram.supplyDefaults = require('./defaults');
+Histogram.supplyLayoutDefaults = require('../bar/layout_defaults');
+Histogram.calc = require('./calc');
+Histogram.setPositions = require('../bar/set_positions');
+Histogram.plot = require('../bar/plot');
+Histogram.style = require('../bar/style');
+Histogram.colorbar = require('../scatter/colorbar');
+Histogram.hoverPoints = require('../bar/hover');
+Histogram.selectPoints = require('../bar/select');
+
+Histogram.moduleType = 'trace';
+Histogram.name = 'histogram';
+Histogram.basePlotModule = require('../../plots/cartesian');
+Histogram.categories = ['cartesian', 'bar', 'histogram', 'oriented', 'errorBarsOK', 'showLegend'];
+Histogram.meta = {
+    
+};
+
+module.exports = Histogram;
+
+},{"../../plots/cartesian":782,"../bar/hover":859,"../bar/layout_attributes":861,"../bar/layout_defaults":862,"../bar/plot":863,"../bar/select":864,"../bar/set_positions":865,"../bar/style":867,"../scatter/colorbar":1034,"./attributes":967,"./calc":971,"./defaults":973}],975:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = {
+    percent: function(size, total) {
+        var nMax = size.length,
+            norm = 100 / total;
+        for(var n = 0; n < nMax; n++) size[n] *= norm;
+    },
+    probability: function(size, total) {
+        var nMax = size.length;
+        for(var n = 0; n < nMax; n++) size[n] /= total;
+    },
+    density: function(size, total, inc, yinc) {
+        var nMax = size.length;
+        yinc = yinc || 1;
+        for(var n = 0; n < nMax; n++) size[n] *= inc[n] * yinc;
+    },
+    'probability density': function(size, total, inc, yinc) {
+        var nMax = size.length;
+        if(yinc) total /= yinc;
+        for(var n = 0; n < nMax; n++) size[n] *= inc[n] / total;
+    }
+};
+
+},{}],976:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var histogramAttrs = require('../histogram/attributes');
+var heatmapAttrs = require('../heatmap/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = extendFlat({},
+    {
+        x: histogramAttrs.x,
+        y: histogramAttrs.y,
+
+        z: {
+            valType: 'data_array',
+            editType: 'calc',
+            
+        },
+        marker: {
+            color: {
+                valType: 'data_array',
+                editType: 'calc',
+                
+            },
+            editType: 'calc'
+        },
+
+        histnorm: histogramAttrs.histnorm,
+        histfunc: histogramAttrs.histfunc,
+        autobinx: histogramAttrs.autobinx,
+        nbinsx: histogramAttrs.nbinsx,
+        xbins: histogramAttrs.xbins,
+        autobiny: histogramAttrs.autobiny,
+        nbinsy: histogramAttrs.nbinsy,
+        ybins: histogramAttrs.ybins,
+
+        xgap: heatmapAttrs.xgap,
+        ygap: heatmapAttrs.ygap,
+        zsmooth: heatmapAttrs.zsmooth
+    },
+    colorscaleAttrs,
+    { autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale, {dflt: false}) },
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../heatmap/attributes":948,"../histogram/attributes":967}],977:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+var binFunctions = require('../histogram/bin_functions');
+var normFunctions = require('../histogram/norm_functions');
+var doAvg = require('../histogram/average');
+var cleanBins = require('../histogram/clean_bins');
+
+
+module.exports = function calc(gd, trace) {
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x'),
+        x = trace.x ? xa.makeCalcdata(trace, 'x') : [],
+        ya = Axes.getFromId(gd, trace.yaxis || 'y'),
+        y = trace.y ? ya.makeCalcdata(trace, 'y') : [],
+        xcalendar = trace.xcalendar,
+        ycalendar = trace.ycalendar,
+        xr2c = function(v) { return xa.r2c(v, 0, xcalendar); },
+        yr2c = function(v) { return ya.r2c(v, 0, ycalendar); },
+        xc2r = function(v) { return xa.c2r(v, 0, xcalendar); },
+        yc2r = function(v) { return ya.c2r(v, 0, ycalendar); },
+        x0,
+        dx,
+        y0,
+        dy,
+        z,
+        i;
+
+    cleanBins(trace, xa, 'x');
+    cleanBins(trace, ya, 'y');
+
+    var serieslen = Math.min(x.length, y.length);
+    if(x.length > serieslen) x.splice(serieslen, x.length - serieslen);
+    if(y.length > serieslen) y.splice(serieslen, y.length - serieslen);
+
+
+    // calculate the bins
+    if(trace.autobinx || !trace.xbins ||
+            trace.xbins.start === null || trace.xbins.end === null) {
+        trace.xbins = Axes.autoBin(x, xa, trace.nbinsx, '2d', xcalendar);
+        if(trace.type === 'histogram2dcontour') {
+            // the "true" last argument reverses the tick direction (which we can't
+            // just do with a minus sign because of month bins)
+            trace.xbins.start = xc2r(Axes.tickIncrement(
+                xr2c(trace.xbins.start), trace.xbins.size, true, xcalendar));
+            trace.xbins.end = xc2r(Axes.tickIncrement(
+                xr2c(trace.xbins.end), trace.xbins.size, false, xcalendar));
+        }
+
+        // copy bin info back to the source data.
+        trace._input.xbins = trace.xbins;
+        // note that it's possible to get here with an explicit autobin: false
+        // if the bins were not specified.
+        // in that case this will remain in the trace, so that future updates
+        // which would change the autobinning will not do so.
+        trace._input.autobinx = trace.autobinx;
+    }
+    if(trace.autobiny || !trace.ybins ||
+            trace.ybins.start === null || trace.ybins.end === null) {
+        trace.ybins = Axes.autoBin(y, ya, trace.nbinsy, '2d', ycalendar);
+        if(trace.type === 'histogram2dcontour') {
+            trace.ybins.start = yc2r(Axes.tickIncrement(
+                yr2c(trace.ybins.start), trace.ybins.size, true, ycalendar));
+            trace.ybins.end = yc2r(Axes.tickIncrement(
+                yr2c(trace.ybins.end), trace.ybins.size, false, ycalendar));
+        }
+        trace._input.ybins = trace.ybins;
+        trace._input.autobiny = trace.autobiny;
+    }
+
+    // make the empty bin array & scale the map
+    z = [];
+    var onecol = [],
+        zerocol = [],
+        nonuniformBinsX = (typeof(trace.xbins.size) === 'string'),
+        nonuniformBinsY = (typeof(trace.ybins.size) === 'string'),
+        xbins = nonuniformBinsX ? [] : trace.xbins,
+        ybins = nonuniformBinsY ? [] : trace.ybins,
+        total = 0,
+        n,
+        m,
+        counts = [],
+        norm = trace.histnorm,
+        func = trace.histfunc,
+        densitynorm = (norm.indexOf('density') !== -1),
+        extremefunc = (func === 'max' || func === 'min'),
+        sizeinit = (extremefunc ? null : 0),
+        binfunc = binFunctions.count,
+        normfunc = normFunctions[norm],
+        doavg = false,
+        xinc = [],
+        yinc = [];
+
+    // set a binning function other than count?
+    // for binning functions: check first for 'z',
+    // then 'mc' in case we had a colored scatter plot
+    // and want to transfer these colors to the 2D histo
+    // TODO: this is why we need a data picker in the popover...
+    var rawCounterData = ('z' in trace) ?
+        trace.z :
+        (('marker' in trace && Array.isArray(trace.marker.color)) ?
+            trace.marker.color : '');
+    if(rawCounterData && func !== 'count') {
+        doavg = func === 'avg';
+        binfunc = binFunctions[func];
+    }
+
+    // decrease end a little in case of rounding errors
+    var binspec = trace.xbins,
+        binStart = xr2c(binspec.start),
+        binEnd = xr2c(binspec.end) +
+            (binStart - Axes.tickIncrement(binStart, binspec.size, false, xcalendar)) / 1e6;
+
+    for(i = binStart; i < binEnd; i = Axes.tickIncrement(i, binspec.size, false, xcalendar)) {
+        onecol.push(sizeinit);
+        if(nonuniformBinsX) xbins.push(i);
+        if(doavg) zerocol.push(0);
+    }
+    if(nonuniformBinsX) xbins.push(i);
+
+    var nx = onecol.length;
+    x0 = trace.xbins.start;
+    var x0c = xr2c(x0);
+    dx = (i - x0c) / nx;
+    x0 = xc2r(x0c + dx / 2);
+
+    binspec = trace.ybins;
+    binStart = yr2c(binspec.start);
+    binEnd = yr2c(binspec.end) +
+        (binStart - Axes.tickIncrement(binStart, binspec.size, false, ycalendar)) / 1e6;
+
+    for(i = binStart; i < binEnd; i = Axes.tickIncrement(i, binspec.size, false, ycalendar)) {
+        z.push(onecol.concat());
+        if(nonuniformBinsY) ybins.push(i);
+        if(doavg) counts.push(zerocol.concat());
+    }
+    if(nonuniformBinsY) ybins.push(i);
+
+    var ny = z.length;
+    y0 = trace.ybins.start;
+    var y0c = yr2c(y0);
+    dy = (i - y0c) / ny;
+    y0 = yc2r(y0c + dy / 2);
+
+    if(densitynorm) {
+        xinc = onecol.map(function(v, i) {
+            if(nonuniformBinsX) return 1 / (xbins[i + 1] - xbins[i]);
+            return 1 / dx;
+        });
+        yinc = z.map(function(v, i) {
+            if(nonuniformBinsY) return 1 / (ybins[i + 1] - ybins[i]);
+            return 1 / dy;
+        });
+    }
+
+    // for date axes we need bin bounds to be calcdata. For nonuniform bins
+    // we already have this, but uniform with start/end/size they're still strings.
+    if(!nonuniformBinsX && xa.type === 'date') {
+        xbins = {
+            start: xr2c(xbins.start),
+            end: xr2c(xbins.end),
+            size: xbins.size
+        };
+    }
+    if(!nonuniformBinsY && ya.type === 'date') {
+        ybins = {
+            start: yr2c(ybins.start),
+            end: yr2c(ybins.end),
+            size: ybins.size
+        };
+    }
+
+
+    // put data into bins
+    for(i = 0; i < serieslen; i++) {
+        n = Lib.findBin(x[i], xbins);
+        m = Lib.findBin(y[i], ybins);
+        if(n >= 0 && n < nx && m >= 0 && m < ny) {
+            total += binfunc(n, i, z[m], rawCounterData, counts[m]);
+        }
+    }
+    // normalize, if needed
+    if(doavg) {
+        for(m = 0; m < ny; m++) total += doAvg(z[m], counts[m]);
+    }
+    if(normfunc) {
+        for(m = 0; m < ny; m++) normfunc(z[m], total, xinc, yinc[m]);
+    }
+
+    return {
+        x: x,
+        x0: x0,
+        dx: dx,
+        y: y,
+        y0: y0,
+        dy: dy,
+        z: z
+    };
+};
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"../histogram/average":968,"../histogram/bin_functions":970,"../histogram/clean_bins":972,"../histogram/norm_functions":975}],978:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var handleSampleDefaults = require('./sample_defaults');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    handleSampleDefaults(traceIn, traceOut, coerce, layout);
+
+    var zsmooth = coerce('zsmooth');
+    if(zsmooth === false) {
+        // ensure that xgap and ygap are coerced only when zsmooth allows them to have an effect.
+        coerce('xgap');
+        coerce('ygap');
+    }
+
+    colorscaleDefaults(
+        traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'z'}
+    );
+};
+
+},{"../../components/colorscale/defaults":613,"../../lib":728,"./attributes":976,"./sample_defaults":980}],979:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Histogram2D = {};
+
+Histogram2D.attributes = require('./attributes');
+Histogram2D.supplyDefaults = require('./defaults');
+Histogram2D.calc = require('../heatmap/calc');
+Histogram2D.plot = require('../heatmap/plot');
+Histogram2D.colorbar = require('../heatmap/colorbar');
+Histogram2D.style = require('../heatmap/style');
+Histogram2D.hoverPoints = require('../heatmap/hover');
+
+Histogram2D.moduleType = 'trace';
+Histogram2D.name = 'histogram2d';
+Histogram2D.basePlotModule = require('../../plots/cartesian');
+Histogram2D.categories = ['cartesian', '2dMap', 'histogram'];
+Histogram2D.meta = {
+    
+    
+};
+
+module.exports = Histogram2D;
+
+},{"../../plots/cartesian":782,"../heatmap/calc":949,"../heatmap/colorbar":951,"../heatmap/hover":956,"../heatmap/plot":961,"../heatmap/style":962,"./attributes":976,"./defaults":978}],980:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var handleBinDefaults = require('../histogram/bin_defaults');
+
+
+module.exports = function handleSampleDefaults(traceIn, traceOut, coerce, layout) {
+    var x = coerce('x'),
+        y = coerce('y');
+
+    // we could try to accept x0 and dx, etc...
+    // but that's a pretty weird use case.
+    // for now require both x and y explicitly specified.
+    if(!(x && x.length && y && y.length)) {
+        traceOut.visible = false;
+        return;
+    }
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y'], layout);
+
+    // if marker.color is an array, we can use it in aggregation instead of z
+    var hasAggregationData = coerce('z') || coerce('marker.color');
+
+    if(hasAggregationData) coerce('histfunc');
+
+    var binDirections = ['x', 'y'];
+    handleBinDefaults(traceIn, traceOut, coerce, binDirections);
+};
+
+},{"../../registry":846,"../histogram/bin_defaults":969}],981:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var histogram2dAttrs = require('../histogram2d/attributes');
+var contourAttrs = require('../contour/attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = extendFlat({
+    x: histogram2dAttrs.x,
+    y: histogram2dAttrs.y,
+    z: histogram2dAttrs.z,
+    marker: histogram2dAttrs.marker,
+
+    histnorm: histogram2dAttrs.histnorm,
+    histfunc: histogram2dAttrs.histfunc,
+    autobinx: histogram2dAttrs.autobinx,
+    nbinsx: histogram2dAttrs.nbinsx,
+    xbins: histogram2dAttrs.xbins,
+    autobiny: histogram2dAttrs.autobiny,
+    nbinsy: histogram2dAttrs.nbinsy,
+    ybins: histogram2dAttrs.ybins,
+
+    autocontour: contourAttrs.autocontour,
+    ncontours: contourAttrs.ncontours,
+    contours: contourAttrs.contours,
+    line: contourAttrs.line
+},
+    colorscaleAttrs, {
+        zmin: extendFlat({}, colorscaleAttrs.zmin, {editType: 'calc'}),
+        zmax: extendFlat({}, colorscaleAttrs.zmax, {editType: 'calc'})
+    },
+    { colorbar: colorbarAttrs }
+);
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../contour/attributes":920,"../histogram2d/attributes":976}],982:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var handleSampleDefaults = require('../histogram2d/sample_defaults');
+var handleContoursDefaults = require('../contour/contours_defaults');
+var handleStyleDefaults = require('../contour/style_defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    handleSampleDefaults(traceIn, traceOut, coerce, layout);
+    handleContoursDefaults(traceIn, traceOut, coerce);
+    handleStyleDefaults(traceIn, traceOut, coerce, layout);
+};
+
+},{"../../lib":728,"../contour/contours_defaults":924,"../contour/style_defaults":934,"../histogram2d/sample_defaults":980,"./attributes":981}],983:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Histogram2dContour = {};
+
+Histogram2dContour.attributes = require('./attributes');
+Histogram2dContour.supplyDefaults = require('./defaults');
+Histogram2dContour.calc = require('../contour/calc');
+Histogram2dContour.plot = require('../contour/plot').plot;
+Histogram2dContour.style = require('../contour/style');
+Histogram2dContour.colorbar = require('../contour/colorbar');
+Histogram2dContour.hoverPoints = require('../contour/hover');
+
+Histogram2dContour.moduleType = 'trace';
+Histogram2dContour.name = 'histogram2dcontour';
+Histogram2dContour.basePlotModule = require('../../plots/cartesian');
+Histogram2dContour.categories = ['cartesian', '2dMap', 'contour', 'histogram'];
+Histogram2dContour.meta = {
+    
+    
+};
+
+module.exports = Histogram2dContour;
+
+},{"../../plots/cartesian":782,"../contour/calc":921,"../contour/colorbar":922,"../contour/hover":928,"../contour/plot":932,"../contour/style":933,"./attributes":981,"./defaults":982}],984:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttrs = require('../../components/colorscale/color_attributes');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var surfaceAtts = require('../surface/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+
+module.exports = extendFlat(colorAttrs('', 'calc', false), {
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    y: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    z: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+
+    i: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    j: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+
+    },
+    k: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+
+    },
+
+    delaunayaxis: {
+        valType: 'enumerated',
+        
+        values: [ 'x', 'y', 'z' ],
+        dflt: 'z',
+        editType: 'calc',
+        
+    },
+
+    alphahull: {
+        valType: 'number',
+        
+        dflt: -1,
+        editType: 'calc',
+        
+    },
+
+    intensity: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+
+    // Color field
+    color: {
+        valType: 'color',
+        
+        editType: 'calc',
+        
+    },
+    vertexcolor: {
+        valType: 'data_array',
+        
+        editType: 'calc',
+        
+    },
+    facecolor: {
+        valType: 'data_array',
+        
+        editType: 'calc',
+        
+    },
+
+    // Opacity
+    opacity: surfaceAtts.opacity,
+
+    // Flat shaded mode
+    flatshading: {
+        valType: 'boolean',
+        
+        dflt: false,
+        editType: 'calc',
+        
+    },
+
+    contour: {
+        show: extendFlat({}, surfaceAtts.contours.x.show, {
+            
+        }),
+        color: surfaceAtts.contours.x.color,
+        width: surfaceAtts.contours.x.width,
+        editType: 'calc'
+    },
+
+    showscale: colorscaleAttrs.showscale,
+    colorbar: colorbarAttrs,
+
+    lightposition: {
+        x: extendFlat({}, surfaceAtts.lightposition.x, {dflt: 1e5}),
+        y: extendFlat({}, surfaceAtts.lightposition.y, {dflt: 1e5}),
+        z: extendFlat({}, surfaceAtts.lightposition.z, {dflt: 0}),
+        editType: 'calc'
+    },
+    lighting: extendFlat({
+        vertexnormalsepsilon: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 1,
+            dflt: 1e-12, // otherwise finely tessellated things eg. the brain will have no specular light reflection
+            editType: 'calc',
+            
+        },
+        facenormalsepsilon: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 1,
+            dflt: 1e-6, // even the brain model doesn't appear to need finer than this
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    }, surfaceAtts.lighting)
+});
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../components/colorscale/color_attributes":611,"../../lib/extend":717,"../surface/attributes":1099}],985:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorscaleCalc = require('../../components/colorscale/calc');
+
+module.exports = function calc(gd, trace) {
+    if(trace.intensity) {
+        colorscaleCalc(trace, trace.intensity, '', 'c');
+    }
+};
+
+},{"../../components/colorscale/calc":610}],986:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Colorscale = require('../../components/colorscale');
+var drawColorbar = require('../../components/colorbar/draw');
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        cbId = 'cb' + trace.uid,
+        cmin = trace.cmin,
+        cmax = trace.cmax,
+        vals = trace.intensity || [];
+
+    if(!isNumeric(cmin)) cmin = Lib.aggNums(Math.min, null, vals);
+    if(!isNumeric(cmax)) cmax = Lib.aggNums(Math.max, null, vals);
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    if(!trace.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var cb = cd[0].t.cb = drawColorbar(gd, cbId);
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            trace.colorscale,
+            cmin,
+            cmax
+        ),
+        { noNumericCheck: true }
+    );
+
+    cb.fillcolor(sclFunc)
+        .filllevels({start: cmin, end: cmax, size: (cmax - cmin) / 254})
+        .options(trace.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../components/colorscale":618,"../../lib":728,"../../plots/plots":831,"fast-isnumeric":131}],987:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createMesh = require('gl-mesh3d');
+var tinycolor = require('tinycolor2');
+var triangulate = require('delaunay-triangulate');
+var alphaShape = require('alpha-shape');
+var convexHull = require('convex-hull');
+
+var str2RgbaArray = require('../../lib/str2rgbarray');
+
+
+function Mesh3DTrace(scene, mesh, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.mesh = mesh;
+    this.name = '';
+    this.color = '#fff';
+    this.data = null;
+    this.showContour = false;
+}
+
+var proto = Mesh3DTrace.prototype;
+
+proto.handlePick = function(selection) {
+    if(selection.object === this.mesh) {
+        var selectIndex = selection.index = selection.data.index;
+
+        selection.traceCoordinate = [
+            this.data.x[selectIndex],
+            this.data.y[selectIndex],
+            this.data.z[selectIndex]
+        ];
+
+        return true;
+    }
+};
+
+function parseColorScale(colorscale) {
+    return colorscale.map(function(elem) {
+        var index = elem[0];
+        var color = tinycolor(elem[1]);
+        var rgb = color.toRgb();
+        return {
+            index: index,
+            rgb: [rgb.r, rgb.g, rgb.b, 1]
+        };
+    });
+}
+
+function parseColorArray(colors) {
+    return colors.map(str2RgbaArray);
+}
+
+function zip3(x, y, z) {
+    var result = new Array(x.length);
+    for(var i = 0; i < x.length; ++i) {
+        result[i] = [x[i], y[i], z[i]];
+    }
+    return result;
+}
+
+proto.update = function(data) {
+    var scene = this.scene,
+        layout = scene.fullSceneLayout;
+
+    this.data = data;
+
+    // Unpack position data
+    function toDataCoords(axis, coord, scale, calendar) {
+        return coord.map(function(x) {
+            return axis.d2l(x, 0, calendar) * scale;
+        });
+    }
+
+    var positions = zip3(
+        toDataCoords(layout.xaxis, data.x, scene.dataScale[0], data.xcalendar),
+        toDataCoords(layout.yaxis, data.y, scene.dataScale[1], data.ycalendar),
+        toDataCoords(layout.zaxis, data.z, scene.dataScale[2], data.zcalendar));
+
+    var cells;
+    if(data.i && data.j && data.k) {
+        cells = zip3(data.i, data.j, data.k);
+    }
+    else if(data.alphahull === 0) {
+        cells = convexHull(positions);
+    }
+    else if(data.alphahull > 0) {
+        cells = alphaShape(data.alphahull, positions);
+    }
+    else {
+        var d = ['x', 'y', 'z'].indexOf(data.delaunayaxis);
+        cells = triangulate(positions.map(function(c) {
+            return [c[(d + 1) % 3], c[(d + 2) % 3]];
+        }));
+    }
+
+    var config = {
+        positions: positions,
+        cells: cells,
+        lightPosition: [data.lightposition.x, data.lightposition.y, data.lightposition.z],
+        ambient: data.lighting.ambient,
+        diffuse: data.lighting.diffuse,
+        specular: data.lighting.specular,
+        roughness: data.lighting.roughness,
+        fresnel: data.lighting.fresnel,
+        vertexNormalsEpsilon: data.lighting.vertexnormalsepsilon,
+        faceNormalsEpsilon: data.lighting.facenormalsepsilon,
+        opacity: data.opacity,
+        contourEnable: data.contour.show,
+        contourColor: str2RgbaArray(data.contour.color).slice(0, 3),
+        contourWidth: data.contour.width,
+        useFacetNormals: data.flatshading
+    };
+
+    if(data.intensity) {
+        this.color = '#fff';
+        config.vertexIntensity = data.intensity;
+        config.vertexIntensityBounds = [data.cmin, data.cmax];
+        config.colormap = parseColorScale(data.colorscale);
+    }
+    else if(data.vertexcolor) {
+        this.color = data.vertexcolor[0];
+        config.vertexColors = parseColorArray(data.vertexcolor);
+    }
+    else if(data.facecolor) {
+        this.color = data.facecolor[0];
+        config.cellColors = parseColorArray(data.facecolor);
+    }
+    else {
+        this.color = data.color;
+        config.meshColor = str2RgbaArray(data.color);
+    }
+
+    // Update mesh
+    this.mesh.update(config);
+};
+
+proto.dispose = function() {
+    this.scene.glplot.remove(this.mesh);
+    this.mesh.dispose();
+};
+
+function createMesh3DTrace(scene, data) {
+    var gl = scene.glplot.gl;
+    var mesh = createMesh({gl: gl});
+    var result = new Mesh3DTrace(scene, mesh, data.uid);
+    mesh._trace = result;
+    result.update(data);
+    scene.glplot.add(mesh);
+    return result;
+}
+
+module.exports = createMesh3DTrace;
+
+},{"../../lib/str2rgbarray":749,"alpha-shape":43,"convex-hull":103,"delaunay-triangulate":123,"gl-mesh3d":205,"tinycolor2":534}],988:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var attributes = require('./attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    // read in face/vertex properties
+    function readComponents(array) {
+        var ret = array.map(function(attr) {
+            var result = coerce(attr);
+
+            if(result && Array.isArray(result)) return result;
+            return null;
+        });
+
+        return ret.every(function(x) {
+            return x && x.length === ret[0].length;
+        }) && ret;
+    }
+
+    var coords = readComponents(['x', 'y', 'z']);
+    var indices = readComponents(['i', 'j', 'k']);
+
+    if(!coords) {
+        traceOut.visible = false;
+        return;
+    }
+
+    if(indices) {
+        // otherwise, convert all face indices to ints
+        indices.forEach(function(index) {
+            for(var i = 0; i < index.length; ++i) index[i] |= 0;
+        });
+    }
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y', 'z'], layout);
+
+    // Coerce remaining properties
+    [
+        'lighting.ambient',
+        'lighting.diffuse',
+        'lighting.specular',
+        'lighting.roughness',
+        'lighting.fresnel',
+        'lighting.vertexnormalsepsilon',
+        'lighting.facenormalsepsilon',
+        'lightposition.x',
+        'lightposition.y',
+        'lightposition.z',
+        'contour.show',
+        'contour.color',
+        'contour.width',
+        'colorscale',
+        'reversescale',
+        'flatshading',
+        'alphahull',
+        'delaunayaxis',
+        'opacity'
+    ].forEach(function(x) { coerce(x); });
+
+    if('intensity' in traceIn) {
+        coerce('intensity');
+        colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'c'});
+    } else {
+        traceOut.showscale = false;
+
+        if('facecolor' in traceIn) coerce('facecolor');
+        else if('vertexcolor' in traceIn) coerce('vertexcolor');
+        else coerce('color', defaultColor);
+    }
+};
+
+},{"../../components/colorscale/defaults":613,"../../lib":728,"../../registry":846,"./attributes":984}],989:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Mesh3D = {};
+
+Mesh3D.attributes = require('./attributes');
+Mesh3D.supplyDefaults = require('./defaults');
+Mesh3D.calc = require('./calc');
+Mesh3D.colorbar = require('./colorbar');
+Mesh3D.plot = require('./convert');
+
+Mesh3D.moduleType = 'trace';
+Mesh3D.name = 'mesh3d',
+Mesh3D.basePlotModule = require('../../plots/gl3d');
+Mesh3D.categories = ['gl3d'];
+Mesh3D.meta = {
+    
+};
+
+module.exports = Mesh3D;
+
+},{"../../plots/gl3d":811,"./attributes":984,"./calc":985,"./colorbar":986,"./convert":987,"./defaults":988}],990:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var extendFlat = require('../../lib').extendFlat;
+var scatterAttrs = require('../scatter/attributes');
+var dash = require('../../components/drawing/attributes').dash;
+
+var INCREASING_COLOR = '#3D9970';
+var DECREASING_COLOR = '#FF4136';
+
+var lineAttrs = scatterAttrs.line;
+
+function directionAttrs(lineColorDefault) {
+    return {
+        name: {
+            valType: 'string',
+            
+            editType: 'style',
+            
+        },
+
+        showlegend: {
+            valType: 'boolean',
+            
+            dflt: true,
+            editType: 'style',
+            
+        },
+
+        line: {
+            color: extendFlat({}, lineAttrs.color, {dflt: lineColorDefault}),
+            width: lineAttrs.width,
+            dash: dash,
+            editType: 'style'
+        },
+        editType: 'style'
+    };
+}
+
+module.exports = {
+
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+
+    open: {
+        valType: 'data_array',
+        dflt: [],
+        editType: 'calc',
+        
+    },
+
+    high: {
+        valType: 'data_array',
+        dflt: [],
+        editType: 'calc',
+        
+    },
+
+    low: {
+        valType: 'data_array',
+        dflt: [],
+        editType: 'calc',
+        
+    },
+
+    close: {
+        valType: 'data_array',
+        dflt: [],
+        editType: 'calc',
+        
+    },
+
+    line: {
+        width: extendFlat({}, lineAttrs.width, {
+            
+        }),
+        dash: extendFlat({}, dash, {
+            
+        }),
+        editType: 'style'
+    },
+
+    increasing: directionAttrs(INCREASING_COLOR),
+
+    decreasing: directionAttrs(DECREASING_COLOR),
+
+    text: {
+        valType: 'string',
+        
+        dflt: '',
+        arrayOk: true,
+        editType: 'calc',
+        
+    },
+
+    tickwidth: {
+        valType: 'number',
+        min: 0,
+        max: 0.5,
+        dflt: 0.3,
+        
+        editType: 'calcIfAutorange',
+        
+    }
+};
+
+},{"../../components/drawing/attributes":627,"../../lib":728,"../scatter/attributes":1031}],991:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+var handleOHLC = require('./ohlc_defaults');
+var handleDirectionDefaults = require('./direction_defaults');
+var attributes = require('./attributes');
+var helpers = require('./helpers');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    helpers.pushDummyTransformOpts(traceIn, traceOut);
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleOHLC(traceIn, traceOut, coerce, layout);
+    if(len === 0) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('line.width');
+    coerce('line.dash');
+
+    handleDirection(traceIn, traceOut, coerce, 'increasing');
+    handleDirection(traceIn, traceOut, coerce, 'decreasing');
+
+    coerce('text');
+    coerce('tickwidth');
+};
+
+function handleDirection(traceIn, traceOut, coerce, direction) {
+    handleDirectionDefaults(traceIn, traceOut, coerce, direction);
+
+    coerce(direction + '.line.color');
+    coerce(direction + '.line.width', traceOut.line.width);
+    coerce(direction + '.line.dash', traceOut.line.dash);
+}
+
+},{"../../lib":728,"./attributes":990,"./direction_defaults":992,"./helpers":993,"./ohlc_defaults":995}],992:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = function handleDirectionDefaults(traceIn, traceOut, coerce, direction) {
+    coerce(direction + '.showlegend');
+
+    // trace-wide *showlegend* overrides direction *showlegend*
+    if(traceIn.showlegend === false) {
+        traceOut[direction].showlegend = false;
+    }
+
+    var nameDflt = traceOut.name + ' - ' + direction;
+
+    coerce(direction + '.name', nameDflt);
+};
+
+},{}],993:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+
+// This routine gets called during the trace supply-defaults step.
+//
+// This is a hacky way to make 'ohlc' and 'candlestick' trace types
+// go through the transform machinery.
+//
+// Note that, we must mutate user data (here traceIn) as opposed
+// to full data (here traceOut) as - at the moment - transform
+// defaults (which are called after trace defaults) start
+// from a clear transforms container. The mutations inflicted are
+// cleared in exports.clearEphemeralTransformOpts.
+exports.pushDummyTransformOpts = function(traceIn, traceOut) {
+    var transformOpts = {
+
+        // give dummy transform the same type as trace
+        type: traceOut.type,
+
+        // track ephemeral transforms in user data
+        _ephemeral: true
+    };
+
+    if(Array.isArray(traceIn.transforms)) {
+        traceIn.transforms.push(transformOpts);
+    }
+    else {
+        traceIn.transforms = [transformOpts];
+    }
+};
+
+// This routine gets called during the transform supply-defaults step
+// where it clears ephemeral transform opts in user data
+// and effectively put back user date in its pre-supplyDefaults state.
+exports.clearEphemeralTransformOpts = function(traceIn) {
+    var transformsIn = traceIn.transforms;
+
+    if(!Array.isArray(transformsIn)) return;
+
+    for(var i = 0; i < transformsIn.length; i++) {
+        if(transformsIn[i]._ephemeral) transformsIn.splice(i, 1);
+    }
+
+    if(transformsIn.length === 0) delete traceIn.transforms;
+};
+
+// This routine gets called during the transform supply-defaults step
+// where it passes 'ohlc' and 'candlestick' attributes
+// (found the transform container via exports.makeTransform)
+// to the traceOut container such that they can
+// be compatible with filter and groupby transforms.
+//
+// Note that this routine only has an effect during the
+// second round of transform defaults done on generated traces
+exports.copyOHLC = function(container, traceOut) {
+    if(container.open) traceOut.open = container.open;
+    if(container.high) traceOut.high = container.high;
+    if(container.low) traceOut.low = container.low;
+    if(container.close) traceOut.close = container.close;
+};
+
+// This routine gets called during the applyTransform step.
+//
+// We need to track trace attributes and which direction
+// ('increasing' or 'decreasing')
+// the generated correspond to for the calcTransform step.
+//
+// To make sure that the attributes reach the calcTransform,
+// store it in the transform opts object.
+exports.makeTransform = function(traceIn, state, direction) {
+    var out = Lib.extendFlat([], traceIn.transforms);
+
+    out[state.transformIndex] = {
+        type: traceIn.type,
+        direction: direction,
+
+        // these are copied to traceOut during exports.copyOHLC
+        open: traceIn.open,
+        high: traceIn.high,
+        low: traceIn.low,
+        close: traceIn.close
+    };
+
+    return out;
+};
+
+exports.getFilterFn = function(direction) {
+    return new _getFilterFn(direction);
+};
+
+function _getFilterFn(direction) {
+    // we're optimists - before we have any changing data, assume increasing
+    var isPrevIncreasing = true;
+    var cPrev = null;
+
+    function _isIncreasing(o, c) {
+        if(o === c) {
+            if(c > cPrev) {
+                isPrevIncreasing = true; // increasing
+            } else if(c < cPrev) {
+                isPrevIncreasing = false; // decreasing
+            }
+            // else isPrevIncreasing is not changed
+        }
+        else isPrevIncreasing = (o < c);
+        cPrev = c;
+        return isPrevIncreasing;
+    }
+
+    function isIncreasing(o, c) {
+        return isNumeric(o) && isNumeric(c) && _isIncreasing(+o, +c);
+    }
+
+    function isDecreasing(o, c) {
+        return isNumeric(o) && isNumeric(c) && !_isIncreasing(+o, +c);
+    }
+
+    return direction === 'increasing' ? isIncreasing : isDecreasing;
+}
+
+exports.addRangeSlider = function(data, layout) {
+    var hasOneVisibleTrace = false;
+
+    for(var i = 0; i < data.length; i++) {
+        if(data[i].visible === true) {
+            hasOneVisibleTrace = true;
+            break;
+        }
+    }
+
+    if(hasOneVisibleTrace) {
+        if(!layout.xaxis) layout.xaxis = {};
+        if(!layout.xaxis.rangeslider) layout.xaxis.rangeslider = {};
+    }
+};
+
+},{"../../lib":728,"fast-isnumeric":131}],994:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var register = require('../../plot_api/register');
+
+module.exports = {
+    moduleType: 'trace',
+    name: 'ohlc',
+    basePlotModule: require('../../plots/cartesian'),
+    categories: ['cartesian', 'showLegend'],
+    meta: {
+        
+    },
+
+    attributes: require('./attributes'),
+    supplyDefaults: require('./defaults'),
+};
+
+register(require('../scatter'));
+register(require('./transform'));
+
+},{"../../plot_api/register":762,"../../plots/cartesian":782,"../scatter":1042,"./attributes":990,"./defaults":991,"./transform":996}],995:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+
+
+module.exports = function handleOHLC(traceIn, traceOut, coerce, layout) {
+    var len;
+
+    var x = coerce('x'),
+        open = coerce('open'),
+        high = coerce('high'),
+        low = coerce('low'),
+        close = coerce('close');
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x'], layout);
+
+    len = Math.min(open.length, high.length, low.length, close.length);
+
+    if(x) {
+        len = Math.min(len, x.length);
+        if(len < x.length) traceOut.x = x.slice(0, len);
+    }
+
+    if(len < open.length) traceOut.open = open.slice(0, len);
+    if(len < high.length) traceOut.high = high.slice(0, len);
+    if(len < low.length) traceOut.low = low.slice(0, len);
+    if(len < close.length) traceOut.close = close.slice(0, len);
+
+    return len;
+};
+
+},{"../../registry":846}],996:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var helpers = require('./helpers');
+var Axes = require('../../plots/cartesian/axes');
+var axisIds = require('../../plots/cartesian/axis_ids');
+
+exports.moduleType = 'transform';
+
+exports.name = 'ohlc';
+
+exports.attributes = {};
+
+exports.supplyDefaults = function(transformIn, traceOut, layout, traceIn) {
+    helpers.clearEphemeralTransformOpts(traceIn);
+    helpers.copyOHLC(transformIn, traceOut);
+
+    return transformIn;
+};
+
+exports.transform = function transform(dataIn, state) {
+    var dataOut = [];
+
+    for(var i = 0; i < dataIn.length; i++) {
+        var traceIn = dataIn[i];
+
+        if(traceIn.type !== 'ohlc') {
+            dataOut.push(traceIn);
+            continue;
+        }
+
+        dataOut.push(
+            makeTrace(traceIn, state, 'increasing'),
+            makeTrace(traceIn, state, 'decreasing')
+        );
+    }
+
+    helpers.addRangeSlider(dataOut, state.layout);
+
+    return dataOut;
+};
+
+function makeTrace(traceIn, state, direction) {
+    var traceOut = {
+        type: 'scatter',
+        mode: 'lines',
+        connectgaps: false,
+
+        visible: traceIn.visible,
+        opacity: traceIn.opacity,
+        xaxis: traceIn.xaxis,
+        yaxis: traceIn.yaxis,
+
+        hoverinfo: makeHoverInfo(traceIn),
+        transforms: helpers.makeTransform(traceIn, state, direction)
+    };
+
+    // the rest of below may not have been coerced
+
+    var directionOpts = traceIn[direction];
+
+    if(directionOpts) {
+        Lib.extendFlat(traceOut, {
+
+            // to make autotype catch date axes soon!!
+            x: traceIn.x || [0],
+            xcalendar: traceIn.xcalendar,
+
+            // concat low and high to get correct autorange
+            y: [].concat(traceIn.low).concat(traceIn.high),
+
+            text: traceIn.text,
+
+            name: directionOpts.name,
+            showlegend: directionOpts.showlegend,
+            line: directionOpts.line
+        });
+    }
+
+    return traceOut;
+}
+
+// Let scatter hoverPoint format 'x' coordinates, if desired.
+//
+// Note that, this solution isn't perfect: it shows open and close
+// values at slightly different 'x' coordinates then the rest of the
+// segments, but is for more robust than calling `Axes.tickText` during
+// calcTransform.
+//
+// A future iteration should perhaps try to add a hook for transforms in
+// the hoverPoints handlers.
+function makeHoverInfo(traceIn) {
+    var hoverinfo = traceIn.hoverinfo;
+
+    if(hoverinfo === 'all') return 'x+text+name';
+
+    var parts = hoverinfo.split('+'),
+        indexOfY = parts.indexOf('y'),
+        indexOfText = parts.indexOf('text');
+
+    if(indexOfY !== -1) {
+        parts.splice(indexOfY, 1);
+
+        if(indexOfText === -1) parts.push('text');
+    }
+
+    return parts.join('+');
+}
+
+exports.calcTransform = function calcTransform(gd, trace, opts) {
+    var direction = opts.direction,
+        filterFn = helpers.getFilterFn(direction);
+
+    var xa = axisIds.getFromTrace(gd, trace, 'x'),
+        ya = axisIds.getFromTrace(gd, trace, 'y'),
+        tickWidth = convertTickWidth(gd, xa, trace);
+
+    var open = trace.open,
+        high = trace.high,
+        low = trace.low,
+        close = trace.close,
+        textIn = trace.text;
+
+    var len = open.length,
+        x = [],
+        y = [],
+        textOut = [];
+
+    var appendX;
+    if(trace._fullInput.x) {
+        appendX = function(i) {
+            var xi = trace.x[i],
+                xcalendar = trace.xcalendar,
+                xcalc = xa.d2c(xi, 0, xcalendar);
+
+            x.push(
+                xa.c2d(xcalc - tickWidth, 0, xcalendar),
+                xi, xi, xi, xi,
+                xa.c2d(xcalc + tickWidth, 0, xcalendar),
+                null);
+        };
+    }
+    else {
+        appendX = function(i) {
+            x.push(
+                i - tickWidth,
+                i, i, i, i,
+                i + tickWidth,
+                null);
+        };
+    }
+
+    var appendY = function(o, h, l, c) {
+        y.push(o, o, h, l, c, c, null);
+    };
+
+    var format = function(ax, val) {
+        return Axes.tickText(ax, ax.c2l(val), 'hover').text;
+    };
+
+    var hoverinfo = trace._fullInput.hoverinfo,
+        hoverParts = hoverinfo.split('+'),
+        hasAll = hoverinfo === 'all',
+        hasY = hasAll || hoverParts.indexOf('y') !== -1,
+        hasText = hasAll || hoverParts.indexOf('text') !== -1;
+
+    var getTextItem = Array.isArray(textIn) ?
+        function(i) { return textIn[i] || ''; } :
+        function() { return textIn; };
+
+    var appendText = function(i, o, h, l, c) {
+        var t = [];
+
+        if(hasY) {
+            t.push('Open: ' + format(ya, o));
+            t.push('High: ' + format(ya, h));
+            t.push('Low: ' + format(ya, l));
+            t.push('Close: ' + format(ya, c));
+        }
+
+        if(hasText) t.push(getTextItem(i));
+
+        var _t = t.join('<br>');
+
+        textOut.push(_t, _t, _t, _t, _t, _t, null);
+    };
+
+    for(var i = 0; i < len; i++) {
+        if(filterFn(open[i], close[i]) && isNumeric(high[i]) && isNumeric(low[i])) {
+            appendX(i);
+            appendY(open[i], high[i], low[i], close[i]);
+            appendText(i, open[i], high[i], low[i], close[i]);
+        }
+    }
+
+    trace.x = x;
+    trace.y = y;
+    trace.text = textOut;
+};
+
+function convertTickWidth(gd, xa, trace) {
+    var fullInput = trace._fullInput,
+        tickWidth = fullInput.tickwidth,
+        minDiff = fullInput._minDiff;
+
+    if(!minDiff) {
+        var fullData = gd._fullData,
+            ohlcTracesOnThisXaxis = [];
+
+        minDiff = Infinity;
+
+        // find min x-coordinates difference of all traces
+        // attached to this x-axis and stash the result
+
+        var i;
+
+        for(i = 0; i < fullData.length; i++) {
+            var _trace = fullData[i]._fullInput;
+
+            if(_trace.type === 'ohlc' &&
+                _trace.visible === true &&
+                _trace.xaxis === xa._id
+            ) {
+                ohlcTracesOnThisXaxis.push(_trace);
+
+                // - _trace.x may be undefined here,
+                // it is filled later in calcTransform
+                //
+                // - handle trace of length 1 separately.
+
+                if(_trace.x && _trace.x.length > 1) {
+                    var xcalc = Lib.simpleMap(_trace.x, xa.d2c, 0, trace.xcalendar),
+                        _minDiff = Lib.distinctVals(xcalc).minDiff;
+                    minDiff = Math.min(minDiff, _minDiff);
+                }
+            }
+        }
+
+        // if minDiff is still Infinity here, set it to 1
+        if(minDiff === Infinity) minDiff = 1;
+
+        for(i = 0; i < ohlcTracesOnThisXaxis.length; i++) {
+            ohlcTracesOnThisXaxis[i]._minDiff = minDiff;
+        }
+    }
+
+    return minDiff * tickWidth;
+}
+
+},{"../../lib":728,"../../plots/cartesian/axes":772,"../../plots/cartesian/axis_ids":775,"./helpers":993,"fast-isnumeric":131}],997:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var colorscales = require('../../components/colorscale/scales');
+var axesAttrs = require('../../plots/cartesian/layout_attributes');
+var fontAttrs = require('../../plots/font_attributes');
+
+var extend = require('../../lib/extend');
+var extendDeepAll = extend.extendDeepAll;
+var extendFlat = extend.extendFlat;
+
+module.exports = {
+
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'calc'},
+                {valType: 'number', min: 0, max: 1, editType: 'calc'}
+            ],
+            dflt: [0, 1],
+            editType: 'calc',
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'calc'},
+                {valType: 'number', min: 0, max: 1, editType: 'calc'}
+            ],
+            dflt: [0, 1],
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+
+    labelfont: fontAttrs({
+        editType: 'calc',
+        
+    }),
+    tickfont: fontAttrs({
+        editType: 'calc',
+        
+    }),
+    rangefont: fontAttrs({
+        editType: 'calc',
+        
+    }),
+
+    dimensions: {
+        _isLinkedToArray: 'dimension',
+        label: {
+            valType: 'string',
+            
+            editType: 'calc',
+            
+        },
+        tickvals: extendFlat({}, axesAttrs.tickvals, {editType: 'calc'}),
+        ticktext: extendFlat({}, axesAttrs.ticktext, {editType: 'calc'}),
+        tickformat: {
+            valType: 'string',
+            dflt: '3s',
+            
+            editType: 'calc',
+            
+        },
+        visible: {
+            valType: 'boolean',
+            dflt: true,
+            
+            editType: 'calc',
+            
+        },
+        range: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', editType: 'calc'},
+                {valType: 'number', editType: 'calc'}
+            ],
+            editType: 'calc',
+            
+        },
+        constraintrange: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', editType: 'calc'},
+                {valType: 'number', editType: 'calc'}
+            ],
+            editType: 'calc',
+            
+        },
+        values: {
+            valType: 'data_array',
+            
+            dflt: [],
+            editType: 'calc',
+            
+        },
+        editType: 'calc',
+        
+    },
+
+    line: extendFlat(
+        // the default autocolorscale isn't quite usable for parcoords due to context ambiguity around 0 (grey, off-white)
+        // autocolorscale therefore defaults to false too, to avoid being overridden by the  blue-white-red autocolor palette
+        extendDeepAll(
+            colorAttributes('line', 'calc'),
+            {
+                colorscale: {dflt: colorscales.Viridis},
+                autocolorscale: {
+                    dflt: false,
+                    
+                }
+
+            }
+        ),
+
+        {
+            showscale: {
+                valType: 'boolean',
+                
+                dflt: false,
+                editType: 'calc',
+                
+            },
+            colorbar: colorbarAttrs,
+            editType: 'calc'
+        }
+    )
+};
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/color_attributes":611,"../../components/colorscale/scales":622,"../../lib/extend":717,"../../plots/cartesian/layout_attributes":783,"../../plots/font_attributes":796}],998:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var Plots = require('../../plots/plots');
+var parcoordsPlot = require('./plot');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
+var c = require('./constants');
+
+exports.name = 'parcoords';
+
+exports.attr = 'type';
+
+exports.plot = function(gd) {
+    var calcData = Plots.getSubplotCalcData(gd.calcdata, 'parcoords', 'parcoords');
+    if(calcData.length) parcoordsPlot(gd, calcData);
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var hadParcoords = (oldFullLayout._has && oldFullLayout._has('parcoords'));
+    var hasParcoords = (newFullLayout._has && newFullLayout._has('parcoords'));
+
+    if(hadParcoords && !hasParcoords) {
+        oldFullLayout._paperdiv.selectAll('.parcoords-line-layers').remove();
+        oldFullLayout._paperdiv.selectAll('.parcoords-line-layers').remove();
+        oldFullLayout._paperdiv.selectAll('.parcoords').remove();
+        oldFullLayout._paperdiv.selectAll('.parcoords').remove();
+        oldFullLayout._glimages.selectAll('*').remove();
+    }
+};
+
+exports.toSVG = function(gd) {
+
+    var imageRoot = gd._fullLayout._glimages;
+    var root = d3.select(gd).selectAll('.svg-container');
+    var canvases = root.filter(function(d, i) {return i === root.size() - 1;})
+        .selectAll('.parcoords-lines.context, .parcoords-lines.focus');
+
+    function canvasToImage(d) {
+        var canvas = this;
+        var imageData = canvas.toDataURL('image/png');
+        var image = imageRoot.append('svg:image');
+        var size = gd._fullLayout._size;
+        var domain = gd._fullData[d.model.key].domain;
+
+        image.attr({
+            xmlns: xmlnsNamespaces.svg,
+            'xlink:href': imageData,
+            x: size.l + size.w * domain.x[0] - c.overdrag,
+            y: size.t + size.h * (1 - domain.y[1]),
+            width: (domain.x[1] - domain.x[0]) * size.w + 2 * c.overdrag,
+            height: (domain.y[1] - domain.y[0]) * size.h,
+            preserveAspectRatio: 'none'
+        });
+    }
+
+    canvases.each(canvasToImage);
+
+    // Chrome / Safari bug workaround - browser apparently loses connection to the defined pattern
+    // Without the workaround, these browsers 'lose' the filter brush styling (color etc.) after a snapshot
+    // on a subsequent interaction.
+    // Firefox works fine without this workaround
+    window.setTimeout(function() {
+        d3.selectAll('#filterBarPattern')
+            .attr('id', 'filterBarPattern');
+    }, 60);
+};
+
+},{"../../constants/xmlns_namespaces":709,"../../plots/plots":831,"./constants":1001,"./plot":1006,"d3":122}],999:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var calcColorscale = require('../../components/colorscale/calc');
+var Lib = require('../../lib');
+var wrap = require('../../lib/gup').wrap;
+
+module.exports = function calc(gd, trace) {
+    var cs = !!trace.line.colorscale && Lib.isArray(trace.line.color);
+    var color = cs ? trace.line.color : Array.apply(0, Array(trace.dimensions.reduce(function(p, n) {return Math.max(p, n.values.length);}, 0))).map(function() {return 0.5;});
+    var cscale = cs ? trace.line.colorscale : [[0, trace.line.color], [1, trace.line.color]];
+
+    if(hasColorscale(trace, 'line')) {
+        calcColorscale(trace, trace.line.color, 'line', 'c');
+    }
+
+    return wrap({
+        lineColor: color,
+        cscale: cscale
+    });
+};
+
+},{"../../components/colorscale/calc":610,"../../components/colorscale/has_colorscale":617,"../../lib":728,"../../lib/gup":725}],1000:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Colorscale = require('../../components/colorscale');
+var drawColorbar = require('../../components/colorbar/draw');
+
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        line = trace.line,
+        cbId = 'cb' + trace.uid;
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    if((line === undefined) || !line.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var vals = line.color,
+        cmin = line.cmin,
+        cmax = line.cmax;
+
+    if(!isNumeric(cmin)) cmin = Lib.aggNums(Math.min, null, vals);
+    if(!isNumeric(cmax)) cmax = Lib.aggNums(Math.max, null, vals);
+
+    var cb = cd[0].t.cb = drawColorbar(gd, cbId);
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            line.colorscale,
+            cmin,
+            cmax
+        ),
+        { noNumericCheck: true }
+    );
+
+    cb.fillcolor(sclFunc)
+        .filllevels({start: cmin, end: cmax, size: (cmax - cmin) / 254})
+        .options(line.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../components/colorscale":618,"../../lib":728,"../../plots/plots":831,"fast-isnumeric":131}],1001:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+module.exports = {
+    maxDimensionCount: 60, // this cannot be increased without WebGL code refactoring
+    overdrag: 45,
+    verticalPadding: 2, // otherwise, horizontal lines on top or bottom are of lower width
+    tickDistance: 50,
+    canvasPixelRatio: 1,
+    blockLineCount: 5000,
+    scatter: false,
+    layers: ['contextLineLayer', 'focusLineLayer', 'pickLineLayer'],
+    axisTitleOffset: 28,
+    axisExtentOffset: 10,
+    bar: {
+        width: 4, // Visible width of the filter bar
+        capturewidth: 10, // Mouse-sensitive width for interaction (Fitts law)
+        fillcolor: 'magenta', // Color of the filter bar fill
+        fillopacity: 1, // Filter bar fill opacity
+        strokecolor: 'white', // Color of the filter bar side lines
+        strokeopacity: 1, // Filter bar side stroke opacity
+        strokewidth: 1, // Filter bar side stroke width in pixels
+        handleheight: 16, // Height of the filter bar vertical resize areas on top and bottom
+        handleopacity: 1, // Opacity of the filter bar vertical resize areas on top and bottom
+        handleoverlap: 0 // A larger than 0 value causes overlaps with the filter bar, represented as pixels.'
+    },
+    cn: {
+        axisExtentText: 'axis-extent-text',
+        parcoordsLineLayers: 'parcoords-line-layers',
+        parcoordsLineLayer: 'parcoords-lines',
+        parcoords: 'parcoords',
+        parcoordsControlView: 'parcoords-control-view',
+        yAxis: 'y-axis',
+        axisOverlays: 'axis-overlays',
+        axis: 'axis',
+        axisHeading: 'axis-heading',
+        axisTitle: 'axis-title',
+        axisExtent: 'axis-extent',
+        axisExtentTop: 'axis-extent-top',
+        axisExtentTopText: 'axis-extent-top-text',
+        axisExtentBottom: 'axis-extent-bottom',
+        axisExtentBottomText: 'axis-extent-bottom-text',
+        axisBrush: 'axis-brush'
+    },
+    id: {
+        filterBarPattern: 'filter-bar-pattern'
+
+    }
+};
+
+},{}],1002:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var maxDimensionCount = require('./constants').maxDimensionCount;
+
+function handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce) {
+
+    coerce('line.color', defaultColor);
+
+    if(hasColorscale(traceIn, 'line') && Lib.isArray(traceIn.line.color)) {
+        coerce('line.colorscale');
+        colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'line.', cLetter: 'c'});
+    }
+    else {
+        coerce('line.color', defaultColor);
+    }
+}
+
+function dimensionsDefaults(traceIn, traceOut) {
+    var dimensionsIn = traceIn.dimensions || [],
+        dimensionsOut = traceOut.dimensions = [];
+
+    var dimensionIn, dimensionOut, i;
+    var commonLength = Infinity;
+
+    if(dimensionsIn.length > maxDimensionCount) {
+        Lib.log('parcoords traces support up to ' + maxDimensionCount + ' dimensions at the moment');
+        dimensionsIn.splice(maxDimensionCount);
+    }
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(dimensionIn, dimensionOut, attributes.dimensions, attr, dflt);
+    }
+
+    for(i = 0; i < dimensionsIn.length; i++) {
+        dimensionIn = dimensionsIn[i];
+        dimensionOut = {};
+
+        if(!Lib.isPlainObject(dimensionIn)) {
+            continue;
+        }
+
+        var values = coerce('values');
+        var visible = coerce('visible', values.length > 0);
+
+        if(visible) {
+            coerce('label');
+            coerce('tickvals');
+            coerce('ticktext');
+            coerce('tickformat');
+            coerce('range');
+            coerce('constraintrange');
+
+            commonLength = Math.min(commonLength, dimensionOut.values.length);
+        }
+
+        dimensionOut._index = i;
+        dimensionsOut.push(dimensionOut);
+    }
+
+    if(isFinite(commonLength)) {
+        for(i = 0; i < dimensionsOut.length; i++) {
+            dimensionOut = dimensionsOut[i];
+            if(dimensionOut.visible && dimensionOut.values.length > commonLength) {
+                dimensionOut.values = dimensionOut.values.slice(0, commonLength);
+            }
+        }
+    }
+
+    return dimensionsOut;
+}
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var dimensions = dimensionsDefaults(traceIn, traceOut);
+
+    handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+
+    coerce('domain.x');
+    coerce('domain.y');
+
+    if(!Array.isArray(dimensions) || !dimensions.length) {
+        traceOut.visible = false;
+    }
+
+    // make default font size 10px,
+    // scale linearly with global font size
+    var fontDflt = {
+        family: layout.font.family,
+        size: Math.round(layout.font.size * (10 / 12)),
+        color: layout.font.color
+    };
+
+    Lib.coerceFont(coerce, 'labelfont', fontDflt);
+    Lib.coerceFont(coerce, 'tickfont', fontDflt);
+    Lib.coerceFont(coerce, 'rangefont', fontDflt);
+};
+
+},{"../../components/colorscale/defaults":613,"../../components/colorscale/has_colorscale":617,"../../lib":728,"./attributes":997,"./constants":1001}],1003:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Parcoords = {};
+
+Parcoords.attributes = require('./attributes');
+Parcoords.supplyDefaults = require('./defaults');
+Parcoords.calc = require('./calc');
+Parcoords.plot = require('./plot');
+Parcoords.colorbar = require('./colorbar');
+
+Parcoords.moduleType = 'trace';
+Parcoords.name = 'parcoords';
+Parcoords.basePlotModule = require('./base_plot');
+Parcoords.categories = ['gl', 'noOpacity'];
+Parcoords.meta = {
+    
+};
+
+module.exports = Parcoords;
+
+},{"./attributes":997,"./base_plot":998,"./calc":999,"./colorbar":1000,"./defaults":1002,"./plot":1006}],1004:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var createREGL = require('regl');
+
+var verticalPadding = require('./constants').verticalPadding;
+var vertexShaderSource = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec4 p0, p1, p2, p3,\n               p4, p5, p6, p7,\n               p8, p9, pa, pb,\n               pc, pd, pe;\n\nattribute vec4 pf;\n\nuniform mat4 dim1A, dim2A, dim1B, dim2B, dim1C, dim2C, dim1D, dim2D,\n             loA, hiA, loB, hiB, loC, hiC, loD, hiD;\n\nuniform vec2 resolution,\n             viewBoxPosition,\n             viewBoxSize;\n\nuniform sampler2D palette;\n\nuniform vec2 colorClamp;\n\nuni [...]
+var pickVertexShaderSource = "precision highp float;\n#define GLSLIFY 1\n\nattribute vec4 p0, p1, p2, p3,\n               p4, p5, p6, p7,\n               p8, p9, pa, pb,\n               pc, pd, pe;\n\nattribute vec4 pf;\n\nuniform mat4 dim1A, dim2A, dim1B, dim2B, dim1C, dim2C, dim1D, dim2D,\n             loA, hiA, loB, hiB, loC, hiC, loD, hiD;\n\nuniform vec2 resolution,\n             viewBoxPosition,\n             viewBoxSize;\n\nuniform sampler2D palette;\n\nuniform vec2 colorClamp;\n\ [...]
+var fragmentShaderSource = "precision lowp float;\n#define GLSLIFY 1\n\nvarying vec4 fragColor;\n\nvoid main() {\n    gl_FragColor = fragColor;\n}\n";
+
+var depthLimitEpsilon = 1e-6; // don't change; otherwise near/far plane lines are lost
+
+var gpuDimensionCount = 64;
+var sectionVertexCount = 2;
+var vec4NumberCount = 4;
+
+var contextColor = [119, 119, 119]; // middle gray to not drawn the focus; looks good on a black or white background
+
+var dummyPixel = new Uint8Array(4);
+var pickPixel = new Uint8Array(4);
+
+function ensureDraw(regl) {
+    regl.read({
+        x: 0,
+        y: 0,
+        width: 1,
+        height: 1,
+        data: dummyPixel
+    });
+}
+
+function clear(regl, x, y, width, height) {
+    var gl = regl._gl;
+    gl.enable(gl.SCISSOR_TEST);
+    gl.scissor(x, y, width, height);
+    regl.clear({color: [0, 0, 0, 0], depth: 1}); // clearing is done in scissored panel only
+}
+
+function renderBlock(regl, glAes, renderState, blockLineCount, sampleCount, item) {
+
+    var rafKey = item.key;
+
+    function render(blockNumber) {
+
+        var count;
+
+        count = Math.min(blockLineCount, sampleCount - blockNumber * blockLineCount);
+
+        item.offset = sectionVertexCount * blockNumber * blockLineCount;
+        item.count = sectionVertexCount * count;
+        if(blockNumber === 0) {
+            window.cancelAnimationFrame(renderState.currentRafs[rafKey]); // stop drawing possibly stale glyphs before clearing
+            delete renderState.currentRafs[rafKey];
+            clear(regl, item.scissorX, item.scissorY, item.scissorWidth, item.viewBoxSize[1]);
+        }
+
+        if(renderState.clearOnly) {
+            return;
+        }
+
+        glAes(item);
+
+        if(blockNumber * blockLineCount + count < sampleCount) {
+            renderState.currentRafs[rafKey] = window.requestAnimationFrame(function() {
+                render(blockNumber + 1);
+            });
+        }
+
+        renderState.drawCompleted = false;
+    }
+
+    if(!renderState.drawCompleted) {
+        ensureDraw(regl);
+        renderState.drawCompleted = true;
+    }
+
+    // start with rendering item 0; recursion handles the rest
+    render(0);
+}
+
+function adjustDepth(d) {
+    // WebGL matrix operations use floats with limited precision, potentially causing a number near a border of [0, 1]
+    // to end up slightly outside the border. With an epsilon, we reduce the chance that a line gets clipped by the
+    // near or the far plane.
+    return Math.max(depthLimitEpsilon, Math.min(1 - depthLimitEpsilon, d));
+}
+
+function palette(unitToColor, context, opacity) {
+    var result = [];
+    for(var j = 0; j < 256; j++) {
+        var c = unitToColor(j / 255);
+        result.push((context ? contextColor : c).concat(opacity));
+    }
+
+    return result;
+}
+
+// Maps the sample index [0...sampleCount - 1] to a range of [0, 1] as the shader expects colors in the [0, 1] range.
+// but first it shifts the sample index by 0, 8 or 16 bits depending on rgbIndex [0..2]
+// with the end result that each line will be of a unique color, making it possible for the pick handler
+// to uniquely identify which line is hovered over (bijective mapping).
+// The inverse, i.e. readPixel is invoked from 'parcoords.js'
+function calcPickColor(j, rgbIndex) {
+    return (j >>> 8 * rgbIndex) % 256 / 255;
+}
+
+function makePoints(sampleCount, dimensionCount, dimensions, color) {
+
+    var points = [];
+    for(var j = 0; j < sampleCount; j++) {
+        for(var i = 0; i < gpuDimensionCount; i++) {
+            points.push(i < dimensionCount ?
+                dimensions[i].paddedUnitValues[j] :
+                i === (gpuDimensionCount - 1) ?
+                    adjustDepth(color[j]) :
+                    i >= gpuDimensionCount - 4 ?
+                        calcPickColor(j, gpuDimensionCount - 2 - i) :
+                        0.5);
+        }
+    }
+
+    return points;
+}
+
+function makeVecAttr(sampleCount, points, vecIndex) {
+
+    var i, j, k;
+    var pointPairs = [];
+
+    for(j = 0; j < sampleCount; j++) {
+        for(k = 0; k < sectionVertexCount; k++) {
+            for(i = 0; i < vec4NumberCount; i++) {
+                pointPairs.push(points[j * gpuDimensionCount + vecIndex * vec4NumberCount + i]);
+                if(vecIndex * vec4NumberCount + i === gpuDimensionCount - 1 && k % 2 === 0) {
+                    pointPairs[pointPairs.length - 1] *= -1;
+                }
+            }
+        }
+    }
+
+    return pointPairs;
+}
+
+function makeAttributes(sampleCount, points) {
+
+    var vecIndices = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
+    var vectors = vecIndices.map(function(vecIndex) {return makeVecAttr(sampleCount, points, vecIndex);});
+
+    var attributes = {};
+    vectors.forEach(function(v, vecIndex) {
+        attributes['p' + vecIndex.toString(16)] = v;
+    });
+
+    return attributes;
+}
+
+function valid(i, offset, panelCount) {
+    return i + offset <= panelCount;
+}
+
+module.exports = function(canvasGL, lines, canvasWidth, canvasHeight, initialDimensions, initialPanels, unitToColor, context, pick, scatter) {
+
+    var renderState = {
+        currentRafs: {},
+        drawCompleted: true,
+        clearOnly: false
+    };
+
+    var initialDims = initialDimensions.slice();
+
+    var dimensionCount = initialDims.length;
+    var sampleCount = initialDims[0] ? initialDims[0].values.length : 0;
+
+    var focusAlphaBlending = context;
+
+    var color = pick ? lines.color.map(function(_, i) {return i / lines.color.length;}) : lines.color;
+    var contextOpacity = Math.max(1 / 255, Math.pow(1 / color.length, 1 / 3));
+    var overdrag = lines.canvasOverdrag;
+
+    var panelCount = initialPanels.length;
+
+    var points = makePoints(sampleCount, dimensionCount, initialDims, color);
+    var attributes = makeAttributes(sampleCount, points);
+
+    var regl = createREGL({
+        canvas: canvasGL,
+        attributes: {
+            preserveDrawingBuffer: true,
+            antialias: !pick
+        }
+    });
+
+    var paletteTexture = regl.texture({
+        shape: [256, 1],
+        format: 'rgba',
+        type: 'uint8',
+        mag: 'nearest',
+        min: 'nearest',
+        data: palette(unitToColor, context, Math.round((context ? contextOpacity : 1) * 255))
+    });
+
+    var glAes = regl({
+
+        profile: false,
+
+        blend: {
+            enable: focusAlphaBlending,
+            func: {
+                srcRGB: 'src alpha',
+                dstRGB: 'one minus src alpha',
+                srcAlpha: 1,
+                dstAlpha: 1 // 'one minus src alpha'
+            },
+            equation: {
+                rgb: 'add',
+                alpha: 'add'
+            },
+            color: [0, 0, 0, 0]
+        },
+
+        depth: {
+            enable: !focusAlphaBlending,
+            mask: true,
+            func: 'less',
+            range: [0, 1]
+        },
+
+        // for polygons
+        cull: {
+            enable: true,
+            face: 'back'
+        },
+
+        scissor: {
+            enable: true,
+            box: {
+                x: regl.prop('scissorX'),
+                y: regl.prop('scissorY'),
+                width: regl.prop('scissorWidth'),
+                height: regl.prop('scissorHeight')
+            }
+        },
+
+        dither: false,
+
+        vert: pick ? pickVertexShaderSource : vertexShaderSource,
+
+        frag: fragmentShaderSource,
+
+        primitive: 'lines',
+        lineWidth: 1,
+        attributes: attributes,
+        uniforms: {
+            resolution: regl.prop('resolution'),
+            viewBoxPosition: regl.prop('viewBoxPosition'),
+            viewBoxSize: regl.prop('viewBoxSize'),
+            dim1A: regl.prop('dim1A'),
+            dim2A: regl.prop('dim2A'),
+            dim1B: regl.prop('dim1B'),
+            dim2B: regl.prop('dim2B'),
+            dim1C: regl.prop('dim1C'),
+            dim2C: regl.prop('dim2C'),
+            dim1D: regl.prop('dim1D'),
+            dim2D: regl.prop('dim2D'),
+            loA: regl.prop('loA'),
+            hiA: regl.prop('hiA'),
+            loB: regl.prop('loB'),
+            hiB: regl.prop('hiB'),
+            loC: regl.prop('loC'),
+            hiC: regl.prop('hiC'),
+            loD: regl.prop('loD'),
+            hiD: regl.prop('hiD'),
+            palette: paletteTexture,
+            colorClamp: regl.prop('colorClamp'),
+            scatter: regl.prop('scatter')
+        },
+        offset: regl.prop('offset'),
+        count: regl.prop('count')
+    });
+
+    var colorClamp = [0, 1];
+
+    function setColorDomain(unitDomain) {
+        colorClamp[0] = unitDomain[0];
+        colorClamp[1] = unitDomain[1];
+    }
+
+    var previousAxisOrder = [];
+
+    function makeItem(i, ii, x, y, panelSizeX, canvasPanelSizeY, crossfilterDimensionIndex, scatter, I, leftmost, rightmost) {
+        var loHi, abcd, d, index;
+        var leftRight = [i, ii];
+        var filterEpsilon = verticalPadding / canvasPanelSizeY;
+
+        var dims = [0, 1].map(function() {return [0, 1, 2, 3].map(function() {return new Float32Array(16);});});
+        var lims = [0, 1].map(function() {return [0, 1, 2, 3].map(function() {return new Float32Array(16);});});
+
+        for(loHi = 0; loHi < 2; loHi++) {
+            index = leftRight[loHi];
+            for(abcd = 0; abcd < 4; abcd++) {
+                for(d = 0; d < 16; d++) {
+                    var dimP = d + 16 * abcd;
+                    dims[loHi][abcd][d] = d + 16 * abcd === index ? 1 : 0;
+                    lims[loHi][abcd][d] = (!context && valid(d, 16 * abcd, panelCount) ? initialDims[dimP === 0 ? 0 : 1 + ((dimP - 1) % (initialDims.length - 1))].filter[loHi] : loHi) + (2 * loHi - 1) * filterEpsilon;
+                }
+            }
+        }
+
+        return {
+            key: crossfilterDimensionIndex,
+            resolution: [canvasWidth, canvasHeight],
+            viewBoxPosition: [x + overdrag, y],
+            viewBoxSize: [panelSizeX, canvasPanelSizeY],
+            i: i,
+            ii: ii,
+
+            dim1A: dims[0][0],
+            dim1B: dims[0][1],
+            dim1C: dims[0][2],
+            dim1D: dims[0][3],
+            dim2A: dims[1][0],
+            dim2B: dims[1][1],
+            dim2C: dims[1][2],
+            dim2D: dims[1][3],
+
+            loA: lims[0][0],
+            loB: lims[0][1],
+            loC: lims[0][2],
+            loD: lims[0][3],
+            hiA: lims[1][0],
+            hiB: lims[1][1],
+            hiC: lims[1][2],
+            hiD: lims[1][3],
+
+            colorClamp: colorClamp,
+            scatter: scatter || 0,
+            scissorX: I === leftmost ? 0 : x + overdrag,
+            scissorWidth: (I === rightmost ? canvasWidth - x + overdrag : panelSizeX + 0.5) + (I === leftmost ? x + overdrag : 0),
+            scissorY: y,
+            scissorHeight: canvasPanelSizeY
+        };
+    }
+
+    function renderGLParcoords(panels, setChanged, clearOnly) {
+
+        var I;
+
+        var leftmost, rightmost, lowestX = Infinity, highestX = -Infinity;
+
+        for(I = 0; I < panelCount; I++) {
+            if(panels[I].dim2.canvasX > highestX) {
+                highestX = panels[I].dim2.canvasX;
+                rightmost = I;
+            }
+            if(panels[I].dim1.canvasX < lowestX) {
+                lowestX = panels[I].dim1.canvasX;
+                leftmost = I;
+            }
+        }
+
+        if(panelCount === 0) {
+            // clear canvas here, as the panel iteration below will not enter the loop body
+            clear(regl, 0, 0, canvasWidth, canvasHeight);
+        }
+
+        for(I = 0; I < panelCount; I++) {
+            var panel = panels[I];
+            var dim1 = panel.dim1;
+            var i = dim1.crossfilterDimensionIndex;
+            var x = panel.canvasX;
+            var y = panel.canvasY;
+            var dim2 = panel.dim2;
+            var ii = dim2.crossfilterDimensionIndex;
+            var panelSizeX = panel.panelSizeX;
+            var panelSizeY = panel.panelSizeY;
+            var xTo = x + panelSizeX;
+            if(setChanged || !previousAxisOrder[i] || previousAxisOrder[i][0] !== x || previousAxisOrder[i][1] !== xTo) {
+                previousAxisOrder[i] = [x, xTo];
+                var item = makeItem(i, ii, x, y, panelSizeX, panelSizeY, dim1.crossfilterDimensionIndex, scatter || dim1.scatter ? 1 : 0, I, leftmost, rightmost);
+                renderState.clearOnly = clearOnly;
+                renderBlock(regl, glAes, renderState, setChanged ? lines.blockLineCount : sampleCount, sampleCount, item);
+            }
+        }
+    }
+
+    function readPixel(canvasX, canvasY) {
+        regl.read({
+            x: canvasX,
+            y: canvasY,
+            width: 1,
+            height: 1,
+            data: pickPixel
+        });
+        return pickPixel;
+    }
+
+    function readPixels(canvasX, canvasY, width, height) {
+        var pixelArray = new Uint8Array(4 * width * height);
+        regl.read({
+            x: canvasX,
+            y: canvasY,
+            width: width,
+            height: height,
+            data: pixelArray
+        });
+        return pixelArray;
+    }
+
+    return {
+        setColorDomain: setColorDomain,
+        render: renderGLParcoords,
+        readPixel: readPixel,
+        readPixels: readPixels,
+        destroy: regl.destroy
+    };
+};
+
+},{"./constants":1001,"regl":499}],1005:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var lineLayerMaker = require('./lines');
+var c = require('./constants');
+var Lib = require('../../lib');
+var d3 = require('d3');
+var Drawing = require('../../components/drawing');
+var keyFun = require('../../lib/gup').keyFun;
+var repeat = require('../../lib/gup').repeat;
+var unwrap = require('../../lib/gup').unwrap;
+
+function visible(dimension) {return !('visible' in dimension) || dimension.visible;}
+
+function dimensionExtent(dimension) {
+
+    var lo = dimension.range ? dimension.range[0] : d3.min(dimension.values);
+    var hi = dimension.range ? dimension.range[1] : d3.max(dimension.values);
+
+    if(isNaN(lo) || !isFinite(lo)) {
+        lo = 0;
+    }
+
+    if(isNaN(hi) || !isFinite(hi)) {
+        hi = 0;
+    }
+
+    // avoid a degenerate (zero-width) domain
+    if(lo === hi) {
+        if(lo === void(0)) {
+            lo = 0;
+            hi = 1;
+        } else if(lo === 0) {
+            // no use to multiplying zero, so add/subtract in this case
+            lo -= 1;
+            hi += 1;
+        } else {
+            // this keeps the range in the order of magnitude of the data
+            lo *= 0.9;
+            hi *= 1.1;
+        }
+    }
+
+    return [lo, hi];
+}
+
+function ordinalScaleSnap(scale, v) {
+    var i, a, prevDiff, prevValue, diff;
+    for(i = 0, a = scale.range(), prevDiff = Infinity, prevValue = a[0], diff; i < a.length; i++) {
+        if((diff = Math.abs(a[i] - v)) > prevDiff) {
+            return prevValue;
+        }
+        prevDiff = diff;
+        prevValue = a[i];
+    }
+    return a[a.length - 1];
+}
+
+function toText(formatter, texts) {
+    return function(v, i) {
+        if(texts) {
+            var text = texts[i];
+            if(text === null || text === undefined) {
+                return formatter(v);
+            } else {
+                return text;
+            }
+        } else {
+            return formatter(v);
+        }
+    };
+}
+
+function domainScale(height, padding, dimension) {
+    var extent = dimensionExtent(dimension);
+    var texts = dimension.ticktext;
+    return dimension.tickvals ?
+        d3.scale.ordinal()
+            .domain(dimension.tickvals.map(toText(d3.format(dimension.tickformat), texts)))
+            .range(dimension.tickvals
+                .map(function(d) {return (d - extent[0]) / (extent[1] - extent[0]);})
+                .map(function(d) {return (height - padding + d * (padding - (height - padding)));})) :
+        d3.scale.linear()
+            .domain(extent)
+            .range([height - padding, padding]);
+}
+
+function unitScale(height, padding) {return d3.scale.linear().range([height - padding, padding]);}
+function domainToUnitScale(dimension) {return d3.scale.linear().domain(dimensionExtent(dimension));}
+
+function ordinalScale(dimension) {
+    var extent = dimensionExtent(dimension);
+    return dimension.tickvals && d3.scale.ordinal()
+            .domain(dimension.tickvals)
+            .range(dimension.tickvals.map(function(d) {return (d - extent[0]) / (extent[1] - extent[0]);}));
+}
+
+function unitToColorScale(cscale) {
+
+    var colorStops = cscale.map(function(d) {return d[0];});
+    var colorStrings = cscale.map(function(d) {return d[1];});
+    var colorTuples = colorStrings.map(function(c) {return d3.rgb(c);});
+    var prop = function(n) {return function(o) {return o[n];};};
+
+    // We can't use d3 color interpolation as we may have non-uniform color palette raster
+    // (various color stop distances).
+    var polylinearUnitScales = 'rgb'.split('').map(function(key) {
+        return d3.scale.linear()
+            .clamp(true)
+            .domain(colorStops)
+            .range(colorTuples.map(prop(key)));
+    });
+
+    return function(d) {
+        return polylinearUnitScales.map(function(s) {
+            return s(d);
+        });
+    };
+}
+
+function model(layout, d, i) {
+    var cd0 = unwrap(d),
+        trace = cd0.trace,
+        lineColor = cd0.lineColor,
+        cscale = cd0.cscale,
+        line = trace.line,
+        domain = trace.domain,
+        dimensions = trace.dimensions,
+        width = layout.width,
+        labelFont = trace.labelfont,
+        tickFont = trace.tickfont,
+        rangeFont = trace.rangefont;
+
+    var lines = Lib.extendDeep({}, line, {
+        color: lineColor.map(domainToUnitScale({values: lineColor, range: [line.cmin, line.cmax]})),
+        blockLineCount: c.blockLineCount,
+        canvasOverdrag: c.overdrag * c.canvasPixelRatio
+    });
+
+    var groupWidth = Math.floor(width * (domain.x[1] - domain.x[0]));
+    var groupHeight = Math.floor(layout.height * (domain.y[1] - domain.y[0]));
+
+    var pad = layout.margin || {l: 80, r: 80, t: 100, b: 80};
+    var rowContentWidth = groupWidth;
+    var rowHeight = groupHeight;
+
+    return {
+        key: i,
+        colCount: dimensions.filter(visible).length,
+        dimensions: dimensions,
+        tickDistance: c.tickDistance,
+        unitToColor: unitToColorScale(cscale),
+        lines: lines,
+        labelFont: labelFont,
+        tickFont: tickFont,
+        rangeFont: rangeFont,
+        translateX: domain.x[0] * width,
+        translateY: layout.height - domain.y[1] * layout.height,
+        pad: pad,
+        canvasWidth: rowContentWidth * c.canvasPixelRatio + 2 * lines.canvasOverdrag,
+        canvasHeight: rowHeight * c.canvasPixelRatio,
+        width: rowContentWidth,
+        height: rowHeight,
+        canvasPixelRatio: c.canvasPixelRatio
+    };
+}
+
+function viewModel(model) {
+
+    var width = model.width;
+    var height = model.height;
+    var dimensions = model.dimensions;
+    var canvasPixelRatio = model.canvasPixelRatio;
+
+    var xScale = function(d) {return width * d / Math.max(1, model.colCount - 1);};
+
+    var unitPad = c.verticalPadding / (height * canvasPixelRatio);
+    var unitPadScale = (1 - 2 * unitPad);
+    var paddedUnitScale = function(d) {return unitPad + unitPadScale * d;};
+
+    var viewModel = {
+        key: model.key,
+        xScale: xScale,
+        model: model
+    };
+
+    var uniqueKeys = {};
+
+    viewModel.dimensions = dimensions.filter(visible).map(function(dimension, i) {
+        var domainToUnit = domainToUnitScale(dimension);
+        var foundKey = uniqueKeys[dimension.label];
+        uniqueKeys[dimension.label] = (foundKey || 0) + 1;
+        var key = dimension.label + (foundKey ? '__' + foundKey : '');
+        return {
+            key: key,
+            label: dimension.label,
+            tickFormat: dimension.tickformat,
+            tickvals: dimension.tickvals,
+            ticktext: dimension.ticktext,
+            ordinal: !!dimension.tickvals,
+            scatter: c.scatter || dimension.scatter,
+            xIndex: i,
+            crossfilterDimensionIndex: i,
+            visibleIndex: dimension._index,
+            height: height,
+            values: dimension.values,
+            paddedUnitValues: dimension.values.map(domainToUnit).map(paddedUnitScale),
+            xScale: xScale,
+            x: xScale(i),
+            canvasX: xScale(i) * canvasPixelRatio,
+            unitScale: unitScale(height, c.verticalPadding),
+            domainScale: domainScale(height, c.verticalPadding, dimension),
+            ordinalScale: ordinalScale(dimension),
+            domainToUnitScale: domainToUnit,
+            filter: dimension.constraintrange ? dimension.constraintrange.map(domainToUnit) : [0, 1],
+            parent: viewModel,
+            model: model
+        };
+    });
+
+    return viewModel;
+}
+
+function lineLayerModel(vm) {
+    return c.layers.map(function(key) {
+        return {
+            key: key,
+            context: key === 'contextLineLayer',
+            pick: key === 'pickLineLayer',
+            viewModel: vm,
+            model: vm.model
+        };
+    });
+}
+
+function styleExtentTexts(selection) {
+    selection
+        .classed(c.cn.axisExtentText, true)
+        .attr('text-anchor', 'middle')
+        .style('cursor', 'default')
+        .style('user-select', 'none');
+}
+
+module.exports = function(root, svg, styledData, layout, callbacks) {
+
+    var domainBrushing = false;
+    var linePickActive = true;
+
+    function enterSvgDefs(root) {
+        var defs = root.selectAll('defs')
+            .data(repeat, keyFun);
+
+        defs.enter()
+            .append('defs');
+
+        var filterBarPattern = defs.selectAll('#' + c.id.filterBarPattern)
+            .data(repeat, keyFun);
+
+        filterBarPattern.enter()
+            .append('pattern')
+            .attr('id', c.id.filterBarPattern)
+            .attr('patternUnits', 'userSpaceOnUse');
+
+        filterBarPattern
+            .attr('x', -c.bar.width)
+            .attr('width', c.bar.capturewidth)
+            .attr('height', function(d) {return d.model.height;});
+
+        var filterBarPatternGlyph = filterBarPattern.selectAll('rect')
+            .data(repeat, keyFun);
+
+        filterBarPatternGlyph.enter()
+            .append('rect')
+            .attr('shape-rendering', 'crispEdges');
+
+        filterBarPatternGlyph
+            .attr('height', function(d) {return d.model.height;})
+            .attr('width', c.bar.width)
+            .attr('x', c.bar.width / 2)
+            .attr('fill', c.bar.fillcolor)
+            .attr('fill-opacity', c.bar.fillopacity)
+            .attr('stroke', c.bar.strokecolor)
+            .attr('stroke-opacity', c.bar.strokeopacity)
+            .attr('stroke-width', c.bar.strokewidth);
+    }
+
+    var vm = styledData
+        .filter(function(d) { return unwrap(d).trace.visible; })
+        .map(model.bind(0, layout))
+        .map(viewModel);
+
+    root.selectAll('.' + c.cn.parcoordsLineLayers).remove();
+
+    var parcoordsLineLayers = root.selectAll('.' + c.cn.parcoordsLineLayers)
+        .data(vm, keyFun);
+
+    parcoordsLineLayers.enter()
+        .insert('div', '.' + svg.attr('class').split(' ').join(' .')) // not hardcoding .main-svg
+        .classed(c.cn.parcoordsLineLayers, true)
+        .style('box-sizing', 'content-box');
+
+    parcoordsLineLayers
+        .style('transform', function(d) {
+            return 'translate(' + (d.model.translateX - c.overdrag) + 'px,' + d.model.translateY + 'px)';
+        });
+
+    var parcoordsLineLayer = parcoordsLineLayers.selectAll('.' + c.cn.parcoordsLineLayer)
+        .data(lineLayerModel, keyFun);
+
+    var tweakables = {renderers: [], dimensions: []};
+
+    var lastHovered = null;
+
+    parcoordsLineLayer.enter()
+        .append('canvas')
+        .attr('class', function(d) {return c.cn.parcoordsLineLayer + ' ' + (d.context ? 'context' : d.pick ? 'pick' : 'focus');})
+        .style('box-sizing', 'content-box')
+        .style('float', 'left')
+        .style('clear', 'both')
+        .style('left', 0)
+        .style('overflow', 'visible')
+        .style('position', 'absolute')
+        .filter(function(d) {return d.pick;})
+        .on('mousemove', function(d) {
+            if(linePickActive && d.lineLayer && callbacks && callbacks.hover) {
+                var event = d3.event;
+                var cw = this.width;
+                var ch = this.height;
+                var pointer = d3.mouse(this);
+                var x = pointer[0];
+                var y = pointer[1];
+
+                if(x < 0 || y < 0 || x >= cw || y >= ch) {
+                    return;
+                }
+                var pixel = d.lineLayer.readPixel(x, ch - 1 - y);
+                var found = pixel[3] !== 0;
+                // inverse of the calcPickColor in `lines.js`; detailed comment there
+                var curveNumber = found ? pixel[2] + 256 * (pixel[1] + 256 * pixel[0]) : null;
+                var eventData = {
+                    x: x,
+                    y: y,
+                    clientX: event.clientX,
+                    clientY: event.clientY,
+                    dataIndex: d.model.key,
+                    curveNumber: curveNumber
+                };
+                if(curveNumber !== lastHovered) { // don't unnecessarily repeat the same hit (or miss)
+                    if(found) {
+                        callbacks.hover(eventData);
+                    } else if(callbacks.unhover) {
+                        callbacks.unhover(eventData);
+                    }
+                    lastHovered = curveNumber;
+                }
+            }
+        });
+
+    parcoordsLineLayer
+        .style('margin', function(d) {
+            var p = d.model.pad;
+            return p.t + 'px ' + p.r + 'px ' + p.b + 'px ' + p.l + 'px';
+        })
+        .attr('width', function(d) {return d.model.canvasWidth;})
+        .attr('height', function(d) {return d.model.canvasHeight;})
+        .style('width', function(d) {return (d.model.width + 2 * c.overdrag) + 'px';})
+        .style('height', function(d) {return d.model.height + 'px';})
+        .style('opacity', function(d) {return d.pick ? 0.01 : 1;});
+
+    svg.style('background', 'rgba(255, 255, 255, 0)');
+    var parcoordsControlOverlay = svg.selectAll('.' + c.cn.parcoords)
+        .data(vm, keyFun);
+
+    parcoordsControlOverlay.exit().remove();
+
+    parcoordsControlOverlay.enter()
+        .append('g')
+        .classed(c.cn.parcoords, true)
+        .attr('overflow', 'visible')
+        .style('box-sizing', 'content-box')
+        .style('position', 'absolute')
+        .style('left', 0)
+        .style('overflow', 'visible')
+        .style('shape-rendering', 'crispEdges')
+        .style('pointer-events', 'none')
+        .call(enterSvgDefs);
+
+    parcoordsControlOverlay
+        .attr('width', function(d) {return d.model.width + d.model.pad.l + d.model.pad.r;})
+        .attr('height', function(d) {return d.model.height + d.model.pad.t + d.model.pad.b;})
+        .attr('transform', function(d) {
+            return 'translate(' + d.model.translateX + ',' + d.model.translateY + ')';
+        });
+
+    var parcoordsControlView = parcoordsControlOverlay.selectAll('.' + c.cn.parcoordsControlView)
+        .data(repeat, keyFun);
+
+    parcoordsControlView.enter()
+        .append('g')
+        .classed(c.cn.parcoordsControlView, true)
+        .style('box-sizing', 'content-box');
+
+    parcoordsControlView
+        .attr('transform', function(d) {return 'translate(' + d.model.pad.l + ',' + d.model.pad.t + ')';});
+
+    var yAxis = parcoordsControlView.selectAll('.' + c.cn.yAxis)
+        .data(function(vm) {return vm.dimensions;}, keyFun);
+
+    function someFiltersActive(view) {
+        return view.dimensions.some(function(p) {return p.filter[0] !== 0 || p.filter[1] !== 1;});
+    }
+
+    function updatePanelLayoutParcoords(yAxis, vm) {
+        var panels = vm.panels || (vm.panels = []);
+        var yAxes = yAxis.each(function(d) {return d;})[vm.key].map(function(e) {return e.__data__;});
+        var panelCount = yAxes.length - 1;
+        var rowCount = 1;
+        for(var row = 0; row < rowCount; row++) {
+            for(var p = 0; p < panelCount; p++) {
+                var panel = panels[p + row * panelCount] || (panels[p + row * panelCount] = {});
+                var dim1 = yAxes[p];
+                var dim2 = yAxes[p + 1];
+                panel.dim1 = dim1;
+                panel.dim2 = dim2;
+                panel.canvasX = dim1.canvasX;
+                panel.panelSizeX = dim2.canvasX - dim1.canvasX;
+                panel.panelSizeY = vm.model.canvasHeight / rowCount;
+                panel.y = row * panel.panelSizeY;
+                panel.canvasY = vm.model.canvasHeight - panel.y - panel.panelSizeY;
+            }
+        }
+    }
+
+    function updatePanelLayoutScatter(yAxis, vm) {
+        var panels = vm.panels || (vm.panels = []);
+        var yAxes = yAxis.each(function(d) {return d;})[vm.key].map(function(e) {return e.__data__;});
+        var panelCount = yAxes.length - 1;
+        var rowCount = panelCount;
+        for(var row = 0; row < panelCount; row++) {
+            for(var p = 0; p < panelCount; p++) {
+                var panel = panels[p + row * panelCount] || (panels[p + row * panelCount] = {});
+                var dim1 = yAxes[p];
+                var dim2 = yAxes[p + 1];
+                panel.dim1 = yAxes[row + 1];
+                panel.dim2 = dim2;
+                panel.canvasX = dim1.canvasX;
+                panel.panelSizeX = dim2.canvasX - dim1.canvasX;
+                panel.panelSizeY = vm.model.canvasHeight / rowCount;
+                panel.y = row * panel.panelSizeY;
+                panel.canvasY = vm.model.canvasHeight - panel.y - panel.panelSizeY;
+            }
+        }
+    }
+
+    function updatePanelLayout(yAxis, vm) {
+        return (c.scatter ? updatePanelLayoutScatter : updatePanelLayoutParcoords)(yAxis, vm);
+    }
+
+    yAxis.enter()
+        .append('g')
+        .classed(c.cn.yAxis, true)
+        .each(function(d) {tweakables.dimensions.push(d);});
+
+    parcoordsControlView.each(function(vm) {
+        updatePanelLayout(yAxis, vm);
+    });
+
+    parcoordsLineLayer
+        .each(function(d) {
+            d.lineLayer = lineLayerMaker(this, d.model.lines, d.model.canvasWidth, d.model.canvasHeight, d.viewModel.dimensions, d.viewModel.panels, d.model.unitToColor, d.context, d.pick, c.scatter);
+            d.viewModel[d.key] = d.lineLayer;
+            tweakables.renderers.push(function() {d.lineLayer.render(d.viewModel.panels, true);});
+            d.lineLayer.render(d.viewModel.panels, !d.context);
+        });
+
+    yAxis
+        .attr('transform', function(d) {return 'translate(' + d.xScale(d.xIndex) + ', 0)';});
+
+    yAxis
+        .call(d3.behavior.drag()
+            .origin(function(d) {return d;})
+            .on('drag', function(d) {
+                var p = d.parent;
+                linePickActive = false;
+                if(domainBrushing) {
+                    return;
+                }
+                d.x = Math.max(-c.overdrag, Math.min(d.model.width + c.overdrag, d3.event.x));
+                d.canvasX = d.x * d.model.canvasPixelRatio;
+                yAxis
+                    .sort(function(a, b) {return a.x - b.x;})
+                    .each(function(dd, i) {
+                        dd.xIndex = i;
+                        dd.x = d === dd ? dd.x : dd.xScale(dd.xIndex);
+                        dd.canvasX = dd.x * dd.model.canvasPixelRatio;
+                    });
+
+                updatePanelLayout(yAxis, p);
+
+                yAxis.filter(function(dd) {return Math.abs(d.xIndex - dd.xIndex) !== 0;})
+                    .attr('transform', function(d) {return 'translate(' + d.xScale(d.xIndex) + ', 0)';});
+                d3.select(this).attr('transform', 'translate(' + d.x + ', 0)');
+                yAxis.each(function(dd, i, ii) {if(ii === d.parent.key) p.dimensions[i] = dd;});
+                p.contextLineLayer && p.contextLineLayer.render(p.panels, false, !someFiltersActive(p));
+                p.focusLineLayer.render && p.focusLineLayer.render(p.panels);
+            })
+            .on('dragend', function(d) {
+                var p = d.parent;
+                if(domainBrushing) {
+                    if(domainBrushing === 'ending') {
+                        domainBrushing = false;
+                    }
+                    return;
+                }
+                d.x = d.xScale(d.xIndex);
+                d.canvasX = d.x * d.model.canvasPixelRatio;
+                updatePanelLayout(yAxis, p);
+                d3.select(this)
+                    .attr('transform', function(d) {return 'translate(' + d.x + ', 0)';});
+                p.contextLineLayer && p.contextLineLayer.render(p.panels, false, !someFiltersActive(p));
+                p.focusLineLayer && p.focusLineLayer.render(p.panels);
+                p.pickLineLayer && p.pickLineLayer.render(p.panels, true);
+                linePickActive = true;
+
+                if(callbacks && callbacks.axesMoved) {
+                    callbacks.axesMoved(p.key, p.dimensions.map(function(dd) {return dd.crossfilterDimensionIndex;}));
+                }
+            })
+        );
+
+    yAxis.exit()
+        .remove();
+
+    var axisOverlays = yAxis.selectAll('.' + c.cn.axisOverlays)
+        .data(repeat, keyFun);
+
+    axisOverlays.enter()
+        .append('g')
+        .classed(c.cn.axisOverlays, true);
+
+    axisOverlays.selectAll('.' + c.cn.axis).remove();
+
+    var axis = axisOverlays.selectAll('.' + c.cn.axis)
+        .data(repeat, keyFun);
+
+    axis.enter()
+        .append('g')
+        .classed(c.cn.axis, true);
+
+    axis
+        .each(function(d) {
+            var wantedTickCount = d.model.height / d.model.tickDistance;
+            var scale = d.domainScale;
+            var sdom = scale.domain();
+            d3.select(this)
+                .call(d3.svg.axis()
+                    .orient('left')
+                    .tickSize(4)
+                    .outerTickSize(2)
+                    .ticks(wantedTickCount, d.tickFormat) // works for continuous scales only...
+                    .tickValues(d.ordinal ? // and this works for ordinal scales
+                        sdom :
+                        null)
+                    .tickFormat(d.ordinal ? function(d) {return d;} : null)
+                    .scale(scale));
+            Drawing.font(axis.selectAll('text'), d.model.tickFont);
+        });
+
+    axis
+        .selectAll('.domain, .tick>line')
+        .attr('fill', 'none')
+        .attr('stroke', 'black')
+        .attr('stroke-opacity', 0.25)
+        .attr('stroke-width', '1px');
+
+    axis
+        .selectAll('text')
+        .style('text-shadow', '1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff')
+        .style('cursor', 'default')
+        .style('user-select', 'none');
+
+    var axisHeading = axisOverlays.selectAll('.' + c.cn.axisHeading)
+        .data(repeat, keyFun);
+
+    axisHeading.enter()
+        .append('g')
+        .classed(c.cn.axisHeading, true);
+
+    var axisTitle = axisHeading.selectAll('.' + c.cn.axisTitle)
+        .data(repeat, keyFun);
+
+    axisTitle.enter()
+        .append('text')
+        .classed(c.cn.axisTitle, true)
+        .attr('text-anchor', 'middle')
+        .style('cursor', 'ew-resize')
+        .style('user-select', 'none')
+        .style('pointer-events', 'auto');
+
+    axisTitle
+        .attr('transform', 'translate(0,' + -c.axisTitleOffset + ')')
+        .text(function(d) {return d.label;})
+        .each(function(d) {Drawing.font(axisTitle, d.model.labelFont);});
+
+    var axisExtent = axisOverlays.selectAll('.' + c.cn.axisExtent)
+        .data(repeat, keyFun);
+
+    axisExtent.enter()
+        .append('g')
+        .classed(c.cn.axisExtent, true);
+
+    var axisExtentTop = axisExtent.selectAll('.' + c.cn.axisExtentTop)
+        .data(repeat, keyFun);
+
+    axisExtentTop.enter()
+        .append('g')
+        .classed(c.cn.axisExtentTop, true);
+
+    axisExtentTop
+        .attr('transform', 'translate(' + 0 + ',' + -c.axisExtentOffset + ')');
+
+    var axisExtentTopText = axisExtentTop.selectAll('.' + c.cn.axisExtentTopText)
+        .data(repeat, keyFun);
+
+    function formatExtreme(d) {
+        return d.ordinal ? function() {return '';} : d3.format(d.tickFormat);
+    }
+
+    axisExtentTopText.enter()
+        .append('text')
+        .classed(c.cn.axisExtentTopText, true)
+        .call(styleExtentTexts);
+
+    axisExtentTopText
+        .text(function(d) {return formatExtreme(d)(d.domainScale.domain().slice(-1)[0]);})
+        .each(function(d) {Drawing.font(axisExtentTopText, d.model.rangeFont);});
+
+    var axisExtentBottom = axisExtent.selectAll('.' + c.cn.axisExtentBottom)
+        .data(repeat, keyFun);
+
+    axisExtentBottom.enter()
+        .append('g')
+        .classed(c.cn.axisExtentBottom, true);
+
+    axisExtentBottom
+        .attr('transform', function(d) {return 'translate(' + 0 + ',' + (d.model.height + c.axisExtentOffset) + ')';});
+
+    var axisExtentBottomText = axisExtentBottom.selectAll('.' + c.cn.axisExtentBottomText)
+        .data(repeat, keyFun);
+
+    axisExtentBottomText.enter()
+        .append('text')
+        .classed(c.cn.axisExtentBottomText, true)
+        .attr('dy', '0.75em')
+        .call(styleExtentTexts);
+
+    axisExtentBottomText
+        .text(function(d) {return formatExtreme(d)(d.domainScale.domain()[0]);})
+        .each(function(d) {Drawing.font(axisExtentBottomText, d.model.rangeFont);});
+
+    var axisBrush = axisOverlays.selectAll('.' + c.cn.axisBrush)
+        .data(repeat, keyFun);
+
+    var axisBrushEnter = axisBrush.enter()
+        .append('g')
+        .classed(c.cn.axisBrush, true);
+
+    axisBrush
+        .each(function(d) {
+            if(!d.brush) {
+                d.brush = d3.svg.brush()
+                    .y(d.unitScale)
+                    .on('brushstart', axisBrushStarted)
+                    .on('brush', axisBrushMoved)
+                    .on('brushend', axisBrushEnded);
+                if(d.filter[0] !== 0 || d.filter[1] !== 1) {
+                    d.brush.extent(d.filter);
+                }
+                d3.select(this).call(d.brush);
+            }
+        });
+
+    axisBrushEnter
+        .selectAll('rect')
+        .attr('x', -c.bar.capturewidth / 2)
+        .attr('width', c.bar.capturewidth);
+
+    axisBrushEnter
+        .selectAll('rect.extent')
+        .attr('fill', 'url(#' + c.id.filterBarPattern + ')')
+        .style('cursor', 'ns-resize')
+        .filter(function(d) {return d.filter[0] === 0 && d.filter[1] === 1;})
+        .attr('y', -100); //  // zero-size rectangle pointer issue workaround
+
+    axisBrushEnter
+        .selectAll('.resize rect')
+        .attr('height', c.bar.handleheight)
+        .attr('opacity', 0)
+        .style('visibility', 'visible');
+
+    axisBrushEnter
+        .selectAll('.resize.n rect')
+        .style('cursor', 'n-resize')
+        .attr('y', c.bar.handleoverlap - c.bar.handleheight);
+
+    axisBrushEnter
+        .selectAll('.resize.s rect')
+        .style('cursor', 's-resize')
+        .attr('y', c.bar.handleoverlap);
+
+    var justStarted = false;
+    var contextShown = false;
+
+    function axisBrushStarted() {
+        justStarted = true;
+        domainBrushing = true;
+    }
+
+    function axisBrushMoved(dimension) {
+        linePickActive = false;
+        var p = dimension.parent;
+        var extent = dimension.brush.extent();
+        var dimensions = p.dimensions;
+        var filter = dimensions[dimension.xIndex].filter;
+        var reset = justStarted && (extent[0] === extent[1]);
+        if(reset) {
+            dimension.brush.clear();
+            d3.select(this).select('rect.extent').attr('y', -100); // zero-size rectangle pointer issue workaround
+        }
+        var newExtent = reset ? [0, 1] : extent.slice();
+        if(newExtent[0] !== filter[0] || newExtent[1] !== filter[1]) {
+            dimensions[dimension.xIndex].filter = newExtent;
+            p.focusLineLayer && p.focusLineLayer.render(p.panels, true);
+            var filtersActive = someFiltersActive(p);
+            if(!contextShown && filtersActive) {
+                p.contextLineLayer && p.contextLineLayer.render(p.panels, true);
+                contextShown = true;
+            } else if(contextShown && !filtersActive) {
+                p.contextLineLayer && p.contextLineLayer.render(p.panels, true, true);
+                contextShown = false;
+            }
+        }
+        justStarted = false;
+    }
+
+    function axisBrushEnded(dimension) {
+        var p = dimension.parent;
+        var extent = dimension.brush.extent();
+        var empty = extent[0] === extent[1];
+        var dimensions = p.dimensions;
+        var f = dimensions[dimension.xIndex].filter;
+        if(!empty && dimension.ordinal) {
+            f[0] = ordinalScaleSnap(dimension.ordinalScale, f[0]);
+            f[1] = ordinalScaleSnap(dimension.ordinalScale, f[1]);
+            if(f[0] === f[1]) {
+                f[0] = Math.max(0, f[0] - 0.05);
+                f[1] = Math.min(1, f[1] + 0.05);
+            }
+            d3.select(this).transition().duration(150).call(dimension.brush.extent(f));
+            p.focusLineLayer.render(p.panels, true);
+        }
+        p.pickLineLayer && p.pickLineLayer.render(p.panels, true);
+        linePickActive = true;
+        domainBrushing = 'ending';
+        if(callbacks && callbacks.filterChanged) {
+            var invScale = dimension.domainToUnitScale.invert;
+
+            // update gd.data as if a Plotly.restyle were fired
+            var newRange = f.map(invScale);
+            callbacks.filterChanged(p.key, dimension.visibleIndex, newRange);
+        }
+    }
+
+    return tweakables;
+};
+
+},{"../../components/drawing":628,"../../lib":728,"../../lib/gup":725,"./constants":1001,"./lines":1004,"d3":122}],1006:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var parcoords = require('./parcoords');
+
+module.exports = function plot(gd, cdparcoords) {
+
+    var fullLayout = gd._fullLayout;
+    var svg = fullLayout._paper;
+    var root = fullLayout._paperdiv;
+
+    var gdDimensions = {};
+    var gdDimensionsOriginalOrder = {};
+
+    var size = fullLayout._size;
+
+    cdparcoords.forEach(function(d, i) {
+        gdDimensions[i] = gd.data[i].dimensions;
+        gdDimensionsOriginalOrder[i] = gd.data[i].dimensions.slice();
+    });
+
+    var filterChanged = function(i, originalDimensionIndex, newRange) {
+
+        // Have updated `constraintrange` data on `gd.data` and raise `Plotly.restyle` event
+        // without having to incur heavy UI blocking due to an actual `Plotly.restyle` call
+
+        var gdDimension = gdDimensionsOriginalOrder[i][originalDimensionIndex];
+        var gdConstraintRange = gdDimension.constraintrange;
+
+        if(!gdConstraintRange || gdConstraintRange.length !== 2) {
+            gdConstraintRange = gdDimension.constraintrange = [];
+        }
+        gdConstraintRange[0] = newRange[0];
+        gdConstraintRange[1] = newRange[1];
+
+        gd.emit('plotly_restyle');
+    };
+
+    var hover = function(eventData) {
+        gd.emit('plotly_hover', eventData);
+    };
+
+    var unhover = function(eventData) {
+        gd.emit('plotly_unhover', eventData);
+    };
+
+    var axesMoved = function(i, visibleIndices) {
+
+        // Have updated order data on `gd.data` and raise `Plotly.restyle` event
+        // without having to incur heavy UI blocking due to an actual `Plotly.restyle` call
+
+        function visible(dimension) {return !('visible' in dimension) || dimension.visible;}
+
+        function newIdx(visibleIndices, orig, dim) {
+            var origIndex = orig.indexOf(dim);
+            var currentIndex = visibleIndices.indexOf(origIndex);
+            if(currentIndex === -1) {
+                // invisible dimensions initially go to the end
+                currentIndex += orig.length;
+            }
+            return currentIndex;
+        }
+
+        function sorter(orig) {
+            return function sorter(d1, d2) {
+                var i1 = newIdx(visibleIndices, orig, d1);
+                var i2 = newIdx(visibleIndices, orig, d2);
+                return i1 - i2;
+            };
+        }
+
+        // drag&drop sorting of the visible dimensions
+        var orig = sorter(gdDimensionsOriginalOrder[i].filter(visible));
+        gdDimensions[i].sort(orig);
+
+        // invisible dimensions are not interpreted in the context of drag&drop sorting as an invisible dimension
+        // cannot be dragged; they're interspersed into their original positions by this subsequent merging step
+        gdDimensionsOriginalOrder[i].filter(function(d) {return !visible(d);})
+             .sort(function(d) {
+                 // subsequent splicing to be done left to right, otherwise indices may be incorrect
+                 return gdDimensionsOriginalOrder[i].indexOf(d);
+             })
+            .forEach(function(d) {
+                gdDimensions[i].splice(gdDimensions[i].indexOf(d), 1); // remove from the end
+                gdDimensions[i].splice(gdDimensionsOriginalOrder[i].indexOf(d), 0, d); // insert at original index
+            });
+
+        gd.emit('plotly_restyle');
+    };
+
+    parcoords(
+        root,
+        svg,
+        cdparcoords,
+        {
+            width: size.w,
+            height: size.h,
+            margin: {
+                t: size.t,
+                r: size.r,
+                b: size.b,
+                l: size.l
+            }
+        },
+        {
+            filterChanged: filterChanged,
+            hover: hover,
+            unhover: unhover,
+            axesMoved: axesMoved
+        });
+};
+
+},{"./parcoords":1005}],1007:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttrs = require('../../components/color/attributes');
+var fontAttrs = require('../../plots/font_attributes');
+var plotAttrs = require('../../plots/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var textFontAttrs = fontAttrs({
+    editType: 'calc',
+    colorEditType: 'style',
+    
+});
+
+module.exports = {
+    labels: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    // equivalent of x0 and dx, if label is missing
+    label0: {
+        valType: 'number',
+        
+        dflt: 0,
+        editType: 'calc',
+        
+    },
+    dlabel: {
+        valType: 'number',
+        
+        dflt: 1,
+        editType: 'calc',
+        
+    },
+
+    values: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+
+    marker: {
+        colors: {
+            valType: 'data_array',  // TODO 'color_array' ?
+            editType: 'calc',
+            
+        },
+
+        line: {
+            color: {
+                valType: 'color',
+                
+                dflt: colorAttrs.defaultLine,
+                arrayOk: true,
+                editType: 'style',
+                
+            },
+            width: {
+                valType: 'number',
+                
+                min: 0,
+                dflt: 0,
+                arrayOk: true,
+                editType: 'style',
+                
+            },
+            editType: 'calc'
+        },
+        editType: 'calc'
+    },
+
+    text: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    hovertext: {
+        valType: 'string',
+        
+        dflt: '',
+        arrayOk: true,
+        editType: 'style',
+        
+    },
+
+// 'see eg:'
+// 'https://www.e-education.psu.edu/natureofgeoinfo/sites/www.e-education.psu.edu.natureofgeoinfo/files/image/hisp_pies.gif',
+// '(this example involves a map too - may someday be a whole trace type',
+// 'of its own. but the point is the size of the whole pie is important.)'
+    scalegroup: {
+        valType: 'string',
+        
+        dflt: '',
+        editType: 'calc',
+        
+    },
+
+    // labels (legend is handled by plots.attributes.showlegend and layout.hiddenlabels)
+    textinfo: {
+        valType: 'flaglist',
+        
+        flags: ['label', 'text', 'value', 'percent'],
+        extras: ['none'],
+        editType: 'calc',
+        
+    },
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['label', 'text', 'value', 'percent', 'name']
+    }),
+    textposition: {
+        valType: 'enumerated',
+        
+        values: ['inside', 'outside', 'auto', 'none'],
+        dflt: 'auto',
+        arrayOk: true,
+        editType: 'calc',
+        
+    },
+    // TODO make those arrayOk?
+    textfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+    insidetextfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+    outsidetextfont: extendFlat({}, textFontAttrs, {
+        
+    }),
+
+    // position and shape
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'calc'},
+                {valType: 'number', min: 0, max: 1, editType: 'calc'}
+            ],
+            dflt: [0, 1],
+            editType: 'calc',
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1, editType: 'calc'},
+                {valType: 'number', min: 0, max: 1, editType: 'calc'}
+            ],
+            dflt: [0, 1],
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+    hole: {
+        valType: 'number',
+        
+        min: 0,
+        max: 1,
+        dflt: 0,
+        editType: 'calc',
+        
+    },
+
+    // ordering and direction
+    sort: {
+        valType: 'boolean',
+        
+        dflt: true,
+        editType: 'calc',
+        
+    },
+    direction: {
+        /**
+         * there are two common conventions, both of which place the first
+         * (largest, if sorted) slice with its left edge at 12 o'clock but
+         * succeeding slices follow either cw or ccw from there.
+         *
+         * see http://visage.co/data-visualization-101-pie-charts/
+         */
+        valType: 'enumerated',
+        values: ['clockwise', 'counterclockwise'],
+        
+        dflt: 'counterclockwise',
+        editType: 'calc',
+        
+    },
+    rotation: {
+        valType: 'number',
+        
+        min: -360,
+        max: 360,
+        dflt: 0,
+        editType: 'calc',
+        
+    },
+
+    pull: {
+        valType: 'number',
+        
+        min: 0,
+        max: 1,
+        dflt: 0,
+        arrayOk: true,
+        editType: 'calc',
+        
+    }
+};
+
+},{"../../components/color/attributes":603,"../../lib/extend":717,"../../plots/attributes":770,"../../plots/font_attributes":796}],1008:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Registry = require('../../registry');
+
+
+exports.name = 'pie';
+
+exports.plot = function(gd) {
+    var Pie = Registry.getModule('pie');
+    var cdPie = getCdModule(gd.calcdata, Pie);
+
+    if(cdPie.length) Pie.plot(gd, cdPie);
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var hadPie = (oldFullLayout._has && oldFullLayout._has('pie'));
+    var hasPie = (newFullLayout._has && newFullLayout._has('pie'));
+
+    if(hadPie && !hasPie) {
+        oldFullLayout._pielayer.selectAll('g.trace').remove();
+    }
+};
+
+function getCdModule(calcdata, _module) {
+    var cdModule = [];
+
+    for(var i = 0; i < calcdata.length; i++) {
+        var cd = calcdata[i];
+        var trace = cd[0].trace;
+
+        if((trace._module === _module) && (trace.visible === true)) {
+            cdModule.push(cd);
+        }
+    }
+
+    return cdModule;
+}
+
+},{"../../registry":846}],1009:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var tinycolor = require('tinycolor2');
+
+var Color = require('../../components/color');
+var helpers = require('./helpers');
+
+module.exports = function calc(gd, trace) {
+    var vals = trace.values,
+        labels = trace.labels,
+        cd = [],
+        fullLayout = gd._fullLayout,
+        colorMap = fullLayout._piecolormap,
+        allThisTraceLabels = {},
+        needDefaults = false,
+        vTotal = 0,
+        hiddenLabels = fullLayout.hiddenlabels || [],
+        i,
+        v,
+        label,
+        color,
+        hidden,
+        pt;
+
+    if(trace.dlabel) {
+        labels = new Array(vals.length);
+        for(i = 0; i < vals.length; i++) {
+            labels[i] = String(trace.label0 + i * trace.dlabel);
+        }
+    }
+
+    for(i = 0; i < vals.length; i++) {
+        v = vals[i];
+        if(!isNumeric(v)) continue;
+        v = +v;
+        if(v < 0) continue;
+
+        label = labels[i];
+        if(label === undefined || label === '') label = i;
+        label = String(label);
+        // only take the first occurrence of any given label.
+        // TODO: perhaps (optionally?) sum values for a repeated label?
+        if(allThisTraceLabels[label] === undefined) allThisTraceLabels[label] = true;
+        else continue;
+
+        color = tinycolor(trace.marker.colors[i]);
+        if(color.isValid()) {
+            color = Color.addOpacity(color, color.getAlpha());
+            if(!colorMap[label]) {
+                colorMap[label] = color;
+            }
+        }
+        // have we seen this label and assigned a color to it in a previous trace?
+        else if(colorMap[label]) color = colorMap[label];
+        // color needs a default - mark it false, come back after sorting
+        else {
+            color = false;
+            needDefaults = true;
+        }
+
+        hidden = hiddenLabels.indexOf(label) !== -1;
+
+        if(!hidden) vTotal += v;
+
+        cd.push({
+            v: v,
+            label: label,
+            color: color,
+            i: i,
+            hidden: hidden
+        });
+    }
+
+    if(trace.sort) cd.sort(function(a, b) { return b.v - a.v; });
+
+    /**
+     * now go back and fill in colors we're still missing
+     * this is done after sorting, so we pick defaults
+     * in the order slices will be displayed
+     */
+
+    if(needDefaults) {
+        for(i = 0; i < cd.length; i++) {
+            pt = cd[i];
+            if(pt.color === false) {
+                colorMap[pt.label] = pt.color = nextDefaultColor(fullLayout._piedefaultcolorcount);
+                fullLayout._piedefaultcolorcount++;
+            }
+        }
+    }
+
+    // include the sum of all values in the first point
+    if(cd[0]) cd[0].vTotal = vTotal;
+
+    // now insert text
+    if(trace.textinfo && trace.textinfo !== 'none') {
+        var hasLabel = trace.textinfo.indexOf('label') !== -1,
+            hasText = trace.textinfo.indexOf('text') !== -1,
+            hasValue = trace.textinfo.indexOf('value') !== -1,
+            hasPercent = trace.textinfo.indexOf('percent') !== -1,
+            separators = fullLayout.separators,
+            thisText;
+
+        for(i = 0; i < cd.length; i++) {
+            pt = cd[i];
+            thisText = hasLabel ? [pt.label] : [];
+            if(hasText && trace.text[pt.i]) thisText.push(trace.text[pt.i]);
+            if(hasValue) thisText.push(helpers.formatPieValue(pt.v, separators));
+            if(hasPercent) thisText.push(helpers.formatPiePercent(pt.v / vTotal, separators));
+            pt.text = thisText.join('<br>');
+        }
+    }
+
+    return cd;
+};
+
+/**
+ * pick a default color from the main default set, augmented by
+ * itself lighter then darker before repeating
+ */
+var pieDefaultColors;
+
+function nextDefaultColor(index) {
+    if(!pieDefaultColors) {
+        // generate this default set on demand (but then it gets saved in the module)
+        var mainDefaults = Color.defaults;
+        pieDefaultColors = mainDefaults.slice();
+
+        var i;
+
+        for(i = 0; i < mainDefaults.length; i++) {
+            pieDefaultColors.push(tinycolor(mainDefaults[i]).lighten(20).toHexString());
+        }
+
+        for(i = 0; i < Color.defaults.length; i++) {
+            pieDefaultColors.push(tinycolor(mainDefaults[i]).darken(20).toHexString());
+        }
+    }
+
+    return pieDefaultColors[index % pieDefaultColors.length];
+}
+
+},{"../../components/color":604,"./helpers":1011,"fast-isnumeric":131,"tinycolor2":534}],1010:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var coerceFont = Lib.coerceFont;
+
+    var vals = coerce('values');
+    if(!Array.isArray(vals) || !vals.length) {
+        traceOut.visible = false;
+        return;
+    }
+
+    var labels = coerce('labels');
+    if(!Array.isArray(labels)) {
+        coerce('label0');
+        coerce('dlabel');
+    }
+
+    var lineWidth = coerce('marker.line.width');
+    if(lineWidth) coerce('marker.line.color');
+
+    var colors = coerce('marker.colors');
+    if(!Array.isArray(colors)) traceOut.marker.colors = []; // later this will get padded with default colors
+
+    coerce('scalegroup');
+    // TODO: tilt, depth, and hole all need to be coerced to the same values within a scaleegroup
+    // (ideally actually, depth would get set the same *after* scaling, ie the same absolute depth)
+    // and if colors aren't specified we should match these up - potentially even if separate pies
+    // are NOT in the same sharegroup
+
+
+    var textData = coerce('text');
+    var textInfo = coerce('textinfo', Array.isArray(textData) ? 'text+percent' : 'percent');
+    coerce('hovertext');
+
+    if(textInfo && textInfo !== 'none') {
+        var textPosition = coerce('textposition'),
+            hasBoth = Array.isArray(textPosition) || textPosition === 'auto',
+            hasInside = hasBoth || textPosition === 'inside',
+            hasOutside = hasBoth || textPosition === 'outside';
+
+        if(hasInside || hasOutside) {
+            var dfltFont = coerceFont(coerce, 'textfont', layout.font);
+            if(hasInside) coerceFont(coerce, 'insidetextfont', dfltFont);
+            if(hasOutside) coerceFont(coerce, 'outsidetextfont', dfltFont);
+        }
+    }
+
+    coerce('domain.x');
+    coerce('domain.y');
+
+    // 3D attributes commented out until I finish them in a later PR
+    // var tilt = coerce('tilt');
+    // if(tilt) {
+    //     coerce('tiltaxis');
+    //     coerce('depth');
+    //     coerce('shading');
+    // }
+
+    coerce('hole');
+
+    coerce('sort');
+    coerce('direction');
+    coerce('rotation');
+
+    coerce('pull');
+};
+
+},{"../../lib":728,"./attributes":1007}],1011:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+exports.formatPiePercent = function formatPiePercent(v, separators) {
+    var vRounded = (v * 100).toPrecision(3);
+    if(vRounded.lastIndexOf('.') !== -1) {
+        vRounded = vRounded.replace(/[.]?0+$/, '');
+    }
+    return Lib.numSeparate(vRounded, separators) + '%';
+};
+
+exports.formatPieValue = function formatPieValue(v, separators) {
+    var vRounded = v.toPrecision(10);
+    if(vRounded.lastIndexOf('.') !== -1) {
+        vRounded = vRounded.replace(/[.]?0+$/, '');
+    }
+    return Lib.numSeparate(vRounded, separators);
+};
+
+},{"../../lib":728}],1012:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Pie = {};
+
+Pie.attributes = require('./attributes');
+Pie.supplyDefaults = require('./defaults');
+Pie.supplyLayoutDefaults = require('./layout_defaults');
+Pie.layoutAttributes = require('./layout_attributes');
+Pie.calc = require('./calc');
+Pie.plot = require('./plot');
+Pie.style = require('./style');
+Pie.styleOne = require('./style_one');
+
+Pie.moduleType = 'trace';
+Pie.name = 'pie';
+Pie.basePlotModule = require('./base_plot');
+Pie.categories = ['pie', 'showLegend'];
+Pie.meta = {
+    
+};
+
+module.exports = Pie;
+
+},{"./attributes":1007,"./base_plot":1008,"./calc":1009,"./defaults":1010,"./layout_attributes":1013,"./layout_defaults":1014,"./plot":1015,"./style":1016,"./style_one":1017}],1013:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    /**
+     * hiddenlabels is the pie chart analog of visible:'legendonly'
+     * but it can contain many labels, and can hide slices
+     * from several pies simultaneously
+     */
+    hiddenlabels: {
+        valType: 'data_array',
+        editType: 'calc'
+    }
+};
+
+},{}],1014:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var layoutAttributes = require('./layout_attributes');
+
+module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt);
+    }
+    coerce('hiddenlabels');
+};
+
+},{"../../lib":728,"./layout_attributes":1013}],1015:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var Fx = require('../../components/fx');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var svgTextUtils = require('../../lib/svg_text_utils');
+
+var helpers = require('./helpers');
+
+module.exports = function plot(gd, cdpie) {
+    var fullLayout = gd._fullLayout;
+
+    scalePies(cdpie, fullLayout._size);
+
+    var pieGroups = fullLayout._pielayer.selectAll('g.trace').data(cdpie);
+
+    pieGroups.enter().append('g')
+        .attr({
+            'stroke-linejoin': 'round', // TODO: miter might look better but can sometimes cause problems
+                                        // maybe miter with a small-ish stroke-miterlimit?
+            'class': 'trace'
+        });
+    pieGroups.exit().remove();
+    pieGroups.order();
+
+    pieGroups.each(function(cd) {
+        var pieGroup = d3.select(this),
+            cd0 = cd[0],
+            trace = cd0.trace,
+            tiltRads = 0, // trace.tilt * Math.PI / 180,
+            depthLength = (trace.depth||0) * cd0.r * Math.sin(tiltRads) / 2,
+            tiltAxis = trace.tiltaxis || 0,
+            tiltAxisRads = tiltAxis * Math.PI / 180,
+            depthVector = [
+                depthLength * Math.sin(tiltAxisRads),
+                depthLength * Math.cos(tiltAxisRads)
+            ],
+            rSmall = cd0.r * Math.cos(tiltRads);
+
+        var pieParts = pieGroup.selectAll('g.part')
+            .data(trace.tilt ? ['top', 'sides'] : ['top']);
+
+        pieParts.enter().append('g').attr('class', function(d) {
+            return d + ' part';
+        });
+        pieParts.exit().remove();
+        pieParts.order();
+
+        setCoords(cd);
+
+        pieGroup.selectAll('.top').each(function() {
+            var slices = d3.select(this).selectAll('g.slice').data(cd);
+
+            slices.enter().append('g')
+                .classed('slice', true);
+            slices.exit().remove();
+
+            var quadrants = [
+                    [[], []], // y<0: x<0, x>=0
+                    [[], []] // y>=0: x<0, x>=0
+                ],
+                hasOutsideText = false;
+
+            slices.each(function(pt) {
+                if(pt.hidden) {
+                    d3.select(this).selectAll('path,g').remove();
+                    return;
+                }
+
+                // to have consistent event data compared to other traces
+                pt.pointNumber = pt.i;
+                pt.curveNumber = trace.index;
+
+                quadrants[pt.pxmid[1] < 0 ? 0 : 1][pt.pxmid[0] < 0 ? 0 : 1].push(pt);
+
+                var cx = cd0.cx + depthVector[0],
+                    cy = cd0.cy + depthVector[1],
+                    sliceTop = d3.select(this),
+                    slicePath = sliceTop.selectAll('path.surface').data([pt]),
+                    hasHoverData = false;
+
+                function handleMouseOver(evt) {
+                    evt.originalEvent = d3.event;
+
+                    // in case fullLayout or fullData has changed without a replot
+                    var fullLayout2 = gd._fullLayout;
+                    var trace2 = gd._fullData[trace.index];
+                    var hoverinfo = Fx.castHoverinfo(trace2, fullLayout2, pt.i);
+
+                    if(hoverinfo === 'all') hoverinfo = 'label+text+value+percent+name';
+
+                    // in case we dragged over the pie from another subplot,
+                    // or if hover is turned off
+                    if(gd._dragging || fullLayout2.hovermode === false ||
+                            hoverinfo === 'none' || hoverinfo === 'skip' || !hoverinfo) {
+                        Fx.hover(gd, evt, 'pie');
+                        return;
+                    }
+
+                    var rInscribed = getInscribedRadiusFraction(pt, cd0),
+                        hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed),
+                        hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed),
+                        separators = fullLayout.separators,
+                        thisText = [];
+
+                    if(hoverinfo.indexOf('label') !== -1) thisText.push(pt.label);
+                    if(hoverinfo.indexOf('text') !== -1) {
+                        if(trace2.hovertext) {
+                            thisText.push(
+                                Array.isArray(trace2.hovertext) ?
+                                    trace2.hovertext[pt.i] :
+                                    trace2.hovertext
+                            );
+                        } else if(trace2.text && trace2.text[pt.i]) {
+                            thisText.push(trace2.text[pt.i]);
+                        }
+                    }
+                    if(hoverinfo.indexOf('value') !== -1) thisText.push(helpers.formatPieValue(pt.v, separators));
+                    if(hoverinfo.indexOf('percent') !== -1) thisText.push(helpers.formatPiePercent(pt.v / cd0.vTotal, separators));
+
+                    Fx.loneHover({
+                        x0: hoverCenterX - rInscribed * cd0.r,
+                        x1: hoverCenterX + rInscribed * cd0.r,
+                        y: hoverCenterY,
+                        text: thisText.join('<br>'),
+                        name: hoverinfo.indexOf('name') !== -1 ? trace2.name : undefined,
+                        idealAlign: pt.pxmid[0] < 0 ? 'left' : 'right',
+                        color: Fx.castHoverOption(trace, pt.i, 'bgcolor') || pt.color,
+                        borderColor: Fx.castHoverOption(trace, pt.i, 'bordercolor'),
+                        fontFamily: Fx.castHoverOption(trace, pt.i, 'font.family'),
+                        fontSize: Fx.castHoverOption(trace, pt.i, 'font.size'),
+                        fontColor: Fx.castHoverOption(trace, pt.i, 'font.color')
+                    }, {
+                        container: fullLayout2._hoverlayer.node(),
+                        outerContainer: fullLayout2._paper.node(),
+                        gd: gd
+                    });
+
+                    Fx.hover(gd, evt, 'pie');
+
+                    hasHoverData = true;
+                }
+
+                function handleMouseOut(evt) {
+                    evt.originalEvent = d3.event;
+                    gd.emit('plotly_unhover', {
+                        event: d3.event,
+                        points: [evt]
+                    });
+
+                    if(hasHoverData) {
+                        Fx.loneUnhover(fullLayout._hoverlayer.node());
+                        hasHoverData = false;
+                    }
+                }
+
+                function handleClick() {
+                    gd._hoverdata = [pt];
+                    gd._hoverdata.trace = cd0.trace;
+                    Fx.click(gd, d3.event);
+                }
+
+                slicePath.enter().append('path')
+                    .classed('surface', true)
+                    .style({'pointer-events': 'all'});
+
+                sliceTop.select('path.textline').remove();
+
+                sliceTop
+                    .on('mouseover', handleMouseOver)
+                    .on('mouseout', handleMouseOut)
+                    .on('click', handleClick);
+
+                if(trace.pull) {
+                    var pull = +(Array.isArray(trace.pull) ? trace.pull[pt.i] : trace.pull) || 0;
+                    if(pull > 0) {
+                        cx += pull * pt.pxmid[0];
+                        cy += pull * pt.pxmid[1];
+                    }
+                }
+
+                pt.cxFinal = cx;
+                pt.cyFinal = cy;
+
+                function arc(start, finish, cw, scale) {
+                    return 'a' + (scale * cd0.r) + ',' + (scale * rSmall) + ' ' + tiltAxis + ' ' +
+                        pt.largeArc + (cw ? ' 1 ' : ' 0 ') +
+                        (scale * (finish[0] - start[0])) + ',' + (scale * (finish[1] - start[1]));
+                }
+
+                var hole = trace.hole;
+                if(pt.v === cd0.vTotal) { // 100% fails bcs arc start and end are identical
+                    var outerCircle = 'M' + (cx + pt.px0[0]) + ',' + (cy + pt.px0[1]) +
+                        arc(pt.px0, pt.pxmid, true, 1) +
+                        arc(pt.pxmid, pt.px0, true, 1) + 'Z';
+                    if(hole) {
+                        slicePath.attr('d',
+                            'M' + (cx + hole * pt.px0[0]) + ',' + (cy + hole * pt.px0[1]) +
+                            arc(pt.px0, pt.pxmid, false, hole) +
+                            arc(pt.pxmid, pt.px0, false, hole) +
+                            'Z' + outerCircle);
+                    }
+                    else slicePath.attr('d', outerCircle);
+                } else {
+
+                    var outerArc = arc(pt.px0, pt.px1, true, 1);
+
+                    if(hole) {
+                        var rim = 1 - hole;
+                        slicePath.attr('d',
+                            'M' + (cx + hole * pt.px1[0]) + ',' + (cy + hole * pt.px1[1]) +
+                            arc(pt.px1, pt.px0, false, hole) +
+                            'l' + (rim * pt.px0[0]) + ',' + (rim * pt.px0[1]) +
+                            outerArc +
+                            'Z');
+                    } else {
+                        slicePath.attr('d',
+                            'M' + cx + ',' + cy +
+                            'l' + pt.px0[0] + ',' + pt.px0[1] +
+                            outerArc +
+                            'Z');
+                    }
+                }
+
+                // add text
+                var textPosition = Array.isArray(trace.textposition) ?
+                        trace.textposition[pt.i] : trace.textposition,
+                    sliceTextGroup = sliceTop.selectAll('g.slicetext')
+                    .data(pt.text && (textPosition !== 'none') ? [0] : []);
+
+                sliceTextGroup.enter().append('g')
+                    .classed('slicetext', true);
+                sliceTextGroup.exit().remove();
+
+                sliceTextGroup.each(function() {
+                    var sliceText = d3.select(this).selectAll('text').data([0]);
+
+                    sliceText.enter().append('text')
+                        // prohibit tex interpretation until we can handle
+                        // tex and regular text together
+                        .attr('data-notex', 1);
+                    sliceText.exit().remove();
+
+                    sliceText.text(pt.text)
+                        .attr({
+                            'class': 'slicetext',
+                            transform: '',
+                            'text-anchor': 'middle'
+                        })
+                        .call(Drawing.font, textPosition === 'outside' ?
+                            trace.outsidetextfont : trace.insidetextfont)
+                        .call(svgTextUtils.convertToTspans, gd);
+
+                    // position the text relative to the slice
+                    // TODO: so far this only accounts for flat
+                    var textBB = Drawing.bBox(sliceText.node()),
+                        transform;
+
+                    if(textPosition === 'outside') {
+                        transform = transformOutsideText(textBB, pt);
+                    } else {
+                        transform = transformInsideText(textBB, pt, cd0);
+                        if(textPosition === 'auto' && transform.scale < 1) {
+                            sliceText.call(Drawing.font, trace.outsidetextfont);
+                            if(trace.outsidetextfont.family !== trace.insidetextfont.family ||
+                                    trace.outsidetextfont.size !== trace.insidetextfont.size) {
+                                textBB = Drawing.bBox(sliceText.node());
+                            }
+                            transform = transformOutsideText(textBB, pt);
+                        }
+                    }
+
+                    var translateX = cx + pt.pxmid[0] * transform.rCenter + (transform.x || 0),
+                        translateY = cy + pt.pxmid[1] * transform.rCenter + (transform.y || 0);
+
+                    // save some stuff to use later ensure no labels overlap
+                    if(transform.outside) {
+                        pt.yLabelMin = translateY - textBB.height / 2;
+                        pt.yLabelMid = translateY;
+                        pt.yLabelMax = translateY + textBB.height / 2;
+                        pt.labelExtraX = 0;
+                        pt.labelExtraY = 0;
+                        hasOutsideText = true;
+                    }
+
+                    sliceText.attr('transform',
+                        'translate(' + translateX + ',' + translateY + ')' +
+                        (transform.scale < 1 ? ('scale(' + transform.scale + ')') : '') +
+                        (transform.rotate ? ('rotate(' + transform.rotate + ')') : '') +
+                        'translate(' +
+                            (-(textBB.left + textBB.right) / 2) + ',' +
+                            (-(textBB.top + textBB.bottom) / 2) +
+                        ')');
+                });
+            });
+
+            // now make sure no labels overlap (at least within one pie)
+            if(hasOutsideText) scootLabels(quadrants, trace);
+            slices.each(function(pt) {
+                if(pt.labelExtraX || pt.labelExtraY) {
+                    // first move the text to its new location
+                    var sliceTop = d3.select(this),
+                        sliceText = sliceTop.select('g.slicetext text');
+
+                    sliceText.attr('transform', 'translate(' + pt.labelExtraX + ',' + pt.labelExtraY + ')' +
+                        sliceText.attr('transform'));
+
+                    // then add a line to the new location
+                    var lineStartX = pt.cxFinal + pt.pxmid[0],
+                        lineStartY = pt.cyFinal + pt.pxmid[1],
+                        textLinePath = 'M' + lineStartX + ',' + lineStartY,
+                        finalX = (pt.yLabelMax - pt.yLabelMin) * (pt.pxmid[0] < 0 ? -1 : 1) / 4;
+                    if(pt.labelExtraX) {
+                        var yFromX = pt.labelExtraX * pt.pxmid[1] / pt.pxmid[0],
+                            yNet = pt.yLabelMid + pt.labelExtraY - (pt.cyFinal + pt.pxmid[1]);
+
+                        if(Math.abs(yFromX) > Math.abs(yNet)) {
+                            textLinePath +=
+                                'l' + (yNet * pt.pxmid[0] / pt.pxmid[1]) + ',' + yNet +
+                                'H' + (lineStartX + pt.labelExtraX + finalX);
+                        } else {
+                            textLinePath += 'l' + pt.labelExtraX + ',' + yFromX +
+                                'v' + (yNet - yFromX) +
+                                'h' + finalX;
+                        }
+                    } else {
+                        textLinePath +=
+                            'V' + (pt.yLabelMid + pt.labelExtraY) +
+                            'h' + finalX;
+                    }
+
+                    sliceTop.append('path')
+                        .classed('textline', true)
+                        .call(Color.stroke, trace.outsidetextfont.color)
+                        .attr({
+                            'stroke-width': Math.min(2, trace.outsidetextfont.size / 8),
+                            d: textLinePath,
+                            fill: 'none'
+                        });
+                }
+            });
+        });
+    });
+
+    // This is for a bug in Chrome (as of 2015-07-22, and does not affect FF)
+    // if insidetextfont and outsidetextfont are different sizes, sometimes the size
+    // of an "em" gets taken from the wrong element at first so lines are
+    // spaced wrong. You just have to tell it to try again later and it gets fixed.
+    // I have no idea why we haven't seen this in other contexts. Also, sometimes
+    // it gets the initial draw correct but on redraw it gets confused.
+    setTimeout(function() {
+        pieGroups.selectAll('tspan').each(function() {
+            var s = d3.select(this);
+            if(s.attr('dy')) s.attr('dy', s.attr('dy'));
+        });
+    }, 0);
+};
+
+
+function transformInsideText(textBB, pt, cd0) {
+    var textDiameter = Math.sqrt(textBB.width * textBB.width + textBB.height * textBB.height),
+        textAspect = textBB.width / textBB.height,
+        halfAngle = Math.PI * Math.min(pt.v / cd0.vTotal, 0.5),
+        ring = 1 - cd0.trace.hole,
+        rInscribed = getInscribedRadiusFraction(pt, cd0),
+
+        // max size text can be inserted inside without rotating it
+        // this inscribes the text rectangle in a circle, which is then inscribed
+        // in the slice, so it will be an underestimate, which some day we may want
+        // to improve so this case can get more use
+        transform = {
+            scale: rInscribed * cd0.r * 2 / textDiameter,
+
+            // and the center position and rotation in this case
+            rCenter: 1 - rInscribed,
+            rotate: 0
+        };
+
+    if(transform.scale >= 1) return transform;
+
+        // max size if text is rotated radially
+    var Qr = textAspect + 1 / (2 * Math.tan(halfAngle)),
+        maxHalfHeightRotRadial = cd0.r * Math.min(
+            1 / (Math.sqrt(Qr * Qr + 0.5) + Qr),
+            ring / (Math.sqrt(textAspect * textAspect + ring / 2) + textAspect)
+        ),
+        radialTransform = {
+            scale: maxHalfHeightRotRadial * 2 / textBB.height,
+            rCenter: Math.cos(maxHalfHeightRotRadial / cd0.r) -
+                maxHalfHeightRotRadial * textAspect / cd0.r,
+            rotate: (180 / Math.PI * pt.midangle + 720) % 180 - 90
+        },
+
+        // max size if text is rotated tangentially
+        aspectInv = 1 / textAspect,
+        Qt = aspectInv + 1 / (2 * Math.tan(halfAngle)),
+        maxHalfWidthTangential = cd0.r * Math.min(
+            1 / (Math.sqrt(Qt * Qt + 0.5) + Qt),
+            ring / (Math.sqrt(aspectInv * aspectInv + ring / 2) + aspectInv)
+        ),
+        tangentialTransform = {
+            scale: maxHalfWidthTangential * 2 / textBB.width,
+            rCenter: Math.cos(maxHalfWidthTangential / cd0.r) -
+                maxHalfWidthTangential / textAspect / cd0.r,
+            rotate: (180 / Math.PI * pt.midangle + 810) % 180 - 90
+        },
+        // if we need a rotated transform, pick the biggest one
+        // even if both are bigger than 1
+        rotatedTransform = tangentialTransform.scale > radialTransform.scale ?
+            tangentialTransform : radialTransform;
+
+    if(transform.scale < 1 && rotatedTransform.scale > transform.scale) return rotatedTransform;
+    return transform;
+}
+
+function getInscribedRadiusFraction(pt, cd0) {
+    if(pt.v === cd0.vTotal && !cd0.trace.hole) return 1;// special case of 100% with no hole
+
+    var halfAngle = Math.PI * Math.min(pt.v / cd0.vTotal, 0.5);
+    return Math.min(1 / (1 + 1 / Math.sin(halfAngle)), (1 - cd0.trace.hole) / 2);
+}
+
+function transformOutsideText(textBB, pt) {
+    var x = pt.pxmid[0],
+        y = pt.pxmid[1],
+        dx = textBB.width / 2,
+        dy = textBB.height / 2;
+
+    if(x < 0) dx *= -1;
+    if(y < 0) dy *= -1;
+
+    return {
+        scale: 1,
+        rCenter: 1,
+        rotate: 0,
+        x: dx + Math.abs(dy) * (dx > 0 ? 1 : -1) / 2,
+        y: dy / (1 + x * x / (y * y)),
+        outside: true
+    };
+}
+
+function scootLabels(quadrants, trace) {
+    var xHalf,
+        yHalf,
+        equatorFirst,
+        farthestX,
+        farthestY,
+        xDiffSign,
+        yDiffSign,
+        thisQuad,
+        oppositeQuad,
+        wholeSide,
+        i,
+        thisQuadOutside,
+        firstOppositeOutsidePt;
+
+    function topFirst(a, b) { return a.pxmid[1] - b.pxmid[1]; }
+    function bottomFirst(a, b) { return b.pxmid[1] - a.pxmid[1]; }
+
+    function scootOneLabel(thisPt, prevPt) {
+        if(!prevPt) prevPt = {};
+
+        var prevOuterY = prevPt.labelExtraY + (yHalf ? prevPt.yLabelMax : prevPt.yLabelMin),
+            thisInnerY = yHalf ? thisPt.yLabelMin : thisPt.yLabelMax,
+            thisOuterY = yHalf ? thisPt.yLabelMax : thisPt.yLabelMin,
+            thisSliceOuterY = thisPt.cyFinal + farthestY(thisPt.px0[1], thisPt.px1[1]),
+            newExtraY = prevOuterY - thisInnerY,
+            xBuffer,
+            i,
+            otherPt,
+            otherOuterY,
+            otherOuterX,
+            newExtraX;
+        // make sure this label doesn't overlap other labels
+        // this *only* has us move these labels vertically
+        if(newExtraY * yDiffSign > 0) thisPt.labelExtraY = newExtraY;
+
+        // make sure this label doesn't overlap any slices
+        if(!Array.isArray(trace.pull)) return; // this can only happen with array pulls
+
+        for(i = 0; i < wholeSide.length; i++) {
+            otherPt = wholeSide[i];
+
+            // overlap can only happen if the other point is pulled more than this one
+            if(otherPt === thisPt || ((trace.pull[thisPt.i] || 0) >= trace.pull[otherPt.i] || 0)) continue;
+
+            if((thisPt.pxmid[1] - otherPt.pxmid[1]) * yDiffSign > 0) {
+                // closer to the equator - by construction all of these happen first
+                // move the text vertically to get away from these slices
+                otherOuterY = otherPt.cyFinal + farthestY(otherPt.px0[1], otherPt.px1[1]);
+                newExtraY = otherOuterY - thisInnerY - thisPt.labelExtraY;
+
+                if(newExtraY * yDiffSign > 0) thisPt.labelExtraY += newExtraY;
+
+            } else if((thisOuterY + thisPt.labelExtraY - thisSliceOuterY) * yDiffSign > 0) {
+                // farther from the equator - happens after we've done all the
+                // vertical moving we're going to do
+                // move horizontally to get away from these more polar slices
+
+                // if we're moving horz. based on a slice that's several slices away from this one
+                // then we need some extra space for the lines to labels between them
+                xBuffer = 3 * xDiffSign * Math.abs(i - wholeSide.indexOf(thisPt));
+
+                otherOuterX = otherPt.cxFinal + farthestX(otherPt.px0[0], otherPt.px1[0]);
+                newExtraX = otherOuterX + xBuffer - (thisPt.cxFinal + thisPt.pxmid[0]) - thisPt.labelExtraX;
+
+                if(newExtraX * xDiffSign > 0) thisPt.labelExtraX += newExtraX;
+            }
+        }
+    }
+
+    for(yHalf = 0; yHalf < 2; yHalf++) {
+        equatorFirst = yHalf ? topFirst : bottomFirst;
+        farthestY = yHalf ? Math.max : Math.min;
+        yDiffSign = yHalf ? 1 : -1;
+
+        for(xHalf = 0; xHalf < 2; xHalf++) {
+            farthestX = xHalf ? Math.max : Math.min;
+            xDiffSign = xHalf ? 1 : -1;
+
+            // first sort the array
+            // note this is a copy of cd, so cd itself doesn't get sorted
+            // but we can still modify points in place.
+            thisQuad = quadrants[yHalf][xHalf];
+            thisQuad.sort(equatorFirst);
+
+            oppositeQuad = quadrants[1 - yHalf][xHalf];
+            wholeSide = oppositeQuad.concat(thisQuad);
+
+            thisQuadOutside = [];
+            for(i = 0; i < thisQuad.length; i++) {
+                if(thisQuad[i].yLabelMid !== undefined) thisQuadOutside.push(thisQuad[i]);
+            }
+
+            firstOppositeOutsidePt = false;
+            for(i = 0; yHalf && i < oppositeQuad.length; i++) {
+                if(oppositeQuad[i].yLabelMid !== undefined) {
+                    firstOppositeOutsidePt = oppositeQuad[i];
+                    break;
+                }
+            }
+
+            // each needs to avoid the previous
+            for(i = 0; i < thisQuadOutside.length; i++) {
+                var prevPt = i && thisQuadOutside[i - 1];
+                // bottom half needs to avoid the first label of the top half
+                // top half we still need to call scootOneLabel on the first slice
+                // so we can avoid other slices, but we don't pass a prevPt
+                if(firstOppositeOutsidePt && !i) prevPt = firstOppositeOutsidePt;
+                scootOneLabel(thisQuadOutside[i], prevPt);
+            }
+        }
+    }
+}
+
+function scalePies(cdpie, plotSize) {
+    var pieBoxWidth,
+        pieBoxHeight,
+        i,
+        j,
+        cd0,
+        trace,
+        tiltAxisRads,
+        maxPull,
+        scaleGroups = [],
+        scaleGroup,
+        minPxPerValUnit;
+
+    // first figure out the center and maximum radius for each pie
+    for(i = 0; i < cdpie.length; i++) {
+        cd0 = cdpie[i][0];
+        trace = cd0.trace;
+        pieBoxWidth = plotSize.w * (trace.domain.x[1] - trace.domain.x[0]);
+        pieBoxHeight = plotSize.h * (trace.domain.y[1] - trace.domain.y[0]);
+        tiltAxisRads = trace.tiltaxis * Math.PI / 180;
+
+        maxPull = trace.pull;
+        if(Array.isArray(maxPull)) {
+            maxPull = 0;
+            for(j = 0; j < trace.pull.length; j++) {
+                if(trace.pull[j] > maxPull) maxPull = trace.pull[j];
+            }
+        }
+
+        cd0.r = Math.min(
+                pieBoxWidth / maxExtent(trace.tilt, Math.sin(tiltAxisRads), trace.depth),
+                pieBoxHeight / maxExtent(trace.tilt, Math.cos(tiltAxisRads), trace.depth)
+            ) / (2 + 2 * maxPull);
+
+        cd0.cx = plotSize.l + plotSize.w * (trace.domain.x[1] + trace.domain.x[0]) / 2;
+        cd0.cy = plotSize.t + plotSize.h * (2 - trace.domain.y[1] - trace.domain.y[0]) / 2;
+
+        if(trace.scalegroup && scaleGroups.indexOf(trace.scalegroup) === -1) {
+            scaleGroups.push(trace.scalegroup);
+        }
+    }
+
+    // Then scale any pies that are grouped
+    for(j = 0; j < scaleGroups.length; j++) {
+        minPxPerValUnit = Infinity;
+        scaleGroup = scaleGroups[j];
+
+        for(i = 0; i < cdpie.length; i++) {
+            cd0 = cdpie[i][0];
+            if(cd0.trace.scalegroup === scaleGroup) {
+                minPxPerValUnit = Math.min(minPxPerValUnit,
+                    cd0.r * cd0.r / cd0.vTotal);
+            }
+        }
+
+        for(i = 0; i < cdpie.length; i++) {
+            cd0 = cdpie[i][0];
+            if(cd0.trace.scalegroup === scaleGroup) {
+                cd0.r = Math.sqrt(minPxPerValUnit * cd0.vTotal);
+            }
+        }
+    }
+
+}
+
+function setCoords(cd) {
+    var cd0 = cd[0],
+        trace = cd0.trace,
+        tilt = trace.tilt,
+        tiltAxisRads,
+        tiltAxisSin,
+        tiltAxisCos,
+        tiltRads,
+        crossTilt,
+        inPlane,
+        currentAngle = trace.rotation * Math.PI / 180,
+        angleFactor = 2 * Math.PI / cd0.vTotal,
+        firstPt = 'px0',
+        lastPt = 'px1',
+        i,
+        cdi,
+        currentCoords;
+
+    if(trace.direction === 'counterclockwise') {
+        for(i = 0; i < cd.length; i++) {
+            if(!cd[i].hidden) break; // find the first non-hidden slice
+        }
+        if(i === cd.length) return; // all slices hidden
+
+        currentAngle += angleFactor * cd[i].v;
+        angleFactor *= -1;
+        firstPt = 'px1';
+        lastPt = 'px0';
+    }
+
+    if(tilt) {
+        tiltRads = tilt * Math.PI / 180;
+        tiltAxisRads = trace.tiltaxis * Math.PI / 180;
+        crossTilt = Math.sin(tiltAxisRads) * Math.cos(tiltAxisRads);
+        inPlane = 1 - Math.cos(tiltRads);
+        tiltAxisSin = Math.sin(tiltAxisRads);
+        tiltAxisCos = Math.cos(tiltAxisRads);
+    }
+
+    function getCoords(angle) {
+        var xFlat = cd0.r * Math.sin(angle),
+            yFlat = -cd0.r * Math.cos(angle);
+
+        if(!tilt) return [xFlat, yFlat];
+
+        return [
+            xFlat * (1 - inPlane * tiltAxisSin * tiltAxisSin) + yFlat * crossTilt * inPlane,
+            xFlat * crossTilt * inPlane + yFlat * (1 - inPlane * tiltAxisCos * tiltAxisCos),
+            Math.sin(tiltRads) * (yFlat * tiltAxisCos - xFlat * tiltAxisSin)
+        ];
+    }
+
+    currentCoords = getCoords(currentAngle);
+
+    for(i = 0; i < cd.length; i++) {
+        cdi = cd[i];
+        if(cdi.hidden) continue;
+
+        cdi[firstPt] = currentCoords;
+
+        currentAngle += angleFactor * cdi.v / 2;
+        cdi.pxmid = getCoords(currentAngle);
+        cdi.midangle = currentAngle;
+
+        currentAngle += angleFactor * cdi.v / 2;
+        currentCoords = getCoords(currentAngle);
+
+        cdi[lastPt] = currentCoords;
+
+        cdi.largeArc = (cdi.v > cd0.vTotal / 2) ? 1 : 0;
+    }
+}
+
+function maxExtent(tilt, tiltAxisFraction, depth) {
+    if(!tilt) return 1;
+    var sinTilt = Math.sin(tilt * Math.PI / 180);
+    return Math.max(0.01, // don't let it go crazy if you tilt the pie totally on its side
+        depth * sinTilt * Math.abs(tiltAxisFraction) +
+        2 * Math.sqrt(1 - sinTilt * sinTilt * tiltAxisFraction * tiltAxisFraction));
+}
+
+},{"../../components/color":604,"../../components/drawing":628,"../../components/fx":645,"../../lib/svg_text_utils":750,"./helpers":1011,"d3":122}],1016:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+
+var styleOne = require('./style_one');
+
+module.exports = function style(gd) {
+    gd._fullLayout._pielayer.selectAll('.trace').each(function(cd) {
+        var cd0 = cd[0],
+            trace = cd0.trace,
+            traceSelection = d3.select(this);
+
+        traceSelection.style({opacity: trace.opacity});
+
+        traceSelection.selectAll('.top path.surface').each(function(pt) {
+            d3.select(this).call(styleOne, pt, trace);
+        });
+    });
+};
+
+},{"./style_one":1017,"d3":122}],1017:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Color = require('../../components/color');
+
+module.exports = function styleOne(s, pt, trace) {
+    var lineColor = trace.marker.line.color;
+    if(Array.isArray(lineColor)) lineColor = lineColor[pt.i] || Color.defaultLine;
+
+    var lineWidth = trace.marker.line.width || 0;
+    if(Array.isArray(lineWidth)) lineWidth = lineWidth[pt.i] || 0;
+
+    s.style({'stroke-width': lineWidth})
+    .call(Color.fill, pt.color)
+    .call(Color.stroke, lineColor);
+};
+
+},{"../../components/color":604}],1018:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterglAttrs = require('../scattergl/attributes');
+
+module.exports = {
+    x: scatterglAttrs.x,
+    y: scatterglAttrs.y,
+    xy: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    indices: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    xbounds: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    ybounds: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    text: scatterglAttrs.text,
+    marker: {
+        color: {
+            valType: 'color',
+            arrayOk: false,
+            
+            editType: 'calc',
+            
+        },
+        opacity: {
+            valType: 'number',
+            min: 0,
+            max: 1,
+            dflt: 1,
+            arrayOk: false,
+            
+            editType: 'calc',
+            
+        },
+        blend: {
+            valType: 'boolean',
+            dflt: null,
+            
+            editType: 'calc',
+            
+        },
+        sizemin: {
+            valType: 'number',
+            min: 0.1,
+            max: 2,
+            dflt: 0.5,
+            
+            editType: 'calc',
+            
+        },
+        sizemax: {
+            valType: 'number',
+            min: 0.1,
+            dflt: 20,
+            
+            editType: 'calc',
+            
+        },
+        border: {
+            color: {
+                valType: 'color',
+                arrayOk: false,
+                
+                editType: 'calc',
+                
+            },
+            arearatio: {
+                valType: 'number',
+                min: 0,
+                max: 1,
+                dflt: 0,
+                
+                editType: 'calc',
+                
+            },
+            editType: 'calc'
+        },
+        editType: 'calc'
+    }
+};
+
+},{"../scattergl/attributes":1077}],1019:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var createPointCloudRenderer = require('gl-pointcloud2d');
+
+var str2RGBArray = require('../../lib/str2rgbarray');
+var getTraceColor = require('../scatter/get_trace_color');
+
+var AXES = ['xaxis', 'yaxis'];
+
+function Pointcloud(scene, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.type = 'pointcloud';
+
+    this.pickXData = [];
+    this.pickYData = [];
+    this.xData = [];
+    this.yData = [];
+    this.textLabels = [];
+    this.color = 'rgb(0, 0, 0)';
+    this.name = '';
+    this.hoverinfo = 'all';
+
+    this.idToIndex = new Int32Array(0);
+    this.bounds = [0, 0, 0, 0];
+
+    this.pointcloudOptions = {
+        positions: new Float32Array(0),
+        idToIndex: this.idToIndex,
+        sizemin: 0.5,
+        sizemax: 12,
+        color: [0, 0, 0, 1],
+        areaRatio: 1,
+        borderColor: [0, 0, 0, 1]
+    };
+    this.pointcloud = createPointCloudRenderer(scene.glplot, this.pointcloudOptions);
+    this.pointcloud._trace = this; // scene2d requires this prop
+}
+
+var proto = Pointcloud.prototype;
+
+proto.handlePick = function(pickResult) {
+    var index = this.idToIndex[pickResult.pointId];
+
+    // prefer the readout from XY, if present
+    return {
+        trace: this,
+        dataCoord: pickResult.dataCoord,
+        traceCoord: this.pickXYData ?
+            [this.pickXYData[index * 2], this.pickXYData[index * 2 + 1]] :
+            [this.pickXData[index], this.pickYData[index]],
+        textLabel: Array.isArray(this.textLabels) ?
+            this.textLabels[index] :
+            this.textLabels,
+        color: this.color,
+        name: this.name,
+        pointIndex: index,
+        hoverinfo: this.hoverinfo
+    };
+};
+
+proto.update = function(options) {
+    this.index = options.index;
+    this.textLabels = options.text;
+    this.name = options.name;
+    this.hoverinfo = options.hoverinfo;
+    this.bounds = [Infinity, Infinity, -Infinity, -Infinity];
+
+    this.updateFast(options);
+
+    this.color = getTraceColor(options, {});
+};
+
+proto.updateFast = function(options) {
+    var x = this.xData = this.pickXData = options.x;
+    var y = this.yData = this.pickYData = options.y;
+    var xy = this.pickXYData = options.xy;
+
+    var userBounds = options.xbounds && options.ybounds;
+    var index = options.indices;
+
+    var len,
+        idToIndex,
+        positions,
+        bounds = this.bounds;
+
+    var xx, yy, i;
+
+    if(xy) {
+
+        positions = xy;
+
+        // dividing xy.length by 2 and truncating to integer if xy.length was not even
+        len = xy.length >>> 1;
+
+        if(userBounds) {
+
+            bounds[0] = options.xbounds[0];
+            bounds[2] = options.xbounds[1];
+            bounds[1] = options.ybounds[0];
+            bounds[3] = options.ybounds[1];
+
+        } else {
+
+            for(i = 0; i < len; i++) {
+
+                xx = positions[i * 2];
+                yy = positions[i * 2 + 1];
+
+                if(xx < bounds[0]) bounds[0] = xx;
+                if(xx > bounds[2]) bounds[2] = xx;
+                if(yy < bounds[1]) bounds[1] = yy;
+                if(yy > bounds[3]) bounds[3] = yy;
+            }
+
+        }
+
+        if(index) {
+
+            idToIndex = index;
+
+        } else {
+
+            idToIndex = new Int32Array(len);
+
+            for(i = 0; i < len; i++) {
+
+                idToIndex[i] = i;
+
+            }
+
+        }
+
+    } else {
+
+        len = x.length;
+
+        positions = new Float32Array(2 * len);
+        idToIndex = new Int32Array(len);
+
+        for(i = 0; i < len; i++) {
+            xx = x[i];
+            yy = y[i];
+
+            idToIndex[i] = i;
+
+            positions[i * 2] = xx;
+            positions[i * 2 + 1] = yy;
+
+            if(xx < bounds[0]) bounds[0] = xx;
+            if(xx > bounds[2]) bounds[2] = xx;
+            if(yy < bounds[1]) bounds[1] = yy;
+            if(yy > bounds[3]) bounds[3] = yy;
+        }
+
+    }
+
+    this.idToIndex = idToIndex;
+    this.pointcloudOptions.idToIndex = idToIndex;
+
+    this.pointcloudOptions.positions = positions;
+
+    var markerColor = str2RGBArray(options.marker.color),
+        borderColor = str2RGBArray(options.marker.border.color),
+        opacity = options.opacity * options.marker.opacity;
+
+    markerColor[3] *= opacity;
+    this.pointcloudOptions.color = markerColor;
+
+    // detect blending from the number of points, if undefined
+    // because large data with blending hits performance
+    var blend = options.marker.blend;
+    if(blend === null) {
+        var maxPoints = 100;
+        blend = x.length < maxPoints || y.length < maxPoints;
+    }
+    this.pointcloudOptions.blend = blend;
+
+    borderColor[3] *= opacity;
+    this.pointcloudOptions.borderColor = borderColor;
+
+    var markerSizeMin = options.marker.sizemin;
+    var markerSizeMax = Math.max(options.marker.sizemax, options.marker.sizemin);
+    this.pointcloudOptions.sizeMin = markerSizeMin;
+    this.pointcloudOptions.sizeMax = markerSizeMax;
+    this.pointcloudOptions.areaRatio = options.marker.border.arearatio;
+
+    this.pointcloud.update(this.pointcloudOptions);
+
+    // add item for autorange routine
+    this.expandAxesFast(bounds, markerSizeMax / 2); // avoid axis reexpand just because of the adaptive point size
+};
+
+proto.expandAxesFast = function(bounds, markerSize) {
+    var pad = markerSize || 0.5;
+    var ax, min, max;
+
+    for(var i = 0; i < 2; i++) {
+        ax = this.scene[AXES[i]];
+
+        min = ax._min;
+        if(!min) min = [];
+        min.push({ val: bounds[i], pad: pad });
+
+        max = ax._max;
+        if(!max) max = [];
+        max.push({ val: bounds[i + 2], pad: pad });
+    }
+};
+
+proto.dispose = function() {
+    this.pointcloud.dispose();
+};
+
+function createPointcloud(scene, data) {
+    var plot = new Pointcloud(scene, data.uid);
+    plot.update(data);
+    return plot;
+}
+
+module.exports = createPointcloud;
+
+},{"../../lib/str2rgbarray":749,"../scatter/get_trace_color":1040,"gl-pointcloud2d":230}],1020:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var attributes = require('./attributes');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    coerce('x');
+    coerce('y');
+
+    coerce('xbounds');
+    coerce('ybounds');
+
+    if(traceIn.xy && traceIn.xy instanceof Float32Array) {
+        traceOut.xy = traceIn.xy;
+    }
+
+    if(traceIn.indices && traceIn.indices instanceof Int32Array) {
+        traceOut.indices = traceIn.indices;
+    }
+
+    coerce('text');
+    coerce('marker.color', defaultColor);
+    coerce('marker.opacity');
+    coerce('marker.blend');
+    coerce('marker.sizemin');
+    coerce('marker.sizemax');
+    coerce('marker.border.color', defaultColor);
+    coerce('marker.border.arearatio');
+};
+
+},{"../../lib":728,"./attributes":1018}],1021:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var pointcloud = {};
+
+pointcloud.attributes = require('./attributes');
+pointcloud.supplyDefaults = require('./defaults');
+
+// reuse the Scatter3D 'dummy' calc step so that legends know what to do
+pointcloud.calc = require('../scatter3d/calc');
+pointcloud.plot = require('./convert');
+
+pointcloud.moduleType = 'trace';
+pointcloud.name = 'pointcloud';
+pointcloud.basePlotModule = require('../../plots/gl2d');
+pointcloud.categories = ['gl2d', 'showLegend'];
+pointcloud.meta = {
+    
+};
+
+module.exports = pointcloud;
+
+},{"../../plots/gl2d":808,"../scatter3d/calc":1056,"./attributes":1018,"./convert":1019,"./defaults":1020}],1022:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var fontAttrs = require('../../plots/font_attributes');
+var plotAttrs = require('../../plots/attributes');
+var colorAttrs = require('../../components/color/attributes');
+var fxAttrs = require('../../components/fx/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+module.exports = overrideAll({
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['label', 'text', 'value', 'percent', 'name'],
+    }),
+    hoverlabel: fxAttrs.hoverlabel, // needs editType override
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        }
+    },
+
+    orientation: {
+        valType: 'enumerated',
+        values: ['v', 'h'],
+        dflt: 'h',
+        
+        
+    },
+
+    valueformat: {
+        valType: 'string',
+        dflt: '.3s',
+        
+        
+    },
+
+    valuesuffix: {
+        valType: 'string',
+        dflt: '',
+        
+        
+    },
+
+    arrangement: {
+        valType: 'enumerated',
+        values: ['snap', 'perpendicular', 'freeform', 'fixed'],
+        dflt: 'snap',
+        
+        
+    },
+
+    textfont: fontAttrs({
+        
+    }),
+
+    node: {
+        label: {
+            valType: 'data_array',
+            dflt: [],
+            
+            
+        },
+        color: {
+            valType: 'color',
+            
+            arrayOk: true,
+            
+        },
+        line: {
+            color: {
+                valType: 'color',
+                
+                dflt: colorAttrs.defaultLine,
+                arrayOk: true,
+                
+            },
+            width: {
+                valType: 'number',
+                
+                min: 0,
+                dflt: 0.5,
+                arrayOk: true,
+                
+            }
+        },
+        pad: {
+            valType: 'number',
+            arrayOk: false,
+            min: 0,
+            dflt: 20,
+            
+            
+        },
+        thickness: {
+            valType: 'number',
+            arrayOk: false,
+            min: 1,
+            dflt: 20,
+            
+            
+        },
+        
+    },
+
+    link: {
+        label: {
+            valType: 'data_array',
+            dflt: [],
+            
+            
+        },
+        color: {
+            valType: 'color',
+            
+            arrayOk: true,
+            
+        },
+        line: {
+            color: {
+                valType: 'color',
+                
+                dflt: colorAttrs.defaultLine,
+                arrayOk: true,
+                
+            },
+            width: {
+                valType: 'number',
+                
+                min: 0,
+                dflt: 0,
+                arrayOk: true,
+                
+            }
+        },
+        source: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+        target: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+        value: {
+            valType: 'data_array',
+            dflt: [],
+            
+            
+        },
+        
+    }
+}, 'calc', 'nested');
+
+},{"../../components/color/attributes":603,"../../components/fx/attributes":637,"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/attributes":770,"../../plots/font_attributes":796}],1023:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+var Plots = require('../../plots/plots');
+var plot = require('./plot');
+var fxAttrs = require('../../components/fx/layout_attributes');
+
+exports.name = 'sankey';
+
+exports.attr = 'type';
+
+exports.baseLayoutAttrOverrides = overrideAll({
+    hoverlabel: fxAttrs.hoverlabel
+}, 'plot', 'nested');
+
+exports.plot = function(gd) {
+    var calcData = Plots.getSubplotCalcData(gd.calcdata, 'sankey', 'sankey');
+    if(calcData.length) plot(gd, calcData);
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var hadPlot = (oldFullLayout._has && oldFullLayout._has('sankey'));
+    var hasPlot = (newFullLayout._has && newFullLayout._has('sankey'));
+
+    if(hadPlot && !hasPlot) {
+        oldFullLayout._paperdiv.selectAll('.sankey').remove();
+    }
+};
+
+},{"../../components/fx/layout_attributes":646,"../../plot_api/edit_types":756,"../../plots/plots":831,"./plot":1028}],1024:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var tarjan = require('strongly-connected-components');
+var Lib = require('../../lib');
+var wrap = require('../../lib/gup').wrap;
+
+function circularityPresent(nodeList, sources, targets) {
+
+    var nodes = nodeList.map(function() {return [];});
+
+    for(var i = 0; i < Math.min(sources.length, targets.length); i++) {
+        if(sources[i] === targets[i]) {
+            return true; // self-link which is also a scc of one
+        }
+        nodes[sources[i]].push(targets[i]);
+    }
+
+    var scc = tarjan(nodes);
+
+    // Tarján's strongly connected components algorithm coded by Mikola Lysenko
+    // returns at least one non-singular component if there's circularity in the graph
+    return scc.components.some(function(c) {
+        return c.length > 1;
+    });
+}
+
+module.exports = function calc(gd, trace) {
+
+    if(circularityPresent(trace.node.label, trace.link.source, trace.link.target)) {
+        Lib.error('Circularity is present in the Sankey data. Removing all nodes and links.');
+        trace.link.label = [];
+        trace.link.source = [];
+        trace.link.target = [];
+        trace.link.value = [];
+        trace.link.color = [];
+        trace.node.label = [];
+        trace.node.color = [];
+    }
+
+    return wrap({
+        link: trace.link,
+        node: trace.node
+    });
+};
+
+},{"../../lib":728,"../../lib/gup":725,"strongly-connected-components":528}],1025:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    nodeTextOffsetHorizontal: 4,
+    nodeTextOffsetVertical: 3,
+    nodePadAcross: 10,
+    sankeyIterations: 50,
+    forceIterations: 5,
+    forceTicksPerFrame: 10,
+    duration: 500,
+    ease: 'cubic-in-out',
+    cn: {
+        sankey: 'sankey',
+        sankeyLinks: 'sankey-links',
+        sankeyLink: 'sankey-link',
+        sankeyNodeSet: 'sankey-node-set',
+        sankeyNode: 'sankey-node',
+        nodeRect: 'node-rect',
+        nodeCapture: 'node-capture',
+        nodeCentered: 'node-entered',
+        nodeLabelGuide: 'node-label-guide',
+        nodeLabel: 'node-label',
+        nodeLabelTextPath: 'node-label-text-path'
+    }
+};
+
+},{}],1026:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+var colors = require('../../components/color/attributes').defaults;
+var Color = require('../../components/color');
+var tinycolor = require('tinycolor2');
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    coerce('node.label');
+    coerce('node.pad');
+    coerce('node.thickness');
+    coerce('node.line.color');
+    coerce('node.line.width');
+
+    var defaultNodePalette = function(i) {return colors[i % colors.length];};
+
+    coerce('node.color', traceOut.node.label.map(function(d, i) {
+        return Color.addOpacity(defaultNodePalette(i), 0.8);
+    }));
+
+    coerce('link.label');
+    coerce('link.source');
+    coerce('link.target');
+    coerce('link.value');
+    coerce('link.line.color');
+    coerce('link.line.width');
+
+    coerce('link.color', traceOut.link.value.map(function() {
+        return tinycolor(layout.paper_bgcolor).getLuminance() < 0.333 ?
+            'rgba(255, 255, 255, 0.6)' :
+            'rgba(0, 0, 0, 0.2)';
+    }));
+
+    coerce('domain.x');
+    coerce('domain.y');
+    coerce('orientation');
+    coerce('valueformat');
+    coerce('valuesuffix');
+    coerce('arrangement');
+
+    Lib.coerceFont(coerce, 'textfont', Lib.extendFlat({}, layout.font));
+
+    var missing = function(n, i) {
+        return traceOut.link.source.indexOf(i) === -1 &&
+            traceOut.link.target.indexOf(i) === -1;
+    };
+
+    if(traceOut.node.label.some(missing)) {
+        Lib.warn('Some of the nodes are neither sources nor targets, they will not be displayed.');
+    }
+};
+
+},{"../../components/color":604,"../../components/color/attributes":603,"../../lib":728,"./attributes":1022,"tinycolor2":534}],1027:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Plot = {};
+
+Plot.attributes = require('./attributes');
+Plot.supplyDefaults = require('./defaults');
+Plot.calc = require('./calc');
+Plot.plot = require('./plot');
+
+Plot.moduleType = 'trace';
+Plot.name = 'sankey';
+Plot.basePlotModule = require('./base_plot');
+Plot.categories = ['noOpacity'];
+Plot.meta = {
+    
+};
+
+module.exports = Plot;
+
+},{"./attributes":1022,"./base_plot":1023,"./calc":1024,"./defaults":1026,"./plot":1028}],1028:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var d3 = require('d3');
+var render = require('./render');
+var Fx = require('../../components/fx');
+var Color = require('../../components/color');
+var Lib = require('../../lib');
+var cn = require('./constants').cn;
+
+function renderableValuePresent(d) {return d !== '';}
+
+function ownTrace(selection, d) {
+    return selection.filter(function(s) {return s.key === d.traceId;});
+}
+
+function makeTranslucent(element, alpha) {
+    d3.select(element)
+        .select('path')
+        .style('fill-opacity', alpha);
+    d3.select(element)
+        .select('rect')
+        .style('fill-opacity', alpha);
+}
+
+function makeTextContrasty(element) {
+    d3.select(element)
+        .select('text.name')
+        .style('fill', 'black');
+}
+
+function relatedLinks(d) {
+    return function(l) {
+        return d.node.sourceLinks.indexOf(l.link) !== -1 || d.node.targetLinks.indexOf(l.link) !== -1;
+    };
+}
+
+function relatedNodes(l) {
+    return function(d) {
+        return d.node.sourceLinks.indexOf(l.link) !== -1 || d.node.targetLinks.indexOf(l.link) !== -1;
+    };
+}
+
+function nodeHoveredStyle(sankeyNode, d, sankey) {
+    if(d && sankey) {
+        ownTrace(sankey, d)
+            .selectAll('.' + cn.sankeyLink)
+            .filter(relatedLinks(d))
+            .call(linkHoveredStyle.bind(0, d, sankey, false));
+    }
+}
+
+function nodeNonHoveredStyle(sankeyNode, d, sankey) {
+    if(d && sankey) {
+        ownTrace(sankey, d)
+            .selectAll('.' + cn.sankeyLink)
+            .filter(relatedLinks(d))
+            .call(linkNonHoveredStyle.bind(0, d, sankey, false));
+    }
+}
+
+function linkHoveredStyle(d, sankey, visitNodes, sankeyLink) {
+
+    var label = sankeyLink.datum().link.label;
+
+    sankeyLink.style('fill-opacity', 0.4);
+
+    if(label) {
+        ownTrace(sankey, d)
+            .selectAll('.' + cn.sankeyLink)
+            .filter(function(l) {return l.link.label === label;})
+            .style('fill-opacity', 0.4);
+    }
+
+    if(visitNodes) {
+        ownTrace(sankey, d)
+            .selectAll('.' + cn.sankeyNode)
+            .filter(relatedNodes(d))
+            .call(nodeHoveredStyle);
+    }
+}
+
+function linkNonHoveredStyle(d, sankey, visitNodes, sankeyLink) {
+
+    var label = sankeyLink.datum().link.label;
+
+    sankeyLink.style('fill-opacity', function(d) {return d.tinyColorAlpha;});
+
+    if(label) {
+        ownTrace(sankey, d)
+            .selectAll('.' + cn.sankeyLink)
+            .filter(function(l) {return l.link.label === label;})
+            .style('fill-opacity', function(d) {return d.tinyColorAlpha;});
+    }
+
+    if(visitNodes) {
+        ownTrace(sankey, d)
+            .selectAll(cn.sankeyNode)
+            .filter(relatedNodes(d))
+            .call(nodeNonHoveredStyle);
+    }
+}
+
+// does not support array values for now
+function castHoverOption(trace, attr) {
+    var labelOpts = trace.hoverlabel || {};
+    var val = Lib.nestedProperty(labelOpts, attr).get();
+    return Array.isArray(val) ? false : val;
+}
+
+module.exports = function plot(gd, calcData) {
+    var fullLayout = gd._fullLayout;
+    var svg = fullLayout._paper;
+    var size = fullLayout._size;
+
+    var linkSelect = function(element, d) {
+        var evt = d.link;
+        evt.originalEvent = d3.event;
+        gd._hoverdata = [evt];
+        Fx.click(gd, { target: true });
+    };
+
+    var linkHover = function(element, d, sankey) {
+        var evt = d.link;
+        evt.originalEvent = d3.event;
+        d3.select(element).call(linkHoveredStyle.bind(0, d, sankey, true));
+        Fx.hover(gd, evt, 'sankey');
+    };
+
+    var linkHoverFollow = function(element, d) {
+        var trace = d.link.trace;
+        var rootBBox = gd._fullLayout._paperdiv.node().getBoundingClientRect();
+        var boundingBox = element.getBoundingClientRect();
+        var hoverCenterX = boundingBox.left + boundingBox.width / 2;
+        var hoverCenterY = boundingBox.top + boundingBox.height / 2;
+
+        var tooltip = Fx.loneHover({
+            x: hoverCenterX - rootBBox.left,
+            y: hoverCenterY - rootBBox.top,
+            name: d3.format(d.valueFormat)(d.link.value) + d.valueSuffix,
+            text: [
+                d.link.label || '',
+                ['Source:', d.link.source.label].join(' '),
+                ['Target:', d.link.target.label].join(' ')
+            ].filter(renderableValuePresent).join('<br>'),
+            color: castHoverOption(trace, 'bgcolor') || Color.addOpacity(d.tinyColorHue, 1),
+            borderColor: castHoverOption(trace, 'bordercolor'),
+            fontFamily: castHoverOption(trace, 'font.family'),
+            fontSize: castHoverOption(trace, 'font.size'),
+            fontColor: castHoverOption(trace, 'font.color'),
+            idealAlign: d3.event.x < hoverCenterX ? 'right' : 'left'
+        }, {
+            container: fullLayout._hoverlayer.node(),
+            outerContainer: fullLayout._paper.node(),
+            gd: gd
+        });
+
+        makeTranslucent(tooltip, 0.65);
+        makeTextContrasty(tooltip);
+    };
+
+    var linkUnhover = function(element, d, sankey) {
+        d3.select(element).call(linkNonHoveredStyle.bind(0, d, sankey, true));
+        gd.emit('plotly_unhover', {
+            event: d3.event,
+            points: [d.link]
+        });
+
+        Fx.loneUnhover(fullLayout._hoverlayer.node());
+    };
+
+    var nodeSelect = function(element, d, sankey) {
+        var evt = d.node;
+        evt.originalEvent = d3.event;
+        gd._hoverdata = [evt];
+        d3.select(element).call(nodeNonHoveredStyle, d, sankey);
+        Fx.click(gd, { target: true });
+    };
+
+    var nodeHover = function(element, d, sankey) {
+        var evt = d.node;
+        evt.originalEvent = d3.event;
+        d3.select(element).call(nodeHoveredStyle, d, sankey);
+        Fx.hover(gd, evt, 'sankey');
+    };
+
+    var nodeHoverFollow = function(element, d) {
+        var trace = d.node.trace;
+        var nodeRect = d3.select(element).select('.' + cn.nodeRect);
+        var rootBBox = gd._fullLayout._paperdiv.node().getBoundingClientRect();
+        var boundingBox = nodeRect.node().getBoundingClientRect();
+        var hoverCenterX0 = boundingBox.left - 2 - rootBBox.left;
+        var hoverCenterX1 = boundingBox.right + 2 - rootBBox.left;
+        var hoverCenterY = boundingBox.top + boundingBox.height / 4 - rootBBox.top;
+
+        var tooltip = Fx.loneHover({
+            x0: hoverCenterX0,
+            x1: hoverCenterX1,
+            y: hoverCenterY,
+            name: d3.format(d.valueFormat)(d.node.value) + d.valueSuffix,
+            text: [
+                d.node.label,
+                ['Incoming flow count:', d.node.targetLinks.length].join(' '),
+                ['Outgoing flow count:', d.node.sourceLinks.length].join(' ')
+            ].filter(renderableValuePresent).join('<br>'),
+            color: castHoverOption(trace, 'bgcolor') || d.tinyColorHue,
+            borderColor: castHoverOption(trace, 'bordercolor'),
+            fontFamily: castHoverOption(trace, 'font.family'),
+            fontSize: castHoverOption(trace, 'font.size'),
+            fontColor: castHoverOption(trace, 'font.color'),
+            idealAlign: 'left'
+        }, {
+            container: fullLayout._hoverlayer.node(),
+            outerContainer: fullLayout._paper.node(),
+            gd: gd
+        });
+
+        makeTranslucent(tooltip, 0.85);
+        makeTextContrasty(tooltip);
+    };
+
+    var nodeUnhover = function(element, d, sankey) {
+        d3.select(element).call(nodeNonHoveredStyle, d, sankey);
+        gd.emit('plotly_unhover', {
+            event: d3.event,
+            points: [d.node]
+        });
+
+        Fx.loneUnhover(fullLayout._hoverlayer.node());
+    };
+
+    render(
+        svg,
+        calcData,
+        {
+            width: size.w,
+            height: size.h,
+            margin: {
+                t: size.t,
+                r: size.r,
+                b: size.b,
+                l: size.l
+            }
+        },
+        {
+            linkEvents: {
+                hover: linkHover,
+                follow: linkHoverFollow,
+                unhover: linkUnhover,
+                select: linkSelect
+            },
+            nodeEvents: {
+                hover: nodeHover,
+                follow: nodeHoverFollow,
+                unhover: nodeUnhover,
+                select: nodeSelect
+            }
+        }
+    );
+};
+
+},{"../../components/color":604,"../../components/fx":645,"../../lib":728,"./constants":1025,"./render":1029,"d3":122}],1029:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var c = require('./constants');
+var d3 = require('d3');
+var tinycolor = require('tinycolor2');
+var Color = require('../../components/color');
+var Drawing = require('../../components/drawing');
+var d3sankey = require('@plotly/d3-sankey').sankey;
+var d3Force = require('d3-force');
+var Lib = require('../../lib');
+var keyFun = require('../../lib/gup').keyFun;
+var repeat = require('../../lib/gup').repeat;
+var unwrap = require('../../lib/gup').unwrap;
+
+// basic data utilities
+
+function persistOriginalPlace(nodes) {
+    var i, distinctLayerPositions = [];
+    for(i = 0; i < nodes.length; i++) {
+        nodes[i].originalX = nodes[i].x;
+        nodes[i].originalY = nodes[i].y;
+        if(distinctLayerPositions.indexOf(nodes[i].x) === -1) {
+            distinctLayerPositions.push(nodes[i].x);
+        }
+    }
+    distinctLayerPositions.sort(function(a, b) {return a - b;});
+    for(i = 0; i < nodes.length; i++) {
+        nodes[i].originalLayerIndex = distinctLayerPositions.indexOf(nodes[i].originalX);
+        nodes[i].originalLayer = nodes[i].originalLayerIndex / (distinctLayerPositions.length - 1);
+    }
+}
+
+function saveCurrentDragPosition(d) {
+    d.lastDraggedX = d.x;
+    d.lastDraggedY = d.y;
+}
+
+function sameLayer(d) {
+    return function(n) {return n.node.originalX === d.node.originalX;};
+}
+
+function switchToForceFormat(nodes) {
+    // force uses x, y as centers
+    for(var i = 0; i < nodes.length; i++) {
+        nodes[i].y = nodes[i].y + nodes[i].dy / 2;
+    }
+}
+
+function switchToSankeyFormat(nodes) {
+    // sankey uses x, y as top left
+    for(var i = 0; i < nodes.length; i++) {
+        nodes[i].y = nodes[i].y - nodes[i].dy / 2;
+    }
+}
+
+// view models
+
+function sankeyModel(layout, d, i) {
+    var trace = unwrap(d).trace,
+        domain = trace.domain,
+        nodeSpec = trace.node,
+        linkSpec = trace.link,
+        arrangement = trace.arrangement,
+        horizontal = trace.orientation === 'h',
+        nodePad = trace.node.pad,
+        nodeThickness = trace.node.thickness,
+        nodeLineColor = trace.node.line.color,
+        nodeLineWidth = trace.node.line.width,
+        linkLineColor = trace.link.line.color,
+        linkLineWidth = trace.link.line.width,
+        valueFormat = trace.valueformat,
+        valueSuffix = trace.valuesuffix,
+        textFont = trace.textfont;
+
+    var width = layout.width * (domain.x[1] - domain.x[0]),
+        height = layout.height * (domain.y[1] - domain.y[0]);
+
+    var nodes = nodeSpec.label.map(function(l, i) {
+        return {
+            pointNumber: i,
+            label: l,
+            color: Lib.isArray(nodeSpec.color) ? nodeSpec.color[i] : nodeSpec.color
+        };
+    });
+
+    var links = linkSpec.value.map(function(d, i) {
+        return {
+            pointNumber: i,
+            label: linkSpec.label[i],
+            color: Lib.isArray(linkSpec.color) ? linkSpec.color[i] : linkSpec.color,
+            source: linkSpec.source[i],
+            target: linkSpec.target[i],
+            value: d
+        };
+    });
+
+    var sankey = d3sankey()
+        .size(horizontal ? [width, height] : [height, width])
+        .nodeWidth(nodeThickness)
+        .nodePadding(nodePad)
+        .nodes(nodes)
+        .links(links)
+        .layout(c.sankeyIterations);
+
+    var node, sankeyNodes = sankey.nodes();
+    for(var n = 0; n < sankeyNodes.length; n++) {
+        node = sankeyNodes[n];
+        node.width = width;
+        node.height = height;
+    }
+
+    switchToForceFormat(nodes);
+
+    return {
+        key: i,
+        trace: trace,
+        guid: Math.floor(1e12 * (1 + Math.random())),
+        horizontal: horizontal,
+        width: width,
+        height: height,
+        nodePad: nodePad,
+        nodeLineColor: nodeLineColor,
+        nodeLineWidth: nodeLineWidth,
+        linkLineColor: linkLineColor,
+        linkLineWidth: linkLineWidth,
+        valueFormat: valueFormat,
+        valueSuffix: valueSuffix,
+        textFont: textFont,
+        translateX: domain.x[0] * width + layout.margin.l,
+        translateY: layout.height - domain.y[1] * layout.height + layout.margin.t,
+        dragParallel: horizontal ? height : width,
+        dragPerpendicular: horizontal ? width : height,
+        nodes: nodes,
+        links: links,
+        arrangement: arrangement,
+        sankey: sankey,
+        forceLayouts: {},
+        interactionState: {
+            dragInProgress: false,
+            hovered: false
+        }
+    };
+}
+
+function linkModel(uniqueKeys, d, l) {
+    var tc = tinycolor(l.color);
+    var basicKey = l.source.label + '|' + l.target.label;
+    var foundKey = uniqueKeys[basicKey];
+    uniqueKeys[basicKey] = (foundKey || 0) + 1;
+    var key = basicKey + '__' + uniqueKeys[basicKey];
+
+    // for event data
+    l.trace = d.trace;
+    l.curveNumber = d.trace.index;
+
+    return {
+        key: key,
+        traceId: d.key,
+        link: l,
+        tinyColorHue: Color.tinyRGB(tc),
+        tinyColorAlpha: tc.getAlpha(),
+        linkLineColor: d.linkLineColor,
+        linkLineWidth: d.linkLineWidth,
+        valueFormat: d.valueFormat,
+        valueSuffix: d.valueSuffix,
+        sankey: d.sankey,
+        interactionState: d.interactionState
+    };
+}
+
+function nodeModel(uniqueKeys, d, n) {
+    var tc = tinycolor(n.color),
+        zoneThicknessPad = c.nodePadAcross,
+        zoneLengthPad = d.nodePad / 2,
+        visibleThickness = n.dx,
+        visibleLength = Math.max(0.5, n.dy);
+
+    var basicKey = n.label;
+    var foundKey = uniqueKeys[basicKey];
+    uniqueKeys[basicKey] = (foundKey || 0) + 1;
+    var key = basicKey + '__' + uniqueKeys[basicKey];
+
+    // for event data
+    n.trace = d.trace;
+    n.curveNumber = d.trace.index;
+
+    return {
+        key: key,
+        traceId: d.key,
+        node: n,
+        nodePad: d.nodePad,
+        nodeLineColor: d.nodeLineColor,
+        nodeLineWidth: d.nodeLineWidth,
+        textFont: d.textFont,
+        size: d.horizontal ? d.height : d.width,
+        visibleWidth: Math.ceil(visibleThickness),
+        visibleHeight: visibleLength,
+        zoneX: -zoneThicknessPad,
+        zoneY: -zoneLengthPad,
+        zoneWidth: visibleThickness + 2 * zoneThicknessPad,
+        zoneHeight: visibleLength + 2 * zoneLengthPad,
+        labelY: d.horizontal ? n.dy / 2 + 1 : n.dx / 2 + 1,
+        left: n.originalLayer === 1,
+        sizeAcross: d.width,
+        forceLayouts: d.forceLayouts,
+        horizontal: d.horizontal,
+        darkBackground: tc.getBrightness() <= 128,
+        tinyColorHue: Color.tinyRGB(tc),
+        tinyColorAlpha: tc.getAlpha(),
+        valueFormat: d.valueFormat,
+        valueSuffix: d.valueSuffix,
+        sankey: d.sankey,
+        arrangement: d.arrangement,
+        uniqueNodeLabelPathId: [d.guid, d.key, key].join(' '),
+        interactionState: d.interactionState
+    };
+}
+
+// rendering snippets
+
+function updateNodePositions(sankeyNode) {
+    sankeyNode
+        .attr('transform', function(d) {
+            return 'translate(' + d.node.x.toFixed(3) + ', ' + (d.node.y - d.node.dy / 2).toFixed(3) + ')';
+        });
+}
+
+function linkPath(d) {
+    var nodes = d.sankey.nodes();
+    switchToSankeyFormat(nodes);
+    var result = d.sankey.link()(d.link);
+    switchToForceFormat(nodes);
+    return result;
+}
+
+function updateNodeShapes(sankeyNode) {
+    sankeyNode.call(updateNodePositions);
+}
+
+function updateShapes(sankeyNode, sankeyLink) {
+    sankeyNode.call(updateNodeShapes);
+    sankeyLink.attr('d', linkPath);
+}
+
+function sizeNode(rect) {
+    rect.attr('width', function(d) {return d.visibleWidth;})
+        .attr('height', function(d) {return d.visibleHeight;});
+}
+
+function salientEnough(d) {return d.link.dy > 1 || d.linkLineWidth > 0;}
+
+function sankeyTransform(d) {
+    var offset = 'translate(' + d.translateX + ',' + d.translateY + ')';
+    return offset + (d.horizontal ? 'matrix(1 0 0 1 0 0)' : 'matrix(0 1 1 0 0 0)');
+}
+
+function nodeCentering(d) {
+    return 'translate(' + (d.horizontal ? 0 : d.labelY) + ' ' + (d.horizontal ? d.labelY : 0) + ')';
+}
+
+function textGuidePath(d) {
+    return d3.svg.line()([
+        [d.horizontal ? (d.left ? -d.sizeAcross : d.visibleWidth + c.nodeTextOffsetHorizontal) : c.nodeTextOffsetHorizontal, 0],
+        [d.horizontal ? (d.left ? - c.nodeTextOffsetHorizontal : d.sizeAcross) : d.visibleHeight - c.nodeTextOffsetHorizontal, 0]
+    ]);}
+
+function sankeyInverseTransform(d) {return d.horizontal ? 'matrix(1 0 0 1 0 0)' : 'matrix(0 1 1 0 0 0)';}
+function textFlip(d) {return d.horizontal ? 'scale(1 1)' : 'scale(-1 1)';}
+function nodeTextColor(d) {return d.darkBackground && !d.horizontal ? 'rgb(255,255,255)' : 'rgb(0,0,0)';}
+function nodeTextOffset(d) {return d.horizontal && d.left ? '100%' : '0%';}
+
+// event handling
+
+function attachPointerEvents(selection, sankey, eventSet) {
+    selection
+        .on('.basic', null) // remove any preexisting handlers
+        .on('mouseover.basic', function(d) {
+            if(!d.interactionState.dragInProgress) {
+                eventSet.hover(this, d, sankey);
+                d.interactionState.hovered = [this, d];
+            }
+        })
+        .on('mousemove.basic', function(d) {
+            if(!d.interactionState.dragInProgress) {
+                eventSet.follow(this, d);
+                d.interactionState.hovered = [this, d];
+            }
+        })
+        .on('mouseout.basic', function(d) {
+            if(!d.interactionState.dragInProgress) {
+                eventSet.unhover(this, d, sankey);
+                d.interactionState.hovered = false;
+            }
+        })
+        .on('click.basic', function(d) {
+            if(d.interactionState.hovered) {
+                eventSet.unhover(this, d, sankey);
+                d.interactionState.hovered = false;
+            }
+            if(!d.interactionState.dragInProgress) {
+                eventSet.select(this, d, sankey);
+            }
+        });
+}
+
+function attachDragHandler(sankeyNode, sankeyLink, callbacks) {
+
+    var dragBehavior = d3.behavior.drag()
+
+        .origin(function(d) {return d.node;})
+
+        .on('dragstart', function(d) {
+            if(d.arrangement === 'fixed') return;
+            Lib.raiseToTop(this);
+            d.interactionState.dragInProgress = d.node;
+            saveCurrentDragPosition(d.node);
+            if(d.interactionState.hovered) {
+                callbacks.nodeEvents.unhover.apply(0, d.interactionState.hovered);
+                d.interactionState.hovered = false;
+            }
+            if(d.arrangement === 'snap') {
+                var forceKey = d.traceId + '|' + Math.floor(d.node.originalX);
+                if(d.forceLayouts[forceKey]) {
+                    d.forceLayouts[forceKey].alpha(1);
+                } else { // make a forceLayout iff needed
+                    attachForce(sankeyNode, forceKey, d);
+                }
+                startForce(sankeyNode, sankeyLink, d, forceKey);
+            }
+        })
+
+        .on('drag', function(d) {
+            if(d.arrangement === 'fixed') return;
+            var x = d3.event.x;
+            var y = d3.event.y;
+            if(d.arrangement === 'snap') {
+                d.node.x = x;
+                d.node.y = y;
+            } else {
+                if(d.arrangement === 'freeform') {
+                    d.node.x = x;
+                }
+                d.node.y = Math.max(d.node.dy / 2, Math.min(d.size - d.node.dy / 2, y));
+            }
+            saveCurrentDragPosition(d.node);
+            if(d.arrangement !== 'snap') {
+                d.sankey.relayout();
+                updateShapes(sankeyNode.filter(sameLayer(d)), sankeyLink);
+            }
+        })
+
+        .on('dragend', function(d) {
+            d.interactionState.dragInProgress = false;
+        });
+
+    sankeyNode
+        .on('.drag', null) // remove possible previous handlers
+        .call(dragBehavior);
+}
+
+function attachForce(sankeyNode, forceKey, d) {
+    var nodes = d.sankey.nodes().filter(function(n) {return n.originalX === d.node.originalX;});
+    d.forceLayouts[forceKey] = d3Force.forceSimulation(nodes)
+        .alphaDecay(0)
+        .force('collide', d3Force.forceCollide()
+            .radius(function(n) {return n.dy / 2 + d.nodePad / 2;})
+            .strength(1)
+            .iterations(c.forceIterations))
+        .force('constrain', snappingForce(sankeyNode, forceKey, nodes, d))
+        .stop();
+}
+
+function startForce(sankeyNode, sankeyLink, d, forceKey) {
+    window.requestAnimationFrame(function faster() {
+        for(var i = 0; i < c.forceTicksPerFrame; i++) {
+            d.forceLayouts[forceKey].tick();
+        }
+        d.sankey.relayout();
+        updateShapes(sankeyNode.filter(sameLayer(d)), sankeyLink);
+        if(d.forceLayouts[forceKey].alpha() > 0) {
+            window.requestAnimationFrame(faster);
+        }
+    });
+}
+
+function snappingForce(sankeyNode, forceKey, nodes, d) {
+    return function _snappingForce() {
+        var maxVelocity = 0;
+        for(var i = 0; i < nodes.length; i++) {
+            var n = nodes[i];
+            if(n === d.interactionState.dragInProgress) { // constrain node position to the dragging pointer
+                n.x = n.lastDraggedX;
+                n.y = n.lastDraggedY;
+            } else {
+                n.vx = (n.originalX - n.x) / c.forceTicksPerFrame; // snap to layer
+                n.y = Math.min(d.size - n.dy / 2, Math.max(n.dy / 2, n.y)); // constrain to extent
+            }
+            maxVelocity = Math.max(maxVelocity, Math.abs(n.vx), Math.abs(n.vy));
+        }
+        if(!d.interactionState.dragInProgress && maxVelocity < 0.1 && d.forceLayouts[forceKey].alpha() > 0) {
+            d.forceLayouts[forceKey].alpha(0);
+        }
+    };
+}
+
+// scene graph
+module.exports = function(svg, styledData, layout, callbacks) {
+    var sankey = svg.selectAll('.' + c.cn.sankey)
+        .data(styledData
+                .filter(function(d) {return unwrap(d).trace.visible;})
+                .map(sankeyModel.bind(null, layout)),
+            keyFun);
+
+    sankey.exit()
+        .remove();
+
+    sankey.enter()
+        .append('g')
+        .classed(c.cn.sankey, true)
+        .style('box-sizing', 'content-box')
+        .style('position', 'absolute')
+        .style('left', 0)
+        .style('shape-rendering', 'geometricPrecision')
+        .style('pointer-events', 'auto')
+        .style('box-sizing', 'content-box')
+        .attr('transform', sankeyTransform);
+
+    sankey.transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('transform', sankeyTransform);
+
+    var sankeyLinks = sankey.selectAll('.' + c.cn.sankeyLinks)
+        .data(repeat, keyFun);
+
+    sankeyLinks.enter()
+        .append('g')
+        .classed(c.cn.sankeyLinks, true)
+        .style('fill', 'none');
+
+    var sankeyLink = sankeyLinks.selectAll('.' + c.cn.sankeyLink)
+        .data(function(d) {
+            var uniqueKeys = {};
+            return d.sankey.links()
+                .filter(function(l) {return l.value;})
+                .map(linkModel.bind(null, uniqueKeys, d));
+        }, keyFun);
+
+    sankeyLink.enter()
+        .append('path')
+        .classed(c.cn.sankeyLink, true)
+        .attr('d', linkPath)
+        .call(attachPointerEvents, sankey, callbacks.linkEvents);
+
+    sankeyLink
+        .style('stroke', function(d) {
+            return salientEnough(d) ? Color.tinyRGB(tinycolor(d.linkLineColor)) : d.tinyColorHue;
+        })
+        .style('stroke-opacity', function(d) {
+            return salientEnough(d) ? Color.opacity(d.linkLineColor) : d.tinyColorAlpha;
+        })
+        .style('stroke-width', function(d) {return salientEnough(d) ? d.linkLineWidth : 1;})
+        .style('fill', function(d) {return d.tinyColorHue;})
+        .style('fill-opacity', function(d) {return d.tinyColorAlpha;});
+
+    sankeyLink.transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('d', linkPath);
+
+    sankeyLink.exit().transition()
+        .ease(c.ease).duration(c.duration)
+        .style('opacity', 0)
+        .remove();
+
+    var sankeyNodeSet = sankey.selectAll('.' + c.cn.sankeyNodeSet)
+        .data(repeat, keyFun);
+
+    sankeyNodeSet.enter()
+        .append('g')
+        .classed(c.cn.sankeyNodeSet, true);
+
+    sankeyNodeSet
+        .style('cursor', function(d) {
+            switch(d.arrangement) {
+                case 'fixed': return 'default';
+                case 'perpendicular': return 'ns-resize';
+                default: return 'move';
+            }
+        });
+
+    var sankeyNode = sankeyNodeSet.selectAll('.' + c.cn.sankeyNode)
+        .data(function(d) {
+            var nodes = d.sankey.nodes();
+            var uniqueKeys = {};
+            persistOriginalPlace(nodes);
+            return nodes
+                .filter(function(n) {return n.value;})
+                .map(nodeModel.bind(null, uniqueKeys, d));
+        }, keyFun);
+
+    sankeyNode.enter()
+        .append('g')
+        .classed(c.cn.sankeyNode, true)
+        .call(updateNodePositions)
+        .call(attachPointerEvents, sankey, callbacks.nodeEvents);
+
+    sankeyNode
+        .call(attachDragHandler, sankeyLink, callbacks); // has to be here as it binds sankeyLink
+
+    sankeyNode.transition()
+        .ease(c.ease).duration(c.duration)
+        .call(updateNodePositions);
+
+    sankeyNode.exit().transition()
+        .ease(c.ease).duration(c.duration)
+        .style('opacity', 0)
+        .remove();
+
+    var nodeRect = sankeyNode.selectAll('.' + c.cn.nodeRect)
+        .data(repeat);
+
+    nodeRect.enter()
+        .append('rect')
+        .classed(c.cn.nodeRect, true)
+        .call(sizeNode);
+
+    nodeRect
+        .style('stroke-width', function(d) {return d.nodeLineWidth;})
+        .style('stroke', function(d) {return Color.tinyRGB(tinycolor(d.nodeLineColor));})
+        .style('stroke-opacity', function(d) {return Color.opacity(d.nodeLineColor);})
+        .style('fill', function(d) {return d.tinyColorHue;})
+        .style('fill-opacity', function(d) {return d.tinyColorAlpha;});
+
+    nodeRect.transition()
+        .ease(c.ease).duration(c.duration)
+        .call(sizeNode);
+
+    var nodeCapture = sankeyNode.selectAll('.' + c.cn.nodeCapture)
+        .data(repeat);
+
+    nodeCapture.enter()
+        .append('rect')
+        .classed(c.cn.nodeCapture, true)
+        .style('fill-opacity', 0);
+
+    nodeCapture
+        .attr('x', function(d) {return d.zoneX;})
+        .attr('y', function(d) {return d.zoneY;})
+        .attr('width', function(d) {return d.zoneWidth;})
+        .attr('height', function(d) {return d.zoneHeight;});
+
+    var nodeCentered = sankeyNode.selectAll('.' + c.cn.nodeCentered)
+        .data(repeat);
+
+    nodeCentered.enter()
+        .append('g')
+        .classed(c.cn.nodeCentered, true)
+        .attr('transform', nodeCentering);
+
+    nodeCentered
+        .transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('transform', nodeCentering);
+
+    var nodeLabelGuide = nodeCentered.selectAll('.' + c.cn.nodeLabelGuide)
+        .data(repeat);
+
+    nodeLabelGuide.enter()
+        .append('path')
+        .classed(c.cn.nodeLabelGuide, true)
+        .attr('id', function(d) {return d.uniqueNodeLabelPathId;})
+        .attr('d', textGuidePath)
+        .attr('transform', sankeyInverseTransform);
+
+    nodeLabelGuide
+        .transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('d', textGuidePath)
+        .attr('transform', sankeyInverseTransform);
+
+    var nodeLabel = nodeCentered.selectAll('.' + c.cn.nodeLabel)
+        .data(repeat);
+
+    nodeLabel.enter()
+        .append('text')
+        .classed(c.cn.nodeLabel, true)
+        .attr('transform', textFlip)
+        .style('user-select', 'none')
+        .style('cursor', 'default')
+        .style('fill', 'black');
+
+    nodeLabel
+        .style('text-shadow', function(d) {
+            return d.horizontal ? '-1px 1px 1px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff' : 'none';
+        })
+        .each(function(d) {Drawing.font(nodeLabel, d.textFont);});
+
+    nodeLabel
+        .transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('transform', textFlip);
+
+    var nodeLabelTextPath = nodeLabel.selectAll('.' + c.cn.nodeLabelTextPath)
+        .data(repeat);
+
+    nodeLabelTextPath.enter()
+        .append('textPath')
+        .classed(c.cn.nodeLabelTextPath, true)
+        .attr('alignment-baseline', 'middle')
+        .attr('xlink:href', function(d) {return '#' + d.uniqueNodeLabelPathId;})
+        .attr('startOffset', nodeTextOffset)
+        .style('fill', nodeTextColor);
+
+    nodeLabelTextPath
+        .text(function(d) {return d.horizontal || d.node.dy > 5 ? d.node.label : '';})
+        .attr('text-anchor', function(d) {return d.horizontal && d.left ? 'end' : 'start';});
+
+    nodeLabelTextPath
+        .transition()
+        .ease(c.ease).duration(c.duration)
+        .attr('startOffset', nodeTextOffset)
+        .style('fill', nodeTextColor);
+};
+
+},{"../../components/color":604,"../../components/drawing":628,"../../lib":728,"../../lib/gup":725,"./constants":1025,"@plotly/d3-sankey":38,"d3":122,"d3-force":118,"tinycolor2":534}],1030:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+// arrayOk attributes, merge them into calcdata array
+module.exports = function arraysToCalcdata(cd, trace) {
+
+    // so each point knows which index it originally came from
+    for(var i = 0; i < cd.length; i++) cd[i].i = i;
+
+    Lib.mergeArray(trace.text, cd, 'tx');
+    Lib.mergeArray(trace.hovertext, cd, 'htx');
+    Lib.mergeArray(trace.customdata, cd, 'data');
+    Lib.mergeArray(trace.textposition, cd, 'tp');
+    if(trace.textfont) {
+        Lib.mergeArray(trace.textfont.size, cd, 'ts');
+        Lib.mergeArray(trace.textfont.color, cd, 'tc');
+        Lib.mergeArray(trace.textfont.family, cd, 'tf');
+    }
+
+    var marker = trace.marker;
+    if(marker) {
+        Lib.mergeArray(marker.size, cd, 'ms');
+        Lib.mergeArray(marker.opacity, cd, 'mo');
+        Lib.mergeArray(marker.symbol, cd, 'mx');
+        Lib.mergeArray(marker.color, cd, 'mc');
+
+        var markerLine = marker.line;
+        if(marker.line) {
+            Lib.mergeArray(markerLine.color, cd, 'mlc');
+            Lib.mergeArray(markerLine.width, cd, 'mlw');
+        }
+
+        var markerGradient = marker.gradient;
+        if(markerGradient && markerGradient.type !== 'none') {
+            Lib.mergeArray(markerGradient.type, cd, 'mgt');
+            Lib.mergeArray(markerGradient.color, cd, 'mgc');
+        }
+    }
+};
+
+},{"../../lib":728}],1031:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var errorBarAttrs = require('../../components/errorbars/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var fontAttrs = require('../../plots/font_attributes');
+var dash = require('../../components/drawing/attributes').dash;
+
+var Drawing = require('../../components/drawing');
+var constants = require('./constants');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+module.exports = {
+    x: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    x0: {
+        valType: 'any',
+        dflt: 0,
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    dx: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    y: {
+        valType: 'data_array',
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    y0: {
+        valType: 'any',
+        dflt: 0,
+        
+        editType: 'calc+clearAxisTypes',
+        
+    },
+    dy: {
+        valType: 'number',
+        dflt: 1,
+        
+        editType: 'calc',
+        
+    },
+    text: {
+        valType: 'string',
+        
+        dflt: '',
+        arrayOk: true,
+        editType: 'calc',
+        
+    },
+    hovertext: {
+        valType: 'string',
+        
+        dflt: '',
+        arrayOk: true,
+        editType: 'style',
+        
+    },
+    mode: {
+        valType: 'flaglist',
+        flags: ['lines', 'markers', 'text'],
+        extras: ['none'],
+        
+        editType: 'calc',
+        
+    },
+    hoveron: {
+        valType: 'flaglist',
+        flags: ['points', 'fills'],
+        
+        editType: 'style',
+        
+    },
+    line: {
+        color: {
+            valType: 'color',
+            
+            editType: 'style',
+            
+        },
+        width: {
+            valType: 'number',
+            min: 0,
+            dflt: 2,
+            
+            editType: 'style',
+            
+        },
+        shape: {
+            valType: 'enumerated',
+            values: ['linear', 'spline', 'hv', 'vh', 'hvh', 'vhv'],
+            dflt: 'linear',
+            
+            editType: 'plot',
+            
+        },
+        smoothing: {
+            valType: 'number',
+            min: 0,
+            max: 1.3,
+            dflt: 1,
+            
+            editType: 'plot',
+            
+        },
+        dash: extendFlat({}, dash, {editType: 'style'}),
+        simplify: {
+            valType: 'boolean',
+            dflt: true,
+            
+            editType: 'plot',
+            
+        },
+        editType: 'plot'
+    },
+
+    connectgaps: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    cliponaxis: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'plot',
+        
+    },
+
+    fill: {
+        valType: 'enumerated',
+        values: ['none', 'tozeroy', 'tozerox', 'tonexty', 'tonextx', 'toself', 'tonext'],
+        dflt: 'none',
+        
+        editType: 'calc',
+        
+    },
+    fillcolor: {
+        valType: 'color',
+        
+        editType: 'style',
+        
+    },
+    marker: extendFlat({
+        symbol: {
+            valType: 'enumerated',
+            values: Drawing.symbolList,
+            dflt: 'circle',
+            arrayOk: true,
+            
+            editType: 'style',
+            
+        },
+        opacity: {
+            valType: 'number',
+            min: 0,
+            max: 1,
+            arrayOk: true,
+            
+            editType: 'style',
+            
+        },
+        size: {
+            valType: 'number',
+            min: 0,
+            dflt: 6,
+            arrayOk: true,
+            
+            editType: 'calcIfAutorange',
+            
+        },
+        maxdisplayed: {
+            valType: 'number',
+            min: 0,
+            dflt: 0,
+            
+            editType: 'plot',
+            
+        },
+        sizeref: {
+            valType: 'number',
+            dflt: 1,
+            
+            editType: 'calc',
+            
+        },
+        sizemin: {
+            valType: 'number',
+            min: 0,
+            dflt: 0,
+            
+            editType: 'calc',
+            
+        },
+        sizemode: {
+            valType: 'enumerated',
+            values: ['diameter', 'area'],
+            dflt: 'diameter',
+            
+            editType: 'calc',
+            
+        },
+
+        showscale: {
+            valType: 'boolean',
+            
+            dflt: false,
+            editType: 'calc',
+            
+        },
+        colorbar: colorbarAttrs,
+
+        line: extendFlat({
+            width: {
+                valType: 'number',
+                min: 0,
+                arrayOk: true,
+                
+                editType: 'style',
+                
+            },
+            editType: 'calc'
+        },
+            colorAttributes('marker.line')
+        ),
+        gradient: {
+            type: {
+                valType: 'enumerated',
+                values: ['radial', 'horizontal', 'vertical', 'none'],
+                arrayOk: true,
+                dflt: 'none',
+                
+                editType: 'calc',
+                
+            },
+            color: {
+                valType: 'color',
+                arrayOk: true,
+                
+                editType: 'calc',
+                
+            },
+            editType: 'calc'
+        },
+        editType: 'calc'
+    },
+        colorAttributes('marker')
+    ),
+    textposition: {
+        valType: 'enumerated',
+        values: [
+            'top left', 'top center', 'top right',
+            'middle left', 'middle center', 'middle right',
+            'bottom left', 'bottom center', 'bottom right'
+        ],
+        dflt: 'middle center',
+        arrayOk: true,
+        
+        editType: 'calc',
+        
+    },
+    textfont: fontAttrs({
+        editType: 'calc',
+        colorEditType: 'style',
+        arrayOk: true,
+        
+    }),
+
+    r: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    t: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+
+    error_y: errorBarAttrs,
+    error_x: errorBarAttrs
+};
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/color_attributes":611,"../../components/drawing":628,"../../components/drawing/attributes":627,"../../components/errorbars/attributes":630,"../../lib/extend":717,"../../plots/font_attributes":796,"./constants":1036}],1032:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Axes = require('../../plots/cartesian/axes');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+var subTypes = require('./subtypes');
+var calcColorscale = require('./colorscale_calc');
+var arraysToCalcdata = require('./arrays_to_calcdata');
+
+
+module.exports = function calc(gd, trace) {
+    var xa = Axes.getFromId(gd, trace.xaxis || 'x'),
+        ya = Axes.getFromId(gd, trace.yaxis || 'y');
+
+    var x = xa.makeCalcdata(trace, 'x'),
+        y = ya.makeCalcdata(trace, 'y');
+
+    var serieslen = Math.min(x.length, y.length),
+        marker,
+        s,
+        i;
+
+    // cancel minimum tick spacings (only applies to bars and boxes)
+    xa._minDtick = 0;
+    ya._minDtick = 0;
+
+    if(x.length > serieslen) x.splice(serieslen, x.length - serieslen);
+    if(y.length > serieslen) y.splice(serieslen, y.length - serieslen);
+
+    // check whether bounds should be tight, padded, extended to zero...
+    // most cases both should be padded on both ends, so start with that.
+    var xOptions = {padded: true},
+        yOptions = {padded: true};
+
+    if(subTypes.hasMarkers(trace)) {
+
+        // Treat size like x or y arrays --- Run d2c
+        // this needs to go before ppad computation
+        marker = trace.marker;
+        s = marker.size;
+
+        if(Array.isArray(s)) {
+            // I tried auto-type but category and dates dont make much sense.
+            var ax = {type: 'linear'};
+            Axes.setConvert(ax);
+            s = ax.makeCalcdata(trace.marker, 'size');
+            if(s.length > serieslen) s.splice(serieslen, s.length - serieslen);
+        }
+
+        var sizeref = 1.6 * (trace.marker.sizeref || 1),
+            markerTrans;
+        if(trace.marker.sizemode === 'area') {
+            markerTrans = function(v) {
+                return Math.max(Math.sqrt((v || 0) / sizeref), 3);
+            };
+        }
+        else {
+            markerTrans = function(v) {
+                return Math.max((v || 0) / sizeref, 3);
+            };
+        }
+        xOptions.ppad = yOptions.ppad = Array.isArray(s) ?
+            s.map(markerTrans) : markerTrans(s);
+    }
+
+    calcColorscale(trace);
+
+    // TODO: text size
+
+    // include zero (tight) and extremes (padded) if fill to zero
+    // (unless the shape is closed, then it's just filling the shape regardless)
+    if(((trace.fill === 'tozerox') ||
+            ((trace.fill === 'tonextx') && gd.firstscatter)) &&
+            ((x[0] !== x[serieslen - 1]) || (y[0] !== y[serieslen - 1]))) {
+        xOptions.tozero = true;
+    }
+
+    // if no error bars, markers or text, or fill to y=0 remove x padding
+    else if(!trace.error_y.visible && (
+            ['tonexty', 'tozeroy'].indexOf(trace.fill) !== -1 ||
+            (!subTypes.hasMarkers(trace) && !subTypes.hasText(trace))
+        )) {
+        xOptions.padded = false;
+        xOptions.ppad = 0;
+    }
+
+    // now check for y - rather different logic, though still mostly padded both ends
+    // include zero (tight) and extremes (padded) if fill to zero
+    // (unless the shape is closed, then it's just filling the shape regardless)
+    if(((trace.fill === 'tozeroy') || ((trace.fill === 'tonexty') && gd.firstscatter)) &&
+            ((x[0] !== x[serieslen - 1]) || (y[0] !== y[serieslen - 1]))) {
+        yOptions.tozero = true;
+    }
+
+    // tight y: any x fill
+    else if(['tonextx', 'tozerox'].indexOf(trace.fill) !== -1) {
+        yOptions.padded = false;
+    }
+
+    Axes.expand(xa, x, xOptions);
+    Axes.expand(ya, y, yOptions);
+
+    // create the "calculated data" to plot
+    var cd = new Array(serieslen);
+    for(i = 0; i < serieslen; i++) {
+        cd[i] = (isNumeric(x[i]) && isNumeric(y[i])) ?
+            {x: x[i], y: y[i]} : {x: BADNUM, y: BADNUM};
+
+        if(trace.ids) {
+            cd[i].id = String(trace.ids[i]);
+        }
+    }
+
+    arraysToCalcdata(cd, trace);
+
+    gd.firstscatter = false;
+    return cd;
+};
+
+},{"../../constants/numerical":707,"../../plots/cartesian/axes":772,"./arrays_to_calcdata":1030,"./colorscale_calc":1035,"./subtypes":1052,"fast-isnumeric":131}],1033:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+// remove opacity for any trace that has a fill or is filled to
+module.exports = function cleanData(fullData) {
+    for(var i = 0; i < fullData.length; i++) {
+        var tracei = fullData[i];
+        if(tracei.type !== 'scatter') continue;
+
+        var filli = tracei.fill;
+        if(filli === 'none' || filli === 'toself') continue;
+
+        tracei.opacity = undefined;
+
+        if(filli === 'tonexty' || filli === 'tonextx') {
+            for(var j = i - 1; j >= 0; j--) {
+                var tracej = fullData[j];
+
+                if((tracej.type === 'scatter') &&
+                        (tracej.xaxis === tracei.xaxis) &&
+                        (tracej.yaxis === tracei.yaxis)) {
+                    tracej.opacity = undefined;
+                    break;
+                }
+            }
+        }
+    }
+};
+
+},{}],1034:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Colorscale = require('../../components/colorscale');
+var drawColorbar = require('../../components/colorbar/draw');
+
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        marker = trace.marker,
+        cbId = 'cb' + trace.uid;
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    // TODO make Colorbar.draw support multiple colorbar per trace
+
+    if((marker === undefined) || !marker.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var vals = marker.color,
+        cmin = marker.cmin,
+        cmax = marker.cmax;
+
+    if(!isNumeric(cmin)) cmin = Lib.aggNums(Math.min, null, vals);
+    if(!isNumeric(cmax)) cmax = Lib.aggNums(Math.max, null, vals);
+
+    var cb = cd[0].t.cb = drawColorbar(gd, cbId);
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            marker.colorscale,
+            cmin,
+            cmax
+        ),
+        { noNumericCheck: true }
+    );
+
+    cb.fillcolor(sclFunc)
+        .filllevels({start: cmin, end: cmax, size: (cmax - cmin) / 254})
+        .options(marker.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../components/colorscale":618,"../../lib":728,"../../plots/plots":831,"fast-isnumeric":131}],1035:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var calcColorscale = require('../../components/colorscale/calc');
+
+var subTypes = require('./subtypes');
+
+
+module.exports = function calcMarkerColorscale(trace) {
+    if(subTypes.hasLines(trace) && hasColorscale(trace, 'line')) {
+        calcColorscale(trace, trace.line.color, 'line', 'c');
+    }
+
+    if(subTypes.hasMarkers(trace)) {
+        if(hasColorscale(trace, 'marker')) {
+            calcColorscale(trace, trace.marker.color, 'marker', 'c');
+        }
+        if(hasColorscale(trace, 'marker.line')) {
+            calcColorscale(trace, trace.marker.line.color, 'marker.line', 'c');
+        }
+    }
+};
+
+},{"../../components/colorscale/calc":610,"../../components/colorscale/has_colorscale":617,"./subtypes":1052}],1036:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+module.exports = {
+    PTS_LINESONLY: 20,
+
+    // fixed parameters of clustering and clipping algorithms
+
+    // fraction of clustering tolerance "so close we don't even consider it a new point"
+    minTolerance: 0.2,
+    // how fast does clustering tolerance increase as you get away from the visible region
+    toleranceGrowth: 10,
+
+    // number of viewport sizes away from the visible region
+    // at which we clip all lines to the perimeter
+    maxScreensAway: 20
+};
+
+},{}],1037:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var attributes = require('./attributes');
+var constants = require('./constants');
+var subTypes = require('./subtypes');
+var handleXYDefaults = require('./xy_defaults');
+var handleMarkerDefaults = require('./marker_defaults');
+var handleLineDefaults = require('./line_defaults');
+var handleLineShapeDefaults = require('./line_shape_defaults');
+var handleTextDefaults = require('./text_defaults');
+var handleFillColorDefaults = require('./fillcolor_defaults');
+var errorBarsSupplyDefaults = require('../../components/errorbars/defaults');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleXYDefaults(traceIn, traceOut, layout, coerce),
+        // TODO: default mode by orphan points...
+        defaultMode = len < constants.PTS_LINESONLY ? 'lines+markers' : 'lines';
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('hovertext');
+    coerce('mode', defaultMode);
+
+    if(subTypes.hasLines(traceOut)) {
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+        handleLineShapeDefaults(traceIn, traceOut, coerce);
+        coerce('connectgaps');
+        coerce('line.simplify');
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {gradient: true});
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    var dfltHoverOn = [];
+
+    if(subTypes.hasMarkers(traceOut) || subTypes.hasText(traceOut)) {
+        coerce('marker.maxdisplayed');
+        dfltHoverOn.push('points');
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+        if(!subTypes.hasLines(traceOut)) handleLineShapeDefaults(traceIn, traceOut, coerce);
+    }
+
+    if(traceOut.fill === 'tonext' || traceOut.fill === 'toself') {
+        dfltHoverOn.push('fills');
+    }
+    coerce('hoveron', dfltHoverOn.join('+') || 'points');
+
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'y'});
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'x', inherit: 'y'});
+
+    coerce('cliponaxis');
+};
+
+},{"../../components/errorbars/defaults":633,"../../lib":728,"./attributes":1031,"./constants":1036,"./fillcolor_defaults":1039,"./line_defaults":1043,"./line_shape_defaults":1045,"./marker_defaults":1048,"./subtypes":1052,"./text_defaults":1053,"./xy_defaults":1054}],1038:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+/** Fill hover 'pointData' container with 'correct' hover text value
+ *
+ * - If trace hoverinfo contains a 'text' flag and hovertext is not set,
+ *   the text elements will be seen in the hover labels.
+ *
+ * - If trace hoverinfo contains a 'text' flag and hovertext is set,
+ *   hovertext takes precedence over text
+ *   i.e. the hoverinfo elements will be seen in the hover labels
+ *
+ *  @param {object} calcPt
+ *  @param {object} trace
+ *  @param {object || array} contOut (mutated here)
+ */
+module.exports = function fillHoverText(calcPt, trace, contOut) {
+    var fill = Array.isArray(contOut) ?
+        function(v) { contOut.push(v); } :
+        function(v) { contOut.text = v; };
+
+    var htx = Lib.extractOption(calcPt, trace, 'htx', 'hovertext');
+    if(isValid(htx)) return fill(htx);
+
+    var tx = Lib.extractOption(calcPt, trace, 'tx', 'text');
+    if(isValid(tx)) return fill(tx);
+};
+
+// accept all truthy values and 0 (which gets cast to '0' in the hover labels)
+function isValid(v) {
+    return v || v === 0;
+}
+
+},{"../../lib":728}],1039:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../../components/color');
+
+
+module.exports = function fillColorDefaults(traceIn, traceOut, defaultColor, coerce) {
+    var inheritColorFromMarker = false;
+
+    if(traceOut.marker) {
+        // don't try to inherit a color array
+        var markerColor = traceOut.marker.color,
+            markerLineColor = (traceOut.marker.line || {}).color;
+
+        if(markerColor && !Array.isArray(markerColor)) {
+            inheritColorFromMarker = markerColor;
+        }
+        else if(markerLineColor && !Array.isArray(markerLineColor)) {
+            inheritColorFromMarker = markerLineColor;
+        }
+    }
+
+    coerce('fillcolor', Color.addOpacity(
+        (traceOut.line || {}).color ||
+        inheritColorFromMarker ||
+        defaultColor, 0.5
+    ));
+};
+
+},{"../../components/color":604}],1040:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../../components/color');
+var subtypes = require('./subtypes');
+
+
+module.exports = function getTraceColor(trace, di) {
+    var lc, tc;
+
+    // TODO: text modes
+
+    if(trace.mode === 'lines') {
+        lc = trace.line.color;
+        return (lc && Color.opacity(lc)) ?
+            lc : trace.fillcolor;
+    }
+    else if(trace.mode === 'none') {
+        return trace.fill ? trace.fillcolor : '';
+    }
+    else {
+        var mc = di.mcc || (trace.marker || {}).color,
+            mlc = di.mlcc || ((trace.marker || {}).line || {}).color;
+
+        tc = (mc && Color.opacity(mc)) ? mc :
+            (mlc && Color.opacity(mlc) &&
+                (di.mlw || ((trace.marker || {}).line || {}).width)) ? mlc : '';
+
+        if(tc) {
+            // make sure the points aren't TOO transparent
+            if(Color.opacity(tc) < 0.3) {
+                return Color.addOpacity(tc, 0.3);
+            }
+            else return tc;
+        }
+        else {
+            lc = (trace.line || {}).color;
+            return (lc && Color.opacity(lc) &&
+                subtypes.hasLines(trace) && trace.line.width) ?
+                    lc : trace.fillcolor;
+        }
+    }
+};
+
+},{"../../components/color":604,"./subtypes":1052}],1041:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Fx = require('../../components/fx');
+var ErrorBars = require('../../components/errorbars');
+var getTraceColor = require('./get_trace_color');
+var Color = require('../../components/color');
+var fillHoverText = require('./fill_hover_text');
+
+var MAXDIST = Fx.constants.MAXDIST;
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    var cd = pointData.cd,
+        trace = cd[0].trace,
+        xa = pointData.xa,
+        ya = pointData.ya,
+        xpx = xa.c2p(xval),
+        ypx = ya.c2p(yval),
+        pt = [xpx, ypx],
+        hoveron = trace.hoveron || '';
+
+    // look for points to hover on first, then take fills only if we
+    // didn't find a point
+    if(hoveron.indexOf('points') !== -1) {
+        var dx = function(di) {
+                // scatter points: d.mrc is the calculated marker radius
+                // adjust the distance so if you're inside the marker it
+                // always will show up regardless of point size, but
+                // prioritize smaller points
+                var rad = Math.max(3, di.mrc || 0);
+                return Math.max(Math.abs(xa.c2p(di.x) - xpx) - rad, 1 - 3 / rad);
+            },
+            dy = function(di) {
+                var rad = Math.max(3, di.mrc || 0);
+                return Math.max(Math.abs(ya.c2p(di.y) - ypx) - rad, 1 - 3 / rad);
+            },
+            dxy = function(di) {
+                var rad = Math.max(3, di.mrc || 0),
+                    dx = xa.c2p(di.x) - xpx,
+                    dy = ya.c2p(di.y) - ypx;
+                return Math.max(Math.sqrt(dx * dx + dy * dy) - rad, 1 - 3 / rad);
+            },
+            distfn = Fx.getDistanceFunction(hovermode, dx, dy, dxy);
+
+        Fx.getClosest(cd, distfn, pointData);
+
+        // skip the rest (for this trace) if we didn't find a close point
+        if(pointData.index !== false) {
+
+            // the closest data point
+            var di = cd[pointData.index],
+                xc = xa.c2p(di.x, true),
+                yc = ya.c2p(di.y, true),
+                rad = di.mrc || 1;
+
+            Lib.extendFlat(pointData, {
+                color: getTraceColor(trace, di),
+
+                x0: xc - rad,
+                x1: xc + rad,
+                xLabelVal: di.x,
+
+                y0: yc - rad,
+                y1: yc + rad,
+                yLabelVal: di.y
+            });
+
+            fillHoverText(di, trace, pointData);
+            ErrorBars.hoverInfo(di, trace, pointData);
+
+            return [pointData];
+        }
+    }
+
+    // even if hoveron is 'fills', only use it if we have polygons too
+    if(hoveron.indexOf('fills') !== -1 && trace._polygons) {
+        var polygons = trace._polygons,
+            polygonsIn = [],
+            inside = false,
+            xmin = Infinity,
+            xmax = -Infinity,
+            ymin = Infinity,
+            ymax = -Infinity,
+            i, j, polygon, pts, xCross, x0, x1, y0, y1;
+
+        for(i = 0; i < polygons.length; i++) {
+            polygon = polygons[i];
+            // TODO: this is not going to work right for curved edges, it will
+            // act as though they're straight. That's probably going to need
+            // the elements themselves to capture the events. Worth it?
+            if(polygon.contains(pt)) {
+                inside = !inside;
+                // TODO: need better than just the overall bounding box
+                polygonsIn.push(polygon);
+                ymin = Math.min(ymin, polygon.ymin);
+                ymax = Math.max(ymax, polygon.ymax);
+            }
+        }
+
+        if(inside) {
+            // constrain ymin/max to the visible plot, so the label goes
+            // at the middle of the piece you can see
+            ymin = Math.max(ymin, 0);
+            ymax = Math.min(ymax, ya._length);
+
+            // find the overall left-most and right-most points of the
+            // polygon(s) we're inside at their combined vertical midpoint.
+            // This is where we will draw the hover label.
+            // Note that this might not be the vertical midpoint of the
+            // whole trace, if it's disjoint.
+            var yAvg = (ymin + ymax) / 2;
+            for(i = 0; i < polygonsIn.length; i++) {
+                pts = polygonsIn[i].pts;
+                for(j = 1; j < pts.length; j++) {
+                    y0 = pts[j - 1][1];
+                    y1 = pts[j][1];
+                    if((y0 > yAvg) !== (y1 >= yAvg)) {
+                        x0 = pts[j - 1][0];
+                        x1 = pts[j][0];
+                        xCross = x0 + (x1 - x0) * (yAvg - y0) / (y1 - y0);
+                        xmin = Math.min(xmin, xCross);
+                        xmax = Math.max(xmax, xCross);
+                    }
+                }
+            }
+
+            // constrain xmin/max to the visible plot now too
+            xmin = Math.max(xmin, 0);
+            xmax = Math.min(xmax, xa._length);
+
+            // get only fill or line color for the hover color
+            var color = Color.defaultLine;
+            if(Color.opacity(trace.fillcolor)) color = trace.fillcolor;
+            else if(Color.opacity((trace.line || {}).color)) {
+                color = trace.line.color;
+            }
+
+            Lib.extendFlat(pointData, {
+                // never let a 2D override 1D type as closest point
+                distance: MAXDIST + 10,
+                x0: xmin,
+                x1: xmax,
+                y0: yAvg,
+                y1: yAvg,
+                color: color
+            });
+
+            delete pointData.index;
+
+            if(trace.text && !Array.isArray(trace.text)) {
+                pointData.text = String(trace.text);
+            }
+            else pointData.text = trace.name;
+
+            return [pointData];
+        }
+    }
+};
+
+},{"../../components/color":604,"../../components/errorbars":634,"../../components/fx":645,"../../lib":728,"./fill_hover_text":1038,"./get_trace_color":1040}],1042:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Scatter = {};
+
+var subtypes = require('./subtypes');
+Scatter.hasLines = subtypes.hasLines;
+Scatter.hasMarkers = subtypes.hasMarkers;
+Scatter.hasText = subtypes.hasText;
+Scatter.isBubble = subtypes.isBubble;
+
+// traces with < this many points are by default shown
+// with points and lines, > just get lines
+Scatter.attributes = require('./attributes');
+Scatter.supplyDefaults = require('./defaults');
+Scatter.cleanData = require('./clean_data');
+Scatter.calc = require('./calc');
+Scatter.arraysToCalcdata = require('./arrays_to_calcdata');
+Scatter.plot = require('./plot');
+Scatter.colorbar = require('./colorbar');
+Scatter.style = require('./style');
+Scatter.hoverPoints = require('./hover');
+Scatter.selectPoints = require('./select');
+Scatter.animatable = true;
+
+Scatter.moduleType = 'trace';
+Scatter.name = 'scatter';
+Scatter.basePlotModule = require('../../plots/cartesian');
+Scatter.categories = ['cartesian', 'symbols', 'markerColorscale', 'errorBarsOK', 'showLegend', 'scatter-like'];
+Scatter.meta = {
+    
+};
+
+module.exports = Scatter;
+
+},{"../../plots/cartesian":782,"./arrays_to_calcdata":1030,"./attributes":1031,"./calc":1032,"./clean_data":1033,"./colorbar":1034,"./defaults":1037,"./hover":1041,"./plot":1049,"./select":1050,"./style":1051,"./subtypes":1052}],1043:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+
+
+module.exports = function lineDefaults(traceIn, traceOut, defaultColor, layout, coerce, opts) {
+    var markerColor = (traceIn.marker || {}).color;
+
+    coerce('line.color', defaultColor);
+
+    if(hasColorscale(traceIn, 'line')) {
+        colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'line.', cLetter: 'c'});
+    }
+    else {
+        var lineColorDflt = (Array.isArray(markerColor) ? false : markerColor) || defaultColor;
+        coerce('line.color', lineColorDflt);
+    }
+
+    coerce('line.width');
+    if(!(opts || {}).noDash) coerce('line.dash');
+};
+
+},{"../../components/colorscale/defaults":613,"../../components/colorscale/has_colorscale":617}],1044:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var BADNUM = require('../../constants/numerical').BADNUM;
+var Lib = require('../../lib');
+var segmentsIntersect = Lib.segmentsIntersect;
+var constrain = Lib.constrain;
+var constants = require('./constants');
+
+
+module.exports = function linePoints(d, opts) {
+    var xa = opts.xaxis;
+    var ya = opts.yaxis;
+    var simplify = opts.simplify;
+    var connectGaps = opts.connectGaps;
+    var baseTolerance = opts.baseTolerance;
+    var shape = opts.shape;
+    var linear = shape === 'linear';
+    var segments = [];
+    var minTolerance = constants.minTolerance;
+    var pts = new Array(d.length);
+    var pti = 0;
+
+    var i;
+
+    // pt variables are pixel coordinates [x,y] of one point
+    // these four are the outputs of clustering on a line
+    var clusterStartPt, clusterEndPt, clusterHighPt, clusterLowPt;
+
+    // "this" is the next point we're considering adding to the cluster
+    var thisPt;
+
+    // did we encounter the high point first, then a low point, or vice versa?
+    var clusterHighFirst;
+
+    // the first two points in the cluster determine its unit vector
+    // so the second is always in the "High" direction
+    var clusterUnitVector;
+
+    // the pixel delta from clusterStartPt
+    var thisVector;
+
+    // val variables are (signed) pixel distances along the cluster vector
+    var clusterRefDist, clusterHighVal, clusterLowVal, thisVal;
+
+    // deviation variables are (signed) pixel distances normal to the cluster vector
+    var clusterMinDeviation, clusterMaxDeviation, thisDeviation;
+
+    if(!simplify) {
+        baseTolerance = minTolerance = -1;
+    }
+
+    // turn one calcdata point into pixel coordinates
+    function getPt(index) {
+        var x = xa.c2p(d[index].x);
+        var y = ya.c2p(d[index].y);
+        if(x === BADNUM || y === BADNUM) return false;
+        return [x, y];
+    }
+
+    // if we're off-screen, increase tolerance over baseTolerance
+    function getTolerance(pt) {
+        var xFrac = pt[0] / xa._length;
+        var yFrac = pt[1] / ya._length;
+        return (1 + constants.toleranceGrowth * Math.max(0, -xFrac, xFrac - 1, -yFrac, yFrac - 1)) * baseTolerance;
+    }
+
+    function ptDist(pt1, pt2) {
+        var dx = pt1[0] - pt2[0];
+        var dy = pt1[1] - pt2[1];
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+
+    // last bit of filtering: clip paths that are VERY far off-screen
+    // so we don't get near the browser's hard limit (+/- 2^29 px in Chrome and FF)
+
+    var maxScreensAway = constants.maxScreensAway;
+
+    // find the intersections between the segment from pt1 to pt2
+    // and the large rectangle maxScreensAway around the viewport
+    // if one of pt1 and pt2 is inside and the other outside, there
+    // will be only one intersection.
+    // if both are outside there will be 0 or 2 intersections
+    // (or 1 if it's right at a corner - we'll treat that like 0)
+    // returns an array of intersection pts
+    var xEdge0 = -xa._length * maxScreensAway;
+    var xEdge1 = xa._length * (1 + maxScreensAway);
+    var yEdge0 = -ya._length * maxScreensAway;
+    var yEdge1 = ya._length * (1 + maxScreensAway);
+    var edges = [
+        [xEdge0, yEdge0, xEdge1, yEdge0],
+        [xEdge1, yEdge0, xEdge1, yEdge1],
+        [xEdge1, yEdge1, xEdge0, yEdge1],
+        [xEdge0, yEdge1, xEdge0, yEdge0]
+    ];
+    var xEdge, yEdge, lastXEdge, lastYEdge, lastFarPt, edgePt;
+
+    // for linear line shape, edge intersections should be linearly interpolated
+    // spline uses this too, which isn't precisely correct but is actually pretty
+    // good, because Catmull-Rom weights far-away points less in creating the curvature
+    function getLinearEdgeIntersections(pt1, pt2) {
+        var out = [];
+        var ptCount = 0;
+        for(var i = 0; i < 4; i++) {
+            var edge = edges[i];
+            var ptInt = segmentsIntersect(pt1[0], pt1[1], pt2[0], pt2[1],
+                edge[0], edge[1], edge[2], edge[3]);
+            if(ptInt && (!ptCount ||
+                Math.abs(ptInt.x - out[0][0]) > 1 ||
+                Math.abs(ptInt.y - out[0][1]) > 1
+            )) {
+                ptInt = [ptInt.x, ptInt.y];
+                // if we have 2 intersections, make sure the closest one to pt1 comes first
+                if(ptCount && ptDist(ptInt, pt1) < ptDist(out[0], pt1)) out.unshift(ptInt);
+                else out.push(ptInt);
+                ptCount++;
+            }
+        }
+        return out;
+    }
+
+    function onlyConstrainedPoint(pt) {
+        if(pt[0] < xEdge0 || pt[0] > xEdge1 || pt[1] < yEdge0 || pt[1] > yEdge1) {
+            return [constrain(pt[0], xEdge0, xEdge1), constrain(pt[1], yEdge0, yEdge1)];
+        }
+    }
+
+    function sameEdge(pt1, pt2) {
+        if(pt1[0] === pt2[0] && (pt1[0] === xEdge0 || pt1[0] === xEdge1)) return true;
+        if(pt1[1] === pt2[1] && (pt1[1] === yEdge0 || pt1[1] === yEdge1)) return true;
+    }
+
+    // for line shapes hv and vh, movement in the two dimensions is decoupled,
+    // so all we need to do is constrain each dimension independently
+    function getHVEdgeIntersections(pt1, pt2) {
+        var out = [];
+        var ptInt1 = onlyConstrainedPoint(pt1);
+        var ptInt2 = onlyConstrainedPoint(pt2);
+        if(ptInt1 && ptInt2 && sameEdge(ptInt1, ptInt2)) return out;
+
+        if(ptInt1) out.push(ptInt1);
+        if(ptInt2) out.push(ptInt2);
+        return out;
+    }
+
+    // hvh and vhv we sometimes have to move one of the intersection points
+    // out BEYOND the clipping rect, by a maximum of a factor of 2, so that
+    // the midpoint line is drawn in the right place
+    function getABAEdgeIntersections(dim, limit0, limit1) {
+        return function(pt1, pt2) {
+            var ptInt1 = onlyConstrainedPoint(pt1);
+            var ptInt2 = onlyConstrainedPoint(pt2);
+
+            var out = [];
+            if(ptInt1 && ptInt2 && sameEdge(ptInt1, ptInt2)) return out;
+
+            if(ptInt1) out.push(ptInt1);
+            if(ptInt2) out.push(ptInt2);
+
+            var midShift = 2 * Lib.constrain((pt1[dim] + pt2[dim]) / 2, limit0, limit1) -
+                ((ptInt1 || pt1)[dim] + (ptInt2 || pt2)[dim]);
+            if(midShift) {
+                var ptToAlter;
+                if(ptInt1 && ptInt2) {
+                    ptToAlter = (midShift > 0 === ptInt1[dim] > ptInt2[dim]) ? ptInt1 : ptInt2;
+                }
+                else ptToAlter = ptInt1 || ptInt2;
+
+                ptToAlter[dim] += midShift;
+            }
+
+            return out;
+        };
+    }
+
+    var getEdgeIntersections;
+    if(shape === 'linear' || shape === 'spline') {
+        getEdgeIntersections = getLinearEdgeIntersections;
+    }
+    else if(shape === 'hv' || shape === 'vh') {
+        getEdgeIntersections = getHVEdgeIntersections;
+    }
+    else if(shape === 'hvh') getEdgeIntersections = getABAEdgeIntersections(0, xEdge0, xEdge1);
+    else if(shape === 'vhv') getEdgeIntersections = getABAEdgeIntersections(1, yEdge0, yEdge1);
+
+    // a segment pt1->pt2 entirely outside the nearby region:
+    // find the corner it gets closest to touching
+    function getClosestCorner(pt1, pt2) {
+        var dx = pt2[0] - pt1[0];
+        var m = (pt2[1] - pt1[1]) / dx;
+        var b = (pt1[1] * pt2[0] - pt2[1] * pt1[0]) / dx;
+
+        if(b > 0) return [m > 0 ? xEdge0 : xEdge1, yEdge1];
+        else return [m > 0 ? xEdge1 : xEdge0, yEdge0];
+    }
+
+    function updateEdge(pt) {
+        var x = pt[0];
+        var y = pt[1];
+        var xSame = x === pts[pti - 1][0];
+        var ySame = y === pts[pti - 1][1];
+        // duplicate point?
+        if(xSame && ySame) return;
+        if(pti > 1) {
+            // backtracking along an edge?
+            var xSame2 = x === pts[pti - 2][0];
+            var ySame2 = y === pts[pti - 2][1];
+            if(xSame && (x === xEdge0 || x === xEdge1) && xSame2) {
+                if(ySame2) pti--; // backtracking exactly - drop prev pt and don't add
+                else pts[pti - 1] = pt; // not exact: replace the prev pt
+            }
+            else if(ySame && (y === yEdge0 || y === yEdge1) && ySame2) {
+                if(xSame2) pti--;
+                else pts[pti - 1] = pt;
+            }
+            else pts[pti++] = pt;
+        }
+        else pts[pti++] = pt;
+    }
+
+    function updateEdgesForReentry(pt) {
+        // if we're outside the nearby region and going back in,
+        // we may need to loop around a corner point
+        if(pts[pti - 1][0] !== pt[0] && pts[pti - 1][1] !== pt[1]) {
+            updateEdge([lastXEdge, lastYEdge]);
+        }
+        updateEdge(pt);
+        lastFarPt = null;
+        lastXEdge = lastYEdge = 0;
+    }
+
+    function addPt(pt) {
+        // Are we more than maxScreensAway off-screen any direction?
+        // if so, clip to this box, but in such a way that on-screen
+        // drawing is unchanged
+        xEdge = (pt[0] < xEdge0) ? xEdge0 : (pt[0] > xEdge1) ? xEdge1 : 0;
+        yEdge = (pt[1] < yEdge0) ? yEdge0 : (pt[1] > yEdge1) ? yEdge1 : 0;
+        if(xEdge || yEdge) {
+            // to get fills right - if first point is far, push it toward the
+            // screen in whichever direction(s) are far
+            if(!pti) {
+                pts[pti++] = [xEdge || pt[0], yEdge || pt[1]];
+            }
+            else if(lastFarPt) {
+                // both this point and the last are outside the nearby region
+                // check if we're crossing the nearby region
+                var intersections = getEdgeIntersections(lastFarPt, pt);
+                if(intersections.length > 1) {
+                    updateEdgesForReentry(intersections[0]);
+                    pts[pti++] = intersections[1];
+                }
+            }
+            // we're leaving the nearby region - add the point where we left it
+            else {
+                edgePt = getEdgeIntersections(pts[pti - 1], pt)[0];
+                pts[pti++] = edgePt;
+            }
+
+            var lastPt = pts[pti - 1];
+            if(xEdge && yEdge && (lastPt[0] !== xEdge || lastPt[1] !== yEdge)) {
+                // we've gone out beyond a new corner: add the corner too
+                // so that the next point will take the right winding
+                if(lastFarPt) {
+                    if(lastXEdge !== xEdge && lastYEdge !== yEdge) {
+                        if(lastXEdge && lastYEdge) {
+                            // we've gone around to an opposite corner - we
+                            // need to add the correct extra corner
+                            // in order to get the right winding
+                            updateEdge(getClosestCorner(lastFarPt, pt));
+                        }
+                        else {
+                            // we're coming from a far edge - the extra corner
+                            // we need is determined uniquely by the sectors
+                            updateEdge([lastXEdge || xEdge, lastYEdge || yEdge]);
+                        }
+                    }
+                    else if(lastXEdge && lastYEdge) {
+                        updateEdge([lastXEdge, lastYEdge]);
+                    }
+                }
+                updateEdge([xEdge, yEdge]);
+            }
+            else if((lastXEdge - xEdge) && (lastYEdge - yEdge)) {
+                // we're coming from an edge or far corner to an edge - again the
+                // extra corner we need is uniquely determined by the sectors
+                updateEdge([xEdge || lastXEdge, yEdge || lastYEdge]);
+            }
+            lastFarPt = pt;
+            lastXEdge = xEdge;
+            lastYEdge = yEdge;
+        }
+        else {
+            if(lastFarPt) {
+                // this point is in range but the previous wasn't: add its entry pt first
+                updateEdgesForReentry(getEdgeIntersections(lastFarPt, pt)[0]);
+            }
+
+            pts[pti++] = pt;
+        }
+    }
+
+    // loop over ALL points in this trace
+    for(i = 0; i < d.length; i++) {
+        clusterStartPt = getPt(i);
+        if(!clusterStartPt) continue;
+
+        pti = 0;
+        lastFarPt = null;
+        addPt(clusterStartPt);
+
+        // loop over one segment of the trace
+        for(i++; i < d.length; i++) {
+            clusterHighPt = getPt(i);
+            if(!clusterHighPt) {
+                if(connectGaps) continue;
+                else break;
+            }
+
+            // can't decimate if nonlinear line shape
+            // TODO: we *could* decimate [hv]{2,3} shapes if we restricted clusters to horz or vert again
+            // but spline would be verrry awkward to decimate
+            if(!linear) {
+                addPt(clusterHighPt);
+                continue;
+            }
+
+            clusterRefDist = ptDist(clusterHighPt, clusterStartPt);
+
+            if(clusterRefDist < getTolerance(clusterHighPt) * minTolerance) continue;
+
+            clusterUnitVector = [
+                (clusterHighPt[0] - clusterStartPt[0]) / clusterRefDist,
+                (clusterHighPt[1] - clusterStartPt[1]) / clusterRefDist
+            ];
+
+            clusterLowPt = clusterStartPt;
+            clusterHighVal = clusterRefDist;
+            clusterLowVal = clusterMinDeviation = clusterMaxDeviation = 0;
+            clusterHighFirst = false;
+            clusterEndPt = clusterHighPt;
+
+            // loop over one cluster of points that collapse onto one line
+            for(i++; i < d.length; i++) {
+                thisPt = getPt(i);
+                if(!thisPt) {
+                    if(connectGaps) continue;
+                    else break;
+                }
+                thisVector = [
+                    thisPt[0] - clusterStartPt[0],
+                    thisPt[1] - clusterStartPt[1]
+                ];
+                // cross product (or dot with normal to the cluster vector)
+                thisDeviation = thisVector[0] * clusterUnitVector[1] - thisVector[1] * clusterUnitVector[0];
+                clusterMinDeviation = Math.min(clusterMinDeviation, thisDeviation);
+                clusterMaxDeviation = Math.max(clusterMaxDeviation, thisDeviation);
+
+                if(clusterMaxDeviation - clusterMinDeviation > getTolerance(thisPt)) break;
+
+                clusterEndPt = thisPt;
+                thisVal = thisVector[0] * clusterUnitVector[0] + thisVector[1] * clusterUnitVector[1];
+
+                if(thisVal > clusterHighVal) {
+                    clusterHighVal = thisVal;
+                    clusterHighPt = thisPt;
+                    clusterHighFirst = false;
+                } else if(thisVal < clusterLowVal) {
+                    clusterLowVal = thisVal;
+                    clusterLowPt = thisPt;
+                    clusterHighFirst = true;
+                }
+            }
+
+            // insert this cluster into pts
+            // we've already inserted the start pt, now check if we have high and low pts
+            if(clusterHighFirst) {
+                addPt(clusterHighPt);
+                if(clusterEndPt !== clusterLowPt) addPt(clusterLowPt);
+            } else {
+                if(clusterLowPt !== clusterStartPt) addPt(clusterLowPt);
+                if(clusterEndPt !== clusterHighPt) addPt(clusterHighPt);
+            }
+            // and finally insert the end pt
+            addPt(clusterEndPt);
+
+            // have we reached the end of this segment?
+            if(i >= d.length || !thisPt) break;
+
+            // otherwise we have an out-of-cluster point to insert as next clusterStartPt
+            addPt(thisPt);
+            clusterStartPt = thisPt;
+        }
+
+        // to get fills right - repeat what we did at the start
+        if(lastFarPt) updateEdge([lastXEdge || lastFarPt[0], lastYEdge || lastFarPt[1]]);
+
+        segments.push(pts.slice(0, pti));
+    }
+
+    return segments;
+};
+
+},{"../../constants/numerical":707,"../../lib":728,"./constants":1036}],1045:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+// common to 'scatter' and 'scatterternary'
+module.exports = function handleLineShapeDefaults(traceIn, traceOut, coerce) {
+    var shape = coerce('line.shape');
+    if(shape === 'spline') coerce('line.smoothing');
+};
+
+},{}],1046:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function linkTraces(gd, plotinfo, cdscatter) {
+    var cd, trace;
+    var prevtrace = null;
+
+    for(var i = 0; i < cdscatter.length; ++i) {
+        cd = cdscatter[i];
+        trace = cd[0].trace;
+
+        // Note: The check which ensures all cdscatter here are for the same axis and
+        // are either cartesian or scatterternary has been removed. This code assumes
+        // the passed scattertraces have been filtered to the proper plot types and
+        // the proper subplots.
+        if(trace.visible === true) {
+            trace._nexttrace = null;
+
+            if(['tonextx', 'tonexty', 'tonext'].indexOf(trace.fill) !== -1) {
+                trace._prevtrace = prevtrace;
+
+                if(prevtrace) {
+                    prevtrace._nexttrace = trace;
+                }
+            }
+
+            prevtrace = trace;
+        } else {
+            trace._prevtrace = trace._nexttrace = null;
+        }
+    }
+};
+
+},{}],1047:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+
+// used in the drawing step for 'scatter' and 'scattegeo' and
+// in the convert step for 'scatter3d'
+module.exports = function makeBubbleSizeFn(trace) {
+    var marker = trace.marker,
+        sizeRef = marker.sizeref || 1,
+        sizeMin = marker.sizemin || 0;
+
+    // for bubble charts, allow scaling the provided value linearly
+    // and by area or diameter.
+    // Note this only applies to the array-value sizes
+
+    var baseFn = (marker.sizemode === 'area') ?
+            function(v) { return Math.sqrt(v / sizeRef); } :
+            function(v) { return v / sizeRef; };
+
+    // TODO add support for position/negative bubbles?
+    // TODO add 'sizeoffset' attribute?
+    return function(v) {
+        var baseSize = baseFn(v / 2);
+
+        // don't show non-numeric and negative sizes
+        return (isNumeric(baseSize) && (baseSize > 0)) ?
+            Math.max(baseSize, sizeMin) :
+            0;
+    };
+};
+
+},{"fast-isnumeric":131}],1048:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Color = require('../../components/color');
+var hasColorscale = require('../../components/colorscale/has_colorscale');
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+
+var subTypes = require('./subtypes');
+
+/*
+ * opts: object of flags to control features not all marker users support
+ *   noLine: caller does not support marker lines
+ *   gradient: caller supports gradients
+ */
+module.exports = function markerDefaults(traceIn, traceOut, defaultColor, layout, coerce, opts) {
+    var isBubble = subTypes.isBubble(traceIn),
+        lineColor = (traceIn.line || {}).color,
+        defaultMLC;
+
+    opts = opts || {};
+
+    // marker.color inherit from line.color (even if line.color is an array)
+    if(lineColor) defaultColor = lineColor;
+
+    coerce('marker.symbol');
+    coerce('marker.opacity', isBubble ? 0.7 : 1);
+    coerce('marker.size');
+
+    coerce('marker.color', defaultColor);
+    if(hasColorscale(traceIn, 'marker')) {
+        colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'marker.', cLetter: 'c'});
+    }
+
+    if(!opts.noLine) {
+        // if there's a line with a different color than the marker, use
+        // that line color as the default marker line color
+        // (except when it's an array)
+        // mostly this is for transparent markers to behave nicely
+        if(lineColor && !Array.isArray(lineColor) && (traceOut.marker.color !== lineColor)) {
+            defaultMLC = lineColor;
+        }
+        else if(isBubble) defaultMLC = Color.background;
+        else defaultMLC = Color.defaultLine;
+
+        coerce('marker.line.color', defaultMLC);
+        if(hasColorscale(traceIn, 'marker.line')) {
+            colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'marker.line.', cLetter: 'c'});
+        }
+
+        coerce('marker.line.width', isBubble ? 1 : 0);
+    }
+
+    if(isBubble) {
+        coerce('marker.sizeref');
+        coerce('marker.sizemin');
+        coerce('marker.sizemode');
+    }
+
+    if(opts.gradient) {
+        var gradientType = coerce('marker.gradient.type');
+        if(gradientType !== 'none') {
+            coerce('marker.gradient.color');
+        }
+    }
+};
+
+},{"../../components/color":604,"../../components/colorscale/defaults":613,"../../components/colorscale/has_colorscale":617,"./subtypes":1052}],1049:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Lib = require('../../lib');
+var Drawing = require('../../components/drawing');
+var ErrorBars = require('../../components/errorbars');
+
+var subTypes = require('./subtypes');
+var linePoints = require('./line_points');
+var linkTraces = require('./link_traces');
+var polygonTester = require('../../lib/polygon').tester;
+
+module.exports = function plot(gd, plotinfo, cdscatter, transitionOpts, makeOnCompleteCallback) {
+    var i, uids, selection, join, onComplete;
+
+    var scatterlayer = plotinfo.plot.select('g.scatterlayer');
+
+    // If transition config is provided, then it is only a partial replot and traces not
+    // updated are removed.
+    var isFullReplot = !transitionOpts;
+    var hasTransition = !!transitionOpts && transitionOpts.duration > 0;
+
+    selection = scatterlayer.selectAll('g.trace');
+
+    join = selection.data(cdscatter, function(d) { return d[0].trace.uid; });
+
+    // Append new traces:
+    join.enter().append('g')
+        .attr('class', function(d) {
+            return 'trace scatter trace' + d[0].trace.uid;
+        })
+        .style('stroke-miterlimit', 2);
+
+    // After the elements are created but before they've been draw, we have to perform
+    // this extra step of linking the traces. This allows appending of fill layers so that
+    // the z-order of fill layers is correct.
+    linkTraces(gd, plotinfo, cdscatter);
+
+    createFills(gd, scatterlayer, plotinfo);
+
+    // Sort the traces, once created, so that the ordering is preserved even when traces
+    // are shown and hidden. This is needed since we're not just wiping everything out
+    // and recreating on every update.
+    for(i = 0, uids = {}; i < cdscatter.length; i++) {
+        uids[cdscatter[i][0].trace.uid] = i;
+    }
+
+    scatterlayer.selectAll('g.trace').sort(function(a, b) {
+        var idx1 = uids[a[0].trace.uid];
+        var idx2 = uids[b[0].trace.uid];
+        return idx1 > idx2 ? 1 : -1;
+    });
+
+    if(hasTransition) {
+        if(makeOnCompleteCallback) {
+            // If it was passed a callback to register completion, make a callback. If
+            // this is created, then it must be executed on completion, otherwise the
+            // pos-transition redraw will not execute:
+            onComplete = makeOnCompleteCallback();
+        }
+
+        var transition = d3.transition()
+            .duration(transitionOpts.duration)
+            .ease(transitionOpts.easing)
+            .each('end', function() {
+                onComplete && onComplete();
+            })
+            .each('interrupt', function() {
+                onComplete && onComplete();
+            });
+
+        transition.each(function() {
+            // Must run the selection again since otherwise enters/updates get grouped together
+            // and these get executed out of order. Except we need them in order!
+            scatterlayer.selectAll('g.trace').each(function(d, i) {
+                plotOne(gd, i, plotinfo, d, cdscatter, this, transitionOpts);
+            });
+        });
+    } else {
+        scatterlayer.selectAll('g.trace').each(function(d, i) {
+            plotOne(gd, i, plotinfo, d, cdscatter, this, transitionOpts);
+        });
+    }
+
+    if(isFullReplot) {
+        join.exit().remove();
+    }
+
+    // remove paths that didn't get used
+    scatterlayer.selectAll('path:not([d])').remove();
+};
+
+function createFills(gd, scatterlayer, plotinfo) {
+    var trace;
+
+    scatterlayer.selectAll('g.trace').each(function(d) {
+        var tr = d3.select(this);
+
+        // Loop only over the traces being redrawn:
+        trace = d[0].trace;
+
+        // make the fill-to-next path now for the NEXT trace, so it shows
+        // behind both lines.
+        if(trace._nexttrace) {
+            trace._nextFill = tr.select('.js-fill.js-tonext');
+            if(!trace._nextFill.size()) {
+
+                // If there is an existing tozero fill, we must insert this *after* that fill:
+                var loc = ':first-child';
+                if(tr.select('.js-fill.js-tozero').size()) {
+                    loc += ' + *';
+                }
+
+                trace._nextFill = tr.insert('path', loc).attr('class', 'js-fill js-tonext');
+            }
+        } else {
+            tr.selectAll('.js-fill.js-tonext').remove();
+            trace._nextFill = null;
+        }
+
+        if(trace.fill && (trace.fill.substr(0, 6) === 'tozero' || trace.fill === 'toself' ||
+                (trace.fill.substr(0, 2) === 'to' && !trace._prevtrace))) {
+            trace._ownFill = tr.select('.js-fill.js-tozero');
+            if(!trace._ownFill.size()) {
+                trace._ownFill = tr.insert('path', ':first-child').attr('class', 'js-fill js-tozero');
+            }
+        } else {
+            tr.selectAll('.js-fill.js-tozero').remove();
+            trace._ownFill = null;
+        }
+
+        tr.selectAll('.js-fill').call(Drawing.setClipUrl, plotinfo.layerClipId);
+    });
+}
+
+function plotOne(gd, idx, plotinfo, cdscatter, cdscatterAll, element, transitionOpts) {
+    var join, i;
+
+    // Since this has been reorganized and we're executing this on individual traces,
+    // we need to pass it the full list of cdscatter as well as this trace's index (idx)
+    // since it does an internal n^2 loop over comparisons with other traces:
+    selectMarkers(gd, idx, plotinfo, cdscatter, cdscatterAll);
+
+    var hasTransition = !!transitionOpts && transitionOpts.duration > 0;
+
+    function transition(selection) {
+        return hasTransition ? selection.transition() : selection;
+    }
+
+    var xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis;
+
+    var trace = cdscatter[0].trace,
+        line = trace.line,
+        tr = d3.select(element);
+
+    // (so error bars can find them along with bars)
+    // error bars are at the bottom
+    tr.call(ErrorBars.plot, plotinfo, transitionOpts);
+
+    if(trace.visible !== true) return;
+
+    transition(tr).style('opacity', trace.opacity);
+
+    // BUILD LINES AND FILLS
+    var ownFillEl3, tonext;
+    var ownFillDir = trace.fill.charAt(trace.fill.length - 1);
+    if(ownFillDir !== 'x' && ownFillDir !== 'y') ownFillDir = '';
+
+    // store node for tweaking by selectPoints
+    cdscatter[0].node3 = tr;
+
+    var prevRevpath = '';
+    var prevPolygons = [];
+    var prevtrace = trace._prevtrace;
+
+    if(prevtrace) {
+        prevRevpath = prevtrace._prevRevpath || '';
+        tonext = prevtrace._nextFill;
+        prevPolygons = prevtrace._polygons;
+    }
+
+    var thispath,
+        thisrevpath,
+        // fullpath is all paths for this curve, joined together straight
+        // across gaps, for filling
+        fullpath = '',
+        // revpath is fullpath reversed, for fill-to-next
+        revpath = '',
+        // functions for converting a point array to a path
+        pathfn, revpathbase, revpathfn,
+        // variables used before and after the data join
+        pt0, lastSegment, pt1, thisPolygons;
+
+    // initialize line join data / method
+    var segments = [],
+        makeUpdate = Lib.noop;
+
+    ownFillEl3 = trace._ownFill;
+
+    if(subTypes.hasLines(trace) || trace.fill !== 'none') {
+
+        if(tonext) {
+            // This tells .style which trace to use for fill information:
+            tonext.datum(cdscatter);
+        }
+
+        if(['hv', 'vh', 'hvh', 'vhv'].indexOf(line.shape) !== -1) {
+            pathfn = Drawing.steps(line.shape);
+            revpathbase = Drawing.steps(
+                line.shape.split('').reverse().join('')
+            );
+        }
+        else if(line.shape === 'spline') {
+            pathfn = revpathbase = function(pts) {
+                var pLast = pts[pts.length - 1];
+                if(pts.length > 1 && pts[0][0] === pLast[0] && pts[0][1] === pLast[1]) {
+                    // identical start and end points: treat it as a
+                    // closed curve so we don't get a kink
+                    return Drawing.smoothclosed(pts.slice(1), line.smoothing);
+                }
+                else {
+                    return Drawing.smoothopen(pts, line.smoothing);
+                }
+            };
+        }
+        else {
+            pathfn = revpathbase = function(pts) {
+                return 'M' + pts.join('L');
+            };
+        }
+
+        revpathfn = function(pts) {
+            // note: this is destructive (reverses pts in place) so can't use pts after this
+            return revpathbase(pts.reverse());
+        };
+
+        segments = linePoints(cdscatter, {
+            xaxis: xa,
+            yaxis: ya,
+            connectGaps: trace.connectgaps,
+            baseTolerance: Math.max(line.width || 1, 3) / 4,
+            shape: line.shape,
+            simplify: line.simplify
+        });
+
+        // since we already have the pixel segments here, use them to make
+        // polygons for hover on fill
+        // TODO: can we skip this if hoveron!=fills? That would mean we
+        // need to redraw when you change hoveron...
+        thisPolygons = trace._polygons = new Array(segments.length);
+        for(i = 0; i < segments.length; i++) {
+            trace._polygons[i] = polygonTester(segments[i]);
+        }
+
+        if(segments.length) {
+            pt0 = segments[0][0];
+            lastSegment = segments[segments.length - 1];
+            pt1 = lastSegment[lastSegment.length - 1];
+        }
+
+        makeUpdate = function(isEnter) {
+            return function(pts) {
+                thispath = pathfn(pts);
+                thisrevpath = revpathfn(pts);
+                if(!fullpath) {
+                    fullpath = thispath;
+                    revpath = thisrevpath;
+                }
+                else if(ownFillDir) {
+                    fullpath += 'L' + thispath.substr(1);
+                    revpath = thisrevpath + ('L' + revpath.substr(1));
+                }
+                else {
+                    fullpath += 'Z' + thispath;
+                    revpath = thisrevpath + 'Z' + revpath;
+                }
+
+                if(subTypes.hasLines(trace) && pts.length > 1) {
+                    var el = d3.select(this);
+
+                    // This makes the coloring work correctly:
+                    el.datum(cdscatter);
+
+                    if(isEnter) {
+                        transition(el.style('opacity', 0)
+                            .attr('d', thispath)
+                            .call(Drawing.lineGroupStyle))
+                                .style('opacity', 1);
+                    } else {
+                        var sel = transition(el);
+                        sel.attr('d', thispath);
+                        Drawing.singleLineStyle(cdscatter, sel);
+                    }
+                }
+            };
+        };
+    }
+
+    var lineJoin = tr.selectAll('.js-line').data(segments);
+
+    transition(lineJoin.exit())
+        .style('opacity', 0)
+        .remove();
+
+    lineJoin.each(makeUpdate(false));
+
+    lineJoin.enter().append('path')
+        .classed('js-line', true)
+        .style('vector-effect', 'non-scaling-stroke')
+        .call(Drawing.lineGroupStyle)
+        .each(makeUpdate(true));
+
+    Drawing.setClipUrl(lineJoin, plotinfo.layerClipId);
+
+    if(segments.length) {
+        if(ownFillEl3) {
+            if(pt0 && pt1) {
+                if(ownFillDir) {
+                    if(ownFillDir === 'y') {
+                        pt0[1] = pt1[1] = ya.c2p(0, true);
+                    }
+                    else if(ownFillDir === 'x') {
+                        pt0[0] = pt1[0] = xa.c2p(0, true);
+                    }
+
+                    // fill to zero: full trace path, plus extension of
+                    // the endpoints to the appropriate axis
+                    // For the sake of animations, wrap the points around so that
+                    // the points on the axes are the first two points. Otherwise
+                    // animations get a little crazy if the number of points changes.
+                    transition(ownFillEl3).attr('d', 'M' + pt1 + 'L' + pt0 + 'L' + fullpath.substr(1))
+                        .call(Drawing.singleFillStyle);
+                } else {
+                    // fill to self: just join the path to itself
+                    transition(ownFillEl3).attr('d', fullpath + 'Z')
+                        .call(Drawing.singleFillStyle);
+                }
+            }
+        }
+        else if(trace.fill.substr(0, 6) === 'tonext' && fullpath && prevRevpath) {
+            // fill to next: full trace path, plus the previous path reversed
+            if(trace.fill === 'tonext') {
+                // tonext: for use by concentric shapes, like manually constructed
+                // contours, we just add the two paths closed on themselves.
+                // This makes strange results if one path is *not* entirely
+                // inside the other, but then that is a strange usage.
+                transition(tonext).attr('d', fullpath + 'Z' + prevRevpath + 'Z')
+                    .call(Drawing.singleFillStyle);
+            }
+            else {
+                // tonextx/y: for now just connect endpoints with lines. This is
+                // the correct behavior if the endpoints are at the same value of
+                // y/x, but if they *aren't*, we should ideally do more complicated
+                // things depending on whether the new endpoint projects onto the
+                // existing curve or off the end of it
+                transition(tonext).attr('d', fullpath + 'L' + prevRevpath.substr(1) + 'Z')
+                    .call(Drawing.singleFillStyle);
+            }
+            trace._polygons = trace._polygons.concat(prevPolygons);
+        }
+        trace._prevRevpath = revpath;
+        trace._prevPolygons = thisPolygons;
+    }
+
+
+    function visFilter(d) {
+        return d.filter(function(v) { return v.vis; });
+    }
+
+    function keyFunc(d) {
+        return d.id;
+    }
+
+    // Returns a function if the trace is keyed, otherwise returns undefined
+    function getKeyFunc(trace) {
+        if(trace.ids) {
+            return keyFunc;
+        }
+    }
+
+    function hideFilter() {
+        return false;
+    }
+
+    function makePoints(d) {
+        var join, selection, hasNode;
+
+        var trace = d[0].trace,
+            s = d3.select(this),
+            showMarkers = subTypes.hasMarkers(trace),
+            showText = subTypes.hasText(trace);
+
+        var keyFunc = getKeyFunc(trace),
+            markerFilter = hideFilter,
+            textFilter = hideFilter;
+
+        if(showMarkers) {
+            markerFilter = (trace.marker.maxdisplayed || trace._needsCull) ? visFilter : Lib.identity;
+        }
+
+        if(showText) {
+            textFilter = (trace.marker.maxdisplayed || trace._needsCull) ? visFilter : Lib.identity;
+        }
+
+        // marker points
+
+        selection = s.selectAll('path.point');
+
+        join = selection.data(markerFilter, keyFunc);
+
+        var enter = join.enter().append('path')
+            .classed('point', true);
+
+        if(hasTransition) {
+            enter
+                .call(Drawing.pointStyle, trace, gd)
+                .call(Drawing.translatePoints, xa, ya)
+                .style('opacity', 0)
+                .transition()
+                .style('opacity', 1);
+        }
+
+        var markerScale = showMarkers && Drawing.tryColorscale(trace.marker, '');
+        var lineScale = showMarkers && Drawing.tryColorscale(trace.marker, 'line');
+
+        join.order();
+
+        join.each(function(d) {
+            var el = d3.select(this);
+            var sel = transition(el);
+            hasNode = Drawing.translatePoint(d, sel, xa, ya);
+
+            if(hasNode) {
+                Drawing.singlePointStyle(d, sel, trace, markerScale, lineScale, gd);
+
+                if(plotinfo.layerClipId) {
+                    Drawing.hideOutsideRangePoint(d, sel, xa, ya);
+                }
+
+                if(trace.customdata) {
+                    el.classed('plotly-customdata', d.data !== null && d.data !== undefined);
+                }
+            } else {
+                sel.remove();
+            }
+        });
+
+        if(hasTransition) {
+            join.exit().transition()
+                .style('opacity', 0)
+                .remove();
+        } else {
+            join.exit().remove();
+        }
+
+        // text points
+        selection = s.selectAll('g');
+        join = selection.data(textFilter, keyFunc);
+
+        // each text needs to go in its own 'g' in case
+        // it gets converted to mathjax
+        join.enter().append('g').classed('textpoint', true).append('text');
+
+        join.order();
+
+        join.each(function(d) {
+            var g = d3.select(this);
+            var sel = transition(g.select('text'));
+            hasNode = Drawing.translatePoint(d, sel, xa, ya);
+
+            if(hasNode) {
+                if(plotinfo.layerClipId) {
+                    Drawing.hideOutsideRangePoint(d, g, xa, ya);
+                }
+            } else {
+                g.remove();
+            }
+        });
+
+        join.selectAll('text')
+            .call(Drawing.textPointStyle, trace, gd)
+            .each(function(d) {
+                // This just *has* to be totally custom becuase of SVG text positioning :(
+                // It's obviously copied from translatePoint; we just can't use that
+                var x = xa.c2p(d.x);
+                var y = ya.c2p(d.y);
+
+                d3.select(this).selectAll('tspan.line').each(function() {
+                    transition(d3.select(this)).attr({x: x, y: y});
+                });
+            });
+
+        join.exit().remove();
+    }
+
+    // NB: selectAll is evaluated on instantiation:
+    var pointSelection = tr.selectAll('.points');
+
+    // Join with new data
+    join = pointSelection.data([cdscatter]);
+
+    // Transition existing, but don't defer this to an async .transition since
+    // there's no timing involved:
+    pointSelection.each(makePoints);
+
+    join.enter().append('g')
+        .classed('points', true)
+        .each(makePoints);
+
+    join.exit().remove();
+
+    // lastly, clip points groups of `cliponaxis !== false` traces
+    // on `plotinfo._hasClipOnAxisFalse === true` subplots
+    join.each(function(d) {
+        var hasClipOnAxisFalse = d[0].trace.cliponaxis === false;
+        Drawing.setClipUrl(d3.select(this), hasClipOnAxisFalse ? null : plotinfo.layerClipId);
+    });
+}
+
+function selectMarkers(gd, idx, plotinfo, cdscatter, cdscatterAll) {
+    var xa = plotinfo.xaxis,
+        ya = plotinfo.yaxis,
+        xr = d3.extent(Lib.simpleMap(xa.range, xa.r2c)),
+        yr = d3.extent(Lib.simpleMap(ya.range, ya.r2c));
+
+    var trace = cdscatter[0].trace;
+    if(!subTypes.hasMarkers(trace)) return;
+    // if marker.maxdisplayed is used, select a maximum of
+    // mnum markers to show, from the set that are in the viewport
+    var mnum = trace.marker.maxdisplayed;
+
+    // TODO: remove some as we get away from the viewport?
+    if(mnum === 0) return;
+
+    var cd = cdscatter.filter(function(v) {
+            return v.x >= xr[0] && v.x <= xr[1] && v.y >= yr[0] && v.y <= yr[1];
+        }),
+        inc = Math.ceil(cd.length / mnum),
+        tnum = 0;
+    cdscatterAll.forEach(function(cdj, j) {
+        var tracei = cdj[0].trace;
+        if(subTypes.hasMarkers(tracei) &&
+                tracei.marker.maxdisplayed > 0 && j < idx) {
+            tnum++;
+        }
+    });
+
+    // if multiple traces use maxdisplayed, stagger which markers we
+    // display this formula offsets successive traces by 1/3 of the
+    // increment, adding an extra small amount after each triplet so
+    // it's not quite periodic
+    var i0 = Math.round(tnum * inc / 3 + Math.floor(tnum / 3) * inc / 7.1);
+
+    // for error bars: save in cd which markers to show
+    // so we don't have to repeat this
+    cdscatter.forEach(function(v) { delete v.vis; });
+    cd.forEach(function(v, i) {
+        if(Math.round((i + i0) % inc) === 0) v.vis = true;
+    });
+}
+
+},{"../../components/drawing":628,"../../components/errorbars":634,"../../lib":728,"../../lib/polygon":739,"./line_points":1044,"./link_traces":1046,"./subtypes":1052,"d3":122}],1050:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var subtypes = require('./subtypes');
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd,
+        xa = searchInfo.xaxis,
+        ya = searchInfo.yaxis,
+        selection = [],
+        trace = cd[0].trace,
+        marker = trace.marker,
+        i,
+        di,
+        x,
+        y;
+
+    // TODO: include lines? that would require per-segment line properties
+    var hasOnlyLines = (!subtypes.hasMarkers(trace) && !subtypes.hasText(trace));
+    if(hasOnlyLines) return [];
+
+    var opacity = Array.isArray(marker.opacity) ? 1 : marker.opacity;
+
+    if(polygon === false) { // clear selection
+        for(i = 0; i < cd.length; i++) cd[i].dim = 0;
+    }
+    else {
+        for(i = 0; i < cd.length; i++) {
+            di = cd[i];
+            x = xa.c2p(di.x);
+            y = ya.c2p(di.y);
+
+            if(polygon.contains([x, y])) {
+                selection.push({
+                    pointNumber: i,
+                    x: di.x,
+                    y: di.y
+                });
+                di.dim = 0;
+            }
+            else di.dim = 1;
+        }
+    }
+
+    // do the dimming here, as well as returning the selection
+    // The logic here duplicates Drawing.pointStyle, but I don't want
+    // d.dim in pointStyle in case something goes wrong with selection.
+    cd[0].node3.selectAll('path.point')
+        .style('opacity', function(d) {
+            return ((d.mo + 1 || opacity + 1) - 1) * (d.dim ? DESELECTDIM : 1);
+        });
+    cd[0].node3.selectAll('text')
+        .style('opacity', function(d) {
+            return d.dim ? DESELECTDIM : 1;
+        });
+
+    return selection;
+};
+
+},{"../../constants/interactions":706,"./subtypes":1052}],1051:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Drawing = require('../../components/drawing');
+var ErrorBars = require('../../components/errorbars');
+
+
+module.exports = function style(gd) {
+    var s = d3.select(gd).selectAll('g.trace.scatter');
+
+    s.style('opacity', function(d) {
+        return d[0].trace.opacity;
+    });
+
+    s.selectAll('g.points')
+        .each(function(d) {
+            var el = d3.select(this);
+            var pts = el.selectAll('path.point');
+            var trace = d.trace || d[0].trace;
+
+            pts.call(Drawing.pointStyle, trace, gd);
+
+            el.selectAll('text')
+                .call(Drawing.textPointStyle, trace, gd);
+        });
+
+    s.selectAll('g.trace path.js-line')
+        .call(Drawing.lineGroupStyle);
+
+    s.selectAll('g.trace path.js-fill')
+        .call(Drawing.fillGroupStyle);
+
+    s.call(ErrorBars.style);
+};
+
+},{"../../components/drawing":628,"../../components/errorbars":634,"d3":122}],1052:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+module.exports = {
+    hasLines: function(trace) {
+        return trace.visible && trace.mode &&
+            trace.mode.indexOf('lines') !== -1;
+    },
+
+    hasMarkers: function(trace) {
+        return trace.visible && trace.mode &&
+            trace.mode.indexOf('markers') !== -1;
+    },
+
+    hasText: function(trace) {
+        return trace.visible && trace.mode &&
+            trace.mode.indexOf('text') !== -1;
+    },
+
+    isBubble: function(trace) {
+        return Lib.isPlainObject(trace.marker) &&
+            Array.isArray(trace.marker.size);
+    }
+};
+
+},{"../../lib":728}],1053:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+
+// common to 'scatter', 'scatter3d' and 'scattergeo'
+module.exports = function(traceIn, traceOut, layout, coerce) {
+    coerce('textposition');
+    Lib.coerceFont(coerce, 'textfont', layout.font);
+};
+
+},{"../../lib":728}],1054:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+
+
+module.exports = function handleXYDefaults(traceIn, traceOut, layout, coerce) {
+    var len,
+        x = coerce('x'),
+        y = coerce('y');
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y'], layout);
+
+    if(x) {
+        if(y) {
+            len = Math.min(x.length, y.length);
+            // TODO: not sure we should do this here... but I think
+            // the way it works in calc is wrong, because it'll delete data
+            // which could be a problem eg in streaming / editing if x and y
+            // come in at different times
+            // so we need to revisit calc before taking this out
+            if(len < x.length) traceOut.x = x.slice(0, len);
+            if(len < y.length) traceOut.y = y.slice(0, len);
+        }
+        else {
+            len = x.length;
+            coerce('y0');
+            coerce('dy');
+        }
+    }
+    else {
+        if(!y) return 0;
+
+        len = traceOut.y.length;
+        coerce('x0');
+        coerce('dx');
+    }
+    return len;
+};
+
+},{"../../registry":846}],1055:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var errorBarAttrs = require('../../components/errorbars/attributes');
+var DASHES = require('../../constants/gl3d_dashes');
+
+var MARKER_SYMBOLS = require('../../constants/gl3d_markers');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var scatterLineAttrs = scatterAttrs.line;
+var scatterMarkerAttrs = scatterAttrs.marker;
+var scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+function makeProjectionAttr(axLetter) {
+    return {
+        show: {
+            valType: 'boolean',
+            
+            dflt: false,
+            
+        },
+        opacity: {
+            valType: 'number',
+            
+            min: 0,
+            max: 1,
+            dflt: 1,
+            
+        },
+        scale: {
+            valType: 'number',
+            
+            min: 0,
+            max: 10,
+            dflt: 2 / 3,
+            
+        }
+    };
+}
+
+var attrs = module.exports = overrideAll({
+    x: scatterAttrs.x,
+    y: scatterAttrs.y,
+    z: {
+        valType: 'data_array',
+        
+    },
+
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    hovertext: extendFlat({}, scatterAttrs.hovertext, {
+        
+    }),
+
+    mode: extendFlat({}, scatterAttrs.mode,  // shouldn't this be on-par with 2D?
+        {dflt: 'lines+markers'}),
+    surfaceaxis: {
+        valType: 'enumerated',
+        
+        values: [-1, 0, 1, 2],
+        dflt: -1,
+        
+    },
+    surfacecolor: {
+        valType: 'color',
+        
+        
+    },
+    projection: {
+        x: makeProjectionAttr('x'),
+        y: makeProjectionAttr('y'),
+        z: makeProjectionAttr('z')
+    },
+    connectgaps: scatterAttrs.connectgaps,
+    line: extendFlat({
+        width: scatterLineAttrs.width,
+        dash: {
+            valType: 'enumerated',
+            values: Object.keys(DASHES),
+            dflt: 'solid',
+            
+            
+        },
+        showscale: {
+            valType: 'boolean',
+            
+            dflt: false,
+            
+        }
+    },
+        colorAttributes('line')
+    ),
+    marker: extendFlat({  // Parity with scatter.js?
+        symbol: {
+            valType: 'enumerated',
+            values: Object.keys(MARKER_SYMBOLS),
+            
+            dflt: 'circle',
+            arrayOk: true,
+            
+        },
+        size: extendFlat({}, scatterMarkerAttrs.size, {dflt: 8}),
+        sizeref: scatterMarkerAttrs.sizeref,
+        sizemin: scatterMarkerAttrs.sizemin,
+        sizemode: scatterMarkerAttrs.sizemode,
+        opacity: extendFlat({}, scatterMarkerAttrs.opacity, {
+            arrayOk: false,
+            
+        }),
+        showscale: scatterMarkerAttrs.showscale,
+        colorbar: scatterMarkerAttrs.colorbar,
+
+        line: extendFlat({
+            width: extendFlat({}, scatterMarkerLineAttrs.width, {arrayOk: false})
+        },
+            colorAttributes('marker.line')
+        )
+    },
+        colorAttributes('marker')
+    ),
+
+    textposition: extendFlat({}, scatterAttrs.textposition, {dflt: 'top center'}),
+    textfont: scatterAttrs.textfont,
+
+    error_x: errorBarAttrs,
+    error_y: errorBarAttrs,
+    error_z: errorBarAttrs,
+}, 'calc', 'nested');
+
+attrs.x.editType = attrs.y.editType = attrs.z.editType = 'calc+clearAxisTypes';
+
+},{"../../components/colorscale/color_attributes":611,"../../components/errorbars/attributes":630,"../../constants/gl3d_dashes":704,"../../constants/gl3d_markers":705,"../../lib/extend":717,"../../plot_api/edit_types":756,"../scatter/attributes":1031}],1056:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+var calcColorscales = require('../scatter/colorscale_calc');
+
+
+/**
+ * This is a kludge to put the array attributes into
+ * calcdata the way Scatter.plot does, so that legends and
+ * popovers know what to do with them.
+ */
+module.exports = function calc(gd, trace) {
+    var cd = [{x: false, y: false, trace: trace, t: {}}];
+
+    arraysToCalcdata(cd, trace);
+    calcColorscales(trace);
+
+    return cd;
+};
+
+},{"../scatter/arrays_to_calcdata":1030,"../scatter/colorscale_calc":1035}],1057:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var makeComputeError = require('../../components/errorbars/compute_error');
+
+
+function calculateAxisErrors(data, params, scaleFactor) {
+    if(!params || !params.visible) return null;
+
+    var computeError = makeComputeError(params);
+    var result = new Array(data.length);
+
+    for(var i = 0; i < data.length; i++) {
+        var errors = computeError(+data[i], i);
+
+        result[i] = [
+            -errors[0] * scaleFactor,
+            errors[1] * scaleFactor
+        ];
+    }
+
+    return result;
+}
+
+function dataLength(array) {
+    for(var i = 0; i < array.length; i++) {
+        if(array[i]) return array[i].length;
+    }
+    return 0;
+}
+
+function calculateErrors(data, scaleFactor) {
+    var errors = [
+        calculateAxisErrors(data.x, data.error_x, scaleFactor[0]),
+        calculateAxisErrors(data.y, data.error_y, scaleFactor[1]),
+        calculateAxisErrors(data.z, data.error_z, scaleFactor[2])
+    ];
+
+    var n = dataLength(errors);
+    if(n === 0) return null;
+
+    var errorBounds = new Array(n);
+
+    for(var i = 0; i < n; i++) {
+        var bound = [[0, 0, 0], [0, 0, 0]];
+
+        for(var j = 0; j < 3; j++) {
+            if(errors[j]) {
+                for(var k = 0; k < 2; k++) {
+                    bound[k][j] = errors[j][i][k];
+                }
+            }
+        }
+
+        errorBounds[i] = bound;
+    }
+
+    return errorBounds;
+}
+
+module.exports = calculateErrors;
+
+},{"../../components/errorbars/compute_error":632}],1058:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createLinePlot = require('gl-line3d');
+var createScatterPlot = require('gl-scatter3d');
+var createErrorBars = require('gl-error3d');
+var createMesh = require('gl-mesh3d');
+var triangulate = require('delaunay-triangulate');
+
+var Lib = require('../../lib');
+var str2RgbaArray = require('../../lib/str2rgbarray');
+var formatColor = require('../../lib/gl_format_color');
+var makeBubbleSizeFn = require('../scatter/make_bubble_size_func');
+var DASH_PATTERNS = require('../../constants/gl3d_dashes');
+var MARKER_SYMBOLS = require('../../constants/gl3d_markers');
+
+var calculateError = require('./calc_errors');
+
+function LineWithMarkers(scene, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.linePlot = null;
+    this.scatterPlot = null;
+    this.errorBars = null;
+    this.textMarkers = null;
+    this.delaunayMesh = null;
+    this.color = null;
+    this.mode = '';
+    this.dataPoints = [];
+    this.axesBounds = [
+        [-Infinity, -Infinity, -Infinity],
+        [Infinity, Infinity, Infinity]
+    ];
+    this.textLabels = null;
+    this.data = null;
+}
+
+var proto = LineWithMarkers.prototype;
+
+proto.handlePick = function(selection) {
+    if(selection.object &&
+        (selection.object === this.linePlot ||
+         selection.object === this.delaunayMesh ||
+         selection.object === this.textMarkers ||
+         selection.object === this.scatterPlot)) {
+        if(selection.object.highlight) {
+            selection.object.highlight(null);
+        }
+        if(this.scatterPlot) {
+            selection.object = this.scatterPlot;
+            this.scatterPlot.highlight(selection.data);
+        }
+        if(this.textLabels) {
+            if(this.textLabels[selection.data.index] !== undefined) {
+                selection.textLabel = this.textLabels[selection.data.index];
+            } else {
+                selection.textLabel = this.textLabels;
+            }
+        }
+        else selection.textLabel = '';
+
+        var selectIndex = selection.index = selection.data.index;
+        selection.traceCoordinate = [
+            this.data.x[selectIndex],
+            this.data.y[selectIndex],
+            this.data.z[selectIndex]
+        ];
+
+        return true;
+    }
+};
+
+function constructDelaunay(points, color, axis) {
+    var u = (axis + 1) % 3;
+    var v = (axis + 2) % 3;
+    var filteredPoints = [];
+    var filteredIds = [];
+    var i;
+
+    for(i = 0; i < points.length; ++i) {
+        var p = points[i];
+        if(isNaN(p[u]) || !isFinite(p[u]) ||
+           isNaN(p[v]) || !isFinite(p[v])) {
+            continue;
+        }
+        filteredPoints.push([p[u], p[v]]);
+        filteredIds.push(i);
+    }
+    var cells = triangulate(filteredPoints);
+    for(i = 0; i < cells.length; ++i) {
+        var c = cells[i];
+        for(var j = 0; j < c.length; ++j) {
+            c[j] = filteredIds[c[j]];
+        }
+    }
+    return {
+        positions: points,
+        cells: cells,
+        meshColor: color
+    };
+}
+
+function calculateErrorParams(errors) {
+    var capSize = [0.0, 0.0, 0.0],
+        color = [[0, 0, 0], [0, 0, 0], [0, 0, 0]],
+        lineWidth = [0.0, 0.0, 0.0];
+
+    for(var i = 0; i < 3; i++) {
+        var e = errors[i];
+
+        if(e && e.copy_zstyle !== false) e = errors[2];
+        if(!e) continue;
+
+        capSize[i] = e.width / 2;  // ballpark rescaling
+        color[i] = str2RgbaArray(e.color);
+        lineWidth = e.thickness;
+
+    }
+
+    return {capSize: capSize, color: color, lineWidth: lineWidth};
+}
+
+function calculateTextOffset(tp) {
+    // Read out text properties
+    var textOffset = [0, 0];
+    if(Array.isArray(tp)) return [0, -1];
+    if(tp.indexOf('bottom') >= 0) textOffset[1] += 1;
+    if(tp.indexOf('top') >= 0) textOffset[1] -= 1;
+    if(tp.indexOf('left') >= 0) textOffset[0] -= 1;
+    if(tp.indexOf('right') >= 0) textOffset[0] += 1;
+    return textOffset;
+}
+
+
+function calculateSize(sizeIn, sizeFn) {
+    // rough parity with Plotly 2D markers
+    return sizeFn(sizeIn * 4);
+}
+
+function calculateSymbol(symbolIn) {
+    return MARKER_SYMBOLS[symbolIn];
+}
+
+function formatParam(paramIn, len, calculate, dflt, extraFn) {
+    var paramOut = null;
+
+    if(Array.isArray(paramIn)) {
+        paramOut = [];
+
+        for(var i = 0; i < len; i++) {
+            if(paramIn[i] === undefined) paramOut[i] = dflt;
+            else paramOut[i] = calculate(paramIn[i], extraFn);
+        }
+
+    }
+    else paramOut = calculate(paramIn, Lib.identity);
+
+    return paramOut;
+}
+
+
+function convertPlotlyOptions(scene, data) {
+    var params, i,
+        points = [],
+        sceneLayout = scene.fullSceneLayout,
+        scaleFactor = scene.dataScale,
+        xaxis = sceneLayout.xaxis,
+        yaxis = sceneLayout.yaxis,
+        zaxis = sceneLayout.zaxis,
+        marker = data.marker,
+        line = data.line,
+        xc, x = data.x || [],
+        yc, y = data.y || [],
+        zc, z = data.z || [],
+        len = x.length,
+        xcalendar = data.xcalendar,
+        ycalendar = data.ycalendar,
+        zcalendar = data.zcalendar,
+        text;
+
+    // Convert points
+    for(i = 0; i < len; i++) {
+        // sanitize numbers and apply transforms based on axes.type
+        xc = xaxis.d2l(x[i], 0, xcalendar) * scaleFactor[0];
+        yc = yaxis.d2l(y[i], 0, ycalendar) * scaleFactor[1];
+        zc = zaxis.d2l(z[i], 0, zcalendar) * scaleFactor[2];
+
+        points[i] = [xc, yc, zc];
+    }
+
+    // convert text
+    if(Array.isArray(data.text)) text = data.text;
+    else if(data.text !== undefined) {
+        text = new Array(len);
+        for(i = 0; i < len; i++) text[i] = data.text;
+    }
+
+    // Build object parameters
+    params = {
+        position: points,
+        mode: data.mode,
+        text: text
+    };
+
+    if('line' in data) {
+        params.lineColor = formatColor(line, 1, len);
+        params.lineWidth = line.width;
+        params.lineDashes = line.dash;
+    }
+
+    if('marker' in data) {
+        var sizeFn = makeBubbleSizeFn(data);
+
+        params.scatterColor = formatColor(marker, 1, len);
+        params.scatterSize = formatParam(marker.size, len, calculateSize, 20, sizeFn);
+        params.scatterMarker = formatParam(marker.symbol, len, calculateSymbol, '●');
+        params.scatterLineWidth = marker.line.width;  // arrayOk === false
+        params.scatterLineColor = formatColor(marker.line, 1, len);
+        params.scatterAngle = 0;
+    }
+
+    if('textposition' in data) {
+        params.textOffset = calculateTextOffset(data.textposition);  // arrayOk === false
+        params.textColor = formatColor(data.textfont, 1, len);
+        params.textSize = formatParam(data.textfont.size, len, Lib.identity, 12);
+        params.textFont = data.textfont.family;  // arrayOk === false
+        params.textAngle = 0;
+    }
+
+    var dims = ['x', 'y', 'z'];
+    params.project = [false, false, false];
+    params.projectScale = [1, 1, 1];
+    params.projectOpacity = [1, 1, 1];
+    for(i = 0; i < 3; ++i) {
+        var projection = data.projection[dims[i]];
+        if((params.project[i] = projection.show)) {
+            params.projectOpacity[i] = projection.opacity;
+            params.projectScale[i] = projection.scale;
+        }
+    }
+
+    params.errorBounds = calculateError(data, scaleFactor);
+
+    var errorParams = calculateErrorParams([data.error_x, data.error_y, data.error_z]);
+    params.errorColor = errorParams.color;
+    params.errorLineWidth = errorParams.lineWidth;
+    params.errorCapSize = errorParams.capSize;
+
+    params.delaunayAxis = data.surfaceaxis;
+    params.delaunayColor = str2RgbaArray(data.surfacecolor);
+
+    return params;
+}
+
+function arrayToColor(color) {
+    if(Array.isArray(color)) {
+        var c = color[0];
+
+        if(Array.isArray(c)) color = c;
+
+        return 'rgb(' + color.slice(0, 3).map(function(x) {
+            return Math.round(x * 255);
+        }) + ')';
+    }
+
+    return null;
+}
+
+proto.update = function(data) {
+    var gl = this.scene.glplot.gl,
+        lineOptions,
+        scatterOptions,
+        errorOptions,
+        textOptions,
+        dashPattern = DASH_PATTERNS.solid;
+
+    // Save data
+    this.data = data;
+
+    // Run data conversion
+    var options = convertPlotlyOptions(this.scene, data);
+
+    if('mode' in options) {
+        this.mode = options.mode;
+    }
+    if('lineDashes' in options) {
+        if(options.lineDashes in DASH_PATTERNS) {
+            dashPattern = DASH_PATTERNS[options.lineDashes];
+        }
+    }
+
+    this.color = arrayToColor(options.scatterColor) ||
+                 arrayToColor(options.lineColor);
+
+    // Save data points
+    this.dataPoints = options.position;
+
+    lineOptions = {
+        gl: gl,
+        position: options.position,
+        color: options.lineColor,
+        lineWidth: options.lineWidth || 1,
+        dashes: dashPattern[0],
+        dashScale: dashPattern[1],
+        opacity: data.opacity,
+        connectGaps: data.connectgaps
+    };
+
+    if(this.mode.indexOf('lines') !== -1) {
+        if(this.linePlot) this.linePlot.update(lineOptions);
+        else {
+            this.linePlot = createLinePlot(lineOptions);
+            this.linePlot._trace = this;
+            this.scene.glplot.add(this.linePlot);
+        }
+    } else if(this.linePlot) {
+        this.scene.glplot.remove(this.linePlot);
+        this.linePlot.dispose();
+        this.linePlot = null;
+    }
+
+    // N.B. marker.opacity must be a scalar for performance
+    var scatterOpacity = data.opacity;
+    if(data.marker && data.marker.opacity) scatterOpacity *= data.marker.opacity;
+
+    scatterOptions = {
+        gl: gl,
+        position: options.position,
+        color: options.scatterColor,
+        size: options.scatterSize,
+        glyph: options.scatterMarker,
+        opacity: scatterOpacity,
+        orthographic: true,
+        lineWidth: options.scatterLineWidth,
+        lineColor: options.scatterLineColor,
+        project: options.project,
+        projectScale: options.projectScale,
+        projectOpacity: options.projectOpacity
+    };
+
+    if(this.mode.indexOf('markers') !== -1) {
+        if(this.scatterPlot) this.scatterPlot.update(scatterOptions);
+        else {
+            this.scatterPlot = createScatterPlot(scatterOptions);
+            this.scatterPlot._trace = this;
+            this.scatterPlot.highlightScale = 1;
+            this.scene.glplot.add(this.scatterPlot);
+        }
+    } else if(this.scatterPlot) {
+        this.scene.glplot.remove(this.scatterPlot);
+        this.scatterPlot.dispose();
+        this.scatterPlot = null;
+    }
+
+    textOptions = {
+        gl: gl,
+        position: options.position,
+        glyph: options.text,
+        color: options.textColor,
+        size: options.textSize,
+        angle: options.textAngle,
+        alignment: options.textOffset,
+        font: options.textFont,
+        orthographic: true,
+        lineWidth: 0,
+        project: false,
+        opacity: data.opacity
+    };
+
+    this.textLabels = data.hovertext || data.text;
+
+    if(this.mode.indexOf('text') !== -1) {
+        if(this.textMarkers) this.textMarkers.update(textOptions);
+        else {
+            this.textMarkers = createScatterPlot(textOptions);
+            this.textMarkers._trace = this;
+            this.textMarkers.highlightScale = 1;
+            this.scene.glplot.add(this.textMarkers);
+        }
+    } else if(this.textMarkers) {
+        this.scene.glplot.remove(this.textMarkers);
+        this.textMarkers.dispose();
+        this.textMarkers = null;
+    }
+
+    errorOptions = {
+        gl: gl,
+        position: options.position,
+        color: options.errorColor,
+        error: options.errorBounds,
+        lineWidth: options.errorLineWidth,
+        capSize: options.errorCapSize,
+        opacity: data.opacity
+    };
+    if(this.errorBars) {
+        if(options.errorBounds) {
+            this.errorBars.update(errorOptions);
+        } else {
+            this.scene.glplot.remove(this.errorBars);
+            this.errorBars.dispose();
+            this.errorBars = null;
+        }
+    } else if(options.errorBounds) {
+        this.errorBars = createErrorBars(errorOptions);
+        this.errorBars._trace = this;
+        this.scene.glplot.add(this.errorBars);
+    }
+
+    if(options.delaunayAxis >= 0) {
+        var delaunayOptions = constructDelaunay(
+            options.position,
+            options.delaunayColor,
+            options.delaunayAxis
+        );
+        delaunayOptions.opacity = data.opacity;
+
+        if(this.delaunayMesh) {
+            this.delaunayMesh.update(delaunayOptions);
+        } else {
+            delaunayOptions.gl = gl;
+            this.delaunayMesh = createMesh(delaunayOptions);
+            this.delaunayMesh._trace = this;
+            this.scene.glplot.add(this.delaunayMesh);
+        }
+    } else if(this.delaunayMesh) {
+        this.scene.glplot.remove(this.delaunayMesh);
+        this.delaunayMesh.dispose();
+        this.delaunayMesh = null;
+    }
+};
+
+proto.dispose = function() {
+    if(this.linePlot) {
+        this.scene.glplot.remove(this.linePlot);
+        this.linePlot.dispose();
+    }
+    if(this.scatterPlot) {
+        this.scene.glplot.remove(this.scatterPlot);
+        this.scatterPlot.dispose();
+    }
+    if(this.errorBars) {
+        this.scene.glplot.remove(this.errorBars);
+        this.errorBars.dispose();
+    }
+    if(this.textMarkers) {
+        this.scene.glplot.remove(this.textMarkers);
+        this.textMarkers.dispose();
+    }
+    if(this.delaunayMesh) {
+        this.scene.glplot.remove(this.delaunayMesh);
+        this.delaunayMesh.dispose();
+    }
+};
+
+function createLineWithMarkers(scene, data) {
+    var plot = new LineWithMarkers(scene, data.uid);
+    plot.update(data);
+    return plot;
+}
+
+module.exports = createLineWithMarkers;
+
+},{"../../constants/gl3d_dashes":704,"../../constants/gl3d_markers":705,"../../lib":728,"../../lib/gl_format_color":724,"../../lib/str2rgbarray":749,"../scatter/make_bubble_size_func":1047,"./calc_errors":1057,"delaunay-triangulate":123,"gl-error3d":161,"gl-line3d":172,"gl-mesh3d":205,"gl-scatter3d":251}],1059:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+
+var subTypes = require('../scatter/subtypes');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleTextDefaults = require('../scatter/text_defaults');
+var errorBarsSupplyDefaults = require('../../components/errorbars/defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleXYZDefaults(traceIn, traceOut, coerce, layout);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('hovertext');
+    coerce('mode');
+
+    if(subTypes.hasLines(traceOut)) {
+        coerce('connectgaps');
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    var lineColor = (traceOut.line || {}).color,
+        markerColor = (traceOut.marker || {}).color;
+    if(coerce('surfaceaxis') >= 0) coerce('surfacecolor', lineColor || markerColor);
+
+    var dims = ['x', 'y', 'z'];
+    for(var i = 0; i < 3; ++i) {
+        var projection = 'projection.' + dims[i];
+        if(coerce(projection + '.show')) {
+            coerce(projection + '.opacity');
+            coerce(projection + '.scale');
+        }
+    }
+
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'z'});
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'y', inherit: 'z'});
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'x', inherit: 'z'});
+};
+
+function handleXYZDefaults(traceIn, traceOut, coerce, layout) {
+    var len = 0,
+        x = coerce('x'),
+        y = coerce('y'),
+        z = coerce('z');
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y', 'z'], layout);
+
+    if(x && y && z) {
+        len = Math.min(x.length, y.length, z.length);
+        if(len < x.length) traceOut.x = x.slice(0, len);
+        if(len < y.length) traceOut.y = y.slice(0, len);
+        if(len < z.length) traceOut.z = z.slice(0, len);
+    }
+
+    return len;
+}
+
+},{"../../components/errorbars/defaults":633,"../../lib":728,"../../registry":846,"../scatter/line_defaults":1043,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1055}],1060:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Scatter3D = {};
+
+Scatter3D.plot = require('./convert');
+Scatter3D.attributes = require('./attributes');
+Scatter3D.markerSymbols = require('../../constants/gl3d_markers');
+Scatter3D.supplyDefaults = require('./defaults');
+Scatter3D.colorbar = require('../scatter/colorbar');
+Scatter3D.calc = require('./calc');
+
+Scatter3D.moduleType = 'trace';
+Scatter3D.name = 'scatter3d';
+Scatter3D.basePlotModule = require('../../plots/gl3d');
+Scatter3D.categories = ['gl3d', 'symbols', 'markerColorscale', 'showLegend'];
+Scatter3D.meta = {
+    
+    
+};
+
+module.exports = Scatter3D;
+
+},{"../../constants/gl3d_markers":705,"../../plots/gl3d":811,"../scatter/colorbar":1034,"./attributes":1055,"./calc":1056,"./convert":1058,"./defaults":1059}],1061:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var plotAttrs = require('../../plots/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var scatterMarkerAttrs = scatterAttrs.marker,
+    scatterLineAttrs = scatterAttrs.line,
+    scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+module.exports = {
+    carpet: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    a: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    b: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    mode: extendFlat({}, scatterAttrs.mode, {dflt: 'markers'}),
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    line: {
+        color: scatterLineAttrs.color,
+        width: scatterLineAttrs.width,
+        dash: scatterLineAttrs.dash,
+        shape: extendFlat({}, scatterLineAttrs.shape,
+            {values: ['linear', 'spline']}),
+        smoothing: scatterLineAttrs.smoothing,
+        editType: 'calc'
+    },
+    connectgaps: scatterAttrs.connectgaps,
+    fill: extendFlat({}, scatterAttrs.fill, {
+        values: ['none', 'toself', 'tonext'],
+        
+    }),
+    fillcolor: scatterAttrs.fillcolor,
+    marker: extendFlat({
+        symbol: scatterMarkerAttrs.symbol,
+        opacity: scatterMarkerAttrs.opacity,
+        maxdisplayed: scatterMarkerAttrs.maxdisplayed,
+        size: scatterMarkerAttrs.size,
+        sizeref: scatterMarkerAttrs.sizeref,
+        sizemin: scatterMarkerAttrs.sizemin,
+        sizemode: scatterMarkerAttrs.sizemode,
+        line: extendFlat({
+            width: scatterMarkerLineAttrs.width,
+            editType: 'calc'
+        },
+            colorAttributes('marker'.line)
+        ),
+        gradient: scatterMarkerAttrs.gradient,
+        editType: 'calc'
+    }, colorAttributes('marker'), {
+        showscale: scatterMarkerAttrs.showscale,
+        colorbar: colorbarAttrs
+    }),
+
+    textfont: scatterAttrs.textfont,
+    textposition: scatterAttrs.textposition,
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['a', 'b', 'text', 'name']
+    }),
+    hoveron: scatterAttrs.hoveron,
+};
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/color_attributes":611,"../../lib/extend":717,"../../plots/attributes":770,"../scatter/attributes":1031}],1062:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Axes = require('../../plots/cartesian/axes');
+
+var subTypes = require('../scatter/subtypes');
+var calcColorscale = require('../scatter/colorscale_calc');
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+var lookupCarpet = require('../carpet/lookup_carpetid');
+
+module.exports = function calc(gd, trace) {
+    var carpet = trace.carpetTrace = lookupCarpet(gd, trace);
+    if(!carpet || !carpet.visible || carpet.visible === 'legendonly') return;
+    var i;
+
+    // Transfer this over from carpet before plotting since this is a necessary
+    // condition in order for cartesian to actually plot this trace:
+    trace.xaxis = carpet.xaxis;
+    trace.yaxis = carpet.yaxis;
+
+    // make the calcdata array
+    var serieslen = trace.a.length;
+    var cd = new Array(serieslen);
+    var a, b;
+    var needsCull = false;
+    for(i = 0; i < serieslen; i++) {
+        a = trace.a[i];
+        b = trace.b[i];
+        if(isNumeric(a) && isNumeric(b)) {
+            var xy = carpet.ab2xy(+a, +b, true);
+            var visible = carpet.isVisible(+a, +b);
+            if(!visible) needsCull = true;
+            cd[i] = {x: xy[0], y: xy[1], a: a, b: b, vis: visible};
+        }
+        else cd[i] = {x: false, y: false};
+    }
+
+    trace._needsCull = needsCull;
+
+    cd[0].carpet = carpet;
+    cd[0].trace = trace;
+
+    // fill in some extras
+    var marker, s;
+    if(subTypes.hasMarkers(trace)) {
+        // Treat size like x or y arrays --- Run d2c
+        // this needs to go before ppad computation
+        marker = trace.marker;
+        s = marker.size;
+
+        if(Array.isArray(s)) {
+            var ax = {type: 'linear'};
+            Axes.setConvert(ax);
+            s = ax.makeCalcdata(trace.marker, 'size');
+            if(s.length > serieslen) s.splice(serieslen, s.length - serieslen);
+        }
+    }
+
+    calcColorscale(trace);
+
+    arraysToCalcdata(cd, trace);
+
+    return cd;
+};
+
+},{"../../plots/cartesian/axes":772,"../carpet/lookup_carpetid":903,"../scatter/arrays_to_calcdata":1030,"../scatter/colorscale_calc":1035,"../scatter/subtypes":1052,"fast-isnumeric":131}],1063:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var constants = require('../scatter/constants');
+var subTypes = require('../scatter/subtypes');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleLineShapeDefaults = require('../scatter/line_shape_defaults');
+var handleTextDefaults = require('../scatter/text_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    coerce('carpet');
+
+    // XXX: Don't hard code this
+    traceOut.xaxis = 'x';
+    traceOut.yaxis = 'y';
+
+    var a = coerce('a'),
+        b = coerce('b'),
+        len;
+
+    len = Math.min(a.length, b.length);
+
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    // cut all data arrays down to same length
+    if(a && len < a.length) traceOut.a = a.slice(0, len);
+    if(b && len < b.length) traceOut.b = b.slice(0, len);
+
+    coerce('text');
+
+    var defaultMode = len < constants.PTS_LINESONLY ? 'lines+markers' : 'lines';
+    coerce('mode', defaultMode);
+
+    if(subTypes.hasLines(traceOut)) {
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+        handleLineShapeDefaults(traceIn, traceOut, coerce);
+        coerce('connectgaps');
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {gradient: true});
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    var dfltHoverOn = [];
+
+    if(subTypes.hasMarkers(traceOut) || subTypes.hasText(traceOut)) {
+        coerce('marker.maxdisplayed');
+        dfltHoverOn.push('points');
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+        if(!subTypes.hasLines(traceOut)) handleLineShapeDefaults(traceIn, traceOut, coerce);
+    }
+
+    if(traceOut.fill === 'tonext' || traceOut.fill === 'toself') {
+        dfltHoverOn.push('fills');
+    }
+    coerce('hoveron', dfltHoverOn.join('+') || 'points');
+};
+
+},{"../../lib":728,"../scatter/constants":1036,"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/line_shape_defaults":1045,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1061}],1064:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterHover = require('../scatter/hover');
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    var scatterPointData = scatterHover(pointData, xval, yval, hovermode);
+    if(!scatterPointData || scatterPointData[0].index === false) return;
+
+    var newPointData = scatterPointData[0];
+
+    // if hovering on a fill, we don't show any point data so the label is
+    // unchanged from what scatter gives us - except that it needs to
+    // be constrained to the trianglular plot area, not just the rectangular
+    // area defined by the synthetic x and y axes
+    // TODO: in some cases the vertical middle of the shape is not within
+    // the triangular viewport at all, so the label can become disconnected
+    // from the shape entirely. But calculating what portion of the shape
+    // is actually visible, as constrained by the diagonal axis lines, is not
+    // so easy and anyway we lost the information we would have needed to do
+    // this inside scatterHover.
+    if(newPointData.index === undefined) {
+        var yFracUp = 1 - (newPointData.y0 / pointData.ya._length),
+            xLen = pointData.xa._length,
+            xMin = xLen * yFracUp / 2,
+            xMax = xLen - xMin;
+        newPointData.x0 = Math.max(Math.min(newPointData.x0, xMax), xMin);
+        newPointData.x1 = Math.max(Math.min(newPointData.x1, xMax), xMin);
+        return scatterPointData;
+    }
+
+    var cdi = newPointData.cd[newPointData.index];
+
+    newPointData.a = cdi.a;
+    newPointData.b = cdi.b;
+
+    newPointData.xLabelVal = undefined;
+    newPointData.yLabelVal = undefined;
+    // TODO: nice formatting, and label by axis title, for a, b, and c?
+
+    var trace = newPointData.trace;
+    var carpet = trace._carpet;
+    var hoverinfo = cdi.hi || trace.hoverinfo;
+    var parts = hoverinfo.split('+');
+    var text = [];
+
+    function textPart(ax, val) {
+        var prefix;
+
+        if(ax.labelprefix && ax.labelprefix.length > 0) {
+            prefix = ax.labelprefix.replace(/ = $/, '');
+        } else {
+            prefix = ax._hovertitle;
+        }
+
+        text.push(prefix + ': ' + val.toFixed(3) + ax.labelsuffix);
+    }
+
+    if(parts.indexOf('all') !== -1) parts = ['a', 'b'];
+    if(parts.indexOf('a') !== -1) textPart(carpet.aaxis, cdi.a);
+    if(parts.indexOf('b') !== -1) textPart(carpet.baxis, cdi.b);
+
+    var ij = carpet.ab2ij([cdi.a, cdi.b]);
+    var i0 = Math.floor(ij[0]);
+    var ti = ij[0] - i0;
+
+    var j0 = Math.floor(ij[1]);
+    var tj = ij[1] - j0;
+
+    var xy = carpet.evalxy([], i0, j0, ti, tj);
+    text.push('y: ' + xy[1].toFixed(3));
+
+    newPointData.extraText = text.join('<br>');
+
+    return scatterPointData;
+};
+
+},{"../scatter/hover":1041}],1065:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ScatterCarpet = {};
+
+ScatterCarpet.attributes = require('./attributes');
+ScatterCarpet.supplyDefaults = require('./defaults');
+ScatterCarpet.colorbar = require('../scatter/colorbar');
+ScatterCarpet.calc = require('./calc');
+ScatterCarpet.plot = require('./plot');
+ScatterCarpet.style = require('./style');
+ScatterCarpet.hoverPoints = require('./hover');
+ScatterCarpet.selectPoints = require('./select');
+
+ScatterCarpet.moduleType = 'trace';
+ScatterCarpet.name = 'scattercarpet';
+ScatterCarpet.basePlotModule = require('../../plots/cartesian');
+ScatterCarpet.categories = ['carpet', 'symbols', 'markerColorscale', 'showLegend', 'carpetDependent'];
+ScatterCarpet.meta = {
+    
+    
+};
+
+module.exports = ScatterCarpet;
+
+},{"../../plots/cartesian":782,"../scatter/colorbar":1034,"./attributes":1061,"./calc":1062,"./defaults":1063,"./hover":1064,"./plot":1066,"./select":1067,"./style":1068}],1066:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterPlot = require('../scatter/plot');
+var Axes = require('../../plots/cartesian/axes');
+var Drawing = require('../../components/drawing');
+
+module.exports = function plot(gd, plotinfoproxy, data) {
+    var i, trace, node;
+
+    var carpet = data[0][0].carpet;
+
+    // mimic cartesian plotinfo
+    var plotinfo = {
+        xaxis: Axes.getFromId(gd, carpet.xaxis || 'x'),
+        yaxis: Axes.getFromId(gd, carpet.yaxis || 'y'),
+        plot: plotinfoproxy.plot
+    };
+
+    scatterPlot(gd, plotinfo, data);
+
+    for(i = 0; i < data.length; i++) {
+        trace = data[i][0].trace;
+
+        // Note: .select is adequate but seems to mutate the node data,
+        // which is at least a bit suprising and causes problems elsewhere
+        node = plotinfo.plot.selectAll('g.trace' + trace.uid + ' .js-line');
+
+        // Note: it would be more efficient if this didn't need to be applied
+        // separately to all scattercarpet traces, but that would require
+        // lots of reorganization of scatter traces that is otherwise not
+        // necessary. That makes this a potential optimization.
+        Drawing.setClipUrl(node, carpet._clipPathId);
+    }
+};
+
+},{"../../components/drawing":628,"../../plots/cartesian/axes":772,"../scatter/plot":1049}],1067:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterSelect = require('../scatter/select');
+
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var selection = scatterSelect(searchInfo, polygon);
+    if(!selection) return;
+
+    var cd = searchInfo.cd,
+        pt, cdi, i;
+
+    for(i = 0; i < selection.length; i++) {
+        pt = selection[i];
+        cdi = cd[pt.pointNumber];
+        pt.a = cdi.a;
+        pt.b = cdi.b;
+        pt.c = cdi.c;
+        delete pt.x;
+        delete pt.y;
+    }
+
+    return selection;
+};
+
+},{"../scatter/select":1050}],1068:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterStyle = require('../scatter/style');
+
+
+module.exports = function style(gd) {
+    var modules = gd._fullLayout._modules;
+
+    // we're just going to call scatter style... if we already
+    // called it, don't need to redo.
+    // Later though we may want differences, or we may make style
+    // more specific in its scope, then we can remove this.
+    for(var i = 0; i < modules.length; i++) {
+        if(modules[i].name === 'scatter') return;
+    }
+
+    scatterStyle(gd);
+};
+
+},{"../scatter/style":1051}],1069:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var plotAttrs = require('../../plots/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var dash = require('../../components/drawing/attributes').dash;
+
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var scatterMarkerAttrs = scatterAttrs.marker,
+    scatterLineAttrs = scatterAttrs.line,
+    scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+module.exports = overrideAll({
+    lon: {
+        valType: 'data_array',
+        
+    },
+    lat: {
+        valType: 'data_array',
+        
+    },
+
+    locations: {
+        valType: 'data_array',
+        
+    },
+    locationmode: {
+        valType: 'enumerated',
+        values: ['ISO-3', 'USA-states', 'country names'],
+        
+        dflt: 'ISO-3',
+        
+    },
+
+    mode: extendFlat({}, scatterAttrs.mode, {dflt: 'markers'}),
+
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    hovertext: extendFlat({}, scatterAttrs.hovertext, {
+        
+    }),
+
+    textfont: scatterAttrs.textfont,
+    textposition: scatterAttrs.textposition,
+
+    line: {
+        color: scatterLineAttrs.color,
+        width: scatterLineAttrs.width,
+        dash: dash
+    },
+    connectgaps: scatterAttrs.connectgaps,
+
+    marker: extendFlat({
+        symbol: scatterMarkerAttrs.symbol,
+        opacity: scatterMarkerAttrs.opacity,
+        size: scatterMarkerAttrs.size,
+        sizeref: scatterMarkerAttrs.sizeref,
+        sizemin: scatterMarkerAttrs.sizemin,
+        sizemode: scatterMarkerAttrs.sizemode,
+        showscale: scatterMarkerAttrs.showscale,
+        colorbar: scatterMarkerAttrs.colorbar,
+        line: extendFlat({
+            width: scatterMarkerLineAttrs.width
+        },
+            colorAttributes('marker.line')
+        ),
+        gradient: scatterMarkerAttrs.gradient
+    },
+        colorAttributes('marker')
+    ),
+
+    fill: {
+        valType: 'enumerated',
+        values: ['none', 'toself'],
+        dflt: 'none',
+        
+        
+    },
+    fillcolor: scatterAttrs.fillcolor,
+
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['lon', 'lat', 'location', 'text', 'name']
+    })
+}, 'calc', 'nested');
+
+},{"../../components/colorscale/color_attributes":611,"../../components/drawing/attributes":627,"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/attributes":770,"../scatter/attributes":1031}],1070:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+var calcMarkerColorscale = require('../scatter/colorscale_calc');
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+
+module.exports = function calc(gd, trace) {
+    var hasLocationData = Array.isArray(trace.locations);
+    var len = hasLocationData ? trace.locations.length : trace.lon.length;
+    var calcTrace = new Array(len);
+
+    for(var i = 0; i < len; i++) {
+        var calcPt = calcTrace[i] = {};
+
+        if(hasLocationData) {
+            var loc = trace.locations[i];
+            calcPt.loc = typeof loc === 'string' ? loc : null;
+        } else {
+            var lon = trace.lon[i];
+            var lat = trace.lat[i];
+
+            if(isNumeric(lon) && isNumeric(lat)) calcPt.lonlat = [+lon, +lat];
+            else calcPt.lonlat = [BADNUM, BADNUM];
+        }
+    }
+
+    arraysToCalcdata(calcTrace, trace);
+    calcMarkerColorscale(trace);
+
+    return calcTrace;
+};
+
+},{"../../constants/numerical":707,"../scatter/arrays_to_calcdata":1030,"../scatter/colorscale_calc":1035,"fast-isnumeric":131}],1071:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var subTypes = require('../scatter/subtypes');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleTextDefaults = require('../scatter/text_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleLonLatLocDefaults(traceIn, traceOut, coerce);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('hovertext');
+    coerce('mode');
+
+    if(subTypes.hasLines(traceOut)) {
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+        coerce('connectgaps');
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {gradient: true});
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+    }
+};
+
+function handleLonLatLocDefaults(traceIn, traceOut, coerce) {
+    var len = 0,
+        locations = coerce('locations');
+
+    var lon, lat;
+
+    if(locations) {
+        coerce('locationmode');
+        len = locations.length;
+        return len;
+    }
+
+    lon = coerce('lon') || [];
+    lat = coerce('lat') || [];
+    len = Math.min(lon.length, lat.length);
+
+    if(len < lon.length) traceOut.lon = lon.slice(0, len);
+    if(len < lat.length) traceOut.lat = lat.slice(0, len);
+
+    return len;
+}
+
+},{"../../lib":728,"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1069}],1072:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = function eventData(out, pt) {
+    out.lon = pt.lon;
+    out.lat = pt.lat;
+    out.location = pt.loc ? pt.loc : null;
+
+    return out;
+};
+
+},{}],1073:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Fx = require('../../components/fx');
+var Axes = require('../../plots/cartesian/axes');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+var getTraceColor = require('../scatter/get_trace_color');
+var fillHoverText = require('../scatter/fill_hover_text');
+var attributes = require('./attributes');
+
+module.exports = function hoverPoints(pointData, xval, yval) {
+    var cd = pointData.cd;
+    var trace = cd[0].trace;
+    var xa = pointData.xa;
+    var ya = pointData.ya;
+    var geo = pointData.subplot;
+
+    var isLonLatOverEdges = geo.projection.isLonLatOverEdges;
+    var project = geo.project;
+
+    function distFn(d) {
+        var lonlat = d.lonlat;
+
+        if(lonlat[0] === BADNUM) return Infinity;
+        if(isLonLatOverEdges(lonlat)) return Infinity;
+
+        var pt = project(lonlat);
+        var px = project([xval, yval]);
+        var dx = Math.abs(pt[0] - px[0]);
+        var dy = Math.abs(pt[1] - px[1]);
+        var rad = Math.max(3, d.mrc || 0);
+
+        // N.B. d.mrc is the calculated marker radius
+        // which is only set for trace with 'markers' mode.
+
+        return Math.max(Math.sqrt(dx * dx + dy * dy) - rad, 1 - 3 / rad);
+    }
+
+    Fx.getClosest(cd, distFn, pointData);
+
+    // skip the rest (for this trace) if we didn't find a close point
+    if(pointData.index === false) return;
+
+    var di = cd[pointData.index];
+    var lonlat = di.lonlat;
+    var pos = [xa.c2p(lonlat), ya.c2p(lonlat)];
+    var rad = di.mrc || 1;
+
+    pointData.x0 = pos[0] - rad;
+    pointData.x1 = pos[0] + rad;
+    pointData.y0 = pos[1] - rad;
+    pointData.y1 = pos[1] + rad;
+
+    pointData.loc = di.loc;
+    pointData.lon = lonlat[0];
+    pointData.lat = lonlat[1];
+
+    pointData.color = getTraceColor(trace, di);
+    pointData.extraText = getExtraText(trace, di, geo.mockAxis);
+
+    return [pointData];
+};
+
+function getExtraText(trace, pt, axis) {
+    var hoverinfo = pt.hi || trace.hoverinfo;
+
+    var parts = hoverinfo === 'all' ?
+        attributes.hoverinfo.flags :
+        hoverinfo.split('+');
+
+    var hasLocation = parts.indexOf('location') !== -1 && Array.isArray(trace.locations);
+    var hasLon = (parts.indexOf('lon') !== -1);
+    var hasLat = (parts.indexOf('lat') !== -1);
+    var hasText = (parts.indexOf('text') !== -1);
+    var text = [];
+
+    function format(val) {
+        return Axes.tickText(axis, axis.c2l(val), 'hover').text + '\u00B0';
+    }
+
+    if(hasLocation) {
+        text.push(pt.loc);
+    } else if(hasLon && hasLat) {
+        text.push('(' + format(pt.lonlat[0]) + ', ' + format(pt.lonlat[1]) + ')');
+    } else if(hasLon) {
+        text.push('lon: ' + format(pt.lonlat[0]));
+    } else if(hasLat) {
+        text.push('lat: ' + format(pt.lonlat[1]));
+    }
+
+    if(hasText) {
+        fillHoverText(pt, trace, text);
+    }
+
+    return text.join('<br>');
+}
+
+},{"../../components/fx":645,"../../constants/numerical":707,"../../plots/cartesian/axes":772,"../scatter/fill_hover_text":1038,"../scatter/get_trace_color":1040,"./attributes":1069}],1074:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var ScatterGeo = {};
+
+ScatterGeo.attributes = require('./attributes');
+ScatterGeo.supplyDefaults = require('./defaults');
+ScatterGeo.colorbar = require('../scatter/colorbar');
+ScatterGeo.calc = require('./calc');
+ScatterGeo.plot = require('./plot');
+ScatterGeo.hoverPoints = require('./hover');
+ScatterGeo.eventData = require('./event_data');
+ScatterGeo.selectPoints = require('./select');
+
+ScatterGeo.moduleType = 'trace';
+ScatterGeo.name = 'scattergeo';
+ScatterGeo.basePlotModule = require('../../plots/geo');
+ScatterGeo.categories = ['geo', 'symbols', 'markerColorscale', 'showLegend', 'scatter-like'];
+ScatterGeo.meta = {
+    
+    
+};
+
+module.exports = ScatterGeo;
+
+},{"../../plots/geo":800,"../scatter/colorbar":1034,"./attributes":1069,"./calc":1070,"./defaults":1071,"./event_data":1072,"./hover":1073,"./plot":1075,"./select":1076}],1075:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var d3 = require('d3');
+
+var Drawing = require('../../components/drawing');
+var Color = require('../../components/color');
+
+var Lib = require('../../lib');
+var BADNUM = require('../../constants/numerical').BADNUM;
+var getTopojsonFeatures = require('../../lib/topojson_utils').getTopojsonFeatures;
+var locationToFeature = require('../../lib/geo_location_utils').locationToFeature;
+var geoJsonUtils = require('../../lib/geojson_utils');
+var subTypes = require('../scatter/subtypes');
+
+module.exports = function plot(geo, calcData) {
+    for(var i = 0; i < calcData.length; i++) {
+        calcGeoJSON(calcData[i], geo.topojson);
+    }
+
+    function keyFunc(d) { return d[0].trace.uid; }
+
+    function removeBADNUM(d, node) {
+        if(d.lonlat[0] === BADNUM) {
+            d3.select(node).remove();
+        }
+    }
+
+    var gTraces = geo.layers.frontplot.select('.scatterlayer')
+        .selectAll('g.trace.scattergeo')
+        .data(calcData, keyFunc);
+
+    gTraces.enter().append('g')
+        .attr('class', 'trace scattergeo');
+
+    gTraces.exit().remove();
+
+    // TODO find a way to order the inner nodes on update
+    gTraces.selectAll('*').remove();
+
+    gTraces.each(function(calcTrace) {
+        var s = calcTrace[0].node3 = d3.select(this);
+        var trace = calcTrace[0].trace;
+
+        if(subTypes.hasLines(trace) || trace.fill !== 'none') {
+            var lineCoords = geoJsonUtils.calcTraceToLineCoords(calcTrace);
+
+            var lineData = (trace.fill !== 'none') ?
+                geoJsonUtils.makePolygon(lineCoords) :
+                geoJsonUtils.makeLine(lineCoords);
+
+            s.selectAll('path.js-line')
+                .data([{geojson: lineData, trace: trace}])
+              .enter().append('path')
+                .classed('js-line', true)
+                .style('stroke-miterlimit', 2);
+        }
+
+        if(subTypes.hasMarkers(trace)) {
+            s.selectAll('path.point')
+                .data(Lib.identity)
+             .enter().append('path')
+                .classed('point', true)
+                .each(function(calcPt) { removeBADNUM(calcPt, this); });
+        }
+
+        if(subTypes.hasText(trace)) {
+            s.selectAll('g')
+                .data(Lib.identity)
+              .enter().append('g')
+                .append('text')
+                .each(function(calcPt) { removeBADNUM(calcPt, this); });
+        }
+    });
+
+    // call style here within topojson request callback
+    style(geo);
+};
+
+function calcGeoJSON(calcTrace, topojson) {
+    var trace = calcTrace[0].trace;
+
+    if(!Array.isArray(trace.locations)) return;
+
+    var features = getTopojsonFeatures(trace, topojson);
+    var locationmode = trace.locationmode;
+
+    for(var i = 0; i < calcTrace.length; i++) {
+        var calcPt = calcTrace[i];
+        var feature = locationToFeature(locationmode, calcPt.loc, features);
+
+        calcPt.lonlat = feature ? feature.properties.ct : [BADNUM, BADNUM];
+    }
+}
+
+function style(geo) {
+    var gTraces = geo.layers.frontplot.selectAll('.trace.scattergeo');
+
+    gTraces.style('opacity', function(calcTrace) {
+        return calcTrace[0].trace.opacity;
+    });
+
+    gTraces.each(function(calcTrace) {
+        var trace = calcTrace[0].trace;
+        var group = d3.select(this);
+
+        group.selectAll('path.point')
+            .call(Drawing.pointStyle, trace, geo.graphDiv);
+        group.selectAll('text')
+            .call(Drawing.textPointStyle, trace, geo.graphDiv);
+    });
+
+    // this part is incompatible with Drawing.lineGroupStyle
+    gTraces.selectAll('path.js-line')
+        .style('fill', 'none')
+        .each(function(d) {
+            var path = d3.select(this);
+            var trace = d.trace;
+            var line = trace.line || {};
+
+            path.call(Color.stroke, line.color)
+                .call(Drawing.dashLine, line.dash || '', line.width || 0);
+
+            if(trace.fill !== 'none') {
+                path.call(Color.fill, trace.fillcolor);
+            }
+        });
+}
+
+},{"../../components/color":604,"../../components/drawing":628,"../../constants/numerical":707,"../../lib":728,"../../lib/geo_location_utils":720,"../../lib/geojson_utils":721,"../../lib/topojson_utils":753,"../scatter/subtypes":1052,"d3":122}],1076:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var subtypes = require('../scatter/subtypes');
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd;
+    var xa = searchInfo.xaxis;
+    var ya = searchInfo.yaxis;
+    var selection = [];
+    var trace = cd[0].trace;
+    var node3 = cd[0].node3;
+
+    var di, lonlat, x, y, i;
+
+    var hasOnlyLines = (!subtypes.hasMarkers(trace) && !subtypes.hasText(trace));
+    if(hasOnlyLines) return [];
+
+    var marker = trace.marker;
+    var opacity = Array.isArray(marker.opacity) ? 1 : marker.opacity;
+
+    if(polygon === false) {
+        for(i = 0; i < cd.length; i++) {
+            cd[i].dim = 0;
+        }
+    } else {
+        for(i = 0; i < cd.length; i++) {
+            di = cd[i];
+            lonlat = di.lonlat;
+            x = xa.c2p(lonlat);
+            y = ya.c2p(lonlat);
+
+            if(polygon.contains([x, y])) {
+                selection.push({
+                    pointNumber: i,
+                    lon: lonlat[0],
+                    lat: lonlat[1]
+                });
+                di.dim = 0;
+            } else {
+                di.dim = 1;
+            }
+        }
+    }
+
+    node3.selectAll('path.point').style('opacity', function(d) {
+        return ((d.mo + 1 || opacity + 1) - 1) * (d.dim ? DESELECTDIM : 1);
+    });
+
+    node3.selectAll('text').style('opacity', function(d) {
+        return d.dim ? DESELECTDIM : 1;
+    });
+
+    return selection;
+};
+
+},{"../../constants/interactions":706,"../scatter/subtypes":1052}],1077:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+
+var DASHES = require('../../constants/gl2d_dashes');
+var MARKERS = require('../../constants/gl2d_markers');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var scatterLineAttrs = scatterAttrs.line,
+    scatterMarkerAttrs = scatterAttrs.marker,
+    scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+var attrs = module.exports = overrideAll({
+    x: scatterAttrs.x,
+    x0: scatterAttrs.x0,
+    dx: scatterAttrs.dx,
+    y: scatterAttrs.y,
+    y0: scatterAttrs.y0,
+    dy: scatterAttrs.dy,
+
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    mode: {
+        valType: 'flaglist',
+        flags: ['lines', 'markers'],
+        extras: ['none'],
+        
+        
+    },
+    line: {
+        color: scatterLineAttrs.color,
+        width: scatterLineAttrs.width,
+        dash: {
+            valType: 'enumerated',
+            values: Object.keys(DASHES),
+            dflt: 'solid',
+            
+            
+        }
+    },
+    marker: extendFlat({}, colorAttributes('marker'), {
+        symbol: {
+            valType: 'enumerated',
+            values: Object.keys(MARKERS),
+            dflt: 'circle',
+            arrayOk: true,
+            
+            
+        },
+        size: scatterMarkerAttrs.size,
+        sizeref: scatterMarkerAttrs.sizeref,
+        sizemin: scatterMarkerAttrs.sizemin,
+        sizemode: scatterMarkerAttrs.sizemode,
+        opacity: scatterMarkerAttrs.opacity,
+        showscale: scatterMarkerAttrs.showscale,
+        colorbar: scatterMarkerAttrs.colorbar,
+        line: extendFlat({}, colorAttributes('marker.line'), {
+            width: scatterMarkerLineAttrs.width
+        })
+    }),
+    connectgaps: scatterAttrs.connectgaps,
+    fill: extendFlat({}, scatterAttrs.fill, {
+        values: ['none', 'tozeroy', 'tozerox']
+    }),
+    fillcolor: scatterAttrs.fillcolor,
+
+    error_y: scatterAttrs.error_y,
+    error_x: scatterAttrs.error_x
+}, 'calc', 'nested');
+
+attrs.x.editType = attrs.y.editType = attrs.x0.editType = attrs.y0.editType = 'calc+clearAxisTypes';
+
+},{"../../components/colorscale/color_attributes":611,"../../constants/gl2d_dashes":702,"../../constants/gl2d_markers":703,"../../lib/extend":717,"../../plot_api/edit_types":756,"../scatter/attributes":1031}],1078:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+var calcColorscales = require('../scatter/colorscale_calc');
+
+module.exports = function calc(gd, trace) {
+    var dragmode = gd._fullLayout.dragmode;
+    var cd;
+
+    if(dragmode === 'lasso' || dragmode === 'select') {
+        var xa = Axes.getFromId(gd, trace.xaxis || 'x');
+        var ya = Axes.getFromId(gd, trace.yaxis || 'y');
+
+        var x = xa.makeCalcdata(trace, 'x');
+        var y = ya.makeCalcdata(trace, 'y');
+
+        var serieslen = Math.min(x.length, y.length), i;
+
+        // create the "calculated data" to plot
+        cd = new Array(serieslen);
+
+        for(i = 0; i < serieslen; i++) {
+            cd[i] = {x: x[i], y: y[i]};
+        }
+    } else {
+        cd = [{x: false, y: false, trace: trace, t: {}}];
+        arraysToCalcdata(cd, trace);
+    }
+
+    calcColorscales(trace);
+
+    return cd;
+};
+
+},{"../../plots/cartesian/axes":772,"../scatter/arrays_to_calcdata":1030,"../scatter/colorscale_calc":1035}],1079:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createScatter = require('gl-scatter2d');
+var createFancyScatter = require('gl-scatter2d-sdf');
+var createLine = require('gl-line2d');
+var createError = require('gl-error2d');
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+var autoType = require('../../plots/cartesian/axis_autotype');
+var ErrorBars = require('../../components/errorbars');
+var str2RGBArray = require('../../lib/str2rgbarray');
+var truncate = require('../../lib/typed_array_truncate');
+var formatColor = require('../../lib/gl_format_color');
+var subTypes = require('../scatter/subtypes');
+var makeBubbleSizeFn = require('../scatter/make_bubble_size_func');
+var getTraceColor = require('../scatter/get_trace_color');
+var MARKER_SYMBOLS = require('../../constants/gl2d_markers');
+var DASHES = require('../../constants/gl2d_dashes');
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+var AXES = ['xaxis', 'yaxis'];
+var TRANSPARENT = [0, 0, 0, 0];
+
+function LineWithMarkers(scene, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.type = 'scattergl';
+
+    this.pickXData = [];
+    this.pickYData = [];
+    this.xData = [];
+    this.yData = [];
+    this.textLabels = [];
+    this.color = 'rgb(0, 0, 0)';
+    this.name = '';
+    this.hoverinfo = 'all';
+    this.connectgaps = true;
+
+    this.index = null;
+    this.idToIndex = [];
+    this.bounds = [0, 0, 0, 0];
+
+    this.isVisible = false;
+    this.hasLines = false;
+    this.hasErrorX = false;
+    this.hasErrorY = false;
+    this.hasMarkers = false;
+
+    this.line = this.initObject(createLine, {
+        positions: new Float64Array(0),
+        color: [0, 0, 0, 1],
+        width: 1,
+        fill: [false, false, false, false],
+        fillColor: [
+            [0, 0, 0, 1],
+            [0, 0, 0, 1],
+            [0, 0, 0, 1],
+            [0, 0, 0, 1]],
+        dashes: [1],
+    }, 0);
+
+    this.errorX = this.initObject(createError, {
+        positions: new Float64Array(0),
+        errors: new Float64Array(0),
+        lineWidth: 1,
+        capSize: 0,
+        color: [0, 0, 0, 1]
+    }, 1);
+
+    this.errorY = this.initObject(createError, {
+        positions: new Float64Array(0),
+        errors: new Float64Array(0),
+        lineWidth: 1,
+        capSize: 0,
+        color: [0, 0, 0, 1]
+    }, 2);
+
+    var scatterOptions0 = {
+        positions: new Float64Array(0),
+        sizes: [],
+        colors: [],
+        glyphs: [],
+        borderWidths: [],
+        borderColors: [],
+        size: 12,
+        color: [0, 0, 0, 1],
+        borderSize: 1,
+        borderColor: [0, 0, 0, 1],
+        snapPoints: true
+    };
+    var scatterOptions1 = Lib.extendFlat({}, scatterOptions0, {snapPoints: false});
+
+    this.scatter = this.initObject(createScatter, scatterOptions0, 3);
+    this.fancyScatter = this.initObject(createFancyScatter, scatterOptions0, 4);
+    this.selectScatter = this.initObject(createScatter, scatterOptions1, 5);
+}
+
+var proto = LineWithMarkers.prototype;
+
+proto.initObject = function(createFn, options, objIndex) {
+    var _this = this;
+    var glplot = _this.scene.glplot;
+    var options0 = Lib.extendFlat({}, options);
+    var obj = null;
+
+    function update() {
+        if(!obj) {
+            obj = createFn(glplot, options);
+            obj._trace = _this;
+            obj._index = objIndex;
+        }
+        obj.update(options);
+    }
+
+    function clear() {
+        if(obj) obj.update(options0);
+    }
+
+    function dispose() {
+        if(obj) obj.dispose();
+    }
+
+    return {
+        options: options,
+        update: update,
+        clear: clear,
+        dispose: dispose
+    };
+};
+
+proto.handlePick = function(pickResult) {
+    var index = pickResult.pointId;
+
+    if(pickResult.object !== this.line || this.connectgaps) {
+        index = this.idToIndex[pickResult.pointId];
+    }
+
+    var x = this.pickXData[index];
+
+    return {
+        trace: this,
+        dataCoord: pickResult.dataCoord,
+        traceCoord: [
+            isNumeric(x) || !Lib.isDateTime(x) ? x : Lib.dateTime2ms(x),
+            this.pickYData[index]
+        ],
+        textLabel: Array.isArray(this.textLabels) ?
+            this.textLabels[index] :
+            this.textLabels,
+        color: Array.isArray(this.color) ?
+            this.color[index] :
+            this.color,
+        name: this.name,
+        pointIndex: index,
+        hoverinfo: this.hoverinfo
+    };
+};
+
+// check if trace is fancy
+proto.isFancy = function(options) {
+    if(this.scene.xaxis.type !== 'linear' && this.scene.xaxis.type !== 'date') return true;
+    if(this.scene.yaxis.type !== 'linear') return true;
+
+    if(!options.x || !options.y) return true;
+
+    if(this.hasMarkers) {
+        var marker = options.marker || {};
+
+        if(Array.isArray(marker.symbol) ||
+             marker.symbol !== 'circle' ||
+             Array.isArray(marker.size) ||
+             Array.isArray(marker.color) ||
+             Array.isArray(marker.line.width) ||
+             Array.isArray(marker.line.color) ||
+             Array.isArray(marker.opacity)
+        ) return true;
+    }
+
+    if(this.hasLines && !this.connectgaps) return true;
+
+    if(this.hasErrorX) return true;
+    if(this.hasErrorY) return true;
+
+    return false;
+};
+
+// handle the situation where values can be array-like or not array like
+function convertArray(convert, data, count) {
+    if(!Array.isArray(data)) data = [data];
+
+    return _convertArray(convert, data, count);
+}
+
+function _convertArray(convert, data, count) {
+    var result = new Array(count),
+        data0 = data[0];
+
+    for(var i = 0; i < count; ++i) {
+        result[i] = (i >= data.length) ?
+            convert(data0) :
+            convert(data[i]);
+    }
+
+    return result;
+}
+
+var convertNumber = convertArray.bind(null, function(x) { return +x; });
+var convertColorBase = convertArray.bind(null, str2RGBArray);
+var convertSymbol = convertArray.bind(null, function(x) {
+    return MARKER_SYMBOLS[x] ? x : 'circle';
+});
+
+function convertColor(color, opacity, count) {
+    return _convertColor(
+        convertColorBase(color, count),
+        convertNumber(opacity, count),
+        count
+    );
+}
+
+function convertColorScale(containerIn, markerOpacity, traceOpacity, count) {
+    var colors = formatColor(containerIn, markerOpacity, count);
+
+    colors = Array.isArray(colors[0]) ?
+        colors :
+        _convertArray(Lib.identity, [colors], count);
+
+    return _convertColor(
+        colors,
+        convertNumber(traceOpacity, count),
+        count
+    );
+}
+
+function _convertColor(colors, opacities, count) {
+    var result = new Array(4 * count);
+
+    for(var i = 0; i < count; ++i) {
+        for(var j = 0; j < 3; ++j) result[4 * i + j] = colors[i][j];
+
+        result[4 * i + 3] = colors[i][3] * opacities[i];
+    }
+
+    return result;
+}
+
+function isSymbolOpen(symbol) {
+    return symbol.split('-open')[1] === '';
+}
+
+function fillColor(colorIn, colorOut, offsetIn, offsetOut, isDimmed) {
+    var dim = isDimmed ? DESELECTDIM : 1;
+    var j;
+
+    for(j = 0; j < 3; j++) {
+        colorIn[4 * offsetIn + j] = colorOut[4 * offsetOut + j];
+    }
+    colorIn[4 * offsetIn + j] = dim * colorOut[4 * offsetOut + j];
+}
+
+proto.update = function(options, cdscatter) {
+    if(options.visible !== true) {
+        this.isVisible = false;
+        this.hasLines = false;
+        this.hasErrorX = false;
+        this.hasErrorY = false;
+        this.hasMarkers = false;
+    }
+    else {
+        this.isVisible = true;
+        this.hasLines = subTypes.hasLines(options);
+        this.hasErrorX = options.error_x.visible === true;
+        this.hasErrorY = options.error_y.visible === true;
+        this.hasMarkers = subTypes.hasMarkers(options);
+    }
+
+    this.textLabels = options.text;
+    this.name = options.name;
+    this.hoverinfo = options.hoverinfo;
+    this.bounds = [Infinity, Infinity, -Infinity, -Infinity];
+    this.connectgaps = !!options.connectgaps;
+
+    if(!this.isVisible) {
+        this.line.clear();
+        this.errorX.clear();
+        this.errorY.clear();
+        this.scatter.clear();
+        this.fancyScatter.clear();
+    }
+    else if(this.isFancy(options)) {
+        this.updateFancy(options);
+    }
+    else {
+        this.updateFast(options);
+    }
+
+    // sort objects so that order is preserve on updates:
+    // - lines
+    // - errorX
+    // - errorY
+    // - markers
+    this.scene.glplot.objects.sort(function(a, b) {
+        return a._index - b._index;
+    });
+
+    // set trace index so that scene2d can sort object per traces
+    this.index = options.index;
+
+    // not quite on-par with 'scatter', but close enough for now
+    // does not handle the colorscale case
+    this.color = getTraceColor(options, {});
+
+    // provide reference for selecting points
+    if(cdscatter && cdscatter[0] && !cdscatter[0]._glTrace) {
+        cdscatter[0]._glTrace = this;
+    }
+};
+
+// We'd ideally know that all values are of fast types; sampling gives no certainty but faster
+//     (for the future, typed arrays can guarantee it, and Date values can be done with
+//      representing the epoch milliseconds in a typed array;
+//      also, perhaps the Python / R interfaces take care of String->Date conversions
+//      such that there's no need to check for string dates in plotly.js)
+// Patterned from axis_autotype.js:moreDates
+// Code DRYing is not done to preserve the most direct compilation possible for speed;
+// also, there are quite a few differences
+function allFastTypesLikely(a) {
+    var len = a.length,
+        inc = Math.max(1, (len - 1) / Math.min(Math.max(len, 1), 1000)),
+        ai;
+
+    for(var i = 0; i < len; i += inc) {
+        ai = a[Math.floor(i)];
+        if(!isNumeric(ai) && !(ai instanceof Date)) {
+            return false;
+        }
+    }
+
+    return true;
+}
+
+proto.updateFast = function(options) {
+    var x = this.xData = this.pickXData = options.x;
+    var y = this.yData = this.pickYData = options.y;
+
+    var len = x.length,
+        idToIndex = new Array(len),
+        positions = new Float64Array(2 * len),
+        bounds = this.bounds,
+        pId = 0,
+        ptr = 0,
+        selection = options.selection,
+        i, selPositions, l;
+
+    var xx, yy;
+
+    var xcalendar = options.xcalendar;
+
+    var fastType = allFastTypesLikely(x);
+    var isDateTime = !fastType && autoType(x, xcalendar) === 'date';
+
+    // TODO add 'very fast' mode that bypasses this loop
+    // TODO bypass this on modebar +/- zoom
+    if(fastType || isDateTime) {
+
+        for(i = 0; i < len; ++i) {
+            xx = x[i];
+            yy = y[i];
+
+            if(isNumeric(yy)) {
+
+                if(!fastType) {
+                    xx = Lib.dateTime2ms(xx, xcalendar);
+                }
+
+                positions[ptr++] = xx;
+                positions[ptr++] = yy;
+
+                idToIndex[pId++] = i;
+
+                bounds[0] = Math.min(bounds[0], xx);
+                bounds[1] = Math.min(bounds[1], yy);
+                bounds[2] = Math.max(bounds[2], xx);
+                bounds[3] = Math.max(bounds[3], yy);
+            }
+        }
+    }
+
+    positions = truncate(positions, ptr);
+    this.idToIndex = idToIndex;
+
+    // form selected set
+    if(selection && selection.length) {
+        selPositions = new Float64Array(2 * selection.length);
+
+        for(i = 0, l = selection.length; i < l; i++) {
+            selPositions[i * 2 + 0] = selection[i].x;
+            selPositions[i * 2 + 1] = selection[i].y;
+        }
+    }
+
+    this.updateLines(options, positions);
+    this.updateError('X', options);
+    this.updateError('Y', options);
+
+    var markerSize;
+
+    if(this.hasMarkers) {
+        var markerColor, borderColor, opacity;
+
+        // if we have selPositions array - means we have to render all points transparent, and selected points opaque
+        if(selPositions) {
+            this.scatter.options.positions = null;
+
+            markerColor = str2RGBArray(options.marker.color);
+            borderColor = str2RGBArray(options.marker.line.color);
+            opacity = (options.opacity) * (options.marker.opacity) * DESELECTDIM;
+
+            markerColor[3] *= opacity;
+            this.scatter.options.color = markerColor;
+
+            borderColor[3] *= opacity;
+            this.scatter.options.borderColor = borderColor;
+
+            markerSize = options.marker.size;
+            this.scatter.options.size = markerSize;
+            this.scatter.options.borderSize = options.marker.line.width;
+
+            this.scatter.update();
+            this.scatter.options.positions = positions;
+
+
+            this.selectScatter.options.positions = selPositions;
+
+            markerColor = str2RGBArray(options.marker.color);
+            borderColor = str2RGBArray(options.marker.line.color);
+            opacity = (options.opacity) * (options.marker.opacity);
+
+            markerColor[3] *= opacity;
+            this.selectScatter.options.color = markerColor;
+
+            borderColor[3] *= opacity;
+            this.selectScatter.options.borderColor = borderColor;
+
+            markerSize = options.marker.size;
+            this.selectScatter.options.size = markerSize;
+            this.selectScatter.options.borderSize = options.marker.line.width;
+
+            this.selectScatter.update();
+        }
+
+        else {
+            this.scatter.options.positions = positions;
+
+            markerColor = str2RGBArray(options.marker.color);
+            borderColor = str2RGBArray(options.marker.line.color);
+            opacity = (options.opacity) * (options.marker.opacity);
+            markerColor[3] *= opacity;
+            this.scatter.options.color = markerColor;
+
+            borderColor[3] *= opacity;
+            this.scatter.options.borderColor = borderColor;
+
+            markerSize = options.marker.size;
+            this.scatter.options.size = markerSize;
+            this.scatter.options.borderSize = options.marker.line.width;
+
+            this.scatter.update();
+        }
+
+    }
+    else {
+        this.scatter.clear();
+    }
+
+    // turn off fancy scatter plot
+    this.fancyScatter.clear();
+
+    // add item for autorange routine
+    this.expandAxesFast(bounds, markerSize);
+};
+
+proto.updateFancy = function(options) {
+    var scene = this.scene,
+        xaxis = scene.xaxis,
+        yaxis = scene.yaxis,
+        bounds = this.bounds,
+        selection = options.selection;
+
+    // makeCalcdata runs d2c (data-to-coordinate) on every point
+    var x = this.pickXData = xaxis.makeCalcdata(options, 'x').slice();
+    var y = this.pickYData = yaxis.makeCalcdata(options, 'y').slice();
+
+    this.xData = x.slice();
+    this.yData = y.slice();
+
+    // get error values
+    var errorVals = ErrorBars.calcFromTrace(options, scene.fullLayout);
+
+    var len = x.length,
+        idToIndex = new Array(len),
+        positions = new Float64Array(2 * len),
+        errorsX = new Float64Array(4 * len),
+        errorsY = new Float64Array(4 * len),
+        pId = 0,
+        ptr = 0,
+        ptrX = 0,
+        ptrY = 0;
+
+    var getX = (xaxis.type === 'log') ? xaxis.d2l : function(x) { return x; };
+    var getY = (yaxis.type === 'log') ? yaxis.d2l : function(y) { return y; };
+
+    var i, xx, yy, ex0, ex1, ey0, ey1;
+
+    for(i = 0; i < len; ++i) {
+        this.xData[i] = xx = getX(x[i]);
+        this.yData[i] = yy = getY(y[i]);
+
+        if(isNaN(xx) || isNaN(yy)) continue;
+
+        idToIndex[pId++] = i;
+
+        positions[ptr++] = xx;
+        positions[ptr++] = yy;
+
+        ex0 = errorsX[ptrX++] = xx - errorVals[i].xs || 0;
+        ex1 = errorsX[ptrX++] = errorVals[i].xh - xx || 0;
+        errorsX[ptrX++] = 0;
+        errorsX[ptrX++] = 0;
+
+        errorsY[ptrY++] = 0;
+        errorsY[ptrY++] = 0;
+        ey0 = errorsY[ptrY++] = yy - errorVals[i].ys || 0;
+        ey1 = errorsY[ptrY++] = errorVals[i].yh - yy || 0;
+
+        bounds[0] = Math.min(bounds[0], xx - ex0);
+        bounds[1] = Math.min(bounds[1], yy - ey0);
+        bounds[2] = Math.max(bounds[2], xx + ex1);
+        bounds[3] = Math.max(bounds[3], yy + ey1);
+    }
+
+    positions = truncate(positions, ptr);
+    this.idToIndex = idToIndex;
+
+    this.updateLines(options, positions);
+    this.updateError('X', options, positions, errorsX);
+    this.updateError('Y', options, positions, errorsY);
+
+    var sizes, selIds;
+
+    if(selection && selection.length) {
+        selIds = {};
+        for(i = 0; i < selection.length; i++) {
+            selIds[selection[i].pointNumber] = true;
+        }
+    }
+
+    if(this.hasMarkers) {
+        this.scatter.options.positions = positions;
+
+        // TODO rewrite convert function so that
+        // we don't have to loop through the data another time
+
+        this.scatter.options.sizes = new Array(pId);
+        this.scatter.options.glyphs = new Array(pId);
+        this.scatter.options.borderWidths = new Array(pId);
+        this.scatter.options.colors = new Array(pId * 4);
+        this.scatter.options.borderColors = new Array(pId * 4);
+
+        var markerSizeFunc = makeBubbleSizeFn(options);
+        var markerOpts = options.marker;
+        var markerOpacity = markerOpts.opacity;
+        var traceOpacity = options.opacity;
+        var symbols = convertSymbol(markerOpts.symbol, len);
+        var colors = convertColorScale(markerOpts, markerOpacity, traceOpacity, len);
+        var borderWidths = convertNumber(markerOpts.line.width, len);
+        var borderColors = convertColorScale(markerOpts.line, markerOpacity, traceOpacity, len);
+        var index, size, symbol, symbolSpec, isOpen, isDimmed, _colors, _borderColors, bw, minBorderWidth;
+
+        sizes = convertArray(markerSizeFunc, markerOpts.size, len);
+
+        for(i = 0; i < pId; ++i) {
+            index = idToIndex[i];
+
+            symbol = symbols[index];
+            symbolSpec = MARKER_SYMBOLS[symbol];
+            isOpen = isSymbolOpen(symbol);
+            isDimmed = selIds && !selIds[index];
+
+            if(symbolSpec.noBorder && !isOpen) {
+                _colors = borderColors;
+            } else {
+                _colors = colors;
+            }
+
+            if(isOpen) {
+                _borderColors = colors;
+            } else {
+                _borderColors = borderColors;
+            }
+
+            // See  https://github.com/plotly/plotly.js/pull/1781#discussion_r121820798
+            // for more info on this logic
+            size = sizes[index];
+            bw = borderWidths[index];
+            minBorderWidth = (symbolSpec.noBorder || symbolSpec.noFill) ? 0.1 * size : 0;
+
+            this.scatter.options.sizes[i] = 4.0 * size;
+            this.scatter.options.glyphs[i] = symbolSpec.unicode;
+            this.scatter.options.borderWidths[i] = 0.5 * ((bw > minBorderWidth) ? bw - minBorderWidth : 0);
+
+            if(isOpen && !symbolSpec.noBorder && !symbolSpec.noFill) {
+                fillColor(this.scatter.options.colors, TRANSPARENT, i, 0);
+            } else {
+                fillColor(this.scatter.options.colors, _colors, i, index, isDimmed);
+            }
+            fillColor(this.scatter.options.borderColors, _borderColors, i, index, isDimmed);
+        }
+
+        // prevent scatter from resnapping points
+        if(selIds) {
+            this.scatter.options.positions = null;
+            this.fancyScatter.update();
+            this.scatter.options.positions = positions;
+        }
+        else {
+            this.fancyScatter.update();
+        }
+    }
+    else {
+        this.fancyScatter.clear();
+    }
+
+    // turn off fast scatter plot
+    this.scatter.clear();
+
+    // add item for autorange routine
+    this.expandAxesFancy(x, y, sizes);
+};
+
+proto.updateLines = function(options, positions) {
+    var i;
+
+    if(this.hasLines) {
+        var linePositions = positions;
+
+        if(!options.connectgaps) {
+            var p = 0;
+            var x = this.xData;
+            var y = this.yData;
+            linePositions = new Float64Array(2 * x.length);
+
+            for(i = 0; i < x.length; ++i) {
+                linePositions[p++] = x[i];
+                linePositions[p++] = y[i];
+            }
+        }
+
+        this.line.options.positions = linePositions;
+
+        var lineColor = convertColor(options.line.color, options.opacity, 1),
+            lineWidth = Math.round(0.5 * this.line.options.width),
+            dashes = (DASHES[options.line.dash] || [1]).slice();
+
+        for(i = 0; i < dashes.length; ++i) dashes[i] *= lineWidth;
+
+        switch(options.fill) {
+            case 'tozeroy':
+                this.line.options.fill = [false, true, false, false];
+                break;
+            case 'tozerox':
+                this.line.options.fill = [true, false, false, false];
+                break;
+            default:
+                this.line.options.fill = [false, false, false, false];
+                break;
+        }
+
+        var fillColor = str2RGBArray(options.fillcolor);
+
+        this.line.options.color = lineColor;
+        this.line.options.width = 2.0 * options.line.width;
+        this.line.options.dashes = dashes;
+        this.line.options.fillColor = [fillColor, fillColor, fillColor, fillColor];
+
+        this.line.update();
+    }
+    else {
+        this.line.clear();
+    }
+};
+
+proto.updateError = function(axLetter, options, positions, errors) {
+    var errorObj = this['error' + axLetter],
+        errorOptions = options['error_' + axLetter.toLowerCase()];
+
+    if(axLetter.toLowerCase() === 'x' && errorOptions.copy_ystyle) {
+        errorOptions = options.error_y;
+    }
+
+    if(this['hasError' + axLetter]) {
+        errorObj.options.positions = positions;
+        errorObj.options.errors = errors;
+        errorObj.options.capSize = errorOptions.width;
+        errorObj.options.lineWidth = errorOptions.thickness / 2;  // ballpark rescaling
+        errorObj.options.color = convertColor(errorOptions.color, 1, 1);
+
+        errorObj.update();
+    }
+    else {
+        errorObj.clear();
+    }
+};
+
+proto.expandAxesFast = function(bounds, markerSize) {
+    var pad = markerSize || 10;
+    var ax, min, max;
+
+    for(var i = 0; i < 2; i++) {
+        ax = this.scene[AXES[i]];
+
+        min = ax._min;
+        if(!min) min = [];
+        min.push({ val: bounds[i], pad: pad });
+
+        max = ax._max;
+        if(!max) max = [];
+        max.push({ val: bounds[i + 2], pad: pad });
+    }
+};
+
+// not quite on-par with 'scatter' (scatter fill in several other expand options)
+// but close enough for now
+proto.expandAxesFancy = function(x, y, ppad) {
+    var scene = this.scene,
+        expandOpts = { padded: true, ppad: ppad };
+
+    Axes.expand(scene.xaxis, x, expandOpts);
+    Axes.expand(scene.yaxis, y, expandOpts);
+};
+
+proto.dispose = function() {
+    this.line.dispose();
+    this.errorX.dispose();
+    this.errorY.dispose();
+    this.scatter.dispose();
+    this.fancyScatter.dispose();
+};
+
+function createLineWithMarkers(scene, data, cdscatter) {
+    var plot = new LineWithMarkers(scene, data.uid);
+    plot.update(data, cdscatter);
+
+    return plot;
+}
+
+module.exports = createLineWithMarkers;
+
+},{"../../components/errorbars":634,"../../constants/gl2d_dashes":702,"../../constants/gl2d_markers":703,"../../constants/interactions":706,"../../lib":728,"../../lib/gl_format_color":724,"../../lib/str2rgbarray":749,"../../lib/typed_array_truncate":754,"../../plots/cartesian/axes":772,"../../plots/cartesian/axis_autotype":773,"../scatter/get_trace_color":1040,"../scatter/make_bubble_size_func":1047,"../scatter/subtypes":1052,"fast-isnumeric":131,"gl-error2d":159,"gl-line2d":170,"gl-scat [...]
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var constants = require('../scatter/constants');
+var subTypes = require('../scatter/subtypes');
+var handleXYDefaults = require('../scatter/xy_defaults');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+var errorBarsSupplyDefaults = require('../../components/errorbars/defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleXYDefaults(traceIn, traceOut, layout, coerce);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('mode', len < constants.PTS_LINESONLY ? 'lines+markers' : 'lines');
+
+    if(subTypes.hasLines(traceOut)) {
+        coerce('connectgaps');
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+    }
+
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'y'});
+    errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'x', inherit: 'y'});
+};
+
+},{"../../components/errorbars/defaults":633,"../../lib":728,"../scatter/constants":1036,"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/xy_defaults":1054,"./attributes":1077}],1081:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ScatterGl = {};
+
+ScatterGl.attributes = require('./attributes');
+ScatterGl.supplyDefaults = require('./defaults');
+ScatterGl.colorbar = require('../scatter/colorbar');
+ScatterGl.hoverPoints = require('../scatter/hover');
+
+// reuse the Scatter3D 'dummy' calc step so that legends know what to do
+ScatterGl.calc = require('./calc');
+ScatterGl.plot = require('./convert');
+ScatterGl.selectPoints = require('./select');
+
+ScatterGl.moduleType = 'trace';
+ScatterGl.name = 'scattergl';
+ScatterGl.basePlotModule = require('../../plots/gl2d');
+ScatterGl.categories = ['gl2d', 'symbols', 'errorBarsOK', 'markerColorscale', 'showLegend', 'scatter-like'];
+ScatterGl.meta = {
+    
+};
+
+module.exports = ScatterGl;
+
+},{"../../plots/gl2d":808,"../scatter/colorbar":1034,"../scatter/hover":1041,"./attributes":1077,"./calc":1078,"./convert":1079,"./defaults":1080,"./select":1082}],1082:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var subtypes = require('../scatter/subtypes');
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd,
+        xa = searchInfo.xaxis,
+        ya = searchInfo.yaxis,
+        selection = [],
+        trace = cd[0].trace,
+        i,
+        di,
+        x,
+        y;
+
+    var glTrace = cd[0]._glTrace;
+    var scene = glTrace.scene;
+
+    var hasOnlyLines = (!subtypes.hasMarkers(trace) && !subtypes.hasText(trace));
+    if(hasOnlyLines) return [];
+
+    // filter out points by visible scatter ones
+    if(polygon === false) {
+        // clear selection
+        for(i = 0; i < cd.length; i++) cd[i].dim = 0;
+    }
+    else {
+        for(i = 0; i < cd.length; i++) {
+            di = cd[i];
+            x = xa.c2p(di.x);
+            y = ya.c2p(di.y);
+            if(polygon.contains([x, y])) {
+                selection.push({
+                    pointNumber: i,
+                    x: di.x,
+                    y: di.y
+                });
+                di.dim = 0;
+            }
+            else di.dim = 1;
+        }
+    }
+
+    // highlight selected points here
+    trace.selection = selection;
+
+    glTrace.update(trace, cd);
+    scene.glplot.setDirty();
+
+    return selection;
+};
+
+},{"../scatter/subtypes":1052}],1083:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterGeoAttrs = require('../scattergeo/attributes');
+var scatterAttrs = require('../scatter/attributes');
+var mapboxAttrs = require('../../plots/mapbox/layout_attributes');
+var plotAttrs = require('../../plots/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+var lineAttrs = scatterGeoAttrs.line;
+var markerAttrs = scatterGeoAttrs.marker;
+
+
+module.exports = overrideAll({
+    lon: scatterGeoAttrs.lon,
+    lat: scatterGeoAttrs.lat,
+
+    // locations
+    // locationmode
+
+    mode: extendFlat({}, scatterAttrs.mode, {
+        dflt: 'markers',
+        
+    }),
+
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    hovertext: extendFlat({}, scatterAttrs.hovertext, {
+        
+    }),
+
+    line: {
+        color: lineAttrs.color,
+        width: lineAttrs.width
+
+        // TODO
+        // dash: dash
+    },
+
+    connectgaps: scatterAttrs.connectgaps,
+
+    marker: {
+        symbol: {
+            valType: 'string',
+            dflt: 'circle',
+            
+            arrayOk: true,
+            
+        },
+        opacity: markerAttrs.opacity,
+        size: markerAttrs.size,
+        sizeref: markerAttrs.sizeref,
+        sizemin: markerAttrs.sizemin,
+        sizemode: markerAttrs.sizemode,
+        color: markerAttrs.color,
+        colorscale: markerAttrs.colorscale,
+        cauto: markerAttrs.cauto,
+        cmax: markerAttrs.cmax,
+        cmin: markerAttrs.cmin,
+        autocolorscale: markerAttrs.autocolorscale,
+        reversescale: markerAttrs.reversescale,
+        showscale: markerAttrs.showscale,
+        colorbar: colorbarAttrs,
+
+        // line
+    },
+
+    fill: scatterGeoAttrs.fill,
+    fillcolor: scatterAttrs.fillcolor,
+
+    textfont: mapboxAttrs.layers.symbol.textfont,
+    textposition: mapboxAttrs.layers.symbol.textposition,
+
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['lon', 'lat', 'text', 'name']
+    })
+}, 'calc', 'nested');
+
+},{"../../components/colorbar/attributes":605,"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/attributes":770,"../../plots/mapbox/layout_attributes":827,"../scatter/attributes":1031,"../scattergeo/attributes":1069}],1084:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var BADNUM = require('../../constants/numerical').BADNUM;
+var geoJsonUtils = require('../../lib/geojson_utils');
+
+var Colorscale = require('../../components/colorscale');
+var makeBubbleSizeFn = require('../scatter/make_bubble_size_func');
+var subTypes = require('../scatter/subtypes');
+var convertTextOpts = require('../../plots/mapbox/convert_text_opts');
+var DESELECTDIM = require('../../constants/interactions').DESELECTDIM;
+
+var COLOR_PROP = 'circle-color';
+var SIZE_PROP = 'circle-radius';
+var OPACITY_PROP = 'circle-opacity';
+
+module.exports = function convert(calcTrace) {
+    var trace = calcTrace[0].trace;
+
+    var isVisible = (trace.visible === true),
+        hasFill = (trace.fill !== 'none'),
+        hasLines = subTypes.hasLines(trace),
+        hasMarkers = subTypes.hasMarkers(trace),
+        hasText = subTypes.hasText(trace),
+        hasCircles = (hasMarkers && trace.marker.symbol === 'circle'),
+        hasSymbols = (hasMarkers && trace.marker.symbol !== 'circle');
+
+    var fill = initContainer(),
+        line = initContainer(),
+        circle = initContainer(),
+        symbol = initContainer();
+
+    var opts = {
+        fill: fill,
+        line: line,
+        circle: circle,
+        symbol: symbol
+    };
+
+    // early return if not visible or placeholder
+    if(!isVisible) return opts;
+
+    // fill layer and line layer use the same coords
+    var lineCoords;
+    if(hasFill || hasLines) {
+        lineCoords = geoJsonUtils.calcTraceToLineCoords(calcTrace);
+    }
+
+    if(hasFill) {
+        fill.geojson = geoJsonUtils.makePolygon(lineCoords);
+        fill.layout.visibility = 'visible';
+
+        Lib.extendFlat(fill.paint, {
+            'fill-color': trace.fillcolor
+        });
+    }
+
+    if(hasLines) {
+        line.geojson = geoJsonUtils.makeLine(lineCoords);
+        line.layout.visibility = 'visible';
+
+        Lib.extendFlat(line.paint, {
+            'line-width': trace.line.width,
+            'line-color': trace.line.color,
+            'line-opacity': trace.opacity
+        });
+
+        // TODO convert line.dash into line-dasharray
+    }
+
+    if(hasCircles) {
+        var hash = {};
+        hash[COLOR_PROP] = {};
+        hash[SIZE_PROP] = {};
+        hash[OPACITY_PROP] = {};
+
+        circle.geojson = makeCircleGeoJSON(calcTrace, hash);
+        circle.layout.visibility = 'visible';
+
+        Lib.extendFlat(circle.paint, {
+            'circle-opacity': calcCircleOpacity(trace, hash),
+            'circle-color': calcCircleColor(trace, hash),
+            'circle-radius': calcCircleRadius(trace, hash)
+        });
+    }
+
+    if(hasSymbols || hasText) {
+        symbol.geojson = makeSymbolGeoJSON(calcTrace);
+
+        Lib.extendFlat(symbol.layout, {
+            visibility: 'visible',
+            'icon-image': '{symbol}-15',
+            'text-field': '{text}'
+        });
+
+        if(hasSymbols) {
+            Lib.extendFlat(symbol.layout, {
+                'icon-size': trace.marker.size / 10
+            });
+
+            Lib.extendFlat(symbol.paint, {
+                'icon-opacity': trace.opacity * trace.marker.opacity,
+
+                // TODO does not work ??
+                'icon-color': trace.marker.color
+            });
+        }
+
+        if(hasText) {
+            var iconSize = (trace.marker || {}).size,
+                textOpts = convertTextOpts(trace.textposition, iconSize);
+
+            Lib.extendFlat(symbol.layout, {
+                'text-size': trace.textfont.size,
+                'text-anchor': textOpts.anchor,
+                'text-offset': textOpts.offset
+
+                // TODO font family
+                // 'text-font': symbol.textfont.family.split(', '),
+            });
+
+            Lib.extendFlat(symbol.paint, {
+                'text-color': trace.textfont.color,
+                'text-opacity': trace.opacity
+            });
+        }
+    }
+
+    return opts;
+};
+
+function initContainer() {
+    return {
+        geojson: geoJsonUtils.makeBlank(),
+        layout: { visibility: 'none' },
+        paint: {}
+    };
+}
+
+// N.B. `hash` is mutated here
+//
+// The `hash` object contains mapping between values
+// (e.g. calculated marker.size and marker.color items)
+// and their index in the input arrayOk attributes.
+//
+// GeoJSON features have their 'data-driven' properties set to
+// the index of the first value found in the data.
+//
+// The `hash` object is then converted to mapbox `stops` arrays
+// mapping index to value.
+//
+// The solution prove to be more robust than trying to generate
+// `stops` arrays from scale functions.
+//
+// TODO axe this when we bump mapbox-gl and rewrite this using
+// "identity" property functions.
+// See https://github.com/plotly/plotly.js/pull/1543
+//
+function makeCircleGeoJSON(calcTrace, hash) {
+    var trace = calcTrace[0].trace;
+    var marker = trace.marker;
+
+    var colorFn;
+    if(Colorscale.hasColorscale(trace, 'marker')) {
+        colorFn = Colorscale.makeColorScaleFunc(
+             Colorscale.extractScale(marker.colorscale, marker.cmin, marker.cmax)
+         );
+    } else if(Array.isArray(marker.color)) {
+        colorFn = Lib.identity;
+    }
+
+    var sizeFn;
+    if(subTypes.isBubble(trace)) {
+        sizeFn = makeBubbleSizeFn(trace);
+    }
+
+    function combineOpacities(d, mo) {
+        return trace.opacity * mo * (d.dim ? DESELECTDIM : 1);
+    }
+
+    var opacityFn;
+    if(Array.isArray(marker.opacity)) {
+        opacityFn = function(d) {
+            var mo = isNumeric(d.mo) ? +Lib.constrain(d.mo, 0, 1) : 0;
+            return combineOpacities(d, mo);
+        };
+    } else if(trace._hasDimmedPts) {
+        opacityFn = function(d) {
+            return combineOpacities(d, marker.opacity);
+        };
+    }
+
+    // Translate vals in trace arrayOk containers
+    // into a val-to-index hash object
+    function translate(props, key, val, index) {
+        if(hash[key][val] === undefined) hash[key][val] = index;
+
+        props[key] = hash[key][val];
+    }
+
+    var features = [];
+
+    for(var i = 0; i < calcTrace.length; i++) {
+        var calcPt = calcTrace[i];
+        var lonlat = calcPt.lonlat;
+
+        if(isBADNUM(lonlat)) continue;
+
+        var props = {};
+        if(colorFn) {
+            var mcc = calcPt.mcc = colorFn(calcPt.mc);
+            translate(props, COLOR_PROP, mcc, i);
+        }
+        if(sizeFn) {
+            translate(props, SIZE_PROP, sizeFn(calcPt.ms), i);
+        }
+        if(opacityFn) {
+            translate(props, OPACITY_PROP, opacityFn(calcPt), i);
+        }
+
+        features.push({
+            type: 'Feature',
+            geometry: {
+                type: 'Point',
+                coordinates: lonlat
+            },
+            properties: props
+        });
+    }
+
+    return {
+        type: 'FeatureCollection',
+        features: features
+    };
+}
+
+function makeSymbolGeoJSON(calcTrace) {
+    var trace = calcTrace[0].trace;
+
+    var marker = trace.marker || {},
+        symbol = marker.symbol,
+        text = trace.text;
+
+    var fillSymbol = (symbol !== 'circle') ?
+            getFillFunc(symbol) :
+            blankFillFunc;
+
+    var fillText = subTypes.hasText(trace) ?
+            getFillFunc(text) :
+            blankFillFunc;
+
+    var features = [];
+
+    for(var i = 0; i < calcTrace.length; i++) {
+        var calcPt = calcTrace[i];
+
+        if(isBADNUM(calcPt.lonlat)) continue;
+
+        features.push({
+            type: 'Feature',
+            geometry: {
+                type: 'Point',
+                coordinates: calcPt.lonlat
+            },
+            properties: {
+                symbol: fillSymbol(calcPt.mx),
+                text: fillText(calcPt.tx)
+            }
+        });
+    }
+
+    return {
+        type: 'FeatureCollection',
+        features: features
+    };
+}
+
+function calcCircleColor(trace, hash) {
+    var marker = trace.marker,
+        out;
+
+    if(Array.isArray(marker.color)) {
+        var vals = Object.keys(hash[COLOR_PROP]),
+            stops = [];
+
+        for(var i = 0; i < vals.length; i++) {
+            var val = vals[i];
+
+            stops.push([ hash[COLOR_PROP][val], val ]);
+        }
+
+        out = {
+            property: COLOR_PROP,
+            stops: stops
+        };
+
+    }
+    else {
+        out = marker.color;
+    }
+
+    return out;
+}
+
+function calcCircleRadius(trace, hash) {
+    var marker = trace.marker,
+        out;
+
+    if(Array.isArray(marker.size)) {
+        var vals = Object.keys(hash[SIZE_PROP]),
+            stops = [];
+
+        for(var i = 0; i < vals.length; i++) {
+            var val = vals[i];
+
+            stops.push([ hash[SIZE_PROP][val], +val ]);
+        }
+
+        out = {
+            property: SIZE_PROP,
+            stops: stops.sort(ascending)
+        };
+    }
+    else {
+        out = marker.size / 2;
+    }
+
+    return out;
+}
+
+function calcCircleOpacity(trace, hash) {
+    var marker = trace.marker;
+    var out;
+
+    if(Array.isArray(marker.opacity) || trace._hasDimmedPts) {
+        var vals = Object.keys(hash[OPACITY_PROP]);
+        var stops = [];
+
+        for(var i = 0; i < vals.length; i++) {
+            var val = vals[i];
+            stops.push([hash[OPACITY_PROP][val], +val]);
+        }
+
+        out = {
+            property: OPACITY_PROP,
+            stops: stops.sort(ascending)
+        };
+    }
+    else {
+        out = trace.opacity * marker.opacity;
+    }
+
+    return out;
+}
+
+function getFillFunc(attr) {
+    if(Array.isArray(attr)) {
+        return function(v) { return v; };
+    }
+    else if(attr) {
+        return function() { return attr; };
+    }
+    else {
+        return blankFillFunc;
+    }
+}
+
+function blankFillFunc() { return ''; }
+
+function ascending(a, b) { return a[0] - b[0]; }
+
+// only need to check lon (OR lat)
+function isBADNUM(lonlat) {
+    return lonlat[0] === BADNUM;
+}
+
+},{"../../components/colorscale":618,"../../constants/interactions":706,"../../constants/numerical":707,"../../lib":728,"../../lib/geojson_utils":721,"../../plots/mapbox/convert_text_opts":824,"../scatter/make_bubble_size_func":1047,"../scatter/subtypes":1052,"fast-isnumeric":131}],1085:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var subTypes = require('../scatter/subtypes');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleTextDefaults = require('../scatter/text_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var len = handleLonLatDefaults(traceIn, traceOut, coerce);
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    coerce('text');
+    coerce('hovertext');
+    coerce('mode');
+
+    if(subTypes.hasLines(traceOut)) {
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce, {noDash: true});
+        coerce('connectgaps');
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {noLine: true});
+
+        // array marker.size and marker.color are only supported with circles
+
+        var marker = traceOut.marker;
+        // we need  mock marker.line object to make legends happy
+        marker.line = {width: 0};
+
+        if(marker.symbol !== 'circle') {
+            if(Array.isArray(marker.size)) marker.size = marker.size[0];
+            if(Array.isArray(marker.color)) marker.color = marker.color[0];
+        }
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+    }
+};
+
+function handleLonLatDefaults(traceIn, traceOut, coerce) {
+    var lon = coerce('lon') || [];
+    var lat = coerce('lat') || [];
+    var len = Math.min(lon.length, lat.length);
+
+    if(len < lon.length) traceOut.lon = lon.slice(0, len);
+    if(len < lat.length) traceOut.lat = lat.slice(0, len);
+
+    return len;
+}
+
+},{"../../lib":728,"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1083}],1086:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+
+module.exports = function eventData(out, pt) {
+    out.lon = pt.lon;
+    out.lat = pt.lat;
+
+    return out;
+};
+
+},{}],1087:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Fx = require('../../components/fx');
+var getTraceColor = require('../scatter/get_trace_color');
+var fillHoverText = require('../scatter/fill_hover_text');
+var BADNUM = require('../../constants/numerical').BADNUM;
+
+module.exports = function hoverPoints(pointData, xval, yval) {
+    var cd = pointData.cd,
+        trace = cd[0].trace,
+        xa = pointData.xa,
+        ya = pointData.ya;
+
+    // compute winding number about [-180, 180] globe
+    var winding = (xval >= 0) ?
+            Math.floor((xval + 180) / 360) :
+            Math.ceil((xval - 180) / 360);
+
+    // shift longitude to [-180, 180] to determine closest point
+    var lonShift = winding * 360;
+    var xval2 = xval - lonShift;
+
+    function distFn(d) {
+        var lonlat = d.lonlat;
+
+        if(lonlat[0] === BADNUM) return Infinity;
+
+        var dx = Math.abs(xa.c2p(lonlat) - xa.c2p([xval2, lonlat[1]]));
+        var dy = Math.abs(ya.c2p(lonlat) - ya.c2p([lonlat[0], yval]));
+        var rad = Math.max(3, d.mrc || 0);
+
+        return Math.max(Math.sqrt(dx * dx + dy * dy) - rad, 1 - 3 / rad);
+    }
+
+    Fx.getClosest(cd, distFn, pointData);
+
+    // skip the rest (for this trace) if we didn't find a close point
+    if(pointData.index === false) return;
+
+    var di = cd[pointData.index],
+        lonlat = di.lonlat,
+        lonlatShifted = [lonlat[0] + lonShift, lonlat[1]];
+
+    // shift labels back to original winded globe
+    var xc = xa.c2p(lonlatShifted),
+        yc = ya.c2p(lonlatShifted),
+        rad = di.mrc || 1;
+
+    pointData.x0 = xc - rad;
+    pointData.x1 = xc + rad;
+    pointData.y0 = yc - rad;
+    pointData.y1 = yc + rad;
+
+    pointData.color = getTraceColor(trace, di);
+    pointData.extraText = getExtraText(trace, di);
+
+    return [pointData];
+};
+
+function getExtraText(trace, di) {
+    var hoverinfo = di.hi || trace.hoverinfo;
+    var parts = hoverinfo.split('+');
+    var isAll = parts.indexOf('all') !== -1;
+    var hasLon = parts.indexOf('lon') !== -1;
+    var hasLat = parts.indexOf('lat') !== -1;
+
+    var lonlat = di.lonlat;
+    var text = [];
+
+    // TODO should we use a mock axis to format hover?
+    // If so, we'll need to make precision be zoom-level dependent
+    function format(v) {
+        return v + '\u00B0';
+    }
+
+    if(isAll || (hasLon && hasLat)) {
+        text.push('(' + format(lonlat[0]) + ', ' + format(lonlat[1]) + ')');
+    } else if(hasLon) {
+        text.push('lon: ' + format(lonlat[0]));
+    } else if(hasLat) {
+        text.push('lat: ' + format(lonlat[1]));
+    }
+
+    if(isAll || parts.indexOf('text') !== -1) {
+        fillHoverText(di, trace, text);
+    }
+
+    return text.join('<br>');
+}
+
+},{"../../components/fx":645,"../../constants/numerical":707,"../scatter/fill_hover_text":1038,"../scatter/get_trace_color":1040}],1088:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+
+var ScatterMapbox = {};
+
+ScatterMapbox.attributes = require('./attributes');
+ScatterMapbox.supplyDefaults = require('./defaults');
+ScatterMapbox.colorbar = require('../scatter/colorbar');
+ScatterMapbox.calc = require('../scattergeo/calc');
+ScatterMapbox.plot = require('./plot');
+ScatterMapbox.hoverPoints = require('./hover');
+ScatterMapbox.eventData = require('./event_data');
+ScatterMapbox.selectPoints = require('./select');
+
+ScatterMapbox.moduleType = 'trace';
+ScatterMapbox.name = 'scattermapbox';
+ScatterMapbox.basePlotModule = require('../../plots/mapbox');
+ScatterMapbox.categories = ['mapbox', 'gl', 'symbols', 'markerColorscale', 'showLegend', 'scatterlike'];
+ScatterMapbox.meta = {
+    
+    
+};
+
+module.exports = ScatterMapbox;
+
+},{"../../plots/mapbox":825,"../scatter/colorbar":1034,"../scattergeo/calc":1070,"./attributes":1083,"./defaults":1085,"./event_data":1086,"./hover":1087,"./plot":1089,"./select":1090}],1089:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var convert = require('./convert');
+
+
+function ScatterMapbox(mapbox, uid) {
+    this.mapbox = mapbox;
+    this.map = mapbox.map;
+
+    this.uid = uid;
+
+    this.idSourceFill = uid + '-source-fill';
+    this.idSourceLine = uid + '-source-line';
+    this.idSourceCircle = uid + '-source-circle';
+    this.idSourceSymbol = uid + '-source-symbol';
+
+    this.idLayerFill = uid + '-layer-fill';
+    this.idLayerLine = uid + '-layer-line';
+    this.idLayerCircle = uid + '-layer-circle';
+    this.idLayerSymbol = uid + '-layer-symbol';
+
+    this.mapbox.initSource(this.idSourceFill);
+    this.mapbox.initSource(this.idSourceLine);
+    this.mapbox.initSource(this.idSourceCircle);
+    this.mapbox.initSource(this.idSourceSymbol);
+
+    this.map.addLayer({
+        id: this.idLayerFill,
+        source: this.idSourceFill,
+        type: 'fill'
+    });
+
+    this.map.addLayer({
+        id: this.idLayerLine,
+        source: this.idSourceLine,
+        type: 'line'
+    });
+
+    this.map.addLayer({
+        id: this.idLayerCircle,
+        source: this.idSourceCircle,
+        type: 'circle'
+    });
+
+    this.map.addLayer({
+        id: this.idLayerSymbol,
+        source: this.idSourceSymbol,
+        type: 'symbol'
+    });
+
+    // We could merge the 'fill' source with the 'line' source and
+    // the 'circle' source with the 'symbol' source if ever having
+    // for up-to 4 sources per 'scattermapbox' traces becomes a problem.
+}
+
+var proto = ScatterMapbox.prototype;
+
+proto.update = function update(calcTrace) {
+    var mapbox = this.mapbox;
+    var opts = convert(calcTrace);
+
+    mapbox.setOptions(this.idLayerFill, 'setLayoutProperty', opts.fill.layout);
+    mapbox.setOptions(this.idLayerLine, 'setLayoutProperty', opts.line.layout);
+    mapbox.setOptions(this.idLayerCircle, 'setLayoutProperty', opts.circle.layout);
+    mapbox.setOptions(this.idLayerSymbol, 'setLayoutProperty', opts.symbol.layout);
+
+    if(isVisible(opts.fill)) {
+        mapbox.setSourceData(this.idSourceFill, opts.fill.geojson);
+        mapbox.setOptions(this.idLayerFill, 'setPaintProperty', opts.fill.paint);
+    }
+
+    if(isVisible(opts.line)) {
+        mapbox.setSourceData(this.idSourceLine, opts.line.geojson);
+        mapbox.setOptions(this.idLayerLine, 'setPaintProperty', opts.line.paint);
+    }
+
+    if(isVisible(opts.circle)) {
+        mapbox.setSourceData(this.idSourceCircle, opts.circle.geojson);
+        mapbox.setOptions(this.idLayerCircle, 'setPaintProperty', opts.circle.paint);
+    }
+
+    if(isVisible(opts.symbol)) {
+        mapbox.setSourceData(this.idSourceSymbol, opts.symbol.geojson);
+        mapbox.setOptions(this.idLayerSymbol, 'setPaintProperty', opts.symbol.paint);
+    }
+
+    // link ref for quick update during selections
+    calcTrace[0].trace._glTrace = this;
+};
+
+proto.dispose = function dispose() {
+    var map = this.map;
+
+    map.removeLayer(this.idLayerFill);
+    map.removeLayer(this.idLayerLine);
+    map.removeLayer(this.idLayerCircle);
+    map.removeLayer(this.idLayerSymbol);
+
+    map.removeSource(this.idSourceFill);
+    map.removeSource(this.idSourceLine);
+    map.removeSource(this.idSourceCircle);
+    map.removeSource(this.idSourceSymbol);
+};
+
+function isVisible(layerOpts) {
+    return layerOpts.layout.visibility === 'visible';
+}
+
+module.exports = function createScatterMapbox(mapbox, calcTrace) {
+    var trace = calcTrace[0].trace;
+
+    var scatterMapbox = new ScatterMapbox(mapbox, trace.uid);
+    scatterMapbox.update(calcTrace);
+
+    return scatterMapbox;
+};
+
+},{"./convert":1084}],1090:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var subtypes = require('../scatter/subtypes');
+
+module.exports = function selectPoints(searchInfo, polygon) {
+    var cd = searchInfo.cd;
+    var xa = searchInfo.xaxis;
+    var ya = searchInfo.yaxis;
+    var selection = [];
+    var trace = cd[0].trace;
+
+    var di, lonlat, x, y, i;
+
+    // flag used in ./convert.js
+    // to not insert data-driven 'circle-opacity' when we don't need to
+    trace._hasDimmedPts = false;
+
+    if(!subtypes.hasMarkers(trace)) return [];
+
+    if(polygon === false) {
+        for(i = 0; i < cd.length; i++) {
+            cd[i].dim = 0;
+        }
+    } else {
+        for(i = 0; i < cd.length; i++) {
+            di = cd[i];
+            lonlat = di.lonlat;
+            x = xa.c2p(lonlat);
+            y = ya.c2p(lonlat);
+
+            if(polygon.contains([x, y])) {
+                trace._hasDimmedPts = true;
+                selection.push({
+                    pointNumber: i,
+                    lon: lonlat[0],
+                    lat: lonlat[1]
+                });
+                di.dim = 0;
+            } else {
+                di.dim = 1;
+            }
+        }
+    }
+
+    trace._glTrace.update(cd);
+
+    return selection;
+};
+
+},{"../scatter/subtypes":1052}],1091:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var scatterAttrs = require('../scatter/attributes');
+var plotAttrs = require('../../plots/attributes');
+var colorAttributes = require('../../components/colorscale/color_attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+var dash = require('../../components/drawing/attributes').dash;
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+var scatterMarkerAttrs = scatterAttrs.marker,
+    scatterLineAttrs = scatterAttrs.line,
+    scatterMarkerLineAttrs = scatterMarkerAttrs.line;
+
+module.exports = {
+    a: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    b: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    c: {
+        valType: 'data_array',
+        editType: 'calc',
+        
+    },
+    sum: {
+        valType: 'number',
+        
+        dflt: 0,
+        min: 0,
+        editType: 'calc',
+        
+    },
+    mode: extendFlat({}, scatterAttrs.mode, {dflt: 'markers'}),
+    text: extendFlat({}, scatterAttrs.text, {
+        
+    }),
+    hovertext: extendFlat({}, scatterAttrs.hovertext, {
+        
+    }),
+    line: {
+        color: scatterLineAttrs.color,
+        width: scatterLineAttrs.width,
+        dash: dash,
+        shape: extendFlat({}, scatterLineAttrs.shape,
+            {values: ['linear', 'spline']}),
+        smoothing: scatterLineAttrs.smoothing,
+        editType: 'calc'
+    },
+    connectgaps: scatterAttrs.connectgaps,
+    cliponaxis: scatterAttrs.cliponaxis,
+    fill: extendFlat({}, scatterAttrs.fill, {
+        values: ['none', 'toself', 'tonext'],
+        
+    }),
+    fillcolor: scatterAttrs.fillcolor,
+    marker: extendFlat({
+        symbol: scatterMarkerAttrs.symbol,
+        opacity: scatterMarkerAttrs.opacity,
+        maxdisplayed: scatterMarkerAttrs.maxdisplayed,
+        size: scatterMarkerAttrs.size,
+        sizeref: scatterMarkerAttrs.sizeref,
+        sizemin: scatterMarkerAttrs.sizemin,
+        sizemode: scatterMarkerAttrs.sizemode,
+        line: extendFlat({
+            width: scatterMarkerLineAttrs.width,
+            editType: 'calc'
+        },
+            colorAttributes('marker.line')
+        ),
+        gradient: scatterMarkerAttrs.gradient,
+        editType: 'calc'
+    }, colorAttributes('marker'), {
+        showscale: scatterMarkerAttrs.showscale,
+        colorbar: colorbarAttrs
+    }),
+
+    textfont: scatterAttrs.textfont,
+    textposition: scatterAttrs.textposition,
+    hoverinfo: extendFlat({}, plotAttrs.hoverinfo, {
+        flags: ['a', 'b', 'c', 'text', 'name']
+    }),
+    hoveron: scatterAttrs.hoveron,
+};
+
+},{"../../components/colorbar/attributes":605,"../../components/colorscale/color_attributes":611,"../../components/drawing/attributes":627,"../../lib/extend":717,"../../plots/attributes":770,"../scatter/attributes":1031}],1092:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Axes = require('../../plots/cartesian/axes');
+
+var subTypes = require('../scatter/subtypes');
+var calcColorscale = require('../scatter/colorscale_calc');
+var arraysToCalcdata = require('../scatter/arrays_to_calcdata');
+
+var dataArrays = ['a', 'b', 'c'];
+var arraysToFill = {a: ['b', 'c'], b: ['a', 'c'], c: ['a', 'b']};
+
+
+module.exports = function calc(gd, trace) {
+    var ternary = gd._fullLayout[trace.subplot],
+        displaySum = ternary.sum,
+        normSum = trace.sum || displaySum;
+
+    var i, j, dataArray, newArray, fillArray1, fillArray2;
+
+    // fill in one missing component
+    for(i = 0; i < dataArrays.length; i++) {
+        dataArray = dataArrays[i];
+        if(trace[dataArray]) continue;
+
+        fillArray1 = trace[arraysToFill[dataArray][0]];
+        fillArray2 = trace[arraysToFill[dataArray][1]];
+        newArray = new Array(fillArray1.length);
+        for(j = 0; j < fillArray1.length; j++) {
+            newArray[j] = normSum - fillArray1[j] - fillArray2[j];
+        }
+        trace[dataArray] = newArray;
+    }
+
+    // make the calcdata array
+    var serieslen = trace.a.length;
+    var cd = new Array(serieslen);
+    var a, b, c, norm, x, y;
+    for(i = 0; i < serieslen; i++) {
+        a = trace.a[i];
+        b = trace.b[i];
+        c = trace.c[i];
+        if(isNumeric(a) && isNumeric(b) && isNumeric(c)) {
+            a = +a;
+            b = +b;
+            c = +c;
+            norm = displaySum / (a + b + c);
+            if(norm !== 1) {
+                a *= norm;
+                b *= norm;
+                c *= norm;
+            }
+            // map a, b, c onto x and y where the full scale of y
+            // is [0, sum], and x is [-sum, sum]
+            // TODO: this makes `a` always the top, `b` the bottom left,
+            // and `c` the bottom right. Do we want options to rearrange
+            // these?
+            y = a;
+            x = c - b;
+            cd[i] = {x: x, y: y, a: a, b: b, c: c};
+        }
+        else cd[i] = {x: false, y: false};
+    }
+
+    // fill in some extras
+    var marker, s;
+    if(subTypes.hasMarkers(trace)) {
+        // Treat size like x or y arrays --- Run d2c
+        // this needs to go before ppad computation
+        marker = trace.marker;
+        s = marker.size;
+
+        if(Array.isArray(s)) {
+            var ax = {type: 'linear'};
+            Axes.setConvert(ax);
+            s = ax.makeCalcdata(trace.marker, 'size');
+            if(s.length > serieslen) s.splice(serieslen, s.length - serieslen);
+        }
+    }
+
+    calcColorscale(trace);
+    arraysToCalcdata(cd, trace);
+
+    return cd;
+};
+
+},{"../../plots/cartesian/axes":772,"../scatter/arrays_to_calcdata":1030,"../scatter/colorscale_calc":1035,"../scatter/subtypes":1052,"fast-isnumeric":131}],1093:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var constants = require('../scatter/constants');
+var subTypes = require('../scatter/subtypes');
+var handleMarkerDefaults = require('../scatter/marker_defaults');
+var handleLineDefaults = require('../scatter/line_defaults');
+var handleLineShapeDefaults = require('../scatter/line_shape_defaults');
+var handleTextDefaults = require('../scatter/text_defaults');
+var handleFillColorDefaults = require('../scatter/fillcolor_defaults');
+
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var a = coerce('a'),
+        b = coerce('b'),
+        c = coerce('c'),
+        len;
+
+    // allow any one array to be missing, len is the minimum length of those
+    // present. Note that after coerce data_array's are either Arrays (which
+    // are truthy even if empty) or undefined. As in scatter, an empty array
+    // is different from undefined, because it can signify that this data is
+    // not known yet but expected in the future
+    if(a) {
+        len = a.length;
+        if(b) {
+            len = Math.min(len, b.length);
+            if(c) len = Math.min(len, c.length);
+        }
+        else if(c) len = Math.min(len, c.length);
+        else len = 0;
+    }
+    else if(b && c) {
+        len = Math.min(b.length, c.length);
+    }
+
+    if(!len) {
+        traceOut.visible = false;
+        return;
+    }
+
+    // cut all data arrays down to same length
+    if(a && len < a.length) traceOut.a = a.slice(0, len);
+    if(b && len < b.length) traceOut.b = b.slice(0, len);
+    if(c && len < c.length) traceOut.c = c.slice(0, len);
+
+    coerce('sum');
+
+    coerce('text');
+    coerce('hovertext');
+
+    var defaultMode = len < constants.PTS_LINESONLY ? 'lines+markers' : 'lines';
+    coerce('mode', defaultMode);
+
+    if(subTypes.hasLines(traceOut)) {
+        handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce);
+        handleLineShapeDefaults(traceIn, traceOut, coerce);
+        coerce('connectgaps');
+    }
+
+    if(subTypes.hasMarkers(traceOut)) {
+        handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {gradient: true});
+    }
+
+    if(subTypes.hasText(traceOut)) {
+        handleTextDefaults(traceIn, traceOut, layout, coerce);
+    }
+
+    var dfltHoverOn = [];
+
+    if(subTypes.hasMarkers(traceOut) || subTypes.hasText(traceOut)) {
+        coerce('marker.maxdisplayed');
+        dfltHoverOn.push('points');
+    }
+
+    coerce('fill');
+    if(traceOut.fill !== 'none') {
+        handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
+        if(!subTypes.hasLines(traceOut)) handleLineShapeDefaults(traceIn, traceOut, coerce);
+    }
+
+    if(traceOut.fill === 'tonext' || traceOut.fill === 'toself') {
+        dfltHoverOn.push('fills');
+    }
+    coerce('hoveron', dfltHoverOn.join('+') || 'points');
+
+    coerce('cliponaxis');
+};
+
+},{"../../lib":728,"../scatter/constants":1036,"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/line_shape_defaults":1045,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1091}],1094:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterHover = require('../scatter/hover');
+var Axes = require('../../plots/cartesian/axes');
+
+
+module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
+    var scatterPointData = scatterHover(pointData, xval, yval, hovermode);
+    if(!scatterPointData || scatterPointData[0].index === false) return;
+
+    var newPointData = scatterPointData[0];
+
+    // if hovering on a fill, we don't show any point data so the label is
+    // unchanged from what scatter gives us - except that it needs to
+    // be constrained to the trianglular plot area, not just the rectangular
+    // area defined by the synthetic x and y axes
+    // TODO: in some cases the vertical middle of the shape is not within
+    // the triangular viewport at all, so the label can become disconnected
+    // from the shape entirely. But calculating what portion of the shape
+    // is actually visible, as constrained by the diagonal axis lines, is not
+    // so easy and anyway we lost the information we would have needed to do
+    // this inside scatterHover.
+    if(newPointData.index === undefined) {
+        var yFracUp = 1 - (newPointData.y0 / pointData.ya._length),
+            xLen = pointData.xa._length,
+            xMin = xLen * yFracUp / 2,
+            xMax = xLen - xMin;
+        newPointData.x0 = Math.max(Math.min(newPointData.x0, xMax), xMin);
+        newPointData.x1 = Math.max(Math.min(newPointData.x1, xMax), xMin);
+        return scatterPointData;
+    }
+
+    var cdi = newPointData.cd[newPointData.index];
+
+    newPointData.a = cdi.a;
+    newPointData.b = cdi.b;
+    newPointData.c = cdi.c;
+
+    newPointData.xLabelVal = undefined;
+    newPointData.yLabelVal = undefined;
+    // TODO: nice formatting, and label by axis title, for a, b, and c?
+
+    var trace = newPointData.trace;
+    var ternary = trace._ternary;
+    var hoverinfo = cdi.hi || trace.hoverinfo;
+    var parts = hoverinfo.split('+');
+    var text = [];
+
+    function textPart(ax, val) {
+        text.push(ax._hovertitle + ': ' + Axes.tickText(ax, val, 'hover').text);
+    }
+
+    if(parts.indexOf('all') !== -1) parts = ['a', 'b', 'c'];
+    if(parts.indexOf('a') !== -1) textPart(ternary.aaxis, cdi.a);
+    if(parts.indexOf('b') !== -1) textPart(ternary.baxis, cdi.b);
+    if(parts.indexOf('c') !== -1) textPart(ternary.caxis, cdi.c);
+
+    newPointData.extraText = text.join('<br>');
+
+    return scatterPointData;
+};
+
+},{"../../plots/cartesian/axes":772,"../scatter/hover":1041}],1095:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var ScatterTernary = {};
+
+ScatterTernary.attributes = require('./attributes');
+ScatterTernary.supplyDefaults = require('./defaults');
+ScatterTernary.colorbar = require('../scatter/colorbar');
+ScatterTernary.calc = require('./calc');
+ScatterTernary.plot = require('./plot');
+ScatterTernary.style = require('./style');
+ScatterTernary.hoverPoints = require('./hover');
+ScatterTernary.selectPoints = require('./select');
+
+ScatterTernary.moduleType = 'trace';
+ScatterTernary.name = 'scatterternary';
+ScatterTernary.basePlotModule = require('../../plots/ternary');
+ScatterTernary.categories = ['ternary', 'symbols', 'markerColorscale', 'showLegend', 'scatter-like'];
+ScatterTernary.meta = {
+    
+    
+};
+
+module.exports = ScatterTernary;
+
+},{"../../plots/ternary":839,"../scatter/colorbar":1034,"./attributes":1091,"./calc":1092,"./defaults":1093,"./hover":1094,"./plot":1096,"./select":1097,"./style":1098}],1096:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var scatterPlot = require('../scatter/plot');
+
+
+module.exports = function plot(ternary, moduleCalcData) {
+    var plotContainer = ternary.plotContainer;
+
+    // remove all nodes inside the scatter layer
+    plotContainer.select('.scatterlayer').selectAll('*').remove();
+
+    // mimic cartesian plotinfo
+    var plotinfo = {
+        xaxis: ternary.xaxis,
+        yaxis: ternary.yaxis,
+        plot: plotContainer,
+        layerClipId: ternary._hasClipOnAxisFalse ? ternary.clipIdRelative : null
+    };
+
+    // add ref to ternary subplot object in fullData traces
+    for(var i = 0; i < moduleCalcData.length; i++) {
+        moduleCalcData[i][0].trace._ternary = ternary;
+    }
+
+    scatterPlot(ternary.graphDiv, plotinfo, moduleCalcData);
+};
+
+},{"../scatter/plot":1049}],1097:[function(require,module,exports){
+arguments[4][1067][0].apply(exports,arguments)
+},{"../scatter/select":1050,"dup":1067}],1098:[function(require,module,exports){
+arguments[4][1068][0].apply(exports,arguments)
+},{"../scatter/style":1051,"dup":1068}],1099:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Color = require('../../components/color');
+var colorscaleAttrs = require('../../components/colorscale/attributes');
+var colorbarAttrs = require('../../components/colorbar/attributes');
+
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+
+function makeContourProjAttr(axLetter) {
+    return {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    };
+}
+
+function makeContourAttr(axLetter) {
+    return {
+        show: {
+            valType: 'boolean',
+            
+            dflt: false,
+            
+        },
+        project: {
+            x: makeContourProjAttr('x'),
+            y: makeContourProjAttr('y'),
+            z: makeContourProjAttr('z')
+        },
+        color: {
+            valType: 'color',
+            
+            dflt: Color.defaultLine,
+            
+        },
+        usecolormap: {
+            valType: 'boolean',
+            
+            dflt: false,
+            
+        },
+        width: {
+            valType: 'number',
+            
+            min: 1,
+            max: 16,
+            dflt: 2,
+            
+        },
+        highlight: {
+            valType: 'boolean',
+            
+            dflt: true,
+            
+        },
+        highlightcolor: {
+            valType: 'color',
+            
+            dflt: Color.defaultLine,
+            
+        },
+        highlightwidth: {
+            valType: 'number',
+            
+            min: 1,
+            max: 16,
+            dflt: 2,
+            
+        }
+    };
+}
+
+var attrs = module.exports = overrideAll({
+    z: {
+        valType: 'data_array',
+        
+    },
+    x: {
+        valType: 'data_array',
+        
+    },
+    y: {
+        valType: 'data_array',
+        
+    },
+
+    text: {
+        valType: 'data_array',
+        
+    },
+    surfacecolor: {
+        valType: 'data_array',
+        
+    },
+
+    cauto: colorscaleAttrs.zauto,
+    cmin: colorscaleAttrs.zmin,
+    cmax: colorscaleAttrs.zmax,
+    colorscale: colorscaleAttrs.colorscale,
+    autocolorscale: extendFlat({}, colorscaleAttrs.autocolorscale,
+        {dflt: false}),
+    reversescale: colorscaleAttrs.reversescale,
+    showscale: colorscaleAttrs.showscale,
+    colorbar: colorbarAttrs,
+
+    contours: {
+        x: makeContourAttr('x'),
+        y: makeContourAttr('y'),
+        z: makeContourAttr('z')
+    },
+    hidesurface: {
+        valType: 'boolean',
+        
+        dflt: false,
+        
+    },
+
+    lightposition: {
+        x: {
+            valType: 'number',
+            
+            min: -1e5,
+            max: 1e5,
+            dflt: 10,
+            
+        },
+        y: {
+            valType: 'number',
+            
+            min: -1e5,
+            max: 1e5,
+            dflt: 1e4,
+            
+        },
+        z: {
+            valType: 'number',
+            
+            min: -1e5,
+            max: 1e5,
+            dflt: 0,
+            
+        }
+    },
+
+    lighting: {
+        ambient: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 1.0,
+            dflt: 0.8,
+            
+        },
+        diffuse: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 1.00,
+            dflt: 0.8,
+            
+        },
+        specular: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 2.00,
+            dflt: 0.05,
+            
+        },
+        roughness: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 1.00,
+            dflt: 0.5,
+            
+        },
+        fresnel: {
+            valType: 'number',
+            
+            min: 0.00,
+            max: 5.00,
+            dflt: 0.2,
+            
+        }
+    },
+
+    opacity: {
+        valType: 'number',
+        
+        min: 0,
+        max: 1,
+        dflt: 1,
+        
+    },
+
+    _deprecated: {
+        zauto: extendFlat({}, colorscaleAttrs.zauto, {
+            
+        }),
+        zmin: extendFlat({}, colorscaleAttrs.zmin, {
+            
+        }),
+        zmax: extendFlat({}, colorscaleAttrs.zmax, {
+            
+        })
+    }
+}, 'calc', 'nested');
+
+attrs.x.editType = attrs.y.editType = attrs.z.editType = 'calc+clearAxisTypes';
+
+},{"../../components/color":604,"../../components/colorbar/attributes":605,"../../components/colorscale/attributes":609,"../../lib/extend":717,"../../plot_api/edit_types":756}],1100:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var colorscaleCalc = require('../../components/colorscale/calc');
+
+
+// Compute auto-z and autocolorscale if applicable
+module.exports = function calc(gd, trace) {
+    if(trace.surfacecolor) {
+        colorscaleCalc(trace, trace.surfacecolor, '', 'c');
+    } else {
+        colorscaleCalc(trace, trace.z, '', 'c');
+    }
+};
+
+},{"../../components/colorscale/calc":610}],1101:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var isNumeric = require('fast-isnumeric');
+
+var Lib = require('../../lib');
+var Plots = require('../../plots/plots');
+var Colorscale = require('../../components/colorscale');
+var drawColorbar = require('../../components/colorbar/draw');
+
+
+module.exports = function colorbar(gd, cd) {
+    var trace = cd[0].trace,
+        cbId = 'cb' + trace.uid,
+        cmin = trace.cmin,
+        cmax = trace.cmax,
+        vals = trace.surfacecolor || trace.z;
+
+    if(!isNumeric(cmin)) cmin = Lib.aggNums(Math.min, null, vals);
+    if(!isNumeric(cmax)) cmax = Lib.aggNums(Math.max, null, vals);
+
+    gd._fullLayout._infolayer.selectAll('.' + cbId).remove();
+
+    if(!trace.showscale) {
+        Plots.autoMargin(gd, cbId);
+        return;
+    }
+
+    var cb = cd[0].t.cb = drawColorbar(gd, cbId);
+    var sclFunc = Colorscale.makeColorScaleFunc(
+        Colorscale.extractScale(
+            trace.colorscale,
+            cmin,
+            cmax
+        ),
+        { noNumericCheck: true }
+    );
+
+    cb.fillcolor(sclFunc)
+        .filllevels({start: cmin, end: cmax, size: (cmax - cmin) / 254})
+        .options(trace.colorbar)();
+};
+
+},{"../../components/colorbar/draw":607,"../../components/colorscale":618,"../../lib":728,"../../plots/plots":831,"fast-isnumeric":131}],1102:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var createSurface = require('gl-surface3d');
+var ndarray = require('ndarray');
+var homography = require('ndarray-homography');
+var fill = require('ndarray-fill');
+var ops = require('ndarray-ops');
+var tinycolor = require('tinycolor2');
+
+var str2RgbaArray = require('../../lib/str2rgbarray');
+
+var MIN_RESOLUTION = 128;
+
+function SurfaceTrace(scene, surface, uid) {
+    this.scene = scene;
+    this.uid = uid;
+    this.surface = surface;
+    this.data = null;
+    this.showContour = [false, false, false];
+    this.dataScale = 1.0;
+}
+
+var proto = SurfaceTrace.prototype;
+
+proto.handlePick = function(selection) {
+    if(selection.object === this.surface) {
+        var selectIndex = selection.index = [
+            Math.min(
+                Math.round(selection.data.index[0] / this.dataScale - 1)|0,
+                this.data.z[0].length - 1
+            ),
+            Math.min(
+                Math.round(selection.data.index[1] / this.dataScale - 1)|0,
+                this.data.z.length - 1
+            )
+        ];
+        var traceCoordinate = [0, 0, 0];
+
+        if(Array.isArray(this.data.x[0])) {
+            traceCoordinate[0] = this.data.x[selectIndex[1]][selectIndex[0]];
+        } else {
+            traceCoordinate[0] = this.data.x[selectIndex[0]];
+        }
+        if(Array.isArray(this.data.y[0])) {
+            traceCoordinate[1] = this.data.y[selectIndex[1]][selectIndex[0]];
+        } else {
+            traceCoordinate[1] = this.data.y[selectIndex[1]];
+        }
+
+        traceCoordinate[2] = this.data.z[selectIndex[1]][selectIndex[0]];
+        selection.traceCoordinate = traceCoordinate;
+
+        var sceneLayout = this.scene.fullSceneLayout;
+        selection.dataCoordinate = [
+            sceneLayout.xaxis.d2l(traceCoordinate[0], 0, this.data.xcalendar) * this.scene.dataScale[0],
+            sceneLayout.yaxis.d2l(traceCoordinate[1], 0, this.data.ycalendar) * this.scene.dataScale[1],
+            sceneLayout.zaxis.d2l(traceCoordinate[2], 0, this.data.zcalendar) * this.scene.dataScale[2]
+        ];
+
+        var text = this.data.text;
+        if(text && text[selectIndex[1]] && text[selectIndex[1]][selectIndex[0]] !== undefined) {
+            selection.textLabel = text[selectIndex[1]][selectIndex[0]];
+        }
+        else selection.textLabel = '';
+
+        selection.data.dataCoordinate = selection.dataCoordinate.slice();
+
+        this.surface.highlight(selection.data);
+
+        // Snap spikes to data coordinate
+        this.scene.glplot.spikes.position = selection.dataCoordinate;
+
+        return true;
+    }
+};
+
+function parseColorScale(colorscale, alpha) {
+    if(alpha === undefined) alpha = 1;
+
+    return colorscale.map(function(elem) {
+        var index = elem[0];
+        var color = tinycolor(elem[1]);
+        var rgb = color.toRgb();
+        return {
+            index: index,
+            rgb: [rgb.r, rgb.g, rgb.b, alpha]
+        };
+    });
+}
+
+function isColormapCircular(colormap) {
+    var first = colormap[0].rgb,
+        last = colormap[colormap.length - 1].rgb;
+
+    return (
+        first[0] === last[0] &&
+        first[1] === last[1] &&
+        first[2] === last[2] &&
+        first[3] === last[3]
+    );
+}
+
+// Pad coords by +1
+function padField(field) {
+    var shape = field.shape;
+    var nshape = [shape[0] + 2, shape[1] + 2];
+    var nfield = ndarray(new Float32Array(nshape[0] * nshape[1]), nshape);
+
+    // Center
+    ops.assign(nfield.lo(1, 1).hi(shape[0], shape[1]), field);
+
+    // Edges
+    ops.assign(nfield.lo(1).hi(shape[0], 1),
+                field.hi(shape[0], 1));
+    ops.assign(nfield.lo(1, nshape[1] - 1).hi(shape[0], 1),
+                field.lo(0, shape[1] - 1).hi(shape[0], 1));
+    ops.assign(nfield.lo(0, 1).hi(1, shape[1]),
+                field.hi(1));
+    ops.assign(nfield.lo(nshape[0] - 1, 1).hi(1, shape[1]),
+                field.lo(shape[0] - 1));
+
+    // Corners
+    nfield.set(0, 0, field.get(0, 0));
+    nfield.set(0, nshape[1] - 1, field.get(0, shape[1] - 1));
+    nfield.set(nshape[0] - 1, 0, field.get(shape[0] - 1, 0));
+    nfield.set(nshape[0] - 1, nshape[1] - 1, field.get(shape[0] - 1, shape[1] - 1));
+
+    return nfield;
+}
+
+function refine(coords) {
+    var minScale = Math.max(coords[0].shape[0], coords[0].shape[1]);
+
+    if(minScale < MIN_RESOLUTION) {
+        var scaleF = MIN_RESOLUTION / minScale;
+        var nshape = [
+            Math.floor((coords[0].shape[0]) * scaleF + 1)|0,
+            Math.floor((coords[0].shape[1]) * scaleF + 1)|0 ];
+        var nsize = nshape[0] * nshape[1];
+
+        for(var i = 0; i < coords.length; ++i) {
+            var padImg = padField(coords[i]);
+            var scaledImg = ndarray(new Float32Array(nsize), nshape);
+            homography(scaledImg, padImg, [scaleF, 0, 0,
+                0, scaleF, 0,
+                0, 0, 1]);
+            coords[i] = scaledImg;
+        }
+
+        return scaleF;
+    }
+
+    return 1.0;
+}
+
+proto.setContourLevels = function() {
+    var nlevels = [[], [], []];
+    var needsUpdate = false;
+
+    for(var i = 0; i < 3; ++i) {
+        if(this.showContour[i]) {
+            needsUpdate = true;
+            nlevels[i] = this.scene.contourLevels[i];
+        }
+    }
+
+    if(needsUpdate) {
+        this.surface.update({ levels: nlevels });
+    }
+};
+
+proto.update = function(data) {
+    var i,
+        scene = this.scene,
+        sceneLayout = scene.fullSceneLayout,
+        surface = this.surface,
+        alpha = data.opacity,
+        colormap = parseColorScale(data.colorscale, alpha),
+        z = data.z,
+        x = data.x,
+        y = data.y,
+        xaxis = sceneLayout.xaxis,
+        yaxis = sceneLayout.yaxis,
+        zaxis = sceneLayout.zaxis,
+        scaleFactor = scene.dataScale,
+        xlen = z[0].length,
+        ylen = z.length,
+        coords = [
+            ndarray(new Float32Array(xlen * ylen), [xlen, ylen]),
+            ndarray(new Float32Array(xlen * ylen), [xlen, ylen]),
+            ndarray(new Float32Array(xlen * ylen), [xlen, ylen])
+        ],
+        xc = coords[0],
+        yc = coords[1],
+        contourLevels = scene.contourLevels;
+
+    // Save data
+    this.data = data;
+
+    /*
+     * Fill and transpose zdata.
+     * Consistent with 'heatmap' and 'contour', plotly 'surface'
+     * 'z' are such that sub-arrays correspond to y-coords
+     * and that the sub-array entries correspond to a x-coords,
+     * which is the transpose of 'gl-surface-plot'.
+     */
+
+    var xcalendar = data.xcalendar,
+        ycalendar = data.ycalendar,
+        zcalendar = data.zcalendar;
+
+    fill(coords[2], function(row, col) {
+        return zaxis.d2l(z[col][row], 0, zcalendar) * scaleFactor[2];
+    });
+
+    // coords x
+    if(Array.isArray(x[0])) {
+        fill(xc, function(row, col) {
+            return xaxis.d2l(x[col][row], 0, xcalendar) * scaleFactor[0];
+        });
+    } else {
+        // ticks x
+        fill(xc, function(row) {
+            return xaxis.d2l(x[row], 0, xcalendar) * scaleFactor[0];
+        });
+    }
+
+    // coords y
+    if(Array.isArray(y[0])) {
+        fill(yc, function(row, col) {
+            return yaxis.d2l(y[col][row], 0, ycalendar) * scaleFactor[1];
+        });
+    } else {
+        // ticks y
+        fill(yc, function(row, col) {
+            return yaxis.d2l(y[col], 0, ycalendar) * scaleFactor[1];
+        });
+    }
+
+    var params = {
+        colormap: colormap,
+        levels: [[], [], []],
+        showContour: [true, true, true],
+        showSurface: !data.hidesurface,
+        contourProject: [
+            [false, false, false],
+            [false, false, false],
+            [false, false, false]
+        ],
+        contourWidth: [1, 1, 1],
+        contourColor: [[1, 1, 1, 1], [1, 1, 1, 1], [1, 1, 1, 1]],
+        contourTint: [1, 1, 1],
+        dynamicColor: [[1, 1, 1, 1], [1, 1, 1, 1], [1, 1, 1, 1]],
+        dynamicWidth: [1, 1, 1],
+        dynamicTint: [1, 1, 1],
+        opacity: data.opacity
+    };
+
+    params.intensityBounds = [data.cmin, data.cmax];
+
+    // Refine if necessary
+    if(data.surfacecolor) {
+        var intensity = ndarray(new Float32Array(xlen * ylen), [xlen, ylen]);
+
+        fill(intensity, function(row, col) {
+            return data.surfacecolor[col][row];
+        });
+
+        coords.push(intensity);
+    }
+    else {
+        // when 'z' is used as 'intensity',
+        // we must scale its value
+        params.intensityBounds[0] *= scaleFactor[2];
+        params.intensityBounds[1] *= scaleFactor[2];
+    }
+
+    this.dataScale = refine(coords);
+
+    if(data.surfacecolor) {
+        params.intensity = coords.pop();
+    }
+
+    var highlightEnable = [true, true, true];
+    var axis = ['x', 'y', 'z'];
+
+    for(i = 0; i < 3; ++i) {
+        var contourParams = data.contours[axis[i]];
+        highlightEnable[i] = contourParams.highlight;
+
+        params.showContour[i] = contourParams.show || contourParams.highlight;
+        if(!params.showContour[i]) continue;
+
+        params.contourProject[i] = [
+            contourParams.project.x,
+            contourParams.project.y,
+            contourParams.project.z
+        ];
+
+        if(contourParams.show) {
+            this.showContour[i] = true;
+            params.levels[i] = contourLevels[i];
+            surface.highlightColor[i] = params.contourColor[i] = str2RgbaArray(contourParams.color);
+
+            if(contourParams.usecolormap) {
+                surface.highlightTint[i] = params.contourTint[i] = 0;
+            }
+            else {
+                surface.highlightTint[i] = params.contourTint[i] = 1;
+            }
+            params.contourWidth[i] = contourParams.width;
+        } else {
+            this.showContour[i] = false;
+        }
+
+        if(contourParams.highlight) {
+            params.dynamicColor[i] = str2RgbaArray(contourParams.highlightcolor);
+            params.dynamicWidth[i] = contourParams.highlightwidth;
+        }
+    }
+
+    // see https://github.com/plotly/plotly.js/issues/940
+    if(isColormapCircular(colormap)) {
+        params.vertexColor = true;
+    }
+
+    params.coords = coords;
+
+    surface.update(params);
+
+    surface.visible = data.visible;
+    surface.enableDynamic = highlightEnable;
+
+    surface.snapToData = true;
+
+    if('lighting' in data) {
+        surface.ambientLight = data.lighting.ambient;
+        surface.diffuseLight = data.lighting.diffuse;
+        surface.specularLight = data.lighting.specular;
+        surface.roughness = data.lighting.roughness;
+        surface.fresnel = data.lighting.fresnel;
+    }
+
+    if('lightposition' in data) {
+        surface.lightPosition = [data.lightposition.x, data.lightposition.y, data.lightposition.z];
+    }
+
+    if(alpha && alpha < 1) {
+        surface.supportsTransparency = true;
+    }
+};
+
+proto.dispose = function() {
+    this.scene.glplot.remove(this.surface);
+    this.surface.dispose();
+};
+
+function createSurfaceTrace(scene, data) {
+    var gl = scene.glplot.gl;
+    var surface = createSurface({ gl: gl });
+    var result = new SurfaceTrace(scene, surface, data.uid);
+    surface._trace = result;
+    result.update(data);
+    scene.glplot.add(surface);
+    return result;
+}
+
+module.exports = createSurfaceTrace;
+
+},{"../../lib/str2rgbarray":749,"gl-surface3d":266,"ndarray":467,"ndarray-fill":457,"ndarray-homography":459,"ndarray-ops":461,"tinycolor2":534}],1103:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Registry = require('../../registry');
+var Lib = require('../../lib');
+
+var colorscaleDefaults = require('../../components/colorscale/defaults');
+var attributes = require('./attributes');
+
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    var i, j;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    var z = coerce('z');
+    if(!z) {
+        traceOut.visible = false;
+        return;
+    }
+
+    var xlen = z[0].length;
+    var ylen = z.length;
+
+    coerce('x');
+    coerce('y');
+
+    var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults');
+    handleCalendarDefaults(traceIn, traceOut, ['x', 'y', 'z'], layout);
+
+    if(!Array.isArray(traceOut.x)) {
+        // build a linearly scaled x
+        traceOut.x = [];
+        for(i = 0; i < xlen; ++i) {
+            traceOut.x[i] = i;
+        }
+    }
+
+    coerce('text');
+    if(!Array.isArray(traceOut.y)) {
+        traceOut.y = [];
+        for(i = 0; i < ylen; ++i) {
+            traceOut.y[i] = i;
+        }
+    }
+
+    // Coerce remaining properties
+    [
+        'lighting.ambient',
+        'lighting.diffuse',
+        'lighting.specular',
+        'lighting.roughness',
+        'lighting.fresnel',
+        'lightposition.x',
+        'lightposition.y',
+        'lightposition.z',
+        'hidesurface',
+        'opacity'
+    ].forEach(function(x) { coerce(x); });
+
+    var surfaceColor = coerce('surfacecolor');
+
+    coerce('colorscale');
+
+    var dims = ['x', 'y', 'z'];
+    for(i = 0; i < 3; ++i) {
+
+        var contourDim = 'contours.' + dims[i];
+        var show = coerce(contourDim + '.show');
+        var highlight = coerce(contourDim + '.highlight');
+
+        if(show || highlight) {
+            for(j = 0; j < 3; ++j) {
+                coerce(contourDim + '.project.' + dims[j]);
+            }
+        }
+
+        if(show) {
+            coerce(contourDim + '.color');
+            coerce(contourDim + '.width');
+            coerce(contourDim + '.usecolormap');
+        }
+
+        if(highlight) {
+            coerce(contourDim + '.highlightcolor');
+            coerce(contourDim + '.highlightwidth');
+        }
+    }
+
+    // backward compatibility block
+    if(!surfaceColor) {
+        mapLegacy(traceIn, 'zmin', 'cmin');
+        mapLegacy(traceIn, 'zmax', 'cmax');
+        mapLegacy(traceIn, 'zauto', 'cauto');
+    }
+
+    // TODO if contours.?.usecolormap are false and hidesurface is true
+    // the colorbar shouldn't be shown by default
+
+    colorscaleDefaults(
+        traceIn, traceOut, layout, coerce, {prefix: '', cLetter: 'c'}
+    );
+};
+
+function mapLegacy(traceIn, oldAttr, newAttr) {
+    if(oldAttr in traceIn && !(newAttr in traceIn)) {
+        traceIn[newAttr] = traceIn[oldAttr];
+    }
+}
+
+},{"../../components/colorscale/defaults":613,"../../lib":728,"../../registry":846,"./attributes":1099}],1104:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+
+'use strict';
+
+var Surface = {};
+
+Surface.attributes = require('./attributes');
+Surface.supplyDefaults = require('./defaults');
+Surface.colorbar = require('./colorbar');
+Surface.calc = require('./calc');
+Surface.plot = require('./convert');
+
+Surface.moduleType = 'trace';
+Surface.name = 'surface';
+Surface.basePlotModule = require('../../plots/gl3d');
+Surface.categories = ['gl3d', '2dMap', 'noOpacity'];
+Surface.meta = {
+    
+};
+
+module.exports = Surface;
+
+},{"../../plots/gl3d":811,"./attributes":1099,"./calc":1100,"./colorbar":1101,"./convert":1102,"./defaults":1103}],1105:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var annAttrs = require('../../components/annotations/attributes');
+var extendFlat = require('../../lib/extend').extendFlat;
+var overrideAll = require('../../plot_api/edit_types').overrideAll;
+var fontAttrs = require('../../plots/font_attributes');
+
+module.exports = overrideAll({
+    domain: {
+        x: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        },
+        y: {
+            valType: 'info_array',
+            
+            items: [
+                {valType: 'number', min: 0, max: 1},
+                {valType: 'number', min: 0, max: 1}
+            ],
+            dflt: [0, 1],
+            
+        }
+    },
+
+    columnwidth: {
+        valType: 'number',
+        arrayOk: true,
+        dflt: null,
+        
+        
+    },
+
+    columnorder: {
+        valType: 'data_array',
+        
+        
+    },
+
+    header: {
+
+        values: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+
+        format: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+
+        prefix: {
+            valType: 'string',
+            arrayOk: true,
+            dflt: null,
+            
+            
+        },
+
+        suffix: {
+            valType: 'string',
+            arrayOk: true,
+            dflt: null,
+            
+            
+        },
+
+        height: {
+            valType: 'number',
+            dflt: 28,
+            
+            
+        },
+
+        align: extendFlat({}, annAttrs.align, {arrayOk: true}),
+
+        line: {
+            width: {
+                valType: 'number',
+                arrayOk: true,
+                dflt: 1,
+                
+            },
+            color: {
+                valType: 'color',
+                arrayOk: true,
+                dflt: 'grey',
+                
+            }
+        },
+
+        fill: {
+            color: {
+                valType: 'color',
+                arrayOk: true,
+                dflt: 'white',
+                
+                
+            }
+        },
+
+        font: extendFlat({}, fontAttrs({arrayOk: true}))
+    },
+
+    cells: {
+
+        values: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+
+        format: {
+            valType: 'data_array',
+            
+            dflt: [],
+            
+        },
+
+        prefix: {
+            valType: 'string',
+            arrayOk: true,
+            dflt: null,
+            
+            
+        },
+
+        suffix: {
+            valType: 'string',
+            arrayOk: true,
+            dflt: null,
+            
+            
+        },
+
+        height: {
+            valType: 'number',
+            dflt: 20,
+            
+            
+        },
+
+        align: extendFlat({}, annAttrs.align, {arrayOk: true}),
+
+        line: {
+            width: {
+                valType: 'number',
+                arrayOk: true,
+                dflt: 1,
+                
+            },
+            color: {
+                valType: 'color',
+                arrayOk: true,
+                dflt: 'grey',
+                
+            }
+        },
+
+        fill: {
+            color: {
+                valType: 'color',
+                arrayOk: true,
+                
+                dflt: 'white',
+                
+            }
+        },
+
+        font: extendFlat({}, fontAttrs({arrayOk: true}))
+    }
+}, 'calc', 'from-root');
+
+},{"../../components/annotations/attributes":587,"../../lib/extend":717,"../../plot_api/edit_types":756,"../../plots/font_attributes":796}],1106:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Plots = require('../../plots/plots');
+var tablePlot = require('./plot');
+
+exports.name = 'table';
+
+exports.attr = 'type';
+
+exports.plot = function(gd) {
+    var calcData = Plots.getSubplotCalcData(gd.calcdata, 'table', 'table');
+    if(calcData.length) tablePlot(gd, calcData);
+};
+
+exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) {
+    var hadTable = (oldFullLayout._has && oldFullLayout._has('table'));
+    var hasTable = (newFullLayout._has && newFullLayout._has('table'));
+
+    if(hadTable && !hasTable) {
+        oldFullLayout._paperdiv.selectAll('.table').remove();
+    }
+};
+
+},{"../../plots/plots":831,"./plot":1113}],1107:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var wrap = require('../../lib/gup').wrap;
+
+module.exports = function calc(gd, trace) {
+    return wrap(trace);
+};
+
+},{"../../lib/gup":725}],1108:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = {
+    maxDimensionCount: 60,
+    overdrag: 45,
+    cellPad: 8,
+    latexCheck: /^\$.*\$$/,
+    wrapSplitCharacter: ' ',
+    wrapSpacer: ' ',
+    lineBreaker: '<br>',
+    uplift: 5,
+    goldenRatio: 1.618,
+    columnTitleOffset: 28,
+    columnExtentOffset: 10,
+    transitionEase: 'cubic-out',
+    transitionDuration: 100,
+    releaseTransitionEase: 'cubic-out',
+    releaseTransitionDuration: 120,
+    scrollbarWidth: 8,
+    scrollbarCaptureWidth: 18,
+    scrollbarOffset: 5,
+    scrollbarHideDelay: 1000,
+    scrollbarHideDuration: 1000,
+    cn: {
+        // general class names
+        table: 'table',
+        tableControlView: 'table-control-view',
+        scrollBackground: 'scroll-background',
+        yColumn: 'y-column',
+        columnBlock: 'column-block',
+        scrollAreaClip: 'scroll-area-clip',
+        scrollAreaClipRect: 'scroll-area-clip-rect',
+        columnBoundary: 'column-boundary',
+        columnBoundaryClippath: 'column-boundary-clippath',
+        columnBoundaryRect: 'column-boundary-rect',
+        columnCells: 'column-cells',
+        columnCell: 'column-cell',
+        cellRect: 'cell-rect',
+        cellText: 'cell-text',
+        cellTextHolder: 'cell-text-holder',
+
+        // scroll related class names
+        scrollbarKit: 'scrollbar-kit',
+        scrollbar: 'scrollbar',
+        scrollbarSlider: 'scrollbar-slider',
+        scrollbarGlyph: 'scrollbar-glyph',
+        scrollbarCaptureZone: 'scrollbar-capture-zone'
+    }
+};
+
+},{}],1109:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var c = require('./constants');
+var extendFlat = require('../../lib/extend').extendFlat;
+
+// pure functions, don't alter but passes on `gd` and parts of `trace` without deep copying
+module.exports = function calc(gd, trace) {
+    var headerValues = trace.header.values.map(function(c) {
+        return Array.isArray(c) ? c : [c];
+    });
+    var cellsValues = trace.cells.values;
+    var domain = trace.domain;
+    var groupWidth = Math.floor(gd._fullLayout._size.w * (domain.x[1] - domain.x[0]));
+    var groupHeight = Math.floor(gd._fullLayout._size.h * (domain.y[1] - domain.y[0]));
+    var headerRowHeights = headerValues.length ? headerValues[0].map(function() {return trace.header.height;}) : [];
+    var rowHeights = cellsValues.length ? cellsValues[0].map(function() {return trace.cells.height;}) : [];
+    var headerHeight = headerRowHeights.reduce(function(a, b) {return a + b;}, 0);
+    var scrollHeight = groupHeight - headerHeight;
+    var minimumFillHeight = scrollHeight + c.uplift;
+    var anchorToRowBlock = makeAnchorToRowBlock(rowHeights, minimumFillHeight);
+    var anchorToHeaderRowBlock = makeAnchorToRowBlock(headerRowHeights, headerHeight);
+    var headerRowBlocks = makeRowBlock(anchorToHeaderRowBlock, []);
+    var rowBlocks = makeRowBlock(anchorToRowBlock, headerRowBlocks);
+    var uniqueKeys = {};
+    var columnOrder = trace._fullInput.columnorder;
+    var columnWidths = headerValues.map(function(d, i) {
+        return Array.isArray(trace.columnwidth) ?
+            trace.columnwidth[Math.min(i, trace.columnwidth.length - 1)] :
+            isFinite(trace.columnwidth) && trace.columnwidth !== null ? trace.columnwidth : 1;
+    });
+    var totalColumnWidths = columnWidths.reduce(function(p, n) {return p + n;}, 0);
+
+    // fit columns in the available vertical space as there's no vertical scrolling now
+    columnWidths = columnWidths.map(function(d) {return d / totalColumnWidths * groupWidth;});
+
+    var calcdata = {
+        key: trace.index,
+        translateX: domain.x[0] * gd._fullLayout._size.w,
+        translateY: gd._fullLayout._size.h * (1 - domain.y[1]),
+        size: gd._fullLayout._size,
+        width: groupWidth,
+        height: groupHeight,
+        columnOrder: columnOrder, // will be mutated on column move, todo use in callback
+        groupHeight: groupHeight,
+        rowBlocks: rowBlocks,
+        headerRowBlocks: headerRowBlocks,
+        scrollY: 0, // will be mutated on scroll
+        cells: trace.cells,
+        headerCells: extendFlat({}, trace.header, {values: headerValues}),
+        gdColumns: headerValues.map(function(d) {return d[0];}),
+        gdColumnsOriginalOrder: headerValues.map(function(d) {return d[0];}),
+        prevPages: [0, 0],
+        scrollbarState: {scrollbarScrollInProgress: false},
+        columns: headerValues.map(function(label, i) {
+            var foundKey = uniqueKeys[label];
+            uniqueKeys[label] = (foundKey || 0) + 1;
+            var key = label + '__' + uniqueKeys[label];
+            return {
+                key: key,
+                label: label,
+                specIndex: i,
+                xIndex: columnOrder[i],
+                xScale: xScale,
+                x: undefined, // initialized below
+                calcdata: undefined, // initialized below
+                columnWidth: columnWidths[i]
+            };
+        })
+    };
+
+    calcdata.columns.forEach(function(col) {
+        col.calcdata = calcdata;
+        col.x = xScale(col);
+    });
+
+    return calcdata;
+};
+
+function xScale(d) {
+    return d.calcdata.columns.reduce(function(prev, next) {
+        return next.xIndex < d.xIndex ? prev + next.columnWidth : prev;
+    }, 0);
+}
+
+function makeRowBlock(anchorToRowBlock, auxiliary) {
+    var blockAnchorKeys = Object.keys(anchorToRowBlock);
+    return blockAnchorKeys.map(function(k) {return extendFlat({}, anchorToRowBlock[k], {auxiliaryBlocks: auxiliary});});
+}
+
+function makeAnchorToRowBlock(rowHeights, minimumFillHeight) {
+
+    var anchorToRowBlock = {};
+    var currentRowHeight;
+    var currentAnchor = 0;
+    var currentBlockHeight = 0;
+    var currentBlock = makeIdentity();
+    var currentFirstRowIndex = 0;
+    var blockCounter = 0;
+    for(var i = 0; i < rowHeights.length; i++) {
+        currentRowHeight = rowHeights[i];
+        currentBlock.rows.push({
+            rowIndex: i,
+            rowHeight: currentRowHeight
+        });
+        currentBlockHeight += currentRowHeight;
+        if(currentBlockHeight >= minimumFillHeight || i === rowHeights.length - 1) {
+            anchorToRowBlock[currentAnchor] = currentBlock;
+            currentBlock.key = blockCounter++;
+            currentBlock.firstRowIndex = currentFirstRowIndex;
+            currentBlock.lastRowIndex = i;
+            currentBlock = makeIdentity();
+            currentAnchor += currentBlockHeight;
+            currentFirstRowIndex = i + 1;
+            currentBlockHeight = 0;
+        }
+    }
+
+    return anchorToRowBlock;
+}
+
+function makeIdentity() {
+    return {
+        firstRowIndex: null,
+        lastRowIndex: null,
+        rows: []
+    };
+}
+
+},{"../../lib/extend":717,"./constants":1108}],1110:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var extendFlat = require('../../lib/extend').extendFlat;
+
+// pure functions, don't alter but passes on `gd` and parts of `trace` without deep copying
+
+exports.splitToPanels = function(d) {
+    var prevPages = [0, 0];
+    var headerPanel = extendFlat({}, d, {
+        key: 'header',
+        type: 'header',
+        page: 0,
+        prevPages: prevPages,
+        currentRepaint: [null, null],
+        dragHandle: true,
+        values: d.calcdata.headerCells.values[d.specIndex],
+        rowBlocks: d.calcdata.headerRowBlocks,
+        calcdata: extendFlat({}, d.calcdata, {cells: d.calcdata.headerCells})
+    });
+    var revolverPanel1 = extendFlat({}, d, {
+        key: 'cells1',
+        type: 'cells',
+        page: 0,
+        prevPages: prevPages,
+        currentRepaint: [null, null],
+        dragHandle: false,
+        values: d.calcdata.cells.values[d.specIndex],
+        rowBlocks: d.calcdata.rowBlocks
+    });
+    var revolverPanel2 = extendFlat({}, d, {
+        key: 'cells2',
+        type: 'cells',
+        page: 1,
+        prevPages: prevPages,
+        currentRepaint: [null, null],
+        dragHandle: false,
+        values: d.calcdata.cells.values[d.specIndex],
+        rowBlocks: d.calcdata.rowBlocks
+    });
+    // order due to SVG using painter's algo:
+    return [revolverPanel1, revolverPanel2, headerPanel];
+};
+
+exports.splitToCells = function(d) {
+    var fromTo = rowFromTo(d);
+    return d.values.slice(fromTo[0], fromTo[1]).map(function(v, i) {
+        // By keeping identical key, a DOM node removal, creation and addition is spared, important when visible
+        // grid has a lot of elements (quadratic with xcol/ycol count).
+        // But it has to be busted when `svgUtil.convertToTspans` is used as it reshapes cell subtrees asynchronously,
+        // and by that time the user may have scrolled away, resulting in stale overwrites. The real solution will be
+        // to turn `svgUtil.convertToTspans` into a cancelable request, in which case no key busting is needed.
+        var buster = (typeof v === 'string') && v.match(/[<$&> ]/) ? '_keybuster_' + Math.random() : '';
+        return {
+            // keyWithinBlock: /*fromTo[0] + */i, // optimized future version - no busting
+            // keyWithinBlock: fromTo[0] + i, // initial always-unoptimized version - janky scrolling with 5+ columns
+            keyWithinBlock: i + buster, // current compromise: regular content is very fast; async content is possible
+            key: fromTo[0] + i,
+            column: d,
+            calcdata: d.calcdata,
+            page: d.page,
+            rowBlocks: d.rowBlocks,
+            value: v
+        };
+    });
+};
+
+function rowFromTo(d) {
+    var rowBlock = d.rowBlocks[d.page];
+    // fixme rowBlock truthiness check is due to ugly hack of placing 2nd panel as d.page = -1
+    var rowFrom = rowBlock ? rowBlock.rows[0].rowIndex : 0;
+    var rowTo = rowBlock ? rowFrom + rowBlock.rows.length : 0;
+    return [rowFrom, rowTo];
+}
+
+},{"../../lib/extend":717}],1111:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var attributes = require('./attributes');
+
+function defaultColumnOrder(traceOut, coerce) {
+    var specifiedColumnOrder = traceOut.columnorder || [];
+    var commonLength = traceOut.header.values.length;
+    var truncated = specifiedColumnOrder.slice(0, commonLength);
+    var sorted = truncated.slice().sort(function(a, b) {return a - b;});
+    var oneStepped = truncated.map(function(d) {return sorted.indexOf(d);});
+    for(var i = oneStepped.length; i < commonLength; i++) {
+        oneStepped.push(i);
+    }
+    coerce('columnorder', oneStepped);
+}
+
+module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
+    function coerce(attr, dflt) {
+        return Lib.coerce(traceIn, traceOut, attributes, attr, dflt);
+    }
+
+    coerce('domain.x');
+    coerce('domain.y');
+
+    coerce('columnwidth');
+
+    coerce('header.values');
+    coerce('header.format');
+    coerce('header.align');
+
+    coerce('header.prefix');
+    coerce('header.suffix');
+    coerce('header.height');
+    coerce('header.line.width');
+    coerce('header.line.color');
+    coerce('header.fill.color');
+    Lib.coerceFont(coerce, 'header.font', Lib.extendFlat({}, layout.font));
+
+    defaultColumnOrder(traceOut, coerce);
+
+    coerce('cells.values');
+    coerce('cells.format');
+    coerce('cells.align');
+    coerce('cells.prefix');
+    coerce('cells.suffix');
+    coerce('cells.height');
+    coerce('cells.line.width');
+    coerce('cells.line.color');
+    coerce('cells.fill.color');
+    Lib.coerceFont(coerce, 'cells.font', Lib.extendFlat({}, layout.font));
+};
+
+},{"../../lib":728,"./attributes":1105}],1112:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Table = {};
+
+Table.attributes = require('./attributes');
+Table.supplyDefaults = require('./defaults');
+Table.calc = require('./calc');
+Table.plot = require('./plot');
+
+Table.moduleType = 'trace';
+Table.name = 'table';
+Table.basePlotModule = require('./base_plot');
+Table.categories = ['noOpacity'];
+Table.meta = {
+    
+};
+
+module.exports = Table;
+
+},{"./attributes":1105,"./base_plot":1106,"./calc":1107,"./defaults":1111,"./plot":1113}],1113:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var c = require('./constants');
+var d3 = require('d3');
+var gup = require('../../lib/gup');
+var Drawing = require('../../components/drawing');
+var svgUtil = require('../../lib/svg_text_utils');
+var raiseToTop = require('../../lib').raiseToTop;
+var cancelEeaseColumn = require('../../lib').cancelTransition;
+var prepareData = require('./data_preparation_helper');
+var splitData = require('./data_split_helpers');
+var Color = require('../../components/color');
+
+module.exports = function plot(gd, wrappedTraceHolders) {
+
+    var table = gd._fullLayout._paper.selectAll('.' + c.cn.table)
+        .data(wrappedTraceHolders.map(function(wrappedTraceHolder) {
+            var traceHolder = gup.unwrap(wrappedTraceHolder);
+            var trace = traceHolder.trace;
+            return prepareData(gd, trace);
+        }), gup.keyFun);
+
+    table.exit().remove();
+
+    table.enter()
+        .append('g')
+        .classed(c.cn.table, true)
+        .attr('overflow', 'visible')
+        .style('box-sizing', 'content-box')
+        .style('position', 'absolute')
+        .style('left', 0)
+        .style('overflow', 'visible')
+        .style('shape-rendering', 'crispEdges')
+        .style('pointer-events', 'all');
+
+    table
+        .attr('width', function(d) {return d.width + d.size.l + d.size.r;})
+        .attr('height', function(d) {return d.height + d.size.t + d.size.b;})
+        .attr('transform', function(d) {
+            return 'translate(' + d.translateX + ',' + d.translateY + ')';
+        });
+
+    var tableControlView = table.selectAll('.' + c.cn.tableControlView)
+        .data(gup.repeat, gup.keyFun);
+
+    tableControlView.enter()
+        .append('g')
+        .classed(c.cn.tableControlView, true)
+        .style('box-sizing', 'content-box')
+        .on('mousemove', function(d) {tableControlView.filter(function(dd) {return d === dd;}).call(renderScrollbarKit, gd);})
+        .on('mousewheel', function(d) {
+            if(d.scrollbarState.wheeling) return;
+            d.scrollbarState.wheeling = true;
+            d3.event.stopPropagation();
+            d3.event.preventDefault();
+            makeDragRow(gd, tableControlView, null, d.scrollY + d3.event.deltaY)(d);
+            d.scrollbarState.wheeling = false;
+        })
+        .call(renderScrollbarKit, gd, true);
+
+    tableControlView
+        .attr('transform', function(d) {return 'translate(' + d.size.l + ' ' + d.size.t + ')';});
+
+    // scrollBackground merely ensures that mouse events are captured even on crazy fast scrollwheeling
+    // otherwise rendering glitches may occur
+    var scrollBackground = tableControlView.selectAll('.' + c.cn.scrollBackground)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollBackground.enter()
+        .append('rect')
+        .classed(c.cn.scrollBackground, true)
+        .attr('fill', 'none');
+
+    scrollBackground
+        .attr('width', function(d) {return d.width;})
+        .attr('height', function(d) {return d.height;});
+
+    tableControlView
+        .each(function(d) {Drawing.setClipUrl(d3.select(this), scrollAreaBottomClipKey(gd, d));});
+
+    var yColumn = tableControlView.selectAll('.' + c.cn.yColumn)
+        .data(function(vm) {return vm.columns;}, gup.keyFun);
+
+    yColumn.enter()
+        .append('g')
+        .classed(c.cn.yColumn, true);
+
+    yColumn.exit().remove();
+
+    yColumn
+        .attr('transform', function(d) {return 'translate(' + d.x + ' 0)';})
+        .call(d3.behavior.drag()
+            .origin(function(d) {
+                var movedColumn = d3.select(this);
+                easeColumn(movedColumn, d, -c.uplift);
+                raiseToTop(this);
+                d.calcdata.columnDragInProgress = true;
+                renderScrollbarKit(tableControlView.filter(function(dd) {return d.calcdata.key === dd.key;}), gd);
+                return d;
+            })
+            .on('drag', function(d) {
+                var movedColumn = d3.select(this);
+                var getter = function(dd) {return (d === dd ? d3.event.x : dd.x) + dd.columnWidth / 2;};
+                d.x = Math.max(-c.overdrag, Math.min(d.calcdata.width + c.overdrag - d.columnWidth, d3.event.x));
+
+                var sortableColumns = flatData(yColumn).filter(function(dd) {return dd.calcdata.key === d.calcdata.key;});
+                var newOrder = sortableColumns.sort(function(a, b) {return getter(a) - getter(b);});
+                newOrder.forEach(function(dd, i) {
+                    dd.xIndex = i;
+                    dd.x = d === dd ? dd.x : dd.xScale(dd);
+                });
+
+                yColumn.filter(function(dd) {return d !== dd;})
+                    .transition()
+                    .ease(c.transitionEase)
+                    .duration(c.transitionDuration)
+                    .attr('transform', function(d) {return 'translate(' + d.x + ' 0)';});
+                movedColumn
+                    .call(cancelEeaseColumn)
+                    .attr('transform', 'translate(' + d.x + ' -' + c.uplift + ' )');
+            })
+            .on('dragend', function(d) {
+                var movedColumn = d3.select(this);
+                var p = d.calcdata;
+                d.x = d.xScale(d);
+                d.calcdata.columnDragInProgress = false;
+                easeColumn(movedColumn, d, 0);
+                columnMoved(gd, p, p.columns.map(function(dd) {return dd.xIndex;}));
+            })
+        );
+
+    yColumn.each(function(d) {Drawing.setClipUrl(d3.select(this), columnBoundaryClipKey(gd, d));});
+
+    var columnBlock = yColumn.selectAll('.' + c.cn.columnBlock)
+        .data(splitData.splitToPanels, gup.keyFun);
+
+    columnBlock.enter()
+        .append('g')
+        .classed(c.cn.columnBlock, true)
+        .attr('id', function(d) {return d.key;});
+
+    columnBlock
+        .style('cursor', function(d) {
+            return d.dragHandle ? 'ew-resize' : d.calcdata.scrollbarState.barWiggleRoom ? 'ns-resize' : 'default';
+        });
+
+    var headerColumnBlock = columnBlock.filter(headerBlock);
+    var cellsColumnBlock = columnBlock.filter(cellsBlock);
+
+    cellsColumnBlock
+        .call(d3.behavior.drag()
+            .origin(function(d) {
+                d3.event.stopPropagation();
+                return d;
+            })
+            .on('drag', makeDragRow(gd, tableControlView, -1))
+            .on('dragend', function() {
+                // fixme emit plotly notification
+            })
+        );
+
+    // initial rendering: header is rendered first, as it may may have async LaTeX (show header first)
+    // but blocks are _entered_ the way they are due to painter's algo (header on top)
+    renderColumnCellTree(gd, tableControlView, headerColumnBlock, columnBlock);
+    renderColumnCellTree(gd, tableControlView, cellsColumnBlock, columnBlock);
+
+    var scrollAreaClip = tableControlView.selectAll('.' + c.cn.scrollAreaClip)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollAreaClip.enter()
+        .append('clipPath')
+        .classed(c.cn.scrollAreaClip, true)
+        .attr('id', function(d) {return scrollAreaBottomClipKey(gd, d);});
+
+    var scrollAreaClipRect = scrollAreaClip.selectAll('.' + c.cn.scrollAreaClipRect)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollAreaClipRect.enter()
+        .append('rect')
+        .classed(c.cn.scrollAreaClipRect, true)
+        .attr('x', -c.overdrag)
+        .attr('y', -c.uplift)
+        .attr('fill', 'none');
+
+    scrollAreaClipRect
+        .attr('width', function(d) {return d.width + 2 * c.overdrag;})
+        .attr('height', function(d) {return d.height + c.uplift;});
+
+    var columnBoundary = yColumn.selectAll('.' + c.cn.columnBoundary)
+        .data(gup.repeat, gup.keyFun);
+
+    columnBoundary.enter()
+        .append('g')
+        .classed(c.cn.columnBoundary, true);
+
+    var columnBoundaryClippath = yColumn.selectAll('.' + c.cn.columnBoundaryClippath)
+        .data(gup.repeat, gup.keyFun);
+
+    // SVG spec doesn't mandate wrapping into a <defs> and doesn't seem to cause a speed difference
+    columnBoundaryClippath.enter()
+        .append('clipPath')
+        .classed(c.cn.columnBoundaryClippath, true);
+
+    columnBoundaryClippath
+        .attr('id', function(d) {return columnBoundaryClipKey(gd, d);});
+
+    var columnBoundaryRect = columnBoundaryClippath.selectAll('.' + c.cn.columnBoundaryRect)
+        .data(gup.repeat, gup.keyFun);
+
+    columnBoundaryRect.enter()
+        .append('rect')
+        .classed(c.cn.columnBoundaryRect, true)
+        .attr('fill', 'none');
+
+    columnBoundaryRect
+        .attr('width', function(d) {return d.columnWidth;})
+        .attr('height', function(d) {return d.calcdata.height + c.uplift;});
+
+    updateBlockYPosition(null, cellsColumnBlock, tableControlView);
+};
+
+function scrollAreaBottomClipKey(gd, d) {
+    return 'clip' + gd._fullLayout._uid + '_scrollAreaBottomClip_' + d.key;
+}
+
+function columnBoundaryClipKey(gd, d) {
+    return 'clip' + gd._fullLayout._uid + '_columnBoundaryClippath_' + d.calcdata.key + '_' + d.specIndex;
+}
+
+function flatData(selection) {
+    return [].concat.apply([], selection.map(function(g) {return g;}))
+        .map(function(g) {return g.__data__;});
+}
+
+function renderScrollbarKit(tableControlView, gd, bypassVisibleBar) {
+
+    function calcTotalHeight(d) {
+        var blocks = d.rowBlocks;
+        return firstRowAnchor(blocks, blocks.length - 1) + (blocks.length ? rowsHeight(blocks[blocks.length - 1], Infinity) : 1);
+    }
+
+    var scrollbarKit = tableControlView.selectAll('.' + c.cn.scrollbarKit)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollbarKit.enter()
+        .append('g')
+        .classed(c.cn.scrollbarKit, true)
+        .style('shape-rendering', 'geometricPrecision');
+
+    scrollbarKit
+        .each(function(d) {
+            var s = d.scrollbarState;
+            s.totalHeight = calcTotalHeight(d);
+            s.scrollableAreaHeight = d.groupHeight - headerHeight(d);
+            s.currentlyVisibleHeight = Math.min(s.totalHeight, s.scrollableAreaHeight);
+            s.ratio = s.currentlyVisibleHeight / s.totalHeight;
+            s.barLength = Math.max(s.ratio * s.currentlyVisibleHeight, c.goldenRatio * c.scrollbarWidth);
+            s.barWiggleRoom = s.currentlyVisibleHeight - s.barLength;
+            s.wiggleRoom = Math.max(0, s.totalHeight - s.scrollableAreaHeight);
+            s.topY = s.barWiggleRoom === 0 ? 0 : (d.scrollY / s.wiggleRoom) * s.barWiggleRoom;
+            s.bottomY = s.topY + s.barLength;
+            s.dragMultiplier = s.wiggleRoom / s.barWiggleRoom;
+        })
+        .attr('transform', function(d) {
+            var xPosition = d.width + c.scrollbarWidth / 2 + c.scrollbarOffset;
+            return 'translate(' + xPosition + ' ' + headerHeight(d) + ')';
+        });
+
+    var scrollbar = scrollbarKit.selectAll('.' + c.cn.scrollbar)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollbar.enter()
+        .append('g')
+        .classed(c.cn.scrollbar, true);
+
+    var scrollbarSlider = scrollbar.selectAll('.' + c.cn.scrollbarSlider)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollbarSlider.enter()
+        .append('g')
+        .classed(c.cn.scrollbarSlider, true);
+
+    scrollbarSlider
+        .attr('transform', function(d) {
+            return 'translate(0 ' + (d.scrollbarState.topY || 0) + ')';
+        });
+
+    var scrollbarGlyph = scrollbarSlider.selectAll('.' + c.cn.scrollbarGlyph)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollbarGlyph.enter()
+        .append('line')
+        .classed(c.cn.scrollbarGlyph, true)
+        .attr('stroke', 'black')
+        .attr('stroke-width', c.scrollbarWidth)
+        .attr('stroke-linecap', 'round')
+        .attr('y1', c.scrollbarWidth / 2);
+
+    scrollbarGlyph
+        .attr('y2', function(d) {
+            return d.scrollbarState.barLength - c.scrollbarWidth / 2;
+        })
+        .attr('stroke-opacity', function(d) {
+            return d.columnDragInProgress || !d.scrollbarState.barWiggleRoom || bypassVisibleBar ? 0 : 0.4;
+        });
+
+    // cancel transition: possible pending (also, delayed) transition
+    scrollbarGlyph
+        .transition().delay(0).duration(0);
+
+    scrollbarGlyph
+        .transition().delay(c.scrollbarHideDelay).duration(c.scrollbarHideDuration)
+        .attr('stroke-opacity', 0);
+
+    var scrollbarCaptureZone = scrollbar.selectAll('.' + c.cn.scrollbarCaptureZone)
+        .data(gup.repeat, gup.keyFun);
+
+    scrollbarCaptureZone.enter()
+        .append('line')
+        .classed(c.cn.scrollbarCaptureZone, true)
+        .attr('stroke', 'white')
+        .attr('stroke-opacity', 0.01) // some browser might get rid of a 0 opacity element
+        .attr('stroke-width', c.scrollbarCaptureWidth)
+        .attr('stroke-linecap', 'butt')
+        .attr('y1', 0)
+        .on('mousedown', function(d) {
+            var y = d3.event.y;
+            var bbox = this.getBoundingClientRect();
+            var s = d.scrollbarState;
+            var pixelVal = y - bbox.top;
+            var inverseScale = d3.scale.linear().domain([0, s.scrollableAreaHeight]).range([0, s.totalHeight]).clamp(true);
+            if(!(s.topY <= pixelVal && pixelVal <= s.bottomY)) {
+                makeDragRow(gd, tableControlView, null, inverseScale(pixelVal - s.barLength / 2))(d);
+            }
+        })
+        .call(d3.behavior.drag()
+            .origin(function(d) {
+                d3.event.stopPropagation();
+                d.scrollbarState.scrollbarScrollInProgress = true;
+                return d;
+            })
+            .on('drag', makeDragRow(gd, tableControlView))
+            .on('dragend', function() {
+                // fixme emit Plotly event
+            })
+        );
+
+    scrollbarCaptureZone
+        .attr('y2', function(d) {
+            return d.scrollbarState.scrollableAreaHeight;
+        });
+}
+
+function renderColumnCellTree(gd, tableControlView, columnBlock, allColumnBlock) {
+    // fixme this perf hotspot
+    // this is performance critical code as scrolling calls it on every revolver switch
+    // it appears sufficiently fast but there are plenty of low-hanging fruits for performance optimization
+
+    var columnCells = renderColumnCells(columnBlock);
+
+    var columnCell = renderColumnCell(columnCells);
+
+    supplyStylingValues(columnCell);
+
+    var cellRect = renderCellRect(columnCell);
+
+    sizeAndStyleRect(cellRect);
+
+    var cellTextHolder = renderCellTextHolder(columnCell);
+
+    var cellText = renderCellText(cellTextHolder);
+
+    setFont(cellText);
+    populateCellText(cellText, tableControlView, allColumnBlock, gd);
+
+    // doing this at the end when text, and text stlying are set
+    setCellHeightAndPositionY(columnCell);
+}
+
+function renderColumnCells(columnBlock) {
+
+    var columnCells = columnBlock.selectAll('.' + c.cn.columnCells)
+        .data(gup.repeat, gup.keyFun);
+
+    columnCells.enter()
+        .append('g')
+        .classed(c.cn.columnCells, true);
+
+    columnCells.exit()
+        .remove();
+
+    return columnCells;
+}
+
+function renderColumnCell(columnCells) {
+
+    var columnCell = columnCells.selectAll('.' + c.cn.columnCell)
+        .data(splitData.splitToCells, function(d) {return d.keyWithinBlock;});
+
+    columnCell.enter()
+        .append('g')
+        .classed(c.cn.columnCell, true);
+
+    columnCell.exit()
+        .remove();
+
+    return columnCell;
+}
+
+function renderCellRect(columnCell) {
+
+    var cellRect = columnCell.selectAll('.' + c.cn.cellRect)
+        .data(gup.repeat, function(d) {return d.keyWithinBlock;});
+
+    cellRect.enter()
+        .append('rect')
+        .classed(c.cn.cellRect, true);
+
+    return cellRect;
+}
+
+function renderCellText(cellTextHolder) {
+
+    var cellText = cellTextHolder.selectAll('.' + c.cn.cellText)
+        .data(gup.repeat, function(d) {return d.keyWithinBlock;});
+
+    cellText.enter()
+        .append('text')
+        .classed(c.cn.cellText, true)
+        .style('cursor', function() {return 'auto';})
+        .on('mousedown', function() {d3.event.stopPropagation();});
+
+    return cellText;
+}
+
+function renderCellTextHolder(columnCell) {
+
+    var cellTextHolder = columnCell.selectAll('.' + c.cn.cellTextHolder)
+        .data(gup.repeat, function(d) {return d.keyWithinBlock;});
+
+    cellTextHolder.enter()
+        .append('g')
+        .classed(c.cn.cellTextHolder, true)
+        .style('shape-rendering', 'geometricPrecision');
+
+    return cellTextHolder;
+}
+
+function supplyStylingValues(columnCell) {
+    columnCell
+        .each(function(d, i) {
+            var spec = d.calcdata.cells.font;
+            var col = d.column.specIndex;
+            var font = {
+                size: gridPick(spec.size, col, i),
+                color: gridPick(spec.color, col, i),
+                family: gridPick(spec.family, col, i)
+            };
+            d.rowNumber = d.key;
+            d.align = gridPick(d.calcdata.cells.align, col, i);
+            d.cellBorderWidth = gridPick(d.calcdata.cells.line.width, col, i);
+            d.font = font;
+        });
+}
+
+function setFont(cellText) {
+    cellText
+        .each(function(d) {
+            Drawing.font(d3.select(this), d.font);
+        });
+}
+
+function sizeAndStyleRect(cellRect) {
+    cellRect
+        .attr('width', function(d) {return d.column.columnWidth;})
+        .attr('stroke-width', function(d) {return d.cellBorderWidth;})
+        .each(function(d) {
+            var atomicSelection = d3.select(this);
+            Color.stroke(atomicSelection, gridPick(d.calcdata.cells.line.color, d.column.specIndex, d.rowNumber));
+            Color.fill(atomicSelection, gridPick(d.calcdata.cells.fill.color, d.column.specIndex, d.rowNumber));
+        });
+}
+
+function populateCellText(cellText, tableControlView, allColumnBlock, gd) {
+    cellText
+        .text(function(d) {
+
+            var col = d.column.specIndex;
+            var row = d.rowNumber;
+
+            var userSuppliedContent = d.value;
+            var stringSupplied = (typeof userSuppliedContent === 'string');
+            var hasBreaks = stringSupplied && userSuppliedContent.match(/<br>/i);
+            var userBrokenText = !stringSupplied || hasBreaks;
+            d.mayHaveMarkup = stringSupplied && userSuppliedContent.match(/[<&>]/);
+
+            var latex = isLatex(userSuppliedContent);
+            d.latex = latex;
+
+            var prefix = latex ? '' : gridPick(d.calcdata.cells.prefix, col, row) || '';
+            var suffix = latex ? '' : gridPick(d.calcdata.cells.suffix, col, row) || '';
+            var format = latex ? null : gridPick(d.calcdata.cells.format, col, row) || null;
+
+            var prefixSuffixedText = prefix + (format ? d3.format(format)(d.value) : d.value) + suffix;
+
+            var hasWrapSplitCharacter;
+            d.wrappingNeeded = !d.wrapped && !userBrokenText && !latex && (hasWrapSplitCharacter = hasWrapCharacter(prefixSuffixedText));
+            d.cellHeightMayIncrease = hasBreaks || latex || d.mayHaveMarkup || (hasWrapSplitCharacter === void(0) ? hasWrapCharacter(prefixSuffixedText) : hasWrapSplitCharacter);
+            d.needsConvertToTspans = d.mayHaveMarkup || d.wrappingNeeded || d.latex;
+
+            var textToRender;
+            if(d.wrappingNeeded) {
+                var hrefPreservedText = c.wrapSplitCharacter === ' ' ? prefixSuffixedText.replace(/<a href=/ig, '<a_href=') : prefixSuffixedText;
+                var fragments = hrefPreservedText.split(c.wrapSplitCharacter);
+                var hrefRestoredFragments = c.wrapSplitCharacter === ' ' ? fragments.map(function(frag) {return frag.replace(/<a_href=/ig, '<a href=');}) : fragments;
+                d.fragments = hrefRestoredFragments.map(function(f) {return {text: f, width: null};});
+                d.fragments.push({fragment: c.wrapSpacer, width: null});
+                textToRender = hrefRestoredFragments.join(c.lineBreaker) + c.lineBreaker + c.wrapSpacer;
+            } else {
+                delete d.fragments;
+                textToRender = prefixSuffixedText;
+            }
+
+            return textToRender;
+        })
+        .attr('dy', function(d) {
+            return d.needsConvertToTspans ? 0 : '0.75em';
+        })
+        .each(function(d) {
+
+            var element = this;
+            var selection = d3.select(element);
+
+            // finalize what's in the DOM
+
+            var renderCallback = d.wrappingNeeded ? wrapTextMaker : updateYPositionMaker;
+            if(d.needsConvertToTspans) {
+                svgUtil.convertToTspans(selection, gd, renderCallback(allColumnBlock, element, tableControlView, gd, d));
+            } else {
+                d3.select(element.parentNode)
+                    // basic cell adjustment - compliance with `cellPad`
+                    .attr('transform', function(d) {return 'translate(' + xPosition(d) + ' ' + c.cellPad + ')';})
+                    .attr('text-anchor', function(d) {
+                        return ({
+                            left: 'start',
+                            center: 'middle',
+                            right: 'end'
+                        })[d.align];
+                    });
+            }
+        });
+}
+
+function isLatex(content) {
+    return typeof content === 'string' && content.match(c.latexCheck);
+}
+
+function hasWrapCharacter(text) {return text.indexOf(c.wrapSplitCharacter) !== -1;}
+
+function columnMoved(gd, calcdata, indices) {
+    var o = calcdata.gdColumnsOriginalOrder;
+    calcdata.gdColumns.sort(function(a, b) {
+        return indices[o.indexOf(a)] - indices[o.indexOf(b)];
+    });
+
+    calcdata.columnorder = indices;
+
+    gd.emit('plotly_restyle');
+}
+
+function gridPick(spec, col, row) {
+    if(Array.isArray(spec)) {
+        var column = spec[Math.min(col, spec.length - 1)];
+        if(Array.isArray(column)) {
+            return column[Math.min(row, column.length - 1)];
+        } else {
+            return column;
+        }
+    } else {
+        return spec;
+    }
+}
+
+function easeColumn(selection, d, y) {
+    selection
+        .transition()
+        .ease(c.releaseTransitionEase)
+        .duration(c.releaseTransitionDuration)
+        .attr('transform', 'translate(' + d.x + ' ' + y + ')');
+}
+
+function cellsBlock(d) {return d.type === 'cells';}
+function headerBlock(d) {return d.type === 'header';}
+
+/**
+ * Revolver panel and cell contents layouting
+ */
+
+function headerHeight(d) {
+    var headerBlocks = d.rowBlocks.length ? d.rowBlocks[0].auxiliaryBlocks : [];
+    return headerBlocks.reduce(function(p, n) {return p + rowsHeight(n, Infinity);}, 0);
+}
+
+function findPagesAndCacheHeights(blocks, scrollY, scrollHeight) {
+
+    var pages = [];
+    var pTop = 0;
+
+    for(var blockIndex = 0; blockIndex < blocks.length; blockIndex++) {
+
+        var block = blocks[blockIndex];
+        var blockRows = block.rows;
+        var rowsHeight = 0;
+        for(var i = 0; i < blockRows.length; i++) {
+            rowsHeight += blockRows[i].rowHeight;
+        }
+
+        // caching allRowsHeight on the block - it's safe as this function is always called from within the code part
+        // that handles increases to row heights
+        block.allRowsHeight = rowsHeight;
+
+        var pBottom = pTop + rowsHeight;
+        var windowTop = scrollY;
+        var windowBottom = windowTop + scrollHeight;
+        if(windowTop < pBottom && windowBottom > pTop) {
+            pages.push(blockIndex);
+        }
+        pTop += rowsHeight;
+
+        // consider this nice final optimization; put it in `for` condition - caveat, currently the
+        // block.allRowsHeight relies on being invalidated, so enabling this opt may not be safe
+        // if(pages.length > 1) break;
+    }
+
+    return pages;
+}
+
+function updateBlockYPosition(gd, cellsColumnBlock, tableControlView) {
+    var d = flatData(cellsColumnBlock)[0];
+    if(d === undefined) return;
+    var blocks = d.rowBlocks;
+    var calcdata = d.calcdata;
+
+    var bottom = firstRowAnchor(blocks, blocks.length);
+    var scrollHeight = d.calcdata.groupHeight - headerHeight(d);
+    var scrollY = calcdata.scrollY = Math.max(0, Math.min(bottom - scrollHeight, calcdata.scrollY));
+
+    var pages = findPagesAndCacheHeights(blocks, scrollY, scrollHeight);
+    if(pages.length === 1) {
+        if(pages[0] === blocks.length - 1) {
+            pages.unshift(pages[0] - 1);
+        } else {
+            pages.push(pages[0] + 1);
+        }
+    }
+
+    // make phased out page jump by 2 while leaving stationary page intact
+    if(pages[0] % 2) {
+        pages.reverse();
+    }
+
+    cellsColumnBlock
+        .each(function(d, i) {
+            // these values will also be needed when a block is translated again due to growing cell height
+            d.page = pages[i];
+            d.scrollY = scrollY;
+        });
+
+    cellsColumnBlock
+        .attr('transform', function(d) {
+            var yTranslate = firstRowAnchor(d.rowBlocks, d.page) - d.scrollY;
+            return 'translate(0 ' + yTranslate + ')';
+        });
+
+    // conditionally rerendering panel 0 and 1
+    if(gd) {
+        conditionalPanelRerender(gd, tableControlView, cellsColumnBlock, pages, d.prevPages, d, 0);
+        conditionalPanelRerender(gd, tableControlView, cellsColumnBlock, pages, d.prevPages, d, 1);
+        renderScrollbarKit(tableControlView, gd);
+    }
+}
+
+function makeDragRow(gd, allTableControlView, optionalMultiplier, optionalPosition) {
+    return function dragRow(eventD) {
+        // may come from whicever DOM event target: drag, wheel, bar... eventD corresponds to event target
+        var d = eventD.calcdata ? eventD.calcdata : eventD;
+        var tableControlView = allTableControlView.filter(function(dd) {return d.key === dd.key;});
+        var multiplier = optionalMultiplier || d.scrollbarState.dragMultiplier;
+        d.scrollY = optionalPosition === void(0) ? d.scrollY + multiplier * d3.event.dy : optionalPosition;
+        var cellsColumnBlock = tableControlView.selectAll('.' + c.cn.yColumn).selectAll('.' + c.cn.columnBlock).filter(cellsBlock);
+        updateBlockYPosition(gd, cellsColumnBlock, tableControlView);
+    };
+}
+
+function conditionalPanelRerender(gd, tableControlView, cellsColumnBlock, pages, prevPages, d, revolverIndex) {
+    var shouldComponentUpdate = pages[revolverIndex] !== prevPages[revolverIndex];
+    if(shouldComponentUpdate) {
+        clearTimeout(d.currentRepaint[revolverIndex]);
+        d.currentRepaint[revolverIndex] = setTimeout(function() {
+            // setTimeout might lag rendering but yields a smoother scroll, because fast scrolling makes
+            // some repaints invisible ie. wasteful (DOM work blocks the main thread)
+            var toRerender = cellsColumnBlock.filter(function(d, i) {return i === revolverIndex && pages[i] !== prevPages[i];});
+            renderColumnCellTree(gd, tableControlView, toRerender, cellsColumnBlock);
+            prevPages[revolverIndex] = pages[revolverIndex];
+        });
+    }
+}
+
+function wrapTextMaker(columnBlock, element, tableControlView) {
+    return function wrapText() {
+        var cellTextHolder = d3.select(element.parentNode);
+        cellTextHolder
+            .each(function(d) {
+                var fragments = d.fragments;
+                cellTextHolder.selectAll('tspan.line').each(function(dd, i) {
+                    fragments[i].width = this.getComputedTextLength();
+                });
+                // last element is only for measuring the separator character, so it's ignored:
+                var separatorLength = fragments[fragments.length - 1].width;
+                var rest = fragments.slice(0, -1);
+                var currentRow = [];
+                var currentAddition, currentAdditionLength;
+                var currentRowLength = 0;
+                var rowLengthLimit = d.column.columnWidth - 2 * c.cellPad;
+                d.value = '';
+                while(rest.length) {
+                    currentAddition = rest.shift();
+                    currentAdditionLength = currentAddition.width + separatorLength;
+                    if(currentRowLength + currentAdditionLength > rowLengthLimit) {
+                        d.value += currentRow.join(c.wrapSpacer) + c.lineBreaker;
+                        currentRow = [];
+                        currentRowLength = 0;
+                    }
+                    currentRow.push(currentAddition.text);
+                    currentRowLength += currentAdditionLength;
+                }
+                if(currentRowLength) {
+                    d.value += currentRow.join(c.wrapSpacer);
+                }
+                d.wrapped = true;
+            });
+
+        // the pre-wrapped text was rendered only for the text measurements
+        cellTextHolder.selectAll('tspan.line').remove();
+
+        // resupply text, now wrapped
+        populateCellText(cellTextHolder.select('.' + c.cn.cellText), tableControlView, columnBlock);
+        d3.select(element.parentNode.parentNode).call(setCellHeightAndPositionY);
+    };
+}
+
+function updateYPositionMaker(columnBlock, element, tableControlView, gd, d) {
+    return function updateYPosition() {
+        if(d.settledY) return;
+        var cellTextHolder = d3.select(element.parentNode);
+        var l = getBlock(d);
+        var rowIndex = d.key - l.firstRowIndex;
+
+        var declaredRowHeight = l.rows[rowIndex].rowHeight;
+
+        var requiredHeight = d.cellHeightMayIncrease ? element.parentNode.getBoundingClientRect().height + 2 * c.cellPad : declaredRowHeight;
+
+        var finalHeight = Math.max(requiredHeight, declaredRowHeight);
+        var increase = finalHeight - l.rows[rowIndex].rowHeight;
+
+        if(increase) {
+
+            // current row height increased
+            l.rows[rowIndex].rowHeight = finalHeight;
+
+            columnBlock
+                .selectAll('.' + c.cn.columnCell)
+                .call(setCellHeightAndPositionY);
+
+            updateBlockYPosition(null, columnBlock.filter(cellsBlock), 0);
+
+            // if d.column.type === 'header', then the scrollbar has to be pushed downward to the scrollable area
+            // if d.column.type === 'cells', it can still be relevant if total scrolling content height is less than the
+            //                               scrollable window, as increases to row heights may need scrollbar updates
+            renderScrollbarKit(tableControlView, gd, true);
+        }
+
+        cellTextHolder
+            .attr('transform', function() {
+                // this code block is only invoked for items where d.cellHeightMayIncrease is truthy
+                var element = this;
+                var columnCellElement = element.parentNode;
+                var box = columnCellElement.getBoundingClientRect();
+                var rectBox = d3.select(element.parentNode).select('.' + c.cn.cellRect).node().getBoundingClientRect();
+                var currentTransform = element.transform.baseVal.consolidate();
+                var yPosition = rectBox.top - box.top + (currentTransform ? currentTransform.matrix.f : c.cellPad);
+                return 'translate(' + xPosition(d, d3.select(element.parentNode).select('.' + c.cn.cellTextHolder).node().getBoundingClientRect().width) + ' ' + yPosition + ')';
+            });
+
+        d.settledY = true;
+    };
+}
+
+function xPosition(d, optionalWidth) {
+    switch(d.align) {
+        case 'left': return c.cellPad;
+        case 'right': return d.column.columnWidth - (optionalWidth || 0) - c.cellPad;
+        case 'center': return (d.column.columnWidth - (optionalWidth || 0)) / 2;
+        default: return c.cellPad;
+    }
+}
+
+function setCellHeightAndPositionY(columnCell) {
+    columnCell
+        .attr('transform', function(d) {
+            var headerHeight = d.rowBlocks[0].auxiliaryBlocks.reduce(function(p, n) {return p + rowsHeight(n, Infinity);}, 0);
+            var l = getBlock(d);
+            var rowAnchor = rowsHeight(l, d.key);
+            var yOffset = rowAnchor + headerHeight;
+            return 'translate(0 ' + yOffset + ')';
+        })
+        .selectAll('.' + c.cn.cellRect)
+        .attr('height', function(d) {return getRow(getBlock(d), d.key).rowHeight;});
+}
+
+function firstRowAnchor(blocks, page) {
+    var total = 0;
+    for(var i = page - 1; i >= 0; i--) {
+        total += allRowsHeight(blocks[i]);
+    }
+    return total;
+}
+
+function rowsHeight(rowBlock, key) {
+    var total = 0;
+    for(var i = 0; i < rowBlock.rows.length && rowBlock.rows[i].rowIndex < key; i++) {
+        total += rowBlock.rows[i].rowHeight;
+    }
+    return total;
+}
+
+function allRowsHeight(rowBlock) {
+    var cached = rowBlock.allRowsHeight;
+
+    if(cached !== void(0)) {
+        return cached;
+    }
+
+    var total = 0;
+    for(var i = 0; i < rowBlock.rows.length; i++) {
+        total += rowBlock.rows[i].rowHeight;
+    }
+    rowBlock.allRowsHeight = total;
+
+    return total;
+}
+
+function getBlock(d) {return d.rowBlocks[d.page];}
+function getRow(l, i) {return l.rows[i - l.firstRowIndex];}
+
+},{"../../components/color":604,"../../components/drawing":628,"../../lib":728,"../../lib/gup":725,"../../lib/svg_text_utils":750,"./constants":1108,"./data_preparation_helper":1109,"./data_split_helpers":1110,"d3":122}],1114:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../plots/cartesian/axes');
+var Lib = require('../lib');
+var PlotSchema = require('../plot_api/plot_schema');
+var BADNUM = require('../constants/numerical').BADNUM;
+
+exports.moduleType = 'transform';
+
+exports.name = 'aggregate';
+
+var attrs = exports.attributes = {
+    enabled: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    groups: {
+        // TODO: groupby should support string or array grouping this way too
+        // currently groupby only allows a grouping array
+        valType: 'string',
+        strict: true,
+        noBlank: true,
+        arrayOk: true,
+        dflt: 'x',
+        
+        editType: 'calc',
+        
+    },
+    aggregations: {
+        _isLinkedToArray: 'aggregation',
+        target: {
+            valType: 'string',
+            
+            editType: 'calc',
+            
+        },
+        func: {
+            valType: 'enumerated',
+            values: ['count', 'sum', 'avg', 'median', 'mode', 'rms', 'stddev', 'min', 'max', 'first', 'last'],
+            dflt: 'first',
+            
+            editType: 'calc',
+            
+        },
+        funcmode: {
+            valType: 'enumerated',
+            values: ['sample', 'population'],
+            dflt: 'sample',
+            
+            editType: 'calc',
+            
+        },
+        enabled: {
+            valType: 'boolean',
+            dflt: true,
+            
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+    editType: 'calc'
+};
+
+var aggAttrs = attrs.aggregations;
+
+/**
+ * Supply transform attributes defaults
+ *
+ * @param {object} transformIn
+ *  object linked to trace.transforms[i] with 'func' set to exports.name
+ * @param {object} traceOut
+ *  the _fullData trace this transform applies to
+ * @param {object} layout
+ *  the plot's (not-so-full) layout
+ * @param {object} traceIn
+ *  the input data trace this transform applies to
+ *
+ * @return {object} transformOut
+ *  copy of transformIn that contains attribute defaults
+ */
+exports.supplyDefaults = function(transformIn, traceOut) {
+    var transformOut = {};
+    var i;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(transformIn, transformOut, attrs, attr, dflt);
+    }
+
+    var enabled = coerce('enabled');
+
+    if(!enabled) return transformOut;
+
+    /*
+     * Normally _arrayAttrs is calculated during doCalc, but that comes later.
+     * Anyway this can change due to *count* aggregations (see below) so it's not
+     * necessarily the same set.
+     *
+     * For performance we turn it into an object of truthy values
+     * we'll use 1 for arrays we haven't aggregated yet, 0 for finished arrays,
+     * as distinct from undefined which means this array isn't present in the input
+     * missing arrays can still be aggregate outputs for *count* aggregations.
+     */
+    var arrayAttrArray = PlotSchema.findArrayAttributes(traceOut);
+    var arrayAttrs = {};
+    for(i = 0; i < arrayAttrArray.length; i++) arrayAttrs[arrayAttrArray[i]] = 1;
+
+    var groups = coerce('groups');
+
+    if(!Array.isArray(groups)) {
+        if(!arrayAttrs[groups]) {
+            transformOut.enabled = false;
+            return;
+        }
+        arrayAttrs[groups] = 0;
+    }
+
+    var aggregationsIn = transformIn.aggregations || [];
+    var aggregationsOut = transformOut.aggregations = new Array(aggregationsIn.length);
+    var aggregationOut;
+
+    function coercei(attr, dflt) {
+        return Lib.coerce(aggregationsIn[i], aggregationOut, aggAttrs, attr, dflt);
+    }
+
+    for(i = 0; i < aggregationsIn.length; i++) {
+        aggregationOut = {_index: i};
+        var target = coercei('target');
+        var func = coercei('func');
+        var enabledi = coercei('enabled');
+
+        // add this aggregation to the output only if it's the first instance
+        // of a valid target attribute - or an unused target attribute with "count"
+        if(enabledi && target && (arrayAttrs[target] || (func === 'count' && arrayAttrs[target] === undefined))) {
+            if(func === 'stddev') coercei('funcmode');
+
+            arrayAttrs[target] = 0;
+            aggregationsOut[i] = aggregationOut;
+        }
+        else aggregationsOut[i] = {enabled: false, _index: i};
+    }
+
+    // any array attributes we haven't yet covered, fill them with the default aggregation
+    for(i = 0; i < arrayAttrArray.length; i++) {
+        if(arrayAttrs[arrayAttrArray[i]]) {
+            aggregationsOut.push({
+                target: arrayAttrArray[i],
+                func: aggAttrs.func.dflt,
+                enabled: true,
+                _index: -1
+            });
+        }
+    }
+
+    return transformOut;
+};
+
+
+exports.calcTransform = function(gd, trace, opts) {
+    if(!opts.enabled) return;
+
+    var groups = opts.groups;
+
+    var groupArray = Lib.getTargetArray(trace, {target: groups});
+    if(!groupArray) return;
+
+    var i, vi, groupIndex;
+
+    var groupIndices = {};
+    var groupings = [];
+    for(i = 0; i < groupArray.length; i++) {
+        vi = groupArray[i];
+        groupIndex = groupIndices[vi];
+        if(groupIndex === undefined) {
+            groupIndices[vi] = groupings.length;
+            groupings.push([i]);
+        }
+        else groupings[groupIndex].push(i);
+    }
+
+    var aggregations = opts.aggregations;
+
+    for(i = 0; i < aggregations.length; i++) {
+        aggregateOneArray(gd, trace, groupings, aggregations[i]);
+    }
+
+    if(typeof groups === 'string') {
+        aggregateOneArray(gd, trace, groupings, {
+            target: groups,
+            func: 'first',
+            enabled: true
+        });
+    }
+};
+
+function aggregateOneArray(gd, trace, groupings, aggregation) {
+    if(!aggregation.enabled) return;
+
+    var attr = aggregation.target;
+    var targetNP = Lib.nestedProperty(trace, attr);
+    var arrayIn = targetNP.get();
+    var conversions = Axes.getDataConversions(gd, trace, attr, arrayIn);
+    var func = getAggregateFunction(aggregation, conversions);
+
+    var arrayOut = new Array(groupings.length);
+    for(var i = 0; i < groupings.length; i++) {
+        arrayOut[i] = func(arrayIn, groupings[i]);
+    }
+    targetNP.set(arrayOut);
+}
+
+function getAggregateFunction(opts, conversions) {
+    var func = opts.func;
+    var d2c = conversions.d2c;
+    var c2d = conversions.c2d;
+
+    switch(func) {
+        // count, first, and last don't depend on anything about the data
+        // point back to pure functions for performance
+        case 'count':
+            return count;
+        case 'first':
+            return first;
+        case 'last':
+            return last;
+
+        case 'sum':
+            // This will produce output in all cases even though it's nonsensical
+            // for date or category data.
+            return function(array, indices) {
+                var total = 0;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) total += vi;
+                }
+                return c2d(total);
+            };
+
+        case 'avg':
+            // Generally meaningless for category data but it still does something.
+            return function(array, indices) {
+                var total = 0;
+                var cnt = 0;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) {
+                        total += vi;
+                        cnt++;
+                    }
+                }
+                return cnt ? c2d(total / cnt) : BADNUM;
+            };
+
+        case 'min':
+            return function(array, indices) {
+                var out = Infinity;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) out = Math.min(out, vi);
+                }
+                return (out === Infinity) ? BADNUM : c2d(out);
+            };
+
+        case 'max':
+            return function(array, indices) {
+                var out = -Infinity;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) out = Math.max(out, vi);
+                }
+                return (out === -Infinity) ? BADNUM : c2d(out);
+            };
+
+        case 'median':
+            return function(array, indices) {
+                var sortCalc = [];
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) sortCalc.push(vi);
+                }
+                if(!sortCalc.length) return BADNUM;
+                sortCalc.sort();
+                var mid = (sortCalc.length - 1) / 2;
+                return c2d((sortCalc[Math.floor(mid)] + sortCalc[Math.ceil(mid)]) / 2);
+            };
+
+        case 'mode':
+            return function(array, indices) {
+                var counts = {};
+                var maxCnt = 0;
+                var out = BADNUM;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) {
+                        var counti = counts[vi] = (counts[vi] || 0) + 1;
+                        if(counti > maxCnt) {
+                            maxCnt = counti;
+                            out = vi;
+                        }
+                    }
+                }
+                return maxCnt ? c2d(out) : BADNUM;
+            };
+
+        case 'rms':
+            return function(array, indices) {
+                var total = 0;
+                var cnt = 0;
+                for(var i = 0; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) {
+                        total += vi * vi;
+                        cnt++;
+                    }
+                }
+                return cnt ? c2d(Math.sqrt(total / cnt)) : BADNUM;
+            };
+
+        case 'stddev':
+            return function(array, indices) {
+                // balance numerical stability with performance:
+                // so that we call d2c once per element but don't need to
+                // store them, reference all to the first element
+                var total = 0;
+                var total2 = 0;
+                var cnt = 1;
+                var v0 = BADNUM;
+                var i;
+                for(i = 0; i < indices.length && v0 === BADNUM; i++) {
+                    v0 = d2c(array[indices[i]]);
+                }
+                if(v0 === BADNUM) return BADNUM;
+
+                for(; i < indices.length; i++) {
+                    var vi = d2c(array[indices[i]]);
+                    if(vi !== BADNUM) {
+                        var dv = vi - v0;
+                        total += dv;
+                        total2 += dv * dv;
+                        cnt++;
+                    }
+                }
+
+                // This is population std dev, if we want sample std dev
+                // we would need (...) / (cnt - 1)
+                // Also note there's no c2d here - that means for dates the result
+                // is a number of milliseconds, and for categories it's a number
+                // of category differences, which is not generically meaningful but
+                // as in other cases we don't forbid it.
+                var norm = (opts.funcmode === 'sample') ? (cnt - 1) : cnt;
+                // this is debatable: should a count of 1 return sample stddev of
+                // 0 or undefined?
+                if(!norm) return 0;
+                return Math.sqrt((total2 - (total * total / cnt)) / norm);
+            };
+    }
+}
+
+function count(array, indices) {
+    return indices.length;
+}
+
+function first(array, indices) {
+    return array[indices[0]];
+}
+
+function last(array, indices) {
+    return array[indices[indices.length - 1]];
+}
+
+},{"../constants/numerical":707,"../lib":728,"../plot_api/plot_schema":761,"../plots/cartesian/axes":772}],1115:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+var Registry = require('../registry');
+var Axes = require('../plots/cartesian/axes');
+
+var COMPARISON_OPS = ['=', '!=', '<', '>=', '>', '<='];
+var INTERVAL_OPS = ['[]', '()', '[)', '(]', '][', ')(', '](', ')['];
+var SET_OPS = ['{}', '}{'];
+
+exports.moduleType = 'transform';
+
+exports.name = 'filter';
+
+exports.attributes = {
+    enabled: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    target: {
+        valType: 'string',
+        strict: true,
+        noBlank: true,
+        arrayOk: true,
+        dflt: 'x',
+        
+        editType: 'calc',
+        
+    },
+    operation: {
+        valType: 'enumerated',
+        values: []
+            .concat(COMPARISON_OPS)
+            .concat(INTERVAL_OPS)
+            .concat(SET_OPS),
+        dflt: '=',
+        
+        editType: 'calc',
+        
+    },
+    value: {
+        valType: 'any',
+        dflt: 0,
+        
+        editType: 'calc',
+        
+    },
+    preservegaps: {
+        valType: 'boolean',
+        dflt: false,
+        
+        editType: 'calc',
+        
+    },
+    editType: 'calc'
+};
+
+exports.supplyDefaults = function(transformIn) {
+    var transformOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(transformIn, transformOut, exports.attributes, attr, dflt);
+    }
+
+    var enabled = coerce('enabled');
+
+    if(enabled) {
+        coerce('preservegaps');
+        coerce('operation');
+        coerce('value');
+        coerce('target');
+
+        var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleDefaults');
+        handleCalendarDefaults(transformIn, transformOut, 'valuecalendar', null);
+        handleCalendarDefaults(transformIn, transformOut, 'targetcalendar', null);
+    }
+
+    return transformOut;
+};
+
+exports.calcTransform = function(gd, trace, opts) {
+    if(!opts.enabled) return;
+
+    var targetArray = Lib.getTargetArray(trace, opts);
+    if(!targetArray) return;
+
+    var target = opts.target;
+    var len = targetArray.length;
+    var targetCalendar = opts.targetcalendar;
+    var arrayAttrs = trace._arrayAttrs;
+
+    // even if you provide targetcalendar, if target is a string and there
+    // is a calendar attribute matching target it will get used instead.
+    if(typeof target === 'string') {
+        var attrTargetCalendar = Lib.nestedProperty(trace, target + 'calendar').get();
+        if(attrTargetCalendar) targetCalendar = attrTargetCalendar;
+    }
+
+    var d2c = Axes.getDataToCoordFunc(gd, trace, target, targetArray);
+    var filterFunc = getFilterFunc(opts, d2c, targetCalendar);
+    var originalArrays = {};
+
+    function forAllAttrs(fn, index) {
+        for(var j = 0; j < arrayAttrs.length; j++) {
+            var np = Lib.nestedProperty(trace, arrayAttrs[j]);
+            fn(np, index);
+        }
+    }
+
+    var initFn;
+    var fillFn;
+    if(opts.preservegaps) {
+        initFn = function(np) {
+            originalArrays[np.astr] = Lib.extendDeep([], np.get());
+            np.set(new Array(len));
+        };
+        fillFn = function(np, index) {
+            var val = originalArrays[np.astr][index];
+            np.get()[index] = val;
+        };
+    } else {
+        initFn = function(np) {
+            originalArrays[np.astr] = Lib.extendDeep([], np.get());
+            np.set([]);
+        };
+        fillFn = function(np, index) {
+            var val = originalArrays[np.astr][index];
+            np.get().push(val);
+        };
+    }
+
+    // copy all original array attribute values, and clear arrays in trace
+    forAllAttrs(initFn);
+
+    // loop through filter array, fill trace arrays if passed
+    for(var i = 0; i < len; i++) {
+        var passed = filterFunc(targetArray[i]);
+        if(passed) forAllAttrs(fillFn, i);
+    }
+};
+
+function getFilterFunc(opts, d2c, targetCalendar) {
+    var operation = opts.operation,
+        value = opts.value,
+        hasArrayValue = Array.isArray(value);
+
+    function isOperationIn(array) {
+        return array.indexOf(operation) !== -1;
+    }
+
+    var d2cValue = function(v) { return d2c(v, 0, opts.valuecalendar); },
+        d2cTarget = function(v) { return d2c(v, 0, targetCalendar); };
+
+    var coercedValue;
+
+    if(isOperationIn(COMPARISON_OPS)) {
+        coercedValue = hasArrayValue ? d2cValue(value[0]) : d2cValue(value);
+    }
+    else if(isOperationIn(INTERVAL_OPS)) {
+        coercedValue = hasArrayValue ?
+            [d2cValue(value[0]), d2cValue(value[1])] :
+            [d2cValue(value), d2cValue(value)];
+    }
+    else if(isOperationIn(SET_OPS)) {
+        coercedValue = hasArrayValue ? value.map(d2cValue) : [d2cValue(value)];
+    }
+
+    switch(operation) {
+
+        case '=':
+            return function(v) { return d2cTarget(v) === coercedValue; };
+
+        case '!=':
+            return function(v) { return d2cTarget(v) !== coercedValue; };
+
+        case '<':
+            return function(v) { return d2cTarget(v) < coercedValue; };
+
+        case '<=':
+            return function(v) { return d2cTarget(v) <= coercedValue; };
+
+        case '>':
+            return function(v) { return d2cTarget(v) > coercedValue; };
+
+        case '>=':
+            return function(v) { return d2cTarget(v) >= coercedValue; };
+
+        case '[]':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv >= coercedValue[0] && cv <= coercedValue[1];
+            };
+
+        case '()':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv > coercedValue[0] && cv < coercedValue[1];
+            };
+
+        case '[)':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv >= coercedValue[0] && cv < coercedValue[1];
+            };
+
+        case '(]':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv > coercedValue[0] && cv <= coercedValue[1];
+            };
+
+        case '][':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv <= coercedValue[0] || cv >= coercedValue[1];
+            };
+
+        case ')(':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv < coercedValue[0] || cv > coercedValue[1];
+            };
+
+        case '](':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv <= coercedValue[0] || cv > coercedValue[1];
+            };
+
+        case ')[':
+            return function(v) {
+                var cv = d2cTarget(v);
+                return cv < coercedValue[0] || cv >= coercedValue[1];
+            };
+
+        case '{}':
+            return function(v) {
+                return coercedValue.indexOf(d2cTarget(v)) !== -1;
+            };
+
+        case '}{':
+            return function(v) {
+                return coercedValue.indexOf(d2cTarget(v)) === -1;
+            };
+    }
+}
+
+},{"../lib":728,"../plots/cartesian/axes":772,"../registry":846}],1116:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+var PlotSchema = require('../plot_api/plot_schema');
+var Plots = require('../plots/plots');
+
+exports.moduleType = 'transform';
+
+exports.name = 'groupby';
+
+exports.attributes = {
+    enabled: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    groups: {
+        valType: 'data_array',
+        dflt: [],
+        
+        editType: 'calc',
+        
+    },
+    nameformat: {
+        valType: 'string',
+        
+        editType: 'calc',
+        
+    },
+    styles: {
+        _isLinkedToArray: 'style',
+        target: {
+            valType: 'string',
+            
+            editType: 'calc',
+            
+        },
+        value: {
+            valType: 'any',
+            
+            dflt: {},
+            editType: 'calc',
+            
+        },
+        editType: 'calc'
+    },
+    editType: 'calc'
+};
+
+/**
+ * Supply transform attributes defaults
+ *
+ * @param {object} transformIn
+ *  object linked to trace.transforms[i] with 'type' set to exports.name
+ * @param {object} traceOut
+ *  the _fullData trace this transform applies to
+ * @param {object} layout
+ *  the plot's (not-so-full) layout
+ * @param {object} traceIn
+ *  the input data trace this transform applies to
+ *
+ * @return {object} transformOut
+ *  copy of transformIn that contains attribute defaults
+ */
+exports.supplyDefaults = function(transformIn, traceOut, layout) {
+    var i;
+    var transformOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(transformIn, transformOut, exports.attributes, attr, dflt);
+    }
+
+    var enabled = coerce('enabled');
+
+    if(!enabled) return transformOut;
+
+    coerce('groups');
+    coerce('nameformat', layout._dataLength > 1 ? '%{group} (%{trace})' : '%{group}');
+
+    var styleIn = transformIn.styles;
+    var styleOut = transformOut.styles = [];
+
+    if(styleIn) {
+        for(i = 0; i < styleIn.length; i++) {
+            styleOut[i] = {};
+            Lib.coerce(styleIn[i], styleOut[i], exports.attributes.styles, 'target');
+            Lib.coerce(styleIn[i], styleOut[i], exports.attributes.styles, 'value');
+        }
+    }
+
+    return transformOut;
+};
+
+
+/**
+ * Apply transform !!!
+ *
+ * @param {array} data
+ *  array of transformed traces (is [fullTrace] upon first transform)
+ *
+ * @param {object} state
+ *  state object which includes:
+ *      - transform {object} full transform attributes
+ *      - fullTrace {object} full trace object which is being transformed
+ *      - fullData {array} full pre-transform(s) data array
+ *      - layout {object} the plot's (not-so-full) layout
+ *
+ * @return {object} newData
+ *  array of transformed traces
+ */
+exports.transform = function(data, state) {
+    var newTraces, i, j;
+    var newData = [];
+
+    for(i = 0; i < data.length; i++) {
+        newTraces = transformOne(data[i], state);
+
+        for(j = 0; j < newTraces.length; j++) {
+            newData.push(newTraces[j]);
+        }
+    }
+
+    return newData;
+};
+
+function transformOne(trace, state) {
+    var i, j, k, attr, srcArray, groupName, newTrace, transforms, arrayLookup;
+    var groupNameObj;
+
+    var opts = state.transform;
+    var groups = trace.transforms[state.transformIndex].groups;
+
+    if(!(Array.isArray(groups)) || groups.length === 0) {
+        return [trace];
+    }
+
+    var groupNames = Lib.filterUnique(groups),
+        newData = new Array(groupNames.length),
+        len = groups.length;
+
+    var arrayAttrs = PlotSchema.findArrayAttributes(trace);
+
+    var styles = opts.styles || [];
+    var styleLookup = {};
+    for(i = 0; i < styles.length; i++) {
+        styleLookup[styles[i].target] = styles[i].value;
+    }
+
+    if(opts.styles) {
+        groupNameObj = Lib.keyedContainer(opts, 'styles', 'target', 'value.name');
+    }
+
+    // An index to map group name --> expanded trace index
+    var indexLookup = {};
+
+    for(i = 0; i < groupNames.length; i++) {
+        groupName = groupNames[i];
+        indexLookup[groupName] = i;
+
+        // Start with a deep extend that just copies array references.
+        newTrace = newData[i] = Lib.extendDeepNoArrays({}, trace);
+        newTrace._group = groupName;
+
+        var suppliedName = null;
+        if(groupNameObj) {
+            suppliedName = groupNameObj.get(groupName);
+        }
+
+        if(suppliedName) {
+            newTrace.name = suppliedName;
+        } else {
+            newTrace.name = Lib.templateString(opts.nameformat, {
+                trace: trace.name,
+                group: groupName
+            });
+        }
+
+        // In order for groups to apply correctly to other transform data (e.g.
+        // a filter transform), we have to break the connection and clone the
+        // transforms so that each group writes grouped values into a different
+        // destination. This function does not break the array reference
+        // connection between the split transforms it creates. That's handled in
+        // initialize, which creates a new empty array for each arrayAttr.
+        transforms = newTrace.transforms;
+        newTrace.transforms = [];
+        for(j = 0; j < transforms.length; j++) {
+            newTrace.transforms[j] = Lib.extendDeepNoArrays({}, transforms[j]);
+        }
+
+        // Initialize empty arrays for the arrayAttrs, to be split in the next step
+        for(j = 0; j < arrayAttrs.length; j++) {
+            Lib.nestedProperty(newTrace, arrayAttrs[j]).set([]);
+        }
+    }
+
+    // For each array attribute including those nested inside this and other
+    // transforms (small note that we technically only need to do this for
+    // transforms that have not yet been applied):
+    for(k = 0; k < arrayAttrs.length; k++) {
+        attr = arrayAttrs[k];
+
+        // Cache all the arrays to which we'll push:
+        for(j = 0, arrayLookup = []; j < groupNames.length; j++) {
+            arrayLookup[j] = Lib.nestedProperty(newData[j], attr).get();
+        }
+
+        // Get the input data:
+        srcArray = Lib.nestedProperty(trace, attr).get();
+
+        // Send each data point to the appropriate expanded trace:
+        for(j = 0; j < len; j++) {
+            // Map group data --> trace index --> array and push data onto it
+            arrayLookup[indexLookup[groups[j]]].push(srcArray[j]);
+        }
+    }
+
+    for(i = 0; i < groupNames.length; i++) {
+        groupName = groupNames[i];
+        newTrace = newData[i];
+
+        Plots.clearExpandedTraceDefaultColors(newTrace);
+
+        // there's no need to coerce styleLookup[groupName] here
+        // as another round of supplyDefaults is done on the transformed traces
+        newTrace = Lib.extendDeepNoArrays(newTrace, styleLookup[groupName] || {});
+    }
+
+    return newData;
+}
+
+},{"../lib":728,"../plot_api/plot_schema":761,"../plots/plots":831}],1117:[function(require,module,exports){
+/**
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../lib');
+var Axes = require('../plots/cartesian/axes');
+
+exports.moduleType = 'transform';
+
+exports.name = 'sort';
+
+exports.attributes = {
+    enabled: {
+        valType: 'boolean',
+        dflt: true,
+        
+        editType: 'calc',
+        
+    },
+    target: {
+        valType: 'string',
+        strict: true,
+        noBlank: true,
+        arrayOk: true,
+        dflt: 'x',
+        
+        editType: 'calc',
+        
+    },
+    order: {
+        valType: 'enumerated',
+        values: ['ascending', 'descending'],
+        dflt: 'ascending',
+        
+        editType: 'calc',
+        
+    },
+    editType: 'calc'
+};
+
+exports.supplyDefaults = function(transformIn) {
+    var transformOut = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(transformIn, transformOut, exports.attributes, attr, dflt);
+    }
+
+    var enabled = coerce('enabled');
+
+    if(enabled) {
+        coerce('target');
+        coerce('order');
+    }
+
+    return transformOut;
+};
+
+exports.calcTransform = function(gd, trace, opts) {
+    if(!opts.enabled) return;
+
+    var targetArray = Lib.getTargetArray(trace, opts);
+    if(!targetArray) return;
+
+    var target = opts.target;
+    var len = targetArray.length;
+    var arrayAttrs = trace._arrayAttrs;
+    var d2c = Axes.getDataToCoordFunc(gd, trace, target, targetArray);
+    var indices = getIndices(opts, targetArray, d2c);
+
+    for(var i = 0; i < arrayAttrs.length; i++) {
+        var np = Lib.nestedProperty(trace, arrayAttrs[i]);
+        var arrayOld = np.get();
+        var arrayNew = new Array(len);
+
+        for(var j = 0; j < len; j++) {
+            arrayNew[j] = arrayOld[indices[j]];
+        }
+
+        np.set(arrayNew);
+    }
+};
+
+function getIndices(opts, targetArray, d2c) {
+    var len = targetArray.length;
+    var indices = new Array(len);
+
+    var sortedArray = targetArray
+        .slice()
+        .sort(getSortFunc(opts, d2c));
+
+    for(var i = 0; i < len; i++) {
+        var vTarget = targetArray[i];
+
+        for(var j = 0; j < len; j++) {
+            var vSorted = sortedArray[j];
+
+            if(vTarget === vSorted) {
+                indices[j] = i;
+
+                // clear sortedArray item to get correct
+                // index of duplicate items (if any)
+                sortedArray[j] = null;
+                break;
+            }
+        }
+    }
+
+    return indices;
+}
+
+function getSortFunc(opts, d2c) {
+    switch(opts.order) {
+        case 'ascending':
+            return function(a, b) { return d2c(a) - d2c(b); };
+        case 'descending':
+            return function(a, b) { return d2c(b) - d2c(a); };
+    }
+}
+
+},{"../lib":728,"../plots/cartesian/axes":772}]},{},[20])(20)
+});
\ No newline at end of file
diff --git a/debian/JS/plotly/plotly.min.js b/debian/JS/plotly/plotly.min.js
new file mode 100644
index 0000000..622425e
--- /dev/null
+++ b/debian/JS/plotly/plotly.min.js
@@ -0,0 +1,80 @@
+/**
+* plotly.js v1.31.2
+* Copyright 2012-2017, Plotly, Inc.
+* All rights reserved.
+* Licensed under the MIT license
+*/
+!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Plotly=t()}}(function(){var t;return function t(e,r,n){function i(o,s){if(!r[o]){if(!e[o]){var l="function"==typeof require&&require;if(!s&&l)return l(o,!0);if(a)return a(o,!0);var u=new Error("Cannot find module '"+o+"'");thro [...]
+;return!0}function g(t,e,r){d(t,e,!0)&&h(t,e,r,"notDeepStrictEqual",g)}function v(t,e){if(!t||!e)return!1;if("[object RegExp]"==Object.prototype.toString.call(e))return e.test(t);try{if(t instanceof e)return!0}catch(t){}return!Error.isPrototypeOf(e)&&!0===e.call({},t)}function y(t){var e;try{t()}catch(t){e=t}return e}function b(t,e,r,n){var i;if("function"!=typeof e)throw new TypeError('"block" argument must be a function');"string"==typeof r&&(n=r,r=null),i=y(e),n=(r&&r.name?" ("+r.name [...]
+i=i+Math.imul(L,ft)|0,i=i+Math.imul(C,ht)|0,a=a+Math.imul(C,ft)|0,n=n+Math.imul(T,pt)|0,i=i+Math.imul(T,mt)|0,i=i+Math.imul(S,pt)|0,a=a+Math.imul(S,mt)|0;var Ct=(u+n|0)+((8191&i)<<13)|0;u=(a+(i>>>13)|0)+(Ct>>>26)|0,Ct&=67108863,n=Math.imul(j,at),i=Math.imul(j,ot),i=i+Math.imul(N,at)|0,a=Math.imul(N,ot),n=n+Math.imul(O,lt)|0,i=i+Math.imul(O,ut)|0,i=i+Math.imul(R,lt)|0,a=a+Math.imul(R,ut)|0,n=n+Math.imul(z,ht)|0,i=i+Math.imul(z,ft)|0,i=i+Math.imul(D,ht)|0,a=a+Math.imul(D,ft)|0,n=n+Math.imu [...]
+;for(var A=o;A<s;++A){var T=A+M,S=b*A;x[y++]=l[S+_],x[y++]=-T,x[y++]=l[S+w],x[y++]=T}for(var A=c;A<h;++A){var T=A+k,E=b*A;x[y++]=g[E+_],x[y++]=-T}var L=y>>>1;f(x,L);for(var C=0,A=0;A<L;++A){var I=0|x[2*A+1];if(I<0){var T=-I,z=!1;if(T>=d?(z=!n,T-=d):(z=!!n,T-=1),z)a(p,m,C++,T);else{var D=v[T],P=b*T,O=g[P+e+1],R=g[P+e+1+t];t:for(var F=0;F<C;++F){var j=p[F],N=b*j;if(!(R<l[N+e+1]||l[N+e+1+t]<O)){for(var B=e+2;B<t;++B)if(g[P+B+t]<l[N+B]||l[N+B+t]<g[P+B])continue t;var U,V=u[j];if(void 0!==(U= [...]
+function f(t,e,r){if(0!==t.length){if(e)for(var n=0;n<t.length;++n){var i=t[n],a=e[i[0]],o=e[i[1]];i[0]=Math.min(a,o),i[1]=Math.max(a,o)}else for(var n=0;n<t.length;++n){var i=t[n],a=i[0],o=i[1];i[0]=Math.min(a,o),i[1]=Math.max(a,o)}r?t.sort(h):t.sort(c);for(var s=1,n=1;n<t.length;++n){var l=t[n-1],u=t[n];(u[0]!==l[0]||u[1]!==l[1]||r&&u[2]!==l[2])&&(t[s++]=u)}t.length=s}}function d(t,e,r){var n=u(t,[],a(t));return f(e,n,r),!!n}function p(t,e,r){var n=i(t,e),c=o(t,e,n),h=a(t),d=s(t,e,n,h) [...]
+cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray: [...]
+if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++l<u;)if(r=(t=s[l]).type)o[r]=a(o[r],t.name,e);else if(null==e)for(r in o)o[r]=a(o[r],t.name,null);return this}for(;++l<u;)if((r=(t=s[l]).type)&&(r=i(o[r],t.name)))return r}},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new r(t)},call:function(t,e){if((r=arguments.length-2)>0)for(var r,n,i=new Array(r),a=0;a<r;++a)i[a]=arguments[a+2];if(!this._.hasOwnProperty(t))throw new Error("un [...]
+function Et(t){return"function"==typeof t?t:function(){return t}}function Lt(t){return function(e,r,n){return 2===arguments.length&&"function"==typeof r&&(n=r,r=null),Ct(e,r,t,n)}}function Ct(t,e,r,n){function i(){var t,e=l.status;if(!e&&zt(l)||e>=200&&e<300||304===e){try{t=r.call(a,l)}catch(t){return void o.error.call(a,t)}o.load.call(a,t)}else o.error.call(a,l)}var a={},o=uo.dispatch("beforesend","progress","load","error"),s={},l=new XMLHttpRequest,u=null;return!this.XDomainRequest||"w [...]
+x:s,y:n*s+i}}else{if(a){if(a.x<o)return}else a={x:s,y:n*s+i};r={x:o,y:n*o+i}}return t.a=a,t.b=r,!0}function Qr(t,e){this.l=t,this.r=e,this.a=this.b=null}function $r(t,e,r,n){var i=new Qr(t,e);return rl.push(i),r&&en(i,t,e,r),n&&en(i,e,t,n),nl[t.i].edges.push(new rn(i,t,e)),nl[e.i].edges.push(new rn(i,e,t)),i}function tn(t,e,r){var n=new Qr(t,null);return n.a=e,n.b=r,rl.push(n),n}function en(t,e,r,n){t.a||t.b?t.l===r?t.b=n:t.a=n:(t.a=n,t.l=e,t.r=r)}function rn(t,e,r){var n=t.a,i=t.b;this. [...]
+for(var r,n=1,i=arguments.length;++n<i;)t[r=arguments[n]]=_(t,e,e[r]);return t};var Mo=["webkit","ms","moz","Moz","o","O"];uo.dispatch=function(){for(var t=new k,e=-1,r=arguments.length;++e<r;)t[arguments[e]]=A(t);return t},k.prototype.on=function(t,e){var r=t.indexOf("."),n="";if(r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),t)return arguments.length<2?this[t].on(n):this[t].on(n,e);if(2===arguments.length){if(null==e)for(t in this)this.hasOwnProperty(t)&&this[t].on(n,null);return this}},uo.even [...]
+return arguments.length?(p=+e[0],m=+e[1],t):[p,m]},t.precision=function(e){return arguments.length?(y=+e,c=yr(s,o,90),h=br(n,r,y),f=yr(u,l,90),d=br(a,i,y),t):y},t.majorExtent([[-180,-90+Fo],[180,90-Fo]]).minorExtent([[-180,-80-Fo],[180,80+Fo]])},uo.geo.greatArc=function(){function t(){return{type:"LineString",coordinates:[e||n.apply(this,arguments),r||i.apply(this,arguments)]}}var e,r,n=xr,i=_r;return t.distance=function(){return uo.geo.distance(e||n.apply(this,arguments),r||i.apply(this [...]
+return t&&t.transition?jl?t.transition(e):t:uo.selection().transition(t)},uo.transition.prototype=Ul,Ul.select=function(t){var e,r,n,i=this.id,a=this.namespace,o=[];t=C(t);for(var s=-1,l=this.length;++s<l;){o.push(e=[]);for(var u=this[s],c=-1,h=u.length;++c<h;)(n=u[c])&&(r=t.call(n,n.__data__,c,s))?("__data__"in n&&(r.__data__=n.__data__),eo(r,c,a,i,n[a][i]),e.push(r)):e.push(null)}return Ka(o,a,i)},Ul.selectAll=function(t){var e,r,n,i,a,o=this.id,s=this.namespace,l=[];t=I(t);for(var u=- [...]
+r===e||i(r.listener)&&r.listener===e)delete this._events[t],this._events.removeListener&&this.emit("removeListener",t,e);else if(o(r)){for(s=a;s-- >0;)if(r[s]===e||r[s].listener&&r[s].listener===e){n=s;break}if(n<0)return this;1===r.length?(r.length=0,delete this._events[t]):r.splice(n,1),this._events.removeListener&&this.emit("removeListener",t,e)}return this},n.prototype.removeAllListeners=function(t){var e,r;if(!this._events)return this;if(!this._events.removeListener)return 0===argum [...]
+;u&1<<c&&(h=s,f=a,d=l,p=o),h[c]=r[0][c],f[c]=r[1][c],i[c]>0?(d[c]=-1,p[c]=0):(d[c]=0,p[c]=1)}}function s(t,e){var r=new i(t);return r.update(e),r}e.exports=s;var l=t("./lib/text.js"),u=t("./lib/lines.js"),c=t("./lib/background.js"),h=t("./lib/cube.js"),f=t("./lib/ticks.js"),d=new Float32Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),p=i.prototype;p.update=function(t){function e(e,r,n){if(n in t){var i,a=t[n],o=this[n];(e?Array.isArray(a)&&Array.isArray(a[0]):Array.isArray(a))?this[n]=i=[r(a[0] [...]
+vertex:"precision highp float;\n#define GLSLIFY 1\n\nattribute vec2 positionHi;\nattribute vec2 positionLo;\nattribute vec2 pixelOffset;\n\nuniform vec2 scaleHi, scaleLo, translateHi, translateLo, pixelScale;\n\nvec2 project(vec2 scHi, vec2 trHi, vec2 scLo, vec2 trLo, vec2 posHi, vec2 posLo) {\n  return (posHi + trHi) * scHi\n       + (posLo + trLo) * scHi\n       + (posHi + trHi) * scLo\n       + (posLo + trLo) * scLo;\n}\n\nvoid main() {\n  vec3 scrPosition = vec3(\n         project(sc [...]
+for(var e=[[-1e6,-1e6,-1e6],[1e6,1e6,1e6]],r=0;r<3;++r)e[0][r]=Math.max(t[0][r],e[0][r]),e[1][r]=Math.min(t[1][r],e[1][r]);return e}function a(t,e,r,n){this.arcLength=t,this.position=e,this.index=r,this.dataCoordinate=n}function o(t,e,r,n,i,a){this.gl=t,this.shader=e,this.pickShader=r,this.buffer=n,this.vao=i,this.clipBounds=[[-1/0,-1/0,-1/0],[1/0,1/0,1/0]],this.points=[],this.arcLength=[],this.vertexCount=0,this.bounds=[[0,0,0],[0,0,0]],this.pickId=0,this.lineWidth=1,this.texture=a,this [...]
+;return c=SIMD.Float32x4.shuffle(r,n,0,1,4,5),s=SIMD.Float32x4.shuffle(i,a,0,1,4,5),o=SIMD.Float32x4.shuffle(c,s,0,2,4,6),s=SIMD.Float32x4.shuffle(s,c,1,3,5,7),c=SIMD.Float32x4.shuffle(r,n,2,3,6,7),u=SIMD.Float32x4.shuffle(i,a,2,3,6,7),l=SIMD.Float32x4.shuffle(c,u,0,2,4,6),u=SIMD.Float32x4.shuffle(u,c,1,3,5,7),c=SIMD.Float32x4.mul(l,u),c=SIMD.Float32x4.swizzle(c,1,0,3,2),h=SIMD.Float32x4.mul(s,c),f=SIMD.Float32x4.mul(o,c),c=SIMD.Float32x4.swizzle(c,2,3,0,1),h=SIMD.Float32x4.sub(SIMD.Floa [...]
+t[3]=1/e[3],t},i.normalize=function(t,e){var r=e[0],n=e[1],i=e[2],a=e[3],o=r*r+n*n+i*i+a*a;return o>0&&(o=1/Math.sqrt(o),t[0]=r*o,t[1]=n*o,t[2]=i*o,t[3]=a*o),t},i.dot=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},i.lerp=function(t,e,r,n){var i=e[0],a=e[1],o=e[2],s=e[3];return t[0]=i+n*(r[0]-i),t[1]=a+n*(r[1]-a),t[2]=o+n*(r[2]-o),t[3]=s+n*(r[3]-s),t},i.random=function(t,e){return e=e||1,t[0]=n.RANDOM(),t[1]=n.RANDOM(),t[2]=n.RANDOM(),t[3]=n.RANDOM(),i.normalize(t,t),i.scal [...]
+i=t.labelSize[a],e=0;e<n.length;e+=2)o.push(n[e]*i,-n[e+1]*i,0);this.labelCount[a]=Math.floor(o.length/3)-this.labelOffset[a]}for(this.titleOffset=Math.floor(o.length/3),n=s(t.titleFont,t.title).data,i=t.titleSize,e=0;e<n.length;e+=2)o.push(n[e]*i,-n[e+1]*i,0);this.titleCount=Math.floor(o.length/3)-this.titleOffset,this.vbo.update(o)},c.dispose=function(){this.vbo.dispose(),this.shader.dispose()}},{"./shaders":209,"binary-search-bounds":211,"gl-buffer":156,"gl-shader":212,"text-cache":53 [...]
+"./GLError":224,dup:214}],226:[function(t,e,r){arguments[4][215][0].apply(r,arguments)},{"./GLError":224,"./reflect":227,dup:215}],227:[function(t,e,r){arguments[4][216][0].apply(r,arguments)},{dup:216}],228:[function(t,e,r){arguments[4][217][0].apply(r,arguments)},{dup:217}],229:[function(t,e,r){arguments[4][218][0].apply(r,arguments)},{"./GLError":224,dup:218,"gl-format-compiler-error":165,"weakmap-shim":562}],230:[function(t,e,r){"use strict";function n(t,e,r,n,i){this.plot=t,this.off [...]
+d.pickGroup=e.pickId/255,d.pixelRatio=e.pixelRatio;for(var _=0;_<3;++_)if(h[_]&&e.projectOpacity[_]<1===n){d.scale=e.projectScale[_],d.opacity=e.projectOpacity[_];for(var L=S,C=0;C<16;++C)L[C]=0;for(var C=0;C<4;++C)L[5*C]=1;L[5*_]=0,o[_]<0?L[12+_]=y[0][_]:L[12+_]=y[1][_],v(L,p,L),d.model=L;var I=(_+1)%3,z=(_+2)%3,D=s(M),P=s(k);D[I]=1,P[z]=1;var O=i(g,m,p,l(A,D)),R=i(g,m,p,l(T,P));if(Math.abs(O[1])>Math.abs(R[1])){var F=O;O=R,R=F,F=D,D=P,P=F;var j=I;I=z,z=j}O[0]<0&&(D[I]=-1),R[1]>0&&(P[z] [...]
+;var d=t("bit-twiddle"),p=t("gl-buffer"),m=t("gl-vao"),g=t("gl-texture2d"),v=t("typedarray-pool"),y=t("colormap"),b=t("ndarray-ops"),x=t("ndarray-pack"),_=t("ndarray"),w=t("surface-nets"),M=t("gl-mat4/multiply"),k=t("gl-mat4/invert"),A=t("binary-search-bounds"),T=t("ndarray-gradient"),S=t("./lib/shaders"),E=S.createShader,L=S.createContourShader,C=S.createPickShader,I=S.createPickContourShader,z=40,D=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],P=[[0,0],[0,1],[1,0],[1,1],[1,0],[0,1]],O=[[0,0,0,0,0, [...]
+e.exports=["abs","acos","all","any","asin","atan","ceil","clamp","cos","cross","dFdx","dFdy","degrees","distance","dot","equal","exp","exp2","faceforward","floor","fract","gl_BackColor","gl_BackLightModelProduct","gl_BackLightProduct","gl_BackMaterial","gl_BackSecondaryColor","gl_ClipPlane","gl_ClipVertex","gl_Color","gl_DepthRange","gl_DepthRangeParameters","gl_EyePlaneQ","gl_EyePlaneR","gl_EyePlaneS","gl_EyePlaneT","gl_Fog","gl_FogCoord","gl_FogFragCoord","gl_FogParameters","gl_FragCol [...]
+fragmentSource:"#ifdef GL_ES\nprecision mediump float;\n#else\n#define lowp\n#define mediump\n#define highp\n#endif\n\nuniform float u_blur;\n\nuniform vec2 u_pattern_size_a;\nuniform vec2 u_pattern_size_b;\nuniform vec2 u_pattern_tl_a;\nuniform vec2 u_pattern_br_a;\nuniform vec2 u_pattern_tl_b;\nuniform vec2 u_pattern_br_b;\nuniform float u_fade;\nuniform float u_opacity;\n\nuniform sampler2D u_image;\n\nvarying vec2 v_normal;\nvarying vec2 v_linewidth;\nvarying float v_linesofar;\nvary [...]
+"../util/unbundle_jsonlint":307,"./validate_enum":313}],315:[function(t,e,r){"use strict";var n=t("../error/validation_error"),i=t("../util/get_type"),a=t("./validate"),o=t("./validate_object"),s=t("./validate_array"),l=t("./validate_number");e.exports=function(t){function e(t){var e=[],a=t.value;return e=e.concat(s({key:t.key,value:a,valueSpec:t.valueSpec,style:t.style,styleSpec:t.styleSpec,arrayElementValidator:r})),"array"===i(a)&&0===a.length&&e.push(new n(t.key,a,"array must have at [...]
+;var y=[p.fragmentPragmas.define[v],"attribute","{precision}","{type}",m].join(" ")+";\n";p.fragmentPragmas.define[v]=g,p.vertexPragmas.define[v]=g+y,p.vertexPragmas.initialize[v]=[v,"=",m,"/",u.multiplier.toFixed(1)].join(" ")+";\n"}else{for(var b="u_"+m.slice(2)+"_t",x=d.getPaintValueStopZoomLevels(u.paintProperty),_=0;_<x.length&&x[_]<t.zoom;)_++;for(var w=Math.max(0,Math.min(x.length-4,_-2)),M=[],k=0;k<4;k++)M.push(x[Math.min(w+k,x.length-1)]);g=["varying","{precision}","{type}",v].j [...]
+;var i=t("../util/util").wrap;n.prototype.wrap=function(){return new n(i(this.lng,-180,180),this.lat)},n.prototype.toArray=function(){return[this.lng,this.lat]},n.prototype.toString=function(){return"LngLat("+this.lng+", "+this.lat+")"},n.convert=function(t){return t instanceof n?t:Array.isArray(t)?new n(t[0],t[1]):t}},{"../util/util":442}],340:[function(t,e,r){"use strict";function n(t,e){t&&(e?this.extend(t).extend(e):4===t.length?this.extend([t[0],t[1]]).extend([t[2],t[3]]):this.exten [...]
+i(t,e,r,n,!0,r.paint["text-translate"],r.paint["text-translate-anchor"],r.layout["text-rotation-alignment"],r.layout["text-pitch-alignment"],r.layout["text-size"],r.paint["text-halo-width"],r.paint["text-halo-color"],r.paint["text-halo-blur"],r.paint["text-opacity"],r.paint["text-color"]),o.enable(o.DEPTH_TEST),e.map.showCollisionBoxes&&s(t,e,r,n)}}function i(t,e,r,n,i,o,s,l,u,c,h,f,d,p,m){for(var g=0;g<n.length;g++){var v=e.getTile(n[g]),y=v.getBucket(r);if(y){var b=y.bufferGroups,x=i?b [...]
+;if(e=this._tiles[r.id],e||(e=this._cache.get(r.id))&&this._redoPlacement&&this._redoPlacement(e),!e){var n=t.z,i=n>this.maxzoom?Math.pow(2,n-this.maxzoom):1;e=new s(r,this.tileSize*i,this.maxzoom),this.loadTile(e,this._tileLoaded.bind(this,e))}return e.uses++,this._tiles[t.id]=e,this.fire("tile.add",{tile:e}),this._source.fire("tile.add",{tile:e}),e},removeTile:function(t){var e=this._tiles[t];e&&(e.uses--,delete this._tiles[t],this.fire("tile.remove",{tile:e}),this._source.fire("tile.r [...]
+e&&e.filter&&this._handleErrors(g.filter,"queryRenderedFeatures.filter",e.filter,!0);var i={};if(e&&e.layers)for(var a=0;a<e.layers.length;a++){var o=e.layers[a];i[this._layers[o].source]=!0}var s=[];for(var l in this.sources)if(!e.layers||i[l]){var u=this.sources[l],c=y.rendered(u,this._layers,t,e,r,n);s.push(c)}return this._flattenRenderedFeatures(s)},querySourceFeatures:function(t,e){e&&e.filter&&this._handleErrors(g.filter,"querySourceFeatures.filter",e.filter,!0);var r=this.sources[ [...]
+function l(t,e,r,n,i,a,o,s){for(var l=(e-r)*i+s[0],u=(-n*(o+1)+.5)*a+s[1],c=0;c<t.length;c++)t[c].x+=l,t[c].y+=u}function u(t,e){if(!t||!t.rect)return null;var r=e["icon-offset"][0],n=e["icon-offset"][1],i=r-t.width/2,a=i+t.width,o=n-t.height/2;return new c(t,o,o+t.height,i,a)}function c(t,e,r,n,i){this.image=t,this.top=e,this.bottom=r,this.left=n,this.right=i}e.exports={shapeText:a,shapeIcon:u};var h={32:!0,8203:!0},f={32:!0,38:!0,43:!0,45:!0,47:!0,173:!0,183:!0,8203:!0,8208:!0,8211:!0} [...]
+document.addEventListener("touchmove",this._onMove,!1),document.addEventListener("touchend",this._onEnd,!1)}},_onMove:function(t){if(2===t.touches.length){var e=i.mousePos(this._el,t.touches[0]),r=i.mousePos(this._el,t.touches[1]),n=e.add(r).div(2),a=e.sub(r),o=a.mag()/this._startVec.mag(),s=this._rotationDisabled?0:180*a.angleWith(this._startVec)/Math.PI,l=this._map;if(this._gestureIntent){var u={duration:0,around:l.unproject(n)};"rotate"===this._gestureIntent&&(u.bearing=this._startBea [...]
+t+=-1!==t.indexOf("?")?"&access_token=":"?access_token=",o.REQUIRE_ACCESS_TOKEN){if("s"===r[0])throw new Error("Use a public access token (pk.*) with Mapbox GL JS, not a secret access token (sk.*). See https://www.mapbox.com/developers/api/#access-tokens");t+=r}return t}function i(t){return t?"?"+t:""}function a(t){return t.access_token&&"tk."===t.access_token.slice(0,3)?u.extend({},t,{access_token:o.ACCESS_TOKEN}):t}var o=t("./config"),s=t("./browser"),l=t("url"),u=t("./util");e.exports [...]
+"function"!=typeof t.vertex&&e("Must specify vertex creation function"),"function"!=typeof t.cell&&e("Must specify cell creation function"),"function"!=typeof t.phase&&e("Must specify phase function");for(var a=t.getters||[],o=new Array(n),s=0;s<n;++s)a.indexOf(s)>=0?o[s]=!0:o[s]=!1;return b(t.vertex,t.cell,t.phase,i,r,o)}var _=t("typedarray-pool");e.exports=x;var w="V",M="P",k="N",A="Q",T="X",S="T"},{"typedarray-pool":541}],457:[function(t,e,r){"use strict";var n=t("cwise/lib/wrapper")( [...]
+var a="function "+r+"(a){this.data=a;};var proto="+r+".prototype;proto.dtype='"+t+"';proto.index=function(){return -1};proto.size=0;proto.dimension=-1;proto.shape=proto.stride=proto.order=[];proto.lo=proto.hi=proto.transpose=proto.step=function(){return new "+r+"(this.data);};proto.get=proto.set=function(){};proto.pick=function(){return null};return function construct_"+r+"(a){return new "+r+"(a);}",o=new Function(a);return o()}if(0===e){var a="function "+r+"(a,d) {this.data = a;this.off [...]
+;var o=t("edges-to-adjacency-list"),s=t("planar-dual"),l=t("point-in-big-polygon"),u=t("two-product"),c=t("robust-sum"),h=t("uniq"),f=t("./lib/trim-leaves")},{"./lib/trim-leaves":482,"edges-to-adjacency-list":127,"planar-dual":481,"point-in-big-polygon":485,"robust-sum":513,"two-product":539,uniq:543}],484:[function(t,e,r){"use strict";function n(t,e){this.x=t,this.y=e}e.exports=n,n.prototype={clone:function(){return new n(this.x,this.y)},add:function(t){return this.clone()._add(t)},sub: [...]
+u.vertCount=0,u.type=Ge;return a}var o=r.create(null,Je,!0),u=new i(o._buffer);return n.elementsCount++,a(t),a._reglType="elements",a._elements=u,a.subdata=function(t,e){return o.subdata(t,e),a},a.destroy=function(){l(u)},a}var c={},h=0,f={uint8:Ge,uint16:We};e.oes_element_index_uint&&(f.uint32=Ze),i.prototype.bind=function(){this.buffer.bind()};var d=[];return{create:u,createStream:a,destroyStream:o,getElements:function(t){return"function"==typeof t&&t._elements instanceof i?t._elements [...]
+n(t,e,"=",r.def(t,e),";")}var r=e(),n=e(),i=r.toString,a=n.toString;return $t(function(){r.apply(r,jt(arguments))},{def:r.def,entry:r,exit:n,save:t,set:function(e,n,i){t(e,n),r(e,n,"=",i,";")},toString:function(){return i()+a()}})}function n(){var t=Nt(arguments),e=r(),n=r(),i=e.toString,a=n.toString;return $t(e,{then:function(){return e.apply(e,jt(arguments)),this},else:function(){return n.apply(n,jt(arguments)),this},toString:function(){var e=a();return e&&(e="else{"+e+"}"),Nt(["if(",t [...]
+r.profile&&i(r.profile)&&P(t,c,r,!1,!0),n)O(t,u,r,n.attributes,a),O(t,c,r,n.attributes,i),R(t,u,r,n.uniforms,a),R(t,c,r,n.uniforms,i),F(t,u,c,r);else{var h=t.global.def("{}"),f=r.shader.progVar.append(t,c),d=c.def(f,".id"),p=c.def(h,"[",d,"]");c(t.shared.gl,".useProgram(",f,".program);","if(!",p,"){",p,"=",h,"[",d,"]=",t.link(function(e){return j(U,t,r,e,2)}),"(",f,");}",p,".call(this,a0[",s,"],",s,");")}}function H(t,e){function r(t){return t.contextDep&&i||t.propDep}var n=t.proc("batch [...]
+510:[function(t,e,r){"use strict";function n(t,e){var r=t.length;if(1===r){var n=i(t[0],e);return n[0]?n:[n[1]]}var o=new Array(2*r),s=[.1,.1],l=[.1,.1],u=0;i(t[0],e,s),s[0]&&(o[u++]=s[0]);for(var c=1;c<r;++c){i(t[c],e,l);var h=s[1];a(h,l[0],s),s[0]&&(o[u++]=s[0]);var f=l[1],d=s[1],p=f+d,m=p-f,g=d-m;s[1]=p,g&&(o[u++]=g)}return s[1]&&(o[u++]=s[1]),0===u&&(o[u++]=0),o.length=u,o}var i=t("two-product"),a=t("two-sum");e.exports=n},{"two-product":539,"two-sum":540}],511:[function(t,e,r){"use  [...]
+for(;n[s+1]<a;)s++;e[a]=(a-r[s])*(a-r[s])+t[r[s]]}}e.exports=n;var o=1e20;n.prototype.draw=function(t){this.ctx.clearRect(0,0,this.size,this.size),this.ctx.fillText(t,this.buffer,this.middle);for(var e=this.ctx.getImageData(0,0,this.size,this.size),r=e.data,n=0;n<this.size*this.size;n++){var a=r[4*n+3]/255;this.gridOuter[n]=1===a?0:0===a?o:Math.pow(Math.max(0,.5-a),2),this.gridInner[n]=1===a?o:0===a?0:Math.pow(Math.max(0,a-.5),2)}for(i(this.gridOuter,this.size,this.size,this.f,this.d,thi [...]
+if(void 0===e||"arraybuffer"===e)return o(t);switch(e){case"uint8":return s(t);case"uint16":return l(t);case"uint32":return u(t);case"int8":return c(t);case"int16":return h(t);case"int32":return f(t);case"float":case"float32":return d(t);case"double":case"float64":return p(t);case"uint8_clamped":return m(t);case"buffer":return v(t);case"data":case"dataview":return g(t);default:return null}return null},r.mallocArrayBuffer=o,r.mallocUint8=s,r.mallocUint16=l,r.mallocUint32=u,r.mallocInt8=c, [...]
+;var l,u=new s,c=void 0,h=!1;return l=o?function(t,e){return u.set(t,e),u.has(t)||(c||(c=new x),c.set(t,e)),this}:function(t,e){if(h)try{u.set(t,e)}catch(r){c||(c=new x),c.set___(t,e)}else u.set(t,e);return this},Object.create(x.prototype,{get___:{value:i(e)},has___:{value:i(r)},set___:{value:i(l)},delete___:{value:i(n)},permitHostObjects___:{value:i(function(e){if(e!==t)throw new Error("bogus call to permitHostObjects___");h=!0})}})}o&&"undefined"!=typeof Proxy&&(Proxy=void 0),r.prototy [...]
+s--);9!==s;)s<=0&&(s=12,l--),o+=this.NEPALI_CALENDAR_DATA[l][s],s--;return 9===e?(o+=r-this.NEPALI_CALENDAR_DATA[l][0])<0&&(o+=a.daysInYear(u)):o+=this.NEPALI_CALENDAR_DATA[l][9]-this.NEPALI_CALENDAR_DATA[l][0],a.newDate(u,1,1).add(o,"d").toJD()},fromJD:function(t){var e=i.instance(),r=e.fromJD(t),n=r.year(),a=r.dayOfYear(),o=n+56;this._createMissingCalendarData(o);for(var s=9,l=this.NEPALI_CALENDAR_DATA[o][0],u=this.NEPALI_CALENDAR_DATA[o][s]-l+1;a>u;)s++,s>12&&(s=1,o++),u+=this.NEPALI_ [...]
+return function(e){return(e+"").replace(/[0-9]/g,function(e){return t[e]})}},substituteChineseDigits:function(t,e){return function(r){for(var n="",i=0;r>0;){var a=r%10;n=(0===a?"":t[a]+e[i])+n,i++,r=Math.floor(r/10)}return 0===n.indexOf(t[1]+e[1])&&(n=n.substr(1)),n||t[0]}}}),l(i.prototype,{newDate:function(t,e,r){return this._calendar.newDate(null==t?this:t,e,r)},year:function(t){return 0===arguments.length?this._year:this.set(t,"y")},month:function(t){return 0===arguments.length?this._ [...]
+fill:i.rgb(r.arrowcolor),"stroke-width":0}))}var l,u,c,h,f=t.node(),d=a[r.arrowhead||0],p=(r.arrowwidth||1)*r.arrowsize,m=e.indexOf("start")>=0,g=e.indexOf("end")>=0,v=d.backoff*p+r.standoff;if("line"===f.nodeName){l={x:+t.attr("x1"),y:+t.attr("y1")},u={x:+t.attr("x2"),y:+t.attr("y2")};var y=l.x-u.x,b=l.y-u.y;if(c=Math.atan2(b,y),h=c+Math.PI,v){if(v*v>y*y+b*b)return void o();var x=v*Math.cos(c),_=v*Math.sin(c);m&&(l.x-=x,l.y-=_,t.attr({x1:l.x,y1:l.y})),g&&(u.x+=x,u.y+=_,t.attr({x2:u.x,y2 [...]
+Rainbow:[[0,"rgb(150,0,90)"],[.125,"rgb(0,0,200)"],[.25,"rgb(0,25,255)"],[.375,"rgb(0,152,255)"],[.5,"rgb(44,255,150)"],[.625,"rgb(151,255,0)"],[.75,"rgb(255,234,0)"],[.875,"rgb(255,111,0)"],[1,"rgb(255,0,0)"]],Portland:[[0,"rgb(12,51,131)"],[.25,"rgb(10,136,186)"],[.5,"rgb(242,211,56)"],[.75,"rgb(242,143,56)"],[1,"rgb(217,30,30)"]],Jet:[[0,"rgb(0,0,131)"],[.125,"rgb(0,60,170)"],[.375,"rgb(5,255,255)"],[.625,"rgb(255,255,0)"],[.875,"rgb(250,0,0)"],[1,"rgb(128,0,0)"]],Hot:[[0,"rgb(0,0,0)" [...]
+;i<=r.distance&&(r.index=n,r.distance=i)}return r},r.inbox=function(t,e){return t*e<0||0===t?a.MAXDIST*(.6-.3/Math.max(3,Math.abs(t-e))):1/0},r.appendArrayPointValue=function(t,e,r){var n=e._arrayAttrs;if(n)for(var a=0;a<n.length;a++){var o,s=n[a];if(o="ids"===s?"id":"locations"===s?"location":s,void 0===t[o]){var l=i.nestedProperty(e,s).get();Array.isArray(r)?Array.isArray(l)&&Array.isArray(l[r[0]])&&(t[o]=l[r[0]][r[1]]):t[o]=l[r]}}}},{"../../lib":728,"./constants":640}],643:[function(t [...]
+;z.enter().append("g").attr("class","traces"),z.exit().remove(),z.call(M,t).style("opacity",function(t){var e=t[0].trace;return d.traceIs(e,"pie")?-1!==_.indexOf(t[0].label)?.5:1:"legendonly"===e.visible?.5:1}).each(function(){u.select(this).call(n,t).call(i,t)});var D=0!==k.enter().size();D&&(o(t,I,z),s(t));var P=r.width,O=r.height;o(t,I,z),v.height>O?l(t):s(t);var R=r._size,F=R.l+R.w*v.x,j=R.t+R.h*(1-v.y);A.isRightAnchor(v)?F-=v.width:A.isCenterAnchor(v)&&(F-=v.width/2),A.isBottomAncho [...]
+o._input.range=o.range=n.getAutoRange(a))}}},{"../../plots/cartesian/axes":772,"./constants":677}],677:[function(t,e,r){"use strict";e.exports={name:"rangeslider",containerClassName:"rangeslider-container",bgClassName:"rangeslider-bg",rangePlotClassName:"rangeslider-rangeplot",maskMinClassName:"rangeslider-mask-min",maskMaxClassName:"rangeslider-mask-max",slideBoxClassName:"rangeslider-slidebox",grabberMinClassName:"rangeslider-grabber-min",grabAreaMinClassName:"rangeslider-grabarea-min" [...]
+return e.attr("transform",M?"rotate("+[M.rotate,w.x,w.y]+") translate(0, "+M.offset+")":null),e.style({"font-family":T,"font-size":n.round(S,2)+"px",fill:u.rgb(E),opacity:L*u.opacity(E),"font-weight":o.fontWeight}).attr(w).call(c.convertToTspans,t),o.previousPromises(t)}function m(t){var e=n.select(t.node().parentNode);if(_&&_.selection&&_.side&&I){e.attr("transform",null);var r=0,a={left:"right",right:"left",top:"bottom",bottom:"top"}[_.side],o=-1!==["left","top"].indexOf(_.side)?-1:1,u [...]
+;"y"===r?f=O(m):"m"===r?f=R(m):"d"===r?(a=O(m),f=F(m)):(a=j(m),f=s(t,r))}return f+(a?"\n"+a:"")};var N=3*y;r.incrementMonth=function(t,e,r){r=n(r)&&r;var i=m(t,y);if(t=Math.round(t-i),r)try{var a=Math.round(t/y)+w,o=M.getComponentMethod("calendars","getCal")(r),s=o.fromJD(a);return e%12?o.add(s,e,"m"):o.add(s,e/12,"y"),(s.toJD()-w)*y+i}catch(e){p("invalid ms "+t+" in calendar "+r)}var l=new Date(t+N);return l.setUTCMonth(l.getUTCMonth()+e)+i-N},r.findExactDates=function(t,e){for(var r,i, [...]
+;if(a.select(".MathJax_SVG").empty()||!a.select("svg").node())f.log("There was an error in the tex syntax.",t),r();else{var n=a.select("svg").node().getBoundingClientRect();r(a.select(".MathJax_SVG"),e,n)}a.remove()})}function o(t,e){if(!t)return null;var r=t.match(e);return r&&(r[3]||r[4])}function s(t,e){if(!t)return"";for(var r=0;r<e.length;r++){var n=e[r];t=t.replace(n.regExp,n.sub)}return t}function l(t){return s(t,A)}function u(t,e){function r(){c++;var e=document.createElementNS(d [...]
+;return t.layout.autosize&&S.plotAutoSize(t,t.layout,u),(e.height||e.width||u.width!==ct||u.height!==ht)&&(y.calc=!0),(y.plot||y.calc)&&(y.layoutReplot=!0),{flags:y,undoit:x,redoit:b,eventData:w.extendDeep({},b)}}function v(t){var e=y.select(t),r=t._fullLayout;if(r._container=e.selectAll(".plot-container").data([0]),r._container.enter().insert("div",":first-child").classed("plot-container",!0).classed("plotly",!0),r._paperdiv=r._container.selectAll(".svg-container").data([0]),r._paperdiv [...]
+function r(t){return!(t in e)||a.validate(e[t],u[t])}function n(t,r){return a.coerce(e,v,u,t,r)}function h(){return new Promise(function(t){setTimeout(t,o.getDelay(k._fullLayout))})}function f(){return new Promise(function(t,e){var r=s(k,y,_),n=k._fullLayout.width,o=k._fullLayout.height;if(i.purge(k),document.body.removeChild(k),"svg"===y)return t(M?r:"data:image/svg+xml,"+encodeURIComponent(r));var u=document.createElement("canvas");u.id=a.randstr(),l({format:y,width:n,height:o,scale:_, [...]
+}]:[]);y.enter().append("path").classed(I,1).classed("zl",1).classed("crisp",1).attr("d",c),y.attr("transform",d).call(E.stroke,u.zerolinecolor||E.defaultLine).style("stroke-width",R+"px"),y.exit().remove()}}var u,c=t._fullLayout,h=!1;if("object"==typeof e)u=e,e=u._id,h=!0;else if(u=B.getFromId(t,e),"redraw"===e&&c._paper.selectAll("g.subplot").each(function(t){var e=c._plots[t],r=e.xaxis,n=e.yaxis;e.xaxislayer.selectAll("."+r._id+"tick").remove(),e.yaxislayer.selectAll("."+n._id+"tick") [...]
+dflt:null,editType:"none"},spikethickness:{valType:"number",dflt:3,editType:"none"},spikedash:o({},a,{dflt:"dash",editType:"none"}),spikemode:{valType:"flaglist",flags:["toaxis","across","marker"],dflt:"toaxis",editType:"none"},tickfont:n({editType:"ticks"}),tickangle:{valType:"angle",dflt:"auto",editType:"ticks"},tickprefix:{valType:"string",dflt:"",editType:"ticks"},showtickprefix:{valType:"enumerated",values:["all","first","last","none"],dflt:"all",editType:"ticks"},ticksuffix:{valTyp [...]
+;for(var n=0;n<t.length;n++)if("choropleth"===t[n][0].trace.type){this.hasChoropleth=!0;break}this.viewInitial||this.saveViewInitial(r),this.updateBaseLayers(e,r),this.updateDims(e,r),this.updateFx(e,r),d.generalUpdatePerTraceModule(this,t,r);var i=this.layers.frontplot.select(".scatterlayer");this.dataPoints.point=i.selectAll(".point"),this.dataPoints.text=i.selectAll("text"),this.dataPaths.line=i.selectAll(".js-line");var a=this.layers.backplot.select(".choroplethlayer");this.dataPaths [...]
+;var e=t.ticklen;return"inside"===t.ticks?-e:e},e.exports=i},{"../../lib/html2unicode":726,"../../lib/str2rgbarray":749,"../cartesian/axes":772,"../plots":831}],808:[function(t,e,r){"use strict";var n=t("../../plot_api/edit_types").overrideAll,i=t("./scene2d"),a=t("../plots"),o=t("../../constants/xmlns_namespaces"),s=t("../cartesian/constants"),l=t("../cartesian"),u=t("../../components/fx/layout_attributes");r.name="gl2d",r.attr=["xaxis","yaxis"],r.idRoot=["x","y"],r.idRegex=s.idRegex,r. [...]
+;t.camera=x(t.container,{center:[s.center.x,s.center.y,s.center.z],eye:[s.eye.x,s.eye.y,s.eye.z],up:[s.up.x,s.up.y,s.up.z],zoomMin:.1,zoomMax:100,mode:"orbit"})}return t.glplot.camera=t.camera,t.glplot.oncontextloss=function(){t.recoverContext()},t.glplot.onrender=n.bind(null,t),t.traces={},!0}function a(t,e){var r=document.createElement("div"),n=t.container;this.graphDiv=t.graphDiv;var a=document.createElementNS("http://www.w3.org/2000/svg","svg");a.style.position="absolute",a.style.top [...]
+u._hasClipOnAxisFalse=!1;for(var m=0;m<t.length;m++){var g=t[m];if(g.xaxis===u.xaxis._id&&g.yaxis===u.yaxis._id&&!1===g.cliponaxis){u._hasClipOnAxisFalse=!0;break}}}var v=c.Axes.list(s,null,!0);for(i=0;i<v.length;i++){var y=v[i],b=null;y.overlaying&&(b=c.Axes.getFromId(s,y.overlaying))&&b.overlaying&&(y.overlaying=!1,b=null),y._mainAxis=b||y,b&&(y.domain=b.domain.slice()),y._anchorAxis="free"===y.anchor?null:c.Axes.getFromId(s,y.anchor)}},g.clearExpandedTraceDefaultColors=function(t){fun [...]
+n===r.length-1&&(t[e]=a),t[e]},t))},s.PolyChart=function(){function t(){var t=e[0].geometryConfig,r=t.container;"string"==typeof r&&(r=n.select(r)),r.datum(e).each(function(e,r){function a(e,r){return{r:t.radialScale(e[1]),t:(t.angularScale(e[0])+t.orientation)*Math.PI/180}}function o(t){return{x:t.r*Math.cos(t.t),y:t.r*Math.sin(t.t)}}var s=!!e[0].data.yStack,l=e.map(function(t,e){return s?n.zip(t.data.t[0],t.data.r[0],t.data.yStack[0]):n.zip(t.data.t[0],t.data.r[0])}),u=t.angularScale,c [...]
+;for(var i in r.componentsRegistry)o(i,t.name)},r.registerComponent=function(t){var e=t.name;r.componentsRegistry[e]=t,t.layoutAttributes&&(t.layoutAttributes._isLinkedToArray&&c(r.layoutArrayContainers,e),n(t));for(var s in r.modules)i(e,s);for(var l in r.subplotsRegistry)o(e,l);for(var u in r.transformsRegistry)a(e,u);t.schema&&t.schema.layout&&d(m,t.schema.layout)},r.registerTransform=function(t){r.transformsRegistry[t.name]=t;for(var e in r.componentsRegistry)a(e,t.name)},r.getModule [...]
+"use strict";var n=t("../../lib"),i=t("../../registry"),a=t("../../components/color"),o=t("./attributes");e.exports=function(t,e,r,s){function l(r,i){return n.coerce(t,e,o,r,i)}var u,c=l("y"),h=l("x");if(c&&c.length)u="v",h||l("x0");else{if(!h||!h.length)return void(e.visible=!1);u="h",l("y0")}i.getComponentMethod("calendars","handleTraceDefaults")(t,e,["x","y"],s),l("orientation",u),l("line.color",(t.marker||{}).color||r),l("line.width",2),l("fillcolor",a.addOpacity(e.line.color,.5)),l( [...]
+;var g=p*p,v=g*p,y=1-p,b=y*y,x=b*y,_=m*m,w=_*m,M=1-m,k=M*M,A=k*M;for(h=0;h<t.length;h++)c=t[h],i=x*c[d][f]+3*(b*p*c[d][f+1]+y*g*c[d][f+2])+v*c[d][f+3],s=x*c[d+1][f]+3*(b*p*c[d+1][f+1]+y*g*c[d+1][f+2])+v*c[d+1][f+3],l=x*c[d+2][f]+3*(b*p*c[d+2][f+1]+y*g*c[d+2][f+2])+v*c[d+2][f+3],u=x*c[d+3][f]+3*(b*p*c[d+3][f+1]+y*g*c[d+3][f+2])+v*c[d+3][f+3],e[h]=A*i+3*(k*m*s+M*_*l)+w*u;return e}:n?function(e,r,n){e||(e=[]);var i,s,l,u,c,h,f=Math.max(0,Math.min(Math.floor(r),a)),d=Math.max(0,Math.min(Math [...]
+left:Math.max(o[0][0],0),right:Math.min(o[2][0],_),top:Math.max(o[0][1],0),bottom:Math.min(o[2][1],M)};k.middle=(k.top+k.bottom)/2,k.center=(k.left+k.right)/2;var A=Math.sqrt(_*_+M*M),T=w.LABELDISTANCE*A/Math.max(1,e.length/w.LABELINCREASE);h.each(function(t){var e=r.calcTextOpts(t.level,b,x,n);f.select(this).selectAll("path").each(function(){var t=this,n=d.getVisibleSegment(t,k,e.height/2);if(n&&!(n.len<(e.width+e.height)*w.LABELMIN))for(var i=Math.min(Math.ceil(n.len/T),w.LABELMAX),a=0 [...]
+;var S=y[h][c];b&&!b[h][c]&&(S=void 0);var E;return Array.isArray(f.text)&&Array.isArray(f.text[h])&&(E=f.text[h][c]),[i.extendFlat(t,{index:[h,c],distance:a+10,x0:M,x1:k,y0:A,y1:T,xLabelVal:l,yLabelVal:u,zLabelVal:S,text:E})]}}},{"../../components/fx":645,"../../lib":728}],957:[function(t,e,r){"use strict";var n={};n.attributes=t("./attributes"),n.supplyDefaults=t("./defaults"),n.calc=t("./calc"),n.plot=t("./plot"),n.colorbar=t("./colorbar"),n.style=t("./style"),n.hoverPoints=t("./hover [...]
+return i.coerce(t,e,o,r,n)}function u(t){var e=t.map(function(t){var e=l(t);return e&&Array.isArray(e)?e:null});return e.every(function(t){return t&&t.length===e[0].length})&&e}var c=u(["x","y","z"]),h=u(["i","j","k"]);if(!c)return void(e.visible=!1);h&&h.forEach(function(t){for(var e=0;e<t.length;++e)t[e]|=0}),n.getComponentMethod("calendars","handleTraceDefaults")(t,e,["x","y","z"],s),["lighting.ambient","lighting.diffuse","lighting.specular","lighting.roughness","lighting.fresnel","li [...]
+}).attr("height",function(t){return t.model.canvasHeight}).style("width",function(t){return t.model.width+2*v.overdrag+"px"}).style("height",function(t){return t.model.height+"px"}).style("opacity",function(t){return t.pick?.01:1}),e.style("background","rgba(255, 255, 255, 0)");var D=e.selectAll("."+v.cn.parcoords).data(E,_);D.exit().remove(),D.enter().append("g").classed(v.cn.parcoords,!0).attr("overflow","visible").style("box-sizing","content-box").style("position","absolute").style("l [...]
+return-1===e.link.source.indexOf(r)&&-1===e.link.target.indexOf(r)};e.node.label.some(h)&&n.warn("Some of the nodes are neither sources nor targets, they will not be displayed.")}},{"../../components/color":604,"../../components/color/attributes":603,"../../lib":728,"./attributes":1022,tinycolor2:534}],1027:[function(t,e,r){"use strict";var n={};n.attributes=t("./attributes"),n.supplyDefaults=t("./defaults"),n.calc=t("./calc"),n.plot=t("./plot"),n.moduleType="trace",n.name="sankey",n.bas [...]
+-1!==["tonextx","tonexty","tonext"].indexOf(i.fill)&&(i._prevtrace=a,a&&(a._nexttrace=i)),a=i):i._prevtrace=i._nexttrace=null}},{}],1047:[function(t,e,r){"use strict";var n=t("fast-isnumeric");e.exports=function(t){var e=t.marker,r=e.sizeref||1,i=e.sizemin||0,a="area"===e.sizemode?function(t){return Math.sqrt(t/r)}:function(t){return t/r};return function(t){var e=a(t/2);return n(e)&&e>0?Math.max(e,i):0}}},{"fast-isnumeric":131}],1048:[function(t,e,r){"use strict";var n=t("../../component [...]
+n.selectPoints=t("./select"),n.moduleType="trace",n.name="scattergeo",n.basePlotModule=t("../../plots/geo"),n.categories=["geo","symbols","markerColorscale","showLegend","scatter-like"],n.meta={},e.exports=n},{"../../plots/geo":800,"../scatter/colorbar":1034,"./attributes":1069,"./calc":1070,"./defaults":1071,"./event_data":1072,"./hover":1073,"./plot":1075,"./select":1076}],1075:[function(t,e,r){"use strict";function n(t,e){var r=t[0].trace;if(Array.isArray(r.locations))for(var n=c(r,e) [...]
+"../scatter/fillcolor_defaults":1039,"../scatter/line_defaults":1043,"../scatter/line_shape_defaults":1045,"../scatter/marker_defaults":1048,"../scatter/subtypes":1052,"../scatter/text_defaults":1053,"./attributes":1091}],1094:[function(t,e,r){"use strict";var n=t("../scatter/hover"),i=t("../../plots/cartesian/axes");e.exports=function(t,e,r,a){function o(t,e){y.push(t._hovertitle+": "+i.tickText(t,e,"hover").text)}var s=n(t,e,r,a);if(s&&!1!==s[0].index){var l=s[0];if(void 0===l.index){v [...]
+e.calcdata.columnDragInProgress=!1,_(r,e,0),b(t,n,n.columns.map(function(t){return t.xIndex}))})),c.each(function(e){U.setClipUrl(N.select(this),i(t,e))});var h=c.selectAll("."+j.cn.columnBlock).data(Y.splitToPanels,B.keyFun);h.enter().append("g").classed(j.cn.columnBlock,!0).attr("id",function(t){return t.key}),h.style("cursor",function(t){return t.dragHandle?"ew-resize":t.calcdata.scrollbarState.barWiggleRoom?"ns-resize":"default"});var f=h.filter(M),d=h.filter(w);d.call(N.behavior.dra [...]
\ No newline at end of file
diff --git a/debian/JS/typedarray/LICENSE b/debian/JS/typedarray/LICENSE
new file mode 100644
index 0000000..43598da
--- /dev/null
+++ b/debian/JS/typedarray/LICENSE
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 uupaa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
diff --git a/debian/JS/typedarray/TypedArray.js b/debian/JS/typedarray/TypedArray.js
new file mode 100644
index 0000000..6ece2b4
--- /dev/null
+++ b/debian/JS/typedarray/TypedArray.js
@@ -0,0 +1,220 @@
+(function moduleExporter(name, closure) {
+"use strict";
+
+var entity = GLOBAL["WebModule"]["exports"](name, closure);
+
+if (typeof module !== "undefined") {
+    module["exports"] = entity;
+}
+return entity;
+
+})("TypedArray", function moduleClosure(global, WebModule, VERIFY /*, VERBOSE */) {
+"use strict";
+
+// --- dependency modules ----------------------------------
+// --- define / local variables ----------------------------
+// --- class / interfaces ----------------------------------
+var TypedArray = {
+    "BIG_ENDIAN":   !new Uint8Array(new Uint16Array([1]).buffer)[0],
+
+    // hton (convert host-byte-order to network-byte-order)
+    "hton2":        TypedArray_swap2,           // TypedArray.hton2(source:TypedArray|Array):Array
+    "hton4":        TypedArray_swap4,           // TypedArray.hton4(source:TypedArray|Array):Array
+    "hton8":        TypedArray_swap8,           // TypedArray.hton8(source:TypedArray|Array):Array
+
+    // ntoh (convert network-byte-order to host-byte-order)
+    "ntoh2":        TypedArray_swap2,           // TypedArray.ntoh2(source:TypedArray|Array):Array
+    "ntoh4":        TypedArray_swap4,           // TypedArray.ntoh4(source:TypedArray|Array):Array
+    "ntoh8":        TypedArray_swap8,           // TypedArray.ntoh8(source:TypedArray|Array):Array
+
+    // expand buffer
+    "expand":       TypedArray_expand,          // TypedArray.expand(source:TypedArray):TypedArray
+
+    // concat buffer
+    "concat":       TypedArray_concat,          // TypedArray.concat(...:TypedArray):TypedArray
+
+    // read bytes (big-endian)
+    "read1":        TypedArray_read1,           // TypedArray.read1(view:Object):UINT32
+    "read2":        TypedArray_read2,           // TypedArray.read2(view:Object):UINT32
+    "read3":        TypedArray_read3,           // TypedArray.read3(view:Object):UINT32
+    "read4":        TypedArray_read4,           // TypedArray.read4(view:Object):UINT32
+
+    // read bytes (little-endian)
+    "read2LE":      TypedArray_read2LE,         // TypedArray.read2LE(view:Object):UINT32
+    "read3LE":      TypedArray_read3LE,         // TypedArray.read3LE(view:Object):UINT32
+    "read4LE":      TypedArray_read4LE,         // TypedArray.read4LE(view:Object):UINT32
+
+    // convert TypedArray to/from String
+    "toString":     TypedArray_toString,        // TypedArray.toString(source:TypedArray|Array = null):BinaryString
+    "fromString":   TypedArray_fromString,      // TypedArray.fromString(source:BinaryString, type:Function = Uint8Array):TypedArray
+
+    "repository":   "https://github.com/uupaa/TypedArray.js", // GitHub repository URL. http://git.io/Help
+};
+
+// --- implements ------------------------------------------
+function TypedArray_swap2(source) { // @arg TypedArray|Array
+                                    // @ret Array
+    return TypedArray["BIG_ENDIAN"] ? [ source[0], source[1] ]  // [0,1] -> [0,1]
+                                    : [ source[1], source[0] ]; // [0,1] -> [1,0]
+}
+
+function TypedArray_swap4(source) { // @arg TypedArray|Array
+                                    // @ret Array
+    return TypedArray["BIG_ENDIAN"] ? [ source[0], source[1], source[2], source[3] ]  // [0,1,2,3] -> [0,1,2,3]
+                                    : [ source[3], source[2], source[1], source[0] ]; // [0,1,2,3] -> [3,2,1,0]
+}
+
+function TypedArray_swap8(source) { // @arg TypedArray|Array
+                                    // @ret Array
+    return TypedArray["BIG_ENDIAN"] ? [ source[0], source[1], source[2], source[3],   // [0,1,2,3,4,5,6,7] -> [0,1,2,3,4,5,6,7]
+                                        source[4], source[5], source[6], source[7] ]
+                                    : [ source[7], source[6], source[5], source[4],   // [0,1,2,3,4,5,6,7] -> [7,6,5,4,3,2,1,0]
+                                        source[3], source[2], source[1], source[0] ];
+}
+
+function TypedArray_read1(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                  // @ret UINT32
+    return view.source[view.cursor++] >>> 0;
+}
+
+function TypedArray_read2(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                  // @ret UINT32
+    // [0x12, 0x34] -> 0x12 << 8 | 0x34
+    return ((view.source[view.cursor++]  <<  8) |
+             view.source[view.cursor++]) >>> 0;
+}
+
+function TypedArray_read3(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                  // @ret UINT32
+    // [0x12, 0x34, 0x56] -> 0x12 << 16 | 0x34 << 8 | 0x56
+    return ((view.source[view.cursor++]  << 16) |
+            (view.source[view.cursor++]  <<  8) |
+             view.source[view.cursor++]) >>> 0;
+}
+
+function TypedArray_read4(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                  // @ret UINT32
+    // [0x12, 0x34, 0x56, 0x78] -> 0x12 << 24 | 0x34 << 16 | 0x56 << 8 | 0x78
+    return ((view.source[view.cursor++]  << 24) |
+            (view.source[view.cursor++]  << 16) |
+            (view.source[view.cursor++]  <<  8) |
+             view.source[view.cursor++]) >>> 0;
+}
+
+function TypedArray_read2LE(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                    // @ret UINT32
+    // [0x34, 0x12] -> 0x34 | 0x12 << 8 = 0x1234
+    return ((view.source[view.cursor++]) |
+             view.source[view.cursor++] << 8) >>> 0;
+}
+
+function TypedArray_read3LE(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                    // @ret UINT32
+    // [0x56, 0x34, 0x12] -> 0x56 | 0x34 << 8 | 0x12 << 16 = 0x123456
+    return ((view.source[view.cursor++]) |
+            (view.source[view.cursor++] << 8) |
+             view.source[view.cursor++] << 16) >>> 0;
+}
+
+function TypedArray_read4LE(view) { // @arg Object - { source:TypedArray, cursor:UINT32 }
+                                    // @ret UINT32
+    // [0x78, 0x56, 0x34, 0x12] -> 0x78 | 0x56 << 8 | 0x34 << 16 | 0x12 << 23 = 0x12345678
+    return ((view.source[view.cursor++]) |
+            (view.source[view.cursor++] << 8)  |
+            (view.source[view.cursor++] << 16) |
+             view.source[view.cursor++] << 24) >>> 0;
+}
+
+function TypedArray_expand(source) { // @arg TypedArray - Uint[n]Array, Int[n]Array, Float[n]Array
+                                     // @ret TypedArray
+    var constructor = source.constructor.name;
+    var result = new global[constructor](source.length * 2);
+
+    result.set(source);
+    return result;
+}
+
+function TypedArray_concat(/* ... */) { // @var_args TypedArray - [TypedArray, ...]
+                                        // @ret TypdeArray
+    if (!_isSameType(arguments)) {
+        throw new TypeError("MIXED TYPE");
+    }
+
+    var arrayBuffer = new ArrayBuffer( _getByteLength(arguments) );
+    var typedBuffer = new global[arguments[0].constructor.name](arrayBuffer);
+
+    for (var cursor = 0, i = 0, iz = arguments.length; i < iz; ++i) {
+        typedBuffer.set(arguments[i], cursor); // bulk copy
+        cursor += arguments[i].length;
+    }
+    return typedBuffer;
+
+    function _isSameType(source) {
+        var viewName = source[0].constructor.name;
+
+        for (var i = 1, iz = source.length; i < iz; ++i) {
+            if (viewName !== source[i].constructor.name) {
+                return false;
+            }
+        }
+        return true;
+    }
+}
+
+function _getByteLength(source) { // @arg TypedArrayArray - [TypdeArray, ...]
+                                  // @ret UINT32 - total byte length
+    var byteLength = 0;
+
+    for (var i = 0, iz = source.length; i < iz; ++i) {
+        byteLength += source[i].byteLength;
+    }
+    return byteLength;
+}
+
+function TypedArray_toString(source) { // @arg TypedArray|Array = null
+                                       // @ret BinaryString
+                                       // @desc TypedArray to String
+//{@dev
+    if (VERIFY) {
+        $valid($type(source, "TypedArray|Array|omit"), TypedArray_toString, "source");
+    }
+//}@dev
+
+    if (!source) { return ""; }
+
+    var result = [], i = 0, iz = source.length, bulkSize = 24000;
+    var method = Array.isArray(source) ? "slice" : "subarray";
+
+    if (iz < bulkSize) {
+        return String.fromCharCode.apply(null, source);
+    }
+    // avoid String.fromCharCode.apply(null, BigArray) exception.
+    for (; i < iz; i += bulkSize) {
+        result.push( String.fromCharCode.apply(null, source[method](i, i + bulkSize)) );
+    }
+    return result.join("");
+}
+
+function TypedArray_fromString(source, // @arg BinaryString
+                               type) { // @arg Function = Uint8Array - constructor
+                                       // @ret TypedArray
+//{@dev
+    if (VERIFY) {
+        $valid($type(source, "BinaryString"),  TypedArray_fromString, "source");
+        $valid($type(type,   "Function|omit"), TypedArray_fromString, "type");
+    }
+//}@dev
+
+    type = type || Uint8Array;
+
+    var result = new type(source.length);
+    for (var i = 0, iz = source.length; i < iz; ++i) {
+        result[i] = source.charCodeAt(i);
+    }
+    return result;
+}
+
+return TypedArray; // return entity
+
+});
+
diff --git a/debian/JS/typedarray/get-typedarray b/debian/JS/typedarray/get-typedarray
new file mode 100755
index 0000000..af6e3df
--- /dev/null
+++ b/debian/JS/typedarray/get-typedarray
@@ -0,0 +1,4 @@
+#!/bin/sh
+wget -q -N https://raw.githubusercontent.com/uupaa/TypedArray.js/master/lib/TypedArray.js
+yui-compressor TypedArray.js > typedarray.min.js
+wget -q -N https://raw.githubusercontent.com/uupaa/TypedArray.js/master/LICENSE
diff --git a/debian/JS/typedarray/typedarray.min.js b/debian/JS/typedarray/typedarray.min.js
new file mode 100644
index 0000000..f120175
--- /dev/null
+++ b/debian/JS/typedarray/typedarray.min.js
@@ -0,0 +1 @@
+(function moduleExporter(b,c){var a=GLOBAL.WebModule["exports"](b,c);if(typeof module!=="undefined"){module.exports=a}return a})("TypedArray",function moduleClosure(l,f,h){var m={BIG_ENDIAN:!new Uint8Array(new Uint16Array([1]).buffer)[0],hton2:q,hton4:o,hton8:n,ntoh2:q,ntoh4:o,ntoh8:n,expand:r,concat:a,read1:k,read2:j,read3:i,read4:g,read2LE:p,read3LE:e,read4LE:s,toString:b,fromString:d,repository:"https://github.com/uupaa/TypedArray.js",};function q(t){return m.BIG_ENDIAN?[t[0],t[1]]:[t [...]
\ No newline at end of file
diff --git a/debian/README.source b/debian/README.source
new file mode 100644
index 0000000..0082a26
--- /dev/null
+++ b/debian/README.source
@@ -0,0 +1,20 @@
+Explanation for binary files inside source package according to
+  http://lists.debian.org/debian-devel/2013/09/msg00332.html
+
+Files: data/hobbs.rda
+Documented: man/hobbs.Rd
+  Hobbs data: A data frame with three variables: r, t, nms.
+
+Files: data/mic.rda
+Documented: man/mic.Rd
+  Mic data: A data frame with three variables: r, t, nms.
+
+Files: data/wind.rda
+Documented: man/wind.Rd
+  Wind data: A data frame with three variables: r, t, nms.
+
+Files: R/sysdata.rda
+  Cache dump
+
+
+ -- Andreas Tille <tille at debian.org>  Thu, 21 Dec 2017 11:15:27 +0100
diff --git a/debian/changelog b/debian/changelog
new file mode 100644
index 0000000..3ed913b
--- /dev/null
+++ b/debian/changelog
@@ -0,0 +1,6 @@
+r-cran-plotly (4.7.1+dfsg-1) UNRELEASED; urgency=medium
+
+  * Initial release (closes: #xxxxxx)
+  TODO: r-cran-crosstalk
+
+ -- Andreas Tille <tille at debian.org>  Tue, 19 Dec 2017 09:59:33 +0100
diff --git a/debian/compat b/debian/compat
new file mode 100644
index 0000000..f599e28
--- /dev/null
+++ b/debian/compat
@@ -0,0 +1 @@
+10
diff --git a/debian/control b/debian/control
new file mode 100644
index 0000000..48a879e
--- /dev/null
+++ b/debian/control
@@ -0,0 +1,46 @@
+Source: r-cran-plotly
+Maintainer: Debian Science Maintainers <debian-science-maintainers at lists.alioth.debian.org>
+Uploaders: Andreas Tille <tille at debian.org>
+Section: gnu-r
+Priority: optional
+Build-Depends: debhelper (>= 10),
+               dh-r,
+               r-base-dev,
+               r-cran-ggplot2 (>= 2.2.1),
+               r-cran-scales,
+               r-cran-httr,
+               r-cran-jsonlite,
+               r-cran-magrittr,
+               r-cran-digest,
+               r-cran-viridislite,
+               r-cran-base64enc,
+               r-cran-htmltools,
+               r-cran-htmlwidgets (>= 0.9),
+               r-cran-tidyr,
+               r-cran-hexbin,
+               r-cran-rcolorbrewer,
+               r-cran-dplyr,
+               r-cran-tibble,
+               r-cran-lazyeval,
+               r-cran-purrr,
+               r-cran-data.table,
+               r-cran-crosstalk
+Standards-Version: 4.1.2
+Vcs-Browser: https://anonscm.debian.org/cgit/debian-science/packages/r-cran-plotly.git
+Vcs-Git: https://anonscm.debian.org/git/debian-science/packages/r-cran-plotly.git
+Homepage: https://cran.r-project.org/package=plotly
+
+Package: r-cran-plotly
+Architecture: all
+Depends: ${R:Depends},
+         r-cran-shinyjs,
+         ${shlibs:Depends},
+         ${misc:Depends},
+         libjs-jquery-selectize.js
+Recommends: ${R:Recommends}
+Suggests: ${R:Suggests}
+Description: Create Interactive Web Graphics via 'plotly.js'
+ Easily translate 'ggplot2' graphs to an interactive web-based version
+ and/or create custom web-based visualizations directly from R. Once
+ uploaded to a 'plotly' account, 'plotly' graphs (and the data behind
+ them) can be viewed and modified in a web browser.
diff --git a/debian/copyright b/debian/copyright
new file mode 100644
index 0000000..0b11fa3
--- /dev/null
+++ b/debian/copyright
@@ -0,0 +1,41 @@
+Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
+Upstream-Name: plotly
+Upstream-Contact: Carson Sievert <cpsievert1 at gmail.com>
+Source: https://cran.r-project.org/package=plotly
+Files-Excluded: */colourpicker
+                */selectize
+                */plotly-latest.min.js
+                */plotlyjs/LICENSE
+
+Files: *
+Copyright: 2011-2017 Carson Sievert, Chris Parmer, Toby Hocking, Scott Chamberlain,
+                     Karthik Ram, Marianne Corvellec, Pedro Despouy, Plotly Technologies Inc.]
+License: MIT
+
+Files: debian/JS/plotly/plotly*
+Copyright: 2012-2017, Plotly, Inc.
+License: MIT
+
+Files: debian/*
+Copyright: 2017 Andreas Tille <tille at debian.org>
+License: MIT
+
+License: MIT
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+ .
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+ .
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/debian/docs b/debian/docs
new file mode 100644
index 0000000..67ce40b
--- /dev/null
+++ b/debian/docs
@@ -0,0 +1,2 @@
+debian/tests/run-unit-test
+tests
diff --git a/debian/links b/debian/links
new file mode 100644
index 0000000..aeb0a57
--- /dev/null
+++ b/debian/links
@@ -0,0 +1,4 @@
+usr/lib/R/site-library/shinyjs/www/shared/colourpicker/js/colourpicker.min.js	usr/lib/R/site-library/plotly/htmlwidgets/lib/colourpicker/colourpicker.min.js
+usr/lib/R/site-library/shinyjs/www/shared/colourpicker/css/colourpicker.min.css usr/lib/R/site-library/plotly/htmlwidgets/lib/colourpicker/colourpicker.min.css
+usr/share/javascript/selectize.js/selectize.min.js				usr/lib/R/site-library/plotly/htmlwidgets/lib/selectize/selectize.min.js
+usr/share/javascript/selectize.js/css/selectize.bootstrap3.css			usr/lib/R/site-library/plotly/htmlwidgets/lib/selectize/selectize.bootstrap3.css
\ No newline at end of file
diff --git a/debian/rules b/debian/rules
new file mode 100755
index 0000000..d750a68
--- /dev/null
+++ b/debian/rules
@@ -0,0 +1,18 @@
+#!/usr/bin/make -f
+
+include /usr/share/dpkg/default.mk
+
+debRreposname   := $(shell echo $(DEB_SOURCE) | sed 's/r-\([a-z]\+\)-.*/\1/')
+awkString       := "'/^(Package|Bundle):/ {print $$2 }'"
+cranNameOrig    := $(shell awk "$(awkString)" DESCRIPTION)
+cranName        := $(shell echo "$(cranNameOrig)" | tr A-Z a-z)
+package         := r-$(debRreposname)-$(cranName)
+debRdir         := usr/lib/R/site-library
+
+%:
+	dh $@ --buildsystem R
+
+override_dh_install:
+	dh_install
+	cp -a debian/JS/plotly/plotly.min.js debian/$(DEB_SOURCE)/$(debRdir)/$(cranNameOrig)/htmlwidgets/lib/plotlyjs/plotly-latest.min.js
+	find debian -name LICENSE -delete
\ No newline at end of file
diff --git a/debian/source/format b/debian/source/format
new file mode 100644
index 0000000..163aaf8
--- /dev/null
+++ b/debian/source/format
@@ -0,0 +1 @@
+3.0 (quilt)
diff --git a/debian/tests/control b/debian/tests/control
new file mode 100644
index 0000000..a62fb6e
--- /dev/null
+++ b/debian/tests/control
@@ -0,0 +1,5 @@
+Tests: run-unit-test
+Depends: @, r-cran-testthat,
+Restrictions: allow-stderr
+
+
diff --git a/debian/tests/run-unit-test b/debian/tests/run-unit-test
new file mode 100644
index 0000000..db11571
--- /dev/null
+++ b/debian/tests/run-unit-test
@@ -0,0 +1,17 @@
+#!/bin/sh -e
+
+pkgname=plotly
+debname=r-cran-plotly
+
+if [ "$ADTTMP" = "" ] ; then
+    ADTTMP=`mktemp -d /tmp/${debname}-test.XXXXXX`
+    trap "rm -rf $ADTTMP" 0 INT QUIT ABRT PIPE TERM
+fi
+cd $ADTTMP
+cp -a /usr/share/doc/$debname/tests/* $ADTTMP
+gunzip -r *
+for testfile in *.R; do
+    echo "BEGIN TEST $testfile"
+    LC_ALL=C R --no-save < $testfile
+done
+
diff --git a/debian/watch b/debian/watch
new file mode 100644
index 0000000..7438bc9
--- /dev/null
+++ b/debian/watch
@@ -0,0 +1,4 @@
+version=4
+
+opts="repacksuffix=+dfsg,dversionmangle=s/\+dfsg[0-9]*//g,repack,compression=xz" \
+  https://cran.r-project.org/src/contrib/plotly_([-\d.]*)\.tar\.gz

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/debian-science/packages/r-cran-plotly.git



More information about the debian-science-commits mailing list