@vizabi/bubblechart 3.14.1 → 3.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/bubblechart.js +74 -69
- package/build/bubblechart.js.map +1 -1
- package/build/stats.html +1371 -616
- package/package.json +2 -2
package/build/bubblechart.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
// https://github.com/vizabi/bubblechart#readme v3.14.
|
|
1
|
+
// https://github.com/vizabi/bubblechart#readme v3.14.3 build 1664476338438 Copyright 2022 Gapminder Foundation and contributors
|
|
2
2
|
(function (global, factory) {
|
|
3
3
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('VizabiSharedComponents'), require('mobx')) :
|
|
4
4
|
typeof define === 'function' && define.amd ? define(['VizabiSharedComponents', 'mobx'], factory) :
|
|
5
5
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.BubbleChart = factory(global.VizabiSharedComponents, global.mobx));
|
|
6
|
-
}(this, (function (VizabiSharedComponents, mobx) { 'use strict';
|
|
6
|
+
})(this, (function (VizabiSharedComponents, mobx) { 'use strict';
|
|
7
7
|
|
|
8
8
|
class PanZoom {
|
|
9
9
|
|
|
@@ -945,68 +945,69 @@
|
|
|
945
945
|
}];
|
|
946
946
|
|
|
947
947
|
config.template = `
|
|
948
|
-
<svg class="vzb-bubblechart-svg vzb-
|
|
949
|
-
<
|
|
950
|
-
<g class="vzb-bc-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
948
|
+
<svg class="vzb-bubblechart-svg vzb-export">
|
|
949
|
+
<svg class="vzb-bubblechart-svg-back">
|
|
950
|
+
<g class="vzb-bc-graph">
|
|
951
|
+
<g class="vzb-bc-date"></g>
|
|
952
|
+
<svg class="vzb-bc-axis-x"><g></g></svg>
|
|
953
|
+
<svg class="vzb-bc-axis-y"><g></g></svg>
|
|
954
|
+
<line class="vzb-bc-projection-x"></line>
|
|
955
|
+
<line class="vzb-bc-projection-y"></line>
|
|
956
|
+
</g>
|
|
957
|
+
</svg>
|
|
958
|
+
<svg class="vzb-bubblechart-svg-main">
|
|
959
|
+
<g class="vzb-bc-graph">
|
|
960
|
+
<g class="vzb-bc-axis-x-title"><text></text></g>
|
|
961
|
+
<g class="vzb-bc-axis-x-info vzb-noexport"></g>
|
|
962
|
+
|
|
963
|
+
<g class="vzb-bc-axis-y-title"><text></text></g>
|
|
964
|
+
<g class="vzb-bc-axis-y-info vzb-noexport"></g>
|
|
965
|
+
<svg class="vzb-bc-bubbles-crop">
|
|
966
|
+
<g class="vzb-zoom-selection"></g>
|
|
967
|
+
<rect class="vzb-bc-eventarea"></rect>
|
|
968
|
+
<g class="vzb-bc-trails"></g>
|
|
969
|
+
<g class="vzb-bc-bubbles"></g>
|
|
970
|
+
<rect class="vzb-bc-forecastoverlay vzb-hidden" x="0" y="0" width="100%" height="100%" fill="url(#vzb-bc-pattern-lines-${config.id})" pointer-events='none'></rect>
|
|
971
|
+
</svg>
|
|
972
|
+
|
|
973
|
+
<g class="vzb-bc-axis-y-subtitle"><text></text></g>
|
|
974
|
+
<g class="vzb-bc-axis-x-subtitle"><text></text></g>
|
|
975
|
+
<g class="vzb-bc-axis-s-title"><text></text></g>
|
|
976
|
+
<g class="vzb-bc-axis-c-title"><text></text></g>
|
|
977
|
+
|
|
978
|
+
<rect class="vzb-bc-zoom-rect"></rect>
|
|
979
|
+
</g>
|
|
980
|
+
<g class="vzb-datawarning-button vzb-noexport"></g>
|
|
981
|
+
</svg>
|
|
982
|
+
<svg class="vzb-bubblechart-svg-front">
|
|
983
|
+
<g class="vzb-bc-graph">
|
|
984
|
+
<svg class="vzb-bc-bubbles-crop">
|
|
985
|
+
<g class="vzb-bc-decorations">
|
|
986
|
+
<line class="vzb-bc-line-equal-xy vzb-invisible"></line>
|
|
987
|
+
<g class="vzb-bc-x-axis-groups"></g>
|
|
988
|
+
</g>
|
|
989
|
+
<g class="vzb-bc-lines"></g>
|
|
990
|
+
<g class="vzb-bc-bubble-crown vzb-hidden">
|
|
991
|
+
<circle class="vzb-crown-glow"></circle>
|
|
992
|
+
<circle class="vzb-crown"></circle>
|
|
993
|
+
</g>
|
|
994
|
+
</svg>
|
|
995
|
+
<svg class="vzb-bc-labels-crop">
|
|
996
|
+
<g class="vzb-bc-labels"></g>
|
|
997
|
+
</svg>
|
|
998
|
+
</g>
|
|
999
|
+
</svg>
|
|
1000
|
+
<svg width="0" height="0">
|
|
1001
|
+
<defs>
|
|
1002
|
+
<filter class="vzb-noexport" id="vzb-glow-filter-${config.id}" x="-50%" y="-50%" width="200%" height="200%">
|
|
1003
|
+
<feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur>
|
|
1004
|
+
</filter>
|
|
1005
|
+
<pattern class="vzb-noexport" id="vzb-bc-pattern-lines-${config.id}" x="0" y="0" patternUnits="userSpaceOnUse" width="50" height="50" viewBox="0 0 10 10">
|
|
1006
|
+
<path d='M-1,1 l2,-2M0,10 l10,-10M9,11 l2,-2' stroke='black' stroke-width='3' opacity='0.08'/>
|
|
1007
|
+
</pattern>
|
|
1008
|
+
</defs>
|
|
1009
|
+
</svg>
|
|
956
1010
|
</svg>
|
|
957
|
-
<svg class="vzb-bubblechart-svg vzb-bubblechart-svg-main vzb-export">
|
|
958
|
-
<g class="vzb-bc-graph">
|
|
959
|
-
<g class="vzb-bc-axis-x-title"><text></text></g>
|
|
960
|
-
<g class="vzb-bc-axis-x-info vzb-noexport"></g>
|
|
961
|
-
|
|
962
|
-
<g class="vzb-bc-axis-y-title"><text></text></g>
|
|
963
|
-
<g class="vzb-bc-axis-y-info vzb-noexport"></g>
|
|
964
|
-
<svg class="vzb-bc-bubbles-crop">
|
|
965
|
-
<g class="vzb-zoom-selection"></g>
|
|
966
|
-
<rect class="vzb-bc-eventarea"></rect>
|
|
967
|
-
<g class="vzb-bc-trails"></g>
|
|
968
|
-
<g class="vzb-bc-bubbles"></g>
|
|
969
|
-
<rect class="vzb-bc-forecastoverlay vzb-hidden" x="0" y="0" width="100%" height="100%" fill="url(#vzb-bc-pattern-lines-${config.id})" pointer-events='none'></rect>
|
|
970
|
-
</svg>
|
|
971
|
-
|
|
972
|
-
<g class="vzb-bc-axis-y-subtitle"><text></text></g>
|
|
973
|
-
<g class="vzb-bc-axis-x-subtitle"><text></text></g>
|
|
974
|
-
<g class="vzb-bc-axis-s-title"><text></text></g>
|
|
975
|
-
<g class="vzb-bc-axis-c-title"><text></text></g>
|
|
976
|
-
|
|
977
|
-
<rect class="vzb-bc-zoom-rect"></rect>
|
|
978
|
-
</g>
|
|
979
|
-
<g class="vzb-datawarning-button vzb-noexport"></g>
|
|
980
|
-
</svg>
|
|
981
|
-
<svg class="vzb-bubblechart-svg vzb-bubblechart-svg-front vzb-export">
|
|
982
|
-
<g class="vzb-bc-graph">
|
|
983
|
-
<svg class="vzb-bc-bubbles-crop">
|
|
984
|
-
<g class="vzb-bc-decorations">
|
|
985
|
-
<line class="vzb-bc-line-equal-xy vzb-invisible"></line>
|
|
986
|
-
<g class="vzb-bc-x-axis-groups"></g>
|
|
987
|
-
</g>
|
|
988
|
-
<g class="vzb-bc-lines"></g>
|
|
989
|
-
<g class="vzb-bc-bubble-crown vzb-hidden">
|
|
990
|
-
<circle class="vzb-crown-glow"></circle>
|
|
991
|
-
<circle class="vzb-crown"></circle>
|
|
992
|
-
</g>
|
|
993
|
-
</svg>
|
|
994
|
-
<svg class="vzb-bc-labels-crop">
|
|
995
|
-
<g class="vzb-bc-labels"></g>
|
|
996
|
-
</svg>
|
|
997
|
-
</g>
|
|
998
|
-
</svg>
|
|
999
|
-
<svg width="0" height="0">
|
|
1000
|
-
<defs>
|
|
1001
|
-
<filter id="vzb-glow-filter-${config.id}" x="-50%" y="-50%" width="200%" height="200%">
|
|
1002
|
-
<feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur>
|
|
1003
|
-
</filter>
|
|
1004
|
-
<pattern id="vzb-bc-pattern-lines-${config.id}" x="0" y="0" patternUnits="userSpaceOnUse" width="50" height="50" viewBox="0 0 10 10">
|
|
1005
|
-
<path d='M-1,1 l2,-2M0,10 l10,-10M9,11 l2,-2' stroke='black' stroke-width='3' opacity='0.08'/>
|
|
1006
|
-
</pattern>
|
|
1007
|
-
</defs>
|
|
1008
|
-
</svg>
|
|
1009
|
-
<!-- This could possibly be another component -->
|
|
1010
1011
|
<div class="vzb-tooltip vzb-hidden vzb-tooltip-mobile"></div>
|
|
1011
1012
|
`;
|
|
1012
1013
|
|
|
@@ -1184,8 +1185,8 @@
|
|
|
1184
1185
|
selected: this.model.encoding.selected,
|
|
1185
1186
|
highlighted: this.model.encoding.highlighted,
|
|
1186
1187
|
superHighlighted: this.model.encoding.superhighlighted,
|
|
1187
|
-
y: this.model.encoding[this.state.alias
|
|
1188
|
-
x: this.model.encoding[this.state.alias
|
|
1188
|
+
y: this.model.encoding[this.state.alias?.y || "y"],
|
|
1189
|
+
x: this.model.encoding[this.state.alias?.x || "x"],
|
|
1189
1190
|
size: this.model.encoding.size,
|
|
1190
1191
|
color: this.model.encoding.color,
|
|
1191
1192
|
label: this.model.encoding.label,
|
|
@@ -1939,10 +1940,12 @@
|
|
|
1939
1940
|
|
|
1940
1941
|
yTitleEl.select("text").text(this.strings.title_short.Y + (compl.Y ? " · " + compl.Y : "") + " ")
|
|
1941
1942
|
.append("tspan")
|
|
1943
|
+
.classed("vzb-noexport", true)
|
|
1942
1944
|
.style("font-size", (infoElHeight * 0.7) + "px")
|
|
1943
1945
|
.text("▼");
|
|
1944
1946
|
xTitleEl.select("text").text(this.strings.title_short.X + (compl.X ? " · " + compl.X : "") + " ")
|
|
1945
1947
|
.append("tspan")
|
|
1948
|
+
.classed("vzb-noexport", true)
|
|
1946
1949
|
.style("font-size", (infoElHeight * 0.7) + "px")
|
|
1947
1950
|
.text("▼");
|
|
1948
1951
|
} else {
|
|
@@ -2541,7 +2544,7 @@
|
|
|
2541
2544
|
}
|
|
2542
2545
|
|
|
2543
2546
|
_alias(enc) {
|
|
2544
|
-
return this.state.alias[enc] || enc;
|
|
2547
|
+
return this.state.alias?.[enc] || enc;
|
|
2545
2548
|
}
|
|
2546
2549
|
}
|
|
2547
2550
|
|
|
@@ -2598,7 +2601,7 @@
|
|
|
2598
2601
|
|
|
2599
2602
|
constructor(config){
|
|
2600
2603
|
|
|
2601
|
-
const markerName = config.options
|
|
2604
|
+
const markerName = config.options?.markerNames?.bubble || "bubble";
|
|
2602
2605
|
const fullMarker = config.model.markers[markerName];
|
|
2603
2606
|
config.Vizabi.utils.applyDefaults(fullMarker.config, BubbleChart.DEFAULT_CORE(markerName));
|
|
2604
2607
|
|
|
@@ -2700,6 +2703,8 @@
|
|
|
2700
2703
|
}
|
|
2701
2704
|
};
|
|
2702
2705
|
|
|
2706
|
+
BubbleChart.mainComponent = VizabiBubbleChart;
|
|
2707
|
+
|
|
2703
2708
|
BubbleChart.DEFAULT_CORE = (markerName) => ({
|
|
2704
2709
|
requiredEncodings: ["x", "y", "size"],
|
|
2705
2710
|
encoding: {
|
|
@@ -2746,9 +2751,9 @@
|
|
|
2746
2751
|
}
|
|
2747
2752
|
});
|
|
2748
2753
|
|
|
2749
|
-
BubbleChart.versionInfo = { version: "3.14.
|
|
2754
|
+
BubbleChart.versionInfo = { version: "3.14.3", build: 1664476338438, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: VizabiSharedComponents.versionInfo};
|
|
2750
2755
|
|
|
2751
2756
|
return BubbleChart;
|
|
2752
2757
|
|
|
2753
|
-
}))
|
|
2758
|
+
}));
|
|
2754
2759
|
//# sourceMappingURL=bubblechart.js.map
|