@splunk/visualizations 28.7.0 → 28.9.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.
Files changed (375) hide show
  1. package/Area.config.js +2 -4
  2. package/Area.config.js.map +2 -2
  3. package/Area.js +245 -147
  4. package/Area.js.map +4 -4
  5. package/Bar.config.js +2 -4
  6. package/Bar.config.js.map +2 -2
  7. package/Bar.js +246 -148
  8. package/Bar.js.map +4 -4
  9. package/Bubble/Bubble.d.ts +3 -1
  10. package/Bubble/Bubble.d.ts.map +1 -1
  11. package/Bubble.js +216 -108
  12. package/Bubble.js.map +4 -4
  13. package/CHANGELOG.external.md +56 -0
  14. package/ChoroplethSvg/ChoroplethSvg.d.ts +3 -1
  15. package/ChoroplethSvg/ChoroplethSvg.d.ts.map +1 -1
  16. package/ChoroplethSvg/PureChoroplethSvg/PureChoroplethSvg.d.ts.map +1 -1
  17. package/ChoroplethSvg/PureChoroplethSvg/SvgMutator.d.ts.map +1 -1
  18. package/ChoroplethSvg.js +638 -209
  19. package/ChoroplethSvg.js.map +4 -4
  20. package/Column.config.js +2 -4
  21. package/Column.config.js.map +2 -2
  22. package/Column.js +246 -148
  23. package/Column.js.map +4 -4
  24. package/Ellipse/Ellipse.d.ts +3 -1
  25. package/Ellipse/Ellipse.d.ts.map +1 -1
  26. package/Ellipse.js +216 -105
  27. package/Ellipse.js.map +4 -4
  28. package/Events/Events.d.ts +5 -3
  29. package/Events/Events.d.ts.map +1 -1
  30. package/Events/PureEvents/FieldSummaryTooltip.d.ts.map +1 -1
  31. package/Events/PureEvents/PureEvents.d.ts +0 -1
  32. package/Events/PureEvents/PureEvents.d.ts.map +1 -1
  33. package/Events.js +270 -157
  34. package/Events.js.map +4 -4
  35. package/FillerGauge.js +251 -143
  36. package/FillerGauge.js.map +4 -4
  37. package/Image/Image.d.ts +3 -1
  38. package/Image/Image.d.ts.map +1 -1
  39. package/Image.js +217 -106
  40. package/Image.js.map +4 -4
  41. package/Line.config.js +2 -4
  42. package/Line.config.js.map +2 -2
  43. package/Line.js +246 -148
  44. package/Line.js.map +4 -4
  45. package/LinkGraph/LinkGraph.d.ts +3 -1
  46. package/LinkGraph/LinkGraph.d.ts.map +1 -1
  47. package/LinkGraph/PureLinkGraph/PureLinkGraphUtils.d.ts.map +1 -1
  48. package/LinkGraph/PureLinkGraph/components/Node.d.ts.map +1 -1
  49. package/LinkGraph.config.js +1 -1
  50. package/LinkGraph.config.js.map +2 -2
  51. package/LinkGraph.js +802 -682
  52. package/LinkGraph.js.map +4 -4
  53. package/Map/Map.d.ts +10 -9
  54. package/Map/Map.d.ts.map +1 -1
  55. package/Map/PureMap/BubbleLayer.d.ts.map +1 -1
  56. package/Map/PureMap/ClusterLayer.d.ts.map +1 -1
  57. package/Map/PureMap/MapUtils.d.ts.map +1 -1
  58. package/Map/PureMap/MarkerWrapper.d.ts.map +1 -1
  59. package/Map/PureMap/PureMap.d.ts +8 -65
  60. package/Map/PureMap/PureMap.d.ts.map +1 -1
  61. package/Map.config.js +1 -1
  62. package/Map.config.js.map +2 -2
  63. package/Map.js +363 -313
  64. package/Map.js.map +4 -4
  65. package/Markdown/Markdown.d.ts +9 -1
  66. package/Markdown/Markdown.d.ts.map +1 -1
  67. package/Markdown/config.d.ts.map +1 -1
  68. package/Markdown.config.js +6 -1
  69. package/Markdown.config.js.map +2 -2
  70. package/Markdown.js +226 -95
  71. package/Markdown.js.map +3 -3
  72. package/MarkerGauge.js +247 -137
  73. package/MarkerGauge.js.map +4 -4
  74. package/NetworkGraph/PureNetworkGraph/PureNetworkGraph.d.ts.map +1 -1
  75. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts +1 -0
  76. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts.map +1 -1
  77. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts +1 -0
  78. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts.map +1 -1
  79. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts +3 -5
  80. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts.map +1 -1
  81. package/NetworkGraph.config.js +4 -2
  82. package/NetworkGraph.config.js.map +2 -2
  83. package/NetworkGraph.js +327 -188
  84. package/NetworkGraph.js.map +4 -4
  85. package/ParallelCoordinates/ParallelCoordinates.d.ts +3 -1
  86. package/ParallelCoordinates/ParallelCoordinates.d.ts.map +1 -1
  87. package/ParallelCoordinates.js +239 -128
  88. package/ParallelCoordinates.js.map +4 -4
  89. package/Pie/config.d.ts.map +1 -1
  90. package/Pie/pieUtils.d.ts.map +1 -1
  91. package/Pie.config.js +4 -2
  92. package/Pie.config.js.map +2 -2
  93. package/Pie.js +228 -125
  94. package/Pie.js.map +3 -3
  95. package/ProcessTree/ProcessTree.d.ts +3 -1
  96. package/ProcessTree/ProcessTree.d.ts.map +1 -1
  97. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts +1 -0
  98. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts.map +1 -1
  99. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts +1 -0
  100. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts.map +1 -1
  101. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts +2 -1
  102. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts.map +1 -1
  103. package/ProcessTree/PureProcessTree/utils/iconLoader.d.ts +2 -0
  104. package/ProcessTree/PureProcessTree/utils/iconLoader.d.ts.map +1 -1
  105. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts +5 -1
  106. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts.map +1 -1
  107. package/ProcessTree.js +435 -192
  108. package/ProcessTree.js.map +4 -4
  109. package/Punchcard/Punchcard.d.ts +3 -1
  110. package/Punchcard/Punchcard.d.ts.map +1 -1
  111. package/Punchcard.js +238 -129
  112. package/Punchcard.js.map +4 -4
  113. package/Rectangle/Rectangle.d.ts +3 -1
  114. package/Rectangle/Rectangle.d.ts.map +1 -1
  115. package/Rectangle.js +218 -116
  116. package/Rectangle.js.map +4 -4
  117. package/RichText/PureRichText/Editor/EditorPanel.d.ts +1 -4
  118. package/RichText/PureRichText/Editor/EditorPanel.d.ts.map +1 -1
  119. package/RichText/PureRichText/Editor/hooks/useConfigPanelFocus.d.ts +14 -0
  120. package/RichText/PureRichText/Editor/hooks/useConfigPanelFocus.d.ts.map +1 -0
  121. package/RichText/PureRichText/Editor/hooks/useEditorPanelSync.d.ts +15 -0
  122. package/RichText/PureRichText/Editor/hooks/useEditorPanelSync.d.ts.map +1 -0
  123. package/RichText/PureRichText/Editor/hooks/useLinkHandlers.d.ts.map +1 -1
  124. package/RichText/PureRichText/Editor/hooks/usePortalTarget.d.ts +9 -0
  125. package/RichText/PureRichText/Editor/hooks/usePortalTarget.d.ts.map +1 -0
  126. package/RichText/PureRichText/InnerEditor.d.ts +20 -4
  127. package/RichText/PureRichText/InnerEditor.d.ts.map +1 -1
  128. package/RichText/PureRichText/PureRichText.d.ts +21 -9
  129. package/RichText/PureRichText/PureRichText.d.ts.map +1 -1
  130. package/RichText/PureRichText/PureRichTextContext.d.ts +3 -6
  131. package/RichText/PureRichText/PureRichTextContext.d.ts.map +1 -1
  132. package/RichText/PureRichText/RichTextStyles.d.ts +5 -4
  133. package/RichText/PureRichText/RichTextStyles.d.ts.map +1 -1
  134. package/RichText/PureRichText/activeInstance.d.ts +6 -7
  135. package/RichText/PureRichText/activeInstance.d.ts.map +1 -1
  136. package/RichText/PureRichText/config.d.ts.map +1 -1
  137. package/RichText/PureRichText/hooks/useContentSave.d.ts +6 -0
  138. package/RichText/PureRichText/hooks/useContentSave.d.ts.map +1 -1
  139. package/RichText/PureRichText/hooks/useContentSync.d.ts +13 -1
  140. package/RichText/PureRichText/hooks/useContentSync.d.ts.map +1 -1
  141. package/RichText/PureRichText/hooks/useDashboardKeyboardNav.d.ts +2 -7
  142. package/RichText/PureRichText/hooks/useDashboardKeyboardNav.d.ts.map +1 -1
  143. package/RichText/PureRichText/hooks/useEditorSetup.d.ts +8 -4
  144. package/RichText/PureRichText/hooks/useEditorSetup.d.ts.map +1 -1
  145. package/RichText/PureRichText/hooks/useFakeHighlight.d.ts +1 -16
  146. package/RichText/PureRichText/hooks/useFakeHighlight.d.ts.map +1 -1
  147. package/RichText/PureRichText/hooks/useFocusHandlers.d.ts +2 -4
  148. package/RichText/PureRichText/hooks/useFocusHandlers.d.ts.map +1 -1
  149. package/RichText/PureRichText/hooks/useKeyboardShortcuts.d.ts.map +1 -1
  150. package/RichText/PureRichText/hooks/useMouseHandlers.d.ts +3 -7
  151. package/RichText/PureRichText/hooks/useMouseHandlers.d.ts.map +1 -1
  152. package/RichText/PureRichText/hooks/useStepFontSize.d.ts +2 -2
  153. package/RichText/PureRichText/hooks/useStepLineSpacing.d.ts +2 -3
  154. package/RichText/PureRichText/hooks/useStepLineSpacing.d.ts.map +1 -1
  155. package/RichText/PureRichText/hooks/useTokenMap.d.ts +31 -40
  156. package/RichText/PureRichText/hooks/useTokenMap.d.ts.map +1 -1
  157. package/RichText/PureRichText/renderers/ElementRenderer.d.ts +2 -5
  158. package/RichText/PureRichText/renderers/ElementRenderer.d.ts.map +1 -1
  159. package/RichText/PureRichText/renderers/LeafRenderer.d.ts +0 -4
  160. package/RichText/PureRichText/renderers/LeafRenderer.d.ts.map +1 -1
  161. package/RichText/PureRichText/types.d.ts +21 -0
  162. package/RichText/PureRichText/types.d.ts.map +1 -1
  163. package/RichText/PureRichText/utils/slateUtils.d.ts +26 -2
  164. package/RichText/PureRichText/utils/slateUtils.d.ts.map +1 -1
  165. package/RichText/RichText.d.ts +5 -1
  166. package/RichText/RichText.d.ts.map +1 -1
  167. package/RichText/config.d.ts.map +1 -1
  168. package/RichText.config.js +19 -1
  169. package/RichText.config.js.map +2 -2
  170. package/RichText.js +2311 -835
  171. package/RichText.js.map +4 -4
  172. package/Sankey/PureSankey/PureSankey.d.ts +2 -0
  173. package/Sankey/PureSankey/PureSankey.d.ts.map +1 -1
  174. package/Sankey/PureSankey/SankeyLink.d.ts +3 -1
  175. package/Sankey/PureSankey/SankeyLink.d.ts.map +1 -1
  176. package/Sankey/PureSankey/SankeyNode.d.ts +5 -2
  177. package/Sankey/PureSankey/SankeyNode.d.ts.map +1 -1
  178. package/Sankey/PureSankey/SankeyUtils.d.ts.map +1 -1
  179. package/Sankey/Sankey.d.ts +3 -1
  180. package/Sankey/Sankey.d.ts.map +1 -1
  181. package/Sankey.js +508 -219
  182. package/Sankey.js.map +4 -4
  183. package/Scatter.config.js +3 -5
  184. package/Scatter.config.js.map +2 -2
  185. package/Scatter.js +244 -146
  186. package/Scatter.js.map +4 -4
  187. package/SingleValue/SingleValue.d.ts.map +1 -1
  188. package/SingleValue.js +273 -173
  189. package/SingleValue.js.map +4 -4
  190. package/SingleValueBasic.js +4 -4
  191. package/SingleValueBasic.js.map +2 -2
  192. package/SingleValueIcon/SingleValueIcon.d.ts.map +1 -1
  193. package/SingleValueIcon.js +264 -164
  194. package/SingleValueIcon.js.map +4 -4
  195. package/SingleValueRadial.js +267 -167
  196. package/SingleValueRadial.js.map +4 -4
  197. package/SparkLine/SparkLine.d.ts.map +1 -1
  198. package/SparkLine.js.map +2 -2
  199. package/Table/PureTable.d.ts +2 -0
  200. package/Table/PureTable.d.ts.map +1 -1
  201. package/Table/Table.d.ts +2 -5
  202. package/Table/Table.d.ts.map +1 -1
  203. package/Table/config.d.ts.map +1 -1
  204. package/Table/hooks.d.ts.map +1 -1
  205. package/Table.config.js +8 -1
  206. package/Table.config.js.map +2 -2
  207. package/Table.js +374 -270
  208. package/Table.js.map +4 -4
  209. package/Timeline/PureTimeline/PureTimeline.d.ts +6 -5
  210. package/Timeline/PureTimeline/PureTimeline.d.ts.map +1 -1
  211. package/Timeline/PureTimeline/src/CursorPlugin.d.ts +1 -0
  212. package/Timeline/PureTimeline/src/CursorPlugin.d.ts.map +1 -1
  213. package/Timeline/PureTimeline/src/TimelineLegend.d.ts +10 -7
  214. package/Timeline/PureTimeline/src/TimelineLegend.d.ts.map +1 -1
  215. package/Timeline/PureTimeline/src/TimelineTooltip.d.ts +5 -1
  216. package/Timeline/PureTimeline/src/TimelineTooltip.d.ts.map +1 -1
  217. package/Timeline/PureTimeline/src/TimelineUplot.d.ts +19 -2
  218. package/Timeline/PureTimeline/src/TimelineUplot.d.ts.map +1 -1
  219. package/Timeline/PureTimeline/src/TimelineYAxis.d.ts.map +1 -1
  220. package/Timeline/PureTimeline/src/XAxisPlugin.d.ts +1 -0
  221. package/Timeline/PureTimeline/src/XAxisPlugin.d.ts.map +1 -1
  222. package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts +8 -0
  223. package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts.map +1 -1
  224. package/Timeline/Timeline.d.ts +3 -1
  225. package/Timeline/Timeline.d.ts.map +1 -1
  226. package/Timeline.config.js +2 -2
  227. package/Timeline.config.js.map +2 -2
  228. package/Timeline.js +713 -351
  229. package/Timeline.js.map +4 -4
  230. package/Treemap/PureTreemap/components/PureTreemap.d.ts +42 -0
  231. package/Treemap/PureTreemap/components/PureTreemap.d.ts.map +1 -0
  232. package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts +10 -0
  233. package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts.map +1 -0
  234. package/Treemap/PureTreemap/components/TreemapChildCell.d.ts +28 -0
  235. package/Treemap/PureTreemap/components/TreemapChildCell.d.ts.map +1 -0
  236. package/Treemap/PureTreemap/components/TreemapHeader.d.ts +19 -0
  237. package/Treemap/PureTreemap/components/TreemapHeader.d.ts.map +1 -0
  238. package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts +17 -0
  239. package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts.map +1 -0
  240. package/Treemap/PureTreemap/components/TreemapLegend.d.ts +20 -0
  241. package/Treemap/PureTreemap/components/TreemapLegend.d.ts.map +1 -0
  242. package/Treemap/PureTreemap/components/TreemapNode.d.ts +5 -0
  243. package/Treemap/PureTreemap/components/TreemapNode.d.ts.map +1 -0
  244. package/Treemap/PureTreemap/components/TreemapParentNode.d.ts +10 -0
  245. package/Treemap/PureTreemap/components/TreemapParentNode.d.ts.map +1 -0
  246. package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts +6 -0
  247. package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts.map +1 -0
  248. package/Treemap/PureTreemap/components/TreemapTooltip.d.ts +17 -0
  249. package/Treemap/PureTreemap/components/TreemapTooltip.d.ts.map +1 -0
  250. package/Treemap/PureTreemap/mockdata/data.d.ts +90 -0
  251. package/Treemap/PureTreemap/mockdata/data.d.ts.map +1 -0
  252. package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts +67 -0
  253. package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts.map +1 -0
  254. package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts +5 -0
  255. package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts.map +1 -0
  256. package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts +14 -0
  257. package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts.map +1 -0
  258. package/Treemap/PureTreemap/utils/treemapLayout.d.ts +49 -0
  259. package/Treemap/PureTreemap/utils/treemapLayout.d.ts.map +1 -0
  260. package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts +81 -0
  261. package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts.map +1 -0
  262. package/Treemap/PureTreemap/utils/treemapTypes.d.ts +37 -0
  263. package/Treemap/PureTreemap/utils/treemapTypes.d.ts.map +1 -0
  264. package/Treemap/PureTreemap/utils/treemapUtils.d.ts +76 -0
  265. package/Treemap/PureTreemap/utils/treemapUtils.d.ts.map +1 -0
  266. package/Treemap/Treemap.d.ts +14 -0
  267. package/Treemap/Treemap.d.ts.map +1 -0
  268. package/Treemap/config.d.ts +4 -0
  269. package/Treemap/config.d.ts.map +1 -0
  270. package/Treemap/index.d.ts +3 -0
  271. package/Treemap/index.d.ts.map +1 -0
  272. package/Treemap.config.js +465 -0
  273. package/Treemap.config.js.map +7 -0
  274. package/Treemap.js +6349 -0
  275. package/Treemap.js.map +7 -0
  276. package/common/Charting.js +8 -10
  277. package/common/Charting.js.map +2 -2
  278. package/common/ChartingApi.d.ts.map +1 -1
  279. package/common/ChartingApi.js +5 -2
  280. package/common/ChartingApi.js.map +2 -2
  281. package/common/DocExampleWithVizSandbox.js +3 -3
  282. package/common/DocExampleWithVizSandbox.js.map +2 -2
  283. package/common/GaugeMajorTicks.js.map +2 -2
  284. package/common/GaugeValueMarker.js +1 -0
  285. package/common/GaugeValueMarker.js.map +2 -2
  286. package/common/OptionsDoc.js +1 -1
  287. package/common/OptionsDoc.js.map +2 -2
  288. package/common/OverviewDoc.js +3 -3
  289. package/common/OverviewDoc.js.map +2 -2
  290. package/common/ThemesDoc.js.map +2 -2
  291. package/common/TimeSeriesChartWrapper.js +10 -9
  292. package/common/TimeSeriesChartWrapper.js.map +2 -2
  293. package/common/chartingUtils.d.ts.map +1 -1
  294. package/common/chartingUtils.js +12 -11
  295. package/common/chartingUtils.js.map +2 -2
  296. package/common/components/IconPlaceholder.d.ts.map +1 -1
  297. package/common/docUtils.d.ts.map +1 -1
  298. package/common/docUtils.js +16 -14
  299. package/common/docUtils.js.map +2 -2
  300. package/common/editorConfig/AxesChartDataDisplay.d.ts.map +1 -1
  301. package/common/gaugeUtils.d.ts.map +1 -1
  302. package/common/gaugeUtils.js +11 -5
  303. package/common/gaugeUtils.js.map +2 -2
  304. package/common/hocs/FixedSizeContainer.d.ts.map +1 -1
  305. package/common/hooks/useDynamicHeight.d.ts +67 -0
  306. package/common/hooks/useDynamicHeight.d.ts.map +1 -0
  307. package/common/hooks/useSorting.d.ts.map +1 -1
  308. package/common/interfaces/VizCategory.d.ts +2 -1
  309. package/common/interfaces/VizCategory.d.ts.map +1 -1
  310. package/common/interfaces/VizEvent.d.ts +7 -0
  311. package/common/interfaces/VizEvent.d.ts.map +1 -1
  312. package/common/utils/dataUtils.d.ts.map +1 -1
  313. package/common/utils/dataUtils.js +6 -10
  314. package/common/utils/dataUtils.js.map +2 -2
  315. package/common/utils/featureFlagUtils.js +2 -2
  316. package/common/utils/featureFlagUtils.js.map +2 -2
  317. package/common/utils/focusUtils.js +1 -1
  318. package/common/utils/focusUtils.js.map +2 -2
  319. package/common/utils/mapUtils.d.ts.map +1 -1
  320. package/common/utils/mapUtils.js +14 -18
  321. package/common/utils/mapUtils.js.map +2 -2
  322. package/common/utils/singleValueUtils.js +22 -25
  323. package/common/utils/singleValueUtils.js.map +2 -2
  324. package/common/utils/textUtils.d.ts.map +1 -1
  325. package/common/utils/textUtils.js +37 -23
  326. package/common/utils/textUtils.js.map +2 -2
  327. package/common/utils/trellisUtils.d.ts.map +1 -1
  328. package/common/utils/trellisUtils.js +18 -17
  329. package/common/utils/trellisUtils.js.map +2 -2
  330. package/common/utils/urlUtils.js.map +2 -2
  331. package/common/utils/visualizationTheme.d.ts +15 -0
  332. package/common/utils/visualizationTheme.d.ts.map +1 -0
  333. package/common/utils/visualizationTheme.js +72 -0
  334. package/common/utils/visualizationTheme.js.map +7 -0
  335. package/common/withDashboardViz.d.ts +3 -1
  336. package/common/withDashboardViz.d.ts.map +1 -1
  337. package/common/withDashboardViz.js +216 -105
  338. package/common/withDashboardViz.js.map +4 -4
  339. package/docs-llm/INDEX.md +1 -0
  340. package/docs-llm/area/options.md +84 -84
  341. package/docs-llm/bar/options.md +77 -77
  342. package/docs-llm/bubble/options.md +51 -51
  343. package/docs-llm/choropleth-svg/options.md +5 -5
  344. package/docs-llm/column/options.md +82 -82
  345. package/docs-llm/ellipse/options.md +6 -6
  346. package/docs-llm/events/options.md +6 -6
  347. package/docs-llm/filler-gauge/options.md +16 -16
  348. package/docs-llm/image/options.md +3 -3
  349. package/docs-llm/line/options.md +82 -82
  350. package/docs-llm/link-graph/options.md +16 -16
  351. package/docs-llm/map/options.md +12 -12
  352. package/docs-llm/markdown/options.md +7 -7
  353. package/docs-llm/marker-gauge/options.md +16 -16
  354. package/docs-llm/network-graph/options.md +39 -39
  355. package/docs-llm/parallel-coordinates/options.md +4 -4
  356. package/docs-llm/pie/examples-json.md +195 -0
  357. package/docs-llm/pie/examples-react.md +123 -0
  358. package/docs-llm/pie/options.md +23 -23
  359. package/docs-llm/process-tree/options.md +23 -22
  360. package/docs-llm/punchcard/options.md +23 -23
  361. package/docs-llm/pure-rich-text/options.md +6 -5
  362. package/docs-llm/rectangle/options.md +9 -9
  363. package/docs-llm/rich-text/options.md +6 -5
  364. package/docs-llm/sankey/options.md +9 -9
  365. package/docs-llm/scatter/options.md +57 -57
  366. package/docs-llm/single-value/options.md +39 -39
  367. package/docs-llm/single-value-icon/options.md +33 -33
  368. package/docs-llm/single-value-radial/options.md +31 -31
  369. package/docs-llm/table/options.md +14 -13
  370. package/docs-llm/timeline/options.md +17 -17
  371. package/docs-llm/treemap/examples-json.md +5 -0
  372. package/docs-llm/treemap/examples-react.md +5 -0
  373. package/docs-llm/treemap/options.md +26 -0
  374. package/docs-llm/treemap/overview.md +27 -0
  375. package/package.json +31 -30
@@ -6,38 +6,38 @@ Source: `@splunk/visualization-schemas/singleValueIconOptionsSchema`
6
6
 
7
7
  | Option | Type | Default | Description |
8
8
  | --- | --- | --- | --- |
9
- | `align` | string \| string | `center` | Specify how to align the center content. |
10
- | `backgroundColor` | string \| string | `transparent` | Specify the color for the background. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. |
11
- | `icon` | string \| string | `default` | Specify an icon. |
12
- | `iconColor` | string \| string | `null` | Specify the color for the icon. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
13
- | `iconOpacity` | number \| string | `1` | Specify the opacity for the icon using a number between 0 and 1 (inclusive). |
14
- | `iconPosition` | string \| string | `before` | Specify where to display the icon in relation to the major value. |
15
- | `majorColor` | string \| string | `> themes.defaultFontColor` | Specify the color for the major value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
16
- | `majorFontSize` | number \| string | — | Specify the font size (px) for the major value. By default the major value font size is calculated dynamically based on the available space. |
17
- | `majorValue` | string \| number \| string | `> primary\|seriesByPrioritizedTypes("number", "string", "time")\|lastPoint()` | The raw value to display and used to calculate trendValue. It is not displayed if majorValueDisplay is specified. |
18
- | `majorValueDisplay` | string \| number \| string | `> majorValue` | The formatted version of majorValue displayed in the visualization. |
19
- | `majorValueField` | string \| string | `> majorValue \| getField()` | The field name of major value. |
20
- | `numberPrecision` | number \| string | `0` | Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20. |
21
- | `shouldAbbreviateMajorValue` | boolean \| string | `false` | Specify whether to abbreviate the major value to 2 decimal points. A magnitude unit will be displayed. |
22
- | `shouldAbbreviateTrendValue` | boolean \| string | `false` | Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed. |
23
- | `shouldUseThousandSeparators` | boolean \| string | `true` | Specify whether numeric values use commas as thousandths separators. |
24
- | `showValue` | boolean \| string | `true` | Specify whether to enable or disable the value and trend indicator displays. |
25
- | `splitByLayout` | string \| string | `off` | Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category. |
26
- | `trellisBackgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF. |
27
- | `trellisColumns` | number \| string | — | Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1. |
28
- | `trellisMinColumnWidth` | number \| string | `100` | Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
29
- | `trellisPageCount` | number \| string | `20` | Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1. |
30
- | `trellisRowHeight` | number \| string | `70` | Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
31
- | `trellisSortBy` | string \| string | `result` | Specify the sort method for the individual visualizations in the trellis container. Use result to sort by search result order, name to sort alphabetically by visualization label, value to sort by the major value, or trend to sort by the trend value. |
32
- | `trellisSortOrder` | string \| string | `ascending` | Specify the sort order for the individual visualizations in the trellis container. This setting applies to the sort method specified in trellisSortBy. |
33
- | `trellisSplitBy` | string \| string | — | Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field. |
34
- | `trendColor` | string \| string | `> themes.defaultFontColor` | Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
35
- | `trendDisplay` | string \| string | `absolute` | Specify whether the trend value is displayed as a percentage or an absolute count. |
36
- | `trendFontSize` | number \| string | — | Specify the font size (px) for the trend value. By default the trend value font size is calculated dynamically based on the available space. |
37
- | `trendValue` | number \| string | `> primary\|seriesByPrioritizedTypes("number", "string", "time")\|delta(-2)` | The trend value to display in the visualization. |
38
- | `underLabel` | string \| string | — | Specify the text that appears below the major value. |
39
- | `underLabelColor` | string \| string | `> majorColor` | Specify the color for the under label text. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. By default it follows the major value color. |
40
- | `unit` | string \| string | — | Specify text to show next to the major value. |
41
- | `unitPosition` | string \| string | `after` | Specify whether the unit text should appear before or after the major value. |
9
+ | `align` | string | `center` | Specify how to align the center content. Allowed values: `left`, `center`, `right` |
10
+ | `backgroundColor` | string | `transparent` | Specify the color for the background. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
11
+ | `icon` | string | `default` | Specify an icon. |
12
+ | `iconColor` | string | `null` | Specify the color for the icon. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
13
+ | `iconOpacity` | number | `1` | Specify the opacity for the icon using a number between 0 and 1 (inclusive). |
14
+ | `iconPosition` | string | `before` | Specify where to display the icon in relation to the major value. |
15
+ | `majorColor` | string | `> themes.defaultFontColor` | Specify the color for the major value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
16
+ | `majorFontSize` | number | — | Specify the font size (px) for the major value. By default the major value font size is calculated dynamically based on the available space. |
17
+ | `majorValue` | string \| number | `> primary\|seriesByPrioritizedTypes("number", "string", "time")\|lastPoint()` | The raw value to display and used to calculate trendValue. It is not displayed if majorValueDisplay is specified. |
18
+ | `majorValueDisplay` | string \| number | `> majorValue` | The formatted version of majorValue displayed in the visualization. |
19
+ | `majorValueField` | string | `> majorValue \| getField()` | The field name of major value. |
20
+ | `numberPrecision` | number | `0` | Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20. Range: min 0, max 20 |
21
+ | `shouldAbbreviateMajorValue` | boolean | `false` | Specify whether to abbreviate the major value to 2 decimal points. A magnitude unit will be displayed. |
22
+ | `shouldAbbreviateTrendValue` | boolean | `false` | Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed. |
23
+ | `shouldUseThousandSeparators` | boolean | `true` | Specify whether numeric values use commas as thousandths separators. |
24
+ | `showValue` | boolean | `true` | Specify whether to enable or disable the value and trend indicator displays. |
25
+ | `splitByLayout` | string | `off` | Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category. Allowed values: `off`, `trellis` |
26
+ | `trellisBackgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
27
+ | `trellisColumns` | number | — | Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1. Range: min 1 |
28
+ | `trellisMinColumnWidth` | number | `100` | Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. Range: min 1 |
29
+ | `trellisPageCount` | number | `20` | Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1. Range: min 1 |
30
+ | `trellisRowHeight` | number | `70` | Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. Range: min 1 |
31
+ | `trellisSortBy` | string | `result` | Specify the sort method for the individual visualizations in the trellis container. Use result to sort by search result order, name to sort alphabetically by visualization label, value to sort by the major value, or trend to sort by the trend value. Allowed values: `result`, `name`, `value`, `trend` |
32
+ | `trellisSortOrder` | string | `ascending` | Specify the sort order for the individual visualizations in the trellis container. This setting applies to the sort method specified in trellisSortBy. Allowed values: `ascending`, `descending` |
33
+ | `trellisSplitBy` | string | — | Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field. |
34
+ | `trendColor` | string | `> themes.defaultFontColor` | Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
35
+ | `trendDisplay` | string | `absolute` | Specify whether the trend value is displayed as a percentage or an absolute count. Allowed values: `off`, `percent`, `absolute` |
36
+ | `trendFontSize` | number | — | Specify the font size (px) for the trend value. By default the trend value font size is calculated dynamically based on the available space. |
37
+ | `trendValue` | number | `> primary\|seriesByPrioritizedTypes("number", "string", "time")\|delta(-2)` | The trend value to display in the visualization. |
38
+ | `underLabel` | string | — | Specify the text that appears below the major value. |
39
+ | `underLabelColor` | string | `> majorColor` | Specify the color for the under label text. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. By default it follows the major value color. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
40
+ | `unit` | string | — | Specify text to show next to the major value. |
41
+ | `unitPosition` | string | `after` | Specify whether the unit text should appear before or after the major value. Allowed values: `before`, `after` |
42
42
 
43
43
  _Auto-generated; do not edit by hand._
@@ -6,36 +6,36 @@ Source: `@splunk/visualization-schemas/singleValueRadialOptionsSchema`
6
6
 
7
7
  | Option | Type | Default | Description |
8
8
  | --- | --- | --- | --- |
9
- | `backgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color for the background. The hex value format should be “#ffffff”. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". |
10
- | `gaugeRanges` | array<object> \| string | `> majorColorEditorConfig` | Specify the overall range of the gauge as a series of continuous, color-coded subranges. For example, [{"to": 20, "value": "#4BEBA8"}, {"from": 20, "to": 50, "value": "#D41F1F"}, {"from": 50, "value": "#F4DF7A"}]. Must be unbounded, open ranges. Ranges are bound by a separate minValue/maxValue option. Only configured if isGaugeOn is true. |
11
- | `isGaugeOn` | boolean \| string | `false` | Specify if gauge is on. |
12
- | `majorColor` | string \| string | `> themes.defaultFontColor` | Specify the color for the major value. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
13
- | `majorValue` | string \| number \| string | `> primary \| seriesByPrioritizedTypes("number", "string", "time") \| lastPoint()` | The raw value to display and used to calculate trendValue. It is not displayed if majorValueDisplay is specified. |
14
- | `majorValueDisplay` | string \| number \| string | `> majorValue` | The formatted version of majorValue displayed in the visualization. |
15
- | `majorValueField` | string \| string | `> majorValue \| getField()` | Specify the field that should be mapped to the major value. |
16
- | `maxValue` | number \| string | `100` | Specify the value the radial fills up to. |
17
- | `minValue` | number \| string | `0` | Specify the min value of the radial. |
18
- | `numberPrecision` | number \| string | `0` | Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20. |
19
- | `radialBackgroundColor` | string \| string | `> themes.defaultRadialBackgroundColor` | Specify the color for the radial background. The hex value format should be “#ffffff”. The default for enterprise light is "rgba(0, 0, 0, 0.1)". The default for enterprise dark is "rgba(255, 255, 255, 0.15)". The default for prisma dark is "rgba(255, 255, 255, 0.15)". |
20
- | `radialStrokeColor` | string \| string | `> majorColor` | Specify the color for the radial. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
21
- | `shouldAbbreviateMajorValue` | boolean \| string | `false` | Specify whether to abbreviate the major value to 2 decimal points. A magnitude unit will be displayed. |
22
- | `shouldAbbreviateTrendValue` | boolean \| string | `false` | Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed. |
23
- | `shouldUseThousandSeparators` | boolean \| string | `true` | Specify whether numeric values use commas as thousandths separators. |
24
- | `splitByLayout` | string \| string | `off` | Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category. |
25
- | `trellisBackgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF. |
26
- | `trellisColumns` | number \| string | — | Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1. |
27
- | `trellisMinColumnWidth` | number \| string | `120` | Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
28
- | `trellisPageCount` | number \| string | `20` | Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1. |
29
- | `trellisRowHeight` | number \| string | `100` | Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
30
- | `trellisSortBy` | string \| string | `result` | Specify the sort method for the individual visualizations in the trellis container. Use result to sort by search result order, name to sort alphabetically by visualization label, value to sort by the major value, or trend to sort by the trend value. |
31
- | `trellisSortOrder` | string \| string | `ascending` | Specify the sort order for the individual visualizations in the trellis container. This setting applies to the sort method specified in trellisSortBy. |
32
- | `trellisSplitBy` | string \| string | — | Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field. |
33
- | `trendColor` | string \| string | `> themes.defaultFontColor` | Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". |
34
- | `trendDisplay` | string \| string | `absolute` | Specify how to display the trend value. |
35
- | `trendValue` | number \| string | `> primary \| seriesByPrioritizedTypes("number", "string", "time") \| delta(-2)` | Specify the dataSource applied to the trend value. |
36
- | `underLabel` | string \| string | — | Specify the text that appears below the major value. |
37
- | `underLabelColor` | string \| string | `> majorColor` | Specify the color for the under label text. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. By default it follows the major value color. |
38
- | `unit` | string \| string | — | Specify text to show next to the major value. |
39
- | `unitPosition` | string \| string | `after` | Specify whether the unit text should appear before or after the major value. |
9
+ | `backgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color for the background. The hex value format should be “#ffffff”. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
10
+ | `gaugeRanges` | array<object> | `> majorColorEditorConfig` | Specify the overall range of the gauge as a series of continuous, color-coded subranges. For example, [{"to": 20, "value": "#4BEBA8"}, {"from": 20, "to": 50, "value": "#D41F1F"}, {"from": 50, "value": "#F4DF7A"}]. Must be unbounded, open ranges. Ranges are bound by a separate minValue/maxValue option. Only configured if isGaugeOn is true. Items: object |
11
+ | `isGaugeOn` | boolean | `false` | Specify if gauge is on. |
12
+ | `majorColor` | string | `> themes.defaultFontColor` | Specify the color for the major value. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
13
+ | `majorValue` | string \| number | `> primary \| seriesByPrioritizedTypes("number", "string", "time") \| lastPoint()` | The raw value to display and used to calculate trendValue. It is not displayed if majorValueDisplay is specified. |
14
+ | `majorValueDisplay` | string \| number | `> majorValue` | The formatted version of majorValue displayed in the visualization. |
15
+ | `majorValueField` | string | `> majorValue \| getField()` | Specify the field that should be mapped to the major value. |
16
+ | `maxValue` | number | `100` | Specify the value the radial fills up to. |
17
+ | `minValue` | number | `0` | Specify the min value of the radial. |
18
+ | `numberPrecision` | number | `0` | Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20. Range: min 0, max 20 |
19
+ | `radialBackgroundColor` | string | `> themes.defaultRadialBackgroundColor` | Specify the color for the radial background. The hex value format should be “#ffffff”. The default for enterprise light is "rgba(0, 0, 0, 0.1)". The default for enterprise dark is "rgba(255, 255, 255, 0.15)". The default for prisma dark is "rgba(255, 255, 255, 0.15)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
20
+ | `radialStrokeColor` | string | `> majorColor` | Specify the color for the radial. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
21
+ | `shouldAbbreviateMajorValue` | boolean | `false` | Specify whether to abbreviate the major value to 2 decimal points. A magnitude unit will be displayed. |
22
+ | `shouldAbbreviateTrendValue` | boolean | `false` | Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed. |
23
+ | `shouldUseThousandSeparators` | boolean | `true` | Specify whether numeric values use commas as thousandths separators. |
24
+ | `splitByLayout` | string | `off` | Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category. Allowed values: `off`, `trellis` |
25
+ | `trellisBackgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
26
+ | `trellisColumns` | number | — | Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1. Range: min 1 |
27
+ | `trellisMinColumnWidth` | number | `120` | Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. Range: min 1 |
28
+ | `trellisPageCount` | number | `20` | Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1. Range: min 1 |
29
+ | `trellisRowHeight` | number | `100` | Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. Range: min 1 |
30
+ | `trellisSortBy` | string | `result` | Specify the sort method for the individual visualizations in the trellis container. Use result to sort by search result order, name to sort alphabetically by visualization label, value to sort by the major value, or trend to sort by the trend value. Allowed values: `result`, `name`, `value`, `trend` |
31
+ | `trellisSortOrder` | string | `ascending` | Specify the sort order for the individual visualizations in the trellis container. This setting applies to the sort method specified in trellisSortBy. Allowed values: `ascending`, `descending` |
32
+ | `trellisSplitBy` | string | — | Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field. |
33
+ | `trendColor` | string | `> themes.defaultFontColor` | Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
34
+ | `trendDisplay` | string | `absolute` | Specify how to display the trend value. Allowed values: `percent`, `absolute`, `off` |
35
+ | `trendValue` | number | `> primary \| seriesByPrioritizedTypes("number", "string", "time") \| delta(-2)` | Specify the dataSource applied to the trend value. |
36
+ | `underLabel` | string | — | Specify the text that appears below the major value. |
37
+ | `underLabelColor` | string | `> majorColor` | Specify the color for the under label text. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. By default it follows the major value color. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
38
+ | `unit` | string | — | Specify text to show next to the major value. |
39
+ | `unitPosition` | string | `after` | Specify whether the unit text should appear before or after the major value. Allowed values: `before`, `after` |
40
40
 
41
41
  _Auto-generated; do not edit by hand._
@@ -6,20 +6,21 @@ Source: `@splunk/visualization-schemas/tableOptionsSchema`
6
6
 
7
7
  | Option | Type | Default | Description |
8
8
  | --- | --- | --- | --- |
9
- | `backgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color for the background. You might use a data source to apply the color. The default for enterprise light is "#FFFFFF". The default for enterprise dark is "#000000". The default for prisma dark is "#0B0C0E". |
9
+ | `backgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color for the background. You might use a data source to apply the color. The default for enterprise light is "#FFFFFF". The default for enterprise dark is "#000000". The default for prisma dark is "#0B0C0E". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
10
10
  | `columnFormat` | object | — | Lets you format an individual column in a table. Specify a column in a table as a field, followed by a property. For more information, see the Column Format Align - Left example on the Examples page. |
11
- | `count` | number \| string | `10` | Specify the maximum number of rows to display. |
12
- | `font` | string \| string | `proportional` | Specify the font style to use for table content. |
13
- | `fontSize` | string \| string | `default` | Specify the font size to use for table content. Font sizes range from extra small (10px) to large (16px) with the default being 14px. |
14
- | `headers` | array<string> \| string | `> table \| getField()` | Specify an array of headers to display on the table. Though these can be statically listed, it's best to use the dynamic default, as it will return the fields of your search. |
15
- | `headerVisibility` | string \| string | `inline` | Specify how to display the table header row. |
16
- | `paginateDataSourceKey` | string \| string | `primary` | Specify the data source key for pagination and sorting. |
17
- | `showColumnAsExpandedJson` | string \| array<string> \| string | — | Specify row expansion content as stringified JSON. Provide either a DSL expression that resolves to an array of stringified JSON values, or a static array of stringified JSON values. Each item is rendered in the matching expanded row with JSONTree. |
18
- | `showFooterPercentages` | boolean \| string | `false` | Specify whether to show a row at the bottom of the table that displays percentage values for applicable columns. |
19
- | `showFooterTotals` | boolean \| string | `false` | Specify whether to show a row at the bottom of the table that displays total values for applicable columns. |
20
- | `showInternalFields` | boolean \| string | `true` | Specify whether to show internal fields that start with an underscore. The _time field will still be shown if false. |
21
- | `showRowNumbers` | boolean \| string | `false` | Show row numbers in the first column. |
22
- | `table` | array<array<string \| number \| array<string \| number>>> \| string | `> primary` | Two dimensional array of data to be displayed in the table. |
11
+ | `count` | number | `10` | Specify the maximum number of rows to display. |
12
+ | `dynamicHeight` | boolean | `false` | In view mode, allow the table to grow or shrink to fit the data. Ignored in edit mode. |
13
+ | `font` | string | `proportional` | Specify the font style to use for table content. Allowed values: `proportional`, `monospace` |
14
+ | `fontSize` | string | `default` | Specify the font size to use for table content. Font sizes range from extra small (10px) to large (16px) with the default being 14px. Allowed values: `extraSmall`, `small`, `default`, `large` |
15
+ | `headers` | array<string> | `> table \| getField()` | Specify an array of headers to display on the table. Though these can be statically listed, it's best to use the dynamic default, as it will return the fields of your search. Items: string |
16
+ | `headerVisibility` | string | `inline` | Specify how to display the table header row. Allowed values: `none`, `fixed`, `inline` |
17
+ | `paginateDataSourceKey` | string | `primary` | Specify the data source key for pagination and sorting. |
18
+ | `showColumnAsExpandedJson` | string \| array<string> | — | Specify row expansion content as stringified JSON. Provide either a DSL expression that resolves to an array of stringified JSON values, or a static array of stringified JSON values. Each item is rendered in the matching expanded row with JSONTree. Items: string |
19
+ | `showFooterPercentages` | boolean | `false` | Specify whether to show a row at the bottom of the table that displays percentage values for applicable columns. |
20
+ | `showFooterTotals` | boolean | `false` | Specify whether to show a row at the bottom of the table that displays total values for applicable columns. |
21
+ | `showInternalFields` | boolean | `true` | Specify whether to show internal fields that start with an underscore. The _time field will still be shown if false. |
22
+ | `showRowNumbers` | boolean | `false` | Show row numbers in the first column. |
23
+ | `table` | array<array<string \| number \| array<string \| number>>> | `> primary` | Two dimensional array of data to be displayed in the table. Items: array<string \| number \| array<string \| number>> |
23
24
  | `tableFormat` | object | — | Lets you set global options for a table. |
24
25
 
25
26
  _Auto-generated; do not edit by hand._
@@ -6,22 +6,22 @@ Source: `@splunk/visualization-schemas/timelineOptionsSchema`
6
6
 
7
7
  | Option | Type | Default | Description |
8
8
  | --- | --- | --- | --- |
9
- | `additionalTooltipFields` | array<string> \| string | `[]` | Specify the fields to add to the default set of tooltips. Tooltips appear when you hover over events. These fields and their corresponding values are shown in addition to the ones displayed by default. |
10
- | `backgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color for the background. You may use a data source to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". |
11
- | `category` | array<string \| number> \| string | `> primary\| seriesByName("category")` | Specify the data source to apply series categories. This will color events in distinct categories. |
12
- | `categoryField` | string \| string | `> category \| getField()` | Specify the field that should be mapped to the y-axis. |
13
- | `dataColors` | string \| array<string> \| string | — | Specify the colors to use for events. You can use an array of colors to be picked from, or you can use a data source to apply dynamic coloring. For example, “> primary \| seriesByName("count") \| rangeValue(lowToHigh)”. By default, the dataColors option is not defined and seriesColors is used for categorical coloring. |
14
- | `duration` | array<string \| number> \| string | `> primary \| seriesByPrioritizedTypes("number", "time")` | Specify the data source to apply duration to events. This will display events over a length of time as a bar rather than a circle. |
15
- | `durationField` | string \| string | `> duration \| getField()` | Specify the field that should be mapped to the x-axis. |
16
- | `durationUnit` | string \| string | `milliseconds` | Specify the unit of the values in the duration data source used to apply duration to events. |
17
- | `legendDisplay` | string \| string | `off` | Specify the location of the legend on the panel. |
18
- | `legendTruncation` | string \| string | `ellipsisEnd` | Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis. |
19
- | `resultLimit` | number \| string | `10000` | Specify the maximum number of events to render on the timeline. Adjust the value to improve performance. |
20
- | `seriesColors` | array<string> \| string | `["#7B56DB","#009CEB","#00CDAF","#DD9900","#FF677B","#CB2196","#813193","#0051B5","#008C80","#99B100","#FFA476","#FF6ACE","#AE8CFF","#00689D","#00490A","#465D00","#9D6300","#F6540B","#FF969E","#E47BFE"]` | Specify the colors used for a series. For example, ["#FF0000", "#0000FF", "#008000"]. |
21
- | `x` | array<string \| number> \| string | `> primary \| seriesByType("time")` | Specify the data source applied to the x-axis. |
22
- | `xField` | string \| string | `> x \| getField()` | Specify the field that should be mapped to the x-axis. |
23
- | `y` | array<string \| number> \| string | `> primary \| seriesByPrioritizedTypes("string", "number")` | Specify the data source applied to the y-axis. |
24
- | `yAxisLabelWidth` | number \| string | `100` | Specify the width, in pixels, for y-axis labels. |
25
- | `yField` | string \| string | `> y \| getField()` | Specify the field that should be mapped to the y-axis. |
9
+ | `additionalTooltipFields` | array<string> | `[]` | Specify the fields to add to the default set of tooltips. Tooltips appear when you hover over events. These fields and their corresponding values are shown in addition to the ones displayed by default. Items: string |
10
+ | `backgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color for the background. You may use a data source to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
11
+ | `category` | array<string \| number> | `> primary\| seriesByName("category")` | Specify the data source to apply series categories. This will color events in distinct categories. Items: string \| number |
12
+ | `categoryField` | string | `> category \| getField()` | Specify the field that should be mapped to the y-axis. |
13
+ | `dataColors` | string \| array<string> | — | Specify the colors to use for events. You can use an array of colors to be picked from, or you can use a data source to apply dynamic coloring. For example, “> primary \| seriesByName("count") \| rangeValue(lowToHigh)”. By default, the dataColors option is not defined and seriesColors is used for categorical coloring. Items: string |
14
+ | `duration` | array<string \| number> | `> primary \| seriesByPrioritizedTypes("number", "time")` | Specify the data source to apply duration to events. This will display events over a length of time as a bar rather than a circle. Items: string \| number |
15
+ | `durationField` | string | `> duration \| getField()` | Specify the field that should be mapped to the x-axis. |
16
+ | `durationUnit` | string | `milliseconds` | Specify the unit of the values in the duration data source used to apply duration to events. Allowed values: `milliseconds`, `seconds`, `minutes`, `hours` |
17
+ | `legendDisplay` | string | `off` | Specify the location of the legend on the panel. Allowed values: `right`, `bottom`, `off` |
18
+ | `legendTruncation` | string | `ellipsisEnd` | Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis. Allowed values: `ellipsisEnd`, `ellipsisMiddle`, `ellipsisStart`, `ellipsisOff` |
19
+ | `resultLimit` | number | `10000` | Specify the maximum number of events to render on the timeline. Adjust the value to improve performance. |
20
+ | `seriesColors` | array<string> | `["#7B56DB","#009CEB","#00CDAF","#DD9900","#FF677B","#CB2196","#813193","#0051B5","#008C80","#99B100","#FFA476","#FF6ACE","#AE8CFF","#00689D","#00490A","#465D00","#9D6300","#F6540B","#FF969E","#E47BFE"]` | Specify the colors used for a series. For example, ["#FF0000", "#0000FF", "#008000"]. Items: string |
21
+ | `x` | array<string \| number> | `> primary \| seriesByType("time")` | Specify the data source applied to the x-axis. Items: string \| number |
22
+ | `xField` | string | `> x \| getField()` | Specify the field that should be mapped to the x-axis. |
23
+ | `y` | array<string \| number> | `> primary \| seriesByPrioritizedTypes("string", "number")` | Specify the data source applied to the y-axis. Items: string \| number |
24
+ | `yAxisLabelWidth` | number | `100` | Specify the width, in pixels, for y-axis labels. |
25
+ | `yField` | string | `> y \| getField()` | Specify the field that should be mapped to the y-axis. |
26
26
 
27
27
  _Auto-generated; do not edit by hand._
@@ -0,0 +1,5 @@
1
+ # Treemap Examples
2
+
3
+ **Visualization Reference:** splunk.treemap
4
+
5
+ _No code examples available for this visualization._
@@ -0,0 +1,5 @@
1
+ # Treemap Examples
2
+
3
+ **Component Reference:** Treemap or @splunk/visualizations/Treemap
4
+
5
+ _No code examples available for this visualization._
@@ -0,0 +1,26 @@
1
+ # Treemap Visualization Options
2
+
3
+ **Component Reference:** Treemap or @splunk/visualizations/treemap
4
+
5
+ Source: `@splunk/visualization-schemas/treemapOptionsSchema`
6
+
7
+ | Option | Type | Default | Description |
8
+ | --- | --- | --- | --- |
9
+ | `additionalTooltipFields` | array<string> | `[]` | Specify additional fields to display in the tooltip for each node. Items: string |
10
+ | `backgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color for the background. You may use a dataSource to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
11
+ | `dataColors` | string \| array<string> | — | Specify the colors to use for treemap nodes. You can use an array of colors to be picked from, or you can use a data source to apply dynamic coloring. For example, "> primary \| seriesByName("population") \| rangeValue(colorRangeConfig)". By default, the dataColors option is not defined and seriesColors is used for categorical coloring. Items: string |
12
+ | `dataColorValues` | array<number \| string> | `> primary \| seriesByType('number')` | Specify the array of values used for dynamic treemap coloring. Items: number \| string |
13
+ | `legendDisplay` | string | `off` | Specify the location of the legend on the panel. Allowed values: `bottom`, `off` |
14
+ | `nodeIds` | array<string> | `> primary \| seriesByType("string")` | Specify the array of node IDs in the hierarchy. Items: string |
15
+ | `nodeLabels` | array<string> | `> primary \| seriesByType("string")` | Specify the array of display labels for treemap nodes. Items: string |
16
+ | `parent` | array<string> | — | Specify the array of parent node names in the hierarchy. Items: string |
17
+ | `resultLimit` | number | `10000` | Specify the maximum number of treemap data points rendered. |
18
+ | `seriesColors` | array<string> | `["#7B56DB","#009CEB","#00CDAF","#DD9900","#FF677B","#CB2196","#813193","#0051B5","#008C80","#99B100","#FFA476","#FF6ACE","#AE8CFF","#00689D","#00490A","#465D00","#9D6300","#F6540B","#FF969E","#E47BFE"]` | Specify the colors used for root categories. For example, ["#FF0000", "#0000FF", "#008000"]. Items: string |
19
+ | `showChildValues` | boolean | `true` | Specify whether to display values for child and leaf nodes. |
20
+ | `showParentValues` | boolean | `true` | Specify whether to display the values of each parent node. This only applies when showSubdivisions is true. |
21
+ | `showSubdivisions` | boolean | `true` | Specify whether to display nested subdivisions inside parent nodes. |
22
+ | `showTooltip` | boolean | `false` | Specify whether to display the tooltip when hovering over nodes. |
23
+ | `sumFromLeafNodes` | boolean | `false` | Specify whether parent values are calculated from leaf children instead of using provided parent values. |
24
+ | `value` | array<number> | `> primary \| seriesByType('number')` | Specify the numeric field used to determine the size (area) of each treemap node. Items: number |
25
+
26
+ _Auto-generated; do not edit by hand._
@@ -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.7.0",
5
+ "version": "28.9.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.2",
43
- "@splunk/async-dynamic-options-evaluator": "^28.7.0",
44
- "@splunk/charting-bundle": "^28.7.0",
42
+ "@babel/runtime": "^7.29.7",
43
+ "@splunk/async-dynamic-options-evaluator": "^28.9.0",
44
+ "@splunk/charting-bundle": "^28.9.0",
45
45
  "@splunk/moment": "^0.7.0",
46
- "@splunk/react-events-viewer": "^28.7.0",
47
- "@splunk/react-field-summary": "^28.7.0",
48
- "@splunk/react-icons": "^5.11.0",
49
- "@splunk/react-ui": "^5.10.0",
46
+ "@splunk/react-events-viewer": "^28.9.0",
47
+ "@splunk/react-field-summary": "^28.9.0",
48
+ "@splunk/react-icons": "^5.14.1",
49
+ "@splunk/react-ui": "^5.14.0",
50
50
  "@splunk/splunk-utils": "^3.4.0",
51
- "@splunk/themes": "^1.7.2",
51
+ "@splunk/themes": "^1.10.0",
52
52
  "@splunk/time-range-utils": "^3.4.1",
53
- "@splunk/ui-utils": "^1.14.0",
54
- "@splunk/visualization-canvas": "^28.7.0",
55
- "@splunk/visualization-color-palettes": "^28.7.0",
56
- "@splunk/visualization-encoding": "^28.7.0",
57
- "@splunk/visualization-icons": "^28.7.0",
58
- "@splunk/visualization-schemas": "^28.7.0",
59
- "@splunk/visualization-themes": "^28.7.0",
60
- "@splunk/visualizations-shared": "^28.7.0",
53
+ "@splunk/ui-utils": "^1.14.1",
54
+ "@splunk/visualization-canvas": "^28.9.0",
55
+ "@splunk/visualization-color-palettes": "^28.9.0",
56
+ "@splunk/visualization-encoding": "^28.9.0",
57
+ "@splunk/visualization-icons": "^28.9.0",
58
+ "@splunk/visualization-schemas": "^28.9.0",
59
+ "@splunk/visualization-themes": "^28.9.0",
60
+ "@splunk/visualizations-shared": "^28.9.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.2",
78
+ "dompurify": "^3.4.12",
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.7.0",
91
+ "@splunk/visualization-context": "^28.9.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.3",
99
- "@babel/traverse": "^7.29.0",
100
- "@babel/types": "^7.29.0",
99
+ "@babel/parser": "^7.29.7",
100
+ "@babel/traverse": "^7.29.7",
101
+ "@babel/types": "^7.29.7",
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.2.0",
106
- "@splunk/dynamic-editors": "0.44.3",
106
+ "@splunk/docs-gen": "^1.8.0",
107
+ "@splunk/dynamic-editors": "0.46.1",
107
108
  "@splunk/jsdoc-loader": "^3.1.1",
108
- "@splunk/react-docs": "^1.7.0",
109
- "@splunk/visualization-build-tools": "^28.7.0",
110
- "@splunk/visualization-context": "^28.7.0",
109
+ "@splunk/react-docs": "^1.9.0",
110
+ "@splunk/visualization-build-tools": "^28.9.0",
111
+ "@splunk/visualization-context": "^28.9.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,20 +133,20 @@
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.1.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.28",
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",
146
147
  "babel-plugin-styled-components": "^1.13.3",
147
148
  "faker": "5.1.0",
148
- "jest-canvas-mock": "^2.5.2",
149
+ "jest-canvas-mock": "^2.5.8",
149
150
  "jest-styled-components": "^7.2.0",
150
151
  "json-schema": "^0.4.0",
151
152
  "loki": "^0.35.1",