@splunk/visualizations 28.7.0 → 28.8.0
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/Area.js +2 -2
- package/Area.js.map +2 -2
- package/Bar.js +2 -2
- package/Bar.js.map +2 -2
- package/Bubble.js +2 -2
- package/Bubble.js.map +2 -2
- package/CHANGELOG.external.md +26 -0
- package/ChoroplethSvg.js +2 -2
- package/ChoroplethSvg.js.map +2 -2
- package/Column.js +2 -2
- package/Column.js.map +2 -2
- package/Ellipse.js +2 -2
- package/Ellipse.js.map +2 -2
- package/Events.js +2 -2
- package/Events.js.map +2 -2
- package/FillerGauge.js +10 -5
- package/FillerGauge.js.map +2 -2
- package/Image.js +2 -2
- package/Image.js.map +2 -2
- package/Line.js +2 -2
- package/Line.js.map +2 -2
- package/LinkGraph.js +2 -2
- package/LinkGraph.js.map +2 -2
- package/Map.js +2 -2
- package/Map.js.map +2 -2
- package/Markdown.config.js +1 -1
- package/Markdown.config.js.map +1 -1
- package/Markdown.js +3 -3
- package/Markdown.js.map +2 -2
- package/MarkerGauge.js +10 -5
- package/MarkerGauge.js.map +2 -2
- package/NetworkGraph.js +2 -2
- package/NetworkGraph.js.map +2 -2
- package/ParallelCoordinates.js +2 -2
- package/ParallelCoordinates.js.map +2 -2
- package/Pie.js +2 -2
- package/Pie.js.map +2 -2
- package/ProcessTree.js +2 -2
- package/ProcessTree.js.map +2 -2
- package/Punchcard.js +2 -2
- package/Punchcard.js.map +2 -2
- package/Rectangle.js +2 -2
- package/Rectangle.js.map +2 -2
- package/RichText/PureRichText/Editor/EditorPanel.d.ts.map +1 -1
- package/RichText/PureRichText/InnerEditor.d.ts +10 -0
- package/RichText/PureRichText/InnerEditor.d.ts.map +1 -1
- package/RichText/PureRichText/PureRichText.d.ts +17 -0
- package/RichText/PureRichText/PureRichText.d.ts.map +1 -1
- package/RichText/PureRichText/PureRichTextContext.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useContentSave.d.ts +6 -0
- package/RichText/PureRichText/hooks/useContentSave.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useContentSync.d.ts +13 -1
- package/RichText/PureRichText/hooks/useContentSync.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useDashboardKeyboardNav.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useEditorSetup.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useFakeHighlight.d.ts +1 -16
- package/RichText/PureRichText/hooks/useFakeHighlight.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useTokenMap.d.ts +37 -35
- package/RichText/PureRichText/hooks/useTokenMap.d.ts.map +1 -1
- package/RichText/PureRichText/renderers/LeafRenderer.d.ts +0 -4
- package/RichText/PureRichText/renderers/LeafRenderer.d.ts.map +1 -1
- package/RichText/PureRichText/types.d.ts +15 -0
- package/RichText/PureRichText/types.d.ts.map +1 -1
- package/RichText/PureRichText/utils/slateUtils.d.ts.map +1 -1
- package/RichText/RichText.d.ts +2 -0
- package/RichText/RichText.d.ts.map +1 -1
- package/RichText/config.d.ts.map +1 -1
- package/RichText.config.js +14 -1
- package/RichText.config.js.map +2 -2
- package/RichText.js +733 -263
- package/RichText.js.map +4 -4
- package/Sankey.js +2 -2
- package/Sankey.js.map +2 -2
- package/Scatter.js +2 -2
- package/Scatter.js.map +2 -2
- package/SingleValue.js +2 -2
- package/SingleValue.js.map +2 -2
- package/SingleValueIcon.js +2 -2
- package/SingleValueIcon.js.map +2 -2
- package/SingleValueRadial.js +2 -2
- package/SingleValueRadial.js.map +2 -2
- package/Table/PureTable.d.ts +2 -0
- package/Table/PureTable.d.ts.map +1 -1
- package/Table/config.d.ts.map +1 -1
- package/Table.config.js +7 -0
- package/Table.config.js.map +2 -2
- package/Table.js +91 -9
- package/Table.js.map +4 -4
- package/Timeline/PureTimeline/PureTimeline.d.ts +6 -5
- package/Timeline/PureTimeline/PureTimeline.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/CursorPlugin.d.ts +1 -0
- package/Timeline/PureTimeline/src/CursorPlugin.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineLegend.d.ts +10 -7
- package/Timeline/PureTimeline/src/TimelineLegend.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineTooltip.d.ts +5 -1
- package/Timeline/PureTimeline/src/TimelineTooltip.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineUplot.d.ts +19 -2
- package/Timeline/PureTimeline/src/TimelineUplot.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineYAxis.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/XAxisPlugin.d.ts +1 -0
- package/Timeline/PureTimeline/src/XAxisPlugin.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts +8 -0
- package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts.map +1 -1
- package/Timeline.js +449 -211
- package/Timeline.js.map +4 -4
- package/Treemap/PureTreemap/components/PureTreemap.d.ts +42 -0
- package/Treemap/PureTreemap/components/PureTreemap.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts +10 -0
- package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapChildCell.d.ts +28 -0
- package/Treemap/PureTreemap/components/TreemapChildCell.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapHeader.d.ts +19 -0
- package/Treemap/PureTreemap/components/TreemapHeader.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts +17 -0
- package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapLegend.d.ts +20 -0
- package/Treemap/PureTreemap/components/TreemapLegend.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapNode.d.ts +5 -0
- package/Treemap/PureTreemap/components/TreemapNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapParentNode.d.ts +10 -0
- package/Treemap/PureTreemap/components/TreemapParentNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts +6 -0
- package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapTooltip.d.ts +17 -0
- package/Treemap/PureTreemap/components/TreemapTooltip.d.ts.map +1 -0
- package/Treemap/PureTreemap/mockdata/data.d.ts +90 -0
- package/Treemap/PureTreemap/mockdata/data.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts +67 -0
- package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts +5 -0
- package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts +14 -0
- package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapLayout.d.ts +49 -0
- package/Treemap/PureTreemap/utils/treemapLayout.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts +81 -0
- package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapTypes.d.ts +37 -0
- package/Treemap/PureTreemap/utils/treemapTypes.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapUtils.d.ts +76 -0
- package/Treemap/PureTreemap/utils/treemapUtils.d.ts.map +1 -0
- package/Treemap/Treemap.d.ts +12 -0
- package/Treemap/Treemap.d.ts.map +1 -0
- package/Treemap/config.d.ts +4 -0
- package/Treemap/config.d.ts.map +1 -0
- package/Treemap/index.d.ts +3 -0
- package/Treemap/index.d.ts.map +1 -0
- package/Treemap.config.js +465 -0
- package/Treemap.config.js.map +7 -0
- package/Treemap.js +6233 -0
- package/Treemap.js.map +7 -0
- package/common/DocExampleWithVizSandbox.js.map +2 -2
- package/common/GaugeMajorTicks.js.map +2 -2
- package/common/GaugeValueMarker.js +1 -0
- package/common/GaugeValueMarker.js.map +2 -2
- package/common/OverviewDoc.js.map +2 -2
- package/common/docUtils.d.ts.map +1 -1
- package/common/docUtils.js +1 -8
- package/common/docUtils.js.map +2 -2
- package/common/gaugeUtils.d.ts.map +1 -1
- package/common/gaugeUtils.js +7 -3
- package/common/gaugeUtils.js.map +2 -2
- package/common/hocs/FixedSizeContainer.d.ts.map +1 -1
- package/common/hooks/useDynamicHeight.d.ts +67 -0
- package/common/hooks/useDynamicHeight.d.ts.map +1 -0
- package/common/interfaces/VizCategory.d.ts +2 -1
- package/common/interfaces/VizCategory.d.ts.map +1 -1
- package/common/withDashboardViz.js +2 -2
- package/common/withDashboardViz.js.map +2 -2
- package/docs-llm/INDEX.md +1 -0
- package/docs-llm/area/options.md +84 -84
- package/docs-llm/bar/options.md +77 -77
- package/docs-llm/bubble/options.md +51 -51
- package/docs-llm/choropleth-svg/options.md +5 -5
- package/docs-llm/column/options.md +82 -82
- package/docs-llm/ellipse/options.md +6 -6
- package/docs-llm/events/options.md +6 -6
- package/docs-llm/filler-gauge/options.md +16 -16
- package/docs-llm/image/options.md +3 -3
- package/docs-llm/line/options.md +82 -82
- package/docs-llm/link-graph/options.md +16 -16
- package/docs-llm/map/options.md +12 -12
- package/docs-llm/markdown/options.md +7 -7
- package/docs-llm/marker-gauge/options.md +16 -16
- package/docs-llm/network-graph/options.md +39 -39
- package/docs-llm/parallel-coordinates/options.md +4 -4
- package/docs-llm/pie/options.md +23 -23
- package/docs-llm/process-tree/options.md +22 -22
- package/docs-llm/punchcard/options.md +23 -23
- package/docs-llm/pure-rich-text/options.md +6 -5
- package/docs-llm/rectangle/options.md +9 -9
- package/docs-llm/rich-text/options.md +6 -5
- package/docs-llm/sankey/options.md +9 -9
- package/docs-llm/scatter/options.md +57 -57
- package/docs-llm/single-value/options.md +39 -39
- package/docs-llm/single-value-icon/options.md +33 -33
- package/docs-llm/single-value-radial/options.md +31 -31
- package/docs-llm/table/options.md +14 -13
- package/docs-llm/timeline/options.md +17 -17
- package/docs-llm/treemap/examples-json.md +5 -0
- package/docs-llm/treemap/examples-react.md +5 -0
- package/docs-llm/treemap/options.md +26 -0
- package/docs-llm/treemap/overview.md +27 -0
- package/package.json +28 -27
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# Treemap Visualization Guide
|
|
2
|
+
|
|
3
|
+
**Component Reference:** Treemap or @splunk/visualizations/Treemap
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
A treemap visualization displays hierarchical data as nested rectangles sized by a numeric value. Each level of the hierarchy is subdivided into smaller rectangles, making it easy to compare how categories and subcategories contribute to the whole.
|
|
8
|
+
|
|
9
|
+
## Details
|
|
10
|
+
|
|
11
|
+
- **Category:** Comparisons
|
|
12
|
+
- **Visualization Type:** splunk.treemap
|
|
13
|
+
|
|
14
|
+
## Tips
|
|
15
|
+
|
|
16
|
+
- Use treemaps to compare proportions across categories within a hierarchy.
|
|
17
|
+
- Choose a clear size metric so rectangle areas are meaningful.
|
|
18
|
+
- Best for showing part-to-whole relationships, category breakdowns, or concentration patterns.
|
|
19
|
+
|
|
20
|
+
## Variations
|
|
21
|
+
|
|
22
|
+
| Variation | Description | Key |
|
|
23
|
+
| --- | --- | --- |
|
|
24
|
+
| Basic | Use a basic treemap to compare one level of categories by size. | basic |
|
|
25
|
+
| Subdivisions | Use parent IDs and subdivisions to show nested categories while still supporting drilldown into parent nodes. | hierarchy |
|
|
26
|
+
| Dynamic Colors | Use gradient, match value, or range value coloring to highlight values and categories in the treemap. | dynamicColors |
|
|
27
|
+
| Performance | Use parent and child relationships to handle large number of nodes. Nodes that are too small to render will collapse into an "Others" node that can be drilled down. | performance |
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@splunk/visualizations",
|
|
3
3
|
"license": "Apache-2.0",
|
|
4
4
|
"author": "Splunk Inc.",
|
|
5
|
-
"version": "28.
|
|
5
|
+
"version": "28.8.0",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "viz-build && yarn generate:llm-docs",
|
|
8
8
|
"build-storybook": "sb build -c .storybook -o .storybook-bundle",
|
|
@@ -39,25 +39,25 @@
|
|
|
39
39
|
"version": "yarn build"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@babel/runtime": "^7.29.
|
|
43
|
-
"@splunk/async-dynamic-options-evaluator": "^28.
|
|
44
|
-
"@splunk/charting-bundle": "^28.
|
|
42
|
+
"@babel/runtime": "^7.29.7",
|
|
43
|
+
"@splunk/async-dynamic-options-evaluator": "^28.8.0",
|
|
44
|
+
"@splunk/charting-bundle": "^28.8.0",
|
|
45
45
|
"@splunk/moment": "^0.7.0",
|
|
46
|
-
"@splunk/react-events-viewer": "^28.
|
|
47
|
-
"@splunk/react-field-summary": "^28.
|
|
48
|
-
"@splunk/react-icons": "^5.
|
|
49
|
-
"@splunk/react-ui": "^5.
|
|
46
|
+
"@splunk/react-events-viewer": "^28.8.0",
|
|
47
|
+
"@splunk/react-field-summary": "^28.8.0",
|
|
48
|
+
"@splunk/react-icons": "^5.12.0",
|
|
49
|
+
"@splunk/react-ui": "^5.11.1",
|
|
50
50
|
"@splunk/splunk-utils": "^3.4.0",
|
|
51
|
-
"@splunk/themes": "^1.
|
|
51
|
+
"@splunk/themes": "^1.8.0",
|
|
52
52
|
"@splunk/time-range-utils": "^3.4.1",
|
|
53
53
|
"@splunk/ui-utils": "^1.14.0",
|
|
54
|
-
"@splunk/visualization-canvas": "^28.
|
|
55
|
-
"@splunk/visualization-color-palettes": "^28.
|
|
56
|
-
"@splunk/visualization-encoding": "^28.
|
|
57
|
-
"@splunk/visualization-icons": "^28.
|
|
58
|
-
"@splunk/visualization-schemas": "^28.
|
|
59
|
-
"@splunk/visualization-themes": "^28.
|
|
60
|
-
"@splunk/visualizations-shared": "^28.
|
|
54
|
+
"@splunk/visualization-canvas": "^28.8.0",
|
|
55
|
+
"@splunk/visualization-color-palettes": "^28.8.0",
|
|
56
|
+
"@splunk/visualization-encoding": "^28.8.0",
|
|
57
|
+
"@splunk/visualization-icons": "^28.8.0",
|
|
58
|
+
"@splunk/visualization-schemas": "^28.8.0",
|
|
59
|
+
"@splunk/visualization-themes": "^28.8.0",
|
|
60
|
+
"@splunk/visualizations-shared": "^28.8.0",
|
|
61
61
|
"@xmldom/xmldom": "^0.8.13",
|
|
62
62
|
"chroma-js": "^3.2.0",
|
|
63
63
|
"cssesc": "3.0.0",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"d3-collection": "^1.0.7",
|
|
68
68
|
"d3-drag": "^2.0.0",
|
|
69
69
|
"d3-force": "^3.0.0",
|
|
70
|
+
"d3-hierarchy": "^3.1.2",
|
|
70
71
|
"d3-interpolate": "^3.0.1",
|
|
71
72
|
"d3-quadtree": "^3.0.1",
|
|
72
73
|
"d3-scale": "^3.3.0",
|
|
@@ -74,7 +75,7 @@
|
|
|
74
75
|
"d3-transition": "^2.0.0",
|
|
75
76
|
"d3-zoom": "^2.0.0",
|
|
76
77
|
"dagre": "^0.8.5",
|
|
77
|
-
"dompurify": "^3.4.
|
|
78
|
+
"dompurify": "^3.4.11",
|
|
78
79
|
"jexl": "^2.3.0",
|
|
79
80
|
"lodash": "^4.18.1",
|
|
80
81
|
"maplibre-gl": "^5.8.0",
|
|
@@ -87,7 +88,7 @@
|
|
|
87
88
|
"xpath": "^0.0.32"
|
|
88
89
|
},
|
|
89
90
|
"peerDependencies": {
|
|
90
|
-
"@splunk/visualization-context": "^28.
|
|
91
|
+
"@splunk/visualization-context": "^28.8.0",
|
|
91
92
|
"react": "^18.3.1",
|
|
92
93
|
"react-dom": "^18.3.1",
|
|
93
94
|
"styled-components": "^5.3.10"
|
|
@@ -95,19 +96,19 @@
|
|
|
95
96
|
"devDependencies": {
|
|
96
97
|
"@babel/cli": "^7.26.4",
|
|
97
98
|
"@babel/core": "^7.26.4",
|
|
98
|
-
"@babel/parser": "^7.29.
|
|
99
|
-
"@babel/traverse": "^7.29.
|
|
99
|
+
"@babel/parser": "^7.29.7",
|
|
100
|
+
"@babel/traverse": "^7.29.7",
|
|
100
101
|
"@babel/types": "^7.29.0",
|
|
101
102
|
"@loki/create-async-callback": "^0.35.1",
|
|
102
103
|
"@mdx-js/loader": "^3.1.1",
|
|
103
104
|
"@mdx-js/mdx": "^3.1.1",
|
|
104
105
|
"@splunk/babel-preset": "^4.0.0",
|
|
105
|
-
"@splunk/docs-gen": "^1.
|
|
106
|
-
"@splunk/dynamic-editors": "0.44.
|
|
106
|
+
"@splunk/docs-gen": "^1.8.0",
|
|
107
|
+
"@splunk/dynamic-editors": "0.44.7",
|
|
107
108
|
"@splunk/jsdoc-loader": "^3.1.1",
|
|
108
|
-
"@splunk/react-docs": "^1.
|
|
109
|
-
"@splunk/visualization-build-tools": "^28.
|
|
110
|
-
"@splunk/visualization-context": "^28.
|
|
109
|
+
"@splunk/react-docs": "^1.9.0",
|
|
110
|
+
"@splunk/visualization-build-tools": "^28.8.0",
|
|
111
|
+
"@splunk/visualization-context": "^28.8.0",
|
|
111
112
|
"@splunk/webpack-configs": "^7.0.2",
|
|
112
113
|
"@storybook/addon-actions": "^7.6.21",
|
|
113
114
|
"@storybook/addon-docs": "^7.6.21",
|
|
@@ -132,14 +133,14 @@
|
|
|
132
133
|
"@types/d3-brush": "^2.1.5",
|
|
133
134
|
"@types/d3-collection": "^1.0.13",
|
|
134
135
|
"@types/d3-drag": "^2.0.5",
|
|
136
|
+
"@types/d3-hierarchy": "^3.0.7",
|
|
135
137
|
"@types/d3-interpolate": "^3.0.4",
|
|
136
138
|
"@types/d3-scale": "^3.3.5",
|
|
137
139
|
"@types/d3-selection": "^2.0.5",
|
|
138
140
|
"@types/d3-transition": "^2.0.6",
|
|
139
141
|
"@types/d3-zoom": "^2.0.7",
|
|
140
|
-
"@types/dompurify": "^3.2.0",
|
|
141
142
|
"@types/json-schema": "^7.0.15",
|
|
142
|
-
"@types/react": "^18.3.
|
|
143
|
+
"@types/react": "^18.3.31",
|
|
143
144
|
"@types/testing-library__jest-dom": "^5.14.9",
|
|
144
145
|
"awesome-typescript-loader": "^5.2.1",
|
|
145
146
|
"babel-loader": "^8",
|