gridviz 3.0.26 → 3.0.27

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.
Files changed (66) hide show
  1. package/README.md +128 -128
  2. package/dist/gridviz.js +8630 -8620
  3. package/dist/gridviz.min.js +1 -1
  4. package/package.json +73 -73
  5. package/src/button/Button.js +67 -67
  6. package/src/button/FullscreenButton.js +121 -121
  7. package/src/button/ZoomButtons.js +103 -103
  8. package/src/core/Dataset.js +154 -154
  9. package/src/core/Drawable.js +78 -78
  10. package/src/core/GeoCanvas.js +443 -443
  11. package/src/core/Layer.js +23 -23
  12. package/src/core/Legend.js +108 -108
  13. package/src/core/Map.js +544 -544
  14. package/src/core/MultiResolutionDataset.js +93 -93
  15. package/src/core/Style.js +98 -98
  16. package/src/core/Tooltip.js +182 -182
  17. package/src/dataset/COGeo.js +25 -25
  18. package/src/dataset/CSVGrid.js +112 -112
  19. package/src/dataset/GeoTIFF.js +122 -122
  20. package/src/dataset/JSGrid.js +55 -55
  21. package/src/dataset/TiledGrid.js +302 -302
  22. package/src/dataset/worker.js +18 -18
  23. package/src/index.js +77 -77
  24. package/src/layer/BackgroundLayer.js +173 -173
  25. package/src/layer/BackgroundLayerImage.js +81 -81
  26. package/src/layer/BackgroundLayerWMS.js +104 -104
  27. package/src/layer/GeoJSONLayer.js +224 -214
  28. package/src/layer/GridLayer.js +148 -148
  29. package/src/layer/LabelLayer.js +194 -194
  30. package/src/legend/ColorCategoryLegend.js +109 -109
  31. package/src/legend/ColorDiscreteLegend.js +100 -100
  32. package/src/legend/ColorLegend.js +115 -115
  33. package/src/legend/OrientationLegend.js +89 -89
  34. package/src/legend/SizeLegend.js +224 -224
  35. package/src/legend/TernaryLegend.js +302 -302
  36. package/src/style/CompositionStyle.js +291 -291
  37. package/src/style/ContourStyle.js +21 -21
  38. package/src/style/DotDensityStyle.js +133 -133
  39. package/src/style/ImageStyle.js +100 -100
  40. package/src/style/IsoFenceStyle.js +217 -217
  41. package/src/style/JoyPlotStyle.js +127 -127
  42. package/src/style/LegoStyle.js +110 -110
  43. package/src/style/MosaicStyle.js +99 -99
  44. package/src/style/NinjaStarStyle.js +102 -102
  45. package/src/style/PillarStyle.js +207 -207
  46. package/src/style/SegmentStyle.js +105 -105
  47. package/src/style/ShapeColorSizeStyle.js +147 -147
  48. package/src/style/SideCategoryStyle.js +112 -112
  49. package/src/style/SideStyle.js +212 -212
  50. package/src/style/SquareColorCategoryWebGLStyle.js +107 -107
  51. package/src/style/SquareColorWebGLStyle.js +126 -126
  52. package/src/style/StrokeStyle.js +135 -135
  53. package/src/style/TanakaStyle.js +69 -69
  54. package/src/style/TextStyle.js +110 -110
  55. package/src/style/TimeSeriesStyle.js +222 -222
  56. package/src/utils/WebGLRectangleColoring.js +106 -106
  57. package/src/utils/WebGLSquareColoring.js +118 -118
  58. package/src/utils/WebGLSquareColoringAdvanced.js +230 -230
  59. package/src/utils/WebGLSquareColoringCatAdvanced.js +133 -133
  60. package/src/utils/WebGLSquareColoringKS.js +153 -153
  61. package/src/utils/scale.js +218 -218
  62. package/src/utils/stretching.js +120 -120
  63. package/src/utils/ternary.js +208 -208
  64. package/src/utils/utils.js +58 -58
  65. package/src/utils/webGLUtils.js +72 -72
  66. package/src/utils/zoomUtils.js +142 -142
package/src/core/Layer.js CHANGED
@@ -1,23 +1,23 @@
1
- //@ts-check
2
- 'use strict'
3
-
4
- import { Drawable } from './Drawable.js'
5
-
6
- /**
7
- * @module core
8
- * @abstract
9
- * @author Joseph Davies, Julien Gaffuri
10
- */
11
- export class Layer extends Drawable {
12
- /**
13
- * Draw layer.
14
- *
15
- * @param {import("./GeoCanvas").GeoCanvas} geoCanvas The canvas where to draw the layer.
16
- * @param {object} legend
17
- * @returns {void}
18
- * @abstract
19
- */
20
- draw(geoCanvas, legend = undefined) {
21
- throw new Error('Method draw not implemented.')
22
- }
23
- }
1
+ //@ts-check
2
+ 'use strict'
3
+
4
+ import { Drawable } from './Drawable.js'
5
+
6
+ /**
7
+ * @module core
8
+ * @abstract
9
+ * @author Joseph Davies, Julien Gaffuri
10
+ */
11
+ export class Layer extends Drawable {
12
+ /**
13
+ * Draw layer.
14
+ *
15
+ * @param {import("./GeoCanvas").GeoCanvas} geoCanvas The canvas where to draw the layer.
16
+ * @param {object} legend
17
+ * @returns {void}
18
+ * @abstract
19
+ */
20
+ draw(geoCanvas, legend = undefined) {
21
+ throw new Error('Method draw not implemented.')
22
+ }
23
+ }
@@ -1,108 +1,108 @@
1
- //@ts-check
2
- 'use strict'
3
-
4
- import { select } from 'd3-selection'
5
-
6
- /**
7
- * A legend container.
8
- *
9
- * @module core
10
- * @author Joseph Davies, Julien Gaffuri
11
- */
12
- export class Legend {
13
- /**
14
- * @param {Object} opts
15
- */
16
- constructor(opts) {
17
- opts = opts || {}
18
-
19
- /** @type {string} */
20
- this.id = opts.id
21
-
22
- //TODO stop using it. Use style method below instead.
23
-
24
- /** @type {number} @deprecated */
25
- this.top = opts.top
26
- /** @type {number} @deprecated */
27
- this.bottom = opts.bottom
28
- /** @type {number} @deprecated */
29
- this.left = opts.left
30
- /** @type {number} @deprecated */
31
- this.right = opts.right
32
- /** @type {string} @deprecated */
33
- this.background = opts.background || 'none'
34
- /** @type {string} @deprecated */
35
- this.padding = opts.padding || '5px'
36
- /** @type {string} @deprecated */
37
- this.border = opts.border || '0px'
38
- /** @type {string} @deprecated */
39
- this['border-radius'] = opts['border-radius'] || 'none'
40
- /** @type {string} @deprecated */
41
- this['box-shadow'] = opts['box-shadow'] || 'none'
42
- /** @type {string} @deprecated */
43
- this['font-family'] = opts['font-family'] || 'Helvetica, Arial, sans-serif'
44
- /** @type {string} @deprecated */
45
- //this.width = opts.width
46
- /** @type {string} @deprecated */
47
- //this.height = opts.height
48
-
49
- //the div element
50
- if (this.id) this.div = select('#' + this.id)
51
-
52
- if (!this.div || this.div.empty()) {
53
- this.div = select(document.createElement('div'))
54
- if (this.id) this.div.attr('id', this.id)
55
- }
56
-
57
- //set style
58
- this.div.style('background', this.background)
59
- this.div.style('padding', this.padding)
60
- this.div.style('border', this.border)
61
- this.div.style('border-radius', this['border-radius'])
62
- this.div.style('box-shadow', this['box-shadow'])
63
- this.div.style('font-family', this['font-family'])
64
-
65
- //if (this.width) this.div.style('width', this.width)
66
- //if (this.height) this.div.style('height', this.height)
67
-
68
- //title
69
- this.title = opts.title
70
- this.titleFontSize = opts.titleFontSize || '0.8em'
71
- this.titleFontWeight = opts.titleFontWeight || 'bold'
72
-
73
- //label
74
- this.labelFontSize = opts.labelFontSize || '0.8em'
75
- this.labelUnitText = opts.labelUnitText || ''
76
- this.labelFormat = opts.labelFormat
77
- }
78
-
79
- makeTitle() {
80
- if (!this.title) return
81
- this.div
82
- .append('div')
83
- .style('font-size', this.titleFontSize)
84
- .style('font-weight', this.titleFontWeight)
85
- .style('margin-bottom', '7px')
86
- .text(this.title)
87
- }
88
-
89
- /**
90
- * Apply a style to the legend div.
91
- * @param {string} k
92
- * @param {string} v
93
- * @returns {this|string}
94
- */
95
- style(k, v) {
96
- if (arguments.length == 1) return this.div.style(k)
97
- this.div.style(k, v)
98
- return this
99
- }
100
-
101
- /**
102
- * @param {Object} opts
103
- * @abstract
104
- */
105
- update(opts = {}) {
106
- console.error('Legend update not implemented yet.')
107
- }
108
- }
1
+ //@ts-check
2
+ 'use strict'
3
+
4
+ import { select } from 'd3-selection'
5
+
6
+ /**
7
+ * A legend container.
8
+ *
9
+ * @module core
10
+ * @author Joseph Davies, Julien Gaffuri
11
+ */
12
+ export class Legend {
13
+ /**
14
+ * @param {Object} opts
15
+ */
16
+ constructor(opts) {
17
+ opts = opts || {}
18
+
19
+ /** @type {string} */
20
+ this.id = opts.id
21
+
22
+ //TODO stop using it. Use style method below instead.
23
+
24
+ /** @type {number} @deprecated */
25
+ this.top = opts.top
26
+ /** @type {number} @deprecated */
27
+ this.bottom = opts.bottom
28
+ /** @type {number} @deprecated */
29
+ this.left = opts.left
30
+ /** @type {number} @deprecated */
31
+ this.right = opts.right
32
+ /** @type {string} @deprecated */
33
+ this.background = opts.background || 'none'
34
+ /** @type {string} @deprecated */
35
+ this.padding = opts.padding || '5px'
36
+ /** @type {string} @deprecated */
37
+ this.border = opts.border || '0px'
38
+ /** @type {string} @deprecated */
39
+ this['border-radius'] = opts['border-radius'] || 'none'
40
+ /** @type {string} @deprecated */
41
+ this['box-shadow'] = opts['box-shadow'] || 'none'
42
+ /** @type {string} @deprecated */
43
+ this['font-family'] = opts['font-family'] || 'Helvetica, Arial, sans-serif'
44
+ /** @type {string} @deprecated */
45
+ //this.width = opts.width
46
+ /** @type {string} @deprecated */
47
+ //this.height = opts.height
48
+
49
+ //the div element
50
+ if (this.id) this.div = select('#' + this.id)
51
+
52
+ if (!this.div || this.div.empty()) {
53
+ this.div = select(document.createElement('div'))
54
+ if (this.id) this.div.attr('id', this.id)
55
+ }
56
+
57
+ //set style
58
+ this.div.style('background', this.background)
59
+ this.div.style('padding', this.padding)
60
+ this.div.style('border', this.border)
61
+ this.div.style('border-radius', this['border-radius'])
62
+ this.div.style('box-shadow', this['box-shadow'])
63
+ this.div.style('font-family', this['font-family'])
64
+
65
+ //if (this.width) this.div.style('width', this.width)
66
+ //if (this.height) this.div.style('height', this.height)
67
+
68
+ //title
69
+ this.title = opts.title
70
+ this.titleFontSize = opts.titleFontSize || '0.8em'
71
+ this.titleFontWeight = opts.titleFontWeight || 'bold'
72
+
73
+ //label
74
+ this.labelFontSize = opts.labelFontSize || '0.8em'
75
+ this.labelUnitText = opts.labelUnitText || ''
76
+ this.labelFormat = opts.labelFormat
77
+ }
78
+
79
+ makeTitle() {
80
+ if (!this.title) return
81
+ this.div
82
+ .append('div')
83
+ .style('font-size', this.titleFontSize)
84
+ .style('font-weight', this.titleFontWeight)
85
+ .style('margin-bottom', '7px')
86
+ .text(this.title)
87
+ }
88
+
89
+ /**
90
+ * Apply a style to the legend div.
91
+ * @param {string} k
92
+ * @param {string} v
93
+ * @returns {this|string}
94
+ */
95
+ style(k, v) {
96
+ if (arguments.length == 1) return this.div.style(k)
97
+ this.div.style(k, v)
98
+ return this
99
+ }
100
+
101
+ /**
102
+ * @param {Object} opts
103
+ * @abstract
104
+ */
105
+ update(opts = {}) {
106
+ console.error('Legend update not implemented yet.')
107
+ }
108
+ }