plotly.js 2.9.0 → 2.11.0

package/src/lib/svg_text_utils.js

@@ -19,6 +19,7 @@ exports.convertToTspans = function(_context, gd, _callback) {
     // 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')) &&
+        gd && gd._context.typesetMath &&
         (typeof MathJax !== 'undefined') &&
         str.match(FIND_TEX);
 
@@ -173,70 +174,154 @@ function cleanEscapesForTex(s) {
         .replace(GT_MATCH, '\\gt ');
 }
 
+var inlineMath = [['$', '$'], ['\\(', '\\)']];
+
 function texToSVG(_texString, _config, _callback) {
+    var MathJaxVersion = parseInt(
+        (MathJax.version || '').split('.')[0]
+    );
+
+    if(
+        MathJaxVersion !== 2 &&
+        MathJaxVersion !== 3
+    ) {
+        Lib.warn('No MathJax version:', MathJax.version);
+        return;
+    }
+
     var originalRenderer,
         originalConfig,
         originalProcessSectionDelay,
         tmpDiv;
 
-    MathJax.Hub.Queue(
-    function() {
+    var setConfig2 = function() {
         originalConfig = Lib.extendDeepAll({}, MathJax.Hub.config);
 
         originalProcessSectionDelay = MathJax.Hub.processSectionDelay;
         if(MathJax.Hub.processSectionDelay !== undefined) {
-            // MathJax 2.5+
+            // MathJax 2.5+ but not 3+
             MathJax.Hub.processSectionDelay = 0;
         }
 
         return MathJax.Hub.Config({
             messageStyle: 'none',
             tex2jax: {
-                inlineMath: [['$', '$'], ['\\(', '\\)']]
+                inlineMath: inlineMath
             },
             displayAlign: 'left',
         });
-    },
-    function() {
-        // Get original renderer
+    };
+
+    var setConfig3 = function() {
+        originalConfig = Lib.extendDeepAll({}, MathJax.config);
+
+        if(!MathJax.config.tex) {
+            MathJax.config.tex = {};
+        }
+
+        MathJax.config.tex.inlineMath = inlineMath;
+    };
+
+    var setRenderer2 = function() {
         originalRenderer = MathJax.Hub.config.menuSettings.renderer;
         if(originalRenderer !== 'SVG') {
             return MathJax.Hub.setRenderer('SVG');
         }
-    },
-    function() {
+    };
+
+    var setRenderer3 = function() {
+        originalRenderer = MathJax.config.startup.output;
+        if(originalRenderer !== 'svg') {
+            MathJax.config.startup.output = 'svg';
+        }
+    };
+
+    var initiateMathJax = function() {
         var randomID = 'math-output-' + Lib.randstr({}, 64);
         tmpDiv = d3.select('body').append('div')
             .attr({id: randomID})
-            .style({visibility: 'hidden', position: 'absolute'})
-            .style({'font-size': _config.fontSize + 'px'})
+            .style({
+                visibility: 'hidden',
+                position: 'absolute',
+                'font-size': _config.fontSize + 'px'
+            })
             .text(cleanEscapesForTex(_texString));
 
-        return MathJax.Hub.Typeset(tmpDiv.node());
-    },
-    function() {
-        var glyphDefs = d3.select('body').select('#MathJax_SVG_glyphs');
+        var tmpNode = tmpDiv.node();
+
+        return MathJaxVersion === 2 ?
+            MathJax.Hub.Typeset(tmpNode) :
+            MathJax.typeset([tmpNode]);
+    };
+
+    var finalizeMathJax = function() {
+        var sel = tmpDiv.select(
+            MathJaxVersion === 2 ? '.MathJax_SVG' : '.MathJax'
+        );
 
-        if(tmpDiv.select('.MathJax_SVG').empty() || !tmpDiv.select('svg').node()) {
+        var node = !sel.empty() && tmpDiv.select('svg').node();
+        if(!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);
+            var nodeBBox = node.getBoundingClientRect();
+            var glyphDefs;
+            if(MathJaxVersion === 2) {
+                glyphDefs = d3.select('body').select('#MathJax_SVG_glyphs');
+            } else {
+                glyphDefs = sel.select('defs');
+            }
+            _callback(sel, glyphDefs, nodeBBox);
         }
 
         tmpDiv.remove();
+    };
 
+    var resetRenderer2 = function() {
         if(originalRenderer !== 'SVG') {
             return MathJax.Hub.setRenderer(originalRenderer);
         }
-    },
-    function() {
+    };
+
+    var resetRenderer3 = function() {
+        if(originalRenderer !== 'svg') {
+            MathJax.config.startup.output = originalRenderer;
+        }
+    };
+
+    var resetConfig2 = function() {
         if(originalProcessSectionDelay !== undefined) {
             MathJax.Hub.processSectionDelay = originalProcessSectionDelay;
         }
         return MathJax.Hub.Config(originalConfig);
-    });
+    };
+
+    var resetConfig3 = function() {
+        MathJax.config = originalConfig;
+    };
+
+    if(MathJaxVersion === 2) {
+        MathJax.Hub.Queue(
+            setConfig2,
+            setRenderer2,
+            initiateMathJax,
+            finalizeMathJax,
+            resetRenderer2,
+            resetConfig2
+        );
+    } else if(MathJaxVersion === 3) {
+        setConfig3();
+        setRenderer3();
+        MathJax.startup.defaultReady();
+
+        MathJax.startup.promise.then(function() {
+            initiateMathJax();
+            finalizeMathJax();
+
+            resetRenderer3();
+            resetConfig3();
+        });
+    }
 }
 
 var TAG_STYLES = {

package/src/plot_api/plot_config.js

@@ -22,6 +22,15 @@ var configAttributes = {
         ].join(' ')
     },
 
+    typesetMath: {
+        valType: 'boolean',
+        dflt: true,
+        description: [
+            'Determines whether math should be typeset or not,',
+            'when MathJax (either v2 or v3) is present on the page.'
+        ].join(' ')
+    },
+
     plotlyServerURL: {
         valType: 'string',
         dflt: '',

package/src/snapshot/tosvg.js

@@ -33,7 +33,7 @@ module.exports = function toSVG(gd, format, scale) {
     var toppaper = fullLayout._toppaper;
     var width = fullLayout.width;
     var height = fullLayout.height;
-    var i, k;
+    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
@@ -106,32 +106,21 @@ module.exports = function toSVG(gd, format, scale) {
             }
         });
 
-    var queryParts = [];
-    if(fullLayout._gradientUrlQueryParts) {
-        for(k in fullLayout._gradientUrlQueryParts) queryParts.push(k);
-    }
-
-    if(fullLayout._patternUrlQueryParts) {
-        for(k in fullLayout._patternUrlQueryParts) queryParts.push(k);
-    }
+    svg.selectAll('.gradient_filled,.pattern_filled').each(function() {
+        var pt = d3.select(this);
 
-    if(queryParts.length) {
-        svg.selectAll(queryParts.join(',')).each(function() {
-            var pt = d3.select(this);
-
-            // similar to font family styles above,
-            // we must remove " after the SVG DOM has been serialized
-            var fill = this.style.fill;
-            if(fill && fill.indexOf('url(') !== -1) {
-                pt.style('fill', fill.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB));
-            }
+        // similar to font family styles above,
+        // we must remove " after the SVG DOM has been serialized
+        var fill = this.style.fill;
+        if(fill && fill.indexOf('url(') !== -1) {
+            pt.style('fill', fill.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB));
+        }
 
-            var stroke = this.style.stroke;
-            if(stroke && stroke.indexOf('url(') !== -1) {
-                pt.style('stroke', stroke.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB));
-            }
-        });
-    }
+        var stroke = this.style.stroke;
+        if(stroke && stroke.indexOf('url(') !== -1) {
+            pt.style('stroke', stroke.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

package/src/traces/parcoords/base_index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+module.exports = {
+    attributes: require('./attributes'),
+    supplyDefaults: require('./defaults'),
+    calc: require('./calc'),
+    colorbar: {
+        container: 'line',
+        min: 'cmin',
+        max: 'cmax'
+    },
+
+    moduleType: 'trace',
+    name: 'parcoords',
+    basePlotModule: require('./base_plot'),
+    categories: ['gl', 'regl', 'noOpacity', 'noHover'],
+    meta: {
+        description: [
+            'Parallel coordinates for multidimensional exploratory data analysis.',
+            'The samples are specified in `dimensions`.',
+            'The colors are set in `line.color`.'
+        ].join(' ')
+    }
+};

package/src/traces/parcoords/index.js

@@ -1,25 +1,7 @@
 'use strict';
 
-module.exports = {
-    attributes: require('./attributes'),
-    supplyDefaults: require('./defaults'),
-    calc: require('./calc'),
-    plot: require('./plot'),
-    colorbar: {
-        container: 'line',
-        min: 'cmin',
-        max: 'cmax'
-    },
+var index = require('./base_index');
 
-    moduleType: 'trace',
-    name: 'parcoords',
-    basePlotModule: require('./base_plot'),
-    categories: ['gl', 'regl', 'noOpacity', 'noHover'],
-    meta: {
-        description: [
-            'Parallel coordinates for multidimensional exploratory data analysis.',
-            'The samples are specified in `dimensions`.',
-            'The colors are set in `line.color`.'
-        ].join(' ')
-    }
-};
+index.plot = require('./plot');
+
+module.exports = index;

package/src/traces/parcoords/plot-strict.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var plot = require('./plot');
+
+var reglPrecompiled = require('./regl_precompiled');
+
+Object.assign(plot.reglPrecompiled, reglPrecompiled);
+
+module.exports = plot;

package/src/traces/parcoords/plot.js

@@ -3,6 +3,7 @@
 var parcoords = require('./parcoords');
 var prepareRegl = require('../../lib/prepare_regl');
 var isVisible = require('./helpers').isVisible;
+var reglPrecompiled = {};
 
 function newIndex(visibleIndices, orig, dim) {
     var origIndex = orig.indexOf(dim);
@@ -23,10 +24,10 @@ function sorter(visibleIndices, orig) {
     };
 }
 
-module.exports = function plot(gd, cdModule) {
+var exports = module.exports = function plot(gd, cdModule) {
     var fullLayout = gd._fullLayout;
 
-    var success = prepareRegl(gd);
+    var success = prepareRegl(gd, [], reglPrecompiled);
     if(!success) return;
 
     var currentDims = {};
@@ -143,3 +144,5 @@ module.exports = function plot(gd, cdModule) {
         }
     );
 };
+
+exports.reglPrecompiled = reglPrecompiled;

package/src/traces/parcoords/regl_precompiled.js

@@ -0,0 +1,12 @@
+'use strict';
+var v0 = require('../../generated/regl-codegen/909861c036d6f1ef40ba2dfcc33ef32489d2fe05fa7b7984d5ff315ddceb17b1');
+var v1 = require('../../generated/regl-codegen/4df455b48c9de7d9f1de4b9481b505c09613ba7f90d2b4e360e673839566688e');
+var v2 = require('../../generated/regl-codegen/59568c77bcbe6343ee6109df49ceeb78c8a8a8a81872e88fb077f9a3d6dc0567');
+var v3 = require('../../generated/regl-codegen/c759965c8d66b2b356ae7455825df829f2ba7d4e7e903236f8c8d3bc5f45bd44');
+
+module.exports = {
+    '909861c036d6f1ef40ba2dfcc33ef32489d2fe05fa7b7984d5ff315ddceb17b1': v0,
+    '4df455b48c9de7d9f1de4b9481b505c09613ba7f90d2b4e360e673839566688e': v1,
+    '59568c77bcbe6343ee6109df49ceeb78c8a8a8a81872e88fb077f9a3d6dc0567': v2,
+    'c759965c8d66b2b356ae7455825df829f2ba7d4e7e903236f8c8d3bc5f45bd44': v3
+};

package/src/traces/parcoords/strict.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./base_index');
+
+index.plot = require('./plot-strict');
+
+module.exports = index;

package/src/traces/scatter/attributes.js

@@ -6,6 +6,7 @@ var hovertemplateAttrs = require('../../plots/template_attributes').hovertemplat
 var colorScaleAttrs = require('../../components/colorscale/attributes');
 var fontAttrs = require('../../plots/font_attributes');
 var dash = require('../../components/drawing/attributes').dash;
+var pattern = require('../../components/drawing/attributes').pattern;
 
 var Drawing = require('../../components/drawing');
 var constants = require('./constants');
@@ -363,6 +364,7 @@ module.exports = {
             'marker color, or marker line color, whichever is available.'
         ].join(' ')
     },
+    fillpattern: pattern,
     marker: extendFlat({
         symbol: {
             valType: 'enumerated',

package/src/traces/scatter/defaults.js

@@ -14,6 +14,7 @@ var handleLineDefaults = require('./line_defaults');
 var handleLineShapeDefaults = require('./line_shape_defaults');
 var handleTextDefaults = require('./text_defaults');
 var handleFillColorDefaults = require('./fillcolor_defaults');
+var coercePattern = require('../../lib').coercePattern;
 
 module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) {
     function coerce(attr, dflt) {
@@ -67,6 +68,7 @@ module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout
     if(traceOut.fill !== 'none') {
         handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce);
         if(!subTypes.hasLines(traceOut)) handleLineShapeDefaults(traceIn, traceOut, coerce);
+        coercePattern(coerce, 'fillpattern', traceOut.fillcolor, false);
     }
 
     var lineColor = (traceOut.line || {}).color;

package/src/traces/scatter/plot.js

@@ -304,11 +304,11 @@ function plotOne(gd, idx, plotinfo, cdscatter, cdscatterAll, element, transition
                     // 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);
+                        .call(Drawing.singleFillStyle, gd);
                 } else {
                     // fill to self: just join the path to itself
                     transition(ownFillEl3).attr('d', fullpath + 'Z')
-                        .call(Drawing.singleFillStyle);
+                        .call(Drawing.singleFillStyle, gd);
                 }
             }
         } else if(tonext) {
@@ -320,7 +320,7 @@ function plotOne(gd, idx, plotinfo, cdscatter, cdscatterAll, element, transition
                     // 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);
+                        .call(Drawing.singleFillStyle, gd);
                 } else {
                     // tonextx/y: for now just connect endpoints with lines. This is
                     // the correct behavior if the endpoints are at the same value of
@@ -328,7 +328,7 @@ function plotOne(gd, idx, plotinfo, cdscatter, cdscatterAll, element, transition
                     // 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);
+                        .call(Drawing.singleFillStyle, gd);
                 }
                 trace._polygons = trace._polygons.concat(prevPolygons);
             } else {

package/src/traces/scatter/style.js

@@ -27,7 +27,7 @@ function style(gd) {
         .call(Drawing.lineGroupStyle);
 
     s.selectAll('g.trace path.js-fill')
-        .call(Drawing.fillGroupStyle);
+        .call(Drawing.fillGroupStyle, gd);
 
     Registry.getComponentMethod('errorbars', 'style')(s);
 }

package/src/traces/scattergl/base_index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var hover = require('./hover');
+
+module.exports = {
+    moduleType: 'trace',
+    name: 'scattergl',
+    basePlotModule: require('../../plots/cartesian'),
+    categories: ['gl', 'regl', 'cartesian', 'symbols', 'errorBarsOK', 'showLegend', 'scatter-like'],
+
+    attributes: require('./attributes'),
+    supplyDefaults: require('./defaults'),
+    crossTraceDefaults: require('../scatter/cross_trace_defaults'),
+    colorbar: require('../scatter/marker_colorbar'),
+    formatLabels: require('./format_labels'),
+    calc: require('./calc'),
+    hoverPoints: hover.hoverPoints,
+    selectPoints: require('./select'),
+
+    meta: {
+        hrName: 'scatter_gl',
+        description: [
+            'The data visualized as scatter point or lines is set in `x` and `y`',
+            'using the WebGL plotting engine.',
+            'Bubble charts are achieved by setting `marker.size` and/or `marker.color`',
+            'to a numerical arrays.'
+        ].join(' ')
+    }
+};

package/src/traces/scattergl/index.js

@@ -1,30 +1,7 @@
 'use strict';
 
-var hover = require('./hover');
+var index = require('./base_index');
 
-module.exports = {
-    moduleType: 'trace',
-    name: 'scattergl',
-    basePlotModule: require('../../plots/cartesian'),
-    categories: ['gl', 'regl', 'cartesian', 'symbols', 'errorBarsOK', 'showLegend', 'scatter-like'],
+index.plot = require('./plot');
 
-    attributes: require('./attributes'),
-    supplyDefaults: require('./defaults'),
-    crossTraceDefaults: require('../scatter/cross_trace_defaults'),
-    colorbar: require('../scatter/marker_colorbar'),
-    formatLabels: require('./format_labels'),
-    calc: require('./calc'),
-    plot: require('./plot'),
-    hoverPoints: hover.hoverPoints,
-    selectPoints: require('./select'),
-
-    meta: {
-        hrName: 'scatter_gl',
-        description: [
-            'The data visualized as scatter point or lines is set in `x` and `y`',
-            'using the WebGL plotting engine.',
-            'Bubble charts are achieved by setting `marker.size` and/or `marker.color`',
-            'to a numerical arrays.'
-        ].join(' ')
-    }
-};
+module.exports = index;

package/src/traces/scattergl/plot.js

@@ -14,6 +14,7 @@ var linkTraces = require('../scatter/link_traces');
 
 var styleTextSelection = require('./edit_style').styleTextSelection;
 
+var reglPrecompiled = {};
 
 function getViewport(fullLayout, xaxis, yaxis, plotGlPixelRatio) {
     var gs = fullLayout._size;
@@ -34,7 +35,7 @@ function getViewport(fullLayout, xaxis, yaxis, plotGlPixelRatio) {
     ];
 }
 
-module.exports = function plot(gd, subplot, cdata) {
+var exports = module.exports = function plot(gd, subplot, cdata) {
     if(!cdata.length) return;
 
     var fullLayout = gd._fullLayout;
@@ -46,7 +47,7 @@ module.exports = function plot(gd, subplot, cdata) {
     // we may have more subplots than initialized data due to Axes.getSubplots method
     if(!scene) return;
 
-    var success = prepareRegl(gd, ['ANGLE_instanced_arrays', 'OES_element_index_uint']);
+    var success = prepareRegl(gd, ['ANGLE_instanced_arrays', 'OES_element_index_uint'], reglPrecompiled);
     if(!success) {
         scene.init();
         return;
@@ -369,3 +370,5 @@ module.exports = function plot(gd, subplot, cdata) {
         scene.glText.forEach(function(text) { text.update(vpRange0); });
     }
 };
+
+exports.reglPrecompiled = reglPrecompiled;

package/src/traces/scattergl/plot_strict.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var plot = require('./plot');
+
+var reglPrecompiled = require('./regl_precompiled');
+
+Object.assign(plot.reglPrecompiled, reglPrecompiled);
+
+module.exports = plot;

package/src/traces/scattergl/regl_precompiled.js

@@ -0,0 +1,24 @@
+'use strict';
+var v0 = require('../../generated/regl-codegen/53f2bf051e4ba66c90f343d29aa8da9e4029454c0d428f8e46e94dfddc97c8c6');
+var v1 = require('../../generated/regl-codegen/8a43b073e4f3e9c0e499c8ac9c253f2aa1e3d3de2febfccc6526b52295dbf770');
+var v2 = require('../../generated/regl-codegen/ff8495670417d5d0e4caa9942ad63b4dff0242a390ac1cb807c78ca326d6f3ce');
+var v3 = require('../../generated/regl-codegen/21cec01aa93887c70e86d7f1bc84d6837da0b1f5c1ff4cadd42ac6eb37f9f316');
+var v4 = require('../../generated/regl-codegen/f9448a214a3e3cd439b767559aa71a4d1ccf5a8f39b8b756973e71acd33ff956');
+var v5 = require('../../generated/regl-codegen/0919c57b995304312da30a5af7873a319bfb7b7e22ff6b4fa203ecbd5774ebfc');
+var v6 = require('../../generated/regl-codegen/13c0ae156483f2bcbd7ff29404f0abfd8689ff43f41791a6c7469868690a4260');
+var v7 = require('../../generated/regl-codegen/19769c875db736c08a744c0a6aabe28276ed06aa24fdb7c36506a9f4c1f56f13');
+var v8 = require('../../generated/regl-codegen/6c3ff5a68d2906faf59307b58a799389f916ebdd3f7732ce75967575041988fc');
+var v9 = require('../../generated/regl-codegen/7c8e7f36e693904898ece5f7f8b49b23c69d98397567c3915a45647209eb7da4');
+
+module.exports = {
+    '53f2bf051e4ba66c90f343d29aa8da9e4029454c0d428f8e46e94dfddc97c8c6': v0,
+    '8a43b073e4f3e9c0e499c8ac9c253f2aa1e3d3de2febfccc6526b52295dbf770': v1,
+    'ff8495670417d5d0e4caa9942ad63b4dff0242a390ac1cb807c78ca326d6f3ce': v2,
+    '21cec01aa93887c70e86d7f1bc84d6837da0b1f5c1ff4cadd42ac6eb37f9f316': v3,
+    'f9448a214a3e3cd439b767559aa71a4d1ccf5a8f39b8b756973e71acd33ff956': v4,
+    '0919c57b995304312da30a5af7873a319bfb7b7e22ff6b4fa203ecbd5774ebfc': v5,
+    '13c0ae156483f2bcbd7ff29404f0abfd8689ff43f41791a6c7469868690a4260': v6,
+    '19769c875db736c08a744c0a6aabe28276ed06aa24fdb7c36506a9f4c1f56f13': v7,
+    '6c3ff5a68d2906faf59307b58a799389f916ebdd3f7732ce75967575041988fc': v8,
+    '7c8e7f36e693904898ece5f7f8b49b23c69d98397567c3915a45647209eb7da4': v9
+};

package/src/traces/scattergl/strict.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./base_index');
+
+index.plot = require('./plot_strict');
+
+module.exports = index;

package/src/traces/scatterpolargl/base_index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+module.exports = {
+    moduleType: 'trace',
+    name: 'scatterpolargl',
+    basePlotModule: require('../../plots/polar'),
+    categories: ['gl', 'regl', 'polar', 'symbols', 'showLegend', 'scatter-like'],
+
+    attributes: require('./attributes'),
+    supplyDefaults: require('./defaults'),
+    colorbar: require('../scatter/marker_colorbar'),
+    formatLabels: require('./format_labels'),
+
+    calc: require('./calc'),
+    hoverPoints: require('./hover').hoverPoints,
+    selectPoints: require('../scattergl/select'),
+
+    meta: {
+        hrName: 'scatter_polar_gl',
+        description: [
+            'The scatterpolargl trace type encompasses line charts, scatter charts, and bubble charts',
+            'in polar coordinates using the WebGL plotting engine.',
+            'The data visualized as scatter point or lines is set in',
+            '`r` (radial) and `theta` (angular) coordinates',
+            'Bubble charts are achieved by setting `marker.size` and/or `marker.color`',
+            'to numerical arrays.'
+        ].join(' ')
+    }
+};

package/src/traces/scatterpolargl/index.js

@@ -1,30 +1,7 @@
 'use strict';
 
-module.exports = {
-    moduleType: 'trace',
-    name: 'scatterpolargl',
-    basePlotModule: require('../../plots/polar'),
-    categories: ['gl', 'regl', 'polar', 'symbols', 'showLegend', 'scatter-like'],
+var index = require('./base_index');
 
-    attributes: require('./attributes'),
-    supplyDefaults: require('./defaults'),
-    colorbar: require('../scatter/marker_colorbar'),
-    formatLabels: require('./format_labels'),
+index.plot = require('./plot');
 
-    calc: require('./calc'),
-    plot: require('./plot'),
-    hoverPoints: require('./hover').hoverPoints,
-    selectPoints: require('../scattergl/select'),
-
-    meta: {
-        hrName: 'scatter_polar_gl',
-        description: [
-            'The scatterpolargl trace type encompasses line charts, scatter charts, and bubble charts',
-            'in polar coordinates using the WebGL plotting engine.',
-            'The data visualized as scatter point or lines is set in',
-            '`r` (radial) and `theta` (angular) coordinates',
-            'Bubble charts are achieved by setting `marker.size` and/or `marker.color`',
-            'to numerical arrays.'
-        ].join(' ')
-    }
-};
+module.exports = index;