survey-analytics 2.2.3 → 2.2.5

package/survey.analytics.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.3
+ * surveyjs - SurveyJS Dashboard library v2.2.5
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -7289,6 +7289,7 @@ var englishStrings = {
     ascOrder: "Ascending",
     descOrder: "Descending",
     showMinorColumns: "Show minor columns",
+    actionsColumn: "Actions",
     otherCommentTitle: "Other items and comments",
     showPercentages: "Show percentages",
     hidePercentages: "Hide percentages",
@@ -8443,6 +8444,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -8506,6 +8509,7 @@ var BooleanModel = /** @class */ (function (_super) {
     return BooleanModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("boolean", BooleanModel);
 
 
 /***/ }),
@@ -8667,18 +8671,19 @@ function questionContainsValue(questionValue, filterValue) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   AlternativeVisualizersWrapper: () => (/* reexport safe */ _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_27__.AlternativeVisualizersWrapper),
-/* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_19__.BooleanModel),
+/* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_18__.BooleanModel),
 /* harmony export */   DataProvider: () => (/* reexport safe */ _dataProvider__WEBPACK_IMPORTED_MODULE_14__.DataProvider),
-/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_34__.DocumentHelper),
-/* harmony export */   HistogramModel: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_20__.HistogramModel),
-/* harmony export */   Matrix: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_18__.Matrix),
+/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_35__.DocumentHelper),
+/* harmony export */   HistogramModel: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_19__.HistogramModel),
+/* harmony export */   Matrix: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_17__.Matrix),
 /* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsAdapter),
 /* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsVisualizer),
 /* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsVisualizerWidget),
-/* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_16__.NumberModel),
-/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_33__.PivotModel),
+/* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_20__.NumberModel),
+/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_34__.PivotModel),
 /* harmony export */   PostponeHelper: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_21__.PostponeHelper),
-/* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.SelectBase),
+/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_33__.RankingModel),
+/* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_16__.SelectBase),
 /* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_31__.StatisticsTable),
 /* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_31__.StatisticsTableAdapter),
 /* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_30__.Text),
@@ -8692,8 +8697,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   VisualizerFactory: () => (/* reexport safe */ _visualizerFactory__WEBPACK_IMPORTED_MODULE_15__.VisualizerFactory),
 /* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_28__.WordCloud),
 /* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_28__.WordCloudAdapter),
-/* harmony export */   defaultStatisticsCalculator: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_21__.defaultStatisticsCalculator),
-/* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.hideEmptyAnswersInData),
+/* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_16__.hideEmptyAnswersInData),
 /* harmony export */   localization: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.localization),
 /* harmony export */   surveyStrings: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.surveyStrings),
 /* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_29__.textHelper)
@@ -8714,11 +8718,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _analytics_localization_finnish__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../analytics-localization/finnish */ "./src/analytics-localization/finnish.ts");
 /* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../dataProvider */ "./src/dataProvider.ts");
 /* harmony import */ var _visualizerFactory__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../visualizerFactory */ "./src/visualizerFactory.ts");
-/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../number */ "./src/number.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
-/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
-/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
-/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
+/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
+/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
+/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../number */ "./src/number.ts");
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
 /* harmony import */ var _visualizationPanel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../visualizationPanel */ "./src/visualizationPanel.ts");
@@ -8731,8 +8735,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../text */ "./src/text.ts");
 /* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
 /* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
-/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
+/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
+/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
 
 //localization
 
@@ -8769,6 +8774,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -8840,6 +8846,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _statisticCalculators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./statisticCalculators */ "./src/statisticCalculators.ts");
+
+
 
 
 
@@ -9012,30 +9022,19 @@ var HistogramModel = /** @class */ (function (_super) {
     };
     HistogramModel.prototype.getCalculatedValuesCore = function () {
         var continiousValues = this.getContiniousValues();
-        var intervals = this.intervals;
-        var statistics = [];
-        var series = this.getSeriesValues();
-        if (series.length === 0) {
-            series.push("");
-        }
-        for (var i = 0; i < series.length; ++i) {
-            statistics.push(intervals.map(function (i) { return 0; }));
-            this._continiousData[series[i]].forEach(function (dataValue) {
-                for (var j = 0; j < intervals.length; ++j) {
-                    if (intervals[j].start <= dataValue && (dataValue < intervals[j].end || j == intervals.length - 1)) {
-                        statistics[i][j]++;
-                        break;
-                    }
-                }
-            });
-        }
-        return statistics;
+        return (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.histogramStatisticsCalculator)(this._continiousData, this.intervals, this.getSeriesValues());
+    };
+    HistogramModel.prototype.getValueType = function () {
+        return this.valueType;
     };
     HistogramModel.IntervalsCount = 10;
     HistogramModel.UseIntervalsFrom = 10;
     return HistogramModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_3__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("date", HistogramModel);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("number", HistogramModel, 100);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("rating", HistogramModel, 100);
 
 
 /***/ }),
@@ -9395,6 +9394,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -9489,6 +9490,7 @@ var Matrix = /** @class */ (function (_super) {
     return Matrix;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("matrix", Matrix);
 
 
 /***/ }),
@@ -9506,7 +9508,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
-/* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
+/* harmony import */ var _statisticCalculators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./statisticCalculators */ "./src/statisticCalculators.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -9514,7 +9518,6 @@ var MatrixDropdownGrouped = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MatrixDropdownGrouped, _super);
     function MatrixDropdownGrouped(question, data, options, name) {
         return _super.call(this, question, data, options, name || "matrixDropdownGrouped") || this;
-        // this.getAnswersData();
     }
     Object.defineProperty(MatrixDropdownGrouped.prototype, "matrixQuestion", {
         get: function () {
@@ -9551,7 +9554,7 @@ var MatrixDropdownGrouped = /** @class */ (function (_super) {
         var values = this.getValues();
         var series = this.getSeriesValues();
         var rows = this.matrixQuestion.rows.map(function (row) { return row.value; });
-        var statistics = (0,_visualizerBase__WEBPACK_IMPORTED_MODULE_2__.defaultStatisticsCalculator)(this.surveyData, {
+        var statistics = (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_2__.defaultStatisticsCalculator)(this.surveyData, {
             name: this.name,
             dataNames: series,
             getValues: function () { return values; },
@@ -9559,16 +9562,12 @@ var MatrixDropdownGrouped = /** @class */ (function (_super) {
             getSeriesValues: function () { return rows; },
             getSeriesLabels: function () { return rows; },
         });
-        var preparedData = [];
-        values.forEach(function (val, valueIndex) {
-            var seriesData = series.map(function (seriesName, seriesIndex) { return statistics[seriesIndex][0][valueIndex]; });
-            preparedData.push(seriesData);
-        });
-        return preparedData;
+        return statistics.map(function (s) { return s[0]; });
     };
     return MatrixDropdownGrouped;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_1__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("matrixdropdown-grouped", MatrixDropdownGrouped);
 
 
 /***/ }),
@@ -9798,6 +9797,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _statisticCalculators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./statisticCalculators */ "./src/statisticCalculators.ts");
+
+
 
 
 
@@ -9807,6 +9810,11 @@ var NumberModel = /** @class */ (function (_super) {
     function NumberModel(question, data, options, name) {
         if (options === void 0) { options = {}; }
         var _this = _super.call(this, question, data, options, name || "number") || this;
+        if (_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase.chartAdapterType) {
+            _this._chartAdapter = new _visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase.chartAdapterType(_this);
+            _this.chartTypes = _this._chartAdapter.getChartTypes();
+            _this.chartType = _this.chartTypes[0];
+        }
         _this.registerToolbarItem("changeChartType", function () {
             if (_this.chartTypes.length > 1) {
                 return _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
@@ -9891,31 +9899,11 @@ var NumberModel = /** @class */ (function (_super) {
         return [externalCalculatedData.value || 0, externalCalculatedData.minValue || 0, externalCalculatedData.maxValue || 0];
     };
     NumberModel.prototype.getCalculatedValuesCore = function () {
-        var _this = this;
+        var _a;
         if (this._resultAverage === undefined ||
             this._resultMin === undefined ||
             this._resultMax === undefined) {
-            this._resultMin = Number.MAX_VALUE;
-            this._resultMax = -Number.MAX_VALUE;
-            this._resultAverage = 0;
-            var actualAnswerCount_1 = 0;
-            this.data.forEach(function (rowData) {
-                if (rowData[_this.question.name] !== undefined) {
-                    var questionValue = +rowData[_this.question.name];
-                    actualAnswerCount_1++;
-                    _this._resultAverage += questionValue;
-                    if (_this._resultMin > questionValue) {
-                        _this._resultMin = questionValue;
-                    }
-                    if (_this._resultMax < questionValue) {
-                        _this._resultMax = questionValue;
-                    }
-                }
-            });
-            if (actualAnswerCount_1 > 0) {
-                this._resultAverage = this._resultAverage / actualAnswerCount_1;
-            }
-            this._resultAverage = Math.ceil(this._resultAverage * 100) / 100;
+            _a = (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.mathStatisticsCalculator)(this.surveyData, this.dataNames[0]), this._resultAverage = _a[0], this._resultMin = _a[1], this._resultMax = _a[2];
         }
         return [this._resultAverage, this._resultMin, this._resultMax];
     };
@@ -9924,6 +9912,9 @@ var NumberModel = /** @class */ (function (_super) {
     return NumberModel;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("number", NumberModel, 200);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("rating", NumberModel, 200);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("expression", NumberModel);
 
 
 /***/ }),
@@ -9946,6 +9937,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -10140,7 +10133,7 @@ var PivotModel = /** @class */ (function (_super) {
     });
     PivotModel.prototype.getSeriesValues = function () {
         var _this = this;
-        if (this.questionsY.length === 0) {
+        if (!this.questionsY || this.questionsY.length === 0) {
             return this.options.seriesValues || [];
         }
         var seriesValues = [];
@@ -10329,165 +10322,235 @@ var PivotModel = /** @class */ (function (_super) {
         }
         return statistics;
     };
+    PivotModel.prototype.getValueType = function () {
+        return this.valueType;
+    };
+    PivotModel.prototype.isSupportSoftUpdateContent = function () {
+        return false;
+    };
     PivotModel.IntervalsCount = 10;
     PivotModel.UseIntervalsFrom = 10;
     return PivotModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_6__.VisualizationManager.registerPivotVisualizer(PivotModel);
 
 
 /***/ }),
 
-/***/ "./src/plotly/boolean.ts":
-/*!*******************************!*\
-  !*** ./src/plotly/boolean.ts ***!
-  \*******************************/
+/***/ "./src/plotly/chart-adapter.ts":
+/*!*************************************!*\
+  !*** ./src/plotly/chart-adapter.ts ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   BooleanPlotly: () => (/* binding */ BooleanPlotly),
-/* harmony export */   PlotlyBoolChartAdapter: () => (/* binding */ PlotlyBoolChartAdapter)
+/* harmony export */   PlotlyChartAdapter: () => (/* binding */ PlotlyChartAdapter),
+/* harmony export */   plotlyChartTypes: () => (/* binding */ plotlyChartTypes)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! plotly.js-dist-min */ "plotly.js-dist-min");
+/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _setup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./setup */ "./src/plotly/setup.ts");
+/* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../visualizerBase */ "./src/visualizerBase.ts");
+/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
+/* harmony import */ var _legacy__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./legacy */ "./src/plotly/legacy.ts");
+
+
+
 
 
 
 
 
-var PlotlyBoolChartAdapter = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PlotlyBoolChartAdapter, _super);
-    function PlotlyBoolChartAdapter(model) {
-        return _super.call(this, model) || this;
+
+var plotlyChartTypes = {
+    "boolean": _legacy__WEBPACK_IMPORTED_MODULE_8__.BooleanPlotly.types,
+    "number": _legacy__WEBPACK_IMPORTED_MODULE_8__.GaugePlotly.types,
+    "selectBase": _legacy__WEBPACK_IMPORTED_MODULE_8__.SelectBasePlotly.types,
+    "histogram": _legacy__WEBPACK_IMPORTED_MODULE_8__.HistogramPlotly.types,
+    "matrix": _legacy__WEBPACK_IMPORTED_MODULE_8__.MatrixPlotly.types,
+    "matrixDropdownGrouped": _legacy__WEBPACK_IMPORTED_MODULE_8__.MatrixDropdownGroupedPlotly.types,
+    "pivot": _legacy__WEBPACK_IMPORTED_MODULE_8__.PivotPlotly.types,
+};
+var PlotlyChartAdapter = /** @class */ (function () {
+    function PlotlyChartAdapter(model) {
+        this.model = model;
+        this._chart = undefined;
     }
-    PlotlyBoolChartAdapter.prototype.patchConfigParameters = function (chartNode, traces, layout, config) {
-        var colors = this.model.getColors();
-        var boolColors = [
-            BooleanPlotly.trueColor || colors[0],
-            BooleanPlotly.falseColor || colors[1],
-        ];
-        if (this.model.showMissingAnswers) {
-            boolColors.push(colors[2]);
-        }
-        if (this.model.chartType === "pie" || this.model.chartType === "doughnut") {
-            traces.forEach(function (trace) {
-                trace.marker.colors = boolColors;
-            });
+    PlotlyChartAdapter.prototype.patchConfigParameters = function (chartNode, traces, layout, config) {
+        if (this.model.question.getType() === "boolean") {
+            var colors = this.model.getColors();
+            var boolColors_1 = [
+                _boolean__WEBPACK_IMPORTED_MODULE_7__.BooleanModel.trueColor || colors[0],
+                _boolean__WEBPACK_IMPORTED_MODULE_7__.BooleanModel.falseColor || colors[1],
+            ];
+            if (this.model.showMissingAnswers) {
+                boolColors_1.push(colors[2]);
+            }
+            var chartType = this.model.chartType;
+            if (chartType === "pie" || chartType === "doughnut") {
+                traces.forEach(function (trace) {
+                    trace.marker.colors = boolColors_1;
+                });
+            }
+            else if (chartType === "bar") {
+                traces.forEach(function (trace) {
+                    trace.marker.color = boolColors_1;
+                });
+            }
         }
-        else if (this.model.chartType === "bar") {
-            traces.forEach(function (trace) {
-                trace.marker.color = boolColors;
-            });
+        if (this.model.type === "number") {
+            config.displayModeBar = true;
         }
     };
-    return PlotlyBoolChartAdapter;
-}(_selectBase__WEBPACK_IMPORTED_MODULE_3__.PlotlyChartAdapter));
-
-var BooleanPlotly = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(BooleanPlotly, _super);
-    function BooleanPlotly(question, data, options, name) {
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = BooleanPlotly.types;
-        _this._chartType = _this.chartTypes[0];
-        _this._chartAdapter = new PlotlyBoolChartAdapter(_this);
-        return _this;
-    }
-    BooleanPlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
+    Object.defineProperty(PlotlyChartAdapter.prototype, "chart", {
+        get: function () {
+            return this._chart;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PlotlyChartAdapter.prototype.getChartTypes = function () {
+        var visualizerType = this.model.type;
+        var chartCtypes = plotlyChartTypes[visualizerType];
+        return chartCtypes || [];
     };
-    BooleanPlotly.prototype.renderContentAsync = function (container) {
+    PlotlyChartAdapter.prototype.create = function (chartNode) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
+            var _a, plot, plotlyOptions, _model_1, getDragLayer;
+            var _this = this;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, this.update(chartNode)];
                     case 1:
-                        _a.sent();
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [2 /*return*/, container];
+                        _a = _b.sent(), plot = _a[0], plotlyOptions = _a[1];
+                        if (this.model instanceof _selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase) {
+                            _model_1 = this.model;
+                            chartNode["on"]("plotly_click", function (data) {
+                                var _a;
+                                if (data.points.length > 0) {
+                                    var itemText = "";
+                                    if (!plotlyOptions.hasSeries) {
+                                        itemText = Array.isArray(data.points[0].customdata)
+                                            ? data.points[0].customdata[0]
+                                            : data.points[0].customdata;
+                                        var item = _model_1.getSelectedItemByText(itemText);
+                                        _model_1.setSelection(item);
+                                    }
+                                    else {
+                                        itemText = data.points[0].data.name;
+                                        var propertyLabel = data.points[0].label;
+                                        var seriesValues = _this.model.getSeriesValues();
+                                        var seriesLabels = _this.model.getSeriesLabels();
+                                        var propertyValue = seriesValues[seriesLabels.indexOf(propertyLabel)];
+                                        var selectedItem = _model_1.getSelectedItemByText(itemText);
+                                        var item = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue((_a = {}, _a[propertyValue] = selectedItem.value, _a), propertyLabel + ": " + selectedItem.text);
+                                        _model_1.setSelection(item);
+                                    }
+                                    // const itemText = plotlyOptions.hasSeries
+                                    //   ? data.points[0].data.name
+                                    //   : Array.isArray(data.points[0].customdata)
+                                    //     ? data.points[0].customdata[0]
+                                    //     : data.points[0].customdata;
+                                    // const item: ItemValue = this.model.getSelectedItemByText(itemText);
+                                    // this.model.setSelection(item);
+                                }
+                            });
+                        }
+                        getDragLayer = function () {
+                            return chartNode.getElementsByClassName("nsewdrag")[0];
+                        };
+                        chartNode["on"]("plotly_hover", function () {
+                            var dragLayer = getDragLayer();
+                            dragLayer && (dragLayer.style.cursor = "pointer");
+                        });
+                        chartNode["on"]("plotly_unhover", function () {
+                            var dragLayer = getDragLayer();
+                            dragLayer && (dragLayer.style.cursor = "");
+                        });
+                        // setTimeout(() => Plotly.Plots.resize(chartNode), 10);
+                        this._chart = plot;
+                        return [2 /*return*/, plot];
                 }
             });
         });
     };
-    BooleanPlotly.types = ["pie", "bar", "doughnut"];
-    return BooleanPlotly;
-}(_boolean__WEBPACK_IMPORTED_MODULE_2__.BooleanModel));
-
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("boolean", BooleanPlotly);
-
-
-/***/ }),
-
-/***/ "./src/plotly/histogram.ts":
-/*!*********************************!*\
-  !*** ./src/plotly/histogram.ts ***!
-  \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   HistogramPlotly: () => (/* binding */ HistogramPlotly)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-
-
-
-
-
-var HistogramPlotly = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(HistogramPlotly, _super);
-    function HistogramPlotly(question, data, options, name) {
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = HistogramPlotly.types;
-        _this._chartType = _this.chartTypes[0];
-        _this._chartAdapter = new _selectBase__WEBPACK_IMPORTED_MODULE_3__.PlotlyChartAdapter(_this);
-        return _this;
-    }
-    HistogramPlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    HistogramPlotly.prototype.renderContentAsync = function (container) {
+    PlotlyChartAdapter.prototype.update = function (chartNode) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
+            var answersData, _a, plotlyOptions, config, options, plot;
+            var _this = this;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
+                        if (!(this.model instanceof _selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.model.getAnswersData()];
                     case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
+                        _a = _b.sent();
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, this.model.getCalculatedValues()];
+                    case 3:
+                        _a = _b.sent();
+                        _b.label = 4;
+                    case 4:
+                        answersData = _a;
+                        plotlyOptions = _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.setup(this.model.chartType, this.model, answersData);
+                        config = {
+                            displaylogo: false,
+                            responsive: true,
+                            locale: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.currentLocale,
+                            modeBarButtonsToRemove: ["toImage"],
+                            modeBarButtonsToAdd: [
+                                {
+                                    name: "toImageSjs",
+                                    title: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.getString("saveDiagramAsPNG"),
+                                    icon: (plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4___default().Icons).camera,
+                                    click: function (gd) {
+                                        var options = {
+                                            format: _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.imageExportFormat,
+                                            // width: 800,
+                                            // height: 600,
+                                            filename: _this.model.question.name,
+                                        };
+                                        _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.onImageSaving.fire(_this.model, options);
+                                        plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4___default().downloadImage(gd, options);
+                                    },
+                                },
+                            ],
+                        };
+                        if (_legacy__WEBPACK_IMPORTED_MODULE_8__.SelectBasePlotly.displayModeBar !== undefined) {
+                            config.displayModeBar = _legacy__WEBPACK_IMPORTED_MODULE_8__.SelectBasePlotly.displayModeBar;
+                        }
+                        this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
+                        options = {
+                            traces: plotlyOptions.traces,
+                            layout: plotlyOptions.layout,
+                            data: answersData,
+                            config: config,
+                        };
+                        _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.onPlotCreating.fire(this.model, options);
+                        plot = plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4___default().react(chartNode, options.traces, options.layout, options.config);
+                        return [2 /*return*/, [plot, plotlyOptions]];
                 }
             });
         });
     };
-    HistogramPlotly.prototype.getValueType = function () {
-        return this.valueType;
+    PlotlyChartAdapter.prototype.destroy = function (node) {
+        if (!!node) {
+            plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_4___default().purge(node);
+        }
+        this._chart = undefined;
     };
-    HistogramPlotly.types = ["vbar", "bar"];
-    return HistogramPlotly;
-}(_histogram__WEBPACK_IMPORTED_MODULE_2__.HistogramModel));
+    return PlotlyChartAdapter;
+}());
 
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("date", HistogramPlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("number", HistogramPlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("rating", HistogramPlotly);
+_visualizerBase__WEBPACK_IMPORTED_MODULE_6__.VisualizerBase.chartAdapterType = PlotlyChartAdapter;
 
 
 /***/ }),
@@ -10501,34 +10564,21 @@ _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.register
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   BooleanPlotly: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_3__.BooleanPlotly),
-/* harmony export */   GaugePlotly: () => (/* reexport safe */ _rating__WEBPACK_IMPORTED_MODULE_7__.GaugePlotly),
-/* harmony export */   HistogramPlotly: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_6__.HistogramPlotly),
-/* harmony export */   MatrixDropdownGroupedPlotly: () => (/* reexport safe */ _matrixdropdown_grouped__WEBPACK_IMPORTED_MODULE_5__.MatrixDropdownGroupedPlotly),
-/* harmony export */   MatrixPlotly: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_2__.MatrixPlotly),
-/* harmony export */   PivotPlotly: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_8__.PivotPlotly),
-/* harmony export */   PlotlyBoolChartAdapter: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_3__.PlotlyBoolChartAdapter),
-/* harmony export */   PlotlyChartAdapter: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_1__.PlotlyChartAdapter),
-/* harmony export */   PlotlyGaugeAdapter: () => (/* reexport safe */ _rating__WEBPACK_IMPORTED_MODULE_7__.PlotlyGaugeAdapter),
+/* harmony export */   BooleanPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.BooleanPlotly),
+/* harmony export */   GaugePlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.GaugePlotly),
+/* harmony export */   HistogramPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.HistogramPlotly),
+/* harmony export */   MatrixDropdownGroupedPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.MatrixDropdownGroupedPlotly),
+/* harmony export */   MatrixPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.MatrixPlotly),
+/* harmony export */   PivotPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.PivotPlotly),
+/* harmony export */   PlotlyChartAdapter: () => (/* reexport safe */ _chart_adapter__WEBPACK_IMPORTED_MODULE_1__.PlotlyChartAdapter),
 /* harmony export */   PlotlySetup: () => (/* reexport safe */ _setup__WEBPACK_IMPORTED_MODULE_0__.PlotlySetup),
-/* harmony export */   RankingPlotly: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_4__.RankingPlotly),
-/* harmony export */   SelectBasePlotly: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_1__.SelectBasePlotly)
+/* harmony export */   RankingPlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.RankingPlotly),
+/* harmony export */   SelectBasePlotly: () => (/* reexport safe */ _legacy__WEBPACK_IMPORTED_MODULE_2__.SelectBasePlotly),
+/* harmony export */   plotlyChartTypes: () => (/* reexport safe */ _chart_adapter__WEBPACK_IMPORTED_MODULE_1__.plotlyChartTypes)
 /* harmony export */ });
 /* harmony import */ var _setup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./setup */ "./src/plotly/setup.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./matrix */ "./src/plotly/matrix.ts");
-/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./boolean */ "./src/plotly/boolean.ts");
-/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ranking */ "./src/plotly/ranking.ts");
-/* harmony import */ var _matrixdropdown_grouped__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./matrixdropdown-grouped */ "./src/plotly/matrixdropdown-grouped.ts");
-/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./histogram */ "./src/plotly/histogram.ts");
-/* harmony import */ var _rating__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./rating */ "./src/plotly/rating.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pivot */ "./src/plotly/pivot.ts");
-
-
-
-
-
-
+/* harmony import */ var _chart_adapter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chart-adapter */ "./src/plotly/chart-adapter.ts");
+/* harmony import */ var _legacy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./legacy */ "./src/plotly/legacy.ts");
 
 
 
@@ -10536,644 +10586,115 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./src/plotly/matrix.ts":
+/***/ "./src/plotly/legacy.ts":
 /*!******************************!*\
-  !*** ./src/plotly/matrix.ts ***!
+  !*** ./src/plotly/legacy.ts ***!
   \******************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MatrixPlotly: () => (/* binding */ MatrixPlotly)
+/* harmony export */   BooleanPlotly: () => (/* binding */ BooleanPlotly),
+/* harmony export */   GaugePlotly: () => (/* binding */ GaugePlotly),
+/* harmony export */   HistogramPlotly: () => (/* binding */ HistogramPlotly),
+/* harmony export */   MatrixDropdownGroupedPlotly: () => (/* binding */ MatrixDropdownGroupedPlotly),
+/* harmony export */   MatrixPlotly: () => (/* binding */ MatrixPlotly),
+/* harmony export */   PivotPlotly: () => (/* binding */ PivotPlotly),
+/* harmony export */   RankingPlotly: () => (/* binding */ RankingPlotly),
+/* harmony export */   SelectBasePlotly: () => (/* binding */ SelectBasePlotly)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-
-
-
-
+/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
+/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
+/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
+/* harmony import */ var _matrixDropdownGrouped__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../matrixDropdownGrouped */ "./src/matrixDropdownGrouped.ts");
+/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../number */ "./src/number.ts");
+/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
 
-var MatrixPlotly = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MatrixPlotly, _super);
-    function MatrixPlotly(question, data, options, name) {
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = MatrixPlotly.types;
-        _this._chartType = _this.chartTypes[0];
-        _this._chartAdapter = new _selectBase__WEBPACK_IMPORTED_MODULE_3__.PlotlyChartAdapter(_this);
-        return _this;
-    }
-    MatrixPlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    MatrixPlotly.prototype.renderContentAsync = function (container) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
-                }
-            });
-        });
-    };
-    MatrixPlotly.types = ["bar", "stackedbar", "pie", "doughnut"];
-    return MatrixPlotly;
-}(_matrix__WEBPACK_IMPORTED_MODULE_2__.Matrix));
 
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("matrix", MatrixPlotly);
 
 
-/***/ }),
 
-/***/ "./src/plotly/matrixdropdown-grouped.ts":
-/*!**********************************************!*\
-  !*** ./src/plotly/matrixdropdown-grouped.ts ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MatrixDropdownGroupedPlotly: () => (/* binding */ MatrixDropdownGroupedPlotly)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _matrixDropdownGrouped__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../matrixDropdownGrouped */ "./src/matrixDropdownGrouped.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
 
 
 
+var SelectBasePlotly = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SelectBasePlotly, _super);
+    function SelectBasePlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SelectBasePlotly.types = ["bar", "vbar", "pie", "doughnut"];
+    SelectBasePlotly.displayModeBar = undefined;
+    return SelectBasePlotly;
+}(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+var BooleanPlotly = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(BooleanPlotly, _super);
+    function BooleanPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BooleanPlotly.types = ["pie", "bar", "doughnut"];
+    return BooleanPlotly;
+}(_boolean__WEBPACK_IMPORTED_MODULE_1__.BooleanModel));
+
+var HistogramPlotly = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(HistogramPlotly, _super);
+    function HistogramPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    HistogramPlotly.types = ["vbar", "bar"];
+    return HistogramPlotly;
+}(_histogram__WEBPACK_IMPORTED_MODULE_3__.HistogramModel));
+
+var MatrixPlotly = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MatrixPlotly, _super);
+    function MatrixPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MatrixPlotly.types = ["bar", "stackedbar", "pie", "doughnut"];
+    return MatrixPlotly;
+}(_matrix__WEBPACK_IMPORTED_MODULE_4__.Matrix));
 
 var MatrixDropdownGroupedPlotly = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MatrixDropdownGroupedPlotly, _super);
-    function MatrixDropdownGroupedPlotly(question, data, options, name) {
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = MatrixDropdownGroupedPlotly.types;
-        _this._chartType = _this.chartTypes[0];
-        _this._chartAdapter = new _selectBase__WEBPACK_IMPORTED_MODULE_3__.PlotlyChartAdapter(_this);
-        return _this;
+    function MatrixDropdownGroupedPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    MatrixDropdownGroupedPlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    MatrixDropdownGroupedPlotly.prototype.renderContentAsync = function (container) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
-                }
-            });
-        });
-    };
     MatrixDropdownGroupedPlotly.types = ["stackedbar", "bar", "pie", "doughnut"];
     return MatrixDropdownGroupedPlotly;
-}(_matrixDropdownGrouped__WEBPACK_IMPORTED_MODULE_2__.MatrixDropdownGrouped));
-
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("matrixdropdown-grouped", MatrixDropdownGroupedPlotly);
-
-
-/***/ }),
-
-/***/ "./src/plotly/pivot.ts":
-/*!*****************************!*\
-  !*** ./src/plotly/pivot.ts ***!
-  \*****************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PivotPlotly: () => (/* binding */ PivotPlotly)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-
-
-
-
+}(_matrixDropdownGrouped__WEBPACK_IMPORTED_MODULE_5__.MatrixDropdownGrouped));
 
 var PivotPlotly = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PivotPlotly, _super);
-    function PivotPlotly(questions, data, options, name) {
-        var _this = _super.call(this, questions, data, options, name) || this;
-        _this.chartTypes = PivotPlotly.types;
-        _this._chartType = _this.chartTypes[0];
-        _this._chartAdapter = new _selectBase__WEBPACK_IMPORTED_MODULE_2__.PlotlyChartAdapter(_this);
-        return _this;
+    function PivotPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    PivotPlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    PivotPlotly.prototype.renderContentAsync = function (container) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
-                }
-            });
-        });
-    };
-    PivotPlotly.prototype.getValueType = function () {
-        return this.valueType;
-    };
     PivotPlotly.types = ["vbar", "bar", "line", "stackedbar", "pie", "doughnut"]; // ["vbar", "bar"];
     return PivotPlotly;
-}(_pivot__WEBPACK_IMPORTED_MODULE_1__.PivotModel));
-
-_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerPivotVisualizer(PivotPlotly);
-
-
-/***/ }),
-
-/***/ "./src/plotly/ranking.ts":
-/*!*******************************!*\
-  !*** ./src/plotly/ranking.ts ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   RankingPlotly: () => (/* binding */ RankingPlotly)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/plotly/selectBase.ts");
-
-
-
-var RankingPlotly = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(RankingPlotly, _super);
-    function RankingPlotly() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RankingPlotly.prototype.getQuestionResults = function () {
-        var name = this.question.name;
-        return this.data.map(function (dataItem) { return dataItem[name]; });
-    };
-    RankingPlotly.prototype.getEmptyData = function () {
-        var choices = this.getValues();
-        var data = [];
-        data.length = choices.length;
-        data.fill(0);
-        return data;
-    };
-    RankingPlotly.prototype.getCalculatedValuesCore = function () {
-        var _this = this;
-        var results = this.getQuestionResults();
-        var choices = this.getValues();
-        var plotlyData = this.getEmptyData();
-        results.forEach(function (result) {
-            _this.applyResultToPlotlyData(result, plotlyData, choices);
-        });
-        return [plotlyData];
-    };
-    RankingPlotly.prototype.applyResultToPlotlyData = function (result, plotlyData, choices) {
-        if (!result || !plotlyData || !choices)
-            return;
-        result.forEach(function (resultValue, resultValueIndex, result) {
-            var index = choices.indexOf(resultValue);
-            plotlyData[index] =
-                +plotlyData[index] + (result.length - resultValueIndex);
-        });
-    };
-    return RankingPlotly;
-}(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBasePlotly));
-
-_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("ranking", RankingPlotly);
-
-
-/***/ }),
-
-/***/ "./src/plotly/rating.ts":
-/*!******************************!*\
-  !*** ./src/plotly/rating.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   GaugePlotly: () => (/* binding */ GaugePlotly),
-/* harmony export */   PlotlyGaugeAdapter: () => (/* binding */ PlotlyGaugeAdapter)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../number */ "./src/number.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
-/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
-/* harmony import */ var _setup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./setup */ "./src/plotly/setup.ts");
-/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! plotly.js-dist-min */ "plotly.js-dist-min");
-/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-var PlotlyGaugeAdapter = /** @class */ (function () {
-    function PlotlyGaugeAdapter(model) {
-        this.model = model;
-        this._chart = undefined;
-    }
-    Object.defineProperty(PlotlyGaugeAdapter.prototype, "chart", {
-        get: function () {
-            return this._chart;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PlotlyGaugeAdapter.prototype.create = function (chartNode) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var question, _a, level, minValue, maxValue, rateValues, colors, data, chartMargin, layout, config, options, plot;
-            var _this = this;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        question = this.model.question;
-                        return [4 /*yield*/, this.model.getCalculatedValues()];
-                    case 1:
-                        _a = _b.sent(), level = _a[0], minValue = _a[1], maxValue = _a[2];
-                        if (question.getType() === "rating") {
-                            rateValues = question.visibleRateValues;
-                            maxValue = rateValues[rateValues.length - 1].value;
-                            minValue = rateValues[0].value;
-                        }
-                        colors = this.model.generateColors(maxValue, minValue, GaugePlotly.stepsCount);
-                        if (GaugePlotly.showAsPercentage) {
-                            level = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DataHelper.toPercentage(level, maxValue);
-                            minValue = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DataHelper.toPercentage(minValue, maxValue);
-                            maxValue = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DataHelper.toPercentage(maxValue, maxValue);
-                        }
-                        data = [
-                            {
-                                type: "indicator",
-                                mode: "gauge+number",
-                                gauge: {
-                                    axis: { range: [minValue, maxValue] },
-                                    shape: this.model.chartType,
-                                    bgcolor: "white",
-                                    bar: { color: colors[0] },
-                                },
-                                value: level,
-                                text: question.name,
-                                domain: { x: [0, 1], y: [0, 1] },
-                            },
-                        ];
-                        chartMargin = this.model.chartType === "bullet" ? 60 : 30;
-                        layout = {
-                            height: 250,
-                            margin: {
-                                l: chartMargin,
-                                r: chartMargin,
-                                b: chartMargin,
-                                t: chartMargin,
-                                pad: 5
-                            },
-                            plot_bgcolor: this.model.backgroundColor,
-                            paper_bgcolor: this.model.backgroundColor,
-                        };
-                        config = {
-                            displayModeBar: true,
-                            locale: _localizationManager__WEBPACK_IMPORTED_MODULE_4__.localization.currentLocale,
-                            responsive: true,
-                            displaylogo: false,
-                            modeBarButtonsToRemove: ["toImage"],
-                            modeBarButtonsToAdd: [
-                                {
-                                    name: "toImageSjs",
-                                    title: _localizationManager__WEBPACK_IMPORTED_MODULE_4__.localization.getString("saveDiagramAsPNG"),
-                                    icon: (plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().Icons).camera,
-                                    click: function (gd) {
-                                        var options = {
-                                            format: _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.imageExportFormat,
-                                            // width: 800,
-                                            // height: 600,
-                                            filename: _this.model.question.name,
-                                        };
-                                        _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.onImageSaving.fire(_this.model, options);
-                                        plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().downloadImage(gd, options);
-                                    },
-                                },
-                            ],
-                        };
-                        if (GaugePlotly.displayModeBar !== undefined) {
-                            config.displayModeBar = GaugePlotly.displayModeBar;
-                        }
-                        options = {
-                            data: data,
-                            layout: layout,
-                            config: config,
-                        };
-                        _setup__WEBPACK_IMPORTED_MODULE_5__.PlotlySetup.onPlotCreating.fire(this.model, options);
-                        plot = plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().newPlot(chartNode, options.data, options.layout, options.config);
-                        // setTimeout(() => Plotly.Plots.resize(chartNode), 10);
-                        return [2 /*return*/, plot];
-                }
-            });
-        });
-    };
-    PlotlyGaugeAdapter.prototype.destroy = function (node) {
-        if (!!node) {
-            plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().purge(node);
-        }
-        this._chart = undefined;
-    };
-    return PlotlyGaugeAdapter;
-}());
+}(_pivot__WEBPACK_IMPORTED_MODULE_6__.PivotModel));
 
 var GaugePlotly = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(GaugePlotly, _super);
-    function GaugePlotly(question, data, options, name) {
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = GaugePlotly.types;
-        _this.chartType = _this.chartTypes[0];
-        _this._chartAdapter = new PlotlyGaugeAdapter(_this);
-        return _this;
-    }
-    GaugePlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    GaugePlotly.prototype.renderContentAsync = function (container) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
-                }
-            });
-        });
-    };
-    GaugePlotly.displayModeBar = undefined;
-    GaugePlotly.types = ["gauge", "bullet"];
-    return GaugePlotly;
-}(_number__WEBPACK_IMPORTED_MODULE_1__.NumberModel));
-
-_visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.registerVisualizer("number", GaugePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.registerVisualizer("rating", GaugePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.registerVisualizer("expression", GaugePlotly);
-
-
-/***/ }),
-
-/***/ "./src/plotly/selectBase.ts":
-/*!**********************************!*\
-  !*** ./src/plotly/selectBase.ts ***!
-  \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PlotlyChartAdapter: () => (/* binding */ PlotlyChartAdapter),
-/* harmony export */   SelectBasePlotly: () => (/* binding */ SelectBasePlotly)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
-/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! plotly.js-dist-min */ "plotly.js-dist-min");
-/* harmony import */ var plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _setup__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./setup */ "./src/plotly/setup.ts");
-
-
-
-
-
-
-
-
-var PlotlyChartAdapter = /** @class */ (function () {
-    function PlotlyChartAdapter(model) {
-        this.model = model;
-        this._chart = undefined;
-    }
-    PlotlyChartAdapter.prototype.patchConfigParameters = function (chartNode, traces, layout, config) { };
-    Object.defineProperty(PlotlyChartAdapter.prototype, "chart", {
-        get: function () {
-            return this._chart;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PlotlyChartAdapter.prototype.create = function (chartNode) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var _a, plot, plotlyOptions, getDragLayer;
-            var _this = this;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.update(chartNode)];
-                    case 1:
-                        _a = _b.sent(), plot = _a[0], plotlyOptions = _a[1];
-                        chartNode["on"]("plotly_click", function (data) {
-                            var _a;
-                            if (data.points.length > 0) {
-                                var itemText = "";
-                                if (!plotlyOptions.hasSeries) {
-                                    itemText = Array.isArray(data.points[0].customdata)
-                                        ? data.points[0].customdata[0]
-                                        : data.points[0].customdata;
-                                    var item = _this.model.getSelectedItemByText(itemText);
-                                    _this.model.setSelection(item);
-                                }
-                                else {
-                                    itemText = data.points[0].data.name;
-                                    var propertyLabel = data.points[0].label;
-                                    var seriesValues = _this.model.getSeriesValues();
-                                    var seriesLabels = _this.model.getSeriesLabels();
-                                    var propertyValue = seriesValues[seriesLabels.indexOf(propertyLabel)];
-                                    var selectedItem = _this.model.getSelectedItemByText(itemText);
-                                    var item = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue((_a = {}, _a[propertyValue] = selectedItem.value, _a), propertyLabel + ": " + selectedItem.text);
-                                    _this.model.setSelection(item);
-                                }
-                                // const itemText = plotlyOptions.hasSeries
-                                //   ? data.points[0].data.name
-                                //   : Array.isArray(data.points[0].customdata)
-                                //     ? data.points[0].customdata[0]
-                                //     : data.points[0].customdata;
-                                // const item: ItemValue = this.model.getSelectedItemByText(itemText);
-                                // this.model.setSelection(item);
-                            }
-                        });
-                        getDragLayer = function () {
-                            return chartNode.getElementsByClassName("nsewdrag")[0];
-                        };
-                        chartNode["on"]("plotly_hover", function () {
-                            var dragLayer = getDragLayer();
-                            dragLayer && (dragLayer.style.cursor = "pointer");
-                        });
-                        chartNode["on"]("plotly_unhover", function () {
-                            var dragLayer = getDragLayer();
-                            dragLayer && (dragLayer.style.cursor = "");
-                        });
-                        // setTimeout(() => Plotly.Plots.resize(chartNode), 10);
-                        this._chart = plot;
-                        return [2 /*return*/, plot];
-                }
-            });
-        });
-    };
-    PlotlyChartAdapter.prototype.update = function (chartNode) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var answersData, plotlyOptions, config, options, plot;
-            var _this = this;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.model.getAnswersData()];
-                    case 1:
-                        answersData = _a.sent();
-                        plotlyOptions = _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.setup(this.model.chartType, this.model, answersData);
-                        config = {
-                            displaylogo: false,
-                            responsive: true,
-                            locale: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.currentLocale,
-                            modeBarButtonsToRemove: ["toImage"],
-                            modeBarButtonsToAdd: [
-                                {
-                                    name: "toImageSjs",
-                                    title: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("saveDiagramAsPNG"),
-                                    icon: (plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().Icons).camera,
-                                    click: function (gd) {
-                                        var options = {
-                                            format: _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.imageExportFormat,
-                                            // width: 800,
-                                            // height: 600,
-                                            filename: _this.model.question.name,
-                                        };
-                                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onImageSaving.fire(_this.model, options);
-                                        plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().downloadImage(gd, options);
-                                    },
-                                },
-                            ],
-                        };
-                        if (SelectBasePlotly.displayModeBar !== undefined) {
-                            config.displayModeBar = SelectBasePlotly.displayModeBar;
-                        }
-                        this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
-                        options = {
-                            traces: plotlyOptions.traces,
-                            layout: plotlyOptions.layout,
-                            config: config,
-                        };
-                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onPlotCreating.fire(this.model, options);
-                        plot = plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().react(chartNode, options.traces, options.layout, options.config);
-                        return [2 /*return*/, [plot, plotlyOptions]];
-                }
-            });
-        });
-    };
-    PlotlyChartAdapter.prototype.destroy = function (node) {
-        if (!!node) {
-            plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().purge(node);
-        }
-        this._chart = undefined;
-    };
-    return PlotlyChartAdapter;
-}());
-
-var SelectBasePlotly = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SelectBasePlotly, _super);
-    function SelectBasePlotly(question, data, options, name) {
-        if (options === void 0) { options = {}; }
-        var _this = _super.call(this, question, data, options, name) || this;
-        _this.chartTypes = [].concat(SelectBasePlotly.types);
-        if (_this.getSeriesValues().length > 0 && _this.chartTypes.indexOf("stackedbar") === -1) {
-            _this.chartTypes.push("stackedbar");
-        }
-        if (options.allowExperimentalFeatures) {
-            // this.chartTypes.splice(1, 0, "vbar");
-        }
-        _this._chartType = _this.chartTypes[0];
-        if (_this.chartTypes.indexOf(options.defaultChartType) !== -1) {
-            _this._chartType = options.defaultChartType;
-        }
-        _this._chartAdapter = new PlotlyChartAdapter(_this);
-        return _this;
-    }
-    SelectBasePlotly.prototype.destroyContent = function (container) {
-        this._chartAdapter.destroy(container.children[0]);
-        _super.prototype.destroyContent.call(this, container);
-    };
-    SelectBasePlotly.prototype.renderContentAsync = function (container) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var chartNode;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
-                        container.innerHTML = "";
-                        container.appendChild(chartNode);
-                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, container];
-                }
-            });
-        });
-    };
-    SelectBasePlotly.prototype.updateContent = function () {
-        var _a;
-        var chartNode = (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.children[0];
-        if (chartNode) {
-            this._chartAdapter.update(chartNode);
-        }
-    };
-    SelectBasePlotly.types = ["bar", "vbar", "pie", "doughnut"];
-    SelectBasePlotly.displayModeBar = undefined;
-    return SelectBasePlotly;
-}(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
+    function GaugePlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    GaugePlotly.displayModeBar = undefined;
+    GaugePlotly.types = ["gauge", "bullet"];
+    return GaugePlotly;
+}(_number__WEBPACK_IMPORTED_MODULE_7__.NumberModel));
+
+var RankingPlotly = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(RankingPlotly, _super);
+    function RankingPlotly() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return RankingPlotly;
+}(_ranking__WEBPACK_IMPORTED_MODULE_8__.RankingModel));
 
-_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("checkbox", SelectBasePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("radiogroup", SelectBasePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("dropdown", SelectBasePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("imagepicker", SelectBasePlotly);
-_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("tagbox", SelectBasePlotly);
 
 
 /***/ }),
@@ -11192,6 +10713,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../number */ "./src/number.ts");
+
+
 
 
 var PlotlySetup = /** @class */ (function () {
@@ -11557,6 +11082,49 @@ var PlotlySetup = /** @class */ (function () {
         }
         return { traces: traces, layout: layout, hasSeries: hasSeries };
     };
+    PlotlySetup.setupGauge = function (model, answersData) {
+        var _a = answersData, level = _a[0], minValue = _a[1], maxValue = _a[2];
+        if (model.question.getType() === "rating") {
+            var rateValues = model.question.visibleRateValues;
+            maxValue = rateValues[rateValues.length - 1].value;
+            minValue = rateValues[0].value;
+        }
+        var colors = model.generateColors(maxValue, minValue, _number__WEBPACK_IMPORTED_MODULE_3__.NumberModel.stepsCount);
+        if (_number__WEBPACK_IMPORTED_MODULE_3__.NumberModel.showAsPercentage) {
+            level = _utils__WEBPACK_IMPORTED_MODULE_2__.DataHelper.toPercentage(level, maxValue);
+            minValue = _utils__WEBPACK_IMPORTED_MODULE_2__.DataHelper.toPercentage(minValue, maxValue);
+            maxValue = _utils__WEBPACK_IMPORTED_MODULE_2__.DataHelper.toPercentage(maxValue, maxValue);
+        }
+        var traces = [
+            {
+                type: "indicator",
+                mode: "gauge+number",
+                gauge: {
+                    axis: { range: [minValue, maxValue] },
+                    shape: model.chartType,
+                    bgcolor: "white",
+                    bar: { color: colors[0] },
+                },
+                value: level,
+                text: model.name,
+                domain: { x: [0, 1], y: [0, 1] },
+            },
+        ];
+        var chartMargin = model.chartType === "bullet" ? 60 : 30;
+        var layout = {
+            height: 250,
+            margin: {
+                l: chartMargin,
+                r: chartMargin,
+                b: chartMargin,
+                t: chartMargin,
+                pad: 5
+            },
+            plot_bgcolor: model.backgroundColor,
+            paper_bgcolor: model.backgroundColor,
+        };
+        return { traces: traces, layout: layout, hasSeries: false };
+    };
     PlotlySetup.imageExportFormat = "png";
     /**
      * Fires when end user clicks on the 'save as image' button.
@@ -11575,6 +11143,8 @@ var PlotlySetup = /** @class */ (function () {
         doughnut: PlotlySetup.setupPie,
         pie: PlotlySetup.setupPie,
         scatter: PlotlySetup.setupScatter,
+        gauge: PlotlySetup.setupGauge,
+        bullet: PlotlySetup.setupGauge,
     };
     PlotlySetup.getTruncatedLabel = function (label, labelTruncateLength) {
         var truncateSymbols = "...";
@@ -11592,6 +11162,66 @@ var PlotlySetup = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ "./src/ranking.ts":
+/*!************************!*\
+  !*** ./src/ranking.ts ***!
+  \************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RankingModel: () => (/* binding */ RankingModel)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+
+
+
+var RankingModel = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(RankingModel, _super);
+    function RankingModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RankingModel.prototype.getQuestionResults = function () {
+        var name = this.question.name;
+        return this.data.map(function (dataItem) { return dataItem[name]; });
+    };
+    RankingModel.prototype.getEmptyData = function () {
+        var choices = this.getValues();
+        var data = [];
+        data.length = choices.length;
+        data.fill(0);
+        return data;
+    };
+    RankingModel.prototype.getCalculatedValuesCore = function () {
+        var _this = this;
+        var results = this.getQuestionResults();
+        var choices = this.getValues();
+        var plotlyData = this.getEmptyData();
+        results.forEach(function (result) {
+            _this.applyResultToPlotlyData(result, plotlyData, choices);
+        });
+        return [plotlyData];
+    };
+    RankingModel.prototype.applyResultToPlotlyData = function (result, plotlyData, choices) {
+        if (!result || !plotlyData || !choices)
+            return;
+        result.forEach(function (resultValue, resultValueIndex, result) {
+            var index = choices.indexOf(resultValue);
+            plotlyData[index] =
+                +plotlyData[index] + (result.length - resultValueIndex);
+        });
+    };
+    return RankingModel;
+}(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
+
+_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("ranking", RankingModel);
+
+
 /***/ }),
 
 /***/ "./src/selectBase.ts":
@@ -11612,6 +11242,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -11722,6 +11354,20 @@ var SelectBase = /** @class */ (function (_super) {
         _this._hideEmptyAnswers = _this.options.hideEmptyAnswers === true;
         _this._answersOrder = _this.options.answersOrder || "default";
         _this._showMissingAnswers = _this.isSupportMissingAnswers() && _this.options.showMissingAnswers === true;
+        if (_this.options.allowExperimentalFeatures) {
+            // this.chartTypes.splice(1, 0, "vbar");
+        }
+        if (_visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase.chartAdapterType) {
+            _this._chartAdapter = new _visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase.chartAdapterType(_this);
+            _this.chartTypes = _this._chartAdapter.getChartTypes();
+            if (_this.getSeriesValues().length > 0 && _this.chartTypes.indexOf("stackedbar") === -1) {
+                _this.chartTypes.push("stackedbar");
+            }
+            _this._chartType = _this.chartTypes[0];
+            if (_this.chartTypes.indexOf(_this.options.defaultChartType) !== -1) {
+                _this._chartType = _this.options.defaultChartType;
+            }
+        }
         _this.registerToolbarItem("changeChartType", function () {
             if (_this.chartTypes.length > 1) {
                 return _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
@@ -11904,6 +11550,16 @@ var SelectBase = /** @class */ (function (_super) {
         var selectBaseQuestion = this.question;
         return resultValues.map(function (value) { return survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.getTextOrHtmlByValue(selectBaseQuestion.choices, value); }).join(", ");
     };
+    SelectBase.prototype.isSupportSoftUpdateContent = function () {
+        return true;
+    };
+    SelectBase.prototype.softUpdateContent = function () {
+        var _a;
+        var chartNode = (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.children[0];
+        if (chartNode) {
+            this._chartAdapter.update(chartNode);
+        }
+    };
     SelectBase.prototype.getSelectedItemByText = function (itemText) {
         var selBase = this.question;
         if (this.question.hasOther && itemText == selBase.otherText) {
@@ -12265,6 +11921,127 @@ var SelectBase = /** @class */ (function (_super) {
     return SelectBase;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("checkbox", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("radiogroup", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("dropdown", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("imagepicker", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("tagbox", SelectBase);
+
+
+/***/ }),
+
+/***/ "./src/statisticCalculators.ts":
+/*!*************************************!*\
+  !*** ./src/statisticCalculators.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   defaultStatisticsCalculator: () => (/* binding */ defaultStatisticsCalculator),
+/* harmony export */   histogramStatisticsCalculator: () => (/* binding */ histogramStatisticsCalculator),
+/* harmony export */   mathStatisticsCalculator: () => (/* binding */ mathStatisticsCalculator)
+/* harmony export */ });
+/* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
+
+function defaultStatisticsCalculator(data, dataInfo) {
+    var dataNames = dataInfo.dataNames;
+    var statistics = [];
+    var values = dataInfo.getValues();
+    var valuesIndex = {};
+    values.forEach(function (val, index) {
+        valuesIndex[val] = index;
+    });
+    var processMissingAnswers = values.indexOf(undefined) !== -1;
+    var series = dataInfo.getSeriesValues();
+    var seriesIndex = {};
+    series.forEach(function (val, index) {
+        seriesIndex[val] = index;
+    });
+    var seriesLength = series.length || 1;
+    for (var i = 0; i < dataNames.length; ++i) {
+        var dataNameStatistics = new Array();
+        for (var j = 0; j < seriesLength; ++j) {
+            dataNameStatistics.push(new Array(values.length).fill(0));
+        }
+        statistics.push(dataNameStatistics);
+    }
+    data.forEach(function (row) {
+        dataNames.forEach(function (dataName, index) {
+            var rowValue = row[dataName];
+            if (rowValue !== undefined || processMissingAnswers) {
+                var rowValues = Array.isArray(rowValue) ? rowValue : [rowValue];
+                if (series.length > 0) {
+                    if (row[_dataProvider__WEBPACK_IMPORTED_MODULE_0__.DataProvider.seriesMarkerKey] !== undefined) {
+                        // Series are labelled by seriesMarkerKey in row data
+                        var seriesNo_1 = seriesIndex[row[_dataProvider__WEBPACK_IMPORTED_MODULE_0__.DataProvider.seriesMarkerKey]] || 0;
+                        rowValues.forEach(function (val) {
+                            statistics[index][seriesNo_1][valuesIndex[val]]++;
+                        });
+                    }
+                    else {
+                        // Series are the keys in question value (matrix question)
+                        // TODO: think about the de-normalization and combine with the previous case
+                        rowValues.forEach(function (val) {
+                            series.forEach(function (seriesName) {
+                                if (val[seriesName] !== undefined) {
+                                    var seriesNo = seriesIndex[seriesName] || 0;
+                                    statistics[index][seriesNo][valuesIndex[val[seriesName]]]++;
+                                }
+                            });
+                        });
+                    }
+                }
+                else {
+                    // No series
+                    rowValues.forEach(function (val) { return statistics[0][0][valuesIndex[val]]++; });
+                }
+            }
+        });
+    });
+    return dataInfo.dataNames.length > 1 ? statistics : statistics[0];
+}
+function histogramStatisticsCalculator(data, intervals, seriesValues) {
+    var statistics = [];
+    if (seriesValues.length === 0) {
+        seriesValues.push("");
+    }
+    for (var i = 0; i < seriesValues.length; ++i) {
+        statistics.push(intervals.map(function (i) { return 0; }));
+        data[seriesValues[i]].forEach(function (dataValue) {
+            for (var j = 0; j < intervals.length; ++j) {
+                if (intervals[j].start <= dataValue && (dataValue < intervals[j].end || j == intervals.length - 1)) {
+                    statistics[i][j]++;
+                    break;
+                }
+            }
+        });
+    }
+    return statistics;
+}
+function mathStatisticsCalculator(data, dataName) {
+    var resultMin = Number.MAX_VALUE, resultMax = -Number.MAX_VALUE, resultAverage = 0;
+    var actualAnswerCount = 0;
+    data.forEach(function (rowData) {
+        if (rowData[dataName] !== undefined) {
+            var questionValue = +rowData[dataName];
+            actualAnswerCount++;
+            resultAverage += questionValue;
+            if (resultMin > questionValue) {
+                resultMin = questionValue;
+            }
+            if (resultMax < questionValue) {
+                resultMax = questionValue;
+            }
+        }
+    });
+    if (actualAnswerCount > 0) {
+        resultAverage = resultAverage / actualAnswerCount;
+    }
+    resultAverage = Math.ceil(resultAverage * 100) / 100;
+    return [resultAverage, resultMin, resultMax];
+}
 
 
 /***/ }),
@@ -12657,7 +12434,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   __decorate: () => (/* binding */ __decorate),
 /* harmony export */   __extends: () => (/* binding */ __extends),
 /* harmony export */   __generator: () => (/* binding */ __generator),
-/* harmony export */   __rest: () => (/* binding */ __rest)
+/* harmony export */   __rest: () => (/* binding */ __rest),
+/* harmony export */   __spreadArray: () => (/* binding */ __spreadArray),
+/* harmony export */   __spreadArrays: () => (/* binding */ __spreadArrays)
 /* harmony export */ });
 var __assign = Object["assign"] ||
     function (target) {
@@ -12796,6 +12575,25 @@ function __generator(thisArg, body) {
         return { value: op[0] ? op[1] : void 0, done: true };
     }
 }
+var __spreadArrays = function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2)
+        for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar)
+                    ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
 
 
 /***/ }),
@@ -13042,8 +12840,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   VisualizationManager: () => (/* binding */ VisualizationManager)
 /* harmony export */ });
-/* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
-
 /**
  * An object with methods used to register and unregister visualizers for individual question types.
  *
@@ -13113,10 +12909,10 @@ var VisualizationManager = /** @class */ (function () {
     VisualizationManager.getVisualizersByType = function (questionType) {
         var vDescrs = VisualizationManager.vizualizers[questionType];
         if (!vDescrs) {
-            if (_visualizerBase__WEBPACK_IMPORTED_MODULE_0__.VisualizerBase.suppressVisualizerStubRendering) {
+            if (VisualizationManager.defaultVisualizer.suppressVisualizerStubRendering) {
                 return [];
             }
-            return [_visualizerBase__WEBPACK_IMPORTED_MODULE_0__.VisualizerBase];
+            return [VisualizationManager.defaultVisualizer];
         }
         vDescrs = [].concat(vDescrs);
         vDescrs.sort(function (v1, v2) { return v1.index - v2.index; });
@@ -13127,7 +12923,7 @@ var VisualizationManager = /** @class */ (function () {
      * @see registerAltVisualizerSelector
      */
     VisualizationManager.getAltVisualizerSelector = function () {
-        return VisualizationManager.alternativesVisualizer || _visualizerBase__WEBPACK_IMPORTED_MODULE_0__.VisualizerBase;
+        return VisualizationManager.alternativesVisualizer || VisualizationManager.defaultVisualizer;
     };
     /**
      * Registers an alternative visualizer selector.
@@ -13137,11 +12933,12 @@ var VisualizationManager = /** @class */ (function () {
         VisualizationManager.alternativesVisualizer = constructor;
     };
     VisualizationManager.getPivotVisualizerConstructor = function () {
-        return VisualizationManager.pivotVisualizer || _visualizerBase__WEBPACK_IMPORTED_MODULE_0__.VisualizerBase;
+        return VisualizationManager.pivotVisualizer || VisualizationManager.defaultVisualizer;
     };
     VisualizationManager.registerPivotVisualizer = function (constructor) {
         VisualizationManager.pivotVisualizer = constructor;
     };
+    VisualizationManager.defaultVisualizer = undefined;
     VisualizationManager.alternativesVisualizer = undefined;
     VisualizationManager.pivotVisualizer = undefined;
     VisualizationManager.vizualizers = {};
@@ -14215,17 +14012,19 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   PostponeHelper: () => (/* binding */ PostponeHelper),
-/* harmony export */   VisualizerBase: () => (/* binding */ VisualizerBase),
-/* harmony export */   defaultStatisticsCalculator: () => (/* binding */ defaultStatisticsCalculator)
+/* harmony export */   VisualizerBase: () => (/* binding */ VisualizerBase)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
 /* harmony import */ var _visualizerFactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./visualizerFactory */ "./src/visualizerFactory.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
-/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
-/* harmony import */ var _visualizerBase_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visualizerBase.scss */ "./src/visualizerBase.scss");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
+/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _statisticCalculators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./statisticCalculators */ "./src/statisticCalculators.ts");
+/* harmony import */ var _visualizerBase_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./visualizerBase.scss */ "./src/visualizerBase.scss");
+
 
 
 
@@ -14293,6 +14092,7 @@ var VisualizerBase = /** @class */ (function () {
         this.contentContainer = undefined;
         this.footerContainer = undefined;
         this._supportSelection = false;
+        this._chartAdapter = undefined;
         /**
          * An event that is raised after the visualizer's content is rendered.
          *
@@ -14648,7 +14448,7 @@ var VisualizerBase = /** @class */ (function () {
     };
     VisualizerBase.prototype.renderToolbar = function (container) {
         if (this.showToolbar) {
-            var toolbar_1 = (_utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-toolbar"));
+            var toolbar_1 = (_utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-toolbar"));
             this.createToolbarItems(toolbar_1);
             container.appendChild(toolbar_1);
         }
@@ -14665,27 +14465,40 @@ var VisualizerBase = /** @class */ (function () {
         if (!!this.options && typeof this.options.destroyContent === "function") {
             this.options.destroyContent(container, this);
         }
-        else {
-            container.innerHTML = "";
+        else if (this._chartAdapter) {
+            this._chartAdapter.destroy(container.children[0]);
         }
+        container.innerHTML = "";
     };
     VisualizerBase.prototype.renderHeader = function (container) {
         if (!!this.options && typeof this.options.renderHeader === "function") {
             this.options.renderHeader(container, this);
         }
         else {
-            var correctAnswerElement = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__correct-answer");
-            correctAnswerElement.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("correctAnswer") + this.getCorrectAnswerText();
+            var correctAnswerElement = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__correct-answer");
+            correctAnswerElement.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("correctAnswer") + this.getCorrectAnswerText();
             container.appendChild(correctAnswerElement);
         }
     };
     VisualizerBase.prototype.renderContentAsync = function (container) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var chartNode;
             return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        container.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("noVisualizerForQuestion");
-                        resolve(container);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        if (!this._chartAdapter) return [3 /*break*/, 2];
+                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div");
+                        container.innerHTML = "";
+                        container.appendChild(chartNode);
+                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        container.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("noVisualizerForQuestion");
+                        _a.label = 3;
+                    case 3: return [2 /*return*/, container];
+                }
             });
         });
     };
@@ -14722,23 +14535,23 @@ var VisualizerBase = /** @class */ (function () {
         var _this = this;
         container.innerHTML = "";
         if (this.hasFooter) {
-            var footerTitleElement = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("h4", "sa-visualizer__footer-title", { innerText: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("otherCommentTitle") });
+            var footerTitleElement = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("h4", "sa-visualizer__footer-title", { innerText: _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("otherCommentTitle") });
             container.appendChild(footerTitleElement);
-            var footerContentElement_1 = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__footer-content");
+            var footerContentElement_1 = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__footer-content");
             footerContentElement_1.style.display = VisualizerBase.otherCommentCollapsed
                 ? "none"
                 : "block";
-            var visibilityButton_1 = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createButton(function () {
+            var visibilityButton_1 = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createButton(function () {
                 if (footerContentElement_1.style.display === "none") {
                     footerContentElement_1.style.display = "block";
-                    visibilityButton_1.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("hideButton");
+                    visibilityButton_1.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("hideButton");
                 }
                 else {
                     footerContentElement_1.style.display = "none";
-                    visibilityButton_1.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString(VisualizerBase.otherCommentCollapsed ? "showButton" : "hideButton");
+                    visibilityButton_1.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString(VisualizerBase.otherCommentCollapsed ? "showButton" : "hideButton");
                 }
                 _this.footerVisualizer.invokeOnUpdate();
-            }, _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("showButton") /*, "sa-toolbar__button--right"*/);
+            }, _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("showButton") /*, "sa-toolbar__button--right"*/);
             container.appendChild(visibilityButton_1);
             container.appendChild(footerContentElement_1);
             this.footerVisualizer.render(footerContentElement_1);
@@ -14753,18 +14566,18 @@ var VisualizerBase = /** @class */ (function () {
             targetElement = document.getElementById(targetElement);
         }
         this.renderResult = targetElement;
-        this.toolbarContainer = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__toolbar");
+        this.toolbarContainer = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__toolbar");
         targetElement.appendChild(this.toolbarContainer);
         this.renderToolbar(this.toolbarContainer);
         if (this.hasHeader) {
-            this.headerContainer = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__header");
+            this.headerContainer = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__header");
             targetElement.appendChild(this.headerContainer);
             this.renderHeader(this.headerContainer);
         }
-        this.contentContainer = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__content");
+        this.contentContainer = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__content");
         targetElement.appendChild(this.contentContainer);
         this.renderContent(this.contentContainer);
-        this.footerContainer = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div", "sa-visualizer__footer");
+        this.footerContainer = _utils__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createElement("div", "sa-visualizer__footer");
         targetElement.appendChild(this.footerContainer);
         this.renderFooter(this.footerContainer);
     };
@@ -14777,10 +14590,23 @@ var VisualizerBase = /** @class */ (function () {
             });
         }
     };
-    VisualizerBase.prototype.updateContent = function () {
+    VisualizerBase.prototype.isSupportSoftUpdateContent = function () {
+        return false;
+    };
+    VisualizerBase.prototype.softUpdateContent = function () {
+    };
+    VisualizerBase.prototype.hardUpdateContent = function () {
         this.destroyContent(this.contentContainer);
         this.renderContent(this.contentContainer);
     };
+    VisualizerBase.prototype.updateContent = function () {
+        if (!this.isSupportSoftUpdateContent()) {
+            this.hardUpdateContent();
+        }
+        else {
+            this.softUpdateContent();
+        }
+    };
     /**
      * Re-renders the visualizer and its content.
      */
@@ -14876,10 +14702,10 @@ var VisualizerBase = /** @class */ (function () {
         if (!!this._getDataCore) {
             return this._getDataCore(this);
         }
-        return defaultStatisticsCalculator(this.surveyData, this);
+        return (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_7__.defaultStatisticsCalculator)(this.surveyData, this);
     };
     VisualizerBase.prototype.renderLoadingIndicator = function (contentContainer) {
-        contentContainer.appendChild((0,_utils__WEBPACK_IMPORTED_MODULE_4__.createLoadingIndicator)());
+        contentContainer.appendChild((0,_utils__WEBPACK_IMPORTED_MODULE_5__.createLoadingIndicator)());
     };
     VisualizerBase.prototype.convertFromExternalData = function (externalCalculatedData) {
         return externalCalculatedData;
@@ -14967,7 +14793,7 @@ var VisualizerBase = /** @class */ (function () {
             if (!!survey) {
                 return survey.locale;
             }
-            return _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.currentLocale;
+            return _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.currentLocale;
         },
         set: function (newLocale) {
             this.setLocale(newLocale);
@@ -14978,13 +14804,14 @@ var VisualizerBase = /** @class */ (function () {
         configurable: true
     });
     VisualizerBase.prototype.setLocale = function (newLocale) {
-        _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.currentLocale = newLocale;
+        _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.currentLocale = newLocale;
         var survey = this.options.survey;
         if (!!survey && survey.locale !== newLocale) {
             survey.locale = newLocale;
         }
     };
     VisualizerBase.suppressVisualizerStubRendering = false;
+    VisualizerBase.chartAdapterType = undefined;
     // public static otherCommentQuestionType = "comment"; // TODO: make it configureable - allow choose what kind of question/visualizer will be used for comments/others
     VisualizerBase.otherCommentCollapsed = true;
     VisualizerBase.customColors = [];
@@ -15003,63 +14830,7 @@ var VisualizerBase = /** @class */ (function () {
     return VisualizerBase;
 }());
 
-function defaultStatisticsCalculator(data, dataInfo) {
-    var dataNames = dataInfo.dataNames;
-    var statistics = [];
-    var values = dataInfo.getValues();
-    var valuesIndex = {};
-    values.forEach(function (val, index) {
-        valuesIndex[val] = index;
-    });
-    var processMissingAnswers = values.indexOf(undefined) !== -1;
-    var series = dataInfo.getSeriesValues();
-    var seriesIndex = {};
-    series.forEach(function (val, index) {
-        seriesIndex[val] = index;
-    });
-    var seriesLength = series.length || 1;
-    for (var i = 0; i < dataNames.length; ++i) {
-        var dataNameStatistics = new Array();
-        for (var j = 0; j < seriesLength; ++j) {
-            dataNameStatistics.push(new Array(values.length).fill(0));
-        }
-        statistics.push(dataNameStatistics);
-    }
-    data.forEach(function (row) {
-        dataNames.forEach(function (dataName, index) {
-            var rowValue = row[dataName];
-            if (rowValue !== undefined || processMissingAnswers) {
-                var rowValues = Array.isArray(rowValue) ? rowValue : [rowValue];
-                if (series.length > 0) {
-                    if (row[_dataProvider__WEBPACK_IMPORTED_MODULE_2__.DataProvider.seriesMarkerKey] !== undefined) {
-                        // Series are labelled by seriesMarkerKey in row data
-                        var seriesNo_1 = seriesIndex[row[_dataProvider__WEBPACK_IMPORTED_MODULE_2__.DataProvider.seriesMarkerKey]] || 0;
-                        rowValues.forEach(function (val) {
-                            statistics[index][seriesNo_1][valuesIndex[val]]++;
-                        });
-                    }
-                    else {
-                        // Series are the keys in question value (matrix question)
-                        // TODO: think about the de-normalization and combine with the previous case
-                        rowValues.forEach(function (val) {
-                            series.forEach(function (seriesName) {
-                                if (val[seriesName] !== undefined) {
-                                    var seriesNo = seriesIndex[seriesName] || 0;
-                                    statistics[index][seriesNo][valuesIndex[val[seriesName]]]++;
-                                }
-                            });
-                        });
-                    }
-                }
-                else {
-                    // No series
-                    rowValues.forEach(function (val) { return statistics[0][0][valuesIndex[val]]++; });
-                }
-            }
-        });
-    });
-    return dataInfo.dataNames.length > 1 ? statistics : statistics[0];
-}
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.defaultVisualizer = VisualizerBase;
 
 
 /***/ }),
@@ -17056,11 +16827,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NumberModel: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.NumberModel),
 /* harmony export */   PivotModel: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.PivotModel),
 /* harmony export */   PivotPlotly: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.PivotPlotly),
-/* harmony export */   PlotlyBoolChartAdapter: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.PlotlyBoolChartAdapter),
 /* harmony export */   PlotlyChartAdapter: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.PlotlyChartAdapter),
-/* harmony export */   PlotlyGaugeAdapter: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.PlotlyGaugeAdapter),
 /* harmony export */   PlotlySetup: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.PlotlySetup),
 /* harmony export */   PostponeHelper: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.PostponeHelper),
+/* harmony export */   RankingModel: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.RankingModel),
 /* harmony export */   RankingPlotly: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.RankingPlotly),
 /* harmony export */   SelectBase: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.SelectBase),
 /* harmony export */   SelectBasePlotly: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.SelectBasePlotly),
@@ -17077,9 +16847,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   VisualizerFactory: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.VisualizerFactory),
 /* harmony export */   WordCloud: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.WordCloud),
 /* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.WordCloudAdapter),
-/* harmony export */   defaultStatisticsCalculator: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.defaultStatisticsCalculator),
 /* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.hideEmptyAnswersInData),
 /* harmony export */   localization: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.localization),
+/* harmony export */   plotlyChartTypes: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_0__.plotlyChartTypes),
 /* harmony export */   surveyStrings: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.surveyStrings),
 /* harmony export */   textHelper: () => (/* reexport safe */ _summary_core__WEBPACK_IMPORTED_MODULE_1__.textHelper)
 /* harmony export */ });